kelt-ui-kit-react 1.8.2 → 1.8.3

package/package/src/toaster/toaster.css

@@ -0,0 +1,87 @@
+.toaster {
+  position: fixed;
+  top: 0.5rem;
+  right: 0.5rem;
+  z-index: 10;
+  display: flex;
+  padding: 1rem;
+  gap: 10px;
+  background-color: #fff;
+  color: #333;
+  width: 300px;
+  border-radius: 4px;
+  border: 1px solid #dede;
+  .toaster--close {
+    position: absolute;
+    top: 2px;
+    right: 2px;
+    color: #333;
+    cursor: pointer;
+    .bi {
+      font-size: 1.2rem;
+    }
+  }
+  &.toaster-info {
+    border-color: #004aad66;
+    .toaster--close {
+      bi {
+        color: #004aad;
+      }
+    }
+  }
+  &.toaster-success {
+    border-color: #28a7458c;
+    .toaster--close {
+      .bi {
+        color: #28a745;
+      }
+    }
+  }
+  &.toaster-warning {
+    border-color: #ec942c;
+    .toaster--close {
+      bi {
+        color: #ec942c;
+      }
+    }
+  }
+  &.toaster-error {
+    border-color: #dc35457d;
+    .toaster--close {
+      bi {
+        color: #dc3545;
+      }
+    }
+  }
+  .title {
+    font-weight: 500;
+    font-size: 16px;
+    &.title-info {
+      color: var(--primary-color);
+    }
+    &.title-success {
+      color: var(--success-color);
+    }
+    &.title-warning {
+      color: var(--warning-color);
+    }
+    &.title-error {
+      color: var(--danger-color);
+    }
+  }
+  .subtitle {
+    font-size: 14px;
+  }
+  .bi-info-circle {
+    color: var(--primary-color);
+  }
+  .bi-check-circle {
+    color: var(--success-color);
+  }
+  .bi-exclamation-triangle {
+    color: var(--warning-color);
+  }
+  .bi-x-circle {
+    color: var(--danger-color);
+  }
+}

package/package/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    // Générer les fichiers .d.ts
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "emitDeclarationOnly": false,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": false,
+    "jsx": "react-jsx",
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "declaration": false,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "typeRoots": ["node_modules/@types", "./types"]
+  },
+  "include": ["src/**/*"],
+  "exclude": ["./vite.config.ts", "node_modules"]
+}

package/package/vite.config.ts

@@ -0,0 +1,20 @@
+import { defineConfig } from "vite";
+import checker from "vite-plugin-checker";
+import dts from "vite-plugin-dts";
+export default defineConfig({
+  plugins: [dts(), checker({ typescript: true })],
+  server: {
+    port: 2552, // Remplace 3000 par le port souhaité
+  },
+  build: {
+    lib: {
+      entry: "./src/index.ts", // Remplacer par l'entrée correcte
+      formats: ["es"], // Génère un module ES
+      name: "kelt-ui-kit-react",
+      fileName: "index",
+    },
+    rollupOptions: {
+      external: ["react", "react-dom"],
+    },
+  },
+});

package/package/vite.config.ts.timestamp-1733262892554-a13dfef6e8a29.mjs

@@ -0,0 +1,24 @@
+// vite.config.ts
+import { defineConfig } from "file:///C:/Users/alexandre.pennec/Documents/projets/ui-kit-react/node_modules/vite/dist/node/index.js";
+import checker from "file:///C:/Users/alexandre.pennec/Documents/projets/ui-kit-react/node_modules/vite-plugin-checker/dist/esm/main.js";
+import dts from "file:///C:/Users/alexandre.pennec/Documents/projets/ui-kit-react/node_modules/vite-plugin-dts/dist/index.mjs";
+var vite_config_default = defineConfig({
+  plugins: [dts(), checker({ typescript: true })],
+  build: {
+    lib: {
+      entry: "./src/index.ts",
+      // Remplacer par l'entrée correcte
+      formats: ["es"],
+      // Génère un module ES
+      name: "kelt-ui-kit-react",
+      fileName: "index"
+    },
+    rollupOptions: {
+      external: ["react", "react-dom"]
+    }
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxhbGV4YW5kcmUucGVubmVjXFxcXERvY3VtZW50c1xcXFxwcm9qZXRzXFxcXHVpLWtpdC1yZWFjdFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiQzpcXFxcVXNlcnNcXFxcYWxleGFuZHJlLnBlbm5lY1xcXFxEb2N1bWVudHNcXFxccHJvamV0c1xcXFx1aS1raXQtcmVhY3RcXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL2FsZXhhbmRyZS5wZW5uZWMvRG9jdW1lbnRzL3Byb2pldHMvdWkta2l0LXJlYWN0L3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcclxuaW1wb3J0IGNoZWNrZXIgZnJvbSBcInZpdGUtcGx1Z2luLWNoZWNrZXJcIjtcclxuaW1wb3J0IGR0cyBmcm9tIFwidml0ZS1wbHVnaW4tZHRzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XHJcbiAgcGx1Z2luczogW2R0cygpLCBjaGVja2VyKHsgdHlwZXNjcmlwdDogdHJ1ZSB9KV0sXHJcbiAgYnVpbGQ6IHtcclxuICAgIGxpYjoge1xyXG4gICAgICBlbnRyeTogXCIuL3NyYy9pbmRleC50c1wiLCAvLyBSZW1wbGFjZXIgcGFyIGwnZW50clx1MDBFOWUgY29ycmVjdGVcclxuICAgICAgZm9ybWF0czogW1wiZXNcIl0sIC8vIEdcdTAwRTluXHUwMEU4cmUgdW4gbW9kdWxlIEVTXHJcbiAgICAgIG5hbWU6IFwia2VsdC11aS1raXQtcmVhY3RcIixcclxuICAgICAgZmlsZU5hbWU6IFwiaW5kZXhcIixcclxuICAgIH0sXHJcbiAgICByb2xsdXBPcHRpb25zOiB7XHJcbiAgICAgIGV4dGVybmFsOiBbXCJyZWFjdFwiLCBcInJlYWN0LWRvbVwiXSxcclxuICAgIH0sXHJcbiAgfSxcclxufSk7XHJcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBc1csU0FBUyxvQkFBb0I7QUFDblksT0FBTyxhQUFhO0FBQ3BCLE9BQU8sU0FBUztBQUNoQixJQUFPLHNCQUFRLGFBQWE7QUFBQSxFQUMxQixTQUFTLENBQUMsSUFBSSxHQUFHLFFBQVEsRUFBRSxZQUFZLEtBQUssQ0FBQyxDQUFDO0FBQUEsRUFDOUMsT0FBTztBQUFBLElBQ0wsS0FBSztBQUFBLE1BQ0gsT0FBTztBQUFBO0FBQUEsTUFDUCxTQUFTLENBQUMsSUFBSTtBQUFBO0FBQUEsTUFDZCxNQUFNO0FBQUEsTUFDTixVQUFVO0FBQUEsSUFDWjtBQUFBLElBQ0EsZUFBZTtBQUFBLE1BQ2IsVUFBVSxDQUFDLFNBQVMsV0FBVztBQUFBLElBQ2pDO0FBQUEsRUFDRjtBQUNGLENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==

package/package/vite.config.ts.timestamp-1757847121745-e5a5bf54b81b.mjs

@@ -0,0 +1,28 @@
+// vite.config.ts
+import { defineConfig } from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite/dist/node/index.js";
+import checker from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-checker/dist/esm/main.js";
+import dts from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-dts/dist/index.mjs";
+var vite_config_default = defineConfig({
+  plugins: [dts(), checker({ typescript: true })],
+  server: {
+    port: 2552
+    // Remplace 3000 par le port souhaité
+  },
+  build: {
+    lib: {
+      entry: "./src/index.ts",
+      // Remplacer par l'entrée correcte
+      formats: ["es"],
+      // Génère un module ES
+      name: "kelt-ui-kit-react",
+      fileName: "index"
+    },
+    rollupOptions: {
+      external: ["react", "react-dom"]
+    }
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxsYXVsYXV0dGVcXFxcdHJhdmFpbFxcXFxrZWx0XFxcXHVpLWtpdC1yZWFjdFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiQzpcXFxcVXNlcnNcXFxcbGF1bGF1dHRlXFxcXHRyYXZhaWxcXFxca2VsdFxcXFx1aS1raXQtcmVhY3RcXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL2xhdWxhdXR0ZS90cmF2YWlsL2tlbHQvdWkta2l0LXJlYWN0L3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcclxuaW1wb3J0IGNoZWNrZXIgZnJvbSBcInZpdGUtcGx1Z2luLWNoZWNrZXJcIjtcclxuaW1wb3J0IGR0cyBmcm9tIFwidml0ZS1wbHVnaW4tZHRzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XHJcbiAgcGx1Z2luczogW2R0cygpLCBjaGVja2VyKHsgdHlwZXNjcmlwdDogdHJ1ZSB9KV0sXHJcbiAgc2VydmVyOiB7XHJcbiAgICBwb3J0OiAyNTUyLCAvLyBSZW1wbGFjZSAzMDAwIHBhciBsZSBwb3J0IHNvdWhhaXRcdTAwRTlcclxuICB9LFxyXG4gIGJ1aWxkOiB7XHJcbiAgICBsaWI6IHtcclxuICAgICAgZW50cnk6IFwiLi9zcmMvaW5kZXgudHNcIiwgLy8gUmVtcGxhY2VyIHBhciBsJ2VudHJcdTAwRTllIGNvcnJlY3RlXHJcbiAgICAgIGZvcm1hdHM6IFtcImVzXCJdLCAvLyBHXHUwMEU5blx1MDBFOHJlIHVuIG1vZHVsZSBFU1xyXG4gICAgICBuYW1lOiBcImtlbHQtdWkta2l0LXJlYWN0XCIsXHJcbiAgICAgIGZpbGVOYW1lOiBcImluZGV4XCIsXHJcbiAgICB9LFxyXG4gICAgcm9sbHVwT3B0aW9uczoge1xyXG4gICAgICBleHRlcm5hbDogW1wicmVhY3RcIiwgXCJyZWFjdC1kb21cIl0sXHJcbiAgICB9LFxyXG4gIH0sXHJcbn0pO1xyXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQWtVLFNBQVMsb0JBQW9CO0FBQy9WLE9BQU8sYUFBYTtBQUNwQixPQUFPLFNBQVM7QUFDaEIsSUFBTyxzQkFBUSxhQUFhO0FBQUEsRUFDMUIsU0FBUyxDQUFDLElBQUksR0FBRyxRQUFRLEVBQUUsWUFBWSxLQUFLLENBQUMsQ0FBQztBQUFBLEVBQzlDLFFBQVE7QUFBQSxJQUNOLE1BQU07QUFBQTtBQUFBLEVBQ1I7QUFBQSxFQUNBLE9BQU87QUFBQSxJQUNMLEtBQUs7QUFBQSxNQUNILE9BQU87QUFBQTtBQUFBLE1BQ1AsU0FBUyxDQUFDLElBQUk7QUFBQTtBQUFBLE1BQ2QsTUFBTTtBQUFBLE1BQ04sVUFBVTtBQUFBLElBQ1o7QUFBQSxJQUNBLGVBQWU7QUFBQSxNQUNiLFVBQVUsQ0FBQyxTQUFTLFdBQVc7QUFBQSxJQUNqQztBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=

package/package/vite.config.ts.timestamp-1759742478362-4ac5c5a7db34b.mjs

@@ -0,0 +1,28 @@
+// vite.config.ts
+import { defineConfig } from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite/dist/node/index.js";
+import checker from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-checker/dist/esm/main.js";
+import dts from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-dts/dist/index.mjs";
+var vite_config_default = defineConfig({
+  plugins: [dts(), checker({ typescript: true })],
+  server: {
+    port: 2552
+    // Remplace 3000 par le port souhaité
+  },
+  build: {
+    lib: {
+      entry: "./src/index.ts",
+      // Remplacer par l'entrée correcte
+      formats: ["es"],
+      // Génère un module ES
+      name: "kelt-ui-kit-react",
+      fileName: "index"
+    },
+    rollupOptions: {
+      external: ["react", "react-dom"]
+    }
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxsYXVsYXV0dGVcXFxcdHJhdmFpbFxcXFxrZWx0XFxcXHVpLWtpdC1yZWFjdFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiQzpcXFxcVXNlcnNcXFxcbGF1bGF1dHRlXFxcXHRyYXZhaWxcXFxca2VsdFxcXFx1aS1raXQtcmVhY3RcXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL2xhdWxhdXR0ZS90cmF2YWlsL2tlbHQvdWkta2l0LXJlYWN0L3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcclxuaW1wb3J0IGNoZWNrZXIgZnJvbSBcInZpdGUtcGx1Z2luLWNoZWNrZXJcIjtcclxuaW1wb3J0IGR0cyBmcm9tIFwidml0ZS1wbHVnaW4tZHRzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XHJcbiAgcGx1Z2luczogW2R0cygpLCBjaGVja2VyKHsgdHlwZXNjcmlwdDogdHJ1ZSB9KV0sXHJcbiAgc2VydmVyOiB7XHJcbiAgICBwb3J0OiAyNTUyLCAvLyBSZW1wbGFjZSAzMDAwIHBhciBsZSBwb3J0IHNvdWhhaXRcdTAwRTlcclxuICB9LFxyXG4gIGJ1aWxkOiB7XHJcbiAgICBsaWI6IHtcclxuICAgICAgZW50cnk6IFwiLi9zcmMvaW5kZXgudHNcIiwgLy8gUmVtcGxhY2VyIHBhciBsJ2VudHJcdTAwRTllIGNvcnJlY3RlXHJcbiAgICAgIGZvcm1hdHM6IFtcImVzXCJdLCAvLyBHXHUwMEU5blx1MDBFOHJlIHVuIG1vZHVsZSBFU1xyXG4gICAgICBuYW1lOiBcImtlbHQtdWkta2l0LXJlYWN0XCIsXHJcbiAgICAgIGZpbGVOYW1lOiBcImluZGV4XCIsXHJcbiAgICB9LFxyXG4gICAgcm9sbHVwT3B0aW9uczoge1xyXG4gICAgICBleHRlcm5hbDogW1wicmVhY3RcIiwgXCJyZWFjdC1kb21cIl0sXHJcbiAgICB9LFxyXG4gIH0sXHJcbn0pO1xyXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQWtVLFNBQVMsb0JBQW9CO0FBQy9WLE9BQU8sYUFBYTtBQUNwQixPQUFPLFNBQVM7QUFDaEIsSUFBTyxzQkFBUSxhQUFhO0FBQUEsRUFDMUIsU0FBUyxDQUFDLElBQUksR0FBRyxRQUFRLEVBQUUsWUFBWSxLQUFLLENBQUMsQ0FBQztBQUFBLEVBQzlDLFFBQVE7QUFBQSxJQUNOLE1BQU07QUFBQTtBQUFBLEVBQ1I7QUFBQSxFQUNBLE9BQU87QUFBQSxJQUNMLEtBQUs7QUFBQSxNQUNILE9BQU87QUFBQTtBQUFBLE1BQ1AsU0FBUyxDQUFDLElBQUk7QUFBQTtBQUFBLE1BQ2QsTUFBTTtBQUFBLE1BQ04sVUFBVTtBQUFBLElBQ1o7QUFBQSxJQUNBLGVBQWU7QUFBQSxNQUNiLFVBQVUsQ0FBQyxTQUFTLFdBQVc7QUFBQSxJQUNqQztBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kelt-ui-kit-react",
   "type": "module",
-  "version": "1.8.2",
+  "version": "1.8.3",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/_core/type/generiqueType.tsx

@@ -0,0 +1,4 @@
+export interface EnumerableType {
+  label: string;
+  value: string;
+}

package/src/badge/Badge.tsx

@@ -6,13 +6,17 @@ export type BadgeInterface = {
   className?: string;
   onClick?: (e: React.MouseEvent) => void;
   title?: string;
+  color?: string;
+  onRemove?: (e: React.MouseEvent) => void;
   sizeIcon?: IconSizeEnum;
   classIcon?: string;
 };
 export const Badge = ({
   className,
   onClick,
+  color,
   title,
+  onRemove,
   sizeIcon,
   classIcon,
 }: BadgeInterface) => {
@@ -25,10 +29,14 @@ export const Badge = ({
   return (
     <div
       onClick={handleClick}
-      className={`badge ${className ? className : ""}`}
+      style={{
+        ...(color ? { backgroundColor: color } : {}),
+      }}
+      className={`badge ${className ? className : ""} ${onRemove && "cursor-pointer"}`}
     >
       {classIcon && <Icon size={sizeIcon} classIcon={classIcon}></Icon>}
       <span>{title}</span>
+      {onRemove && <Icon classIcon="bi-x" onClick={onRemove} />}
     </div>
   );
 };

package/src/badge/badge.css

@@ -15,6 +15,10 @@
     font-size: 0.8rem;
     margin-right: 0.25rem;
   }
+  .bi-x {
+    font-size: 1rem;
+    margin-right: 0;
+  }
   &.badge-primary {
     background-color: var(--primary-color);
     border-color: var(--primary-color);

package/src/button/Button.tsx

@@ -14,7 +14,7 @@ export const Button = ({
   positionicon = 1,
   disabled = false,
 }: ButtonInterface) => {
-  const handleClick = (e: React.MouseEvent) => {
+  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
     e.stopPropagation();
     if (onClick) {
       onClick(e);

package/src/button/button.interface.tsx

@@ -5,7 +5,7 @@ export interface ButtonInterface {
   className?: string;
   badge?: BadgeInterface;
   id?: string;
-  onClick?: (e: React.MouseEvent) => void;
+  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
   title: string;
   classIcon?: string;
   positionicon?: number;

package/src/card/card.css

@@ -19,9 +19,12 @@
     bottom: 0;
     pointer-events: none;
   }
-  .bi-three-dots-vertical {
+
+  .bi-three-dots-vertical,
+  .bi-filter {
     display: none;
   }
+
   .card-custom-action {
     display: flex;
     flex: 1;
@@ -32,21 +35,25 @@
   .bi-trash3 {
     font-size: 1rem;
   }
+
   .card-text {
     width: 100%;
   }
+
   .card-footer {
     display: flex;
     flex: 1;
     align-items: center;
     justify-content: space-between;
   }
+
   &.card--horizontal {
     display: flex;
     flex-direction: row;
     align-items: center;
     min-height: 56px;
     max-width: initial;
+
     .card-img {
       margin-right: 0.5rem;
     }
@@ -60,11 +67,13 @@
       width: calc(100% - 20px);
       margin-bottom: 1rem;
     }
+
     .card-action {
       position: absolute;
       right: 10px;
       top: 10px;
     }
+
     .card-prix {
       flex: 1;
       display: flex;
@@ -97,44 +106,55 @@
     display: none;
   }
 }
+
 @container (min-width: 992px) {
   .card {
     .card-custom-action {
       justify-content: end;
     }
-    .bi-three-dots-vertical {
+
+    .bi-three-dots-vertical,
+    .bi-filter {
       display: block;
     }
+
     .bi-three-dots {
       display: none;
     }
+
     &.card--horizontal {
       .card-actions {
         margin-left: 0.5rem;
       }
+
       .card-footer {
         display: flex;
         flex: 1;
         justify-content: space-between;
       }
+
       .card-text {
         width: 300px;
         display: flex;
         align-items: center;
       }
+
       .card-content {
         display: flex;
       }
+
       .card-title {
         min-width: auto;
         width: auto;
         margin-right: 1rem;
         margin-bottom: 0;
       }
+
       .card-prix {
         flex: inherit;
         min-width: auto;
       }
+
       .card-action {
         position: relative;
         right: initial;
@@ -142,4 +162,4 @@
       }
     }
   }
-}
+}

package/src/card/cardAction/CardAction.tsx

@@ -36,7 +36,7 @@ export const CardAction = ({
     setCoords?: (coords: { top: number; left: number }) => void;
   }>(null);
   const [position, setPosition] = useState<PositionOverlay | undefined>(
-    positionOverlay
+    positionOverlay,
   );
   const refButton = useRef<HTMLDivElement>(null);
   const [openOverlay, setOpenOverlay] = useState(openActions ?? false);
@@ -56,7 +56,7 @@ export const CardAction = ({
         setOpenActions(openOverlay);
       }
     },
-    [setPosition, setOpenActions]
+    [setPosition, setOpenActions],
   );
 
   const closeOverlay = useCallback(() => {
@@ -107,11 +107,11 @@ export const CardAction = ({
       >
         <Icon
           size={IconSizeEnum.MEDIUM}
-          classIcon={"bi-three-dots-vertical cursor-pointer"}
+          classIcon={"bi-filter cursor-pointer"}
         />
         <Icon
           size={IconSizeEnum.MEDIUM}
-          classIcon={"bi-three-dots cursor-pointer"}
+          classIcon={"bi-filter cursor-pointer"}
         />
       </div>