@axa-fr/design-system-slash-react 1.2.1-alpha.47 → 1.2.1-alpha.52

package/dist/Card/Card.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentProps } from "react";
+import "@axa-fr/design-system-slash-css/dist/Card/Card.css";
+type CardProps = ComponentProps<"button"> & {
+    /** By default : *vertical* */
+    orientation?: "vertical" | "horizontal";
+    /** icon url, for exemple from "@material-symbols" :
+     *
+     *  import villaIcon from "@material-symbols/svg-400/outlined/villa.svg"; */
+    iconSrc?: string;
+    error?: boolean;
+};
+export declare const Card: ({ children, className, iconSrc, orientation, error, ...otherProps }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Card/Card.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import { Svg } from "../Svg";
+import "@axa-fr/design-system-slash-css/dist/Card/Card.css";
+const DEFAULT_CLASS_NAME = "af-card";
+export const Card = ({ children, className, iconSrc, orientation = "vertical", error = false, ...otherProps }) => (_jsxs("button", { type: "button", className: classNames(DEFAULT_CLASS_NAME, error && `${DEFAULT_CLASS_NAME}--error`, orientation === "horizontal" && `${DEFAULT_CLASS_NAME}--${orientation}`, className), ...otherProps, children: [iconSrc ? _jsx(Svg, { src: iconSrc }) : null, children] }));

package/dist/Svg/Svg.js

@@ -46,5 +46,5 @@ export const Svg = ({ src, alt, width = 24, height = 24, ...props }) => {
     if (hasError) {
         return alt ? (_jsx("span", { ...props, children: alt })) : null;
     }
-    return _jsx("svg", { ref: rootRef, "data-src": src, ...props });
+    return _jsx("svg", { ref: rootRef, "data-src": src, role: "presentation", ...props });
 };

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import { Message } from "./Messages/Message";
 export { Action } from "./Action/Action";
 export { Badge } from "./Badge/Badge";
 export { Button } from "./Button/Button";
+export { Card } from "./Card/Card";
 export { Checkbox, CheckboxInput, CheckboxItem, CheckboxModes, } from "./Form/Checkbox";
 export { Choice, ChoiceInput } from "./Form/Choice";
 export { LegacyField as Field, FieldError, FieldForm, FieldInput, FormClassManager, HelpMessage, InputList, MessageTypes, } from "./Form/core";

package/dist/index.js

@@ -6,6 +6,7 @@ import { Message } from "./Messages/Message";
 export { Action } from "./Action/Action";
 export { Badge } from "./Badge/Badge";
 export { Button } from "./Button/Button";
+export { Card } from "./Card/Card";
 export { Checkbox, CheckboxInput, CheckboxItem, CheckboxModes, } from "./Form/Checkbox";
 export { Choice, ChoiceInput } from "./Form/Choice";
 export { LegacyField as Field, FieldError, FieldForm, FieldInput, FormClassManager, HelpMessage, InputList, MessageTypes, } from "./Form/core";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-slash-react",
-  "version": "1.2.1-alpha.47",
+  "version": "1.2.1-alpha.52",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -47,7 +47,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-slash-css": "1.2.1-alpha.47",
+    "@axa-fr/design-system-slash-css": "1.2.1-alpha.52",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },