Empty index patterns page re-design (#68819)

Empty index patterns page re-design

.sass-lint.yml

@@ -1,6 +1,7 @@
 files:
   include:
     - 'src/legacy/core_plugins/metrics/**/*.s+(a|c)ss'
+    - 'src/plugins/index_pattern_management/**/*.s+(a|c)ss'
     - 'src/plugins/timelion/**/*.s+(a|c)ss'
     - 'src/plugins/vis_type_vislib/**/*.s+(a|c)ss'
     - 'src/plugins/vis_type_vega/**/*.s+(a|c)ss'

docs/development/core/public/kibana-plugin-core-public.doclinksstart.links.md

@@ -81,6 +81,7 @@ readonly links: {
             readonly loadingData: string;
             readonly introduction: string;
         };
+        readonly addData: string;
         readonly kibana: string;
         readonly siem: {
             readonly guide: string;

docs/setup/connect-to-elasticsearch.asciidoc

@@ -97,7 +97,7 @@ Using a wildcard is the more popular approach.
 comparisons.
 +
 Kibana reads the index mapping and lists all fields that contain a timestamp. If your
-index doesn't have time-based data, choose *I don't want to use the Time Filter*.
+index doesn't have time-based data, choose *I don't want to use the time filter*.
 +
 You must select a time field to use global time filters on your dashboards.
 

src/core/public/doc_links/doc_links_service.ts

@@ -109,6 +109,7 @@ export class DocLinksService {
           loadingData: `${ELASTIC_WEBSITE_URL}guide/en/kibana/${DOC_LINK_VERSION}/tutorial-load-dataset.html`,
           introduction: `${ELASTIC_WEBSITE_URL}guide/en/kibana/${DOC_LINK_VERSION}/index-patterns.html`,
         },
+        addData: `${ELASTIC_WEBSITE_URL}guide/en/kibana/${DOC_LINK_VERSION}/connect-to-elasticsearch.html`,
         kibana: `${ELASTIC_WEBSITE_URL}guide/en/kibana/${DOC_LINK_VERSION}/index.html`,
         siem: {
           guide: `${ELASTIC_WEBSITE_URL}guide/en/security/${DOC_LINK_VERSION}/index.html`,
@@ -209,6 +210,7 @@ export interface DocLinksStart {
       readonly loadingData: string;
       readonly introduction: string;
     };
+    readonly addData: string;
     readonly kibana: string;
     readonly siem: {
       readonly guide: string;

src/core/public/public.api.md

@@ -576,6 +576,7 @@ export interface DocLinksStart {
             readonly loadingData: string;
             readonly introduction: string;
         };
+        readonly addData: string;
         readonly kibana: string;
         readonly siem: {
             readonly guide: string;

src/plugins/data/public/index_patterns/index_patterns/redirect_no_index_pattern.tsx

@@ -40,7 +40,7 @@ export const onRedirectNoIndexPattern = (
 
   const bannerMessage = i18n.translate('data.indexPatterns.ensureDefaultIndexPattern.bannerLabel', {
     defaultMessage:
-      "In order to visualize and explore data in Kibana, you'll need to create an index pattern to retrieve data from Elasticsearch.",
+      'To visualize and explore data in Kibana, you must create an index pattern to retrieve data from Elasticsearch.',
   });
 
   // Avoid being hostile to new users who don't have an index pattern setup yet

src/plugins/index_pattern_management/public/_templates.scss

@@ -0,0 +1,11 @@
+%inp-empty-state-footer {
+  background: $euiColorLightestShade;
+  margin: 0 (-$euiSizeL) (-$euiSizeL);
+  padding: $euiSizeL;
+  border-radius: 0 0 $euiBorderRadius $euiBorderRadius;
+
+  // sass-lint:disable-block mixins-before-declarations
+  @include euiBreakpoint('xs', 's') {
+    text-align: center;
+  }
+}

src/plugins/index_pattern_management/public/_variables.scss

@@ -0,0 +1 @@
+$inpEmptyStateMaxWidth: $euiSizeXXL * 19;