From 7c873437d889d6d22cf554888eab0a36155d13a3 Mon Sep 17 00:00:00 2001 From: miukimiu Date: Thu, 18 Nov 2021 17:27:58 +0000 Subject: [PATCH 01/81] Adding anatomy figma iframe and initial design section. --- src-docs/src/images/empty-prompt_anatomy.svg | 37 - .../src/images/empty-prompt_horizontal.svg | 990 ++++++++++++++++++ src-docs/src/images/empty-prompt_vertical.svg | 66 ++ .../src/views/empty_prompt/guidelines.tsx | 133 ++- 4 files changed, 1145 insertions(+), 81 deletions(-) delete mode 100644 src-docs/src/images/empty-prompt_anatomy.svg create mode 100644 src-docs/src/images/empty-prompt_horizontal.svg create mode 100644 src-docs/src/images/empty-prompt_vertical.svg diff --git a/src-docs/src/images/empty-prompt_anatomy.svg b/src-docs/src/images/empty-prompt_anatomy.svg deleted file mode 100644 index 28a0bb62eb4..00000000000 --- a/src-docs/src/images/empty-prompt_anatomy.svg +++ /dev/null @@ -1,37 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src-docs/src/images/empty-prompt_horizontal.svg b/src-docs/src/images/empty-prompt_horizontal.svg new file mode 100644 index 00000000000..42970327bee --- /dev/null +++ b/src-docs/src/images/empty-prompt_horizontal.svg @@ -0,0 +1,990 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src-docs/src/images/empty-prompt_vertical.svg b/src-docs/src/images/empty-prompt_vertical.svg new file mode 100644 index 00000000000..75dbf9dbf18 --- /dev/null +++ b/src-docs/src/images/empty-prompt_vertical.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src-docs/src/views/empty_prompt/guidelines.tsx b/src-docs/src/views/empty_prompt/guidelines.tsx index 35fda9eea6e..6ca68130348 100644 --- a/src-docs/src/views/empty_prompt/guidelines.tsx +++ b/src-docs/src/views/empty_prompt/guidelines.tsx @@ -1,23 +1,23 @@ import React from 'react'; // @ts-ignore Importing from JS -import { GuideRuleTitle } from '../../components'; +import { GuideRule, GuideRuleExample, GuideRuleTitle } from '../../components'; import { EuiTitle, EuiText, EuiSpacer, - EuiFlexGroup, - EuiFlexItem, - EuiImage, EuiTable, EuiTableHeader, EuiTableHeaderCell, EuiTableBody, EuiTableRow, EuiTableRowCell, + EuiAspectRatio, + EuiImage, } from '../../../../src/components'; -import imgAnatomy from '../../images/empty-prompt_anatomy.svg'; +import vertical from '../../images/empty-prompt_vertical.svg'; +import horizontal from '../../images/empty-prompt_horizontal.svg'; export default () => ( <> @@ -35,46 +35,50 @@ export default () => (

To make the empty state clear, follow this pattern:

+ + + + +