@axa-fr/design-system-apollo-react 1.0.3-alpha.203 → 1.0.3-alpha.205

package/dist/Toggle/ToggleApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Toggle/ToggleApollo.scss";
+export { Toggle } from "./ToggleCommon";

package/dist/Toggle/ToggleApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Toggle/ToggleApollo.scss";
+export { Toggle } from "./ToggleCommon";

package/dist/Toggle/ToggleCommon.d.ts

@@ -0,0 +1,3 @@
+type ToggleProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "style" | "type">;
+export declare const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/Toggle/ToggleCommon.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const Toggle = forwardRef(({ className, ...inputProps }, ref) => {
+    let inputId = useId();
+    inputId = inputProps.id ?? inputId;
+    return (_jsxs("label", { className: getComponentClassName("af-toggle", className), htmlFor: inputId, children: [_jsx("div", { className: "af-toggle__root", children: _jsx("span", { className: "af-toggle__handle" }) }), _jsx("input", { ...inputProps, ref: ref, type: "checkbox", id: inputId })] }));
+});
+Toggle.displayName = "Toggle";

package/dist/Toggle/ToggleLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Toggle/ToggleLF.scss";
+export { Toggle } from "./ToggleCommon";

package/dist/Toggle/ToggleLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Toggle/ToggleLF.scss";
+export { Toggle } from "./ToggleCommon";

package/dist/index.d.ts

@@ -11,3 +11,4 @@ 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";
+export { Toggle } from "./Toggle/ToggleApollo";

package/dist/index.js

@@ -11,3 +11,4 @@ export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { TextInput } from "./Form/TextInput/TextInputApollo";
 export { Icon, iconVariants, iconSizeVariants, } from "./Icon/IconApollo";
 export { Divider } from "./Divider/DividerApollo";
+export { Toggle } from "./Toggle/ToggleApollo";

package/dist/indexLF.d.ts

@@ -10,3 +10,4 @@ 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";
+export { Toggle } from "./Toggle/ToggleLF";

package/dist/indexLF.js

@@ -10,3 +10,4 @@ export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { TextInput } from "./Form/TextInput/TextInputLF";
 export { Icon, iconVariants, iconSizeVariants, } from "./Icon/IconLF";
 export { Divider } from "./Divider/DividerLF";
+export { Toggle } from "./Toggle/ToggleLF";

package/package.json

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