@axa-fr/canopee-react 2.0.0-alpha.3 → 2.0.0-alpha.30

package/dist/prospect.js

@@ -5,9 +5,10 @@ import "@fontsource/source-sans-pro";
 export { Accordion, accordionVariants, } from "./prospect-client/Accordion/AccordionApollo";
 export { AccordionContextual, accordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualApollo";
 export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreApollo";
+export { AppName } from "./prospect-client/AppName/AppName";
 export { BasePicture } from "./prospect-client/BasePicture/BasePicture";
 export { Button, buttonVariants, } from "./prospect-client/Button/ButtonApollo";
-export { Card } from "./prospect-client/Card/CardApollo";
+export { Card, cardVariants, } from "./prospect-client/Card/CardApollo";
 export { CardMessage, cardMessageVariants, } from "./prospect-client/CardMessage/CardMessageApollo";
 export { ClickIcon } from "./prospect-client/ClickIcon/ClickIconApollo";
 export { ContentItemDuoAction, } from "./prospect-client/ContentItemDuoAction/ContentItemDuoActionApollo";
@@ -15,9 +16,7 @@ export { ContentItemMono } from "./prospect-client/ContentItemMono/ContentItemMo
 export { DataAgent, } from "./prospect-client/DataAgent/DataAgentApollo";
 export { Divider } from "./prospect-client/Divider/DividerApollo";
 export { Fieldset, } from "./prospect-client/Fieldset/FieldsetApollo";
-export { CardCheckbox, 
-/** @deprecated Use `CardCheckbox` instead. */
-CardCheckbox as CheckboxCard, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxApollo";
+export { CardCheckbox } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxApollo";
 export { CardCheckboxOption } from "./prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo";
 export { Checkbox } from "./prospect-client/Form/Checkbox/Checkbox/CheckboxApollo";
 export { CheckboxText } from "./prospect-client/Form/Checkbox/CheckboxText/CheckboxTextApollo";
@@ -32,6 +31,7 @@ export { InputText } from "./prospect-client/Form/InputText/InputTextApollo";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomApollo";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage, itemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageApollo";
+export { ItemMultiSelect, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo";
 export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioApollo";
 export { CardRadioGroup } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupApollo";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioApollo";
@@ -39,11 +39,13 @@ export { RadioText, } from "./prospect-client/Form/Radio/RadioText/RadioTextApol
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaApollo";
 export { DebugGrid } from "./prospect-client/Grid/DebugGridApollo";
 export { Heading, } from "./prospect-client/Heading/HeadingApollo";
+export { Header, } from "./prospect-client/Header/HeaderApollo";
 export { Icon, iconSizeVariants, iconVariants, } from "./prospect-client/Icon/IconApollo";
 export { ItemTabBar, } from "./prospect-client/ItemTabBar/ItemTabBarApollo";
 export { ItemMenu, } from "./prospect-client/ItemMenu/ItemMenuApollo";
+export { MenuBurger, } from "./prospect-client/MenuBurger/MenuBurgerApollo";
 export { TabMenu } from "./prospect-client/TabMenu/TabMenu";
-export { ExitLayout, } from "./prospect-client/Layout/ExitLayout/ExitLayoutApollo";
+export { ExitLayout, ExitLayoutSkeleton, } from "./prospect-client/Layout/ExitLayout/ExitLayoutApollo";
 export { Footer, } from "./prospect-client/Layout/Footer/FooterApollo";
 export { FormLayout, } from "./prospect-client/Layout/FormLayout/FormLayout";
 export { LevelSelector, } from "./prospect-client/LevelSelector/LevelSelectorApollo";
@@ -61,7 +63,8 @@ export { ItemPagination, } from "./prospect-client/Pagination/ItemPagination/Ite
 export { Pagination } from "./prospect-client/Pagination/PaginationApollo";
 export { ProgressBar } from "./prospect-client/ProgressBar/ProgressBarApollo";
 export { ProgressBarGroup } from "./prospect-client/ProgressBarGroup/ProgressBarGroupApollo";
-export { Skeleton, } from "./prospect-client/Skeleton/SkeletonApollo";
+export { Skeleton, skeletonSizeVariants, skeletonVariants, } from "./prospect-client/Skeleton/Skeleton";
+export { SkeletonGrid, } from "./prospect-client/SkeletonGrid/SkeletonGrid";
 export { SkeletonList, } from "./prospect-client/SkeletonList/SkeletonListApollo";
 export { Spinner, spinnerVariants, } from "./prospect-client/Spinner/SpinnerApollo";
 export { Stepper } from "./prospect-client/Stepper/StepperApollo";
@@ -70,5 +73,6 @@ export { TabBar, tabBarDirection, } from "./prospect-client/TabBar/TabBarApollo"
 export { Table, } from "./prospect-client/Table/TableApollo";
 export { TableMobileCard } from "./prospect-client/TableMobileCard/TableMobileCard";
 export { Tag, tagVariants, } from "./prospect-client/Tag/TagApollo";
+export { TagList, } from "./prospect-client/TagList/TagListApollo";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./prospect-client/Toggle/ToggleApollo";

package/package.json

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

package/dist/prospect-client/Skeleton/SkeletonApollo.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/prospect/Skeleton/SkeletonApollo.css";
-export { Skeleton, type SkeletonProps } from "./SkeletonCommon";

package/dist/prospect-client/Skeleton/SkeletonApollo.js

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/prospect/Skeleton/SkeletonApollo.css";
-export { Skeleton } from "./SkeletonCommon";

package/dist/prospect-client/Skeleton/SkeletonCommon.d.ts

@@ -1,19 +0,0 @@
-import type { ReactNode } from "react";
-type isLoadingAndChildrenProps = {
-    children: ReactNode;
-    isLoading: boolean;
-} | {
-    children?: undefined;
-    isLoading?: boolean;
-};
-export type SkeletonProps = {
-    className?: string;
-    grid: number[][];
-    "aria-busy"?: boolean;
-    "aria-label"?: string;
-    maxCols?: number;
-    colGap?: number;
-    rowGap?: number;
-} & isLoadingAndChildrenProps;
-export declare const Skeleton: ({ className, grid, "aria-busy": ariaBusy, "aria-label": ariaLabel, maxCols, colGap, rowGap, isLoading, children, }: SkeletonProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
-export {};

package/dist/prospect-client/Skeleton/SkeletonCommon.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getClassName } from "../utilities/getClassName";
-const CLASS_NAME = "af-skeleton";
-export const Skeleton = ({ className, grid = [], "aria-busy": ariaBusy = true, "aria-label": ariaLabel = "Chargement", maxCols = 12, colGap = 16, rowGap = 8, isLoading = true, children, }) => isLoading ? (_jsx("div", { className: getClassName({
-        baseClassName: `${CLASS_NAME}-container`,
-        className,
-    }), "aria-label": ariaLabel, role: "status", "aria-busy": ariaBusy, style: {
-        "--max-cols": maxCols,
-        "--col-gap": `calc(${colGap} / var(--font-size-base) * 1rem)`,
-        "--row-gap": `calc(${rowGap} / var(--font-size-base) * 1rem)`,
-    }, children: grid.map((cols, indexRow) => cols.map((colSize, indexCol) => (_jsx("div", { style: { "--col-size": colSize }, className: CLASS_NAME }, `${indexRow}-${indexCol}`)))) })) : (children);

package/dist/prospect-client/Skeleton/SkeletonLF.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/client/Skeleton/SkeletonLF.css";
-export { Skeleton, type SkeletonProps } from "./SkeletonCommon";

package/dist/prospect-client/Skeleton/SkeletonLF.js

@@ -1,2 +0,0 @@
-import "@axa-fr/canopee-css/client/Skeleton/SkeletonLF.css";
-export { Skeleton } from "./SkeletonCommon";

package/dist/prospect-client/utilities/getComponentClassName.d.ts

@@ -1,4 +0,0 @@
-/**
- * @deprecated This function is deprecated and will be removed in a future release. Use getClassName instead.
- */
-export declare const getComponentClassName: (defaultClassName: string, className?: string, classModifier?: string) => string;

package/dist/prospect-client/utilities/getComponentClassName.js

@@ -1,30 +0,0 @@
-import classNames from "classnames";
-const getLastClassName = (defaultClassName) => {
-    if (!defaultClassName) {
-        return null;
-    }
-    return defaultClassName.split(" ").filter(Boolean).at(-1);
-};
-const listClassModifier = (classModifier) => {
-    if (!classModifier) {
-        return [];
-    }
-    return classModifier.split(" ");
-};
-/**
- * @deprecated This function is deprecated and will be removed in a future release. Use getClassName instead.
- */
-export const getComponentClassName = (defaultClassName, className, classModifier) => {
-    // Fail fast, when no defaultClassName we don't want to loop on modifier
-    if (!defaultClassName) {
-        return "";
-    }
-    const classWithoutModifier = getLastClassName(defaultClassName);
-    const modifiers = listClassModifier(classModifier);
-    const modifiersObject = modifiers
-        .filter((it) => /\S/.test(it))
-        .map((it) => {
-        return `${classWithoutModifier}--${it}`;
-    });
-    return classNames(defaultClassName, className, modifiersObject);
-};