@elastic/eui 102.1.0 → 102.2.0

package/optimize/es/components/toast/global_toast_list.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "toasts", "dismissToast", "toastLifeTimeMs", "onClearAllToasts", "side", "showClearAllButtonAt"],
@@ -48,10 +49,10 @@ export var EuiGlobalToastList = function EuiGlobalToastList(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     toastIdToDismissedMap = _useState2[0],
     setToastIdToDismissedMap = _useState2[1];
-  var _useState3 = useState(),
+  var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    toastToDismiss = _useState4[0],
-    setToastToDismiss = _useState4[1];
+    toastsToDismiss = _useState4[0],
+    setToastsToDismiss = _useState4[1];
   var prevToasts = useRef([]);
   var dismissTimeoutIds = useRef([]);
   var toastIdToTimerMap = useRef({});
@@ -125,7 +126,9 @@ export var EuiGlobalToastList = function EuiGlobalToastList(_ref) {
   var dismissToast = useCallback(function (toast) {
     // Remove the toast after it's done fading out.
     dismissTimeoutIds.current.push(window.setTimeout(function () {
-      setToastToDismiss(toast);
+      setToastsToDismiss(function (toasts) {
+        return [].concat(_toConsumableArray(toasts), [toast]);
+      });
     }, TOAST_FADE_OUT_MS));
     setToastIdToDismissedMap(function (prev) {
       return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, toast.id, true));
@@ -195,22 +198,23 @@ export var EuiGlobalToastList = function EuiGlobalToastList(_ref) {
   // Toast dismissal side effect
   // Ensure the callback has correct state by not enclosing it in `setTimeout`
   useEffect(function () {
-    var toast = toastToDismiss;
-    // Because this is triggered by a setTimeout, and because React does not guarantee when
-    // state updates happen, it is possible to double-dismiss a toast
-    // including by double-clicking the "x" button on the toast
-    // so, first check to make sure we haven't already dismissed this toast
-    if (toast && toastIdToTimerMap.current.hasOwnProperty(toast.id)) {
-      dismissToastProp(toast);
-      toastIdToTimerMap.current[toast.id].clear();
-      delete toastIdToTimerMap.current[toast.id];
-      setToastIdToDismissedMap(function (prev) {
-        var toastIdToDismissedMap = _objectSpread({}, prev);
-        delete toastIdToDismissedMap[toast.id];
-        return toastIdToDismissedMap;
-      });
-    }
-  }, [toastToDismiss, dismissToastProp]);
+    toastsToDismiss.forEach(function (toast) {
+      // Because this is triggered by a setTimeout, and because React does not guarantee when
+      // state updates happen, it is possible to double-dismiss a toast
+      // including by double-clicking the "x" button on the toast
+      // so, first check to make sure we haven't already dismissed this toast
+      if (toast && toastIdToTimerMap.current.hasOwnProperty(toast.id)) {
+        dismissToastProp(toast);
+        toastIdToTimerMap.current[toast.id].clear();
+        delete toastIdToTimerMap.current[toast.id];
+        setToastIdToDismissedMap(function (prev) {
+          var toastIdToDismissedMap = _objectSpread({}, prev);
+          delete toastIdToDismissedMap[toast.id];
+          return toastIdToDismissedMap;
+        });
+      }
+    });
+  }, [toastsToDismiss, dismissToastProp]);
   var renderedToasts = useMemo(function () {
     return toasts.map(function (toast) {
       var text = toast.text,

package/optimize/es/services/theme/hooks.js

@@ -8,6 +8,7 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 
 import React, { forwardRef, useContext, useMemo } from 'react';
+import { COLOR_MODES_STANDARD } from '@elastic/eui-theme-common';
 import { EuiThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, defaultComputedTheme, EuiNestedThemeContext } from './context';
 import { emitEuiProviderWarning } from './warning';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -83,4 +84,14 @@ export var useEuiThemeCSSVariables = function useEuiThemeCSSVariables() {
     setNearestThemeCSSVariables: setNearestThemeCSSVariables,
     themeCSSVariables: themeCSSVariables
   };
+};
+
+/**
+ * Checks whether the current active `colorMode` is set to `DARK`;
+ * In case of nested providers this returns the value of the nearest provider context.
+ */
+export var useIsDarkMode = function useIsDarkMode() {
+  var _useEuiTheme = useEuiTheme(),
+    colorMode = _useEuiTheme.colorMode;
+  return colorMode === COLOR_MODES_STANDARD.dark;
 };

package/optimize/es/services/theme/index.js

@@ -7,7 +7,7 @@
  */
 
 export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext } from './context';
-export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables } from './hooks';
+export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, useIsDarkMode } from './hooks';
 export { EuiThemeProvider } from './provider';
 export { useEuiMemoizedStyles, withEuiStylesMemoizer, RenderWithEuiStylesMemoizer } from './style_memoization';
 export { getEuiDevProviderWarning, setEuiDevProviderWarning } from './warning';

package/optimize/es/themes/json/eui_theme_amsterdam_dark.json

@@ -0,0 +1,427 @@
+{
+  "euiZDataGrid": 999,
+  "euiZHeaderBelowDataGrid": 998,
+  "euiZDataGridCellPopover": 1000,
+  "euiDataGridCellPaddingS": "4px",
+  "euiDataGridCellPaddingM": "6px",
+  "euiDataGridCellPaddingL": "8px",
+  "euiTableHoverColor": "#1e1e25",
+  "euiTableSelectedColor": "rgba(54, 162, 239, 0.19999999999999996)",
+  "euiTableHoverSelectedColor": "rgba(27, 81, 120, 0.27999999999999997)",
+  "euiTableActionsBorderColor": "rgba(83, 89, 102, 0.09999999999999998)",
+  "euiTableHoverClickableColor": "rgba(54, 162, 239, 0.050000000000000044)",
+  "euiTableFocusClickableColor": "rgba(54, 162, 239, 0.09999999999999998)",
+  "euiContrastRatioText": 4.5,
+  "euiContrastRatioGraphic": 3,
+  "euiContrastRatioDisabled": 2,
+  "euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
+  "euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)",
+  "euiAnimSpeedExtraFast": "90ms",
+  "euiAnimSpeedFast": "150ms",
+  "euiAnimSpeedNormal": "250ms",
+  "euiAnimSpeedSlow": "350ms",
+  "euiAnimSpeedExtraSlow": "500ms",
+  "euiBorderWidthThin": "1px",
+  "euiBorderWidthThick": "2px",
+  "euiBorderColor": "#343741",
+  "euiBorderRadius": "6px",
+  "euiBorderRadiusSmall": "4px",
+  "euiBorderThick": "2px solid #343741",
+  "euiBorderThin": "1px solid #343741",
+  "euiBorderEditable": "2px dotted #343741",
+  "euiButtonHeight": "40px",
+  "euiButtonHeightSmall": "32px",
+  "euiButtonHeightXSmall": "24px",
+  "euiButtonColorDisabled": "#515761",
+  "euiButtonColorDisabledText": "#515761",
+  "euiButtonColorGhostDisabled": "#343741",
+  "euiButtonTypes": {
+    "primary": "#36a2ef",
+    "accent": "#f68fbe",
+    "accentSecondary": "#7dded8",
+    "neutral": "#becfe3",
+    "success": "#7dded8",
+    "warning": "#f3d371",
+    "risk": "#da8b45",
+    "danger": "#f86b63",
+    "ghost": "#ffffff",
+    "text": "#98a2b3"
+  },
+  "euiFontWeightLight": 300,
+  "euiFontWeightRegular": 400,
+  "euiFontWeightMedium": 500,
+  "euiFontWeightSemiBold": 600,
+  "euiFontWeightBold": 700,
+  "euiCodeFontWeightRegular": 400,
+  "euiCodeFontWeightBold": 700,
+  "euiFormMaxWidth": "400px",
+  "euiFormControlHeight": "40px",
+  "euiFormControlCompressedHeight": "32px",
+  "euiFormControlPadding": "12px",
+  "euiFormControlCompressedPadding": "8px",
+  "euiFormControlBorderRadius": "6px",
+  "euiFormControlCompressedBorderRadius": "4px",
+  "euiRadioSize": "16px",
+  "euiCheckBoxSize": "16px",
+  "euiCheckboxBorderRadius": "4px",
+  "euiSwitchHeight": "20px",
+  "euiSwitchWidth": "44px",
+  "euiSwitchThumbSize": "20px",
+  "euiSwitchIconHeight": "16px",
+  "euiSwitchHeightCompressed": "16px",
+  "euiSwitchWidthCompressed": "28px",
+  "euiSwitchThumbSizeCompressed": "16px",
+  "euiSwitchHeightMini": "10px",
+  "euiSwitchWidthMini": "22px",
+  "euiSwitchThumbSizeMini": "10px",
+  "euiFormBackgroundColor": "#16171c",
+  "euiFormBackgroundDisabledColor": "#202128",
+  "euiFormBackgroundReadOnlyColor": "#1d1e24",
+  "euiFormBorderOpaqueColor": "#ffffff",
+  "euiFormBorderColor": "rgba(255, 255, 255, 0.09999999999999998)",
+  "euiFormBorderDisabledColor": "rgba(255, 255, 255, 0.09999999999999998)",
+  "euiFormCustomControlDisabledIconColor": "#a6aab0",
+  "euiFormCustomControlBorderColor": "#66676d",
+  "euiFormControlDisabledColor": "#535966",
+  "euiFormControlBoxShadow": "0 0 rgba(0, 0, 0, 0)",
+  "euiFormControlPlaceholderText": "#81858f",
+  "euiFormInputGroupLabelBackground": "#2c2f37",
+  "euiFormInputGroupBorder": "none",
+  "euiSwitchOffColor": "rgba(83, 89, 102, 0.7)",
+  "euiFormControlIconSizes": {
+    "small": "12px",
+    "medium": "16px",
+    "large": "24px",
+    "xLarge": "32px",
+    "xxLarge": "40px"
+  },
+  "euiFormControlLayoutGroupInputHeight": "38px",
+  "euiFormControlLayoutGroupInputCompressedHeight": "30px",
+  "euiFormControlLayoutGroupInputCompressedBorderRadius": "2px",
+  "euiHeaderBackgroundColor": "#1d1e24",
+  "euiHeaderDarkBackgroundColor": "#131317",
+  "euiHeaderBorderColor": "#131417",
+  "euiHeaderBreadcrumbColor": "#d4dae5",
+  "euiHeaderHeight": "48px",
+  "euiHeaderChildSize": "40px",
+  "euiHeaderHeightCompensation": "48px",
+  "euiPageDefaultMaxWidth": "1200px",
+  "euiPageSidebarMinWidth": "192px",
+  "euiPanelPaddingModifiers": {
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiPanelBorderRadiusModifiers": {
+    "borderRadiusNone": 0,
+    "borderRadiusMedium": "6px"
+  },
+  "euiPanelBackgroundColorModifiers": {
+    "transparent": "rgba(0, 0, 0, 0)",
+    "plain": "#1d1e24",
+    "subdued": "#141519",
+    "accent": "#4a2b39",
+    "accentSecondary": "#264341",
+    "primary": "#103148",
+    "success": "#264341",
+    "warning": "#493f22",
+    "danger": "#4a201e"
+  },
+  "euiBreakpoints": {
+    "xs": 0,
+    "s": "575px",
+    "m": "768px",
+    "l": "992px",
+    "xl": "1200px"
+  },
+  "euiBreakpointKeys": "'xs', 's', 'm', 'l', 'xl'",
+  "euiShadowColor": "#000000",
+  "euiSize": "16px",
+  "euiSizeXS": "4px",
+  "euiSizeS": "8px",
+  "euiSizeM": "12px",
+  "euiSizeL": "24px",
+  "euiSizeXL": "32px",
+  "euiSizeXXL": "40px",
+  "euiScrollBar": "16px",
+  "euiScrollBarCorner": "4px",
+  "euiScrollBarCornerThin": "6px",
+  "euiFocusRingColor": "#36a2ef",
+  "euiFocusRingAnimStartColor": "rgba(54, 162, 239, 0)",
+  "euiFocusRingAnimStartSize": "2px",
+  "euiFocusRingAnimStartSizeLarge": "10px",
+  "euiFocusRingSizeLarge": "4px",
+  "euiFocusRingSize": "2px",
+  "euiFocusTransparency": 0.8,
+  "euiFocusTransparencyPercent": "80%",
+  "euiFocusBackgroundColor": "rgba(54, 162, 239, 0.19999999999999996)",
+  "euiFontFamily": "'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+  "euiCodeFontFamily": "'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace",
+  "euiFontFeatureSettings": "calt 1 kern 1 liga 1",
+  "euiTextScale": "2.125 1.6875 1.375 1.125 1 0.875 0.75",
+  "euiFontSize": "14px",
+  "euiFontSizeXS": "12px",
+  "euiFontSizeS": "14px",
+  "euiFontSizeM": "16px",
+  "euiFontSizeL": "22px",
+  "euiFontSizeXL": "27px",
+  "euiFontSizeXXL": "34px",
+  "euiLineHeight": 1.5,
+  "euiBodyLineHeight": 1.142857143,
+  "euiTitles": {
+    "xxxs": {
+      "font-size": "12px",
+      "line-height": "1.14286rem",
+      "font-weight": 700
+    },
+    "xxs": {
+      "font-size": "14px",
+      "line-height": "1.71429rem",
+      "font-weight": 700
+    },
+    "xs": {
+      "font-size": "16px",
+      "line-height": "1.71429rem",
+      "font-weight": 700
+    },
+    "s": {
+      "font-size": "22px",
+      "line-height": "2.28571rem",
+      "font-weight": 700
+    },
+    "m": {
+      "font-size": "27px",
+      "line-height": "2.28571rem",
+      "font-weight": 700
+    },
+    "l": {
+      "font-size": "34px",
+      "line-height": "2.85714rem",
+      "font-weight": 700
+    }
+  },
+  "euiZLevel0": 0,
+  "euiZLevel1": 1000,
+  "euiZLevel2": 2000,
+  "euiZLevel3": 3000,
+  "euiZLevel4": 4000,
+  "euiZLevel5": 5000,
+  "euiZLevel6": 6000,
+  "euiZLevel7": 7000,
+  "euiZLevel8": 8000,
+  "euiZLevel9": 9000,
+  "euiZToastList": 9000,
+  "euiZModal": 8000,
+  "euiZMask": 6000,
+  "euiZNavigation": 6000,
+  "euiZContentMenu": 2000,
+  "euiZHeader": 1000,
+  "euiZFlyout": 1000,
+  "euiZMaskBelowHeader": 1000,
+  "euiZContent": 0,
+  "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"
+    }
+  },
+  "euiPaletteColorBlindKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9'",
+  "euiColorVis0": "#54B399",
+  "euiColorVis1": "#6092C0",
+  "euiColorVis2": "#D36086",
+  "euiColorVis3": "#9170B8",
+  "euiColorVis4": "#CA8EAE",
+  "euiColorVis5": "#D6BF57",
+  "euiColorVis6": "#B9A888",
+  "euiColorVis7": "#DA8B45",
+  "euiColorVis8": "#AA6556",
+  "euiColorVis9": "#E7664C",
+  "euiColorVis0_behindText": "#6DCCB1",
+  "euiColorVis1_behindText": "#79AAD9",
+  "euiColorVis2_behindText": "#EE789D",
+  "euiColorVis3_behindText": "#A987D1",
+  "euiColorVis4_behindText": "#E4A6C7",
+  "euiColorVis5_behindText": "#F1D86F",
+  "euiColorVis6_behindText": "#D2C0A0",
+  "euiColorVis7_behindText": "#F5A35C",
+  "euiColorVis8_behindText": "#C47C6C",
+  "euiColorVis9_behindText": "#FF7E62",
+  "euiColorVisAsTextLight0": "#006BB4",
+  "euiColorVisAsTextLight1": "#017D73",
+  "euiColorVisAsTextLight2": "#F5A700",
+  "euiColorVisAsTextLight3": "#BD271E",
+  "euiColorVisAsTextLight4": "#DD0A73",
+  "euiColorVisAsTextLight5": "#006BB4",
+  "euiColorVisAsTextLight6": "#017D73",
+  "euiColorVisAsTextDark0": "#1BA9F5",
+  "euiColorVisAsTextDark1": "#7DE2D1",
+  "euiColorVisAsTextDark2": "#F990C0",
+  "euiColorVisAsTextDark3": "#F66",
+  "euiColorVisAsTextDark4": "#FFCE7A",
+  "euiColorVisAsTextDark5": "#1BA9F5",
+  "euiColorVisAsTextDark6": "#7DE2D1",
+  "euiColorVisSuccess0": "#209280",
+  "euiColorVisSuccess1": "#54B399",
+  "euiColorVisWarning0": "#D6BF57",
+  "euiColorVisDanger0": "#CC5642",
+  "euiColorVisDanger1": "#E7664C",
+  "euiColorVisNeutral0": "#FFFFFF",
+  "euiColorVisGrey0": "#d3dae6",
+  "euiColorVisGrey1": "#98a2b3",
+  "euiColorVisGrey2": "#69707d",
+  "euiColorVisGrey3": "#343741",
+  "euiColorVisWarm0": "#FBFBDC",
+  "euiColorVisWarm1": "#DA8B45",
+  "euiColorVisWarm2": "#E7664C",
+  "euiColorVisCool0": "#EBEFF5",
+  "euiColorVisCool1": "#6092C0",
+  "euiColorVisCool2": "#6092C0",
+  "euiColorVisComplementary0": "#6092C0",
+  "euiColorVisComplementary1": "#DA8B45",
+  "euiColorSeverityUnknown": "#D3DAE6",
+  "euiColorSeverityNeutral": "#BECFE3",
+  "euiColorSeveritySuccess": "#54B399",
+  "euiColorSeverityWarning": "#D6BF57",
+  "euiColorSeverityRisk": "#DA8B45",
+  "euiColorSeverityDanger": "#E7664C",
+  "euiColorChartLines": "#343741",
+  "euiColorChartBand": "#2a2b33",
+  "euiColorGhost": "#ffffff",
+  "euiColorInk": "#000000",
+  "euiColorPrimary": "#36a2ef",
+  "euiColorAccent": "#f68fbe",
+  "euiColorAccentSecondary": "#7dded8",
+  "euiColorSuccess": "#7dded8",
+  "euiColorWarning": "#f3d371",
+  "euiColorDanger": "#f86b63",
+  "euiColorEmptyShade": "#1d1e24",
+  "euiColorLightestShade": "#25262e",
+  "euiColorLightShade": "#343741",
+  "euiColorMediumShade": "#535966",
+  "euiColorDarkShade": "#98a2b3",
+  "euiColorDarkestShade": "#d4dae5",
+  "euiColorFullShade": "#ffffff",
+  "euiPageBackgroundColor": "#141519",
+  "euiColorHighlight": "#2e2d25",
+  "euiTextColor": "#dfe5ef",
+  "euiTitleColor": "#dfe5ef",
+  "euiTextSubduedColor": "#7a7f89",
+  "euiColorDisabled": "#515761",
+  "euiColorPrimaryText": "#36a2ef",
+  "euiColorSuccessText": "#7dded8",
+  "euiColorAccentText": "#f68fbe",
+  "euiColorWarningText": "#f3d371",
+  "euiColorDangerText": "#f86b63",
+  "euiColorDisabledText": "#515761",
+  "euiLinkColor": "#36a2ef",
+  "euiColorPlainLight": "#FFFFFF",
+  "euiColorPlainDark": "#000000",
+  "euiColorTextPrimary": "#36a2ef",
+  "euiColorTextAccent": "#f68fbe",
+  "euiColorTextAccentSecondary": "#7dded8",
+  "euiColorTextNeutral": "#becfe3",
+  "euiColorTextSuccess": "#7dded8",
+  "euiColorTextWarning": "#f3d371",
+  "euiColorTextRisk": "#da8b45",
+  "euiColorTextDanger": "#f86b63",
+  "euiColorTextParagraph": "#DFE5EF",
+  "euiColorTextHeading": "#DFE5EF",
+  "euiColorTextSubdued": "#81858f",
+  "euiColorTextDisabled": "#515761",
+  "euiColorTextInverse": "#000000",
+  "euiColorBackgroundBasePrimary": "#0b2030",
+  "euiColorBackgroundBaseAccent": "#311d26",
+  "euiColorBackgroundBaseAccentSecondary": "#192c2b",
+  "euiColorBackgroundBaseNeutral": "#26292d",
+  "euiColorBackgroundBaseSuccess": "#192c2b",
+  "euiColorBackgroundBaseWarning": "#312a17",
+  "euiColorBackgroundBaseRisk": "#2c1c0e",
+  "euiColorBackgroundBaseDanger": "#321514",
+  "euiColorBackgroundBaseSubdued": "#141519",
+  "euiColorBackgroundBaseDisabled": "#515761",
+  "euiColorBackgroundBaseHighlighted": "#141519",
+  "euiColorBackgroundBasePlain": "#1D1E24",
+  "euiColorBackgroundBaseFormsPrepend": "#2c2f37",
+  "euiColorBackgroundBaseFormsControlDisabled": "#535966",
+  "euiColorBackgroundBaseInteractiveHover": "rgba(52,55,65,0.2)",
+  "euiColorBackgroundBaseInteractiveSelect": "#103148",
+  "euiColorBackgroundBaseInteractiveOverlay": "rgba(0,0,0,0.5)",
+  "euiColorBackgroundBaseSkeletonEdge": "#2e3039",
+  "euiColorBackgroundBaseSkeletonMiddle": "#282a31",
+  "euiColorBackgroundLightPrimary": "#103148",
+  "euiColorBackgroundLightAccent": "#4a2b39",
+  "euiColorBackgroundLightAccentSecondary": "#264341",
+  "euiColorBackgroundLightNeutral": "#393e44",
+  "euiColorBackgroundLightSuccess": "#264341",
+  "euiColorBackgroundLightWarning": "#493f22",
+  "euiColorBackgroundLightRisk": "#412a15",
+  "euiColorBackgroundLightDanger": "#4a201e",
+  "euiColorBackgroundLightText": "#2a2c34",
+  "euiColorBackgroundFilledPrimary": "#36A2EF",
+  "euiColorBackgroundFilledAccent": "#F68FBE",
+  "euiColorBackgroundFilledAccentSecondary": "#7DDED8",
+  "euiColorBackgroundFilledNeutral": "#BECFE3",
+  "euiColorBackgroundFilledSuccess": "#7DDED8",
+  "euiColorBackgroundFilledWarning": "#F3D371",
+  "euiColorBackgroundFilledRisk": "#DA8B45",
+  "euiColorBackgroundFilledDanger": "#F86B63",
+  "euiColorBackgroundFilledText": "#DFE5EF",
+  "euiColorBorderBasePrimary": "#164160",
+  "euiColorBorderBaseAccent": "#62394c",
+  "euiColorBorderBaseAccentSecondary": "#325956",
+  "euiColorBorderBaseNeutral": "#4c535b",
+  "euiColorBorderBaseSuccess": "#325956",
+  "euiColorBorderBaseWarning": "#927f44",
+  "euiColorBorderBaseRisk": "#835329",
+  "euiColorBorderBaseDanger": "#632b28",
+  "euiColorBorderBaseSubdued": "#343741",
+  "euiColorBorderBaseDisabled": "rgba(255,255,255,0.1)",
+  "euiColorBorderBasePlain": "#343741",
+  "euiColorBorderBaseFloating": "transparent",
+  "euiColorBorderBaseFormsColorSwatch": "rgba(255,255,255,0.1)",
+  "euiColorBorderBaseFormsControl": "#69696f",
+  "euiColorBorderStrongPrimary": "#164160",
+  "euiColorBorderStrongAccent": "#62394c",
+  "euiColorBorderStrongAccentSecondary": "#325956",
+  "euiColorBorderStrongNeutral": "#4c535b",
+  "euiColorBorderStrongSuccess": "#325956",
+  "euiColorBorderStrongWarning": "#927f44",
+  "euiColorBorderStrongRisk": "#835329",
+  "euiColorBorderStrongDanger": "#632b28"
+}