@axa-fr/canopee-react 1.3.0 → 1.3.1-alpha.2

package/dist/prospect-client/ClickIcon/ClickIconCommon.d.ts

@@ -1,9 +1,12 @@
-import { ComponentPropsWithRef } from "react";
-import { IconVariants } from "../Icon/IconCommon";
+import { type ComponentPropsWithRef } from "react";
+import { IconVariants, IconSizeVariants } from "../Icon/IconCommon";
+export type ClickIconVariant = "default" | "ghost";
 export type ClickIconProps = ComponentPropsWithRef<"button"> & {
     src: string;
     className?: string;
     iconVariant?: IconVariants;
     iconClassName?: string;
+    size?: IconSizeVariants;
+    variant?: ClickIconVariant;
 };
-export declare const ClickIcon: ({ src, className, iconVariant, iconClassName, ...props }: ClickIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClickIcon: ({ src, className, iconVariant, iconClassName, size, variant, ...props }: ClickIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/ClickIcon/ClickIconCommon.js

@@ -1,3 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon } from "../Icon/IconCommon";
-export const ClickIcon = ({ src, className, iconVariant = "primary", iconClassName, ...props }) => (_jsx("button", { type: "button", className: ["af-click-icon", className].filter(Boolean).join(" "), disabled: iconVariant === "disabled", ...props, children: _jsx(Icon, { src: src, variant: iconVariant, className: iconClassName }) }));
+import { Icon, iconSizeVariants, } from "../Icon/IconCommon";
+import { getClassName } from "../utilities/getClassName";
+export const ClickIcon = ({ src, className, iconVariant = "primary", iconClassName, size = "S", variant = "default", ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-click-icon",
+        modifiers: [variant, iconSizeVariants[size]],
+        className,
+    });
+    return (_jsx("button", { type: "button", className: componentClassName, disabled: iconVariant === "disabled", ...props, children: _jsx(Icon, { src: src, variant: iconVariant, className: iconClassName, size: size }) }));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "1.3.0",
+  "version": "1.3.1-alpha.2",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -45,7 +45,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "1.3.0",
+    "@axa-fr/canopee-css": "1.3.1-alpha.2",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 18"