@axa-fr/canopee-react 2.0.0-alpha.5 → 2.0.0-alpha.50

package/dist/prospect-client/SkeletonList/SkeletonListLF.js

@@ -1,6 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Skeleton } from "../Skeleton/SkeletonLF";
 import { List } from "../List/List/ListLF";
 import { SkeletonListCommon, } from "./SkeletonListCommon";
 export {} from "./SkeletonListCommon";
-export const SkeletonList = (props) => (_jsx(SkeletonListCommon, { ...props, SkeletonComponent: Skeleton, ListComponent: List }));
+/**
+ * Look and Feel-themed `SkeletonList` component.
+ *
+ * @component
+ * @param {SkeletonListProps} props - SkeletonList props.
+ * @returns {JSX.Element | ReactNode[]} The rendered Look and Feel SkeletonList.
+ */
+export const SkeletonList = (props) => (_jsx(SkeletonListCommon, { ...props, ListComponent: List }));

package/dist/prospect-client/TabMenu/TabMenu.js

@@ -33,7 +33,7 @@ export const TabMenu = ({ items, className, initialPosition = 0, ...props }) =>
             className,
         }), ...props, 
         // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-        tabIndex: 0, onKeyDown: (e) => handleKeys(e.key), children: _jsx("ul", { className: "af-tab-menu__list", children: items.map((item, index) => (_jsx("li", { role: "presentation", children: _jsx(ItemMenu, { ref: (el) => {
+        tabIndex: 0, onKeyDown: (e) => handleKeys(e.key), children: _jsx("ul", { className: "af-tab-menu__list", children: items.map((item, index) => (_jsx("li", { children: _jsx(ItemMenu, { ref: (el) => {
                         itemRefs.current[index] = el;
                     }, ...item, isActive: index === position ? true : item.isActive, tabIndex: index === position ? 0 : -1, children: item.label }) }, item.href))) }) }));
 };

package/dist/prospect-client/Tag/TagCommon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { getComponentClassName } from "../utilities/getComponentClassName";
+import { getClassName } from "../utilities/getClassName";
 export const tagVariants = {
     info: "info",
     success: "success",
@@ -9,6 +9,10 @@ export const tagVariants = {
     neutral: "neutral",
 };
 export const Tag = ({ children, className, variant = "info", ...divProps }) => {
-    const componentClassName = useMemo(() => getComponentClassName("af-tag", className, variant), [className, variant]);
+    const componentClassName = useMemo(() => getClassName({
+        baseClassName: "af-tag",
+        className,
+        modifiers: [variant],
+    }), [className, variant]);
     return (_jsx("div", { className: componentClassName, ...divProps, children: _jsx("span", { className: "af-tag__label", children: children }) }));
 };

package/dist/prospect-client/TagList/TagListApollo.d.ts

@@ -0,0 +1,4 @@
+import { type TagListProps as TagListCommonProps } from "./TagListCommon";
+import "@axa-fr/canopee-css/prospect/TagList/TagListAll.css";
+export type TagListProps = Omit<TagListCommonProps, "OverflowTag">;
+export declare const TagList: (props: TagListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/TagList/TagListApollo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tag } from "../Tag/TagCommon";
+import { TagListCommon, } from "./TagListCommon";
+import "@axa-fr/canopee-css/prospect/TagList/TagListAll.css";
+export const TagList = (props) => (_jsx(TagListCommon, { ...props, OverflowTag: Tag }));

package/dist/prospect-client/TagList/TagListCommon.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentType, type ReactNode } from "react";
+export type TagListProps = {
+    children: ReactNode;
+    hideThreshold?: number;
+    className?: string;
+    OverflowTag: ComponentType<{
+        children: ReactNode;
+    }>;
+};
+export declare const TagListCommon: ({ children, hideThreshold, className, OverflowTag, }: TagListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/TagList/TagListCommon.js

@@ -0,0 +1,16 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, isValidElement, } from "react";
+import { getClassName } from "../utilities/getClassName";
+export const TagListCommon = ({ children, hideThreshold = 2, className = "", OverflowTag, }) => {
+    const childArray = Children.toArray(children).filter(isValidElement);
+    const total = childArray.length;
+    const isOverflowing = total > hideThreshold;
+    const visibleChildren = isOverflowing
+        ? childArray.slice(0, hideThreshold)
+        : childArray;
+    const hiddenCount = total - hideThreshold;
+    return (_jsxs("div", { className: getClassName({
+            baseClassName: "af-tag-list",
+            className,
+        }), children: [visibleChildren, isOverflowing ? _jsxs(OverflowTag, { children: ["+", hiddenCount] }) : null] }));
+};

package/dist/prospect-client/TagList/TagListLF.d.ts

@@ -0,0 +1,4 @@
+import { type TagListProps as TagListCommonProps } from "./TagListCommon";
+import "@axa-fr/canopee-css/client/TagList/TagListAll.css";
+export type TagListProps = Omit<TagListCommonProps, "OverflowTag">;
+export declare const TagList: (props: TagListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/TagList/TagListLF.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tag } from "../Tag/TagCommon";
+import { TagListCommon, } from "./TagListCommon";
+import "@axa-fr/canopee-css/client/TagList/TagListAll.css";
+export const TagList = (props) => (_jsx(TagListCommon, { ...props, OverflowTag: Tag }));

package/dist/prospect-client/Toggle/ToggleCommon.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import check from "@material-symbols/svg-400/rounded/check.svg";
 import close from "@material-symbols/svg-400/rounded/close.svg";
 import { useId } from "react";
-import { getComponentClassName } from "../utilities/getComponentClassName";
+import { getClassName } from "../utilities/getClassName";
 export const ToggleCommon = ({ className, IconComponent, ...inputProps }) => {
     let inputId = useId();
     inputId = inputProps.id ?? inputId;
-    return (_jsxs("label", { className: getComponentClassName("af-toggle", className), htmlFor: inputId, children: [_jsx("div", { className: "af-toggle__root", children: _jsxs("span", { className: "af-toggle__handle", children: [_jsx(IconComponent, { src: check, "aria-hidden": "true", className: "af-toggle__icon af-toggle__icon--check", size: "XS" }), _jsx(IconComponent, { src: close, "aria-hidden": "true", className: "af-toggle__icon af-toggle__icon--close", size: "XS" })] }) }), _jsx("input", { ...inputProps, type: "checkbox", id: inputId })] }));
+    return (_jsxs("label", { className: getClassName({ baseClassName: "af-toggle", className }), htmlFor: inputId, children: [_jsx("div", { className: "af-toggle__root", children: _jsxs("span", { className: "af-toggle__handle", children: [_jsx(IconComponent, { src: check, "aria-hidden": "true", className: "af-toggle__icon af-toggle__icon--check", size: "XS" }), _jsx(IconComponent, { src: close, "aria-hidden": "true", className: "af-toggle__icon af-toggle__icon--close", size: "XS" })] }) }), _jsx("input", { ...inputProps, type: "checkbox", id: inputId })] }));
 };
 ToggleCommon.displayName = "ToggleCommon";

package/dist/prospect.d.ts

@@ -5,9 +5,10 @@ import "@fontsource/source-sans-pro";
 export { Accordion, accordionVariants, type AccordionVariants, } from "./prospect-client/Accordion/AccordionApollo";
 export { AccordionContextual, accordionContextualVariants, type AccordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualApollo";
 export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreApollo";
+export { AppName, type AppNameProps } from "./prospect-client/AppName/AppName";
 export { BasePicture } from "./prospect-client/BasePicture/BasePicture";
 export { Button, buttonVariants, type ButtonVariants, } from "./prospect-client/Button/ButtonApollo";
-export { Card, type CardProps } from "./prospect-client/Card/CardApollo";
+export { Card, cardVariants, type CardProps, type CardVariants, } from "./prospect-client/Card/CardApollo";
 export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./prospect-client/CardMessage/CardMessageApollo";
 export { ClickIcon } from "./prospect-client/ClickIcon/ClickIconApollo";
 export { ContentItemDuoAction, type ContentItemDuoActionState, } from "./prospect-client/ContentItemDuoAction/ContentItemDuoActionApollo";
@@ -15,9 +16,7 @@ export { ContentItemMono } from "./prospect-client/ContentItemMono/ContentItemMo
 export { DataAgent, type DataAgentProps, } from "./prospect-client/DataAgent/DataAgentApollo";
 export { Divider } from "./prospect-client/Divider/DividerApollo";
 export { Fieldset, type FieldsetProps, } 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,8 @@ 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, type ItemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageApollo";
+export { ItemMultiSelect, type ItemMultiSelectProps, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo";
+export { MultiSelectList, type MultiSelectListProps, } from "./prospect-client/Form/MultiSelectList/MultiSelectListApollo";
 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 +40,13 @@ export { RadioText, type RadioTextProps, } from "./prospect-client/Form/Radio/Ra
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaApollo";
 export { DebugGrid } from "./prospect-client/Grid/DebugGridApollo";
 export { Heading, type HeadingLevel, type HeadingProps, } from "./prospect-client/Heading/HeadingApollo";
+export { Header, type HeaderProps, } from "./prospect-client/Header/HeaderApollo";
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./prospect-client/Icon/IconApollo";
 export { ItemTabBar, type ItemTabBarProps, } from "./prospect-client/ItemTabBar/ItemTabBarApollo";
 export { ItemMenu, type ItemMenuProps, } from "./prospect-client/ItemMenu/ItemMenuApollo";
+export { MenuBurger, type MenuBurgerProps, } from "./prospect-client/MenuBurger/MenuBurgerApollo";
 export { TabMenu, type TabMenuProps } from "./prospect-client/TabMenu/TabMenu";
-export { ExitLayout, type ExitLayoutProps, type ExitLayoutWithSubComponents, } from "./prospect-client/Layout/ExitLayout/ExitLayoutApollo";
+export { ExitLayout, type ExitLayoutProps, type ExitLayoutWithSubComponents, ExitLayoutSkeleton, type ExitLayoutSkeletonProps, } from "./prospect-client/Layout/ExitLayout/ExitLayoutApollo";
 export { Footer, type FooterProps, } from "./prospect-client/Layout/Footer/FooterApollo";
 export { FormLayout, type FormLayoutProps, } from "./prospect-client/Layout/FormLayout/FormLayout";
 export { LevelSelector, type LevelSelectorProps, } from "./prospect-client/LevelSelector/LevelSelectorApollo";
@@ -61,7 +64,8 @@ export { ItemPagination, type ItemPaginationProps, } from "./prospect-client/Pag
 export { Pagination } from "./prospect-client/Pagination/PaginationApollo";
 export { ProgressBar } from "./prospect-client/ProgressBar/ProgressBarApollo";
 export { ProgressBarGroup } from "./prospect-client/ProgressBarGroup/ProgressBarGroupApollo";
-export { Skeleton, type SkeletonProps, } from "./prospect-client/Skeleton/SkeletonApollo";
+export { Skeleton, skeletonSizeVariants, skeletonVariants, type SkeletonActionSizeVariant, type SkeletonCircleSizeVariant, type SkeletonProps, type SkeletonSizeVariant, type SkeletonVariant, } from "./prospect-client/Skeleton/Skeleton";
+export { SkeletonGrid, type SkeletonGridProps, } from "./prospect-client/SkeletonGrid/SkeletonGrid";
 export { SkeletonList, type SkeletonListProps, } from "./prospect-client/SkeletonList/SkeletonListApollo";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./prospect-client/Spinner/SpinnerApollo";
 export { Stepper } from "./prospect-client/Stepper/StepperApollo";
@@ -70,6 +74,8 @@ export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from
 export { Table, type BodyColorVariants, type HeadColorVariants, type RowSizeVariants, type TableProps, } from "./prospect-client/Table/TableApollo";
 export { TableMobileCard } from "./prospect-client/TableMobileCard/TableMobileCard";
 export { Tag, tagVariants, type TagVariants, } from "./prospect-client/Tag/TagApollo";
+export { TagList, type TagListProps, } from "./prospect-client/TagList/TagListApollo";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./prospect-client/Toggle/ToggleApollo";
 export type { GridContainerProps } from "./prospect-client/utilities/types/GridContainerProps";
+export { MessageBar, type MessageBarProps, type MessageBarVariant, } from "./prospect-client/MessageBar/MessageBarApollo";

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,8 @@ 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 { MultiSelectList, } from "./prospect-client/Form/MultiSelectList/MultiSelectListApollo";
 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 +40,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 +64,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 +74,7 @@ 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";
+export { MessageBar, } from "./prospect-client/MessageBar/MessageBarApollo";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "2.0.0-alpha.5",
+  "version": "2.0.0-alpha.50",
   "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.5",
+    "@axa-fr/canopee-css": "2.0.0-alpha.50",
     "@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);
-};