@elastic/eui 101.0.0 → 101.1.0-classic.0

package/es/components/provider/provider.js

@@ -7,7 +7,7 @@
  */
 
 import React from 'react';
-import { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
+import { EuiThemeAmsterdam } from '../../themes';
 import { EuiThemeProvider } from '../../services';
 import { emitEuiProviderWarning } from '../../services/theme/warning';
 import { cache as fallbackCache } from '../../services/emotion/css';
@@ -26,7 +26,7 @@ export var EuiProvider = function EuiProvider(_ref) {
   var _ref$cache = _ref.cache,
     cache = _ref$cache === void 0 ? fallbackCache : _ref$cache,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? EuiThemeBorealis : _ref$theme,
+    theme = _ref$theme === void 0 ? EuiThemeAmsterdam : _ref$theme,
     _ref$globalStyles = _ref.globalStyles,
     Globals = _ref$globalStyles === void 0 ? EuiGlobalStyles : _ref$globalStyles,
     _ref$utilityClasses = _ref.utilityClasses,

package/es/components/table/table_row.styles.js

@@ -11,6 +11,7 @@ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.fre
 import { css, keyframes } from '@emotion/react';
 import { euiShadow } from '@elastic/eui-theme-common';
 import { euiCanAnimate, logicalCSS, mathWithUnits } from '../../global_styling';
+import { cssSupportsHasWithNextSibling } from '../../global_styling/functions/supports';
 import { euiTableVariables } from './table.styles';
 export var euiTableRowStyles = function euiTableRowStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
@@ -34,7 +35,7 @@ export var euiTableRowStyles = function euiTableRowStyles(euiThemeContext) {
     mobile: {
       mobile: /*#__PURE__*/css("position:relative;display:flex;flex-wrap:wrap;padding:", cellContentPadding, ";", logicalCSS('margin-bottom', cellContentPadding), euiShadow(euiThemeContext, 's', {
         borderAllInHighContrastMode: true
-      }), " background-color:", euiTheme.colors.backgroundBasePlain, ";border-radius:", euiTheme.border.radius.medium, ";&:has(+ .euiTableRow-isExpandedRow){", logicalCSS('border-bottom-left-radius', 0), " ", logicalCSS('border-bottom-right-radius', 0), ";};label:mobile;"),
+      }), " background-color:", euiTheme.colors.backgroundBasePlain, ";border-radius:", euiTheme.border.radius.medium, ";", cssSupportsHasWithNextSibling("\n            &:has(+ .euiTableRow-isExpandedRow) {\n              ".concat(logicalCSS('border-bottom-left-radius', 0), "\n              ").concat(logicalCSS('border-bottom-right-radius', 0), "\n            }\n          ")), ";;label:mobile;"),
       selected: /*#__PURE__*/css("&,&+.euiTableRow-isExpandedRow{background-color:", rowColors.selected.color, ";};label:selected;"),
       /**
        * Left column offset (no border)

package/es/global_styling/functions/supports.js

@@ -0,0 +1,18 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+export var cssSupportsSelector = function cssSupportsSelector(selector, value) {
+  return "\n       @supports selector(".concat(selector, ") {").concat(value, "}\n    ");
+};
+
+/**
+ * Util to check if the "previous sibling" selector :has(+) is supported
+ */
+export var cssSupportsHasWithNextSibling = function cssSupportsHasWithNextSibling(value) {
+  return cssSupportsSelector(':has(+ *)', value);
+};

package/es/services/color/vis_color_store.js

@@ -7,7 +7,7 @@
  */
 
 import { EuiVisColorStore } from '@elastic/eui-theme-common';
-import { colorVis } from '@elastic/eui-theme-borealis';
+import { colorVis } from '../../themes/amsterdam/global_styling/variables/_colors_vis';
 
 // initialsetup of Vis color storage with default colors
 export var EUI_VIS_COLOR_STORE = EuiVisColorStore.getInstance(colorVis, true);

package/es/services/theme/context.js

@@ -7,10 +7,10 @@
  */
 
 import { createContext } from 'react';
-import { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
+import { EuiThemeAmsterdam } from '../../themes/amsterdam/theme';
 import { DEFAULT_COLOR_MODE, getComputed } from './utils';
 export var DEFAULTS = {
-  system: EuiThemeBorealis,
+  system: EuiThemeAmsterdam,
   modifications: {},
   colorMode: DEFAULT_COLOR_MODE,
   highContrastMode: false