@elastic/eui-theme-borealis 7.0.0-snapshot.1776987768440 → 8.0.0

package/lib/cjs/variables/_components.js

@@ -226,170 +226,150 @@ var component_colors = {
   headerDarkBackground: _colors_dark.dark_background_colors.backgroundBasePlain,
   headerDarkSearchBorderColor: _colors_dark.dark_border_colors.borderBasePlain,
   headerDarkSectionItemBackgroundFocus: _colors_dark.dark_background_colors.backgroundBasePrimary,
-  listGroupItemBackgroundPrimaryActive: (0, _euiThemeCommon.computed)(function (_ref67) {
-    var _ref68 = _slicedToArray(_ref67, 1),
-      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']),
-  listGroupItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref71) {
-    var _ref72 = _slicedToArray(_ref71, 1),
-      backgroundBaseInteractiveHover = _ref72[0];
-    return backgroundBaseInteractiveHover;
-  }, ['colors.backgroundBaseInteractiveHover']),
-  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 (_ref75) {
-    var _ref76 = _slicedToArray(_ref75, 1),
-      borderStrongPrimary = _ref76[0];
+  loadingSpinnerHighlight: (0, _euiThemeCommon.computed)(function (_ref67) {
+    var _ref68 = _slicedToArray(_ref67, 1),
+      borderStrongPrimary = _ref68[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 (_ref77) {
-    var _ref78 = _slicedToArray(_ref77, 1),
-      backgroundLightPrimary = _ref78[0];
+  markBackground: (0, _euiThemeCommon.computed)(function (_ref69) {
+    var _ref70 = _slicedToArray(_ref69, 1),
+      backgroundLightPrimary = _ref70[0];
     return backgroundLightPrimary;
   }, ['colors.backgroundLightPrimary']),
-  markdownFormatTableBorderColor: (0, _euiThemeCommon.computed)(function (_ref79) {
-    var _ref80 = _slicedToArray(_ref79, 1),
-      borderBasePlain = _ref80[0];
+  markdownFormatTableBorderColor: (0, _euiThemeCommon.computed)(function (_ref71) {
+    var _ref72 = _slicedToArray(_ref71, 1),
+      borderBasePlain = _ref72[0];
     return borderBasePlain;
   }, ['colors.borderBasePlain']),
-  overlayMaskBackground: (0, _euiThemeCommon.computed)(function (_ref81) {
-    var _ref82 = _slicedToArray(_ref81, 1),
-      backgroundBaseInteractiveOverlay = _ref82[0];
+  overlayMaskBackground: (0, _euiThemeCommon.computed)(function (_ref73) {
+    var _ref74 = _slicedToArray(_ref73, 1),
+      backgroundBaseInteractiveOverlay = _ref74[0];
     return backgroundBaseInteractiveOverlay;
   }, ['colors.backgroundBaseInteractiveOverlay']),
   overlayMaskBackgroundHighContrast: "rgba(".concat(_semantic_colors.SEMANTIC_COLORS.shade140RGB, ", 0.9)"),
-  popoverPanelBackground: (0, _euiThemeCommon.computed)(function (_ref83) {
-    var _ref84 = _slicedToArray(_ref83, 1),
-      backgroundBasePlain = _ref84[0];
+  popoverPanelBackground: (0, _euiThemeCommon.computed)(function (_ref75) {
+    var _ref76 = _slicedToArray(_ref75, 1),
+      backgroundBasePlain = _ref76[0];
     return backgroundBasePlain;
   }, ['colors.backgroundBasePlain']),
-  popoverFooterBorderColor: (0, _euiThemeCommon.computed)(function (_ref85) {
-    var _ref86 = _slicedToArray(_ref85, 1),
-      borderBaseSubdued = _ref86[0];
+  popoverFooterBorderColor: (0, _euiThemeCommon.computed)(function (_ref77) {
+    var _ref78 = _slicedToArray(_ref77, 1),
+      borderBaseSubdued = _ref78[0];
     return borderBaseSubdued;
   }, ['colors.borderBaseSubdued']),
   scrollbarTrackColor: _semantic_colors.SEMANTIC_COLORS.shade15,
-  sideNavItemEmphasizedBackground: (0, _euiThemeCommon.computed)(function (_ref87) {
-    var _ref88 = _slicedToArray(_ref87, 1),
-      backgroundBaseInteractiveSelect = _ref88[0];
+  sideNavItemEmphasizedBackground: (0, _euiThemeCommon.computed)(function (_ref79) {
+    var _ref80 = _slicedToArray(_ref79, 1),
+      backgroundBaseInteractiveSelect = _ref80[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  selectableListItemBorderColor: (0, _euiThemeCommon.computed)(function (_ref89) {
-    var _ref90 = _slicedToArray(_ref89, 1),
-      borderBaseSubdued = _ref90[0];
+  selectableListItemBorderColor: (0, _euiThemeCommon.computed)(function (_ref81) {
+    var _ref82 = _slicedToArray(_ref81, 1),
+      borderBaseSubdued = _ref82[0];
     return borderBaseSubdued;
   }, ['colors.borderBaseSubdued']),
   skeletonBackgroundSkeletonMiddleHighContrast: "rgba(".concat(_semantic_colors.SEMANTIC_COLORS.shade100RGB, ", 0.04)"),
-  switchBackgroundOn: (0, _euiThemeCommon.computed)(function (_ref91) {
-    var _ref92 = _slicedToArray(_ref91, 1),
-      backgroundFilledPrimary = _ref92[0];
+  switchBackgroundOn: (0, _euiThemeCommon.computed)(function (_ref83) {
+    var _ref84 = _slicedToArray(_ref83, 1),
+      backgroundFilledPrimary = _ref84[0];
     return backgroundFilledPrimary;
   }, ['colors.backgroundFilledPrimary']),
-  switchBackgroundOff: (0, _euiThemeCommon.computed)(function (_ref93) {
-    var _ref94 = _slicedToArray(_ref93, 1),
-      backgroundFilledText = _ref94[0];
+  switchBackgroundOff: (0, _euiThemeCommon.computed)(function (_ref85) {
+    var _ref86 = _slicedToArray(_ref85, 1),
+      backgroundFilledText = _ref86[0];
     return backgroundFilledText;
   }, ['colors.backgroundFilledText']),
-  switchUncompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref95) {
-    var _ref96 = _slicedToArray(_ref95, 1),
-      backgroundBaseFormsControlDisabled = _ref96[0];
+  switchUncompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref87) {
+    var _ref88 = _slicedToArray(_ref87, 1),
+      backgroundBaseFormsControlDisabled = _ref88[0];
     return backgroundBaseFormsControlDisabled;
   }, ['colors.backgroundBaseFormsControlDisabled']),
-  switchCompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref97) {
-    var _ref98 = _slicedToArray(_ref97, 1),
-      backgroundBaseFormsControlDisabled = _ref98[0];
+  switchCompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref89) {
+    var _ref90 = _slicedToArray(_ref89, 1),
+      backgroundBaseFormsControlDisabled = _ref90[0];
     return backgroundBaseFormsControlDisabled;
   }, ['colors.backgroundBaseFormsControlDisabled']),
-  switchMiniBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref99) {
-    var _ref100 = _slicedToArray(_ref99, 1),
-      backgroundBaseFormsControlDisabled = _ref100[0];
+  switchMiniBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref91) {
+    var _ref92 = _slicedToArray(_ref91, 1),
+      backgroundBaseFormsControlDisabled = _ref92[0];
     return backgroundBaseFormsControlDisabled;
   }, ['colors.backgroundBaseFormsControlDisabled']),
-  switchThumbBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref101) {
-    var _ref102 = _slicedToArray(_ref101, 1),
-      backgroundBasePlain = _ref102[0];
+  switchThumbBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref93) {
+    var _ref94 = _slicedToArray(_ref93, 1),
+      backgroundBasePlain = _ref94[0];
     return backgroundBasePlain;
   }, ['colors.backgroundBasePlain']),
-  switchThumbBorderOn: (0, _euiThemeCommon.computed)(function (_ref103) {
-    var _ref104 = _slicedToArray(_ref103, 1),
-      backgroundFilledPrimary = _ref104[0];
+  switchThumbBorderOn: (0, _euiThemeCommon.computed)(function (_ref95) {
+    var _ref96 = _slicedToArray(_ref95, 1),
+      backgroundFilledPrimary = _ref96[0];
     return backgroundFilledPrimary;
   }, ['colors.backgroundFilledPrimary']),
-  switchThumbBorderOff: (0, _euiThemeCommon.computed)(function (_ref105) {
-    var _ref106 = _slicedToArray(_ref105, 1),
-      backgroundFilledText = _ref106[0];
+  switchThumbBorderOff: (0, _euiThemeCommon.computed)(function (_ref97) {
+    var _ref98 = _slicedToArray(_ref97, 1),
+      backgroundFilledText = _ref98[0];
     return backgroundFilledText;
   }, ['colors.backgroundFilledText']),
   switchIconDisabled: _forms.forms.LIGHT.iconDisabled,
-  tableRowBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref107) {
-    var _ref108 = _slicedToArray(_ref107, 1),
-      backgroundBaseInteractiveHover = _ref108[0];
+  tableRowBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref99) {
+    var _ref100 = _slicedToArray(_ref99, 1),
+      backgroundBaseInteractiveHover = _ref100[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover']),
-  tableRowBackgroundSelected: (0, _euiThemeCommon.computed)(function (_ref109) {
-    var _ref110 = _slicedToArray(_ref109, 1),
-      backgroundBaseInteractiveSelect = _ref110[0];
+  tableRowBackgroundSelected: (0, _euiThemeCommon.computed)(function (_ref101) {
+    var _ref102 = _slicedToArray(_ref101, 1),
+      backgroundBaseInteractiveSelect = _ref102[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  tableRowBackgroundSelectedHover: (0, _euiThemeCommon.computed)(function (_ref111) {
-    var _ref112 = _slicedToArray(_ref111, 1),
-      backgroundBaseInteractiveSelectHover = _ref112[0];
+  tableRowBackgroundSelectedHover: (0, _euiThemeCommon.computed)(function (_ref103) {
+    var _ref104 = _slicedToArray(_ref103, 1),
+      backgroundBaseInteractiveSelectHover = _ref104[0];
     return backgroundBaseInteractiveSelectHover;
   }, ['colors.backgroundBaseInteractiveSelectHover']),
-  tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref113) {
-    var _ref114 = _slicedToArray(_ref113, 1),
-      backgroundBaseInteractiveSelect = _ref114[0];
+  tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref105) {
+    var _ref106 = _slicedToArray(_ref105, 1),
+      backgroundBaseInteractiveSelect = _ref106[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref115) {
-    var _ref116 = _slicedToArray(_ref115, 1),
-      backgroundBaseInteractiveHover = _ref116[0];
+  tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref107) {
+    var _ref108 = _slicedToArray(_ref107, 1),
+      backgroundBaseInteractiveHover = _ref108[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover']),
   tableRowBackgroundMarked: _semantic_colors.SEMANTIC_COLORS.warning10,
   tableRowBackgroundMarkedHover: _semantic_colors.SEMANTIC_COLORS.warning20,
-  tableCellSortableIconColor: (0, _euiThemeCommon.computed)(function (_ref117) {
-    var _ref118 = _slicedToArray(_ref117, 1),
-      backgroundFilledText = _ref118[0];
+  tableCellSortableIconColor: (0, _euiThemeCommon.computed)(function (_ref109) {
+    var _ref110 = _slicedToArray(_ref109, 1),
+      backgroundFilledText = _ref110[0];
     return backgroundFilledText;
   }, ['colors.backgroundFilledText']),
   tableFooterBackground: _semantic_colors.SEMANTIC_COLORS.shade15,
   tooltipBackground: _colors_dark.dark_background_colors.backgroundBaseSubdued,
   tooltipBorder: _colors_dark.dark_border_colors.borderBaseSubdued,
-  tooltipBorderFloating: (0, _euiThemeCommon.computed)(function (_ref119) {
-    var _ref120 = _slicedToArray(_ref119, 1),
-      borderBaseFloating = _ref120[0];
+  tooltipBorderFloating: (0, _euiThemeCommon.computed)(function (_ref111) {
+    var _ref112 = _slicedToArray(_ref111, 1),
+      borderBaseFloating = _ref112[0];
     return borderBaseFloating;
   }, ['colors.borderBaseFloating']),
-  tourFooterBackground: (0, _euiThemeCommon.computed)(function (_ref121) {
-    var _ref122 = _slicedToArray(_ref121, 1),
-      backgroundBaseHighlighted = _ref122[0];
+  tourFooterBackground: (0, _euiThemeCommon.computed)(function (_ref113) {
+    var _ref114 = _slicedToArray(_ref113, 1),
+      backgroundBaseHighlighted = _ref114[0];
     return backgroundBaseHighlighted;
   }, ['colors.backgroundBaseHighlighted']),
   tourStepIndicatorInactiveColor: _semantic_colors.SEMANTIC_COLORS.shade50,
-  tourStepIndicatorActiveColor: (0, _euiThemeCommon.computed)(function (_ref123) {
-    var _ref124 = _slicedToArray(_ref123, 1),
-      backgroundFilledSuccess = _ref124[0];
+  tourStepIndicatorActiveColor: (0, _euiThemeCommon.computed)(function (_ref115) {
+    var _ref116 = _slicedToArray(_ref115, 1),
+      backgroundFilledSuccess = _ref116[0];
     return backgroundFilledSuccess;
   }, ['colors.backgroundFilledSuccess']),
-  treeViewItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref125) {
-    var _ref126 = _slicedToArray(_ref125, 1),
-      backgroundBaseInteractiveHover = _ref126[0];
+  treeViewItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref117) {
+    var _ref118 = _slicedToArray(_ref117, 1),
+      backgroundBaseInteractiveHover = _ref118[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover'])
 };
@@ -428,23 +408,23 @@ 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 (_ref127) {
-      var _ref128 = _slicedToArray(_ref127, 1),
-        backgroundBaseInteractiveHover = _ref128[0];
+    tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref119) {
+      var _ref120 = _slicedToArray(_ref119, 1),
+        backgroundBaseInteractiveHover = _ref120[0];
       return backgroundBaseInteractiveHover;
     }, ['colors.backgroundBaseInteractiveHover']),
-    tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref129) {
-      var _ref130 = _slicedToArray(_ref129, 1),
-        backgroundBaseInteractiveHover = _ref130[0];
+    tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref121) {
+      var _ref122 = _slicedToArray(_ref121, 1),
+        backgroundBaseInteractiveHover = _ref122[0];
       return backgroundBaseInteractiveHover;
     }, ['colors.backgroundBaseInteractiveHover']),
     tableRowBackgroundMarked: _semantic_colors.SEMANTIC_COLORS.warning140,
     tableRowBackgroundMarkedHover: _semantic_colors.SEMANTIC_COLORS.warning130,
     tableFooterBackground: _semantic_colors.SEMANTIC_COLORS.shade135,
     tourStepIndicatorInactiveColor: _semantic_colors.SEMANTIC_COLORS.shade100,
-    tourStepIndicatorActiveColor: (0, _euiThemeCommon.computed)(function (_ref131) {
-      var _ref132 = _slicedToArray(_ref131, 1),
-        backgroundFilledSuccess = _ref132[0];
+    tourStepIndicatorActiveColor: (0, _euiThemeCommon.computed)(function (_ref123) {
+      var _ref124 = _slicedToArray(_ref123, 1),
+        backgroundFilledSuccess = _ref124[0];
       return backgroundFilledSuccess;
     }, ['colors.backgroundFilledSuccess'])
   })

package/lib/esm/variables/_components.js

@@ -77,10 +77,6 @@ const component_colors = {
     headerDarkBackground: dark_background_colors.backgroundBasePlain,
     headerDarkSearchBorderColor: dark_border_colors.borderBasePlain,
     headerDarkSectionItemBackgroundFocus: dark_background_colors.backgroundBasePrimary,
-    listGroupItemBackgroundPrimaryActive: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
-    listGroupItemBackgroundSubduedActive: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
-    listGroupItemBackgroundHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
-    listGroupItemBackgroundPrimaryHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
     // we don't want to inherit overrides (e.g. HCM)
     loadingSpinnerBorder: border_colors.borderBasePlain,
     loadingSpinnerHighlight: computed(([borderStrongPrimary]) => borderStrongPrimary, ['colors.borderStrongPrimary']),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elastic/eui-theme-borealis",
-  "version": "7.0.0-snapshot.1776987768440",
+  "version": "8.0.0",
   "description": "A visual theme for EUI",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
@@ -27,7 +27,7 @@
     "directory": "packages/eui-theme-borealis"
   },
   "dependencies": {
-    "@elastic/eui-theme-common": "9.0.0-snapshot.1776987768440",
+    "@elastic/eui-theme-common": "10.0.0",
     "chroma-js": "^2.4.2"
   },
   "devDependencies": {
@@ -36,7 +36,7 @@
     "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.5",
-    "@elastic/eui-theme-common": "9.0.0-snapshot.1776987768440",
+    "@elastic/eui-theme-common": "10.0.0",
     "@types/chroma-js": "^2.4.0",
     "@types/jest": "^29.5.12",
     "@types/prettier": "2.7.3",
@@ -75,6 +75,5 @@
   ],
   "installConfig": {
     "hoistingLimits": "workspaces"
-  },
-  "stableVersion": "7.0.0"
+  }
 }