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

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

@@ -1,96 +0,0 @@
-@mixin dsHover {
-  outline: calc(#{space(xxs)} * 0.25) solid color(brand-primary, 600);
-  outline-offset: calc(#{space(xxs)} * -0.25);
-}
-
-@mixin dsClearFocus() {
-  border: none;
-  box-shadow: none;
-}
-
-@mixin dsFocus($color: color(brand-primary, 600)) {
-  outline: none;
-  border: calc(#{space(xxs)} * 0.25) solid $color;
-  box-shadow: inset 0 0 0 1px lighten($color, 30%);
-  border-radius: 2px;
-}
-@mixin dsFocusAfter() {
-  outline: none;
-  position: relative;
-  &:after {
-    content: '';
-    z-index: 10;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-    @include dsFocus();
-  }
-}
-
-@mixin dsBorderAfter($color: color(neutral, 400), $index: 0) {
-  outline: none;
-  position: relative;
-  &:after {
-    content: '';
-    position: absolute;
-    z-index: $index;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-    border: solid 1px $color;
-    border-radius: 2px;
-  }
-}
-
-@mixin dsActive() {
-  outline: none;
-  border: calc(#{space(xxs)} * 0.25) solid color(brand-primary, 700);
-  border-radius: 2px;
-}
-@mixin dsFakeActive() {
-  outline: none;
-  box-shadow: inset 0 0 0 1px color(brand-primary, 700);
-  border-radius: 2px;
-}
-
-@mixin dsFakeBorder() {
-  box-shadow: inset 0 0 0 1px color(neutral, 200);
-  border-radius: 2px;
-}
-
-@mixin dsWithError() {
-  border-color: color(danger, 900);
-  border-radius: 2px;
-}
-
-@mixin dsWithErrorFakeBorder() {
-  box-shadow: inset 0 0 0 1px color(danger, 900);
-  border-radius: 2px;
-}
-
-@mixin dsDisabled() {
-  cursor: not-allowed;
-  pointer-events: none;
-  border-radius: 2px;
-  background: color(neutral, 080);
-  color: #616b7f;
-}
-
-@mixin dsDisabledWithBorder() {
-  border: 1px solid color(neutral, 400);
-  @include dsDisabled();
-}
-
-@mixin dsDisabledFakeBorder() {
-  cursor: not-allowed;
-  pointer-events: none;
-  border-radius: 2px;
-  border: none;
-  box-shadow: inset 0 0 0 1px color(neutral, 400);
-  @include dsDisabled();
-}

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

@@ -1,12 +0,0 @@
-@mixin safariAndFirefoxBold($color) {
-  @media not all and (min-resolution: 0.001dpcm) {
-    font-weight: 400;
-    -webkit-font-smoothing: subpixel-antialiased;
-    -webkit-text-stroke: 0.4px $color;
-  }
-  @media screen and (min--moz-device-pixel-ratio: 0) {
-    font-weight: 400;
-    -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/static-build/styles/base/utility-mixins/iconography-mixins.scss

@@ -1,19 +0,0 @@
-@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;
-  svg {
-    height: $fetched-size;
-    width: $fetched-size;
-  }
-  @if $color != null {
-    @include icon-color($color);
-  }
-}
-
-@mixin icon-color($color: color(neutral, 800)) {
-  fill: $color;
-}

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

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

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

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

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

@@ -1,9 +0,0 @@
-@mixin center() {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-@function toMobile($unit) {
-  @return $unit * (13 / 16);
-}

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

@@ -1,5 +0,0 @@
-@mixin target-ie {
-  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-    @content;
-  }
-}

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

@@ -1,73 +0,0 @@
-$link-text-color: color(brand-primary, 600);
-
-/// Returns desired styles for a given typography style.
-///
-/// @param {String} $weight - light, normal, semibold, bold.
-
-@mixin h1-text-style($weight: regular) {
-  font-size: font-size(900);
-  line-height: line-height(normal);
-  font-weight: font-weight($weight);
-}
-
-@mixin h2-text-style($weight: regular) {
-  font-size: font-size(800);
-  line-height: line-height(normal);
-  font-weight: font-weight($weight);
-}
-
-@mixin h3-text-style($weight: regular) {
-  font-size: font-size(700);
-  line-height: line-height(600);
-  font-weight: font-weight($weight);
-}
-
-@mixin h4-text-style($weight: regular) {
-  font-size: font-size(600);
-  line-height: line-height(normal);
-  font-weight: font-weight($weight);
-}
-
-@mixin h5-text-style($weight: regular) {
-  font-size: font-size(500);
-  line-height: line-height(normal);
-  font-weight: font-weight($weight);
-}
-
-@mixin section-header-text-style($weight: semibold) {
-  font-size: font-size(500);
-  line-height: line-height(normal);
-  font-weight: font-weight($weight);
-  text-transform: uppercase;
-}
-
-@mixin body-text-style($weight: regular) {
-  font-size: font-size(400);
-  line-height: line-height(normal);
-  font-weight: font-weight($weight);
-}
-
-@mixin body-small-text-style($weight: regular) {
-  font-size: font-size(300);
-  line-height: line-height(normal);
-  font-weight: font-weight($weight);
-}
-
-@mixin body-micro-text-style($weight: regular) {
-  font-size: font-size(200);
-  line-height: line-height(normal);
-  font-weight: font-weight($weight);
-}
-
-@mixin list-text-style($weight: regular) {
-  font-size: font-size(400);
-  line-height: line-height(normal);
-  font-weight: font-weight($weight);
-}
-
-@mixin link-text-style($weight: regular) {
-  line-height: line-height(400);
-  font-weight: font-weight($weight);
-  color: $link-text-color;
-  cursor: pointer;
-}

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

@@ -1,72 +0,0 @@
-@import 'packages/ds-form/ExpandableInput/DSExpandableInput';
-@import 'packages/ds-common/SearchBox/DSSearchBox';
-@import 'packages/ds-form/TimeInput/DSTimeInput';
-@import 'packages/ds-form/InputGroup/DSInputGroup';
-@import 'packages/ds-button/DSButton';
-@import 'packages/ds-separator/DSSeparator';
-@import 'packages/ds-label-value/DSLabelValue';
-@import 'packages/ds-group-box/DSGroupBox';
-@import 'packages/ds-common/Checkbox/DSCheckbox';
-@import 'packages/ds-form/FormItem/Error/DSError';
-@import 'packages/ds-form/FormItem/Label/DSLabel';
-@import 'packages/ds-form/FormItem/DSFormItemLayout';
-@import 'packages/ds-form/Input/DSInput';
-@import 'packages/ds-form/DateInput/DSDateInput';
-@import 'packages/ds-form/Input/InputAddonWrapper';
-@import 'packages/ds-form/Toggle/DSToggle';
-@import 'packages/ds-form/FloatingLabelInput/DSFloatingLabelInput';
-@import 'packages/ds-form/InputMask/DSInputMask';
-@import 'packages/ds-form/LargeInputText/DSLargeInputText';
-@import 'packages/ds-form/Radio/DSRadio';
-@import 'packages/ds-form/InputProtected/DSInputProtected';
-@import 'packages/ds-text-wrapper/DSTextWrapper';
-@import 'packages/ds-truncated-tooltip-text/DSTruncatedTooltipText';
-@import 'packages/ds-toolbar/DSToolbar';
-@import 'packages/ds-time-picker/DSTimePicker';
-@import 'packages/ds-toast/DSToast';
-@import 'packages/ds-progress-indicator/DSProgressIndicator';
-@import 'packages/ds-spinner/DSSpinner';
-@import 'packages/ds-loading-indicator/DSLoadingIndicator';
-@import 'packages/ds-tooltip/v1/DSTooltip';
-@import 'packages/ds-popover/DSPopover';
-@import 'packages/ds-overlay/DSOverlay';
-@import 'packages/ds-portal/DSPortal';
-@import 'packages/ds-card/DSCard';
-@import 'packages/ds-common/ComboBox/DSComboBox';
-@import 'packages/ds-button-group/DSButtonGroup';
-@import 'packages/ds-form/RadioGroup/DSRadioGroup';
-@import 'packages/ds-form/CheckboxGroup/DSCheckboxGroup';
-@import 'packages/ds-form/RequiredMark/RequiredMark';
-@import 'packages/ds-dropdownmenu/DSDropdownMenu';
-@import 'packages/ds-menu/Menu';
-@import 'packages/ds-page-header/DSPageHeader';
-@import 'packages/ds-pills/DSPills';
-@import 'packages/ds-zoom/DSZoom';
-@import 'packages/ds-indeterminate-progress-indicator/DSIndeterminateProgressIndicator';
-@import 'packages/ds-page-number/DSPageNumber';
-@import 'packages/ds-zipcode-search/DSZipCodeSearch';
-@import 'packages/ds-circular-progress-indicator/DSCircularProgressIndicator';
-
-@import '~react-dates/lib/css/_datepicker.css';
-
-@import 'packages/ds-filterbar/DSFilterBar';
-@import 'packages/ds-shuttle/DSShuttle';
-@import 'packages/ds-modal/DSModal';
-@import 'packages/ds-modal-slide/DSModalSlide';
-@import 'packages/ds-datagrids/DataGrids';
-@import 'packages/ds-treeview/Tree';
-@import 'packages/ds-query-builder/DSQueryBuilder';
-@import 'packages/ds-search-field/DSSearchField';
-@import 'packages/ds-date-time-recurrence-picker/DSDateTimeRecurrenceSelector';
-@import 'packages/ds-number-range-field/DSNumberRangeField';
-@import 'packages/ds-uploader/DSUploader';
-@import 'packages/ds-ribbon/DSRibbon';
-@import 'packages/ds-date-picker/DSDatePicker';
-@import 'packages/ds-date-time-picker/DSDateTimePicker';
-@import 'packages/ds-date-range-picker/DSDateRangePicker';
-@import 'packages/ds-date-range-selector/DSDateRangeSelector';
-@import 'packages/ds-codeeditor/DSCodeEditor';
-@import 'packages/ds-wysiwygeditor/DSWYSIWYGEditor';
-@import 'packages/ds-imagelibrarymodal/DSImageLibraryModal';
-@import 'packages/ds-wizard/DSWizard';
-@import 'packages/ds-card-array/DSCardArray';

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

@@ -1,49 +0,0 @@
-// form
-@import '../../ds-common/src/ComboBox/DSComboBox';
-@import '../../ds-form/src/ExpandableInput/DSExpandableInput';
-@import '../../ds-common/src/SearchBox/DSSearchBox';
-@import '../../ds-form/src/TimeInput/DSTimeInput';
-@import '../../ds-form/src/InputGroup/DSInputGroup';
-@import '../../ds-common/src/Checkbox/DSCheckbox';
-@import '../../ds-form/src/FormItem/Error/DSError';
-@import '../../ds-form/src/FormItem/Label/DSLabel';
-@import '../../ds-form/src/FormItem/DSFormItemLayout';
-@import '../../ds-form/src/Input/DSInput';
-@import '../../ds-form/src/DateInput/DSDateInput';
-@import '../../ds-form/src/Input/InputAddonWrapper';
-@import '../../ds-form/src/Toggle/DSToggle';
-@import '../../ds-form/src/FloatingLabelInput/DSFloatingLabelInput';
-@import '../../ds-form/src/InputMask/DSInputMask';
-@import '../../ds-form/src/LargeInputText/DSLargeInputText';
-@import '../../ds-form/src/Radio/DSRadio';
-@import '../../ds-form/src/RadioGroup/DSRadioGroup';
-@import '../../ds-form/src/CheckboxGroup/DSCheckboxGroup';
-@import '../../ds-form/src/RequiredMark/RequiredMark';
-@import '../../ds-form/src/InputProtected/DSInputProtected';
-
-@import '../../ds-progress-indicator/src/DSProgressIndicator';
-@import '../../ds-page-header/src/DSPageHeader';
-@import '../../ds-truncated-tooltip-text/src/DSTruncatedTooltipText';
-@import '../../ds-toolbar/src/DSToolbar';
-@import '../../ds-time-picker/src/DSTimePicker';
-@import '../../ds-spinner/src/DSSpinner';
-@import '../../ds-loading-indicator/src/DSLoadingIndicator';
-@import '../../ds-tooltip/src/v1/DSTooltip';
-@import '../../ds-popover/src/DSPopover';
-@import '../../ds-overlay/src/DSOverlay';
-@import '../../ds-portal/src/DSPortal';
-@import '../../ds-button-v1/src/DSButton';
-@import '../../ds-separator/src/DSSeparator';
-@import '../../ds-label-value/src/DSLabelValue';
-@import '../../ds-group-box/src/DSGroupBox';
-@import '../../ds-text-wrapper/src/DSTextWrapper';
-@import '../../ds-card/src/DSCard';
-@import '../../ds-button-group/src//DSButtonGroup';
-@import '../../ds-dropdownmenu/src/DSDropdownMenu';
-@import '../../ds-menu/src/Menu';
-@import '../../ds-pills/src/DSPills';
-@import '../../ds-zoom/src/DSZoom';
-@import '../../ds-indeterminate-progress-indicator/src/DSIndeterminateProgressIndicator';
-@import '../../ds-page-number/src/DSPageNumber';
-@import '../../ds-zipcode-search/src/DSZipCodeSearch';
-@import '../../ds-circular-progress-indicator/src/DSCircularProgressIndicator';

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

@@ -1,65 +0,0 @@
-$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/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/_generic/_general-functions.scss

@@ -1,210 +0,0 @@
-$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/dist/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/static-build/styles/components/packages/ds-basic/styles/base/_generic/_generic-dir.scss

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