@elastic/eui 63.0.1 → 64.0.0

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,
 
   /**

package/es/components/toast/toast.js

@@ -108,5 +108,6 @@ EuiToast.propTypes = {
   onClose: PropTypes.func,
   className: PropTypes.string,
   "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any
 };

package/es/components/tool_tip/tool_tip_popover.js

@@ -124,6 +124,7 @@ EuiToolTipPopover.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
   positionToolTip: PropTypes.func.isRequired,
   children: PropTypes.node,
   title: PropTypes.node,

package/es/components/tour/tour.js

@@ -34,220 +34,7 @@ export var EuiTour = function EuiTour(_ref) {
 };
 EuiTour.propTypes = {
   children: PropTypes.func.isRequired,
-  steps: PropTypes.arrayOf(PropTypes.shape({
-    className: PropTypes.string,
-
-    /**
-       * Provide a name to the popover panel
-       */
-    "aria-label": PropTypes.string,
-    "data-test-subj": PropTypes.string,
-
-    /**
-       * Class name passed to the direct parent of the button
-       */
-    anchorClassName: PropTypes.string,
-
-    /**
-       * Alignment of the popover and arrow relative to the button
-       */
-    anchorPosition: PropTypes.any,
-
-    /**
-       * Style and position alteration for arrow-less, left-aligned
-       * attachment. Intended for use with inputs as anchors, e.g.
-       * EuiInputPopover
-       */
-    attachToAnchor: PropTypes.bool,
-    buttonRef: PropTypes.any,
-
-    /**
-       * Restrict the popover's position within this element
-       */
-    container: PropTypes.any,
-
-    /**
-       * CSS display type for both the popover and anchor
-       */
-    display: PropTypes.any,
-
-    /**
-       * Object of props passed to EuiFocusTrap
-       */
-    focusTrapProps: PropTypes.any,
-
-    /**
-       * Show arrow indicating to originating button
-       */
-    hasArrow: PropTypes.bool,
-
-    /**
-       * Specifies what element should initially have focus; Can be a DOM
-       * node, or a selector string (which will be passed to
-       * document.querySelector() to find the DOM node), or a function that
-       * returns a DOM node.
-       *
-       * If not passed, initial focus defaults to the popover panel.
-       */
-    initialFocus: PropTypes.any,
-
-    /**
-       * Passed directly to EuiPortal for DOM positioning. Both properties are
-       * required if prop is specified
-       */
-    insert: PropTypes.shape({
-      sibling: PropTypes.any.isRequired,
-      position: PropTypes.oneOf(["before", "after"]).isRequired
-    }),
-
-    /**
-       * Visibility state of the popover
-       */
-    isOpen: PropTypes.bool,
-
-    /**
-       * Traps tab focus within the popover contents
-       */
-    ownFocus: PropTypes.bool,
-
-    /**
-       * Custom class added to the EuiPanel containing the popover contents
-       */
-    panelClassName: PropTypes.string,
-
-    /**
-       * EuiPanel padding on all sides
-       */
-    panelPaddingSize: PropTypes.any,
-
-    /**
-       * Standard DOM `style` attribute. Passed to the EuiPanel
-       */
-    panelStyle: PropTypes.any,
-
-    /**
-       * Object of props passed to EuiPanel. See #EuiPopoverPanelProps
-       */
-    panelProps: PropTypes.any,
-    panelRef: PropTypes.any,
-
-    /**
-       * Optional screen reader instructions to announce upon popover open,
-       * in addition to EUI's default popover instructions for Escape on close.
-       * Useful for popovers that may have additional keyboard capabilities such as
-       * arrow navigation.
-       */
-    popoverScreenReaderText: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.node.isRequired]),
-    popoverRef: PropTypes.any,
-
-    /**
-       * When `true`, the popover's position is re-calculated when the user
-       * scrolls, this supports having fixed-position popover anchors. When nesting
-       * an `EuiPopover` in a scrollable container, `repositionOnScroll` should be `true`
-       */
-    repositionOnScroll: PropTypes.bool,
-
-    /**
-       * By default, popover content inherits the z-index of the anchor
-       * component; pass `zIndex` to override
-       */
-    zIndex: PropTypes.number,
-
-    /**
-       * Function callback for when the focus trap is deactivated
-       */
-    onTrapDeactivation: PropTypes.any,
-
-    /**
-       * Distance away from the anchor that the popover will render
-       */
-    offset: PropTypes.number,
-
-    /**
-       * Minimum distance between the popover and the bounding container;
-       * Pass an array of 4 values to adjust each side differently: `[top, right, bottom, left]`
-       * Default is 16
-       */
-    buffer: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.any.isRequired]),
-
-    /**
-       * Element to pass as the child element of the arrow;
-       * Use case is typically limited to an accompanying `EuiBeacon`
-       */
-    arrowChildren: PropTypes.node,
-
-    /**
-       * Alternative option to `aria-label` that takes an `id`.
-       * Usually takes the `id` of the popover title
-       */
-    "aria-labelledby": PropTypes.string,
-
-    /**
-         * Element to which the tour step popover attaches when open
-         */
-    children: PropTypes.element,
-    anchor: PropTypes.any,
-
-    /**
-         * Contents of the tour step popover
-         */
-    content: PropTypes.node.isRequired,
-
-    /**
-         * Step will display if set to `true`
-         */
-    isStepOpen: PropTypes.bool,
-
-    /**
-         * Change the default min width of the popover panel
-         */
-    minWidth: PropTypes.any,
-
-    /**
-         * Change the default max width of the popover panel
-         */
-    maxWidth: PropTypes.any,
-
-    /**
-         * Function to call for 'Skip tour' and 'End tour' actions
-         */
-    onFinish: PropTypes.func.isRequired,
-
-    /**
-         * The number of the step within the parent tour. 1-based indexing.
-         */
-    step: PropTypes.number.isRequired,
-
-    /**
-         * The total number of steps in the tour
-         */
-    stepsTotal: PropTypes.number.isRequired,
-
-    /**
-         * Optional, standard DOM `style` attribute. Passed to the EuiPopover panel.
-         */
-    style: PropTypes.any,
-
-    /**
-         * Smaller title text that appears atop each step in the tour. The subtitle gets wrapped in the appropriate heading level.
-         */
-    subtitle: PropTypes.node,
-
-    /**
-         * Larger title text specific to this step. The title gets wrapped in the appropriate heading level.
-         */
-    title: PropTypes.node.isRequired,
-
-    /**
-         * Extra visual indication of step location
-         */
-    decoration: PropTypes.oneOf(["none", "beacon"]),
-
-    /**
-         * Element to replace the 'Skip tour' link in the footer
-         */
-    footerAction: PropTypes.element
-  }).isRequired).isRequired,
+  steps: PropTypes.arrayOf(PropTypes.any.isRequired).isRequired,
   initialState: PropTypes.shape({
     currentTourStep: PropTypes.number.isRequired,
     isTourActive: PropTypes.bool.isRequired,

package/es/components/tour/tour.styles.js

@@ -0,0 +1,57 @@
+/*
+ * 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.
+ */
+import { css } from '@emotion/react';
+import { shade, tint, COLOR_MODES_STANDARD } from '../../services';
+import { logicalCSS } from '../../global_styling';
+import { openAnimationTiming } from '../popover/popover_panel/_popover_panel.styles';
+import { popoverArrowSize } from '../popover/popover_arrow/_popover_arrow.styles';
+
+var backgroundColor = function backgroundColor(color, colorMode) {
+  return colorMode === COLOR_MODES_STANDARD.dark ? shade(color, 0.45) : tint(color, 0.5);
+};
+
+export var euiTourStyles = function euiTourStyles(_ref) {
+  var euiTheme = _ref.euiTheme,
+      colorMode = _ref.colorMode;
+  return {
+    // Targets EuiPopoverPanel
+    euiTour: /*#__PURE__*/css("&[data-popover-open='true']{[class*='euiTourBeacon']{opacity:1;}}[data-popover-arrow='top']{&:before{", logicalCSS('border-top-color', backgroundColor(euiTheme.colors.lightestShade, colorMode)), ";}};label:euiTour;")
+  };
+};
+export var euiTourBeaconStyles = function euiTourBeaconStyles(_ref2) {
+  var euiTheme = _ref2.euiTheme;
+  var arrowSize = euiTheme.size[popoverArrowSize];
+  var arrowSizeInt = parseInt(arrowSize, 10);
+  return {
+    // Base
+    euiTourBeacon: /*#__PURE__*/css("pointer-events:none;position:absolute;opacity:0;transition:opacity 0s ", euiTheme.animation[openAnimationTiming], ";;label:euiTourBeacon;"),
+    // Positions
+    right: /*#__PURE__*/css(logicalCSS('top', "".concat(arrowSizeInt / 2, "px")), ";", logicalCSS('left', "".concat(arrowSizeInt * -2, "px")), ";;label:right;"),
+    left: /*#__PURE__*/css(logicalCSS('top', "".concat(arrowSizeInt / 2, "px")), ";", logicalCSS('left', arrowSize), ";;label:left;"),
+    top: /*#__PURE__*/css(logicalCSS('top', arrowSize), ";", logicalCSS('left', "".concat(arrowSizeInt / 2, "px")), ";;label:top;"),
+    bottom: /*#__PURE__*/css(logicalCSS('top', "".concat(arrowSizeInt * -2, "px")), ";", logicalCSS('left', "".concat(arrowSizeInt / 2, "px")), ";;label:bottom;")
+  };
+};
+export var euiTourHeaderStyles = function euiTourHeaderStyles(_ref3) {
+  var euiTheme = _ref3.euiTheme;
+  return {
+    // Base
+    euiTourHeader: /*#__PURE__*/css(logicalCSS('border-bottom', 'none'), ";", logicalCSS('margin-bottom', euiTheme.size.s), ";;label:euiTourHeader;"),
+    // Elements
+    euiTourHeader__title: /*#__PURE__*/css(logicalCSS('margin-top', 0), ";;label:euiTourHeader__title;"),
+    euiTourHeader__subtitle: /*#__PURE__*/css("color:", euiTheme.colors.subduedText, ";;label:euiTourHeader__subtitle;")
+  };
+};
+export var euiTourFooterStyles = function euiTourFooterStyles(_ref4) {
+  var euiTheme = _ref4.euiTheme,
+      colorMode = _ref4.colorMode;
+  return {
+    // Base
+    euiTourFooter: /*#__PURE__*/css("background-color:", backgroundColor(euiTheme.colors.lightestShade, colorMode), ";", logicalCSS('border-bottom-left-radius', euiTheme.border.radius.medium), ";", logicalCSS('border-bottom-right-radius', euiTheme.border.radius.medium), ";;label:euiTourFooter;")
+  };
+};