@popsure/dirty-swan 0.41.7 → 0.41.9

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-export { D as DateSelector } from './index-02a5537e.js';
+export { D as DateSelector } from './index-f0e3bc9a.js';
 export { SignaturePad } from './components/signaturePad/index.js';
 export { AutocompleteAddress } from './components/autocompleteAddress/index.js';
 export { Input } from './components/input/index.js';
@@ -27,7 +27,7 @@ export { Link } from './components/link/index.js';
 export { i as illustrations, a as images } from './index-1693701e.js';
 export { Spinner } from './components/spinner/index.js';
 export { Toggle } from './components/input/toggle/index.js';
-export { a as Toaster, t as toast } from './index-45edc7d0.js';
+export { a as Toaster, t as toast } from './index-2c193605.js';
 export { default as Svg1Icon } from './components/icon/icons/1.js';
 export { default as Svg2Icon } from './components/icon/icons/2.js';
 export { default as Svg3Icon } from './components/icon/icons/3.js';

package/dist/esm/lib/components/card/index.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 export interface CardProps {
     children?: ReactNode;
     classNames?: {
+        buttonWrapper?: string;
         wrapper?: string;
         label?: string;
         title?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popsure/dirty-swan",
-  "version": "0.41.7",
+  "version": "0.41.9",
   "author": "Vincent Audoire <vincent@getpopsure.com>",
   "license": "MIT",
   "private": false,

package/src/lib/components/card/index.tsx

@@ -7,6 +7,7 @@ import styles from './style.module.scss';
 export interface CardProps {
   children?: ReactNode;
   classNames?: {
+    buttonWrapper?: string;
     wrapper?: string;
     label?: string;
     title?: string;
@@ -25,9 +26,9 @@ export interface CardProps {
   label?: ReactNode;
   onClick?: () => void;
   actionIcon?: ReactNode;
-} 
+}
 
-const CardContent = ({ 
+const CardContent = ({
   children,
   classNames,
   density = 'balanced',
@@ -43,19 +44,19 @@ const CardContent = ({
 }: CardProps) => (
   <section
     className={classNamesUtil(
-      'd-flex fd-column jc-center br8 bg-white w100 ta-left', 
+      'd-flex fd-column jc-center br8 bg-white w100 ta-left',
       { 'bs-sm': dropShadow },
       {
         compact: 'p16',
         balanced: 'p24',
-        spacious: 'p32'
+        spacious: 'p32',
       }[density],
-      classNames?.wrapper,
+      classNames?.wrapper
     )}
   >
-    <div className='d-flex w100'>
+    <div className="d-flex w100">
       {icon && (
-        <div 
+        <div
           className={classNamesUtil(
             `d-flex ai-center tc-primary-500`,
             styles.icon,
@@ -67,23 +68,24 @@ const CardContent = ({
         </div>
       )}
 
-      <div className='d-flex jc-between w100'>
-        <div className='d-flex jc-center gap8 fd-column tc-grey-900 w100'>
+      <div className="d-flex jc-between w100">
+        <div className="d-flex jc-center gap8 fd-column tc-grey-900 w100">
           {label && (
-            <h3
-              className={classNamesUtil('p-p--small', classNames?.label)}
-            >
+            <h3 className={classNamesUtil('p-p--small', classNames?.label)}>
               {label}
             </h3>
           )}
 
           {title && (
             <h2
-              className={classNamesUtil(classNames?.title, {
-                large:'p-h3',
-                medium:'p-h4',
-                small:'p-p',
-              }[titleVariant])}
+              className={classNamesUtil(
+                classNames?.title,
+                {
+                  large: 'p-h3',
+                  medium: 'p-h4',
+                  small: 'p-p',
+                }[titleVariant]
+              )}
             >
               {title}
             </h2>
@@ -117,9 +119,7 @@ const CardContent = ({
       </div>
     </div>
 
-    {children && (
-      <div className={classNames?.children}>{children}</div>
-    )}
+    {children && <div className={classNames?.children}>{children}</div>}
   </section>
 );
 
@@ -129,16 +129,20 @@ const Card = (props: CardProps) => {
   if (onClick) {
     return (
       <button
-        className={classNamesUtil('c-pointer d-flex w100 br8', styles.button)}
-        onClick={onClick} 
+        className={classNamesUtil(
+          'c-pointer d-flex w100 br8',
+          styles.button,
+          props.classNames?.buttonWrapper
+        )}
+        onClick={onClick}
         type="button"
       >
         <CardContent {...props} />
       </button>
-    )
+    );
   }
 
   return <CardContent {...props} />;
-}
+};
 
 export { Card };

package/src/lib/components/card/style.module.scss

@@ -1,6 +1,7 @@
 @use '../../scss/public/colors' as *;
 
 .button {
+  background-color: transparent;
   border: 1px solid transparent;
   color: $ds-grey-900;
   outline-color: $ds-primary-500;
@@ -34,4 +35,4 @@
   &spacious {
     margin-left: 24px;
   }
-}
+}

package/src/lib/components/icon/IconWrapper/IconWrapper.tsx

@@ -25,6 +25,7 @@ const IconWrapper = ({
       [styles.wrapper]: !noMargin
     })}
     style={{
+      minWidth: `${size}px`,
       width: `${size}px`,
       height: `${size}px`
     }}