@axa-fr/canopee-react 1.2.1-alpha.14 → 1.2.1-alpha.16

package/dist/client.d.ts

@@ -2,6 +2,7 @@ import "@axa-fr/canopee-css/client/common/rebootLF.css";
 import "@axa-fr/canopee-css/client/common/tokensLF.css";
 import "@axa-fr/canopee-css/client/Grid/Grid.css";
 import "@fontsource/source-sans-pro";
+export { AccordionContextual, accordionContextualVariants, type AccordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualLF";
 export { Accordion, accordionVariants, type AccordionVariants, } from "./prospect-client/Accordion/AccordionLF";
 export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreLF";
 export { BasePicture } from "./prospect-client/BasePicture/BasePicture";

package/dist/client.js

@@ -2,6 +2,7 @@ import "@axa-fr/canopee-css/client/common/rebootLF.css";
 import "@axa-fr/canopee-css/client/common/tokensLF.css";
 import "@axa-fr/canopee-css/client/Grid/Grid.css";
 import "@fontsource/source-sans-pro";
+export { AccordionContextual, accordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualLF";
 export { Accordion, accordionVariants, } from "./prospect-client/Accordion/AccordionLF";
 export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreLF";
 export { BasePicture } from "./prospect-client/BasePicture/BasePicture";

package/dist/prospect-client/AccordionContextual/AccordionContextualApollo.d.ts

@@ -0,0 +1,4 @@
+import { type AccordionContextualProps } from "./AccordionContextualCommon";
+import "@axa-fr/canopee-css/prospect/AccordionContextual/AccordionContextualApollo.css";
+export declare const AccordionContextual: (props: AccordionContextualProps) => import("react/jsx-runtime").JSX.Element;
+export { type AccordionContextualVariants, accordionContextualVariants, } from "./AccordionContextualCommon";

package/dist/prospect-client/AccordionContextual/AccordionContextualApollo.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AccordionCore } from "../AccordionCore/AccordionCoreApollo";
+import { Icon } from "../Icon/IconApollo";
+import { AccordionContextualCommon, } from "./AccordionContextualCommon";
+import "@axa-fr/canopee-css/prospect/AccordionContextual/AccordionContextualApollo.css";
+export const AccordionContextual = (props) => (_jsx(AccordionContextualCommon, { ...props, AccordionCoreComponent: AccordionCore, IconComponent: Icon }));
+export { accordionContextualVariants, } from "./AccordionContextualCommon";

package/dist/prospect-client/AccordionContextual/AccordionContextualCommon.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentType } from "react";
+import type { IconProps } from "../Icon/IconCommon";
+import type { AccordionCoreProps } from "../AccordionCore/AccordionCoreCommon";
+export declare const accordionContextualVariants: {
+    readonly info: "info";
+    readonly warning: "warning";
+    readonly reverse: "reverse";
+};
+export type AccordionContextualVariants = (typeof accordionContextualVariants)[keyof typeof accordionContextualVariants];
+export type AccordionContextualProps = {
+    variant?: AccordionContextualVariants;
+    title: string;
+    icon?: string;
+} & Omit<AccordionCoreProps, "summary">;
+type AccordionContextualCommonProps = AccordionContextualProps & {
+    AccordionCoreComponent: ComponentType<AccordionCoreProps>;
+    IconComponent: ComponentType<IconProps>;
+};
+export declare const AccordionContextualCommon: ({ variant, className, children, icon, title, AccordionCoreComponent, IconComponent, ...accordionCoreProps }: AccordionContextualCommonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/AccordionContextual/AccordionContextualCommon.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const accordionContextualVariants = {
+    info: "info",
+    warning: "warning",
+    reverse: "reverse",
+};
+const getIconVariant = (variant) => {
+    if (variant === "info")
+        return "primary";
+    if (variant === "warning")
+        return "error";
+    if (variant === "reverse")
+        return "secondary";
+    return undefined;
+};
+export const AccordionContextualCommon = ({ variant = accordionContextualVariants.info, className, children, icon, title, AccordionCoreComponent, IconComponent, ...accordionCoreProps }) => (_jsx(AccordionCoreComponent, { className: getClassName({
+        baseClassName: "af-apollo-accordion-contextual",
+        modifiers: [variant],
+        className,
+    }), showArrowAsClickIcon: false, arrowIconVariant: getIconVariant(variant), summary: _jsxs(_Fragment, { children: [icon ? (_jsx(IconComponent, { role: "presentation", src: icon, variant: getIconVariant(variant), size: "S", className: "af-accordion__icon" })) : null, _jsx("p", { className: "af-accordion__title", children: title })] }), ...accordionCoreProps, children: children }));

package/dist/prospect-client/AccordionContextual/AccordionContextualLF.d.ts

@@ -0,0 +1,4 @@
+import { type AccordionContextualProps } from "./AccordionContextualCommon";
+import "@axa-fr/canopee-css/client/AccordionContextual/AccordionContextualLF.css";
+export declare const AccordionContextual: (props: AccordionContextualProps) => import("react/jsx-runtime").JSX.Element;
+export { type AccordionContextualVariants, accordionContextualVariants, } from "./AccordionContextualCommon";

package/dist/prospect-client/AccordionContextual/AccordionContextualLF.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AccordionCore } from "../AccordionCore/AccordionCoreLF";
+import { AccordionContextualCommon, } from "./AccordionContextualCommon";
+import { Icon } from "../Icon/IconCommon";
+import "@axa-fr/canopee-css/client/AccordionContextual/AccordionContextualLF.css";
+export const AccordionContextual = (props) => (_jsx(AccordionContextualCommon, { ...props, AccordionCoreComponent: AccordionCore, IconComponent: Icon }));
+export { accordionContextualVariants, } from "./AccordionContextualCommon";

package/dist/prospect-client/AccordionCore/AccordionCoreCommon.d.ts

@@ -9,9 +9,11 @@ export type AccordionCoreProps = {
     isOpen?: boolean;
     summaryProps?: Omit<ComponentProps<"summary">, "onClick">;
     onClick?: SummaryOnClick;
+    showArrowAsClickIcon?: boolean;
+    arrowIconVariant?: IconProps["variant"];
 } & ComponentProps<"details">;
 export type AccordionPropsCommonProps = AccordionCoreProps & {
     IconComponent: ComponentType<IconProps>;
 };
-export declare const AccordionCoreCommon: ({ summary, children, className, summaryProps, isOpen, IconComponent, onClick, ...detailsProps }: AccordionPropsCommonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionCoreCommon: ({ summary, children, className, summaryProps, isOpen, IconComponent, onClick, showArrowAsClickIcon, arrowIconVariant, ...detailsProps }: AccordionPropsCommonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/prospect-client/AccordionCore/AccordionCoreCommon.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, } from "react";
 import keyboardDown from "@material-symbols/svg-400/rounded/keyboard_arrow_down-fill.svg";
 import { getClassName } from "../utilities/getClassName";
-export const AccordionCoreCommon = ({ summary, children, className, summaryProps, isOpen = false, IconComponent, onClick, ...detailsProps }) => {
+export const AccordionCoreCommon = ({ summary, children, className, summaryProps, isOpen = false, IconComponent, onClick, showArrowAsClickIcon = true, arrowIconVariant, ...detailsProps }) => {
     const handleSummaryClick = useCallback((event) => {
         if (onClick) {
             event.preventDefault();
@@ -17,6 +17,6 @@ export const AccordionCoreCommon = ({ summary, children, className, summaryProps
                     className: summaryProps?.className,
                 }), children: [summary, _jsx("div", { className: getClassName({
                             baseClassName: "af-accordion__arrow",
-                            className: "af-click-icon",
-                        }), children: _jsx(IconComponent, { src: keyboardDown, role: "presentation" }) })] }), children] }));
+                            className: showArrowAsClickIcon ? "af-click-icon" : "",
+                        }), children: _jsx(IconComponent, { src: keyboardDown, role: "presentation", variant: arrowIconVariant }) })] }), children] }));
 };

package/dist/prospect-client/Icon/IconCommon.d.ts

@@ -4,6 +4,9 @@ export declare const iconVariants: {
     readonly primary: "primary";
     readonly secondary: "secondary";
     readonly disabled: "disabled";
+    readonly success: "success";
+    readonly error: "error";
+    readonly warning: "warning";
 };
 export type IconVariants = keyof typeof iconVariants;
 export declare const iconSizeVariants: {

package/dist/prospect-client/Icon/IconCommon.js

@@ -6,6 +6,9 @@ export const iconVariants = {
     primary: "primary",
     secondary: "secondary",
     disabled: "disabled",
+    success: "success",
+    error: "error",
+    warning: "warning",
 };
 export const iconSizeVariants = {
     L: "large",

package/dist/prospect.d.ts

@@ -2,6 +2,7 @@ import "@axa-fr/canopee-css/prospect/common/reboot.css";
 import "@axa-fr/canopee-css/prospect/common/tokens.css";
 import "@axa-fr/canopee-css/prospect/Grid/Grid.css";
 import "@fontsource/source-sans-pro";
+export { AccordionContextual, accordionContextualVariants, type AccordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualApollo";
 export { Accordion, accordionVariants, type AccordionVariants, } from "./prospect-client/Accordion/AccordionApollo";
 export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreApollo";
 export { BasePicture } from "./prospect-client/BasePicture/BasePicture";

package/dist/prospect.js

@@ -2,6 +2,7 @@ import "@axa-fr/canopee-css/prospect/common/reboot.css";
 import "@axa-fr/canopee-css/prospect/common/tokens.css";
 import "@axa-fr/canopee-css/prospect/Grid/Grid.css";
 import "@fontsource/source-sans-pro";
+export { AccordionContextual, accordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualApollo";
 export { Accordion, accordionVariants, } from "./prospect-client/Accordion/AccordionApollo";
 export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreApollo";
 export { BasePicture } from "./prospect-client/BasePicture/BasePicture";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "1.2.1-alpha.14",
+  "version": "1.2.1-alpha.16",
   "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.2.1-alpha.14",
+    "@axa-fr/canopee-css": "1.2.1-alpha.16",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 18"