@elastic/eui 75.0.0 → 75.1.1

package/dist/eui_theme_dark.css

@@ -9068,244 +9068,6 @@ The following files still use the Sass version:
   font-weight: 500;
 }
 
-.euiStepNumber {
-  width: 32px;
-  height: 32px;
-  display: inline-block;
-  line-height: 32px;
-  border-radius: 32px;
-  text-align: center;
-  color: #1D1E24;
-  background-color: #36A2EF;
-  font-size: 14px;
-  font-weight: 500;
-}
-.euiStepNumber .euiStepNumber__icon {
-  vertical-align: middle;
-  position: relative;
-  top: -2px;
-}
-.euiStepNumber--small {
-  width: 24px;
-  height: 24px;
-  display: inline-block;
-  line-height: 24px;
-  border-radius: 24px;
-  text-align: center;
-  color: #1D1E24;
-  background-color: #36A2EF;
-  font-size: 12px;
-  font-weight: 500;
-}
-.euiStepNumber--small .euiStepNumber__icon {
-  top: -1px;
-}
-.euiStepNumber--complete .euiStepNumber__icon {
-  stroke: currentColor;
-  stroke-width: 0.5px;
-}
-@media screen and (prefers-reduced-motion: no-preference) {
-  .euiStepNumber--complete, .euiStepNumber--warning, .euiStepNumber--danger {
-    -webkit-animation: euiGrow 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
-            animation: euiGrow 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
-  }
-}
-.euiStepNumber--loading {
-  background: transparent;
-}
-.euiStepNumber--warning {
-  color: #F3D371;
-  background-color: #493f22;
-}
-.euiStepNumber--danger {
-  color: #F86B63;
-  background-color: #4a201e;
-}
-.euiStepNumber--disabled {
-  color: #98A2B3;
-  background-color: #2e3136;
-}
-.euiStepNumber--incomplete {
-  color: #98A2B3;
-  background-color: #2e3136;
-}
-
-/**
- * 1. Ensure that the step number vertically aligns with the title text
- */
-.euiStep:not(:last-of-type) {
-  background-image: linear-gradient(to right, transparent 0, transparent 15px, #343741 15px, #343741 17px, transparent 17px, transparent 100%);
-  background-repeat: no-repeat;
-  background-position: left 40px;
-}
-.euiStep--small:not(:last-of-type) {
-  background-position: left -4px top 32px;
-}
-.euiStep--small .euiStep__content {
-  padding-left: 28px;
-  margin-left: 12px;
-}
-
-.euiStep__titleWrapper {
-  display: -webkit-flex;
-  display: flex;
-}
-
-.euiStep__circle {
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
-  margin-right: 16px;
-  vertical-align: top; /* 1 */
-}
-
-.euiStep__content {
-  padding: 16px 16px 32px;
-  margin: 8px 0;
-  padding-left: 32px;
-  margin-left: 16px;
-}
-
-.euiSubSteps {
-  padding: 16px;
-  background-color: #25262E;
-  margin-bottom: 16px;
-}
-.euiSubSteps > *:last-child {
-  margin-bottom: 0;
-}
-.euiText .euiSubSteps ol, .euiSubSteps ol {
-  list-style-type: lower-alpha;
-}
-
-/**
- * 1. Ensure the connecting lines stays behind the number
- * 2. Make each step the same width
- * 3. Make the content of each step align to the top, even if the steps are of varying heights,
- *    e.g. due to some of their titles wrapping to multiple lines
- */
-.euiStepsHorizontal {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: stretch;
-          align-items: stretch;
-  background: rgba(37, 38, 46, 0.5);
-}
-
-.euiStepHorizontal__item {
-  -webkit-flex-grow: 1;
-          flex-grow: 1; /* 2 */
-  -webkit-flex-basis: 0%;
-          flex-basis: 0%; /* 2 */
-}
-.euiStepHorizontal__item:first-of-type > .euiStepHorizontal::before, .euiStepHorizontal__item:last-of-type > .euiStepHorizontal::after {
-  display: none;
-}
-
-.euiStepHorizontal {
-  padding: 24px 16px 16px;
-  display: -webkit-flex;
-  display: flex; /* 3 */
-  -webkit-flex-direction: column;
-          flex-direction: column; /* 3 */
-  -webkit-align-items: center;
-          align-items: center; /* 3 */
-  -webkit-justify-content: flex-start;
-          justify-content: flex-start; /* 3 */
-  cursor: pointer;
-  position: relative;
-  width: 100%;
-}
-.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__title, .euiStepHorizontal:hover:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__title {
-  text-decoration: underline;
-}
-.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) {
-  outline: none;
-}
-.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number {
-  outline: 2px solid currentColor;
-}
-.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number:focus-visible {
-  outline-style: auto;
-}
-.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number:not(:focus-visible) {
-  outline: none;
-}
-.euiStepHorizontal.euiStepHorizontal-isDisabled {
-  cursor: not-allowed;
-}
-.euiStepHorizontal::before, .euiStepHorizontal::after {
-  content: "";
-  position: absolute;
-  width: calc(50% - 16px);
-  height: 1px;
-  top: 40px;
-  background-color: #343741;
-  z-index: 0; /* 1 */
-}
-.euiStepHorizontal::before {
-  left: 0;
-}
-.euiStepHorizontal::after {
-  right: 0;
-}
-
-.euiStepHorizontal__number {
-  position: relative; /* 1 */
-  z-index: 1; /* 1 */
-  transition: all 150ms ease-in-out;
-}
-
-.euiStepHorizontal__title {
-  overflow-wrap: break-word !important;
-  word-break: break-word;
-  color: #DFE5EF;
-  font-size: 16px;
-  font-size: 1.1428571429rem;
-  line-height: 1.7142857143rem;
-  font-weight: 700;
-  margin-top: 8px;
-  font-weight: 400;
-  text-align: center;
-}
-.euiStepHorizontal-isDisabled .euiStepHorizontal__title {
-  color: #98A2B3;
-}
-
-.euiStepHorizontal-isComplete::before, .euiStepHorizontal-isComplete::after {
-  height: 2px;
-  background-color: #36A2EF;
-}
-
-.euiStepHorizontal-isSelected .euiStepHorizontal__number:not([class*=danger]):not([class*=warning]):not([class*=loading]) {
-  box-shadow: 0 0.8px 0.8px rgba(76, 158, 217, 0.1), 0 2.3px 2px rgba(76, 158, 217, 0.075);
-}
-.euiStepHorizontal-isSelected::before {
-  height: 2px;
-  background-color: #36A2EF;
-}
-
-@media only screen and (max-width: 574px) {
-  .euiStepHorizontal {
-    padding-top: 16px;
-  }
-  .euiStepHorizontal::before, .euiStepHorizontal::after {
-    top: 32px;
-  }
-  .euiStepHorizontal__title {
-    display: none;
-  }
-}
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiStepHorizontal {
-    padding-top: 16px;
-  }
-  .euiStepHorizontal::before, .euiStepHorizontal::after {
-    top: 32px;
-  }
-  .euiStepHorizontal__title {
-    display: none;
-  }
-}
 .euiSuggestItem {
   display: -webkit-flex;
   display: flex;
@@ -10943,89 +10705,4 @@ button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus
   line-height: 1.7142857143rem;
   font-weight: 700;
   color: inherit;
-}
-
-.euiStepHorizontal-isDisabled .euiStepHorizontal__title,
-.euiStep-isDisabled .euiStep__title {
-  color: #515761;
-}
-
-.euiStepNumber {
-  outline-color: #36A2EF;
-}
-.euiStepNumber .euiStepNumber__icon {
-  position: relative;
-  top: -1px;
-}
-.euiStepNumber--small .euiStepNumber__icon {
-  top: -1px;
-}
-.euiStepNumber--complete .euiStepNumber__icon, .euiStepNumber--danger .euiStepNumber__icon {
-  stroke: currentColor;
-  stroke-width: 0.5px;
-}
-.euiStepNumber--default {
-  background-color: #36A2EF;
-  color: #000;
-  outline-color: #000 !important;
-}
-.euiStepNumber--complete {
-  background-color: #7DDED8;
-  color: #000;
-  outline-color: #000 !important;
-}
-.euiStepNumber--warning {
-  background-color: #F3D371;
-  color: #000;
-  outline-color: #000 !important;
-}
-.euiStepNumber--danger {
-  background-color: #F86B63;
-  color: #000;
-  outline-color: #000 !important;
-}
-.euiStepNumber.euiStepNumber--incomplete {
-  background-color: transparent;
-  color: #DFE5EF;
-  border: 2px solid #343741;
-}
-.euiStepNumber.euiStepNumber--incomplete .euiStepNumber__number {
-  display: unset;
-  position: relative;
-  top: -2px;
-}
-
-.euiStepNumber--disabled {
-  background-color: rgba(81, 87, 97, 0.1);
-  color: #515761;
-}
-
-.euiStepHorizontal__title {
-  font-weight: 700;
-}
-
-.euiStepHorizontal::before, .euiStepHorizontal::after {
-  height: 2px;
-  background-color: #36A2EF;
-  background-color: #343741;
-}
-
-.euiStep:not(:last-of-type) {
-  background-position: left 32px;
-}
-.euiStep--small:not(:last-of-type) {
-  background-position: -4px 24px;
-}
-
-.euiStep__content {
-  padding-bottom: 40px;
-  margin-bottom: 0;
-}
-
-.euiStepsHorizontal {
-  background: none;
-}
-
-.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number:not(:focus-visible) {
-  outline: 2px solid #36A2EF;
 }