@popsure/dirty-swan 0.38.2 → 0.38.4

package/src/lib/components/cards/cardWithLeftIcon/index.tsx

@@ -1,5 +1,5 @@
 import { associatedClassForCardState, CardProps, headingForCardSize } from '..';
-import { Icon, IconSize, arrowRight } from '../icons';
+import { arrowRight, Icon, IconSize } from '../icons';
 
 import styles from './style.module.scss';
 
@@ -37,7 +37,7 @@ export type CardWithLeftIconProps = Omit<CardProps, 'title'> & {
   leftIconSize?: IconSize;
   title?: string;
   subtitle?: string;
-}
+};
 
 export const CardWithLeftIcon = ({
   className = '',
@@ -78,9 +78,7 @@ export const CardWithLeftIcon = ({
         <div className="d-flex">
           {(title || subtitle) && (
             <div>
-              {title && (
-                <div className={headingStyle}>{title}</div>
-              )}
+              {title && <div className={headingStyle}>{title}</div>}
               {subtitle && (
                 <div className={`tc-grey-500 ${headingStyle}`}>{subtitle}</div>
               )}
@@ -96,7 +94,7 @@ export const CardWithLeftIcon = ({
             />
           )}
         </div>
-        <p className={cardTextStyle}>{children}</p>
+        <div className={cardTextStyle}>{children}</div>
       </div>
     </div>
   );

package/src/lib/components/cards/cardWithTopLeftIcon/index.tsx

@@ -1,9 +1,5 @@
-import {
-  associatedClassForCardState,
-  CardProps,
-  headingForCardSize,
-} from '..';
-import { Icon, arrowRight, featherLogo } from '../icons';
+import { associatedClassForCardState, CardProps, headingForCardSize } from '..';
+import { arrowRight, featherLogo, Icon } from '../icons';
 
 import styles from './style.module.scss';
 
@@ -43,7 +39,9 @@ export const CardWithTopLeftIcon = ({
   const titleContainerStyle = styles['title-container'];
   const headingStyle = headingForCardSize(cardSize);
   const iconStyle = styles['right-icon'];
-  const cardTextStyle = `p-p tc-grey-600 ${cardSize === 'xsmall' ? styles.indent : 'mt16'}`;
+  const cardTextStyle = `p-p tc-grey-600 ${
+    cardSize === 'xsmall' ? styles.indent : 'mt16'
+  }`;
 
   return (
     <div className={cardStyle} {...props}>
@@ -68,7 +66,7 @@ export const CardWithTopLeftIcon = ({
           />
         )}
       </div>
-      <p className={cardTextStyle}>{children}</p>
+      <div className={cardTextStyle}>{children}</div>
     </div>
   );
 };

package/src/lib/components/icon/IconWrapper/styles.module.scss

@@ -1,3 +1,3 @@
 .wrapper {
-  padding: 4px;
+  margin: 4px;
 }