@elastic/eui 70.4.0 → 71.0.0

package/src/themes/amsterdam/overrides/_range_highlight.scss

@@ -1,31 +0,0 @@
-.euiRangeHighlight {
-  z-index: 1;
-  pointer-events: none;
-
-  &__progress {
-    background-color: $euiRangeHighlightColor;
-    border-color: $euiRangeHighlightColor;
-
-    &--hasFocus {
-      background-color: $euiColorPrimary;
-    }
-  }
-
-  &--compressed {
-    top: calc(50% - #{($euiRangeTrackCompressedHeight/2)});
-
-    .euiRangeHighlight__progress {
-      height: $euiRangeHighlightCompressedHeight;
-    }
-
-    &.euiRangeHighlight--hasTicks {
-      top: ($euiRangeThumbHeight - $euiRangeTrackCompressedHeight) / 2;
-    }
-  }
-
-  &:not(.euiRangeHighlight--compressed) {
-    &.euiRangeHighlight--hasTicks {
-      top: ($euiRangeThumbHeight - $euiRangeTrackHeight) / 2;
-    }
-  }
-}

package/src/themes/amsterdam/overrides/_range_levels.scss

@@ -1,32 +0,0 @@
-.euiRangeLevels {
-  .euiRangeLevel {
-    margin-top: 0;
-    margin-bottom: 0;
-
-    &:first-child {
-      margin-left: 0;
-    }
-
-    &:last-child {
-      margin-right: 0;
-    }
-  }
-
-  &--compressed {
-    .euiRangeLevel {
-      height: $euiRangeTrackCompressedHeight;
-
-      &:first-child {
-        margin-left: 0;
-      }
-
-      &:last-child {
-        margin-right: 0;
-      }
-    }
-
-    .euiRangeThumb--hasTicks {
-      top: 0;
-    }
-  }
-}

package/src/themes/amsterdam/overrides/_range_slider.scss

@@ -1,54 +0,0 @@
-.euiRangeSlider {
-  // in firefox just setting the z-index to the thumb doesn't work
-  // so we need to set the z-index to all the range slider and make the track transparent
-  @include euiRangeTrackPerBrowser {
-    background-color: transparent;
-  }
-
-  // z-index higher than .euiRangeHighlight that is 1
-  // the track is transparent we just want the thumb to be on top of the .euiRangeHighlight
-  z-index: 2;
-
-  &--hasTicks {
-    height: $euiRangeThumbHeight;
-  }
-
-  &:focus {
-    @include euiRangeThumbPerBrowser {
-      @include euiRangeThumbFocus;
-    }
-
-    @include euiRangeTrackPerBrowser {
-      background-color: transparent;
-    }
-
-    outline: none;
-
-    ~ .euiRangeHighlight .euiRangeHighlight__progress {
-      background-color: $euiColorPrimary;
-    }
-  }
-
-  // in Chrome/FF/Edge we don't want to focus on click
-  &:focus:not(:focus-visible) {
-    @include euiRangeThumbPerBrowser {
-      @include euiRangeThumbBoxShadow;
-      background-color: $euiRangeThumbBackgroundColor;
-    }
-
-    ~ .euiRangeHighlight .euiRangeHighlight__progress {
-      background-color: $euiRangeHighlightColor;
-    }
-  }
-
-  &:disabled {
-    // sass-lint:disable-block mixins-before-declarations
-    @include euiRangeThumbPerBrowser {
-      background-color: $euiRangeThumbBackgroundColor;
-    }
-
-    ~ .euiRangeThumb {
-      background-color: $euiRangeThumbBackgroundColor;
-    }
-  }
-}

package/src/themes/amsterdam/overrides/_range_thumb.scss

@@ -1,22 +0,0 @@
-.euiRangeThumb {
-  @include euiRangeThumbBoxShadow;
-  @include euiRangeThumbBorder;
-  background-color: $euiRangeThumbBackgroundColor;
-  z-index: 2; // higher than .euiRangeHighlight that is 1
-  pointer-events: none;
-
-  &--hasTicks {
-    top: 0;
-    margin-top: 0;
-  }
-
-  &:focus {
-    @include euiRangeThumbFocus;
-    outline: none;
-  }
-
-  &:focus:focus-visible {
-    outline: none;
-  }
-}
-

package/src/themes/amsterdam/overrides/_range_ticks.scss

@@ -1,42 +0,0 @@
-.euiRangeTicks:not(.euiRangeTicks--compressed) {
-  .euiRangeTick {
-    padding-top: 0;
-  }
-
-  .euiRangeTick:not(.euiRangeTick--hasTickMark)::before,
-  .euiRangeTick__pseudo {
-    width: $euiSizeXS;
-    height: $euiSizeM / 2;
-    background-color: $euiColorLightShade;
-    border-radius: $euiBorderRadiusSmall;
-  }
-}
-
-.euiRangeTicks--compressed {
-  .euiRangeTick {
-    padding-top: $euiSize - 2px;
-
-    &::before,
-    .euiRangeTick__pseudo {
-      background-color: $euiColorLightShade;
-      border-radius: $euiBorderRadiusSmall;
-    }
-  }
-}
-
-.euiRangeTick {
-  &::before {
-    background-color: $euiColorLightShade;
-    border-radius: $euiBorderRadiusSmall;
-  }
-
-  &:enabled:hover,
-  &:focus,
-  &--selected {
-    color: $euiColorPrimary;
-  }
-
-  &--selected {
-    font-weight: $euiFontWeightMedium;
-  }
-}

package/src/themes/amsterdam/overrides/_range_tooltip.scss

@@ -1,3 +0,0 @@
-.euiRangeTooltip {
-  z-index: 3; // higher than thumbs that are 2
-}

package/src/themes/amsterdam/overrides/_range_track.scss

@@ -1,110 +0,0 @@
-.euiRangeTrack {
-  &::after {
-    content: '';
-    display: block;
-    background: $euiRangeTrackColor;
-    border: $euiRangeTrackBorderWidth solid $euiRangeTrackBorderColor;
-    border-radius: $euiRangeTrackRadius;
-    position: absolute;
-    left: 0;
-  }
-
-  &:not(.euiRangeTrack--compressed)::after {
-    @include euiRangeTrackSize;
-  }
-
-  &--compressed::after {
-    @include euiRangeTrackSize($compressed: true);
-  }
-
-  &--compressed {
-    &.euiRangeTrack--hasLevels {
-      .euiRangeTicks {
-        height: $euiRangeThumbHeight + ($euiRangeTrackCompressedHeight / 2);
-        top: $euiRangeThumbHeight;
-      }
-
-      .euiRangeTick {
-        padding-top: $euiRangeTrackCompressedHeight;
-      }
-    }
-
-    &:not(.euiRangeTrack--hasLevels) {
-      .euiRangeTicks {
-        height: $euiRangeTrackCompressedHeight + $euiRangeThumbHeight;
-        top: $euiRangeTrackHeight * 2;
-      }
-
-      .euiRangeTick {
-        padding-top: $euiSizeM / 2;
-      }
-    }
-
-    &.euiRangeTrack--hasTicks::after {
-      top: ($euiRangeThumbHeight - $euiRangeTrackCompressedHeight) / 2;
-    }
-
-    &:not(.euiRangeTrack--hasTicks)::after {
-      top: calc(50% - #{($euiRangeTrackCompressedHeight/2)});
-    }
-
-    .euiRangeThumb--hasTicks {
-      top: 0;
-    }
-
-    .euiRangeLevels:not(.euiRangeLevels--hasTicks) {
-      top: $euiRangeThumbHeight + $euiRangeTrackCompressedHeight - 1;
-    }
-
-    .euiRangeLevels--hasTicks {
-      top: $euiRangeThumbHeight - $euiRangeTrackCompressedHeight - 1;
-    }
-  }
-
-  &:not(.euiRangeTrack--compressed) {
-    &.euiRangeTrack--hasLevels {
-      .euiRangeTicks {
-        height: $euiRangeThumbHeight + ($euiRangeThumbHeight / 4);
-        top: $euiRangeThumbHeight + ($euiRangeThumbHeight / 4);
-      }
-
-      .euiRangeTick {
-        padding-top: $euiRangeTrackHeight;
-      }
-    }
-
-    &:not(.euiRangeTrack--hasLevels) {
-      .euiRangeTicks {
-        height: $euiRangeHeight - $euiRangeThumbHeight;
-        top: $euiRangeThumbHeight;
-      }
-
-      .euiRangeTick {
-        // removing 1px to prevent label getting cut in Safari
-        padding-top: ($euiRangeTrackHeight * 2) - 1;
-      }
-    }
-
-    &.euiRangeTrack--hasTicks {
-      .euiRangeTooltip {
-        top: -($euiSizeXS / 2);
-      }
-
-      &::after {
-        top: ($euiRangeThumbHeight - $euiRangeTrackHeight) / 2;
-      }
-    }
-
-    &:not(.euiRangeTrack--hasTicks)::after {
-      top: calc(50% - #{($euiRangeTrackHeight/2)});
-    }
-
-    .euiRangeLevels:not(.euiRangeLevels--hasTicks) {
-      top: $euiRangeThumbHeight + $euiRangeTrackHeight + ($euiSizeXS / 2);
-    }
-
-    .euiRangeLevels--hasTicks {
-      top: $euiRangeTrackHeight * 2;
-    }
-  }
-}