@axa-fr/design-system-apollo-react 1.0.3-alpha.209 → 1.0.3-alpha.211

package/dist/Tag/TagApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Tag/TagApollo.scss";
+export { Tag, type TagVariants, tagVariants } from "./TagCommon";

package/dist/Tag/TagApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Tag/TagApollo.scss";
+export { Tag, tagVariants } from "./TagCommon";

package/dist/Tag/TagCommon.d.ts

@@ -0,0 +1,14 @@
+import { type ComponentProps } from "react";
+export declare const tagVariants: {
+    readonly info: "info";
+    readonly success: "success";
+    readonly warning: "warning";
+    readonly error: "error";
+    readonly neutral: "neutral";
+};
+export type TagVariants = keyof typeof tagVariants;
+type TagProps = ComponentProps<"div"> & {
+    variant?: TagVariants;
+};
+export declare const Tag: ({ children, className, variant, ...divProps }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Tag/TagCommon.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const tagVariants = {
+    info: "info",
+    success: "success",
+    warning: "warning",
+    error: "error",
+    neutral: "neutral",
+};
+export const Tag = ({ children, className, variant = "info", ...divProps }) => {
+    const componentClassName = useMemo(() => getComponentClassName("af-tag", className, variant), [className, variant]);
+    return (_jsx("div", { className: componentClassName, ...divProps, children: _jsx("span", { className: "af-tag__label", children: children }) }));
+};

package/dist/Tag/TagLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Tag/TagLF.scss";
+export { Tag, type TagVariants, tagVariants } from "./TagCommon";

package/dist/Tag/TagLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Tag/TagLF.scss";
+export { Tag, tagVariants } from "./TagCommon";

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { Button, buttonVariants, type ButtonVariants, } from "./Button/ButtonApo
 export { Link, linkVariants, type LinkVariants } from "./Link/LinkApollo";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerApollo";
+export { Tag, type TagVariants, tagVariants } from "./Tag/TagApollo";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";

package/dist/index.js

@@ -6,6 +6,7 @@ export { Button, buttonVariants, } from "./Button/ButtonApollo";
 export { Link, linkVariants } from "./Link/LinkApollo";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, } from "./Spinner/SpinnerApollo";
+export { Tag, tagVariants } from "./Tag/TagApollo";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";

package/dist/indexLF.d.ts

@@ -5,6 +5,7 @@ export { Button, buttonVariants, type ButtonVariants } from "./Button/ButtonLF";
 export { Link, linkVariants, type LinkVariants } from "./Link/LinkLF";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerLF";
+export { Tag, type TagVariants, tagVariants } from "./Tag/TagLF";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";

package/dist/indexLF.js

@@ -5,6 +5,7 @@ export { Button, buttonVariants } from "./Button/ButtonLF";
 export { Link, linkVariants } from "./Link/LinkLF";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, } from "./Spinner/SpinnerLF";
+export { Tag, tagVariants } from "./Tag/TagLF";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";

package/package.json

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