@axa-fr/design-system-apollo-react 1.0.5-alpha.248 → 1.0.5-alpha.250

package/dist/Heading/HeadingApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingApollo.scss";
+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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingApollo.scss";
+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 })) }));

package/dist/Heading/HeadingCommon.d.ts

@@ -0,0 +1,15 @@
+import React, { type ReactNode } from "react";
+import { IconProps } from "../Icon/IconCommon";
+import { TagProps } from "../Tag/TagCommon";
+import { HeadingLevel } from "./types";
+export type HeadingCommonProps = React.PropsWithChildren<{
+    level?: HeadingLevel;
+    icon?: string;
+    iconProps?: Omit<IconProps, "src">;
+    tag?: React.ReactNode;
+    firstSubtitle?: ReactNode;
+    secondSubtitle?: ReactNode;
+    className?: string;
+}>;
+export declare const DEFAULT_TAG_PROPS: TagProps;
+export declare const HeadingCommon: ({ children: title, className, firstSubtitle, secondSubtitle, level, icon, iconProps, tag, }: HeadingCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Heading/HeadingCommon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import { HeadingWithSubheadings } from "./HeadingWithSubheadings";
+import { Icon } from "../Icon/IconCommon";
+export const DEFAULT_TAG_PROPS = {
+    variant: "neutral",
+};
+export const HeadingCommon = ({ children: title, className, firstSubtitle, secondSubtitle, level = 1, icon, iconProps = {}, tag, }) => (_jsxs("header", { className: classNames("af-heading", className), children: [tag && level < 3 && _jsx("div", { className: "af-heading__label", children: tag }), icon && level === 1 && (_jsx(Icon, { src: icon, size: "L", hasBackground: true, variant: "secondary", ...iconProps, className: classNames("af-heading__icon", iconProps.className) })), _jsx(HeadingWithSubheadings, { title: title, firstSubtitle: firstSubtitle, titleComponent: `h${level}`, secondSubtitle: secondSubtitle })] }));

package/dist/Heading/HeadingLF.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingLF.scss";
+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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingLF.scss";
+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 })) }));

package/dist/Heading/HeadingWithSubheadings.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import { HeadingLevel } from "./types";
+type HeadingTextProps = {
+    title: ReactNode;
+    firstSubtitle?: ReactNode;
+    secondSubtitle?: ReactNode;
+    titleComponent?: `h${HeadingLevel}`;
+};
+export declare const HeadingWithSubheadings: ({ title, firstSubtitle, secondSubtitle, titleComponent: TitleComponent, }: HeadingTextProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Heading/HeadingWithSubheadings.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const HeadingWithSubheadings = ({ title, firstSubtitle, secondSubtitle, titleComponent: TitleComponent = "h1", }) => (_jsxs("div", { className: "af-heading__title-container", children: [_jsx(TitleComponent, { className: "af-heading__title", children: title }), firstSubtitle && (_jsx("span", { className: "af-heading__subtitle", children: firstSubtitle })), TitleComponent === "h1" && secondSubtitle && (_jsx("span", { className: "af-heading__subtitle", children: secondSubtitle }))] }));

package/dist/Heading/types.d.ts

@@ -0,0 +1,6 @@
+import type { TagProps } from "../Tag/TagCommon";
+import type { HeadingCommonProps } from "./HeadingCommon";
+export type HeadingLevel = 1 | 2 | 3;
+export type HeadingProps = HeadingCommonProps & {
+    tagProps?: Omit<TagProps, "children">;
+};

package/dist/Heading/types.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -25,3 +25,4 @@ export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupApollo";
 export { Stepper } from "./Stepper/StepperApollo";
 export { DateInput } from "./Form/DateInput/DateInputApollo";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";
+export { Heading, type HeadingLevel } from "./Heading/HeadingApollo";

package/dist/index.js

@@ -25,3 +25,4 @@ export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupApollo";
 export { Stepper } from "./Stepper/StepperApollo";
 export { DateInput } from "./Form/DateInput/DateInputApollo";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";
+export { Heading } from "./Heading/HeadingApollo";

package/dist/indexLF.d.ts

@@ -24,3 +24,4 @@ export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupLF";
 export { Stepper } from "./Stepper/StepperLF";
 export { DateInput } from "./Form/DateInput/DateInputLF";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";
+export { Heading, type HeadingLevel } from "./Heading/HeadingLF";

package/dist/indexLF.js

@@ -24,3 +24,4 @@ export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupLF";
 export { Stepper } from "./Stepper/StepperLF";
 export { DateInput } from "./Form/DateInput/DateInputLF";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";
+export { Heading } from "./Heading/HeadingLF";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.5-alpha.248",
+  "version": "1.0.5-alpha.250",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -46,8 +46,8 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.248",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.248",
+    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.250",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.250",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },