@elastic/eui 62.2.1 → 64.0.0

package/es/components/popover/popover_arrow/_popover_arrow.js

@@ -36,5 +36,6 @@ EuiPopoverArrow.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   position: PropTypes.any.isRequired
 };

package/es/components/popover/popover_footer.js

@@ -45,6 +45,7 @@ EuiPopoverFooter.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
          * Customize the all around padding of the popover footer.

package/es/components/popover/popover_panel/_popover_panel.js

@@ -108,6 +108,7 @@ EuiPopoverPanel.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   isOpen: PropTypes.bool,
   isAttached: PropTypes.bool,
   position: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.oneOf([null])])

package/es/components/popover/popover_panel/_popover_panel.styles.js

@@ -8,6 +8,7 @@
 import { css } from '@emotion/react';
 import { euiShadow, euiShadowFlat, euiShadowMedium } from '../../../themes/amsterdam/global_styling/mixins';
 import { euiCanAnimate, logicalCSS } from '../../../global_styling';
+export var openAnimationTiming = 'slow';
 var translateDistance = 's';
 /**
  * 1. Can expand further, but it looks weird if it's smaller than the originating button.
@@ -23,7 +24,7 @@ export var euiPopoverPanelStyles = function euiPopoverPanelStyles(euiThemeContex
       property: 'filter'
     }), " &:focus{outline-offset:0;};label:euiPopover__panel;"),
     // Is visible / open
-    isOpen: /*#__PURE__*/css("opacity:1;pointer-events:auto;", euiCanAnimate, "{transition:opacity ", euiTheme.animation.bounce, " ", euiTheme.animation.slow, ",transform ", euiTheme.animation.bounce, " calc(", euiTheme.animation.slow, " + 100ms);};label:isOpen;"),
+    isOpen: /*#__PURE__*/css("opacity:1;pointer-events:auto;", euiCanAnimate, "{transition:opacity ", euiTheme.animation.bounce, " ", euiTheme.animation[openAnimationTiming], ",transform ", euiTheme.animation.bounce, " calc(", euiTheme.animation[openAnimationTiming], " + 100ms);};label:isOpen;"),
     // Positions
     top: /*#__PURE__*/css("transform:translateY(", euiTheme.size[translateDistance], ") translateZ(0);;label:top;"),
     bottom: /*#__PURE__*/css("transform:translateY(-", euiTheme.size[translateDistance], ") translateZ(0);;label:bottom;"),
@@ -31,7 +32,7 @@ export var euiPopoverPanelStyles = function euiPopoverPanelStyles(euiThemeContex
     right: /*#__PURE__*/css("transform:translateX(-", euiTheme.size[translateDistance], ") translateZ(0);;label:right;"),
     // Attached version overrides
     attached: {
-      isOpen: /*#__PURE__*/css("filter:none;", euiCanAnimate, "{transition:opacity ", euiTheme.animation.bounce, " ", euiTheme.animation.slow, ";};label:isOpen;"),
+      isOpen: /*#__PURE__*/css("filter:none;", euiCanAnimate, "{transition:opacity ", euiTheme.animation.bounce, " ", euiTheme.animation[openAnimationTiming], ";};label:isOpen;"),
       top: /*#__PURE__*/css(euiShadowFlat(euiThemeContext), ";;label:top;"),
       bottom: /*#__PURE__*/css(euiShadow(euiThemeContext, 'm'), ";;label:bottom;"),
       // Satisfies TS

package/es/components/popover/popover_title.js

@@ -45,6 +45,7 @@ EuiPopoverTitle.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
          * Customize the all around padding of the popover title.

package/es/components/progress/progress.js

@@ -117,6 +117,7 @@ EuiProgress.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   size: PropTypes.any,
 
   /**

package/es/components/provider/cache/cache_provider.js

@@ -6,12 +6,18 @@
  * Side Public License, v 1.
  */
 import React from 'react';
+import createCache from '@emotion/cache';
 import { CacheProvider } from '@emotion/react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
+var defaultCache = createCache({
+  key: 'css'
+});
+defaultCache.compat = true;
 export var EuiCacheProvider = function EuiCacheProvider(_ref) {
-  var cache = _ref.cache,
+  var _ref$cache = _ref.cache,
+      cache = _ref$cache === void 0 ? defaultCache : _ref$cache,
       children = _ref.children;
-  return children && cache ? ___EmotionJSX(CacheProvider, {
+  return ___EmotionJSX(CacheProvider, {
     value: cache
-  }, children) : ___EmotionJSX(React.Fragment, null, children);
+  }, children);
 };

package/es/components/resizable_container/resizable_button.js

@@ -115,7 +115,8 @@ export var EuiResizableButton = function EuiResizableButton(_ref) {
 EuiResizableButton.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };
 export function euiResizableButtonWithControls(controls) {
   return function (props) {

package/es/components/resizable_container/resizable_container.js

@@ -222,5 +222,6 @@ EuiResizableContainer.propTypes = {
   style: PropTypes.any,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/resizable_container/resizable_panel.js

@@ -374,7 +374,8 @@ EuiResizablePanel.propTypes = {
   color: PropTypes.any,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };
 export function euiResizablePanelWithControls(controls) {
   return function (props) {

package/es/components/search_bar/search_bar.js

@@ -321,6 +321,7 @@ EuiSearchBar.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
     // Boolean values are not meaningful to this EuiSearchBox, but are allowed so that other
     // components can use e.g. a true value to mean "auto-derive a schema". See EuiInMemoryTable.
     // Admittedly, this is a bit of a hack.
@@ -429,5 +430,6 @@ EuiSearchBar.propTypes = {
   dateFormat: PropTypes.any,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/selectable/selectable.js

@@ -641,6 +641,7 @@ EuiSelectable.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
        * Hooks up a search box to filter the list (boolean)
@@ -671,6 +672,7 @@ EuiSelectable.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
 
     /**
        * Visible label of option.

package/es/components/selectable/selectable_list/selectable_list.js

@@ -398,6 +398,7 @@ EuiSelectableList.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
        * The index of the option to be highlighted as pseudo-focused;
@@ -456,6 +457,7 @@ EuiSelectableList.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
 
     /**
        * Will apply an onclick to icon within the badge
@@ -516,6 +518,7 @@ EuiSelectableList.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
 
     /**
        * Visible label of option.
@@ -569,6 +572,7 @@ EuiSelectableList.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
     label: PropTypes.string,
     searchableLabel: PropTypes.string,
     key: PropTypes.string,

package/es/components/selectable/selectable_list/selectable_list_item.js

@@ -236,6 +236,7 @@ EuiSelectableListItem.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   children: PropTypes.node,
 
   /**
@@ -290,6 +291,7 @@ EuiSelectableListItem.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
 
     /**
        * Will apply an onclick to icon within the badge

package/es/components/selectable/selectable_message/selectable_message.js

@@ -38,6 +38,7 @@ EuiSelectableMessage.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
        * Match this to the `listProps.bordered` property of your `EuiSelectable` instance

package/es/components/selectable/selectable_templates/selectable_template_sitewide.js

@@ -264,6 +264,7 @@ EuiSelectableTemplateSitewide.propTypes = {
       className: PropTypes.string,
       "aria-label": PropTypes.string,
       "data-test-subj": PropTypes.string,
+      css: PropTypes.any,
 
       /**
            * Descriptive title for naming the icon based on its use
@@ -294,6 +295,7 @@ EuiSelectableTemplateSitewide.propTypes = {
       className: PropTypes.string,
       "aria-label": PropTypes.string,
       "data-test-subj": PropTypes.string,
+      css: PropTypes.any,
 
       /**
              * Custom initials (max 2 characters).
@@ -375,7 +377,8 @@ EuiSelectableTemplateSitewide.propTypes = {
       highlightSearchString: PropTypes.bool,
       className: PropTypes.string,
       "aria-label": PropTypes.string,
-      "data-test-subj": PropTypes.string
+      "data-test-subj": PropTypes.string,
+      css: PropTypes.any
     }).isRequired),
 
     /**
@@ -386,6 +389,7 @@ EuiSelectableTemplateSitewide.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
 
     /**
        * Visible label of option.

package/es/components/side_nav/side_nav.js

@@ -244,6 +244,7 @@ EuiSideNav.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
        * Creates an associated heading element and uses the same node as default for `mobileTitle`

package/es/components/spacer/spacer.js

@@ -41,5 +41,6 @@ EuiSpacer.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   size: PropTypes.any
 };

package/es/components/stat/stat.js

@@ -97,6 +97,7 @@ EuiStat.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * Set the description (label) text

package/es/components/steps/step.js

@@ -59,6 +59,7 @@ EuiStep.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * ReactNode to render as this component's content

package/es/components/steps/step_horizontal.js

@@ -107,5 +107,6 @@ EuiStepHorizontal.propTypes = {
   status: PropTypes.any,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/steps/step_number.js

@@ -119,5 +119,6 @@ EuiStepNumber.propTypes = {
   titleSize: PropTypes.any,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/steps/steps.js

@@ -78,5 +78,6 @@ EuiSteps.propTypes = {
   titleSize: PropTypes.any,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/steps/steps_horizontal.js

@@ -45,5 +45,6 @@ EuiStepsHorizontal.propTypes = {
   steps: PropTypes.arrayOf(PropTypes.any.isRequired).isRequired,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/steps/sub_steps.js

@@ -30,5 +30,6 @@ export var EuiSubSteps = function EuiSubSteps(_ref) {
 EuiSubSteps.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/suggest/suggest.js

@@ -279,6 +279,7 @@ EuiSuggest.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.oneOfType([PropTypes.string, PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.string])]),
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
        * List of suggestions to display using EuiSuggestItem.
@@ -288,6 +289,7 @@ EuiSuggest.propTypes = {
     className: PropTypes.string,
     "aria-label": PropTypes.string,
     "data-test-subj": PropTypes.string,
+    css: PropTypes.any,
 
     /**
        * Takes `iconType` for EuiIcon and 'color'. 'color' can be tint1 through tint9.

package/es/components/suggest/suggest_item.js

@@ -89,6 +89,7 @@ EuiSuggestItem.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * Takes `iconType` for EuiIcon and 'color'. 'color' can be tint1 through tint9.

package/es/components/table/mobile/table_header_mobile.js

@@ -30,5 +30,6 @@ export var EuiTableHeaderMobile = function EuiTableHeaderMobile(_ref) {
 EuiTableHeaderMobile.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/table/mobile/table_sort_mobile_item.js

@@ -63,5 +63,6 @@ EuiTableSortMobileItem.propTypes = {
   ariaLabel: PropTypes.string,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/table/table.js

@@ -50,5 +50,6 @@ EuiTable.propTypes = {
   tableLayout: PropTypes.oneOf(["fixed", "auto"]),
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/table/table_body.js

@@ -31,5 +31,6 @@ EuiTableBody.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   bodyRef: PropTypes.any
 };

package/es/components/table/table_footer.js

@@ -28,5 +28,6 @@ export var EuiTableFooter = function EuiTableFooter(_ref) {
 EuiTableFooter.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/table/table_footer_cell.js

@@ -47,6 +47,7 @@ EuiTableFooterCell.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   align: PropTypes.oneOf(["left", "right", "center"]),
   width: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.number.isRequired])
 };

package/es/components/table/table_header.js

@@ -31,6 +31,7 @@ EuiTableHeader.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
        * Children must be valid DOM structure residing within `<thead>`.

package/es/components/table/table_header_button.js

@@ -52,5 +52,6 @@ EuiTableHeaderButton.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired])
 };

package/es/components/table/table_header_cell.js

@@ -138,6 +138,7 @@ EuiTableHeaderCell.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   align: PropTypes.oneOf(["left", "right", "center"]),
   isSortAscending: PropTypes.bool,
   isSorted: PropTypes.bool,

package/es/components/table/table_header_cell_checkbox.js

@@ -41,6 +41,7 @@ EuiTableHeaderCellCheckbox.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   width: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.number.isRequired]),
   scope: PropTypes.oneOf(["col", "row", "colgroup", "rowgroup"])
 };

package/es/components/table/table_row.js

@@ -68,6 +68,7 @@ EuiTableRow.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * Indicates if the table has a single column of checkboxes for selecting

package/es/components/table/table_row_cell.js

@@ -132,6 +132,7 @@ EuiTableRowCell.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * Vertical alignment of the content in the cell

package/es/components/table/table_row_cell_checkbox.js

@@ -32,5 +32,6 @@ export var EuiTableRowCellCheckbox = function EuiTableRowCellCheckbox(_ref) {
 EuiTableRowCellCheckbox.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/tabs/tab.js

@@ -104,6 +104,7 @@ EuiTab.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   href: PropTypes.string,
   onClick: PropTypes.func
 };

package/es/components/tabs/tabbed_content/tabbed_content.js

@@ -220,6 +220,7 @@ EuiTabbedContent.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
        * When tabbing into the tabs, set the focus on `initial` for the first tab,
@@ -257,7 +258,8 @@ EuiTabbedContent.propTypes = {
     append: PropTypes.node,
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }),
   onTabClick: PropTypes.func,
 
@@ -274,7 +276,8 @@ EuiTabbedContent.propTypes = {
     append: PropTypes.node,
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }),
   size: PropTypes.oneOf(["s", "m", "l", "xl"]),
 
@@ -292,6 +295,7 @@ EuiTabbedContent.propTypes = {
     append: PropTypes.node,
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }).isRequired).isRequired
 };

package/es/components/text/text.js

@@ -65,6 +65,7 @@ EuiText.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   textAlign: PropTypes.any,
 
   /**

package/es/components/text/text_align.js

@@ -48,6 +48,7 @@ EuiTextAlign.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   textAlign: PropTypes.any,
 
   /**

package/es/components/text/text_color.js

@@ -66,6 +66,7 @@ EuiTextColor.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
        * Any of our named colors or a `hex`, `rgb` or `rgba` value.

package/es/components/timeline/timeline.js

@@ -57,7 +57,8 @@ EuiTimeline.propTypes = {
     verticalAlign: PropTypes.any,
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }).isRequired),
 
   /**
@@ -66,5 +67,6 @@ EuiTimeline.propTypes = {
   gutterSize: PropTypes.any,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/timeline/timeline_item.js

@@ -47,5 +47,6 @@ EuiTimelineItem.propTypes = {
   verticalAlign: PropTypes.any,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/title/title.js

@@ -48,6 +48,7 @@ EuiTitle.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
 
   /**
      * ReactElement to render as this component's content

package/es/components/toast/global_toast_list.js

@@ -284,7 +284,8 @@ EuiGlobalToastList.propTypes = {
     onClose: PropTypes.func,
     className: PropTypes.string,
     "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string
+    "data-test-subj": PropTypes.string,
+    css: PropTypes.any
   }).isRequired),
   dismissToast: PropTypes.func.isRequired,
   toastLifeTimeMs: PropTypes.number.isRequired,
@@ -295,5 +296,6 @@ EuiGlobalToastList.propTypes = {
   side: PropTypes.oneOf(["right", "left"]),
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/toast/global_toast_list_item.js

@@ -38,6 +38,7 @@ EuiGlobalToastListItem.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   isDismissed: PropTypes.bool,
 
   /**