@elastic/eui 94.2.1 → 94.4.0

package/src/components/markdown_editor/_markdown_editor.scss

@@ -1,22 +0,0 @@
-.euiMarkdownEditor {
-  display: flex;
-  flex-direction: column;
-
-  &--isPreviewing {
-    .euiMarkdownEditor__toggleContainer {
-      display: none;
-    }
-  }
-
-  &--fullHeight {
-    height: 100%;
-
-    .euiMarkdownEditorTextArea {
-      resize: none;
-    }
-
-    .euiMarkdownEditorDropZone {
-      height: 100%;
-    }
-  }
-}

package/src/components/markdown_editor/_markdown_editor_drop_zone.scss

@@ -1,58 +0,0 @@
-.euiMarkdownEditorDropZone {
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  min-height: $euiMarkdownEditorMinHeight;
-
-  &__input {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    opacity: 0;
-    overflow: hidden;
-
-    &:hover {
-      cursor: pointer;
-    }
-
-    &:hover:disabled {
-      cursor: not-allowed;
-    }
-  }
-
-  &--isDragging {
-    .euiMarkdownEditorFooter,
-    .euiMarkdownEditorTextArea,
-    .euiMarkdownEditorTextArea:focus,
-    .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
-      // stylelint-disable-next-line declaration-no-important
-      background-color: transparentize($euiColorPrimary, .9) !important;
-    }
-
-    .euiMarkdownEditorTextArea,
-    .euiMarkdownEditorTextArea:focus {
-      // stylelint-disable-next-line declaration-no-important
-      background-image: euiFormControlGradient($euiColorPrimary) !important;
-    }
-  }
-
-  &--isDraggingError {
-    .euiMarkdownEditorFooter,
-    .euiMarkdownEditorTextArea,
-    .euiMarkdownEditorTextArea:focus,
-    .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
-      // stylelint-disable-next-line declaration-no-important
-      background-color: transparentize($euiColorDanger, .9) !important;
-    }
-  }
-
-  &--hasError {
-    .euiMarkdownEditorTextArea,
-    .euiMarkdownEditorTextArea:focus {
-      // stylelint-disable-next-line declaration-no-important
-      background-image: euiFormControlGradient($euiColorDanger) !important;
-    }
-  }
-}

package/src/components/markdown_editor/_markdown_editor_footer.scss

@@ -1,42 +0,0 @@
-.euiMarkdownEditorFooter {
-  display: inline-flex;
-  padding: $euiSizeXS;
-  border: $euiBorderThin;
-  align-items: center;
-  background: $euiPageBackgroundColor;
-}
-
-.euiMarkdownEditorFooter__popover {
-  width: 300px;
-}
-
-.euiMarkdownEditorFooter__actions {
-  flex: 1;
-  display: inline-flex;
-
-  > button,
-  > span {
-    margin-right: $euiSizeXS;
-    align-self: center;
-  }
-
-  // overrides button empty styles so it can match the button icon
-  // So when we have an error this button appears smoothly
-  .euiMarkdownEditorFooter__uploadError {
-    position: relative;
-    left: -1px;
-    line-height: 1;
-    border-radius: $euiBorderRadius;
-
-    > span {
-      padding: 0 $euiSizeXS;
-    }
-  }
-}
-
-.euiMarkdownEditorFooter__helpButton {
-  // overrides the default button icon width size
-  > svg {
-    width: 26px;
-  }
-}

package/src/components/markdown_editor/_markdown_editor_preview.scss

@@ -1,20 +0,0 @@
-.euiMarkdownEditorPreview {
-  @include euiScrollBar;
-  background: $euiColorEmptyShade;
-  min-height: $euiMarkdownEditorMinHeight;
-  overflow-y: auto;
-  border: $euiBorderThin;
-  padding: $euiSizeM;
-}
-
-.euiMarkdownEditorPreview-isReadOnly {
-  // overrides cursor pointer to better indicate that checkboxes are not clickable
-  .euiCheckbox__input ~ .euiCheckbox__label {
-    cursor: default;
-  }
-
-  // maintains the initial color on click to enforce that clicks are not doing anything
-  .euiCheckbox__input:focus:not(:checked) + .euiCheckbox__square {
-    border-color: $euiFormCustomControlBorderColor;
-  }
-}

package/src/components/markdown_editor/_markdown_editor_text_area.scss

@@ -1,43 +0,0 @@
-.euiMarkdownEditorTextArea {
-  @include euiFormControlText;
-  @include euiScrollBar;
-  width: 100%;
-  height: 100%;
-  min-height: $euiMarkdownEditorMinHeight;
-  padding: $euiSizeM;
-  border: $euiBorderThin;
-  border-bottom: none;
-  // Overrides the euiFormControlText line-height that is very small
-  line-height: $euiLineHeight;
-  resize: vertical;
-  background-color: $euiFormBackgroundColor;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  // Removes default firefox margin
-  margin: 0;
-
-  transition:
-    box-shadow $euiAnimSpeedFast ease-in,
-    background-image $euiAnimSpeedFast ease-in,
-    background-size $euiAnimSpeedFast ease-in,
-    background-color $euiAnimSpeedFast ease-in;
-
-  &:focus,
-  // preventing the text area of loosing focus when clicking on an action button
-  // from the toolbar
-  .euiMarkdownEditor:focus-within & {
-    background-color: tintOrShade($euiColorEmptyShade, 0%, 40%);
-    background-image: euiFormControlGradient();
-    background-size: 100% 100%;
-  }
-}
-
-.euiMarkdownEditorTextArea-isReadOnly {
-  background: $euiFormBackgroundReadOnlyColor;
-  cursor: unset;
-
-  &:focus,
-  .euiMarkdownEditor:focus-within & {
-    background: none;
-  }
-}

package/src/components/markdown_editor/_markdown_editor_toolbar.scss

@@ -1,29 +0,0 @@
-.euiMarkdownEditorToolbar {
-  display: flex;
-  flex-wrap: wrap;
-  background: $euiColorLightestShade;
-  border: $euiBorderThin;
-  border-color: $euiColorLightShade;
-  border-bottom: none;
-  padding: $euiSizeXS;
-
-  &__buttons {
-    display: flex;
-    flex-wrap: wrap;
-    flex: 1;
-    align-items: center;
-
-    > * {
-      margin-right: $euiSizeXS;
-    }
-  }
-
-  &__divider {
-    content: '';
-    height: $euiSizeL;
-    display: block;
-    margin-left: $euiSizeXS;
-    padding-right: $euiSizeXS;
-    border-left: 1px solid $euiColorLightShade;
-  }
-}

package/src/components/markdown_editor/_markdown_format.scss

@@ -1,78 +0,0 @@
-// The Markdown Format uses by default a few EUI components.
-// It uses the EuiText to wrap all the content so all the styles related with scaling based on the font-size live inside `_text.scss`
-
-// This should only be used for .euiMarkdownFormat, therefore it's not included in a separate mixin file
-@mixin euiMarkdownAdjustBorderColors($color) {
-  .euiMarkdownFormat__blockquote {
-    border-left-color: $color;
-  }
-
-  .euiHorizontalRule {
-    background-color: $color;
-    color: $color; // ensure that firefox gets the `currentColor`
-  }
-
-  .euiMarkdownFormat__table {
-    border-left: 1px solid $color;
-  }
-
-  .euiMarkdownFormat__table th,
-  .euiMarkdownFormat__table td {
-    border-top: 1px solid $color;
-    border-bottom: 1px solid $color;
-
-    &:last-child {
-      border-right: 1px solid $color;
-    }
-  }
-
-  .euiMarkdownFormat__table tr {
-    border-top: 1px solid $color;
-  }
-}
-
-.euiMarkdownFormat {
-  $euiMarkdownAlphaShade: rgba($euiColorFullShade, .15);
-
-  // stylelint-disable indentation
-  $euiMarkdownBorderColors: (
-    default: $euiMarkdownAlphaShade,
-    subdued: $euiTextSubduedColor,
-    success: $euiColorSuccess,
-    accent: $euiColorAccent,
-    warning: $euiColorWarning,
-    danger: $euiColorDanger,
-    ghost: $euiColorGhost,
-    inherit: currentColor,
-    custom: currentColor,
-  );
-  // stylelint-enable indentation
-
-  // We're adjusting the borders of the elements by passing a color defined in $euiMarkdownBorderColors.
-  // For the `custom` and `inherit` colors we're assigning the `currentColor` so we can get the current or computed value of the `color` property
-  @each $name, $color in $euiMarkdownBorderColors {
-    &[class*='euiTextColor-#{$name}'] {
-      @include euiMarkdownAdjustBorderColors($color);
-    }
-  }
-
-  .euiCheckbox {
-    // stylelint-disable-next-line declaration-no-important
-    margin-bottom: 0 !important;
-  }
-
-  // We're adjusting the position of the checkboxes so that when the text size is `relative` the checkboxes get better positioned
-  .euiCheckbox .euiCheckbox__input + .euiCheckbox__square {
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  // Tables
-  .euiMarkdownFormat__table {
-    display: block;
-    width: 100%;
-    overflow: auto;
-    border-spacing: 0;
-    border-collapse: collapse;
-  }
-}

package/src/components/markdown_editor/_variables.scss

@@ -1 +0,0 @@
-$euiMarkdownEditorMinHeight: '150px';

package/src/components/markdown_editor/plugins/markdown_tooltip.scss

@@ -1,4 +0,0 @@
-// This is to offset the tooltip icon, which isn't perfectly centered
-.euiMarkdownTooltip__icon {
-  transform: translateY(-1px);
-}

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

@@ -1,18 +0,0 @@
-.euiMarkdownEditorToolbar {
-  border-radius: $euiFormControlBorderRadius $euiFormControlBorderRadius 0 0;
-}
-
-.euiMarkdownEditorTextArea {
-  &:focus {
-    outline: none;
-  }
-
-  &:focus:focus-visible {
-    outline-style: none;
-  }
-}
-
-.euiMarkdownEditorPreview,
-.euiMarkdownEditorFooter {
-  border-radius: 0 0 $euiFormControlBorderRadius $euiFormControlBorderRadius;
-}