[DO NOT MERGE] Added a doc with the different variations of colors fo…

…r event borders for testing
elastic · Oct 5, 2023 · e5341a2 · e5341a2
1 parent abb1f55
commit e5341a2
Showing 1 changed file with 53 additions and 21 deletions.
diff --git a/src-docs/src/views/comment/comment_list.tsx b/src-docs/src/views/comment/comment_list.tsx
@@ -56,44 +56,76 @@ const longBody = (
 
 const comments: EuiCommentProps[] = [
   {
-    username: 'janed',
+    username: 'Warning',
     timelineAvatarAriaLabel: 'Jane Doe',
     event: 'added a comment',
     timestamp: 'on Jan 1, 2020',
     children: body,
     actions: copyAction,
+    eventColor: 'warning',
   },
   {
-    username: 'juanab',
-    timelineAvatarAriaLabel: 'Juana Barros',
+    username: 'Success',
+    timelineAvatarAriaLabel: 'Jane Doe',
+    event: 'added a comment',
+    timestamp: 'on Jan 1, 2020',
+    children: body,
     actions: copyAction,
-    event: 'pushed incident X0Z235',
-    timestamp: 'on Jan 3, 2020',
+    eventColor: 'success',
   },
   {
-    username: 'pancho1',
-    timelineAvatarAriaLabel: 'Pancho Pérez',
-    event: 'edited case',
-    timestamp: 'on Jan 9, 2020',
-    eventIcon: 'pencil',
-    eventIconAriaLabel: 'edit',
+    username: 'Danger',
+    timelineAvatarAriaLabel: 'Jane Doe',
+    event: 'added a comment',
+    timestamp: 'on Jan 1, 2020',
+    children: body,
+    actions: copyAction,
+    eventColor: 'danger',
   },
   {
-    username: 'pedror',
-    timelineAvatarAriaLabel: 'Pedro Rodriguez',
+    username: 'Accent',
+    timelineAvatarAriaLabel: 'Jane Doe',
+    event: 'added a comment',
+    timestamp: 'on Jan 1, 2020',
+    children: body,
     actions: copyAction,
-    event: complexEvent,
-    timestamp: 'on Jan 11, 2020',
-    eventIcon: 'tag',
-    eventIconAriaLabel: 'tag',
+    eventColor: 'accent',
   },
   {
-    username: 'elohar',
-    timelineAvatarAriaLabel: 'Elohar Jackson',
+    username: 'Primary',
+    timelineAvatarAriaLabel: 'Jane Doe',
     event: 'added a comment',
-    timestamp: 'on Jan 14, 2020',
-    children: longBody,
+    timestamp: 'on Jan 1, 2020',
+    children: body,
+    actions: copyAction,
+    eventColor: 'primary',
+  },
+  {
+    username: 'Subdued',
+    timelineAvatarAriaLabel: 'Jane Doe',
+    event: 'added a comment',
+    timestamp: 'on Jan 1, 2020',
+    children: body,
+    actions: copyAction,
+    eventColor: 'subdued',
+  },
+  {
+    username: 'Transparent',
+    timelineAvatarAriaLabel: 'Jane Doe',
+    event: 'added a comment',
+    timestamp: 'on Jan 1, 2020',
+    children: body,
+    actions: copyAction,
+    eventColor: 'transparent',
+  },
+  {
+    username: 'Plain',
+    timelineAvatarAriaLabel: 'Jane Doe',
+    event: 'added a comment',
+    timestamp: 'on Jan 1, 2020',
+    children: body,
     actions: copyAction,
+    eventColor: 'plain',
   },
 ];