@elastic/eui 59.1.0-rc1 → 59.1.0

package/es/components/title/title.js

@@ -1,4 +1,4 @@
-var _excluded = ["size", "children", "className", "textTransform", "euiTheme"];
+var _excluded = ["size", "children", "className", "textTransform"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -19,20 +19,20 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  */
 import classNames from 'classnames';
 import PropTypes from "prop-types";
+import { useEuiTheme } from '../../services';
 import { cloneElementWithCss } from '../../services/theme/clone_element';
 import { euiTitleStyles } from './title.styles';
-import { withEuiSystem } from '../provider/system';
 export var TITLE_SIZES = ['xxxs', 'xxs', 'xs', 's', 'm', 'l'];
 export var TEXT_TRANSFORM = ['uppercase'];
-export var _EuiTitle = function _EuiTitle(_ref) {
+export var EuiTitle = function EuiTitle(_ref) {
   var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'm' : _ref$size,
       children = _ref.children,
       className = _ref.className,
       textTransform = _ref.textTransform,
-      euiTheme = _ref.euiTheme,
       rest = _objectWithoutProperties(_ref, _excluded);
 
+  var euiTheme = useEuiTheme();
   var styles = euiTitleStyles(euiTheme);
   var cssStyles = [styles.euiTitle, textTransform ? styles[textTransform] : undefined, styles[size]];
   var classes = classNames('euiTitle', className, children.props.className);
@@ -44,7 +44,7 @@ export var _EuiTitle = function _EuiTitle(_ref) {
 
   return cloneElementWithCss(children, props);
 };
-_EuiTitle.propTypes = {
+EuiTitle.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
@@ -56,5 +56,4 @@ _EuiTitle.propTypes = {
   size: PropTypes.any,
   textTransform: PropTypes.any,
   id: PropTypes.string
-};
-export var EuiTitle = withEuiSystem(_EuiTitle);
+};

package/es/services/theme/hooks.js

@@ -21,7 +21,7 @@ export var useEuiTheme = function useEuiTheme() {
   };
 };
 export var withEuiTheme = function withEuiTheme(Component) {
-  var componentName = Component.displayName || Component.name || 'ComponentWithTheme';
+  var componentName = Component.displayName || Component.name || 'Component';
 
   var Render = function Render(props, ref) {
     var _useEuiTheme = useEuiTheme(),
@@ -40,6 +40,6 @@ export var withEuiTheme = function withEuiTheme(Component) {
   };
 
   var WithEuiTheme = /*#__PURE__*/forwardRef(Render);
-  WithEuiTheme.displayName = componentName;
+  WithEuiTheme.displayName = "WithEuiTheme(".concat(componentName, ")");
   return WithEuiTheme;
 };

package/es/services/theme/provider.js

@@ -18,6 +18,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * Side Public License, v 1.
  */
 import React, { useContext, useEffect, useRef, useState } from 'react';
+import { CacheProvider } from '@emotion/react';
 import isEqual from 'lodash/isEqual';
 import { EuiSystemContext, EuiThemeContext, EuiModificationsContext, EuiColorModeContext } from './context';
 import { buildTheme, getColorMode, getComputed, mergeDeep } from './utils';
@@ -26,6 +27,7 @@ export var EuiThemeProvider = function EuiThemeProvider(_ref) {
   var _system = _ref.theme,
       _colorMode = _ref.colorMode,
       _modifications = _ref.modify,
+      cache = _ref.cache,
       children = _ref.children;
   var parentSystem = useContext(EuiSystemContext);
   var parentModifications = useContext(EuiModificationsContext);
@@ -99,5 +101,7 @@ export var EuiThemeProvider = function EuiThemeProvider(_ref) {
     value: modifications
   }, ___EmotionJSX(EuiThemeContext.Provider, {
     value: theme
-  }, children))));
+  }, cache ? ___EmotionJSX(CacheProvider, {
+    value: cache
+  }, children) : children))));
 };

package/{optimize/es/components/provider/cache → es/themes/amsterdam}/index.js

@@ -5,5 +5,5 @@
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-export * from './cache_context';
-export * from './cache_provider';
+// Only globally export the mixins we allow consumers to re-use
+export * from './global_styling/mixins/shadow';

package/es/themes/index.js

@@ -6,4 +6,5 @@
  * Side Public License, v 1.
  */
 export { EUI_THEMES, isDefaultTheme } from './themes';
-export { AMSTERDAM_NAME_KEY, EuiThemeAmsterdam } from './amsterdam/theme';
+export { AMSTERDAM_NAME_KEY, EuiThemeAmsterdam } from './amsterdam/theme';
+export * from './amsterdam';