@elastic/eui 69.0.0 → 70.0.0

package/src/components/code/_code_block.scss

@@ -1,177 +0,0 @@
-.euiCodeBlock {
-  max-width: 100%;
-  display: block;
-  position: relative;
-  background: $euiCodeBlockBackgroundColor;
-
-  .euiCodeBlock__pre {
-    @include euiScrollBar;
-    height: 100%;
-    overflow: auto;
-    display: block;
-  }
-
-  .euiCodeBlock__pre--whiteSpacePre {
-    white-space: pre;
-  }
-
-  .euiCodeBlock__pre--whiteSpacePreWrap {
-    white-space: pre-wrap;
-  }
-
-  // Necessary for virtualized code blocks to have appropriate padding
-  .euiCodeBlock__pre--isVirtualized {
-    .euiCodeBlock__code {
-      position: relative;
-    }
-  }
-
-  .euiCodeBlock__line {
-    display: block;
-  }
-
-  &--hasLineNumbers {
-    .euiCodeBlock__line {
-      position: relative;
-      user-select: none;
-    }
-  }
-
-  .euiCodeBlock__lineText,
-  .euiCodeBlock__lineNumber {
-    display: inline-block;
-  }
-
-  .euiCodeBlock__lineText {
-    padding-left: $euiSizeS;
-    border-left: $euiBorderThin;
-    user-select: text;
-  }
-
-  .euiCodeBlock__lineNumber {
-    position: absolute;
-    height: 100%;
-    user-select: none;
-    padding-right: $euiSizeS;
-    // Width is calculated in JS and padding needs to be added on to that value.
-    box-sizing: content-box;
-
-    &:before {
-      content: attr(data-line-number);
-      color: $euiTextSubduedColor;
-      text-align: right;
-      display: block;
-    }
-  }
-
-  .euiCodeBlock__line--isHighlighted {
-    .euiCodeBlock__lineText {
-      background: $euiFocusBackgroundColor;
-      border-left: $euiBorderWidthThick solid $euiFocusRingColor;
-    }
-  }
-
-  .euiCodeBlock__code {
-    @include euiCodeFont;
-    line-height: $euiLineHeight;
-    font-weight: $euiCodeFontWeightRegular;
-    font-size: inherit;
-    color: $euiCodeBlockColor;
-    display: block;
-  }
-
-  .euiCodeBlock__controls {
-    position: absolute;
-    top: 0;
-    right: 0;
-  }
-
-  .euiCodeBlock__fullScreenButton + .euiCodeBlock__copyButton {
-    margin-top: $euiSizeXS;
-  }
-
-  &.euiCodeBlock-isFullScreen {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-
-    .euiCodeBlock__pre {
-      // sass-lint:disable-block no-important
-      padding: $euiSizeXL !important;
-    }
-
-    .euiCodeBlock__controls {
-      top: $euiSizeXS;
-      right: $euiSizeXS;
-    }
-  }
-
-  &.euiCodeBlock--fontSmall {
-    font-size: $euiFontSizeXS;
-  }
-
-  &.euiCodeBlock--fontMedium {
-    font-size: $euiFontSizeS;
-  }
-
-  &.euiCodeBlock--fontLarge {
-    font-size: $euiFontSize;
-  }
-
-  // Storing for re-use the sizing of controls plus extra padding
-  $controlsPadding: $euiSizeL + $euiSizeXS;
-  $bothControlsHeight: ($euiSizeL * 2) + $euiSizeXS;
-
-  &.euiCodeBlock--hasControl {
-    min-height: $euiSizeL;
-  }
-
-  &.euiCodeBlock--hasBothControls {
-    min-height: $bothControlsHeight;
-  }
-
-  &.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePreWrap {
-    padding-right: $controlsPadding;
-  }
-
-  &.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePre {
-    margin-right: $controlsPadding;
-  }
-
-  @each $modifier, $amount in $euiCodeBlockPaddingModifiers {
-    &.euiCodeBlock--#{$modifier} {
-      .euiCodeBlock__pre {
-        padding: $amount;
-      }
-
-      &.euiCodeBlock--hasControl {
-        min-height: $euiSizeL + ($amount * 2);
-      }
-
-      &.euiCodeBlock--hasBothControls {
-        min-height: $bothControlsHeight + ($amount * 2);
-      }
-
-      .euiCodeBlock__controls {
-        top: $amount;
-        right: $amount;
-      }
-
-      &.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePreWrap {
-        padding-right: $amount + $controlsPadding;
-      }
-
-      &.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePre {
-        margin-right: $amount + $controlsPadding;
-      }
-    }
-  }
-
-  &.euiCodeBlock--transparentBackground {
-    background: transparent;
-  }
-
-  @include euiCodeSyntaxTokens;
-}

package/src/components/code/_index.scss

@@ -1,4 +0,0 @@
-@import 'variables';
-@import 'mixins';
-@import 'code_block';
-@import 'code';

package/src/components/code/_mixins.scss

@@ -1,127 +0,0 @@
-@mixin euiCodeSyntaxTokens {
-  .token.punctuation:not(.interpolation-punctuation):not([class*='attr-']) {
-    opacity: .7;
-  }
-
-  .token.comment,
-  .token.prolog,
-  .token.doctype,
-  .token.cdata,
-  .token.coord,
-  .token.blockquote {
-    color: $euiCodeBlockCommentColor;
-    font-style: italic;
-  }
-
-  .token.selector {
-    color: $euiCodeBlockSelectorTagColor;
-  }
-
-  .token.string,
-  .token.interpolation,
-  .token.interpolation-punctuation,
-  .token.doc-comment .token.keyword,
-  .token.attr-value,
-  .token.url .token.content {
-    color: $euiCodeBlockStringColor;
-  }
-
-  .token.number,
-  .token.boolean,
-  .token.keyword.nil,
-  .token.regex,
-  .token.variable,
-  .token.unit,
-  .token.hexcode,
-  .token.attr-name,
-  .token.attr-equals {
-    color: $euiCodeBlockNumberColor;
-  }
-
-  .token.atrule .token.rule,
-  .token.keyword {
-    color: $euiCodeBlockKeywordColor;
-  }
-
-  .token.function {
-    color: $euiCodeBlockFunctionTitleColor;
-  }
-
-  .token.tag {
-    color: $euiCodeBlockTagColor;
-  }
-
-  .token.class-name {
-    color: $euiCodeBlockTypeColor;
-  }
-
-  .token.property {
-    color: $euiCodeBlockAttributeColor;
-  }
-
-  .token.console,
-  .token.list-punctuation,
-  .token.url-reference,
-  .token.url .token.url {
-    color: $euiCodeBlockSymbolColor;
-  }
-
-  .token.paramater {
-    color: $euiCodeBlockParamsColor;
-  }
-
-  .token.meta,
-  .token.important {
-    color: $euiCodeBlockMetaColor;
-  }
-
-  .token.title {
-    color: $euiCodeBlockTitleColor;
-  }
-
-  .token.section {
-    color: $euiCodeBlockSectionColor;
-  }
-
-  .token.prefix.inserted,
-  .token.prefix.deleted {
-    padding-left: $euiSizeXS;
-    margin-left: -$euiSizeXS;
-  }
-
-  .token.prefix.inserted {
-    box-shadow: -$euiSizeXS 0 $euiCodeBlockAdditionColor;
-    color: $euiCodeBlockAdditionColor;
-  }
-
-  .token.prefix.deleted {
-    box-shadow: -$euiSizeXS 0 $euiCodeBlockDeletionColor;
-    color: $euiCodeBlockDeletionColor;
-  }
-
-  .token.selector .token.class {
-    color: $euiCodeBlockSelectorClassColor;
-  }
-
-  .token.selector .token.id {
-    color: $euiCodeBlockSelectorIdColor;
-  }
-
-  .token.italic {
-    font-style: italic;
-  }
-
-  .token.important,
-  .token.bold {
-    font-weight: $euiCodeFontWeightBold;
-  }
-
-  .token.url-reference,
-  .token.url .token.url {
-    text-decoration: underline;
-  }
-
-  .token.entity {
-    cursor: help;
-  }
-}

package/src/components/code/_variables.scss

@@ -1,5 +0,0 @@
-$euiCodeBlockPaddingModifiers: (
-  'paddingSmall':  $euiSizeS,
-  'paddingMedium': $euiSize,
-  'paddingLarge':  $euiSizeL
-) !default;

package/src/components/resizable_container/_resizable_container.scss

@@ -1,8 +0,0 @@
-.euiResizableContainer {
-  display: flex;
-  width: 100%;
-
-  &--vertical {
-    flex-direction: column;
-  }
-}

package/src/components/resizable_container/_resizable_panel.scss

@@ -1,51 +0,0 @@
-.euiResizablePanel {
-  position: relative;
-}
-
-@each $modifier, $amount in $euiPanelPaddingModifiers {
-  .euiResizablePanel--#{$modifier} {
-    padding: $amount;
-  }
-}
-
-.euiResizablePanel__content {
-  height: 100%;
-
-  // Manually remove the border for default theme
-  &:not([class*='plain']) {
-    border-width: 0;
-  }
-}
-
-.euiResizablePanel__content--scrollable {
-  @include euiScrollBar;
-  overflow-y: auto;
-}
-
-.euiResizablePanel-isCollapsed {
-  overflow: hidden;
-
-  .euiResizablePanel__content * {
-    display: none;
-  }
-}
-
-.euiResizableContainer--horizontal {
-  .euiResizablePanel-isCollapsed {
-    min-width: 0 !important; // sass-lint:disable-line no-important
-  }
-
-  .euiResizablePanel--collapsible.euiResizablePanel-isCollapsed {
-    min-width: $euiSizeL !important; // sass-lint:disable-line no-important
-  }
-}
-
-.euiResizableContainer--vertical {
-  .euiResizablePanel-isCollapsed {
-    min-height: 0 !important; // sass-lint:disable-line no-important
-  }
-
-  .euiResizablePanel--collapsible.euiResizablePanel-isCollapsed {
-    min-height: $euiSizeL !important; // sass-lint:disable-line no-important
-  }
-}

package/src/global_styling/variables/_colors_code.scss

@@ -1,23 +0,0 @@
-// Code
-$euiCodeBlockBackgroundColor: $euiColorLightestShade !default;
-$euiCodeBlockColor: makeHighContrastColor($euiTextColor, $euiCodeBlockBackgroundColor) !default;
-$euiCodeBlockSelectedBackgroundColor: inherit !default;
-$euiCodeBlockCommentColor: makeHighContrastColor($euiTextSubduedColor, $euiCodeBlockBackgroundColor) !default;
-$euiCodeBlockSelectorTagColor: inherit !default;
-$euiCodeBlockStringColor: makeHighContrastColor($euiColorVis2, $euiCodeBlockBackgroundColor) !default;
-$euiCodeBlockTagColor: makeHighContrastColor($euiColorVis1, $euiCodeBlockBackgroundColor) !default;
-$euiCodeBlockNameColor: makeHighContrastColor($euiColorVis1, $euiCodeBlockBackgroundColor) !default;
-$euiCodeBlockNumberColor: makeHighContrastColor($euiColorVis0, $euiCodeBlockBackgroundColor) !default;
-$euiCodeBlockKeywordColor: makeHighContrastColor($euiColorVis3, $euiCodeBlockBackgroundColor) !default;
-$euiCodeBlockFunctionTitleColor: inherit !default;
-$euiCodeBlockTypeColor: makeHighContrastColor($euiColorVis1, $euiCodeBlockBackgroundColor) !default;
-$euiCodeBlockAttributeColor: inherit !default;
-$euiCodeBlockSymbolColor: makeHighContrastColor($euiColorVis9, $euiCodeBlockBackgroundColor) !default;
-$euiCodeBlockParamsColor: inherit !default;
-$euiCodeBlockMetaColor:  makeHighContrastColor($euiTextSubduedColor, $euiCodeBlockBackgroundColor) !default;
-$euiCodeBlockTitleColor: makeHighContrastColor($euiColorVis7, $euiCodeBlockBackgroundColor) !default;
-$euiCodeBlockSectionColor: makeHighContrastColor($euiColorVis9, $euiCodeBlockBackgroundColor) !default;
-$euiCodeBlockAdditionColor: makeHighContrastColor($euiColorVis0, $euiCodeBlockBackgroundColor) !default;
-$euiCodeBlockDeletionColor: makeHighContrastColor($euiColorDanger, $euiCodeBlockBackgroundColor) !default;
-$euiCodeBlockSelectorClassColor: inherit !default;
-$euiCodeBlockSelectorIdColor: inherit !default;

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

@@ -1,9 +0,0 @@
-.euiCode {
-  border-radius: $euiBorderRadiusSmall;
-  font-weight: $euiCodeFontWeightBold;
-  color: makeHighContrastColor($euiColorVis3, $euiCodeBlockBackgroundColor);
-}
-
-.euiCodeBlock.euiCodeBlock--fontLarge {
-  font-size: $euiFontSizeM;
-}