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

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/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/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.286",
   "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.286",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },