@elastic/eui 107.0.1 → 108.0.0

package/src/global_styling/mixins/_typography.scss

@@ -1,166 +0,0 @@
-// stylelint-disable property-no-vendor-prefix
-// stylelint-disable declaration-no-important
-
-@function fontSizeToRemOrEm($size, $sizingMethod: 'rem') {
-  @if ($sizingMethod == 'rem') {
-    @return #{$size / $euiFontSize}rem;
-  } @else if ($sizingMethod == 'em') {
-    @return #{$size / $euiFontSize}em;
-  }
-}
-
-// It can also be applied to calculate paddings
-@function marginToRemOrEm($elementSize, $elementFontSize, $sizingMethod: 'rem') {
-  @if ($sizingMethod == 'rem') {
-    @return #{$elementSize / $euiFontSize}rem;
-  } @else if ($sizingMethod == 'em') {
-    @return #{$elementSize / $elementFontSize}em;
-  }
-}
-
-// Spit out rem and px
-@mixin fontSize($size: $euiFontSize, $sizingMethod: 'rem') {
-  @if ($sizingMethod == 'rem') {
-    font-size: $size;
-    font-size: fontSizeToRemOrEm($size, 'rem');
-  } @else if ($sizingMethod == 'em') {
-    font-size: fontSizeToRemOrEm($size, 'em');
-  }
-}
-
-@mixin lineHeightFromBaseline($multiplier: 3) {
-  line-height: lineHeightFromBaseline($multiplier);
-}
-
-// Some mixins that help us deal with browser scaling of text more consistently.
-// Essentially, fonts across eui should scale against the root html element, not
-// against parent inheritance.
-
-// Our base fonts
-
-@mixin euiFont {
-  font-family: $euiFontFamily;
-  font-weight: $euiFontWeightRegular;
-  letter-spacing: -.005em;
-  -webkit-text-size-adjust: 100%;
-  font-kerning: normal;
-}
-
-@mixin euiCodeFont {
-  font-family: $euiCodeFontFamily;
-  letter-spacing: normal;
-}
-
-@mixin euiText {
-  color: $euiColorTextParagraph;
-  font-weight: $euiFontWeightRegular;
-}
-
-@mixin euiTitle($size: 'm') {
-  @include euiTextBreakWord;
-  color: $euiColorTextHeading;
-
-  @if (map-has-key($euiTitles, $size)) {
-    @each $property, $value in map-get($euiTitles, $size) {
-      @if ($property == 'font-size') {
-        @include fontSize($value);
-      } @else {
-        #{$property}: $value;
-      }
-    }
-  } @else {
-    @include fontSize($size);
-    @include lineHeightFromBaseline(3);
-  }
-}
-
-// Font sizing extends, using rem mixin
-
-@mixin euiFontSizeXS {
-  @include fontSize($euiFontSizeXS);
-  line-height: $euiLineHeight;
-}
-
-@mixin euiFontSizeS {
-  @include fontSize($euiFontSizeS);
-  line-height: $euiLineHeight;
-}
-
-@mixin euiFontSize {
-  @include fontSize($euiFontSize);
-  line-height: $euiLineHeight;
-}
-
-@mixin euiFontSizeM {
-  @include fontSize($euiFontSizeM);
-  line-height: $euiLineHeight;
-}
-
-@mixin euiFontSizeL {
-  @include fontSize($euiFontSizeL);
-  line-height: $euiLineHeight;
-}
-
-@mixin euiFontSizeXL {
-  @each $property, $value in map-get($euiTitles, 'm') {
-    @if ($property == 'font-size') {
-      @include fontSize($value);
-    } @else {
-      #{$property}: $value;
-    }
-  }
-  line-height: 1.25;
-}
-
-@mixin euiFontSizeXXL {
-  @each $property, $value in map-get($euiTitles, 'l') {
-    @if ($property == 'font-size') {
-      @include fontSize($value);
-    } @else {
-      #{$property}: $value;
-    }
-  }
-  line-height: 1.25;
-}
-
-@mixin euiTextBreakWord {
-  // https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
-  overflow-wrap: break-word !important; // makes sure the long string will wrap and not bust out of the container
-  word-break: break-word;
-}
-
-/**
- * Text truncation
- *
- * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis.
- *
- * 1. Ensure that the node has a maximum width after which truncation can occur.
- */
-@mixin euiTextTruncate {
-  max-width: 100%; // 1
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-}
-
-@mixin euiNumberFormat {
-  font-feature-settings: $euiFontFeatureSettings, 'tnum' 1; // Fixed-width numbers for tabular data
-}
-
-/**
- * Text weight shifting
- *
- * When changing the font-weight based the state of the component
- * this mixin will ensure that the sizing is dependent on the boldest
- * weight so it doesn't shifter sibling content.
- */
-@mixin euiTextShift($fontWeight: $euiFontWeightBold, $attr: 'data-text') {
-  &::after {
-    display: block;
-    content: attr(#{$attr});
-    font-weight: $fontWeight;
-    height: 0;
-    overflow: hidden;
-    visibility: hidden;
-  }
-}

package/src/global_styling/variables/_animations.scss

@@ -1,6 +0,0 @@
-// Animations
-
-@import 'node_modules/@elastic/eui-theme-common/src/global_styling/variables/animations'
-
-// Keyframe animation declarations can be found in
-// utility/animations.scss

package/src/global_styling/variables/_borders.scss

@@ -1,3 +0,0 @@
-// Borders
-
-@import 'node_modules/@elastic/eui-theme-common/src/global_styling/variables/borders'

package/src/global_styling/variables/_buttons.scss

@@ -1 +0,0 @@
-@import 'node_modules/@elastic/eui-theme-common/src/global_styling/variables/buttons'

package/src/global_styling/variables/_font_weight.scss

@@ -1,4 +0,0 @@
-// Separated out to its own file for easy import into docs
-
-// Font weights
-@import 'node_modules/@elastic/eui-theme-common/src/global_styling/variables/font_weight'

package/src/global_styling/variables/_form.scss

@@ -1,2 +0,0 @@
-// Form
-@import 'node_modules/@elastic/eui-theme-common/src/global_styling/variables/form'

package/src/global_styling/variables/_index.scss

@@ -1,22 +0,0 @@
-// --------------------------------------------------------------------------------------
-// EUI global variables
-// --------------------------------------------------------------------------------------
-// This module contains all global variables available within EUI. Every variable in this
-// document should be prefixed with $eui. This lets us know where the variable is
-// coming from when looking inside the individual component files. Any component local
-// variables should be declared at the top of those documents prefixed with $componentName.
-
-// Global colors are established and importer per theme, before this manifest
-// Import order is important. Size, vis colors, ...etc are used in other variables.
-@import 'size';
-@import 'animations';
-@import 'font_weight';
-@import 'typography';
-@import 'borders';
-@import 'responsive';
-@import 'shadows';
-@import 'states';
-@import 'z_index';
-
-@import 'buttons';
-@import 'form';

package/src/global_styling/variables/_responsive.scss

@@ -1 +0,0 @@
-@import 'node_modules/@elastic/eui-theme-common/src/global_styling/variables/responsive'

package/src/global_styling/variables/_shadows.scss

@@ -1,2 +0,0 @@
-// Shadows
-@import 'node_modules/@elastic/eui-theme-common/src/global_styling/variables/shadows'

package/src/global_styling/variables/_size.scss

@@ -1 +0,0 @@
-@import 'node_modules/@elastic/eui-theme-common/src/global_styling/variables/size'

package/src/global_styling/variables/_states.scss

@@ -1 +0,0 @@
-@import 'node_modules/@elastic/eui-theme-common/src/global_styling/variables/states'

package/src/global_styling/variables/_typography.scss

@@ -1 +0,0 @@
-@import 'node_modules/@elastic/eui-theme-common/src/global_styling/variables/typography'

package/src/global_styling/variables/_z_index.scss

@@ -1,2 +0,0 @@
-// Z-Index
-@import 'node_modules/@elastic/eui-theme-common/src/global_styling/variables/z_index'

package/src/themes/amsterdam/_colors_dark.scss

@@ -1,139 +0,0 @@
-// stylelint-disable color-no-hex
-
-// This extra import allows any variables that are created via functions to work when loaded into JS
-@import 'node_modules/@elastic/eui-theme-common/src/global_styling/functions/index';
-@import './global_styling/variables/colors_severity';
-
-// Constants
-$euiColorGhost: #FFF !default;
-$euiColorInk: #000 !default;
-
-$euiColorPlainLight: $euiColorGhost;
-$euiColorPlainDark: $euiColorInk;
-
-// Brand
-$euiColorPrimary: #36A2EF !default;
-$euiColorAccent: #F68FBE !default;
-$euiColorAccentSecondary: #7DDED8 !default;
-$euiColorSuccess: #7DDED8 !default;
-$euiColorWarning: #F3D371 !default;
-$euiColorDanger: #F86B63 !default;
-
-// Shades
-$euiColorEmptyShade: #1D1E24 !default;
-$euiColorLightestShade: #25262E !default;
-$euiColorLightShade: #343741 !default;
-$euiColorMediumShade: #535966 !default;
-$euiColorDarkShade: #98A2B3 !default;
-$euiColorDarkestShade: #D4DAE5 !default;
-$euiColorFullShade: #FFF !default;
-
-// Backgrounds
-$euiPageBackgroundColor: shade($euiColorLightestShade, 45%) !default;
-$euiColorHighlight: #2E2D25 !default;
-
-$euiColorBackgroundBasePrimary: shade($euiColorPrimary, 80%) !default;
-$euiColorBackgroundBaseAccent: shade($euiColorAccent, 80%) !default;
-$euiColorBackgroundBaseAccentSecondary: shade($euiColorAccentSecondary, 80%) !default;
-$euiColorBackgroundBaseNeutral: shade($euiColorSeverityNeutral, 80%) !default;
-$euiColorBackgroundBaseSuccess: shade($euiColorSuccess, 80%) !default;
-$euiColorBackgroundBaseWarning: shade($euiColorWarning, 80%) !default;
-$euiColorBackgroundBaseRisk: shade($euiColorSeverityRisk, 80%) !default;
-$euiColorBackgroundBaseDanger: shade($euiColorDanger, 80%) !default;
-$euiColorBackgroundBaseSubdued: shade($euiPageBackgroundColor, 80%) !default;
-$euiColorBackgroundBaseDisabled: transparentize($euiColorLightShade, 0.15)!default;
-$euiColorBackgroundBasePlain: $euiColorEmptyShade !default;
-$euiColorBackgroundBaseFormsPrepend: shade($euiColorLightShade, 0.15) !default;
-$euiColorBackgroundBaseFormsControlDisabled: $euiColorLightShade !default;
-
-$euiColorBackgroundBaseInteractiveHover: transparentize($euiColorLightShade, 0.2) !default;
-$euiColorBackgroundBaseInteractiveSelect: shade($euiColorPrimary, 0.7) !default;
-$euiColorBackgroundBaseInteractiveSelectHover: shade($euiColorPrimary, 0.6) !default;
-$euiColorBackgroundBaseInteractiveOverlay: transparentize($euiColorInk, 0.5) !default;
-$euiColorBackgroundBaseSkeletonEdge: shade($euiColorLightShade, 0.12) !default;
-$euiColorBackgroundBaseSkeletonMiddle: shade($euiColorLightShade, 0.24) !default;
-
-$euiColorBackgroundLightPrimary: shade($euiColorPrimary, 0.7) !default;
-$euiColorBackgroundLightAccent: shade($euiColorAccent, 0.7) !default;
-$euiColorBackgroundLightAccentSecondary: shade($euiColorAccentSecondary, 0.7)  !default;
-$euiColorBackgroundLightNeutral: shade($euiColorSeverityNeutral, 0.7) !default;
-$euiColorBackgroundLightSuccess: shade($euiColorSuccess, 0.7)  !default;
-$euiColorBackgroundLightWarning: shade($euiColorWarning, 0.7)  !default;
-$euiColorBackgroundLightRisk: shade($euiColorSeverityRisk, 0.7)  !default;
-$euiColorBackgroundLightDanger: shade($euiColorDanger, 0.7)  !default;
-$euiColorBackgroundLightText: shade($euiColorLightShade, 0.2) !default;
-
-$euiColorBackgroundFilledPrimary: $euiColorPrimary !default;
-$euiColorBackgroundFilledAccent: $euiColorAccent !default;
-$euiColorBackgroundFilledAccentSecondary: $euiColorAccentSecondary !default;
-$euiColorBackgroundFilledNeutral: $euiColorSeverityNeutral !default;
-$euiColorBackgroundFilledSuccess: $euiColorSuccess !default;
-$euiColorBackgroundFilledWarning: $euiColorWarning !default;
-$euiColorBackgroundFilledRisk: $euiColorSeverityRisk !default;
-$euiColorBackgroundFilledDanger: $euiColorDanger !default;
-$euiColorBackgroundFilledText:  #DFE5EF !default;
-
-// Texts
-$euiTextColor: #DFE5EF !default;
-$euiTitleColor: $euiTextColor !default;
-$euiTextSubduedColor: makeHighContrastColor($euiColorMediumShade) !default;
-$euiColorDisabled: #515761 !default;
-
-$euiColorTextParagraph: $euiTextColor !default;
-$euiColorTextHeading: $euiTitleColor !default;
-$euiColorTextSubdued: $euiTextSubduedColor !default;
-$euiColorTextDisabled: #515761 !default;
-$euiColorTextInverse: $euiColorGhost !default;
-
-// Brand texts
-$euiColorPrimaryText: makeHighContrastColor($euiColorPrimary) !default;
-$euiColorSuccessText: makeHighContrastColor($euiColorSuccess) !default;
-$euiColorAccentText: makeHighContrastColor($euiColorAccent) !default;
-$euiColorWarningText: makeHighContrastColor($euiColorWarning) !default;
-$euiColorDangerText: makeHighContrastColor($euiColorDanger) !default;
-$euiColorDisabledText: makeDisabledContrastColor($euiColorDisabled) !default;
-
-$euiColorTextPrimary: $euiColorPrimaryText !default;
-$euiColorTextAccent: $euiColorAccentText !default;
-$euiColorTextAccentSecondary: $euiColorSuccessText !default;
-$euiColorTextNeutral: makeHighContrastColor($euiColorSeverityNeutral) !default;
-$euiColorTextSuccess: $euiColorSuccessText !default;
-$euiColorTextWarning: $euiColorWarningText !default;
-$euiColorTextRisk: makeHighContrastColor($euiColorSeverityRisk) !default;
-$euiColorTextDanger: $euiColorDangerText !default;
-
-$euiLinkColor: $euiColorPrimaryText !default;
-
-// Borders
-$euiColorBorderBasePrimary: shade($euiColorPrimary, 0.6) !default;
-$euiColorBorderBaseAccent: shade($euiColorAccent, 0.6) !default;
-$euiColorBorderBaseAccentSecondary: shade($euiColorAccentSecondary, 0.6) !default;
-$euiColorBorderBaseNeutral: shade($euiColorSeverityNeutral, 0.6) !default;
-$euiColorBorderBaseSuccess: shade($euiColorSuccess, 0.6) !default;
-$euiColorBorderBaseWarning: shade($euiColorWarning, 0.6) !default;
-$euiColorBorderBaseRisk: shade($euiColorSeverityRisk, 0.6) !default;
-$euiColorBorderBaseDanger: shade($euiColorDanger, 0.6) !default;
-
-$euiColorBorderBasePlain: $euiColorLightShade !default;
-$euiColorBorderBaseSubdued: $euiColorLightShade !default;
-$euiColorBorderBaseDisabled: transparentize($euiColorGhost, 0.1) !default;
-$euiColorBorderBaseFloating: $euiColorLightShade !default;
-$euiColorBorderBaseFormsColorSwatch: transparentize($euiColorFullShade, 0.1) !default;
-$euiColorBorderBaseFormsControl: tint($euiColorLightestShade, 0.31) !default;
-
-$euiColorBorderInteractiveFormsHoverPlain: transparent !default;
-$euiColorBorderInteractiveFormsHoverDanger: transparent !default;
-
-$euiColorBorderStrongPrimary: $euiColorPrimary !default;
-$euiColorBorderStrongAccent: $euiColorAccent !default;
-$euiColorBorderStrongAccentSecondary: $euiColorAccentSecondary !default;
-$euiColorBorderStrongNeutral: $euiColorSeverityNeutral !default;
-$euiColorBorderStrongSuccess: $euiColorSuccess !default;
-$euiColorBorderStrongWarning: $euiColorWarning !default;
-$euiColorBorderStrongRisk: tint($euiColorSeverityRisk, 0.2) !default;
-$euiColorBorderStrongDanger: $euiColorDanger !default;
-$euiColorBorderStrongText: $euiColorDarkShade !default;
-
-// Charts
-$euiColorChartLines: $euiColorLightShade !default;
-$euiColorChartBand: tint($euiColorLightestShade, 2.5%) !default;

package/src/themes/amsterdam/_colors_light.scss

@@ -1,139 +0,0 @@
-// stylelint-disable color-no-hex
-
-// This extra import allows any variables that are created via functions to work when loaded into JS
-@import 'node_modules/@elastic/eui-theme-common/src/global_styling/functions/index';
-@import './global_styling/variables/colors_severity';
-
-// Constants
-$euiColorGhost: #FFF !default;
-$euiColorInk: #000 !default;
-
-$euiColorPlainLight: $euiColorGhost;
-$euiColorPlainDark: $euiColorInk;
-
-// Brand
-$euiColorPrimary: #07C !default;
-$euiColorAccent: #F04E98 !default;
-$euiColorAccentSecondary: #00BFB3 !default;
-$euiColorSuccess: #00BFB3 !default;
-$euiColorWarning: #FEC514 !default;
-$euiColorDanger: #BD271E !default;
-
-// Shades
-$euiColorEmptyShade: #FFF !default;
-$euiColorLightestShade: #F5F7FA !default;
-$euiColorLightShade: #D3DAE6 !default;
-$euiColorMediumShade: #98A2B3 !default;
-$euiColorDarkShade: #69707D !default;
-$euiColorDarkestShade: #343741 !default;
-$euiColorFullShade: #000 !default;
-
-// Backgrounds
-$euiPageBackgroundColor: tint($euiColorLightestShade, 50%) !default;
-$euiColorHighlight: tint($euiColorWarning, 90%) !default;
-
-$euiColorBackgroundBasePrimary: tint($euiColorPrimary, 90%) !default;
-$euiColorBackgroundBaseAccent: tint($euiColorAccent, 90%) !default;
-$euiColorBackgroundBaseAccentSecondary: tint($euiColorAccentSecondary, 90%) !default;
-$euiColorBackgroundBaseNeutral: tint($euiColorSeverityNeutral, 90%) !default;
-$euiColorBackgroundBaseSuccess: tint($euiColorSuccess, 90%) !default;
-$euiColorBackgroundBaseWarning: tint($euiColorWarning, 90%) !default;
-$euiColorBackgroundBaseRisk: tint($euiColorSeverityRisk, 90%) !default;
-$euiColorBackgroundBaseDanger: tint($euiColorDanger, 90%) !default;
-$euiColorBackgroundBaseSubdued: $euiPageBackgroundColor !default;
-$euiColorBackgroundBaseDisabled: transparentize($euiColorLightShade, 0.15) !default;
-$euiColorBackgroundBasePlain: $euiColorEmptyShade !default;
-$euiColorBackgroundBaseFormsPrepend: tint($euiColorLightShade, 0.5) !default;
-$euiColorBackgroundBaseFormsControlDisabled: $euiColorLightShade !default;
-
-$euiColorBackgroundBaseInteractiveHover: transparentize($euiColorLightShade, 0.2) !default;
-$euiColorBackgroundBaseInteractiveSelect: tint($euiColorPrimary, 0.96) !default;
-$euiColorBackgroundBaseInteractiveSelectHover: tint($euiColorPrimary, 0.8) !default;
-$euiColorBackgroundBaseInteractiveOverlay: transparentize($euiColorInk, 0.5) !default;
-$euiColorBackgroundBaseSkeletonEdge: tint($euiColorLightShade, 0.65) !default;
-$euiColorBackgroundBaseSkeletonMiddle: tint($euiColorLightShade, 0.8) !default;
-
-$euiColorBackgroundLightPrimary: tint($euiColorPrimary, 0.8) !default;
-$euiColorBackgroundLightAccent: tint($euiColorAccent, 0.8) !default;
-$euiColorBackgroundLightAccentSecondary: tint($euiColorAccentSecondary, 0.8)  !default;
-$euiColorBackgroundLightNeutral: tint($euiColorSeverityNeutral, 0.8) !default;
-$euiColorBackgroundLightSuccess: tint($euiColorSuccess, 0.8)  !default;
-$euiColorBackgroundLightWarning: tint($euiColorWarning, 0.8)  !default;
-$euiColorBackgroundLightRisk: tint($euiColorSeverityRisk, 0.8)  !default;
-$euiColorBackgroundLightDanger: tint($euiColorDanger, 0.8)  !default;
-$euiColorBackgroundLightText: tint($euiColorLightShade, 0.5) !default;
-
-$euiColorBackgroundFilledPrimary: $euiColorPrimary !default;
-$euiColorBackgroundFilledAccent: tint($euiColorAccent, 0.3) !default;
-$euiColorBackgroundFilledAccentSecondary: tint($euiColorAccentSecondary, 0.3) !default;
-$euiColorBackgroundFilledNeutral: $euiColorSeverityNeutral !default;
-$euiColorBackgroundFilledSuccess: tint($euiColorSuccess, 0.3) !default;
-$euiColorBackgroundFilledWarning: $euiColorWarning !default;
-$euiColorBackgroundFilledRisk: $euiColorSeverityRisk !default;
-$euiColorBackgroundFilledDanger: $euiColorDanger !default;
-$euiColorBackgroundFilledText: $euiColorDarkShade !default;
-
-// Texts
-$euiTextColor: $euiColorDarkestShade !default;
-$euiTitleColor: shade($euiTextColor, 50%) !default;
-$euiTextSubduedColor: $euiColorDarkShade !default;
-$euiColorDisabled: #ABB4C4 !default;
-
-$euiColorTextParagraph: $euiTextColor !default;
-$euiColorTextHeading: $euiTitleColor !default;
-$euiColorTextSubdued: $euiTextSubduedColor !default;
-$euiColorTextDisabled: #A2ABBA !default;
-$euiColorTextInverse: $euiColorGhost !default;
-
-// Brand texts
-$euiColorPrimaryText: makeHighContrastColor($euiColorPrimary) !default;
-$euiColorSuccessText: makeHighContrastColor($euiColorSuccess) !default;
-$euiColorAccentText: makeHighContrastColor($euiColorAccent) !default;
-$euiColorWarningText: makeHighContrastColor($euiColorWarning) !default;
-$euiColorDangerText: makeHighContrastColor($euiColorDanger) !default;
-$euiColorDisabledText: makeDisabledContrastColor($euiColorDisabled) !default;
-
-$euiColorTextPrimary: $euiColorPrimaryText !default;
-$euiColorTextAccent: $euiColorAccentText !default;
-$euiColorTextAccentSecondary: $euiColorSuccessText !default;
-$euiColorTextNeutral: makeHighContrastColor($euiColorSeverityNeutral) !default;
-$euiColorTextSuccess: $euiColorSuccessText !default;
-$euiColorTextWarning: $euiColorWarningText !default;
-$euiColorTextRisk: makeHighContrastColor($euiColorSeverityRisk) !default;
-$euiColorTextDanger: $euiColorDangerText !default;
-
-$euiLinkColor: $euiColorPrimaryText !default;
-
-// Borders
-$euiColorBorderBasePrimary: tint($euiColorPrimary, 0.6) !default;
-$euiColorBorderBaseAccent: tint($euiColorAccent, 0.6) !default;
-$euiColorBorderBaseAccentSecondary: tint($euiColorAccentSecondary, 0.6) !default;
-$euiColorBorderBaseNeutral: tint($euiColorSeverityNeutral, 0.6) !default;
-$euiColorBorderBaseSuccess: tint($euiColorSuccess, 0.6) !default;
-$euiColorBorderBaseWarning: tint($euiColorWarning, 0.6) !default;
-$euiColorBorderBaseRisk: tint($euiColorSeverityRisk, 0.6) !default;
-$euiColorBorderBaseDanger: tint($euiColorDanger, 0.6) !default;
-
-$euiColorBorderBasePlain: $euiColorLightShade !default;
-$euiColorBorderBaseSubdued: $euiColorLightShade !default;
-$euiColorBorderBaseDisabled: transparentize(darken($euiColorLightShade, 40%), 0.1) !default;
-$euiColorBorderBaseFloating: transparent !default;
-$euiColorBorderBaseFormsColorSwatch: transparentize($euiColorFullShade, 0.1) !default;
-$euiColorBorderBaseFormsControl: shade($euiColorLightestShade, 0.4) !default;
-
-$euiColorBorderInteractiveFormsHoverPlain: transparent !default;
-$euiColorBorderInteractiveFormsHoverDanger: transparent !default;
-
-$euiColorBorderStrongPrimary: $euiColorPrimary !default;
-$euiColorBorderStrongAccent: $euiColorAccent !default;
-$euiColorBorderStrongAccentSecondary: $euiColorAccentSecondary !default;
-$euiColorBorderStrongNeutral: shade($euiColorSeverityNeutral, 0.2) !default;
-$euiColorBorderStrongSuccess: $euiColorSuccess !default;
-$euiColorBorderStrongWarning: $euiColorWarning !default;
-$euiColorBorderStrongRisk: $euiColorSeverityRisk !default;
-$euiColorBorderStrongDanger: $euiColorDanger !default;
-$euiColorBorderStrongText: $euiColorDarkShade !default;
-
-// Charts
-$euiColorChartLines: shade($euiColorLightestShade, 3%) !default;
-$euiColorChartBand: $euiColorLightestShade !default;

package/src/themes/amsterdam/_globals.scss

@@ -1,11 +0,0 @@
-// Helper file for supplying EUI Amsterdam globals (invisibles only)
-// Must be imported AFTER a colors modifier file
-
-// Functions need to be first, since we use them in our variables and mixin definitions
-@import '../../global_styling/functions/index';
-
-// Variables come next, and are used in some mixins
-@import 'global_styling/variables/index';
-
-// Mixins provide generic code expansion through helpers
-@import 'global_styling/mixins/index';

package/src/themes/amsterdam/global_styling/index.scss

@@ -1,12 +0,0 @@
-// Core
-
-// Functions need to be first, since we use them in our variables and mixin definitions
-@import '../../../global_styling/functions/index';
-
-// Variables come next, and are used in some mixins
-@import 'variables/index';
-
-// Mixins provide generic code expansion through helpers
-@import 'mixins/index';
-
-// The reset file has moved to global_styles.tsx

package/src/themes/amsterdam/global_styling/mixins/_index.scss

@@ -1,10 +0,0 @@
-// Import base theme first, then override
-@import '../../../../global_styling/mixins/responsive';
-@import '../../../../global_styling/mixins/size';
-@import '../../../../global_styling/mixins/typography';
-@import 'typography';
-@import 'shadow';
-@import '../../../../global_styling/mixins/helpers';
-@import 'states';
-
-@import '../../../../global_styling/mixins/tool_tip'; // Needed by Elastic Charts

package/src/themes/amsterdam/global_styling/mixins/_shadow.scss

@@ -1,100 +0,0 @@
-@function shadowOpacity($opacity) {
-  @if (lightness($euiColorTextParagraph) < 50) {
-    @return $opacity * 1;
-  } @else {
-    @return $opacity * 2.5;
-  }
-}
-
-@mixin euiSlightShadow($color: $euiShadowColor) {
-  box-shadow:
-    0 .8px .8px rgba($color, shadowOpacity(.04)),
-    0 2.3px 2px rgba($color, shadowOpacity(.03));
-}
-
-@mixin euiBottomShadowSmall($color: $euiShadowColor) {
-  box-shadow:
-    0 .7px 1.4px rgba($color, shadowOpacity(.07)),
-    0 1.9px 4px rgba($color, shadowOpacity(.05)),
-    0 4.5px 10px rgba($color, shadowOpacity(.05));
-}
-
-@mixin euiBottomShadowMedium($color: $euiShadowColor) {
-  box-shadow:
-    0 .9px 4px -1px rgba($color, shadowOpacity(.08)),
-    0 2.6px 8px -1px rgba($color, shadowOpacity(.06)),
-    0 5.7px 12px -1px rgba($color, shadowOpacity(.05)),
-    0 15px 15px -1px rgba($color, shadowOpacity(.04));
-}
-
-// Similar to shadow medium but without the bottom depth. Useful for popovers
-// that drop UP rather than DOWN.
-@mixin euiBottomShadowFlat($color: $euiShadowColor) {
-  box-shadow:
-    0 0 .8px rgba($color, shadowOpacity(.06)),
-    0 0 2px rgba($color, shadowOpacity(.04)),
-    0 0 5px rgba($color, shadowOpacity(.04)),
-    0 0 17px rgba($color, shadowOpacity(.03));
-}
-
-@mixin euiBottomShadow($color: $euiShadowColor) {
-  box-shadow:
-    0 1px 5px rgba($color, shadowOpacity(.1)),
-    0 3.6px 13px rgba($color, shadowOpacity(.07)),
-    0 8.4px 23px rgba($color, shadowOpacity(.06)),
-    0 23px 35px rgba($color, shadowOpacity(.05));
-}
-
-@mixin euiBottomShadowLarge(
-  $color: $euiShadowColor,
-  $opacity: 0,
-  $reverse: false
-) {
-  @if ($reverse) {
-    box-shadow:
-      0 -2.7px 9px rgba($color, shadowOpacity(.13)),
-      0 -9.4px 24px rgba($color, shadowOpacity(.09)),
-      0 -21.8px 43px rgba($color, shadowOpacity(.08));
-  } @else {
-    box-shadow:
-      0 2.7px 9px rgba($color, shadowOpacity(.13)),
-      0 9.4px 24px rgba($color, shadowOpacity(.09)),
-      0 21.8px 43px rgba($color, shadowOpacity(.08));
-  }
-}
-
-// stylelint-disable color-named
-@mixin euiOverflowShadow($direction: 'y', $side: 'both') {
-  $hideHeight: $euiScrollBarCornerThin * 1.25;
-  $gradient: null;
-  $gradientStart:
-    transparentize(red, .9) 0%,
-    transparentize(red, 0) $hideHeight;
-  $gradientEnd:
-    transparentize(red, 0) calc(100% - #{$hideHeight}),
-    transparentize(red, .9) 100%;
-  @if ($side == 'both' or $side == 'start' or $side == 'end') {
-    @if ($side == 'both') {
-      $gradient: $gradientStart, $gradientEnd;
-    } @else if ($side == 'start') {
-      $gradient: $gradientStart;
-    } @else {
-      $gradient: $gradientEnd;
-    }
-  } @else {
-    @warn "euiOverflowShadow() expects side to be 'both', 'start' or 'end' but got '#{$side}'";
-  }
-
-  @if ($direction == 'y') {
-    mask-image: linear-gradient(to bottom, #{$gradient});
-  } @else if ($direction == 'x') {
-    mask-image: linear-gradient(to right, #{$gradient});
-  } @else {
-    @warn "euiOverflowShadow() expects direction to be 'y' or 'x' but got '#{$direction}'";
-  }
-
-  // Chrome+Edge has a very bizarre edge case bug where `mask-image` stops working
-  // This workaround forces a stacking context on the scrolling container, which
-  // hopefully addresses the bug. @see https://github.com/elastic/eui/pull/7855
-  transform: translateZ(0);
-}