@axa-fr/design-system-look-and-feel-react 1.0.5-alpha.260 → 1.0.5-alpha.262
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/ContentItemMono/ContentItemMono.d.ts +1 -0
- package/dist/ContentItemMono/ContentItemMono.js +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +3 -3
- package/dist/List/ContentItemMono/ContentItemMono.d.ts +0 -16
- package/dist/List/ContentItemMono/ContentItemMono.js +0 -16
- package/dist/List/ContentItemMono/constants.d.ts +0 -4
- package/dist/List/ContentItemMono/constants.js +0 -5
- package/dist/List/ContentItemMono/index.d.ts +0 -3
- package/dist/List/ContentItemMono/index.js +0 -3
@@ -0,0 +1 @@
|
|
1
|
+
export { ContentItemMono } from "@axa-fr/design-system-apollo-react/lf";
|
@@ -0,0 +1 @@
|
|
1
|
+
export { ContentItemMono } from "@axa-fr/design-system-apollo-react/lf";
|
package/dist/index.d.ts
CHANGED
@@ -26,7 +26,6 @@ export { Link } from "./Link/Link";
|
|
26
26
|
export { List } from "./List";
|
27
27
|
export { ClickItem, createClickItemParent } from "./List/ClickItem";
|
28
28
|
export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuo";
|
29
|
-
export { ContentItemMono, ContentItemMonoSize } from "./List/ContentItemMono";
|
30
29
|
export { ContentTabItem, ContentTabList } from "./List/ContentTabList";
|
31
30
|
export { Spinner, type SpinnerVariants, spinnerVariants, } from "./Spinner/Spinner";
|
32
31
|
export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal";
|
@@ -49,3 +48,4 @@ export { Stepper } from "./Stepper/Stepper";
|
|
49
48
|
export { TimelineVertical } from "./TimelineVertical/TimelineVertical";
|
50
49
|
export { ItemTabBar, itemTabBarVariants, type ItemTabBarVariants, } from "./ItemTabBar/ItemTabBar";
|
51
50
|
export { Heading, type HeadingLevel } from "./Heading/Heading";
|
51
|
+
export { ContentItemMono } from "./ContentItemMono/ContentItemMono";
|
package/dist/index.js
CHANGED
@@ -25,7 +25,6 @@ export { Link } from "./Link/Link";
|
|
25
25
|
export { List } from "./List";
|
26
26
|
export { ClickItem, createClickItemParent } from "./List/ClickItem";
|
27
27
|
export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuo";
|
28
|
-
export { ContentItemMono, ContentItemMonoSize } from "./List/ContentItemMono";
|
29
28
|
export { ContentTabItem, ContentTabList } from "./List/ContentTabList";
|
30
29
|
export { Spinner, spinnerVariants, } from "./Spinner/Spinner";
|
31
30
|
export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal";
|
@@ -47,3 +46,4 @@ export { Stepper } from "./Stepper/Stepper";
|
|
47
46
|
export { TimelineVertical } from "./TimelineVertical/TimelineVertical";
|
48
47
|
export { ItemTabBar, itemTabBarVariants, } from "./ItemTabBar/ItemTabBar";
|
49
48
|
export { Heading } from "./Heading/Heading";
|
49
|
+
export { ContentItemMono } from "./ContentItemMono/ContentItemMono";
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@axa-fr/design-system-look-and-feel-react",
|
3
|
-
"version": "1.0.5-alpha.
|
3
|
+
"version": "1.0.5-alpha.262",
|
4
4
|
"description": "",
|
5
5
|
"main": "./dist/index.js",
|
6
6
|
"types": "./dist/index.d.ts",
|
@@ -47,10 +47,10 @@
|
|
47
47
|
},
|
48
48
|
"homepage": "https://github.com/AxaFrance/design-system#readme",
|
49
49
|
"peerDependencies": {
|
50
|
-
"@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.
|
50
|
+
"@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.262",
|
51
51
|
"@material-symbols/svg-400": ">= 0.19.0",
|
52
52
|
"react": ">= 18",
|
53
|
-
"@axa-fr/design-system-apollo-react": "1.0.5-alpha.
|
53
|
+
"@axa-fr/design-system-apollo-react": "1.0.5-alpha.262"
|
54
54
|
},
|
55
55
|
"peerDependenciesMeta": {
|
56
56
|
"@material-symbols/svg-400": {
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import { type ReactNode } from "react";
|
2
|
-
import { ContentItemMonoSize } from "./constants";
|
3
|
-
type ContentItemMonoProps = {
|
4
|
-
children: ReactNode;
|
5
|
-
className?: string;
|
6
|
-
classModifier?: string;
|
7
|
-
secondaryText?: string;
|
8
|
-
tertiaryText?: string;
|
9
|
-
leftElement?: ReactNode;
|
10
|
-
size?: ContentItemMonoSize;
|
11
|
-
isDisabled?: boolean;
|
12
|
-
isLeftElementCentered?: boolean;
|
13
|
-
hasStick?: boolean;
|
14
|
-
};
|
15
|
-
export declare const ContentItemMono: ({ children, className, classModifier, secondaryText, tertiaryText, leftElement, size, isDisabled, isLeftElementCentered, hasStick, }: ContentItemMonoProps) => import("react/jsx-runtime").JSX.Element;
|
16
|
-
export {};
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
-
import { useMemo } from "react";
|
3
|
-
import { getComponentClassName } from "../../utilities";
|
4
|
-
import { ContentItemMonoSize } from "./constants";
|
5
|
-
export const ContentItemMono = ({ children, className, classModifier, secondaryText, tertiaryText, leftElement, size = ContentItemMonoSize.M, isDisabled = false, isLeftElementCentered = false, hasStick = false, }) => {
|
6
|
-
const componentClassName = useMemo(() => {
|
7
|
-
const classModifiers = [size, classModifier];
|
8
|
-
if (isDisabled) {
|
9
|
-
classModifiers.push("disabled");
|
10
|
-
}
|
11
|
-
return getComponentClassName("af-content-item-mono", className, classModifiers.filter(Boolean).join(" "));
|
12
|
-
}, [classModifier, isDisabled, size, className]);
|
13
|
-
return (_jsxs("div", { className: componentClassName, children: [hasStick && (_jsx("div", { className: "af-content-item-mono__stick", role: "presentation" })), leftElement && (_jsx("div", { className: `af-content-item-mono__left-container${isLeftElementCentered
|
14
|
-
? " af-content-item-mono__left-container--center"
|
15
|
-
: ""}`, children: leftElement })), _jsxs("div", { className: "af-content-item-mono__text-container", children: [_jsx("p", { className: "af-content-item-mono__main-text", children: children }), secondaryText && (_jsx("p", { className: "af-content-item-mono__secondary-text", children: secondaryText })), tertiaryText && size !== ContentItemMonoSize.XL && (_jsx("p", { className: "af-content-item-mono__tertiary-text", children: tertiaryText }))] })] }));
|
16
|
-
};
|