@axa-fr/design-system-apollo-react 1.0.3-alpha.184 → 1.0.3-alpha.186

package/dist/Icon/IconApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Icon/IconApollo.scss";
+export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./IconCommon";

package/dist/Icon/IconApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Icon/IconApollo.scss";
+export { Icon, iconVariants, iconSizeVariants, } from "./IconCommon";

package/dist/Icon/IconCommon.d.ts

@@ -0,0 +1,21 @@
+import { ComponentProps } from "react";
+import { Svg } from "../Svg/Svg";
+export declare const iconVariants: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly tertiary: "tertiary";
+};
+export type IconVariants = keyof typeof iconVariants;
+export declare const iconSizeVariants: {
+    readonly L: "large";
+    readonly M: "medium";
+    readonly S: "small";
+    readonly XS: "extra-small";
+};
+export type IconSizeVariants = keyof typeof iconSizeVariants;
+export type IconProps = ComponentProps<typeof Svg> & {
+    variant?: IconVariants;
+    size?: IconSizeVariants;
+    hasBackground?: boolean;
+};
+export declare const Icon: ({ variant, size, hasBackground, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Icon/IconCommon.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+import { Svg } from "../Svg/Svg";
+export const iconVariants = {
+    primary: "primary",
+    secondary: "secondary",
+    tertiary: "tertiary",
+};
+export const iconSizeVariants = {
+    L: "large",
+    M: "medium",
+    S: "small",
+    XS: "extra-small",
+};
+export const Icon = ({ variant = "primary", size = "S", hasBackground = false, ...props }) => {
+    const componentClassName = useMemo(() => {
+        const newClassModifier = [
+            variant,
+            iconSizeVariants[size],
+            hasBackground && "has-background",
+        ]
+            .filter(Boolean)
+            .join(" ");
+        return getComponentClassName("af-icon", "", newClassModifier);
+    }, [variant, hasBackground, size]);
+    return (_jsx("div", { className: componentClassName, children: _jsx(Svg, { ...props }) }));
+};

package/dist/Icon/IconLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Icon/IconLF.scss";
+export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./IconCommon";

package/dist/Icon/IconLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Icon/IconLF.scss";
+export { Icon, iconVariants, iconSizeVariants, } from "./IconCommon";

package/dist/index.d.ts

@@ -9,4 +9,5 @@ export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { TextInput } from "./Form/TextInput/TextInputApollo";
+export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./Icon/IconApollo";
 export { Divider } from "./Divider/DividerApollo";

package/dist/index.js

@@ -9,4 +9,5 @@ export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { TextInput } from "./Form/TextInput/TextInputApollo";
+export { Icon, iconVariants, iconSizeVariants, } from "./Icon/IconApollo";
 export { Divider } from "./Divider/DividerApollo";

package/dist/indexLF.d.ts

@@ -8,4 +8,5 @@ export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { TextInput } from "./Form/TextInput/TextInputLF";
+export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./Icon/IconLF";
 export { Divider } from "./Divider/DividerLF";

package/dist/indexLF.js

@@ -8,4 +8,5 @@ export { DebugGrid } from "./Grid/DebugGrid";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { TextInput } from "./Form/TextInput/TextInputLF";
+export { Icon, iconVariants, iconSizeVariants, } from "./Icon/IconLF";
 export { Divider } from "./Divider/DividerLF";

package/package.json

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