feat: add background color #fff to card

Author: ganiirsyadi

src/@next/Card/Card.stories.tsx

@@ -4,7 +4,7 @@ import { Story, Meta } from '@storybook/react';
 import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
 import { Card, CardProps } from './Card';
 import { Typography } from '../Typography';
-import { Red } from '../utilities/colors';
+import { Neutral, Red } from '../utilities/colors';
 import styled from 'styled-components';
 
 (Card as React.FunctionComponent<CardProps>).displayName = 'Card';
@@ -162,9 +162,11 @@ const CustomHeadingSubHeadingTemplate: Story<CardProps> = args => {
   );
 
   return (
-    <Card {...args} heading={heading} subheading={subheading}>
-      <Card.Section>This is a section</Card.Section>
-    </Card>
+    <div style={{ backgroundColor: Neutral.B99, padding: 24 }}>
+      <Card {...args} heading={heading} subheading={subheading}>
+        <Card.Section>This is a section</Card.Section>
+      </Card>
+    </div>
   );
 };
 

src/@next/Card/CardStyle.ts

@@ -9,6 +9,7 @@ export const StyledCardContainer = styled.div`
   box-shadow: 0px 0px 5px 0px rgba(71, 71, 71, 0.1),
     0px 1px 2px 0px rgba(71, 71, 71, 0.2);
   color: ${Neutral.B18};
+  background-color: ${Neutral.B100};
 `;
 
 export const StyledCardHeaderWrapper = styled.div`