@axa-fr/design-system-look-and-feel-react 0.3.0-ci.285 → 0.3.0-ci.287

package/dist/AccordionCore/AccordionCore.js

@@ -9,5 +9,5 @@ export const AccordionCore = ({ summary, children, className, classModifier, sum
             onClick(event);
         }
     }, [onClick]);
-    return (_jsxs("details", { className: componentClassName, open: isOpen, ...detailsProps, children: [_jsx("summary", { className: "af-accordion__summary", onClick: handleToggle, role: "button", tabIndex: 0, ...summaryProps, children: summary }), _jsx("hr", { className: "af-accordion__separator" }), _jsx("div", { className: "af-accordion__content", children: children })] }));
+    return (_jsxs("details", { className: componentClassName, open: isOpen, ...detailsProps, children: [_jsx("summary", { className: "af-accordion__summary", onClick: handleToggle, role: "button", tabIndex: 0, ...summaryProps, children: summary }), _jsx("div", { className: "af-accordion__content", children: children })] }));
 };

package/dist/Card/Card.js

@@ -4,6 +4,5 @@ import { getComponentClassName } from "../utilities";
 export const Card = ({ children, className, classModifier, onClick, ...otherProps }) => {
     const componentClassName = useMemo(() => getComponentClassName(className, classModifier, "af-card"), [className, classModifier]);
     const Component = useMemo(() => (onClick ? "button" : "section"), [onClick]);
-    const componentProps = useMemo(() => (onClick ? { type: "button", onClick } : { tabIndex: 0 }), [onClick]);
-    return (_jsx(Component, { className: componentClassName, ...componentProps, ...otherProps, children: children }));
+    return (_jsx(Component, { className: componentClassName, ...(onClick ? { type: "button", onClick } : {}), ...otherProps, children: children }));
 };

package/dist/Divider/Divider.d.ts

@@ -0,0 +1,6 @@
+type DividerProps = {
+    className?: string;
+    classModifier?: string;
+};
+export declare const Divider: ({ className, classModifier }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Divider/Divider.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { getComponentClassName } from "../utilities";
+export const Divider = ({ className, classModifier }) => {
+    const componentClassName = useMemo(() => getComponentClassName(className, classModifier, "af-divider"), [className, classModifier]);
+    return _jsx("hr", { className: componentClassName });
+};

package/dist/Divider/index.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-look-and-feel-css/dist/Divider/Divider.scss";
+export { Divider } from "./Divider";

package/dist/Divider/index.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-look-and-feel-css/dist/Divider/Divider.scss";
+export { Divider } from "./Divider";

package/dist/List/ClickList/ClickList.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { List } from "..";
 import { ClickItem } from "./ClickItem";
-export const ClickList = ({ items, classModifier }) => (_jsx(List, { classModifier: `click-list ${classModifier}`, tabIndex: -1, children: items.map(({ id, ...props }) => (_jsx(ClickItem, { id: id, ...props }, id))) }));
+export const ClickList = ({ items, classModifier }) => (_jsx(List, { classModifier: `click-list ${classModifier}`, children: items.map(({ id, ...props }) => (_jsx(ClickItem, { id: id, ...props }, id))) }));

package/dist/List/ContentTabList/ContentTabList.js

@@ -5,5 +5,5 @@ import { BREAKPOINT, useIsSmallScreen } from "../../utilities";
 import { ContentTabItem } from "./ContentTabItem";
 export const ContentTabList = ({ items, classModifier, }) => {
     const isMobile = useIsSmallScreen(BREAKPOINT.SM);
-    return (_jsx(List, { classModifier: `list large extra-padding content-tab-list ${classModifier}`, tabIndex: -1, children: items.map(({ id, ...item }) => (_jsx(ContentTabItem, { ...item, isMobile: isMobile }, id ?? item.title))) }));
+    return (_jsx(List, { classModifier: `list large extra-padding content-tab-list ${classModifier}`, children: items.map(({ id, ...item }) => (_jsx(ContentTabItem, { ...item, isMobile: isMobile }, id ?? item.title))) }));
 };

package/dist/List/List.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Children, isValidElement, useMemo, } from "react";
 import { Card } from "..";
 import "@axa-fr/design-system-look-and-feel-css/dist/List/List.scss";
 const defaultClassName = "af-list";
 export const List = ({ children, classModifier, ...cardProps }) => {
     const validChildren = useMemo(() => (Children.map(children, (child) => isValidElement(child) && child) ?? []).filter(Boolean), [children]);
-    return (_jsx(Card, { classModifier: `list ${classModifier}`, ...cardProps, children: _jsx("ul", { className: defaultClassName, children: Children.map(validChildren, (child, index) => (_jsxs(React.Fragment, { children: [_jsx("li", { className: `${defaultClassName}__item`, children: child }), index < validChildren.length - 1 && (_jsx("hr", { className: `${defaultClassName}__separator` }))] }, child.key))) }) }));
+    return (_jsx(Card, { classModifier: `list ${classModifier}`, ...cardProps, children: _jsx("ul", { className: defaultClassName, children: Children.map(validChildren, (child) => (_jsx(React.Fragment, { children: _jsx("li", { className: `${defaultClassName}__item`, children: child }) }, child.key))) }) }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-look-and-feel-react",
-  "version": "0.3.0-ci.285",
+  "version": "0.3.0-ci.287",
   "description": "",
   "exports": {
     ".": {
@@ -45,7 +45,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-look-and-feel-css": "0.3.0-ci.285",
+    "@axa-fr/design-system-look-and-feel-css": "0.3.0-ci.287",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },