@axa-fr/design-system-apollo-react 1.0.5-alpha.290 → 1.0.5-alpha.293

package/dist/Heading/HeadingCommon.d.ts

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

package/dist/Heading/HeadingCommon.js

@@ -1,8 +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";
+import { HeadingWithSubheadings } from "./HeadingWithSubheadings";
 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 })] }));
+export const HeadingCommon = ({ children: title, className, firstSubtitle, secondSubtitle, level = 1, icon, iconProps = {}, tag, ...props }) => (_jsxs("div", { className: classNames("af-heading", className), ...props, 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/HeadingWithSubheadings.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { HeadingLevel } from "./types";
+import type { HeadingLevel } from "./types";
 type HeadingTextProps = {
     title: ReactNode;
     firstSubtitle?: ReactNode;

package/dist/Heading/HeadingWithSubheadings.js

@@ -1,2 +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 }))] }));
+export const HeadingWithSubheadings = ({ title, firstSubtitle, secondSubtitle, titleComponent: TitleComponent = "h1", }) => (_jsxs("hgroup", { className: "af-heading__title-container", children: [_jsx(TitleComponent, { className: "af-heading__title", children: title }), firstSubtitle && _jsx("p", { className: "af-heading__subtitle", children: firstSubtitle }), TitleComponent === "h1" && secondSubtitle && (_jsx("p", { className: "af-heading__subtitle", children: secondSubtitle }))] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.5-alpha.290",
+  "version": "1.0.5-alpha.293",
   "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.290",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.290",
+    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.293",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.293",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },