@elastic/eui-theme-borealis 3.5.0 → 4.0.0

package/lib/cjs/index.js

@@ -31,6 +31,7 @@ var _size = require("./variables/_size");
 var _borders = require("./variables/_borders");
 var _levels = require("./variables/_levels");
 var _typography = require("./variables/_typography");
+var _shadows = require("./variables/_shadows");
 var _states = require("./variables/_states");
 var _components = require("./variables/_components");
 var _overrides = require("./variables/_overrides");
@@ -54,13 +55,11 @@ var euiThemeBorealis = exports.euiThemeBorealis = {
   animation: _animation.animation,
   breakpoint: _breakpoint.breakpoint,
   levels: _levels.levels,
+  shadows: _shadows.shadows,
   focus: _states.focus,
   components: _components.components,
   flags: {
-    hasGlobalFocusColor: true,
-    hasVisColorAdjustment: false,
-    buttonVariant: 'refresh',
-    formVariant: 'refresh'
+    shadowVariant: 'refresh'
   },
   overrides: _overrides.overrides
 };

package/lib/cjs/variables/_buttons.js

@@ -24,16 +24,6 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /*
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-var getTokenByVariant = function getTokenByVariant(buttonVariant, tokens) {
-  switch (buttonVariant) {
-    case 'refresh':
-      return tokens.refresh;
-    default:
-      {
-        return tokens.classic;
-      }
-  }
-};
 var _buttons = {
   backgroundPrimary: (0, _euiThemeCommon.computed)(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 1),
@@ -76,15 +66,10 @@ var _buttons = {
     return backgroundLightDanger;
   }, ['colors.backgroundLightDanger']),
   backgroundText: (0, _euiThemeCommon.computed)(function (_ref17) {
-    var _ref18 = _slicedToArray(_ref17, 3),
-      buttonVariant = _ref18[0],
-      backgroundBasePlain = _ref18[1],
-      backgroundLightText = _ref18[2];
-    return getTokenByVariant(buttonVariant, {
-      refresh: backgroundBasePlain,
-      classic: backgroundLightText
-    });
-  }, ['flags.buttonVariant', 'colors.backgroundBasePlain', 'colors.backgroundLightText']),
+    var _ref18 = _slicedToArray(_ref17, 1),
+      backgroundBasePlain = _ref18[0];
+    return backgroundBasePlain;
+  }, ['colors.backgroundBasePlain']),
   backgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref19) {
     var _ref20 = _slicedToArray(_ref19, 1),
       backgroundBaseDisabled = _ref20[0];

package/lib/cjs/variables/_components.js

@@ -226,173 +226,168 @@ var component_colors = {
   headerDarkBackground: _colors_dark.dark_background_colors.backgroundBasePlain,
   headerDarkSearchBorderColor: _colors_dark.dark_border_colors.borderBasePlain,
   headerDarkSectionItemBackgroundFocus: _colors_dark.dark_background_colors.backgroundBasePrimary,
-  keyPadMenuItemBackgroundDisabledSelect: (0, _euiThemeCommon.computed)(function (_ref67) {
+  listGroupItemBackgroundPrimaryActive: (0, _euiThemeCommon.computed)(function (_ref67) {
     var _ref68 = _slicedToArray(_ref67, 1),
-      backgroundBaseDisabled = _ref68[0];
-    return backgroundBaseDisabled;
-  }, ['colors.backgroundBaseDisabled']),
-  listGroupItemBackgroundPrimaryActive: (0, _euiThemeCommon.computed)(function (_ref69) {
+      backgroundBaseInteractiveSelect = _ref68[0];
+    return backgroundBaseInteractiveSelect;
+  }, ['colors.backgroundBaseInteractiveSelect']),
+  listGroupItemBackgroundSubduedActive: (0, _euiThemeCommon.computed)(function (_ref69) {
     var _ref70 = _slicedToArray(_ref69, 1),
       backgroundBaseInteractiveSelect = _ref70[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  listGroupItemBackgroundSubduedActive: (0, _euiThemeCommon.computed)(function (_ref71) {
+  listGroupItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref71) {
     var _ref72 = _slicedToArray(_ref71, 1),
-      backgroundBaseInteractiveSelect = _ref72[0];
-    return backgroundBaseInteractiveSelect;
-  }, ['colors.backgroundBaseInteractiveSelect']),
-  listGroupItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref73) {
-    var _ref74 = _slicedToArray(_ref73, 1),
-      backgroundBaseInteractiveHover = _ref74[0];
+      backgroundBaseInteractiveHover = _ref72[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover']),
-  listGroupItemBackgroundPrimaryHover: (0, _euiThemeCommon.computed)(function (_ref75) {
-    var _ref76 = _slicedToArray(_ref75, 1),
-      backgroundBaseInteractiveHover = _ref76[0];
+  listGroupItemBackgroundPrimaryHover: (0, _euiThemeCommon.computed)(function (_ref73) {
+    var _ref74 = _slicedToArray(_ref73, 1),
+      backgroundBaseInteractiveHover = _ref74[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover']),
   // we don't want to inherit overrides (e.g. HCM)
   loadingSpinnerBorder: _colors_light.border_colors.borderBasePlain,
-  loadingSpinnerHighlight: (0, _euiThemeCommon.computed)(function (_ref77) {
-    var _ref78 = _slicedToArray(_ref77, 1),
-      borderStrongPrimary = _ref78[0];
+  loadingSpinnerHighlight: (0, _euiThemeCommon.computed)(function (_ref75) {
+    var _ref76 = _slicedToArray(_ref75, 1),
+      borderStrongPrimary = _ref76[0];
     return borderStrongPrimary;
   }, ['colors.borderStrongPrimary']),
   loadingChartMonoBackground0: _semantic_colors.SEMANTIC_COLORS.shade20,
   loadingChartMonoBackground1: _semantic_colors.SEMANTIC_COLORS.shade30,
   loadingChartMonoBackground2: _semantic_colors.SEMANTIC_COLORS.shade40,
   loadingChartMonoBackground3: _semantic_colors.SEMANTIC_COLORS.shade50,
-  markBackground: (0, _euiThemeCommon.computed)(function (_ref79) {
-    var _ref80 = _slicedToArray(_ref79, 1),
-      backgroundLightPrimary = _ref80[0];
+  markBackground: (0, _euiThemeCommon.computed)(function (_ref77) {
+    var _ref78 = _slicedToArray(_ref77, 1),
+      backgroundLightPrimary = _ref78[0];
     return backgroundLightPrimary;
   }, ['colors.backgroundLightPrimary']),
-  markdownFormatTableBorderColor: (0, _euiThemeCommon.computed)(function (_ref81) {
-    var _ref82 = _slicedToArray(_ref81, 1),
-      borderBasePlain = _ref82[0];
+  markdownFormatTableBorderColor: (0, _euiThemeCommon.computed)(function (_ref79) {
+    var _ref80 = _slicedToArray(_ref79, 1),
+      borderBasePlain = _ref80[0];
     return borderBasePlain;
   }, ['colors.borderBasePlain']),
-  overlayMaskBackground: (0, _euiThemeCommon.computed)(function (_ref83) {
-    var _ref84 = _slicedToArray(_ref83, 1),
-      backgroundBaseInteractiveOverlay = _ref84[0];
+  overlayMaskBackground: (0, _euiThemeCommon.computed)(function (_ref81) {
+    var _ref82 = _slicedToArray(_ref81, 1),
+      backgroundBaseInteractiveOverlay = _ref82[0];
     return backgroundBaseInteractiveOverlay;
   }, ['colors.backgroundBaseInteractiveOverlay']),
   overlayMaskBackgroundHighContrast: "rgba(".concat(_semantic_colors.SEMANTIC_COLORS.shade140RGB, ", 0.9)"),
-  popoverPanelBackground: (0, _euiThemeCommon.computed)(function (_ref85) {
-    var _ref86 = _slicedToArray(_ref85, 1),
-      backgroundBasePlain = _ref86[0];
+  popoverPanelBackground: (0, _euiThemeCommon.computed)(function (_ref83) {
+    var _ref84 = _slicedToArray(_ref83, 1),
+      backgroundBasePlain = _ref84[0];
     return backgroundBasePlain;
   }, ['colors.backgroundBasePlain']),
-  popoverFooterBorderColor: (0, _euiThemeCommon.computed)(function (_ref87) {
-    var _ref88 = _slicedToArray(_ref87, 1),
-      borderBaseSubdued = _ref88[0];
+  popoverFooterBorderColor: (0, _euiThemeCommon.computed)(function (_ref85) {
+    var _ref86 = _slicedToArray(_ref85, 1),
+      borderBaseSubdued = _ref86[0];
     return borderBaseSubdued;
   }, ['colors.borderBaseSubdued']),
   scrollbarTrackColor: _semantic_colors.SEMANTIC_COLORS.shade15,
-  sideNavItemEmphasizedBackground: (0, _euiThemeCommon.computed)(function (_ref89) {
-    var _ref90 = _slicedToArray(_ref89, 1),
-      backgroundBaseInteractiveSelect = _ref90[0];
+  sideNavItemEmphasizedBackground: (0, _euiThemeCommon.computed)(function (_ref87) {
+    var _ref88 = _slicedToArray(_ref87, 1),
+      backgroundBaseInteractiveSelect = _ref88[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  selectableListItemBorderColor: (0, _euiThemeCommon.computed)(function (_ref91) {
-    var _ref92 = _slicedToArray(_ref91, 1),
-      borderBaseSubdued = _ref92[0];
+  selectableListItemBorderColor: (0, _euiThemeCommon.computed)(function (_ref89) {
+    var _ref90 = _slicedToArray(_ref89, 1),
+      borderBaseSubdued = _ref90[0];
     return borderBaseSubdued;
   }, ['colors.borderBaseSubdued']),
   skeletonBackgroundSkeletonMiddleHighContrast: "rgba(".concat(_semantic_colors.SEMANTIC_COLORS.shade100RGB, ", 0.04)"),
-  superDatePickerBackgroundSuccees: (0, _euiThemeCommon.computed)(function (_ref93) {
-    var _ref94 = _slicedToArray(_ref93, 1),
-      backgroundBaseSuccess = _ref94[0];
+  superDatePickerBackgroundSuccees: (0, _euiThemeCommon.computed)(function (_ref91) {
+    var _ref92 = _slicedToArray(_ref91, 1),
+      backgroundBaseSuccess = _ref92[0];
     return backgroundBaseSuccess;
   }, ['colors.backgroundBaseSuccess']),
-  switchBackgroundOn: (0, _euiThemeCommon.computed)(function (_ref95) {
-    var _ref96 = _slicedToArray(_ref95, 1),
-      backgroundFilledPrimary = _ref96[0];
+  switchBackgroundOn: (0, _euiThemeCommon.computed)(function (_ref93) {
+    var _ref94 = _slicedToArray(_ref93, 1),
+      backgroundFilledPrimary = _ref94[0];
     return backgroundFilledPrimary;
   }, ['colors.backgroundFilledPrimary']),
-  switchBackgroundOff: (0, _euiThemeCommon.computed)(function (_ref97) {
-    var _ref98 = _slicedToArray(_ref97, 1),
-      backgroundFilledText = _ref98[0];
+  switchBackgroundOff: (0, _euiThemeCommon.computed)(function (_ref95) {
+    var _ref96 = _slicedToArray(_ref95, 1),
+      backgroundFilledText = _ref96[0];
     return backgroundFilledText;
   }, ['colors.backgroundFilledText']),
-  switchUncompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref99) {
+  switchUncompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref97) {
+    var _ref98 = _slicedToArray(_ref97, 1),
+      backgroundBaseFormsControlDisabled = _ref98[0];
+    return backgroundBaseFormsControlDisabled;
+  }, ['colors.backgroundBaseFormsControlDisabled']),
+  switchCompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref99) {
     var _ref100 = _slicedToArray(_ref99, 1),
       backgroundBaseFormsControlDisabled = _ref100[0];
     return backgroundBaseFormsControlDisabled;
   }, ['colors.backgroundBaseFormsControlDisabled']),
-  switchCompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref101) {
+  switchMiniBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref101) {
     var _ref102 = _slicedToArray(_ref101, 1),
       backgroundBaseFormsControlDisabled = _ref102[0];
     return backgroundBaseFormsControlDisabled;
   }, ['colors.backgroundBaseFormsControlDisabled']),
-  switchMiniBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref103) {
+  switchThumbBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref103) {
     var _ref104 = _slicedToArray(_ref103, 1),
-      backgroundBaseFormsControlDisabled = _ref104[0];
-    return backgroundBaseFormsControlDisabled;
-  }, ['colors.backgroundBaseFormsControlDisabled']),
-  switchThumbBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref105) {
-    var _ref106 = _slicedToArray(_ref105, 1),
-      backgroundBasePlain = _ref106[0];
+      backgroundBasePlain = _ref104[0];
     return backgroundBasePlain;
   }, ['colors.backgroundBasePlain']),
-  switchThumbBorderOn: (0, _euiThemeCommon.computed)(function (_ref107) {
-    var _ref108 = _slicedToArray(_ref107, 1),
-      backgroundFilledPrimary = _ref108[0];
+  switchThumbBorderOn: (0, _euiThemeCommon.computed)(function (_ref105) {
+    var _ref106 = _slicedToArray(_ref105, 1),
+      backgroundFilledPrimary = _ref106[0];
     return backgroundFilledPrimary;
   }, ['colors.backgroundFilledPrimary']),
-  switchThumbBorderOff: (0, _euiThemeCommon.computed)(function (_ref109) {
-    var _ref110 = _slicedToArray(_ref109, 1),
-      backgroundFilledText = _ref110[0];
+  switchThumbBorderOff: (0, _euiThemeCommon.computed)(function (_ref107) {
+    var _ref108 = _slicedToArray(_ref107, 1),
+      backgroundFilledText = _ref108[0];
     return backgroundFilledText;
   }, ['colors.backgroundFilledText']),
   switchIconDisabled: _forms.forms.LIGHT.iconDisabled,
-  tableRowBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref111) {
-    var _ref112 = _slicedToArray(_ref111, 1),
-      backgroundBaseInteractiveHover = _ref112[0];
+  tableRowBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref109) {
+    var _ref110 = _slicedToArray(_ref109, 1),
+      backgroundBaseInteractiveHover = _ref110[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover']),
-  tableRowBackgroundSelected: (0, _euiThemeCommon.computed)(function (_ref113) {
-    var _ref114 = _slicedToArray(_ref113, 1),
-      backgroundBaseInteractiveSelect = _ref114[0];
+  tableRowBackgroundSelected: (0, _euiThemeCommon.computed)(function (_ref111) {
+    var _ref112 = _slicedToArray(_ref111, 1),
+      backgroundBaseInteractiveSelect = _ref112[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  tableRowBackgroundSelectedHover: (0, _euiThemeCommon.computed)(function (_ref115) {
-    var _ref116 = _slicedToArray(_ref115, 1),
-      backgroundBaseInteractiveSelectHover = _ref116[0];
+  tableRowBackgroundSelectedHover: (0, _euiThemeCommon.computed)(function (_ref113) {
+    var _ref114 = _slicedToArray(_ref113, 1),
+      backgroundBaseInteractiveSelectHover = _ref114[0];
     return backgroundBaseInteractiveSelectHover;
   }, ['colors.backgroundBaseInteractiveSelectHover']),
-  tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref117) {
-    var _ref118 = _slicedToArray(_ref117, 1),
-      backgroundBaseInteractiveSelect = _ref118[0];
+  tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref115) {
+    var _ref116 = _slicedToArray(_ref115, 1),
+      backgroundBaseInteractiveSelect = _ref116[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref119) {
-    var _ref120 = _slicedToArray(_ref119, 1),
-      backgroundBaseInteractiveHover = _ref120[0];
+  tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref117) {
+    var _ref118 = _slicedToArray(_ref117, 1),
+      backgroundBaseInteractiveHover = _ref118[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover']),
   tableRowBackgroundMarked: _semantic_colors.SEMANTIC_COLORS.warning10,
   tableRowBackgroundMarkedHover: _semantic_colors.SEMANTIC_COLORS.warning20,
-  tableCellSortableIconColor: (0, _euiThemeCommon.computed)(function (_ref121) {
-    var _ref122 = _slicedToArray(_ref121, 1),
-      backgroundFilledText = _ref122[0];
+  tableCellSortableIconColor: (0, _euiThemeCommon.computed)(function (_ref119) {
+    var _ref120 = _slicedToArray(_ref119, 1),
+      backgroundFilledText = _ref120[0];
     return backgroundFilledText;
   }, ['colors.backgroundFilledText']),
   tooltipBackground: _colors_dark.dark_background_colors.backgroundBaseSubdued,
   tooltipBorder: _colors_dark.dark_border_colors.borderBaseSubdued,
-  tooltipBorderFloating: (0, _euiThemeCommon.computed)(function (_ref123) {
-    var _ref124 = _slicedToArray(_ref123, 1),
-      borderBaseFloating = _ref124[0];
+  tooltipBorderFloating: (0, _euiThemeCommon.computed)(function (_ref121) {
+    var _ref122 = _slicedToArray(_ref121, 1),
+      borderBaseFloating = _ref122[0];
     return borderBaseFloating;
   }, ['colors.borderBaseFloating']),
-  tourFooterBackground: (0, _euiThemeCommon.computed)(function (_ref125) {
-    var _ref126 = _slicedToArray(_ref125, 1),
-      backgroundBaseHighlighted = _ref126[0];
+  tourFooterBackground: (0, _euiThemeCommon.computed)(function (_ref123) {
+    var _ref124 = _slicedToArray(_ref123, 1),
+      backgroundBaseHighlighted = _ref124[0];
     return backgroundBaseHighlighted;
   }, ['colors.backgroundBaseHighlighted']),
-  treeViewItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref127) {
-    var _ref128 = _slicedToArray(_ref127, 1),
-      backgroundBaseInteractiveHover = _ref128[0];
+  treeViewItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref125) {
+    var _ref126 = _slicedToArray(_ref125, 1),
+      backgroundBaseInteractiveHover = _ref126[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover'])
 };
@@ -431,14 +426,14 @@ var components = exports.components = {
     skeletonBackgroundSkeletonMiddleHighContrast: "rgba(".concat(_semantic_colors.SEMANTIC_COLORS.plainLightRGB, ", 0.3)"),
     switchIconDisabled: _forms.forms.DARK.iconDisabled,
     // TODO: align table hover states
-    tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref129) {
-      var _ref130 = _slicedToArray(_ref129, 1),
-        backgroundBaseInteractiveHover = _ref130[0];
+    tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref127) {
+      var _ref128 = _slicedToArray(_ref127, 1),
+        backgroundBaseInteractiveHover = _ref128[0];
       return backgroundBaseInteractiveHover;
     }, ['colors.backgroundBaseInteractiveHover']),
-    tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref131) {
-      var _ref132 = _slicedToArray(_ref131, 1),
-        backgroundBaseInteractiveHover = _ref132[0];
+    tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref129) {
+      var _ref130 = _slicedToArray(_ref129, 1),
+        backgroundBaseInteractiveHover = _ref130[0];
       return backgroundBaseInteractiveHover;
     }, ['colors.backgroundBaseInteractiveHover']),
     tableRowBackgroundMarked: _semantic_colors.SEMANTIC_COLORS.warning140,

package/lib/cjs/variables/_shadows.d.ts

@@ -0,0 +1,8 @@
+import { type _EuiThemeShadows, type _EuiThemeShadowPrimitives } from '@elastic/eui-theme-common';
+/**
+ * This structure holds "primitives" (or actual design tokens as they
+ * would be stored in a design token repository).
+ * Not exposing them in the theme object is intentional.
+ */
+export declare const shadowPrimitives: _EuiThemeShadowPrimitives;
+export declare const shadows: _EuiThemeShadows;