Restore plain color

elastic · Oct 18, 2023 · 5ac2f4b · 5ac2f4b
1 parent 500a178
commit 5ac2f4b
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 1 deletion.
diff --git a/src-docs/src/views/comment/comment_flexible.tsx b/src-docs/src/views/comment/comment_flexible.tsx
@@ -104,6 +104,7 @@ export default () => {
   }> = [
     { value: 'subdued', text: 'subdued' },
     { value: 'transparent', text: 'transparent' },
+    { value: 'plain', text: 'plain' },
     { value: 'danger', text: 'danger' },
     { value: 'warning', text: 'warning' },
     { value: 'accent', text: 'accent' },

diff --git a/src/components/comment_list/comment_event.stories.tsx b/src/components/comment_list/comment_event.stories.tsx
@@ -24,6 +24,7 @@ const meta: Meta<EuiCommentEventProps> = {
         undefined,
         'subdued',
         'transparent',
+        'plain',
         'warning',
         'danger',
         'success',

diff --git a/src/components/comment_list/comment_event.styles.ts b/src/components/comment_list/comment_event.styles.ts
@@ -37,6 +37,9 @@ export const euiCommentEventBorderColors = ({
     transparent: css`
       border-color: ${euiTheme.border.color};
     `,
+    plain: css`
+      border-color: ${euiTheme.border.color};
+    `,
   };
 };
 

diff --git a/src/components/comment_list/comment_event.tsx b/src/components/comment_list/comment_event.tsx
@@ -56,7 +56,7 @@ export interface EuiCommentEventProps extends CommonProps {
   /**
    * Background color for the comment's header.
    */
-  eventColor?: Exclude<EuiPanelProps['color'], 'plain'>;
+  eventColor?: EuiPanelProps['color'];
 }
 
 export const EuiCommentEvent: FunctionComponent<EuiCommentEventProps> = ({
@@ -106,6 +106,7 @@ export const EuiCommentEvent: FunctionComponent<EuiCommentEventProps> = ({
       color: type === 'custom' ? 'transparent' : eventColor,
       paddingSize: type === 'custom' ? 'none' : 's',
       borderRadius: type === 'regular' ? 'none' : 'm',
+      hasShadow: false, // `plain` color needs this
     }),
     [type, eventColor]
   );