@axa-fr/design-system-apollo-react 1.0.5-alpha.443 → 1.0.5-alpha.445
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BasePicture/BasePicture.d.ts +5 -0
- package/dist/BasePicture/BasePicture.js +6 -0
- package/dist/ContentItemMono/ContentItemMonoApollo.d.ts +1 -1
- package/dist/ContentItemMono/ContentItemMonoApollo.js +1 -2
- package/dist/ContentItemMono/ContentItemMonoCommon.d.ts +3 -5
- package/dist/ContentItemMono/ContentItemMonoCommon.js +3 -2
- package/dist/ContentItemMono/ContentItemMonoLF.d.ts +1 -1
- package/dist/ContentItemMono/ContentItemMonoLF.js +1 -2
- package/dist/Form/Radio/CardRadio/CardRadioCommon.d.ts +1 -1
- package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.d.ts +39 -4
- package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.js +3 -2
- package/dist/List/ClickItem/components/ClickItemPrefixApollo.js +1 -2
- package/dist/List/ClickItem/components/ClickItemPrefixCommon.d.ts +4 -5
- package/dist/List/ClickItem/components/ClickItemPrefixCommon.js +3 -2
- package/dist/List/ClickItem/components/ClickItemPrefixLF.js +1 -2
- package/dist/Stepper/StepperCommon.d.ts +3 -1
- package/dist/Stepper/StepperCommon.js +3 -3
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/indexLF.d.ts +1 -1
- package/dist/indexLF.js +1 -1
- package/package.json +3 -3
- package/dist/BasePicture/BasePictureApollo.d.ts +0 -2
- package/dist/BasePicture/BasePictureApollo.js +0 -2
- package/dist/BasePicture/BasePictureCommon.d.ts +0 -1
- package/dist/BasePicture/BasePictureCommon.js +0 -8
- package/dist/BasePicture/BasePictureLF.d.ts +0 -2
- package/dist/BasePicture/BasePictureLF.js +0 -2
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ComponentProps } from "react";
|
|
2
|
+
import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePicture.scss";
|
|
3
|
+
type BasePictureProps = ComponentProps<"img">;
|
|
4
|
+
export declare const BasePicture: ({ className, src, ...props }: BasePictureProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import logo from "@axa-fr/design-system-apollo-css/logo-axa.svg";
|
|
3
|
+
import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePicture.scss";
|
|
4
|
+
export const BasePicture = ({ className, src, ...props }) => {
|
|
5
|
+
return (_jsx("img", { className: ["af-basepicture", className].filter(Boolean).join(" "), alt: "", src: src || logo, ...props }));
|
|
6
|
+
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoApollo.scss";
|
|
2
|
-
import { ContentItemProps } from "./ContentItemMonoCommon";
|
|
2
|
+
import { type ContentItemProps } from "./ContentItemMonoCommon";
|
|
3
3
|
export declare const ContentItemMono: (props: ContentItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoApollo.scss";
|
|
3
|
-
import { BasePicture } from "../BasePicture/BasePictureApollo";
|
|
4
3
|
import { Icon } from "../Icon/IconApollo";
|
|
5
4
|
import { ContentItemMonoCommon, } from "./ContentItemMonoCommon";
|
|
6
|
-
export const ContentItemMono = (props) => (_jsx(ContentItemMonoCommon, { ...props,
|
|
5
|
+
export const ContentItemMono = (props) => (_jsx(ContentItemMonoCommon, { ...props, IconComponent: Icon }));
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { ComponentProps, ComponentType } from "react";
|
|
1
|
+
import type { ComponentProps, ComponentType } from "react";
|
|
2
2
|
import { Icon } from "../Icon/IconCommon";
|
|
3
|
-
import {
|
|
4
|
-
import { ContentItemCoreProps } from "./ContentItemMonoCore";
|
|
3
|
+
import { type ContentItemCoreProps } from "./ContentItemMonoCore";
|
|
5
4
|
export type ContentMonoItemSize = "medium" | "large";
|
|
6
5
|
export type ContentMonoItemPictureProps = {
|
|
7
6
|
type: "picture";
|
|
@@ -25,7 +24,6 @@ export type ContentMonoItemStickProps = {
|
|
|
25
24
|
export type ContentItemProps = ContentMonoItemPictureProps | ContentMonoItemIconProps | ContentMonoItemStickProps;
|
|
26
25
|
export type ContentItemCommonProps = ContentItemProps & {
|
|
27
26
|
IconComponent: ComponentType<ComponentProps<typeof Icon>>;
|
|
28
|
-
BasePictureComponent: ComponentType<ComponentProps<typeof BasePicture>>;
|
|
29
27
|
};
|
|
30
|
-
export declare const getContentItemCoreProps: ({ IconComponent,
|
|
28
|
+
export declare const getContentItemCoreProps: ({ IconComponent, type, ...props }: ContentItemCommonProps) => ContentItemCoreProps;
|
|
31
29
|
export declare const ContentItemMonoCommon: (props: ContentItemCommonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BasePicture } from "../BasePicture/BasePicture";
|
|
2
3
|
import { ContentItemMonoCore, } from "./ContentItemMonoCore";
|
|
3
|
-
export const getContentItemCoreProps = ({ IconComponent,
|
|
4
|
+
export const getContentItemCoreProps = ({ IconComponent, type, ...props }) => {
|
|
4
5
|
if (type === "icon") {
|
|
5
6
|
const { icon, title, subtitle1, subtitle2 } = props;
|
|
6
7
|
return {
|
|
@@ -13,7 +14,7 @@ export const getContentItemCoreProps = ({ IconComponent, BasePictureComponent, t
|
|
|
13
14
|
if (type === "picture") {
|
|
14
15
|
return {
|
|
15
16
|
...props,
|
|
16
|
-
leftComponent: (_jsx(
|
|
17
|
+
leftComponent: (_jsx(BasePicture, { src: props.picture, alt: props.title })),
|
|
17
18
|
};
|
|
18
19
|
}
|
|
19
20
|
return {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoLF.scss";
|
|
2
|
-
import { ContentItemProps } from "./ContentItemMonoCommon";
|
|
2
|
+
import { type ContentItemProps } from "./ContentItemMonoCommon";
|
|
3
3
|
export declare const ContentItemMono: (props: ContentItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoLF.scss";
|
|
3
|
-
import { BasePicture } from "../BasePicture/BasePictureLF";
|
|
4
3
|
import { Icon } from "../Icon/IconLF";
|
|
5
4
|
import { ContentItemMonoCommon, } from "./ContentItemMonoCommon";
|
|
6
|
-
export const ContentItemMono = (props) => (_jsx(ContentItemMonoCommon, { ...props,
|
|
5
|
+
export const ContentItemMono = (props) => (_jsx(ContentItemMonoCommon, { ...props, IconComponent: Icon }));
|
|
@@ -2,7 +2,7 @@ import { type ComponentProps, type ComponentType, type PropsWithChildren, type R
|
|
|
2
2
|
import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
|
|
3
3
|
import { type CardRadioOptionProps } from "../CardRadioOption/CardRadioOptionCommon";
|
|
4
4
|
type RadioOption = Omit<CardRadioOptionProps, "name" | "type" | "isInvalid">;
|
|
5
|
-
export type CardRadioProps = Omit<CardRadioOptionProps, "value" | "label" | "type" | "isInvalid" | "icon" | "description" | "subtitle" | "children"> & {
|
|
5
|
+
export type CardRadioProps = Omit<CardRadioOptionProps, "value" | "label" | "type" | "isInvalid" | "icon" | "src" | "basePictureProps" | "description" | "subtitle" | "children"> & {
|
|
6
6
|
type?: "vertical" | "horizontal";
|
|
7
7
|
/**
|
|
8
8
|
* @deprecated Use `label` instead.
|
|
@@ -1,15 +1,50 @@
|
|
|
1
1
|
import { type ComponentProps, type ComponentType, type ReactNode } from "react";
|
|
2
2
|
import type { Icon as IconCommon } from "../../../Icon/IconCommon";
|
|
3
|
+
import { BasePicture } from "../../../BasePicture/BasePicture";
|
|
3
4
|
import type { Radio } from "../Radio/RadioCommon";
|
|
4
|
-
|
|
5
|
+
type BaseCardRadioOptionProps = Omit<ComponentProps<typeof Radio>, "size"> & {
|
|
5
6
|
label: ReactNode;
|
|
6
|
-
type?: "vertical" | "horizontal";
|
|
7
7
|
description?: ReactNode;
|
|
8
8
|
subtitle?: ReactNode;
|
|
9
|
-
icon?: ComponentProps<typeof IconCommon>["src"];
|
|
10
9
|
};
|
|
10
|
+
export type CardRadioOptionProps = (BaseCardRadioOptionProps & {
|
|
11
|
+
type?: "vertical" | "horizontal";
|
|
12
|
+
icon?: ComponentProps<typeof IconCommon>["src"];
|
|
13
|
+
src?: undefined;
|
|
14
|
+
basePictureProps?: undefined;
|
|
15
|
+
}) | (BaseCardRadioOptionProps & {
|
|
16
|
+
type: "horizontal";
|
|
17
|
+
src?: ComponentProps<typeof BasePicture>["src"];
|
|
18
|
+
basePictureProps?: Omit<ComponentProps<typeof BasePicture>, "src">;
|
|
19
|
+
icon?: undefined;
|
|
20
|
+
});
|
|
11
21
|
export type CardRadioOptionCommonProps = CardRadioOptionProps & {
|
|
12
22
|
RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
|
|
13
23
|
IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
|
|
14
24
|
};
|
|
15
|
-
export declare const CardRadioOptionCommon: import("react").ForwardRefExoticComponent<Omit<
|
|
25
|
+
export declare const CardRadioOptionCommon: import("react").ForwardRefExoticComponent<(Omit<Omit<Omit<import("../Radio/RadioCommon").RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "size"> & {
|
|
26
|
+
label: ReactNode;
|
|
27
|
+
description?: ReactNode;
|
|
28
|
+
subtitle?: ReactNode;
|
|
29
|
+
} & {
|
|
30
|
+
type?: "vertical" | "horizontal";
|
|
31
|
+
icon?: ComponentProps<typeof IconCommon>["src"];
|
|
32
|
+
src?: undefined;
|
|
33
|
+
basePictureProps?: undefined;
|
|
34
|
+
} & {
|
|
35
|
+
RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
|
|
36
|
+
IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
|
|
37
|
+
}, "ref"> | Omit<Omit<Omit<import("../Radio/RadioCommon").RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "size"> & {
|
|
38
|
+
label: ReactNode;
|
|
39
|
+
description?: ReactNode;
|
|
40
|
+
subtitle?: ReactNode;
|
|
41
|
+
} & {
|
|
42
|
+
type: "horizontal";
|
|
43
|
+
src?: ComponentProps<typeof BasePicture>["src"];
|
|
44
|
+
basePictureProps?: Omit<ComponentProps<typeof BasePicture>, "src">;
|
|
45
|
+
icon?: undefined;
|
|
46
|
+
} & {
|
|
47
|
+
RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
|
|
48
|
+
IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
|
|
49
|
+
}, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
|
|
50
|
+
export {};
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef, } from "react";
|
|
3
|
-
|
|
3
|
+
import { BasePicture } from "../../../BasePicture/BasePicture";
|
|
4
|
+
export const CardRadioOptionCommon = forwardRef(({ label, type, description, subtitle, icon, src, basePictureProps, isInvalid, className, RadioComponent, IconComponent, ...inputProps }, ref) => (_jsxs("label", { className: [
|
|
4
5
|
"af-card-radio-option",
|
|
5
6
|
isInvalid && "af-card-radio-option--invalid",
|
|
6
7
|
type === "horizontal" && "af-card-radio-option--horizontal",
|
|
7
8
|
className,
|
|
8
9
|
]
|
|
9
10
|
.filter(Boolean)
|
|
10
|
-
.join(" "), children: [icon ? _jsx(IconComponent, { src: icon, role: "presentation" }) : null, _jsxs("div", { className: "af-card-radio-option__content", children: [_jsx("p", { className: "af-card-radio-option__label", children: label }), Boolean(description) && (_jsx("p", { className: "af-card-radio-option__description", children: description })), Boolean(subtitle) && (_jsx("p", { className: "af-card-radio-option__subtitle", children: subtitle }))] }), _jsx(RadioComponent, { ...inputProps, isInvalid: isInvalid, ref: ref })] })));
|
|
11
|
+
.join(" "), children: [icon ? _jsx(IconComponent, { src: icon, role: "presentation" }) : null, type === "horizontal" && src ? (_jsx(BasePicture, { src: src, ...basePictureProps })) : null, _jsxs("div", { className: "af-card-radio-option__content", children: [_jsx("p", { className: "af-card-radio-option__label", children: label }), Boolean(description) && (_jsx("p", { className: "af-card-radio-option__description", children: description })), Boolean(subtitle) && (_jsx("p", { className: "af-card-radio-option__subtitle", children: subtitle }))] }), _jsx(RadioComponent, { ...inputProps, isInvalid: isInvalid, ref: ref })] })));
|
|
11
12
|
CardRadioOptionCommon.displayName = "CardRadioOptionCommon";
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Icon } from "../../../Icon/IconApollo";
|
|
3
|
-
import { BasePicture } from "../../../BasePicture/BasePictureApollo";
|
|
4
3
|
import { ClickItemPrefixCommon, } from "./ClickItemPrefixCommon";
|
|
5
|
-
export const ClickItemPrefix = (props) => (_jsx(ClickItemPrefixCommon, {
|
|
4
|
+
export const ClickItemPrefix = (props) => (_jsx(ClickItemPrefixCommon, { ...props, IconComponent: Icon }));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { ComponentProps, ComponentType } from "react";
|
|
2
|
-
import { BasePicture } from "../../../BasePicture/
|
|
1
|
+
import type { ComponentProps, ComponentType } from "react";
|
|
2
|
+
import { BasePicture } from "../../../BasePicture/BasePicture";
|
|
3
3
|
import type { IconProps } from "../../../Icon/IconCommon";
|
|
4
|
-
import { ClickItemStates, ClickItemVariants } from "../ClickItemCommon";
|
|
4
|
+
import type { ClickItemStates, ClickItemVariants } from "../ClickItemCommon";
|
|
5
5
|
export type ClickItemPrefixProps = {
|
|
6
6
|
state: ClickItemStates;
|
|
7
7
|
variant: ClickItemVariants;
|
|
@@ -10,6 +10,5 @@ export type ClickItemPrefixProps = {
|
|
|
10
10
|
};
|
|
11
11
|
export type ClickItemPrefixCommonProps = ClickItemPrefixProps & {
|
|
12
12
|
IconComponent: ComponentType<IconProps>;
|
|
13
|
-
BasePictureComponent: ComponentType<ComponentProps<typeof BasePicture>>;
|
|
14
13
|
};
|
|
15
|
-
export declare const ClickItemPrefixCommon: ({ state, variant, icon, basePictureProps, IconComponent,
|
|
14
|
+
export declare const ClickItemPrefixCommon: ({ state, variant, icon, basePictureProps, IconComponent, }: ClickItemPrefixCommonProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
|
|
2
|
+
import { BasePicture } from "../../../BasePicture/BasePicture";
|
|
3
|
+
export const ClickItemPrefixCommon = ({ state, variant, icon, basePictureProps, IconComponent, }) => {
|
|
3
4
|
if (!(Boolean(basePictureProps) && variant === "agent") && !icon) {
|
|
4
5
|
return null;
|
|
5
6
|
}
|
|
6
7
|
if (Boolean(basePictureProps) && variant === "agent") {
|
|
7
|
-
return _jsx(
|
|
8
|
+
return _jsx(BasePicture, { ...basePictureProps });
|
|
8
9
|
}
|
|
9
10
|
return (_jsx(IconComponent, { role: "presentation", src: icon ?? "", variant: state === "disabled" && variant !== "small" ? "disabled" : "primary" }));
|
|
10
11
|
};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Icon } from "../../../Icon/IconLF";
|
|
3
|
-
import { BasePicture } from "../../../BasePicture/BasePictureLF";
|
|
4
3
|
import { ClickItemPrefixCommon, } from "./ClickItemPrefixCommon";
|
|
5
|
-
export const ClickItemPrefix = (props) => (_jsx(ClickItemPrefixCommon, {
|
|
4
|
+
export const ClickItemPrefix = (props) => (_jsx(ClickItemPrefixCommon, { ...props, IconComponent: Icon }));
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ComponentType, type HTMLAttributes } from "react";
|
|
2
2
|
import { ProgressBarGroupProps } from "../ProgressBarGroup/ProgressBarGroupCommon";
|
|
3
|
+
import { ItemMessageProps } from "../Form/ItemMessage/ItemMessageCommon";
|
|
3
4
|
export type StepperProps = {
|
|
4
5
|
currentStepProgress?: number;
|
|
5
6
|
currentStep: number;
|
|
@@ -8,7 +9,8 @@ export type StepperProps = {
|
|
|
8
9
|
nbSteps?: 3 | 4 | 5 | 6 | 7 | 8;
|
|
9
10
|
helper?: string;
|
|
10
11
|
message?: string;
|
|
12
|
+
messageType?: ItemMessageProps["messageType"];
|
|
11
13
|
titleLevel?: 1 | 2 | 3;
|
|
12
14
|
ProgressBarGroupComponent: ComponentType<Omit<ProgressBarGroupProps, "ProgressBarComponent">>;
|
|
13
15
|
} & Omit<HTMLAttributes<HTMLDivElement>, "role">;
|
|
14
|
-
export declare const Stepper: ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, titleLevel, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const Stepper: ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, messageType, titleLevel, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useId, } from "react";
|
|
3
|
-
import { ItemMessage } from "../Form/ItemMessage/ItemMessageCommon";
|
|
4
|
-
export const Stepper = ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, titleLevel = 2, ...props }) => {
|
|
3
|
+
import { ItemMessage, } from "../Form/ItemMessage/ItemMessageCommon";
|
|
4
|
+
export const Stepper = ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, messageType = "success", titleLevel = 2, ...props }) => {
|
|
5
5
|
const stepperId = useId();
|
|
6
6
|
const Title = `h${titleLevel}`;
|
|
7
|
-
return (_jsxs("div", { className: "af-stepper", ...props, children: [_jsxs("div", { className: "af-stepper__header", children: [_jsx(Title, { className: "af-stepper__title", "aria-describedby": stepperId, children: currentTitle }), Boolean(currentSubtitle) && (_jsx("p", { className: "af-stepper__subtitle", children: currentSubtitle }))] }), _jsx(ProgressBarGroupComponent, { label: currentTitle, className: className, currentStep: currentStep, nbSteps: nbSteps, currentStepProgress: currentStepProgress }), Boolean(helper) && _jsx("span", { className: "af-stepper__helper", children: helper }), _jsx(ItemMessage, { message: message, messageType:
|
|
7
|
+
return (_jsxs("div", { className: "af-stepper", ...props, children: [_jsxs("div", { className: "af-stepper__header", children: [_jsx(Title, { className: "af-stepper__title", "aria-describedby": stepperId, children: currentTitle }), Boolean(currentSubtitle) && (_jsx("p", { className: "af-stepper__subtitle", children: currentSubtitle }))] }), _jsx(ProgressBarGroupComponent, { label: currentTitle, className: className, currentStep: currentStep, nbSteps: nbSteps, currentStepProgress: currentStepProgress }), Boolean(helper) && _jsx("span", { className: "af-stepper__helper", children: helper }), _jsx(ItemMessage, { message: message, messageType: messageType })] }));
|
|
8
8
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
|
|
|
4
4
|
import "@fontsource/source-sans-pro";
|
|
5
5
|
export { Accordion, type AccordionVariants, accordionVariants, } from "./Accordion/AccordionApollo";
|
|
6
6
|
export { AccordionCore } from "./AccordionCore/AccordionCoreApollo";
|
|
7
|
-
export { BasePicture } from "./BasePicture/
|
|
7
|
+
export { BasePicture } from "./BasePicture/BasePicture";
|
|
8
8
|
export { Button, buttonVariants, type ButtonVariants, } from "./Button/ButtonApollo";
|
|
9
9
|
export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageApollo";
|
|
10
10
|
export { ClickIcon } from "./ClickIcon/ClickIconApollo";
|
package/dist/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
|
|
|
4
4
|
import "@fontsource/source-sans-pro";
|
|
5
5
|
export { Accordion, accordionVariants, } from "./Accordion/AccordionApollo";
|
|
6
6
|
export { AccordionCore } from "./AccordionCore/AccordionCoreApollo";
|
|
7
|
-
export { BasePicture } from "./BasePicture/
|
|
7
|
+
export { BasePicture } from "./BasePicture/BasePicture";
|
|
8
8
|
export { Button, buttonVariants, } from "./Button/ButtonApollo";
|
|
9
9
|
export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageApollo";
|
|
10
10
|
export { ClickIcon } from "./ClickIcon/ClickIconApollo";
|
package/dist/indexLF.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
|
|
|
4
4
|
import "@fontsource/source-sans-pro";
|
|
5
5
|
export { Accordion, type AccordionVariants, accordionVariants, } from "./Accordion/AccordionLF";
|
|
6
6
|
export { AccordionCore } from "./AccordionCore/AccordionCoreLF";
|
|
7
|
-
export { BasePicture } from "./BasePicture/
|
|
7
|
+
export { BasePicture } from "./BasePicture/BasePicture";
|
|
8
8
|
export { Button, buttonVariants, type ButtonVariants } from "./Button/ButtonLF";
|
|
9
9
|
export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageLF";
|
|
10
10
|
export { ClickIcon } from "./ClickIcon/ClickIconLF";
|
package/dist/indexLF.js
CHANGED
|
@@ -4,7 +4,7 @@ import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
|
|
|
4
4
|
import "@fontsource/source-sans-pro";
|
|
5
5
|
export { Accordion, accordionVariants, } from "./Accordion/AccordionLF";
|
|
6
6
|
export { AccordionCore } from "./AccordionCore/AccordionCoreLF";
|
|
7
|
-
export { BasePicture } from "./BasePicture/
|
|
7
|
+
export { BasePicture } from "./BasePicture/BasePicture";
|
|
8
8
|
export { Button, buttonVariants } from "./Button/ButtonLF";
|
|
9
9
|
export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageLF";
|
|
10
10
|
export { ClickIcon } from "./ClickIcon/ClickIconLF";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@axa-fr/design-system-apollo-react",
|
|
3
|
-
"version": "1.0.5-alpha.
|
|
3
|
+
"version": "1.0.5-alpha.445",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
},
|
|
47
47
|
"homepage": "https://github.com/AxaFrance/design-system#readme",
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"@axa-fr/design-system-apollo-css": "1.0.5-alpha.
|
|
50
|
-
"@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.
|
|
49
|
+
"@axa-fr/design-system-apollo-css": "1.0.5-alpha.445",
|
|
50
|
+
"@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.445",
|
|
51
51
|
"@material-symbols/svg-400": ">= 0.19.0",
|
|
52
52
|
"react": ">= 18"
|
|
53
53
|
},
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const BasePicture: ({ className, src, ...rest }: React.ImgHTMLAttributes<HTMLImageElement>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useMemo } from "react";
|
|
3
|
-
import logo from "@axa-fr/design-system-apollo-css/logo-axa.svg";
|
|
4
|
-
import { getComponentClassName } from "../utilities/getComponentClassName";
|
|
5
|
-
export const BasePicture = ({ className, src, ...rest }) => {
|
|
6
|
-
const componentClassName = useMemo(() => getComponentClassName("af-basepicture", className), [className]);
|
|
7
|
-
return (_jsx("img", { className: componentClassName, alt: "", src: src || logo, ...rest }));
|
|
8
|
-
};
|