@axa-fr/design-system-apollo-react 2.0.4-alpha.20 → 2.0.4-alpha.74

package/dist/Form/InputText/InputTextApollo.d.ts

@@ -1,3 +1,3 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextApollo.css";
 import { type InputTextProps } from "./InputTextCommon";
 export declare const InputText: import("react").ForwardRefExoticComponent<Omit<InputTextProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/InputText/InputTextApollo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextApollo.css";
 import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
 import { ItemMessage } from "../ItemMessage/ItemMessageApollo";

package/dist/Form/InputText/InputTextLF.d.ts

@@ -1,3 +1,3 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextLF.css";
 import { type InputTextProps } from "./InputTextCommon";
 export declare const InputText: import("react").ForwardRefExoticComponent<Omit<InputTextProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/InputText/InputTextLF.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextLF.css";
 import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelLF";
 import { ItemMessage } from "../ItemMessage/ItemMessageLF";

package/dist/Form/InputTextAtom/InputTextAtomApollo.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomApollo.css";
 export { InputTextAtom } from "./InputTextAtomCommon";

package/dist/Form/InputTextAtom/InputTextAtomApollo.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomApollo.css";
 export { InputTextAtom } from "./InputTextAtomCommon";

package/dist/Form/InputTextAtom/InputTextAtomLF.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomLF.css";
 export { InputTextAtom } from "./InputTextAtomCommon";

package/dist/Form/InputTextAtom/InputTextAtomLF.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomLF.css";
 export { InputTextAtom } from "./InputTextAtomCommon";

package/dist/Form/ItemFile/ItemFileApollo.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemFile/ItemFileApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/ItemFile/ItemFileApollo.css";
 import type { ItemFileProps } from "./types";
 export { itemFileVariants } from "./ItemFileCommon";
 export declare const ItemFile: ({ onDeleteClick, onVisibilityClick, ariaLabelVisibility, ariaLabelDelete, filename, ...props }: ItemFileProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/ItemFile/ItemFileApollo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemFile/ItemFileApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/ItemFile/ItemFileApollo.css";
 import deleteIcon from "@material-symbols/svg-400/outlined/delete.svg";
 import visibilityIcon from "@material-symbols/svg-400/outlined/visibility-fill.svg";
 import { ClickIcon } from "../../ClickIcon/ClickIconApollo";

package/dist/Form/ItemFile/ItemFileLF.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemFile/ItemFileLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/ItemFile/ItemFileLF.css";
 import type { ItemFileProps } from "./types";
 export { itemFileVariants } from "./ItemFileCommon";
 export declare const ItemFile: ({ onDeleteClick, onVisibilityClick, ariaLabelVisibility, ariaLabelDelete, filename, ...props }: ItemFileProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/ItemFile/ItemFileLF.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemFile/ItemFileLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/ItemFile/ItemFileLF.css";
 import deleteIconFilled from "@material-symbols/svg-400/outlined/delete-fill.svg";
 import visibilityIcon from "@material-symbols/svg-400/outlined/visibility-fill.svg";
 import { ClickIcon } from "../../ClickIcon/ClickIconLF";

package/dist/Form/ItemLabel/ItemLabelApollo.d.ts

@@ -1,3 +1,3 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemLabel/ItemLabelApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/ItemLabel/ItemLabelApollo.css";
 import { type ItemLabelProps } from "./ItemLabelCommon";
 export declare const ItemLabel: (props: ItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/ItemLabel/ItemLabelApollo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemLabel/ItemLabelApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/ItemLabel/ItemLabelApollo.css";
 import { Button } from "../../Button/ButtonApollo";
 import { ItemLabelCommon } from "./ItemLabelCommon";
 export const ItemLabel = (props) => (_jsx(ItemLabelCommon, { ...props, ButtonComponent: Button }));

package/dist/Form/ItemLabel/ItemLabelLF.d.ts

@@ -1,3 +1,3 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemLabel/ItemLabelLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/ItemLabel/ItemLabelLF.css";
 import { type ItemLabelProps } from "./ItemLabelCommon";
 export declare const ItemLabel: (props: ItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/ItemLabel/ItemLabelLF.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemLabel/ItemLabelLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/ItemLabel/ItemLabelLF.css";
 import { Button } from "../../Button/ButtonLF";
 import { ItemLabelCommon } from "./ItemLabelCommon";
 export const ItemLabel = (props) => (_jsx(ItemLabelCommon, { ...props, ButtonComponent: Button }));

package/dist/Form/ItemMessage/ItemMessageApollo.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemMessage/ItemMessageApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/ItemMessage/ItemMessageApollo.css";
 export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./ItemMessageCommon";

package/dist/Form/ItemMessage/ItemMessageApollo.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemMessage/ItemMessageApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/ItemMessage/ItemMessageApollo.css";
 export { ItemMessage, itemMessageVariants, } from "./ItemMessageCommon";

package/dist/Form/ItemMessage/ItemMessageLF.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemMessage/ItemMessageLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/ItemMessage/ItemMessageLF.css";
 export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./ItemMessageCommon";

package/dist/Form/ItemMessage/ItemMessageLF.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemMessage/ItemMessageLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/ItemMessage/ItemMessageLF.css";
 export { ItemMessage, itemMessageVariants, } from "./ItemMessageCommon";

package/dist/Form/Radio/CardRadio/CardRadioApollo.d.ts

@@ -1,7 +1,3 @@
 import { type CardRadioProps } from "./CardRadioCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadio/CardRadioApollo.scss";
-declare const CardRadio: {
-    (props: CardRadioProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { CardRadio };
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadio/CardRadioApollo.css";
+export declare const CardRadio: (props: CardRadioProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/Radio/CardRadio/CardRadioApollo.js

@@ -2,7 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { CardRadioOption } from "../CardRadioOption/CardRadioOptionApollo";
 import { CardRadioCommon } from "./CardRadioCommon";
 import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadio/CardRadioApollo.scss";
-const CardRadio = (props) => (_jsx(CardRadioCommon, { ...props, CardRadioOptionComponent: CardRadioOption, ItemMessageComponent: ItemMessage }));
-CardRadio.displayName = "CardRadio";
-export { CardRadio };
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadio/CardRadioApollo.css";
+export const CardRadio = (props) => (_jsx(CardRadioCommon, { ...props, CardRadioOptionComponent: CardRadioOption, ItemMessageComponent: ItemMessage }));

package/dist/Form/Radio/CardRadio/CardRadioLF.d.ts

@@ -1,7 +1,3 @@
 import { type CardRadioProps } from "./CardRadioCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadio/CardRadioLF.scss";
-declare const CardRadio: {
-    (props: CardRadioProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { CardRadio };
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadio/CardRadioLF.css";
+export declare const CardRadio: (props: CardRadioProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/Radio/CardRadio/CardRadioLF.js

@@ -2,7 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { CardRadioOption } from "../CardRadioOption/CardRadioOptionLF";
 import { CardRadioCommon } from "./CardRadioCommon";
 import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadio/CardRadioLF.scss";
-const CardRadio = (props) => (_jsx(CardRadioCommon, { ...props, CardRadioOptionComponent: CardRadioOption, ItemMessageComponent: ItemMessage }));
-CardRadio.displayName = "CardRadio";
-export { CardRadio };
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadio/CardRadioLF.css";
+export const CardRadio = (props) => (_jsx(CardRadioCommon, { ...props, CardRadioOptionComponent: CardRadioOption, ItemMessageComponent: ItemMessage }));

package/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.d.ts

@@ -1,3 +1,3 @@
 import { type CardRadioOptionProps } from "./CardRadioOptionCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.css";
 export declare const CardRadioOption: (props: CardRadioOptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.js

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon } from "../../../Icon/IconApollo";
 import { Radio } from "../Radio/RadioApollo";
 import { CardRadioOptionCommon, } from "./CardRadioOptionCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.css";
 export const CardRadioOption = (props) => (_jsx(CardRadioOptionCommon, { ...props, RadioComponent: Radio, IconComponent: Icon }));

package/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.d.ts

@@ -1,3 +1,3 @@
 import { type CardRadioOptionProps } from "./CardRadioOptionCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.css";
 export declare const CardRadioOption: (props: CardRadioOptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.js

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon } from "../../../Icon/IconLF";
 import { Radio } from "../Radio/RadioLF";
 import { CardRadioOptionCommon, } from "./CardRadioOptionCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.css";
 export const CardRadioOption = (props) => (_jsx(CardRadioOptionCommon, { ...props, RadioComponent: Radio, IconComponent: Icon }));

package/dist/Form/Radio/Radio/RadioApollo.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioApollo.css";
 export { Radio } from "./RadioCommon";

package/dist/Form/Radio/Radio/RadioApollo.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioApollo.css";
 export { Radio } from "./RadioCommon";

package/dist/Form/Radio/Radio/RadioLF.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioLF.css";
 export { Radio } from "./RadioCommon";

package/dist/Form/Radio/Radio/RadioLF.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioLF.css";
 export { Radio } from "./RadioCommon";

package/dist/Form/TextArea/TextAreaApollo.d.ts

@@ -1,3 +1,3 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaApollo.css";
 import { type TextAreaProps } from "./TextAreaCommon";
 export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/Form/TextArea/TextAreaApollo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaApollo.css";
 import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
 import { ItemMessage } from "../ItemMessage/ItemMessageApollo";

package/dist/Form/TextArea/TextAreaLF.d.ts

@@ -1,3 +1,3 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaLF.css";
 import { type TextAreaProps } from "./TextAreaCommon";
 export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/Form/TextArea/TextAreaLF.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaLF.css";
 import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelLF";
 import { ItemMessage } from "../ItemMessage/ItemMessageLF";

package/dist/Grid/DebugGridApollo.d.ts

@@ -1,2 +1,2 @@
 import { type DebugGridProps } from "./DebugGridCommon";
-export declare const DebugGrid: <P = object>({ ...props }: DebugGridProps<P>) => import("react/jsx-runtime").JSX.Element;
+export declare const DebugGrid: <P extends object = object>({ ...props }: DebugGridProps<P>) => import("react/jsx-runtime").JSX.Element;

package/dist/Grid/DebugGridApollo.js

@@ -1,6 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CardCheckboxOption } from "../Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo";
 import { DebugGridCommon } from "./DebugGridCommon";
-export const DebugGrid = ({ ...props }) => {
-    return _jsx(DebugGridCommon, { ...props, CardCheckboxOption: CardCheckboxOption });
-};
+export const DebugGrid = ({ ...props }) => (_jsx(DebugGridCommon, { ...props, CardCheckboxOption: CardCheckboxOption }));

package/dist/Grid/DebugGridCommon.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
+import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.css";
 import type { ComponentType } from "react";
 import type { CardCheckboxOptionProps } from "../Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon";
 export type DebugGridProps<P = object> = P & {

package/dist/Grid/DebugGridCommon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.scss";
+import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.css";
 export const DebugGridCommon = ({ cols = 12, isCheckedByDefault = false, CardCheckboxOption, ...props }) => {
     // The forceVisible prop is a hidden prop to force the component's visibility when building the storybook
     const forceVisible = props?.forceVisible || false;

package/dist/Grid/DebugGridLF.d.ts

@@ -1,2 +1,2 @@
 import { type DebugGridProps } from "./DebugGridCommon";
-export declare const DebugGrid: <P = object>({ ...props }: DebugGridProps<P>) => import("react/jsx-runtime").JSX.Element;
+export declare const DebugGrid: <P extends object = object>({ ...props }: DebugGridProps<P>) => import("react/jsx-runtime").JSX.Element;

package/dist/Grid/DebugGridLF.js

@@ -1,6 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CardCheckboxOption } from "../Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF";
 import { DebugGridCommon } from "./DebugGridCommon";
-export const DebugGrid = ({ ...props }) => {
-    return _jsx(DebugGridCommon, { ...props, CardCheckboxOption: CardCheckboxOption });
-};
+export const DebugGrid = ({ ...props }) => (_jsx(DebugGridCommon, { ...props, CardCheckboxOption: CardCheckboxOption }));

package/dist/Heading/HeadingApollo.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingApollo.css";
 import { HeadingProps } from "./types";
 export type { HeadingLevel, HeadingProps } from "./types";
 export declare const Heading: ({ tag, tagProps, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Heading/HeadingApollo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingApollo.css";
 import { DEFAULT_TAG_PROPS, HeadingCommon } from "./HeadingCommon";
 import { Tag } from "../Tag/TagApollo";
 export const Heading = ({ tag, tagProps = {}, ...props }) => (_jsx(HeadingCommon, { ...props, tag: tag ? (_jsx(Tag, { ...DEFAULT_TAG_PROPS, ...tagProps, children: tag })) : null }));

package/dist/Heading/HeadingLF.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingLF.css";
 import { HeadingProps } from "./types";
 export type { HeadingLevel, HeadingProps } from "./types";
 export declare const Heading: ({ tag, tagProps, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Heading/HeadingLF.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingLF.css";
 import { DEFAULT_TAG_PROPS, HeadingCommon } from "./HeadingCommon";
 import { Tag } from "../Tag/TagLF";
 export const Heading = ({ tag, tagProps = {}, ...props }) => (_jsx(HeadingCommon, { ...props, tag: tag ? (_jsx(Tag, { ...DEFAULT_TAG_PROPS, ...tagProps, children: tag })) : null }));

package/dist/Icon/IconApollo.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Icon/IconApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Icon/IconApollo.css";
 export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./IconCommon";

package/dist/Icon/IconApollo.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Icon/IconApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Icon/IconApollo.css";
 export { Icon, iconVariants, iconSizeVariants, } from "./IconCommon";

package/dist/Icon/IconLF.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Icon/IconLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Icon/IconLF.css";
 export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./IconCommon";

package/dist/Icon/IconLF.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Icon/IconLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Icon/IconLF.css";
 export { Icon, iconVariants, iconSizeVariants, } from "./IconCommon";

package/dist/ItemTabBar/ItemTabBarApollo.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarApollo.css";
 export { ItemTabBar, itemTabBarVariants, type ItemTabBarVariants, } from "./ItemTabBarCommon";

package/dist/ItemTabBar/ItemTabBarApollo.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarApollo.css";
 export { ItemTabBar, itemTabBarVariants, } from "./ItemTabBarCommon";

package/dist/ItemTabBar/ItemTabBarLF.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarLF.css";
 export { ItemTabBar, itemTabBarVariants, type ItemTabBarVariants, } from "./ItemTabBarCommon";

package/dist/ItemTabBar/ItemTabBarLF.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarLF.css";
 export { ItemTabBar, itemTabBarVariants, } from "./ItemTabBarCommon";

package/dist/Layout/Footer/FooterApollo.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Layout/Footer/FooterApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Layout/Footer/FooterApollo.css";
 export { type FooterProps, Footer } from "./FooterCommon";

package/dist/Layout/Footer/FooterApollo.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Layout/Footer/FooterApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Layout/Footer/FooterApollo.css";
 export { Footer } from "./FooterCommon";

package/dist/Layout/Footer/FooterLF.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Layout/Footer/FooterLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Layout/Footer/FooterLF.css";
 export { type FooterProps, Footer } from "./FooterCommon";

package/dist/Layout/Footer/FooterLF.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Layout/Footer/FooterLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Layout/Footer/FooterLF.css";
 export { Footer } from "./FooterCommon";

package/dist/Link/LinkApollo.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Link/LinkApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Link/LinkApollo.css";
 export { Link, type LinkVariants, linkVariants } from "./LinkCommon";

package/dist/Link/LinkApollo.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Link/LinkApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Link/LinkApollo.css";
 export { Link, linkVariants } from "./LinkCommon";

package/dist/Link/LinkLF.d.ts

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Link/LinkLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Link/LinkLF.css";
 export { Link, type LinkVariants, linkVariants } from "./LinkCommon";

package/dist/Link/LinkLF.js

@@ -1,2 +1,2 @@
-import "@axa-fr/design-system-apollo-css/dist/Link/LinkLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Link/LinkLF.css";
 export { Link, linkVariants } from "./LinkCommon";

package/dist/List/ClickItem/ClickItemApollo.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemApollo.css";
 import type { ClickItemProps } from "./types";
 export declare const ClickItem: (props: ClickItemProps) => import("react/jsx-runtime").JSX.Element;
 export { clickItemStates, type ClickItemStates, clickItemVariants, type ClickItemVariants, } from "./ClickItemCommon";

package/dist/List/ClickItem/ClickItemApollo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemApollo.css";
 import { ClickItemCommon } from "./ClickItemCommon";
 import { ClickItemContent } from "./components/ClickItemContentApollo";
 import { ClickItemSuffix } from "./components/ClickItemSuffixApollo";

package/dist/List/ClickItem/ClickItemLF.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemLF.css";
 import type { ClickItemProps } from "./types";
 export declare const ClickItem: (props: ClickItemProps) => import("react/jsx-runtime").JSX.Element;
 export { clickItemStates, type ClickItemStates, clickItemVariants, type ClickItemVariants, } from "./ClickItemCommon";

package/dist/List/ClickItem/ClickItemLF.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/List/ClickItem/ClickItemLF.css";
 import { ClickItemCommon } from "./ClickItemCommon";
 import { ClickItemContent } from "./components/ClickItemContentLF";
 import { ClickItemSuffix } from "./components/ClickItemSuffixLF";

package/dist/List/ContentItemDuo/ContentItemDuoApollo.d.ts

@@ -1,4 +1,3 @@
-import "@axa-fr/design-system-apollo-css/dist/List/ContentItemDuo/ContentItemDuoApollo.scss";
-import type { ComponentProps } from "react";
-import { ContentItemDuo as ContentItemDuoCommon } from "./ContentItemDuoCommon";
-export declare const ContentItemDuo: (props: Omit<ComponentProps<typeof ContentItemDuoCommon>, "ButtonComponent">) => import("react/jsx-runtime").JSX.Element;
+import "@axa-fr/design-system-apollo-css/dist/List/ContentItemDuo/ContentItemDuoApollo.css";
+import { type ContentItemDuoProps } from "./ContentItemDuoCommon";
+export declare const ContentItemDuo: (props: ContentItemDuoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ContentItemDuo/ContentItemDuoApollo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/List/ContentItemDuo/ContentItemDuoApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/List/ContentItemDuo/ContentItemDuoApollo.css";
 import { Button } from "../../Button/ButtonApollo";
-import { ContentItemDuo as ContentItemDuoCommon } from "./ContentItemDuoCommon";
-export const ContentItemDuo = (props) => _jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button });
+import { ContentItemDuoCommon, } from "./ContentItemDuoCommon";
+export const ContentItemDuo = (props) => (_jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button }));

package/dist/List/ContentItemDuo/ContentItemDuoCommon.d.ts

@@ -1,6 +1,6 @@
 import { type ComponentType, type ReactNode } from "react";
 import type { ButtonProps } from "../../Button/ButtonCommon";
-type ContentItemDuoProps = {
+export type ContentItemDuoProps = {
     label: string;
     value: ReactNode;
     isVertical?: boolean;
@@ -8,7 +8,9 @@ type ContentItemDuoProps = {
     classModifier?: string;
     buttonText?: string;
     onButtonClick?: () => void;
+};
+type ContentItemDuoCommonProps = ContentItemDuoProps & {
     ButtonComponent: ComponentType<ButtonProps>;
 };
-export declare const ContentItemDuo: ({ label, value, isVertical, className, classModifier, buttonText, onButtonClick, ButtonComponent, }: ContentItemDuoProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContentItemDuoCommon: ({ label, value, isVertical, className, classModifier, buttonText, onButtonClick, ButtonComponent, }: ContentItemDuoCommonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/List/ContentItemDuo/ContentItemDuoCommon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { getComponentClassName } from "../../utilities/getComponentClassName";
-export const ContentItemDuo = ({ label, value, isVertical = false, className, classModifier, buttonText, onButtonClick, ButtonComponent, }) => {
+export const ContentItemDuoCommon = ({ label, value, isVertical = false, className, classModifier, buttonText, onButtonClick, ButtonComponent, }) => {
     const componentClassName = useMemo(() => {
         const classModifiers = [classModifier];
         if (isVertical) {

package/dist/List/ContentItemDuo/ContentItemDuoLF.d.ts

@@ -1,4 +1,3 @@
-import "@axa-fr/design-system-apollo-css/dist/List/ContentItemDuo/ContentItemDuoLF.scss";
-import type { ComponentProps } from "react";
-import { ContentItemDuo as ContentItemDuoCommon } from "./ContentItemDuoCommon";
-export declare const ContentItemDuo: (props: Omit<ComponentProps<typeof ContentItemDuoCommon>, "ButtonComponent">) => import("react/jsx-runtime").JSX.Element;
+import "@axa-fr/design-system-apollo-css/dist/List/ContentItemDuo/ContentItemDuoLF.css";
+import { type ContentItemDuoProps } from "./ContentItemDuoCommon";
+export declare const ContentItemDuo: (props: ContentItemDuoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/List/ContentItemDuo/ContentItemDuoLF.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/List/ContentItemDuo/ContentItemDuoLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/List/ContentItemDuo/ContentItemDuoLF.css";
 import { Button } from "../../Button/ButtonLF";
-import { ContentItemDuo as ContentItemDuoCommon } from "./ContentItemDuoCommon";
-export const ContentItemDuo = (props) => _jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button });
+import { ContentItemDuoCommon, } from "./ContentItemDuoCommon";
+export const ContentItemDuo = (props) => (_jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button }));

package/dist/Message/MessageApollo.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/Message/MessageApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Message/MessageApollo.css";
 import { type MessageProps } from "./MessageCommon";
 export { messageVariants } from "./constants";
 export type { MessageVariants } from "./types";

package/dist/Message/MessageApollo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Message/MessageApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Message/MessageApollo.css";
 import { Icon } from "..";
 import { MessageCommon } from "./MessageCommon";
 export { messageVariants } from "./constants";

package/dist/Message/MessageLF.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/Message/MessageLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Message/MessageLF.css";
 import { type MessageProps } from "./MessageCommon";
 export { messageVariants } from "./constants";
 export type { MessageVariants } from "./types";

package/dist/Message/MessageLF.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Message/MessageLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Message/MessageLF.css";
 import { Icon } from "../indexLF";
 import { MessageCommon } from "./MessageCommon";
 export { messageVariants } from "./constants";

package/dist/Modal/ModalApollo.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-apollo-css/dist/Modal/ModalApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Modal/ModalApollo.css";
 import type { ModalProps } from "./types";
 export { ModalCore, type ModalCoreProps } from "./components/ModalCore";
 export { ModalCoreBody, type ModalCoreBodyProps, } from "./components/ModalCoreBody";

package/dist/Modal/ModalApollo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Modal/ModalApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Modal/ModalApollo.css";
 import { forwardRef } from "react";
 import { Button } from "../Button/ButtonApollo";
 import { Heading } from "../Heading/HeadingApollo";