@axa-fr/design-system-apollo-react 3.0.1-alpha.12 → 3.0.1-alpha.14

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export { BasePicture } from "./BasePicture/BasePicture";
 export { Button, buttonVariants, type ButtonVariants, } from "./Button/ButtonApollo";
 export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageApollo";
 export { ClickIcon } from "./ClickIcon/ClickIconApollo";
+export { ContentItemDuoAction, type ContentItemDuoActionState, } from "./ContentItemDuoAction/ContentItemDuoActionApollo";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoApollo";
 export { DataAgent } from "./DataAgent/DataAgentApollo";
 export { Divider } from "./Divider/DividerApollo";
@@ -18,6 +19,9 @@ export { CardCheckboxOption } from "./Form/Checkbox/CardCheckboxOption/CardCheck
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxApollo";
 export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextApollo";
 export { Dropdown } from "./Form/Dropdown/DropdownApollo";
+export { FileUpload } from "./Form/FileUpload/FileUpload/FileUploadApollo";
+export { InputFile } from "./Form/FileUpload/InputFile/InputFileApollo";
+export { ItemFile } from "./Form/FileUpload/ItemFile/ItemFileApollo";
 export { InputDate } from "./Form/InputDate/InputDateApollo";
 export { type OptionType } from "./Form/InputPhone/InputPhone.types";
 export { InputPhone } from "./Form/InputPhone/InputPhoneApollo";
@@ -33,12 +37,10 @@ export { DebugGrid } from "./Grid/DebugGridApollo";
 export { Heading, type HeadingLevel } from "./Heading/HeadingApollo";
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./Icon/IconApollo";
 export { ItemTabBar, type ItemTabBarProps, } from "./ItemTabBar/ItemTabBarApollo";
-export { TabBar, type TabBarProps, tabBarDirection, type TabBarDirection, } from "./TabBar/TabBarApollo";
 export { Footer, type FooterProps } from "./Layout/Footer/FooterApollo";
 export { Link, linkVariants, type LinkVariants } from "./Link/LinkApollo";
 export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./List/ClickItem/ClickItemApollo";
 export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoApollo";
-export { type ContentItemDuoActionState, ContentItemDuoAction, } from "./ContentItemDuoAction/ContentItemDuoActionApollo";
 export { Message, messageVariants, type MessageVariants, } from "./Message/MessageApollo";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal/ModalApollo";
 export { ProgressBar } from "./ProgressBar/ProgressBarApollo";
@@ -46,9 +48,7 @@ export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupApollo";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerApollo";
 export { Stepper } from "./Stepper/StepperApollo";
 export { Svg } from "./Svg/Svg";
+export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from "./TabBar/TabBarApollo";
 export { Tag, tagVariants, type TagVariants } from "./Tag/TagApollo";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./Toggle/ToggleApollo";
-export { InputFile } from "./Form/FileUpload/InputFile/InputFileApollo";
-export { ItemFile } from "./Form/FileUpload/ItemFile/ItemFileApollo";
-export { FileUpload } from "./Form/FileUpload/FileUpload/FileUploadApollo";

package/dist/index.js

@@ -8,6 +8,7 @@ export { BasePicture } from "./BasePicture/BasePicture";
 export { Button, buttonVariants, } from "./Button/ButtonApollo";
 export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageApollo";
 export { ClickIcon } from "./ClickIcon/ClickIconApollo";
+export { ContentItemDuoAction, } from "./ContentItemDuoAction/ContentItemDuoActionApollo";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoApollo";
 export { DataAgent } from "./DataAgent/DataAgentApollo";
 export { Divider } from "./Divider/DividerApollo";
@@ -18,6 +19,9 @@ export { CardCheckboxOption } from "./Form/Checkbox/CardCheckboxOption/CardCheck
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxApollo";
 export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextApollo";
 export { Dropdown } from "./Form/Dropdown/DropdownApollo";
+export { FileUpload } from "./Form/FileUpload/FileUpload/FileUploadApollo";
+export { InputFile } from "./Form/FileUpload/InputFile/InputFileApollo";
+export { ItemFile } from "./Form/FileUpload/ItemFile/ItemFileApollo";
 export { InputDate } from "./Form/InputDate/InputDateApollo";
 export { InputPhone } from "./Form/InputPhone/InputPhoneApollo";
 export { InputText } from "./Form/InputText/InputTextApollo";
@@ -32,12 +36,10 @@ export { DebugGrid } from "./Grid/DebugGridApollo";
 export { Heading } from "./Heading/HeadingApollo";
 export { Icon, iconSizeVariants, iconVariants, } from "./Icon/IconApollo";
 export { ItemTabBar, } from "./ItemTabBar/ItemTabBarApollo";
-export { TabBar, tabBarDirection, } from "./TabBar/TabBarApollo";
 export { Footer } from "./Layout/Footer/FooterApollo";
 export { Link, linkVariants } from "./Link/LinkApollo";
 export { ClickItem, clickItemStates, clickItemVariants, } from "./List/ClickItem/ClickItemApollo";
 export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoApollo";
-export { ContentItemDuoAction, } from "./ContentItemDuoAction/ContentItemDuoActionApollo";
 export { Message, messageVariants, } from "./Message/MessageApollo";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal/ModalApollo";
 export { ProgressBar } from "./ProgressBar/ProgressBarApollo";
@@ -45,9 +47,7 @@ export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupApollo";
 export { Spinner, spinnerVariants, } from "./Spinner/SpinnerApollo";
 export { Stepper } from "./Stepper/StepperApollo";
 export { Svg } from "./Svg/Svg";
+export { TabBar, tabBarDirection, } from "./TabBar/TabBarApollo";
 export { Tag, tagVariants } from "./Tag/TagApollo";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./Toggle/ToggleApollo";
-export { InputFile } from "./Form/FileUpload/InputFile/InputFileApollo";
-export { ItemFile } from "./Form/FileUpload/ItemFile/ItemFileApollo";
-export { FileUpload } from "./Form/FileUpload/FileUpload/FileUploadApollo";

package/dist/indexLF.d.ts

@@ -8,6 +8,7 @@ export { BasePicture } from "./BasePicture/BasePicture";
 export { Button, buttonVariants, type ButtonVariants } from "./Button/ButtonLF";
 export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageLF";
 export { ClickIcon } from "./ClickIcon/ClickIconLF";
+export { ContentItemDuoAction, type ContentItemDuoActionState, } from "./ContentItemDuoAction/ContentItemDuoActionLF";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoLF";
 export { DataAgent } from "./DataAgent/DataAgentLF";
 export { Divider } from "./Divider/DividerLF";
@@ -18,6 +19,9 @@ export { CardCheckboxOption } from "./Form/Checkbox/CardCheckboxOption/CardCheck
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxLF";
 export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
 export { Dropdown } from "./Form/Dropdown/DropdownLF";
+export { FileUpload } from "./Form/FileUpload/FileUpload/FileUploadLF";
+export { InputFile } from "./Form/FileUpload/InputFile/InputFileLF";
+export { ItemFile } from "./Form/FileUpload/ItemFile/ItemFileLF";
 export { 
 /** @deprecated Use `InputDate` instead. */
 InputDate as DateInput, InputDate, } from "./Form/InputDate/InputDateLF";
@@ -37,12 +41,10 @@ export { DebugGrid } from "./Grid/DebugGridLF";
 export { Heading, type HeadingLevel } from "./Heading/HeadingLF";
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./Icon/IconLF";
 export { ItemTabBar, type ItemTabBarProps } from "./ItemTabBar/ItemTabBarLF";
-export { TabBar, type TabBarProps, tabBarDirection, type TabBarDirection, } from "./TabBar/TabBarLF";
 export { Footer, type FooterProps } from "./Layout/Footer/FooterLF";
 export { Link, linkVariants, type LinkVariants } from "./Link/LinkLF";
 export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./List/ClickItem/ClickItemLF";
 export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoLF";
-export { type ContentItemDuoActionState, ContentItemDuoAction, } from "./ContentItemDuoAction/ContentItemDuoActionLF";
 export { Message, messageVariants, type MessageVariants, } from "./Message/MessageLF";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal/ModalLF";
 export { ProgressBar } from "./ProgressBar/ProgressBarLF";
@@ -50,9 +52,7 @@ export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupLF";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerLF";
 export { Stepper } from "./Stepper/StepperLF";
 export { Svg } from "./Svg/Svg";
+export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from "./TabBar/TabBarLF";
 export { Tag, tagVariants, type TagVariants } from "./Tag/TagLF";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";
 export { Toggle } from "./Toggle/ToggleLF";
-export { InputFile } from "./Form/FileUpload/InputFile/InputFileLF";
-export { ItemFile } from "./Form/FileUpload/ItemFile/ItemFileLF";
-export { FileUpload } from "./Form/FileUpload/FileUpload/FileUploadLF";

package/dist/indexLF.js

@@ -8,6 +8,7 @@ export { BasePicture } from "./BasePicture/BasePicture";
 export { Button, buttonVariants } from "./Button/ButtonLF";
 export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageLF";
 export { ClickIcon } from "./ClickIcon/ClickIconLF";
+export { ContentItemDuoAction, } from "./ContentItemDuoAction/ContentItemDuoActionLF";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoLF";
 export { DataAgent } from "./DataAgent/DataAgentLF";
 export { Divider } from "./Divider/DividerLF";
@@ -18,6 +19,9 @@ export { CardCheckboxOption } from "./Form/Checkbox/CardCheckboxOption/CardCheck
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxLF";
 export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
 export { Dropdown } from "./Form/Dropdown/DropdownLF";
+export { FileUpload } from "./Form/FileUpload/FileUpload/FileUploadLF";
+export { InputFile } from "./Form/FileUpload/InputFile/InputFileLF";
+export { ItemFile } from "./Form/FileUpload/ItemFile/ItemFileLF";
 export { 
 /** @deprecated Use `InputDate` instead. */
 InputDate as DateInput, InputDate, } from "./Form/InputDate/InputDateLF";
@@ -36,12 +40,10 @@ export { DebugGrid } from "./Grid/DebugGridLF";
 export { Heading } from "./Heading/HeadingLF";
 export { Icon, iconSizeVariants, iconVariants, } from "./Icon/IconLF";
 export { ItemTabBar } from "./ItemTabBar/ItemTabBarLF";
-export { TabBar, tabBarDirection, } from "./TabBar/TabBarLF";
 export { Footer } from "./Layout/Footer/FooterLF";
 export { Link, linkVariants } from "./Link/LinkLF";
 export { ClickItem, clickItemStates, clickItemVariants, } from "./List/ClickItem/ClickItemLF";
 export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoLF";
-export { ContentItemDuoAction, } from "./ContentItemDuoAction/ContentItemDuoActionLF";
 export { Message, messageVariants, } from "./Message/MessageLF";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal/ModalLF";
 export { ProgressBar } from "./ProgressBar/ProgressBarLF";
@@ -49,9 +51,7 @@ export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupLF";
 export { Spinner, spinnerVariants, } from "./Spinner/SpinnerLF";
 export { Stepper } from "./Stepper/StepperLF";
 export { Svg } from "./Svg/Svg";
+export { TabBar, tabBarDirection, } from "./TabBar/TabBarLF";
 export { Tag, tagVariants } from "./Tag/TagLF";
 export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";
 export { Toggle } from "./Toggle/ToggleLF";
-export { InputFile } from "./Form/FileUpload/InputFile/InputFileLF";
-export { ItemFile } from "./Form/FileUpload/ItemFile/ItemFileLF";
-export { FileUpload } from "./Form/FileUpload/FileUpload/FileUploadLF";

package/dist/utilities/getClassName.d.ts

@@ -0,0 +1,20 @@
+type getClassNameParams = {
+    baseClassName: string;
+    modifiers?: Array<string | boolean | undefined>;
+    className?: string;
+};
+/**
+ * Generates a CSS class string from a base class name, optional modifiers, and an additional class name.
+ *
+ * @param {string} params.baseClassName - The base class name (required).
+ * @param {Array<string|boolean|undefined>} [params.modifiers] - List of modifiers to append as `${baseClassName}--{modifier}`. Falsy values are ignored.
+ * @param {string} [params.className] - Additional class name(s) to append to the final string.
+ * @returns {string} The concatenated CSS class string, separated by spaces.
+ *
+ * @example
+ * const isLarge = false;
+ * getClassName({ baseClassName: 'af-button', modifiers: ['primary', isLarge && 'large'], className: 'custom-class' })
+ * // Returns: 'af-button af-button--primary custom-class'
+ */
+export declare const getClassName: ({ baseClassName, modifiers, className, }: getClassNameParams) => string;
+export {};

package/dist/utilities/getClassName.js

@@ -0,0 +1,24 @@
+/**
+ * Generates a CSS class string from a base class name, optional modifiers, and an additional class name.
+ *
+ * @param {string} params.baseClassName - The base class name (required).
+ * @param {Array<string|boolean|undefined>} [params.modifiers] - List of modifiers to append as `${baseClassName}--{modifier}`. Falsy values are ignored.
+ * @param {string} [params.className] - Additional class name(s) to append to the final string.
+ * @returns {string} The concatenated CSS class string, separated by spaces.
+ *
+ * @example
+ * const isLarge = false;
+ * getClassName({ baseClassName: 'af-button', modifiers: ['primary', isLarge && 'large'], className: 'custom-class' })
+ * // Returns: 'af-button af-button--primary custom-class'
+ */
+export const getClassName = ({ baseClassName, modifiers = [], className = "", }) => {
+    const parsedModifiers = modifiers
+        .filter(Boolean)
+        .map((modifier) => `${baseClassName}--${modifier}`);
+    const classList = [
+        baseClassName,
+        ...parsedModifiers,
+        ...className.split(" "),
+    ].filter(Boolean);
+    return Array.from(new Set(classList)).join(" ");
+};

package/dist/utilities/getComponentClassName.d.ts

@@ -1 +1,4 @@
+/**
+ * @deprecated This function is deprecated and will be removed in a future release. Use getClassName instead.
+ */
 export declare const getComponentClassName: (defaultClassName: string, className?: string, classModifier?: string) => string;

package/dist/utilities/getComponentClassName.js

@@ -11,6 +11,9 @@ const listClassModifier = (classModifier) => {
     }
     return classModifier.split(" ");
 };
+/**
+ * @deprecated This function is deprecated and will be removed in a future release. Use getClassName instead.
+ */
 export const getComponentClassName = (defaultClassName, className, classModifier) => {
     // Fail fast, when no defaultClassName we don't want to loop on modifier
     if (!defaultClassName) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "3.0.1-alpha.12",
+  "version": "3.0.1-alpha.14",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -46,10 +46,10 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-apollo-css": "3.0.1-alpha.12",
+    "@axa-fr/design-system-apollo-css": "3.0.1-alpha.14",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18",
-    "@axa-fr/design-system-look-and-feel-css": "3.0.1-alpha.12"
+    "@axa-fr/design-system-look-and-feel-css": "3.0.1-alpha.14"
   },
   "peerDependenciesMeta": {
     "@material-symbols/svg-400": {