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

package/dist/styles/components/packages/ds-basic/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/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/styles/base/utility-mixins/iconography-mixins.scss

@@ -1,20 +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/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/styles/base/utility-mixins/motion-mixins.scss

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

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

@@ -1,10 +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/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/styles/base/utility-mixins/typography-mixins.scss

@@ -1,74 +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;
-}