@elastic/eui 107.0.0 → 108.0.0

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);
-}

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

@@ -1,41 +0,0 @@
-// In Amsterdam, focus rings default to the browser's `outline`
-// However, some components need to be forced to have the same behavior
-// This re-uses the same faux focus ring mixin, but adjusts the outline instead
-// @param {size} Old param from default theme that won't be used, so it should always be `null`
-// @param {offset} Accepts a specific number or 'inner' or 'outer' to adjust outline position
-// @param {includeFocusVisible} Allows turning off :not:focus-visible selector (which can interfere with some manual usages)
-@mixin euiFocusRing($size: null, $offset: false, $focusVisibleSelectors: true) {
-  // Safari & Firefox
-  outline: $euiFocusRingSize solid currentColor;
-
-  @if ($focusVisibleSelectors) {
-    // Chrome
-    &:focus-visible {
-      outline-style: auto;
-    }
-
-    &:not(:focus-visible) {
-      outline: none;
-    }
-  } @else {
-    outline-style: auto;
-  }
-
-  // Adjusting position with offset
-  @if (type-of($offset) == number) {
-    @if (unitless($offset)) {
-      outline-offset: #{$offset}px;
-    } @else {
-      outline-offset: #{$offset};
-    }
-  } @else if ($offset == 'inner') {
-    outline-offset: -$euiFocusRingSize;
-  } @else if ($offset == 'outer') {
-    outline-offset: $euiFocusRingSize;
-  }
-}
-
-// Amsterdam uses transparency instead of shading/tinting
-@mixin euiFocusBackground($color: $euiColorPrimary) {
-  background-color: transparentize($color, $euiFocusTransparency);
-}

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

@@ -1,81 +0,0 @@
-// Font sizing extends, using rem mixin
-// All line-heights are aligned to baseline grid
-// stylelint-disable property-no-vendor-prefix
-
-@function fontSizeToRemOrEm($size, $sizingMethod: 'rem') {
-  @if ($sizingMethod == 'rem') {
-    @return #{$size / $euiFontSize}rem;
-  } @else if ($sizingMethod == 'em') {
-    @return #{$size / $euiFontSize}em;
-  }
-}
-
-@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.
-
-// Redoing this mixin mainly to remove the letter-spacing
-@mixin euiFont {
-  font-family: $euiFontFamily;
-  font-weight: $euiFontWeightRegular;
-  letter-spacing: normal;
-  -webkit-text-size-adjust: 100%;
-  font-kerning: normal;
-}
-
-@mixin euiFontSizeXS {
-  @include fontSize($euiFontSizeXS);
-  @include lineHeightFromBaseline(2);
-}
-
-@mixin euiFontSizeS {
-  @include fontSize($euiFontSizeS);
-  @include lineHeightFromBaseline(3);
-}
-
-@mixin euiFontSize {
-  @include fontSize($euiFontSize);
-  @include lineHeightFromBaseline(3);
-}
-
-@mixin euiFontSizeM {
-  @include fontSize($euiFontSizeM);
-  @include lineHeightFromBaseline(3);
-}
-
-@mixin euiFontSizeL {
-  @include fontSize($euiFontSizeL);
-  @include lineHeightFromBaseline(4);
-}
-
-@mixin euiFontSizeXL {
-  @include fontSize($euiFontSizeXL);
-  @include lineHeightFromBaseline(4);
-}
-
-@mixin euiFontSizeXXL {
-  @include fontSize($euiFontSizeXXL);
-  @include lineHeightFromBaseline(5);
-}

package/src/themes/amsterdam/global_styling/variables/_colors_severity.scss

@@ -1,9 +0,0 @@
-// Severity colors
-// stylelint-disable color-no-hex
-
-$euiColorSeverityUnknown: #D3DAE6 !default;
-$euiColorSeverityNeutral: #BECFE3 !default;
-$euiColorSeveritySuccess: #54B399 !default;
-$euiColorSeverityWarning: #D6BF57 !default;
-$euiColorSeverityRisk: #DA8B45 !default;
-$euiColorSeverityDanger: #E7664C !default;

package/src/themes/amsterdam/global_styling/variables/_colors_vis.scss

@@ -1,72 +0,0 @@
-// Visualization colors
-// stylelint-disable color-no-hex
-
-// Maps allow for easier JSON usage
-// Use map_merge($euiColorVisColors, $yourMap) to change individual colors after importing ths file
-// The `behindText` variant is a direct copy of the hex output by the JS euiPaletteColorBlindBehindText() function
-$euiPaletteColorBlind: (
-  euiColorVis0: (
-    graphic: #54B399,
-    behindText: #6DCCB1,
-  ),
-  euiColorVis1: (
-    graphic: #6092C0,
-    behindText: #79AAD9,
-  ),
-  euiColorVis2: (
-    graphic: #D36086,
-    behindText: #EE789D,
-  ),
-  euiColorVis3: (
-    graphic: #9170B8,
-    behindText: #A987D1,
-  ),
-  euiColorVis4: (
-    graphic: #CA8EAE,
-    behindText: #E4A6C7,
-  ),
-  euiColorVis5: (
-    graphic: #D6BF57,
-    behindText: #F1D86F,
-  ),
-  euiColorVis6: (
-    graphic: #B9A888,
-    behindText: #D2C0A0,
-  ),
-  euiColorVis7: (
-    graphic: #DA8B45,
-    behindText: #F5A35C,
-  ),
-  euiColorVis8: (
-    graphic: #AA6556,
-    behindText: #C47C6C,
-  ),
-  euiColorVis9: (
-    graphic: #E7664C,
-    behindText: #FF7E62,
-  )
-) !default;
-
-$euiPaletteColorBlindKeys: map-keys($euiPaletteColorBlind);
-
-$euiColorVis0: map-get(map-get($euiPaletteColorBlind, 'euiColorVis0'), 'graphic') !default;
-$euiColorVis1: map-get(map-get($euiPaletteColorBlind, 'euiColorVis1'), 'graphic') !default;
-$euiColorVis2: map-get(map-get($euiPaletteColorBlind, 'euiColorVis2'), 'graphic') !default;
-$euiColorVis3: map-get(map-get($euiPaletteColorBlind, 'euiColorVis3'), 'graphic') !default;
-$euiColorVis4: map-get(map-get($euiPaletteColorBlind, 'euiColorVis4'), 'graphic') !default;
-$euiColorVis5: map-get(map-get($euiPaletteColorBlind, 'euiColorVis5'), 'graphic') !default;
-$euiColorVis6: map-get(map-get($euiPaletteColorBlind, 'euiColorVis6'), 'graphic') !default;
-$euiColorVis7: map-get(map-get($euiPaletteColorBlind, 'euiColorVis7'), 'graphic') !default;
-$euiColorVis8: map-get(map-get($euiPaletteColorBlind, 'euiColorVis8'), 'graphic') !default;
-$euiColorVis9: map-get(map-get($euiPaletteColorBlind, 'euiColorVis9'), 'graphic') !default;
-
-$euiColorVis0_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis0'), 'behindText') !default;
-$euiColorVis1_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis1'), 'behindText') !default;
-$euiColorVis2_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis2'), 'behindText') !default;
-$euiColorVis3_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis3'), 'behindText') !default;
-$euiColorVis4_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis4'), 'behindText') !default;
-$euiColorVis5_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis5'), 'behindText') !default;
-$euiColorVis6_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis6'), 'behindText') !default;
-$euiColorVis7_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis7'), 'behindText') !default;
-$euiColorVis8_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis8'), 'behindText') !default;
-$euiColorVis9_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis9'), 'behindText') !default;

package/src/themes/amsterdam/global_styling/variables/_colors_vis_dark.scss

@@ -1,14 +0,0 @@
-// stylelint-disable color-no-hex
-
-@import './colors_vis';
-
-$euiColorVisText0: #7DE2D1 !default;
-$euiColorVisText1: #1BA9F5 !default;
-$euiColorVisText2: #F990C0 !default;
-$euiColorVisText3: #BA9FDA !default;
-$euiColorVisText4: #E9B8D2 !default;
-$euiColorVisText5: #F4E08C !default;
-$euiColorVisText6: #DBCDB3 !default;
-$euiColorVisText7: #FFCE7A !default;
-$euiColorVisText8: #D09689 !default;
-$euiColorVisText9: #F66 !default;

package/src/themes/amsterdam/global_styling/variables/_colors_vis_light.scss

@@ -1,14 +0,0 @@
-// stylelint-disable color-no-hex
-
-@import './colors_vis';
-
-$euiColorVisText0: #017D73 !default;
-$euiColorVisText1: #006BB4 !default;
-$euiColorVisText2: #DD0A73 !default;
-$euiColorVisText3: #745A93 !default;
-$euiColorVisText4: #A2728B !default;
-$euiColorVisText5: #AB9946 !default;
-$euiColorVisText6: #94866D !default;
-$euiColorVisText7: #F5A700 !default;
-$euiColorVisText8: #885145 !default;
-$euiColorVisText9: #BD271E !default;

package/src/themes/amsterdam/global_styling/variables/_forms.scss

@@ -1,12 +0,0 @@
-// Coloring
-$euiFormBackgroundColor: tintOrShade($euiColorLightestShade, 60%, 40%) !default;
-$euiFormBackgroundDisabledColor: darken($euiColorLightestShade, 2%) !default;
-$euiFormBackgroundReadOnlyColor: $euiColorEmptyShade !default;
-$euiFormBorderOpaqueColor: shadeOrTint(desaturate(adjust-hue($euiColorPrimary, 22), 22.95), 26%, 100%) !default;
-$euiFormBorderColor: transparentize($euiFormBorderOpaqueColor, .9) !default;
-$euiFormBorderDisabledColor: transparentize($euiFormBorderOpaqueColor, .9) !default;
-$euiFormControlDisabledColor: $euiColorMediumShade !default;
-$euiFormControlBoxShadow: 0 0 transparent !default;
-$euiFormControlPlaceholderText: makeHighContrastColor($euiTextSubduedColor, $euiFormBackgroundColor) !default;
-$euiFormInputGroupLabelBackground: tintOrShade($euiColorLightShade, 50%, 15%) !default;
-$euiFormInputGroupBorder: none !default;

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

@@ -1,8 +0,0 @@
-// Import base theme first, then override
-@import '../../../../global_styling/variables/index';
-@import 'states';
-
-@import 'colors_vis';
-@import 'typography';
-@import 'shadows';
-@import 'forms';