@axa-fr/canopee-react 1.7.1-alpha.33 → 1.7.1-alpha.35

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitution.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentProps, type PropsWithChildren } from "react";
+import { type ExperimentalRestitutionHeaderProps } from "./ExperimentalRestitutionHeader";
+export type ExperimentalRestitutionProps = PropsWithChildren & (ExperimentalRestitutionHeaderProps | Record<string, never>) & ComponentProps<"article">;
+export declare const ExperimentalRestitution: ({ title, children, rightElement, subtitle, className, ...otherProps }: ExperimentalRestitutionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitution.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { getClassName } from "../../utilities/helpers/getClassName";
+import { ExperimentalRestitutionHeader, } from "./ExperimentalRestitutionHeader";
+export const ExperimentalRestitution = ({ title, children, rightElement, subtitle, className, ...otherProps }) => {
+    const headerId = useId();
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution",
+        className,
+    });
+    return (_jsxs("article", { className: componentClassName, "aria-labelledby": headerId, ...otherProps, children: [title ? (_jsx(ExperimentalRestitutionHeader, { rightElement: rightElement, subtitle: subtitle, title: title, id: headerId })) : null, _jsx("div", { className: "experimental-af-restitution__content", children: children })] }));
+};

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionColumn.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps, PropsWithChildren } from "react";
+export type ExperimentalRestitutionColumnProps = PropsWithChildren & ComponentProps<"div">;
+export declare const ExperimentalRestitutionColumn: ({ children, className, ...props }: ExperimentalRestitutionColumnProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionColumn.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionColumn = ({ children, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__column",
+        className,
+    });
+    return (_jsx("div", { className: componentClassName, ...props, children: children }));
+};

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionHeader.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentProps, ReactNode } from "react";
+export type ExperimentalRestitutionHeaderProps = {
+    /**
+     * The title of the restitution, which will be displayed in the header. This prop is required and should be a ReactNode, allowing for flexibility in the content that can be displayed as the title (e.g., string, JSX elements, etc.).
+     * If this prop is not provided, the header will not be displayed, and the restitution will only consist of its content without a header section.
+     */
+    title: ReactNode;
+    /** An optional subtitle to provide additional context or information about the restitution. It is displayed below the title in a smaller font size. */
+    subtitle?: ReactNode;
+    /**
+     * An optional element to display on the right side of the header. It can be used for actions, links, or any other content that complements the title and subtitle.
+     */
+    rightElement?: ReactNode;
+};
+export type ExperimentalRestitutionHeaderPropsWithId = ExperimentalRestitutionHeaderProps & {
+    id?: string;
+} & ComponentProps<"div">;
+export declare const ExperimentalRestitutionHeader: ({ title, rightElement, subtitle, id, className, ...props }: ExperimentalRestitutionHeaderPropsWithId) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionHeader.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionHeader = ({ title, rightElement, subtitle, id, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__header",
+        className,
+    });
+    return (_jsxs("div", { className: componentClassName, ...props, children: [_jsxs("header", { className: "experimental-af-restitution__header-left", id: id, children: [_jsx("h3", { className: "experimental-af-restitution__title", children: title }), subtitle ? (_jsx("p", { className: "experimental-af-restitution__subtitle", children: subtitle })) : null] }), rightElement ? (_jsx("div", { className: "experimental-af-restitution__header-right", children: rightElement })) : null] }));
+};

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionLabel.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps, PropsWithChildren } from "react";
+export type ExperimentalRestitutionLabelProps = PropsWithChildren<ComponentProps<"dt">>;
+export declare const ExperimentalRestitutionLabel: ({ children, className, ...props }: ExperimentalRestitutionLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionLabel.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionLabel = ({ children, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__listdef-item",
+        className,
+    });
+    return (_jsx("dt", { className: componentClassName, ...props, children: children }));
+};

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionLabelValue.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps, ReactNode } from "react";
+export type ExperimentalRestitutionLabelValueProps = {
+    label: ReactNode;
+    value: ReactNode;
+    labelProps?: ComponentProps<"dt">;
+    valueProps?: ComponentProps<"dd">;
+};
+export declare const ExperimentalRestitutionLabelValue: ({ label, value, labelProps, valueProps, }: ExperimentalRestitutionLabelValueProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionLabelValue.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExperimentalRestitutionLabel } from "./ExperimentalRestitutionLabel";
+import { ExperimentalRestitutionValue } from "./ExperimentalRestitutionValue";
+export const ExperimentalRestitutionLabelValue = ({ label, value, labelProps, valueProps, }) => (_jsxs(_Fragment, { children: [_jsx(ExperimentalRestitutionLabel, { ...labelProps, children: label }), _jsx(ExperimentalRestitutionValue, { ...valueProps, children: value })] }));

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionListDef.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps, PropsWithChildren } from "react";
+export type ExperimentalRestitutionListDefProps = PropsWithChildren<ComponentProps<"dl">>;
+export declare const ExperimentalRestitutionListDef: ({ children, className, ...props }: ExperimentalRestitutionListDefProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionListDef.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionListDef = ({ children, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__listdef",
+        className,
+    });
+    return (_jsx("dl", { className: componentClassName, ...props, children: children }));
+};

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionRow.d.ts

@@ -0,0 +1,3 @@
+import type { PropsWithChildren } from "react";
+export type ExperimentalRestitutionRowProps = PropsWithChildren & React.HTMLAttributes<HTMLDivElement>;
+export declare const ExperimentalRestitutionRow: ({ children, className, ...props }: ExperimentalRestitutionRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionRow.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionRow = ({ children, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__row",
+        className,
+    });
+    return (_jsx("div", { className: componentClassName, ...props, children: children }));
+};

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionSection.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentProps, type PropsWithChildren, type ReactNode } from "react";
+export type ExperimentalRestitutionSectionProps = PropsWithChildren<{
+    title: ReactNode;
+    children: ReactNode;
+}> & ComponentProps<"section">;
+export declare const ExperimentalRestitutionSection: ({ title, children, className, ...props }: ExperimentalRestitutionSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionSection.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, } from "react";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionSection = ({ title, children, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__section",
+        className,
+    });
+    const id = useId();
+    return (_jsxs("section", { className: componentClassName, "aria-labelledby": id, ...props, children: [_jsx("h2", { id: id, className: "experimental-af-restitution__section-title", children: title }), _jsx("div", { className: "experimental-af-restitution__row-content", children: children })] }));
+};

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionValue.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps, PropsWithChildren } from "react";
+export type ExperimentalRestitutionValueProps = PropsWithChildren & ComponentProps<"dd">;
+export declare const ExperimentalRestitutionValue: ({ children, className, ...props }: ExperimentalRestitutionValueProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionValue.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionValue = ({ children, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__listdef-value",
+        className,
+    });
+    return (_jsx("dd", { className: componentClassName, ...props, children: children }));
+};

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionValueList.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+export type ExperimentalRestitutionValueListProps = {
+    items: ReactNode[];
+} & React.ComponentProps<"ul">;
+export declare const ExperimentalRestitutionValueList: ({ items, className, ...props }: ExperimentalRestitutionValueListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Experimental/Restitution/ExperimentalRestitutionValueList.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../../utilities/helpers/getClassName";
+export const ExperimentalRestitutionValueList = ({ items, className, ...props }) => {
+    const componentClassName = getClassName({
+        baseClassName: "experimental-af-restitution__listdef-value-list",
+        className,
+    });
+    return (_jsx("ul", { className: componentClassName, ...props, children: items.map((item) => (_jsx("li", { children: item }, null))) }));
+};

package/dist/distributeur/Experimental/Restitution.d.ts

@@ -0,0 +1,20 @@
+import "@axa-fr/canopee-css/distributeur/Restitution/ExperimentalRestitution.css";
+export { ExperimentalRestitution } from "./Restitution/ExperimentalRestitution";
+export type { ExperimentalRestitutionProps } from "./Restitution/ExperimentalRestitution";
+export { ExperimentalRestitutionColumn } from "./Restitution/ExperimentalRestitutionColumn";
+export type { ExperimentalRestitutionColumnProps } from "./Restitution/ExperimentalRestitutionColumn";
+export type { ExperimentalRestitutionHeaderProps, ExperimentalRestitutionHeaderPropsWithId, } from "./Restitution/ExperimentalRestitutionHeader";
+export { ExperimentalRestitutionLabel } from "./Restitution/ExperimentalRestitutionLabel";
+export type { ExperimentalRestitutionLabelProps } from "./Restitution/ExperimentalRestitutionLabel";
+export { ExperimentalRestitutionLabelValue } from "./Restitution/ExperimentalRestitutionLabelValue";
+export type { ExperimentalRestitutionLabelValueProps } from "./Restitution/ExperimentalRestitutionLabelValue";
+export { ExperimentalRestitutionListDef } from "./Restitution/ExperimentalRestitutionListDef";
+export type { ExperimentalRestitutionListDefProps } from "./Restitution/ExperimentalRestitutionListDef";
+export { ExperimentalRestitutionRow } from "./Restitution/ExperimentalRestitutionRow";
+export { ExperimentalRestitutionSection } from "./Restitution/ExperimentalRestitutionSection";
+export type { ExperimentalRestitutionRowProps } from "./Restitution/ExperimentalRestitutionRow";
+export type { ExperimentalRestitutionSectionProps } from "./Restitution/ExperimentalRestitutionSection";
+export { ExperimentalRestitutionValue } from "./Restitution/ExperimentalRestitutionValue";
+export type { ExperimentalRestitutionValueProps } from "./Restitution/ExperimentalRestitutionValue";
+export { ExperimentalRestitutionValueList } from "./Restitution/ExperimentalRestitutionValueList";
+export type { ExperimentalRestitutionValueListProps } from "./Restitution/ExperimentalRestitutionValueList";

package/dist/distributeur/Experimental/Restitution.js

@@ -0,0 +1,10 @@
+import "@axa-fr/canopee-css/distributeur/Restitution/ExperimentalRestitution.css";
+export { ExperimentalRestitution } from "./Restitution/ExperimentalRestitution";
+export { ExperimentalRestitutionColumn } from "./Restitution/ExperimentalRestitutionColumn";
+export { ExperimentalRestitutionLabel } from "./Restitution/ExperimentalRestitutionLabel";
+export { ExperimentalRestitutionLabelValue } from "./Restitution/ExperimentalRestitutionLabelValue";
+export { ExperimentalRestitutionListDef } from "./Restitution/ExperimentalRestitutionListDef";
+export { ExperimentalRestitutionRow } from "./Restitution/ExperimentalRestitutionRow";
+export { ExperimentalRestitutionSection } from "./Restitution/ExperimentalRestitutionSection";
+export { ExperimentalRestitutionValue } from "./Restitution/ExperimentalRestitutionValue";
+export { ExperimentalRestitutionValueList } from "./Restitution/ExperimentalRestitutionValueList";

package/dist/distributeur/Restitution/SectionRestitutionRow.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
 import { getClassName } from "../utilities/helpers/getClassName";
 import { SectionRestitutionTitle } from "./SectionRestitutionTitle";
-const DEFAULT_CLASSNAME = "col col-sm-12 col-md-12 col-lg-12 col-xl-12";
+const DEFAULT_CLASSNAME = "af-restitution__content-row";
 export const SectionRestitutionRow = ({ title, className, classNameContainer = "row af-restitution__content-left", children, classModifier, }) => {
     const baseClassName = className
         ? getClassName({

package/dist/distributeur-experimental.d.ts

@@ -1 +1,2 @@
+export * from "./distributeur/Experimental/Restitution";
 export * from "./distributeur/Form/Experimental";

package/dist/distributeur-experimental.js

@@ -1 +1,2 @@
+export * from "./distributeur/Experimental/Restitution";
 export * from "./distributeur/Form/Experimental";

package/dist/distributeur.d.ts

@@ -4,6 +4,7 @@ import "@axa-fr/canopee-css/distributeur/common/reboot.css";
 import "@axa-fr/canopee-css/distributeur/common/tokens.css";
 import "@axa-fr/canopee-css/distributeur/Form/core/FormCore.css";
 import "@fontsource/source-sans-pro/400.css";
+import "@fontsource/source-sans-pro/600.css";
 import "@fontsource/source-sans-pro/700.css";
 import { Message } from "./distributeur/Messages/Message";
 import { Tag } from "./distributeur/Tag/Tag";

package/dist/distributeur.js

@@ -4,6 +4,7 @@ import "@axa-fr/canopee-css/distributeur/common/reboot.css";
 import "@axa-fr/canopee-css/distributeur/common/tokens.css";
 import "@axa-fr/canopee-css/distributeur/Form/core/FormCore.css";
 import "@fontsource/source-sans-pro/400.css";
+import "@fontsource/source-sans-pro/600.css";
 import "@fontsource/source-sans-pro/700.css";
 import { Message } from "./distributeur/Messages/Message";
 import { Tag } from "./distributeur/Tag/Tag";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "1.7.1-alpha.33",
+  "version": "1.7.1-alpha.35",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -18,6 +18,10 @@
     "./prospect": {
       "import": "./dist/prospect.js",
       "types": "./dist/prospect.d.ts"
+    },
+    "./distributeur-experimental": {
+      "import": "./dist/distributeur-experimental.js",
+      "types": "./dist/distributeur-experimental.d.ts"
     }
   },
   "files": [
@@ -49,7 +53,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "1.7.1-alpha.33",
+    "@axa-fr/canopee-css": "1.7.1-alpha.35",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 18"