feat(Popover): story styles

packages/react-components/src/components/Popover/Popover.stories.css

@@ -1,23 +1,19 @@
-.listElement {
+.content-wrapper {
   display: flex;
   align-items: center;
-  cursor: pointer;
-  padding: 10px;
-  list-style: none;
-  line-height: 1.5;
-  color: var(--content-default);
-  font-size: 14px;
+  justify-content: center;
+  padding: 12px;
+  width: 300px;
+  height: 300px;
 }
 
-.listElement:hover {
-  background-color: var(--surface-basic-hover);
-}
-
-.divider {
-  border-bottom: 1px solid var(--border-default);
-}
-
-.label {
-  margin-left: 5px;
-  line-height: 20px;
+.content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px dashed var(--border-default);
+  border-radius: 4px;
+  background-color: var(--surface-basic-default);
+  width: 100%;
+  height: 100%;
 }

packages/react-components/src/components/Popover/Popover.stories.tsx

@@ -58,28 +58,8 @@ export const Default = (args: IPopoverProps): React.ReactElement => (
       </Button>
     )}
   >
-    <div
-      style={{
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        padding: '12px',
-        width: '308px',
-        height: '308px',
-      }}
-    >
-      <div
-        style={{
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center',
-          border: '1px dashed var(--border-default)',
-          backgroundColor: 'var(--surface-basic-default)',
-          width: '100%',
-          height: '100%',
-          borderRadius: '4px',
-        }}
-      >
+    <div className="content-wrapper">
+      <div className="content">
         <Text>Popover content</Text>
       </div>
     </div>