@axa-fr/design-system-apollo-react 1.0.5-alpha.255 → 1.0.5-alpha.256

package/dist/ItemTabBar/ItemTabBarApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarApollo.scss";
+export { ItemTabBar, itemTabBarVariants, type ItemTabBarVariants, } from "./ItemTabBarCommon";

package/dist/ItemTabBar/ItemTabBarApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarApollo.scss";
+export { ItemTabBar, itemTabBarVariants, } from "./ItemTabBarCommon";

package/dist/ItemTabBar/ItemTabBarCommon.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithRef, ReactNode } from "react";
+export declare const itemTabBarVariants: {
+    readonly tabBar: "tabBar";
+    readonly header: "header";
+};
+export type ItemTabBarVariants = keyof typeof itemTabBarVariants;
+type ItemTabBarProps = ComponentPropsWithRef<"button"> & {
+    variant?: ItemTabBarVariants;
+    isActive?: boolean;
+    icon?: ReactNode;
+    title: string;
+};
+export declare const ItemTabBar: import("react").ForwardRefExoticComponent<Omit<ItemTabBarProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/ItemTabBar/ItemTabBarCommon.js

@@ -0,0 +1,12 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const itemTabBarVariants = {
+    tabBar: "tabBar",
+    header: "header",
+};
+export const ItemTabBar = forwardRef(({ variant = "tabBar", isActive = false, icon, title, className, ...props }, ref) => {
+    const classNames = getComponentClassName("af-item-tab-bar", className, variant);
+    return (_jsxs("button", { ref: ref, type: "button", role: "tab", "aria-selected": isActive, className: classNames, ...props, children: [icon, title] }));
+});
+ItemTabBar.displayName = "ItemTabBar";

package/dist/ItemTabBar/ItemTabBarLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarLF.scss";
+export { ItemTabBar, itemTabBarVariants, type ItemTabBarVariants, } from "./ItemTabBarCommon";

package/dist/ItemTabBar/ItemTabBarLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/ItemTabBar/ItemTabBarLF.scss";
+export { ItemTabBar, itemTabBarVariants, } from "./ItemTabBarCommon";

package/dist/index.d.ts

@@ -26,6 +26,7 @@ export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupApollo";
 export { Stepper } from "./Stepper/StepperApollo";
 export { DateInput } from "./Form/DateInput/DateInputApollo";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";
+export { ItemTabBar, itemTabBarVariants, type ItemTabBarVariants, } from "./ItemTabBar/ItemTabBarApollo";
 export { Heading, type HeadingLevel } from "./Heading/HeadingApollo";
 export { Checkbox } from "./Form/checkbox/checkbox/CheckboxApollo";
 export { CheckboxText } from "./Form/checkbox/checkboxText/CheckboxTextApollo";

package/dist/index.js

@@ -26,6 +26,7 @@ export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupApollo";
 export { Stepper } from "./Stepper/StepperApollo";
 export { DateInput } from "./Form/DateInput/DateInputApollo";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";
+export { ItemTabBar, itemTabBarVariants, } from "./ItemTabBar/ItemTabBarApollo";
 export { Heading } from "./Heading/HeadingApollo";
 export { Checkbox } from "./Form/checkbox/checkbox/CheckboxApollo";
 export { CheckboxText } from "./Form/checkbox/checkboxText/CheckboxTextApollo";

package/dist/indexLF.d.ts

@@ -25,6 +25,7 @@ export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupLF";
 export { Stepper } from "./Stepper/StepperLF";
 export { DateInput } from "./Form/DateInput/DateInputLF";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";
+export { ItemTabBar, itemTabBarVariants, type ItemTabBarVariants, } from "./ItemTabBar/ItemTabBarLF";
 export { Heading, type HeadingLevel } from "./Heading/HeadingLF";
 export { Checkbox } from "./Form/checkbox/checkbox/CheckboxLf";
 export { CheckboxText } from "./Form/checkbox/checkboxText/CheckboxTextLF";

package/dist/indexLF.js

@@ -25,6 +25,7 @@ export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupLF";
 export { Stepper } from "./Stepper/StepperLF";
 export { DateInput } from "./Form/DateInput/DateInputLF";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";
+export { ItemTabBar, itemTabBarVariants, } from "./ItemTabBar/ItemTabBarLF";
 export { Heading } from "./Heading/HeadingLF";
 export { Checkbox } from "./Form/checkbox/checkbox/CheckboxLf";
 export { CheckboxText } from "./Form/checkbox/checkboxText/CheckboxTextLF";

package/package.json

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