@axa-fr/design-system-look-and-feel-react 3.0.0 → 3.0.1-alpha.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion/Accordion.d.ts +3 -0
- package/dist/Accordion/Accordion.js +3 -0
- package/dist/AccordionCore/AccordionCore.d.ts +3 -0
- package/dist/AccordionCore/AccordionCore.js +3 -0
- package/dist/Alert/Alert.d.ts +3 -0
- package/dist/Alert/Alert.js +3 -0
- package/dist/BasePicture/BasePicture.d.ts +4 -1
- package/dist/BasePicture/BasePicture.js +5 -1
- package/dist/Button/Button.d.ts +21 -2
- package/dist/Button/Button.js +9 -1
- package/dist/CardMessage/CardMessage.d.ts +18 -1
- package/dist/CardMessage/CardMessage.js +9 -1
- package/dist/ClickIcon/ClickIcon.d.ts +5 -1
- package/dist/ClickIcon/ClickIcon.js +5 -1
- package/dist/ContentItemMono/ContentItemMono.d.ts +5 -1
- package/dist/ContentItemMono/ContentItemMono.js +5 -1
- package/dist/Divider/Divider.d.ts +7 -1
- package/dist/Divider/Divider.js +5 -1
- package/dist/Form/Checkbox/CardCheckbox.d.ts +10 -0
- package/dist/Form/Checkbox/CardCheckbox.js +7 -0
- package/dist/Form/Checkbox/Checkbox.d.ts +5 -1
- package/dist/Form/Checkbox/Checkbox.js +5 -1
- package/dist/Form/Checkbox/CheckboxText.d.ts +5 -1
- package/dist/Form/Checkbox/CheckboxText.js +5 -1
- package/dist/Form/Dropdown/Dropdown.d.ts +9 -1
- package/dist/Form/Dropdown/Dropdown.js +9 -1
- package/dist/Form/FileUpload/FileUpload.d.ts +3 -0
- package/dist/Form/FileUpload/FileUpload.js +3 -0
- package/dist/Form/InputDate/InputDate.d.ts +9 -1
- package/dist/Form/InputDate/InputDate.js +9 -1
- package/dist/Form/InputError/InputError.d.ts +3 -0
- package/dist/Form/InputError/InputError.js +3 -0
- package/dist/Form/InputText/InputText.d.ts +9 -1
- package/dist/Form/InputText/InputText.js +9 -1
- package/dist/Form/ItemFile/ItemFile.d.ts +5 -1
- package/dist/Form/ItemFile/ItemFile.js +5 -1
- package/dist/Form/ItemLabel/ItemLabel.d.ts +5 -1
- package/dist/Form/ItemLabel/ItemLabel.js +5 -1
- package/dist/Form/ItemMessage/ItemMessage.d.ts +5 -1
- package/dist/Form/ItemMessage/ItemMessage.js +5 -1
- package/dist/Form/Radio/Radio.d.ts +5 -1
- package/dist/Form/Radio/Radio.js +5 -1
- package/dist/Form/Radio/RadioCard.d.ts +10 -0
- package/dist/Form/Radio/RadioCard.js +7 -0
- package/dist/Form/TextArea/TextArea.d.ts +5 -1
- package/dist/Form/TextArea/TextArea.js +5 -1
- package/dist/Form/core/FieldForm.js +1 -0
- package/dist/Form/core/getComponentClassName.js +1 -0
- package/dist/Grid/DebugGrid.d.ts +5 -1
- package/dist/Grid/DebugGrid.js +5 -1
- package/dist/Heading/Heading.d.ts +9 -1
- package/dist/Heading/Heading.js +5 -1
- package/dist/Icon/Icon.d.ts +30 -1
- package/dist/Icon/Icon.js +13 -1
- package/dist/IconBg/IconBg.d.ts +3 -0
- package/dist/IconBg/IconBg.js +3 -0
- package/dist/ItemTabBar/ItemTabBar.d.ts +9 -1
- package/dist/ItemTabBar/ItemTabBar.js +5 -1
- package/dist/Layout/Footer/Footer.d.ts +9 -2
- package/dist/Layout/Footer/Footer.js +5 -1
- package/dist/Link/Link.d.ts +5 -1
- package/dist/Link/Link.js +5 -1
- package/dist/List/ClickItem/ClickItem.d.ts +3 -0
- package/dist/List/ClickItem/ClickItem.helpers.d.ts +3 -0
- package/dist/List/ClickItem/ClickItem.helpers.js +3 -0
- package/dist/List/ClickItem/ClickItem.js +3 -0
- package/dist/List/ContentItemDuo/ContentItemDuo.d.ts +5 -1
- package/dist/List/ContentItemDuo/ContentItemDuo.js +5 -1
- package/dist/Message/Message.d.ts +13 -2
- package/dist/Message/Message.js +9 -1
- package/dist/Modal/Modal.d.ts +6 -0
- package/dist/Modal/Modal.js +3 -0
- package/dist/Modal/ModalCore.d.ts +6 -0
- package/dist/Modal/ModalCore.js +6 -1
- package/dist/Modal/components/ModalCoreBody.d.ts +6 -0
- package/dist/Modal/components/ModalCoreBody.js +3 -0
- package/dist/Modal/components/ModalCoreFooter.d.ts +6 -0
- package/dist/Modal/components/ModalCoreFooter.js +3 -0
- package/dist/Modal/components/ModalCoreHeader.d.ts +6 -0
- package/dist/Modal/components/ModalCoreHeader.js +3 -0
- package/dist/ProgressBar/ProgressBar.d.ts +5 -1
- package/dist/ProgressBar/ProgressBar.js +5 -1
- package/dist/ProgressBarGroup/ProgressBarGroup.d.ts +5 -1
- package/dist/ProgressBarGroup/ProgressBarGroup.js +5 -1
- package/dist/Skeleton/Skeleton.js +1 -0
- package/dist/Spinner/Spinner.d.ts +17 -2
- package/dist/Spinner/Spinner.js +9 -1
- package/dist/Stepper/Stepper.d.ts +5 -1
- package/dist/Stepper/Stepper.js +5 -1
- package/dist/Svg/Svg.d.ts +3 -0
- package/dist/Svg/Svg.js +6 -0
- package/dist/TabBar/TabBar.d.ts +20 -1
- package/dist/TabBar/TabBar.js +9 -1
- package/dist/Tabs/Tabs.d.ts +9 -0
- package/dist/Tabs/Tabs.js +6 -0
- package/dist/Tag/Tag.d.ts +19 -2
- package/dist/Tag/Tag.js +9 -1
- package/dist/TimelineVertical/TimelineVertical.d.ts +5 -1
- package/dist/TimelineVertical/TimelineVertical.js +5 -1
- package/dist/Title/Title.d.ts +3 -0
- package/dist/Title/Title.js +3 -0
- package/dist/Title/constants.d.ts +6 -0
- package/dist/Title/constants.js +3 -0
- package/dist/Toggle/Toggle.d.ts +5 -1
- package/dist/Toggle/Toggle.js +5 -1
- package/dist/index.d.ts +29 -29
- package/dist/index.js +32 -26
- package/dist/utilities/helpers/getComponentClassName.js +1 -0
- package/package.json +5 -5
package/dist/index.d.ts
CHANGED
|
@@ -1,53 +1,53 @@
|
|
|
1
1
|
import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
|
|
2
2
|
import "@fontsource/source-sans-pro";
|
|
3
|
-
export {
|
|
4
|
-
export { AccordionCore, } from "./AccordionCore";
|
|
5
|
-
export { Alert } from "./Alert/Alert";
|
|
6
|
-
export type { AlertType } from "./Alert/Alert";
|
|
3
|
+
export { Message, messageVariants, type MessageVariants, } from "./Message/Message";
|
|
7
4
|
export { BasePicture } from "./BasePicture/BasePicture";
|
|
8
5
|
export { Button, buttonVariants, type ButtonVariants } from "./Button/Button";
|
|
9
|
-
export { Card } from "./Card";
|
|
10
6
|
export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessage";
|
|
11
7
|
export { ClickIcon } from "./ClickIcon/ClickIcon";
|
|
12
8
|
export { ContentItemMono } from "./ContentItemMono/ContentItemMono";
|
|
13
9
|
export { Divider } from "./Divider/Divider";
|
|
14
|
-
export {
|
|
15
|
-
export { Dropdown,
|
|
16
|
-
export {
|
|
17
|
-
export {
|
|
18
|
-
export {
|
|
19
|
-
export { TextInput as InputText, TextInput, } from "./Form/InputText/InputText";
|
|
10
|
+
export { Checkbox, CheckboxText } from "./Form/Checkbox";
|
|
11
|
+
export { Dropdown, Select } from "./Form/Dropdown/Dropdown";
|
|
12
|
+
export { DateInput, InputDate } from "./Form/InputDate/InputDate";
|
|
13
|
+
export { ItemMessage } from "./Form/ItemMessage/ItemMessage";
|
|
14
|
+
export { InputText, TextInput } from "./Form/InputText/InputText";
|
|
20
15
|
export { ItemFile } from "./Form/ItemFile/ItemFile";
|
|
21
16
|
export { ItemLabel } from "./Form/ItemLabel/ItemLabel";
|
|
22
|
-
export {
|
|
23
|
-
export { Radio, RadioCard, } from "./Form/Radio";
|
|
17
|
+
export { Radio } from "./Form/Radio";
|
|
24
18
|
export { TextArea } from "./Form/TextArea/TextArea";
|
|
25
19
|
export { DebugGrid } from "./Grid/DebugGrid";
|
|
26
20
|
export { Heading, type HeadingLevel } from "./Heading/Heading";
|
|
27
21
|
export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./Icon/Icon";
|
|
28
|
-
export { IconBg } from "./IconBg";
|
|
29
22
|
export { ItemTabBar, type ItemTabBarProps } from "./ItemTabBar/ItemTabBar";
|
|
30
23
|
export { TabBar, type TabBarProps, tabBarDirection, type TabBarDirection, } from "./TabBar/TabBar";
|
|
31
24
|
export { Footer } from "./Layout/Footer/Footer";
|
|
32
|
-
export { BurgerMenu, Header, NavBar, PreviousLink } from "./Layout/Header";
|
|
33
25
|
export { Link } from "./Link/Link";
|
|
34
|
-
export { List } from "./List";
|
|
35
|
-
export { ClickItem, createClickItemParent, } from "./List/ClickItem";
|
|
36
26
|
export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuo";
|
|
37
|
-
export {
|
|
38
|
-
export {
|
|
39
|
-
export {
|
|
40
|
-
export type { ModalCoreBodyProps, ModalCoreFooterProps, ModalCoreHeaderProps, ModalCoreProps, ModalProps, } from "./Modal";
|
|
41
|
-
export { Pagination } from "./Pagination/Pagination";
|
|
42
|
-
export { ProgressBar, } from "./ProgressBar/ProgressBar";
|
|
27
|
+
export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, type ModalCoreBodyProps, type ModalCoreFooterProps, type ModalCoreHeaderProps, type ModalCoreProps, type ModalProps, } from "./Modal";
|
|
28
|
+
export { Stepper } from "./Stepper/Stepper";
|
|
29
|
+
export { ProgressBar } from "./ProgressBar/ProgressBar";
|
|
43
30
|
export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroup";
|
|
44
|
-
export { Skeleton } from "./Skeleton/Skeleton";
|
|
45
|
-
export { SkeletonList } from "./SkeletonList/SkeletonList";
|
|
46
31
|
export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/Spinner";
|
|
47
|
-
export { Stepper } from "./Stepper/Stepper";
|
|
48
|
-
export { Svg } from "./Svg";
|
|
49
|
-
export { TabsClient as Tabs, Direction as TabsDirection } from "./Tabs/Tabs";
|
|
50
32
|
export { Tag, tagVariants, type TagVariants } from "./Tag/Tag";
|
|
51
33
|
export { TimelineVertical } from "./TimelineVertical/TimelineVertical";
|
|
52
|
-
export { Title, TitleSize, type TitleLevel } from "./Title";
|
|
53
34
|
export { Toggle } from "./Toggle/Toggle";
|
|
35
|
+
export { Accordion } from "./Accordion";
|
|
36
|
+
export { AccordionCore } from "./AccordionCore";
|
|
37
|
+
export { CardCheckbox, CheckboxCard } from "./Form/Checkbox/CardCheckbox";
|
|
38
|
+
export { RadioCard, CardRadio } from "./Form/Radio/RadioCard";
|
|
39
|
+
export { ClickItem, createClickItemParent } from "./List/ClickItem";
|
|
40
|
+
export { TabsClient as Tabs, Direction as TabsDirection } from "./Tabs/Tabs";
|
|
41
|
+
export { Svg } from "./Svg";
|
|
42
|
+
export { FileUpload } from "./Form/FileUpload";
|
|
43
|
+
export { Alert, type AlertType } from "./Alert/Alert";
|
|
44
|
+
export { InputError } from "./Form/InputError";
|
|
45
|
+
export { IconBg } from "./IconBg";
|
|
46
|
+
export { Title, TitleSize, type TitleLevel } from "./Title";
|
|
47
|
+
export { Card } from "./Card";
|
|
48
|
+
export { BurgerMenu, Header, NavBar, PreviousLink } from "./Layout/Header";
|
|
49
|
+
export { List } from "./List";
|
|
50
|
+
export { ContentTabItem, ContentTabList } from "./List/ContentTabList";
|
|
51
|
+
export { Pagination } from "./Pagination/Pagination";
|
|
52
|
+
export { Skeleton } from "./Skeleton/Skeleton";
|
|
53
|
+
export { SkeletonList } from "./SkeletonList/SkeletonList";
|
package/dist/index.js
CHANGED
|
@@ -1,51 +1,57 @@
|
|
|
1
1
|
import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
|
|
2
2
|
import "@fontsource/source-sans-pro";
|
|
3
|
-
|
|
4
|
-
export {
|
|
5
|
-
export { Alert } from "./Alert/Alert";
|
|
3
|
+
// Alias From Apollo/LF
|
|
4
|
+
export { Message, messageVariants, } from "./Message/Message";
|
|
6
5
|
export { BasePicture } from "./BasePicture/BasePicture";
|
|
7
6
|
export { Button, buttonVariants } from "./Button/Button";
|
|
8
|
-
export { Card } from "./Card";
|
|
9
7
|
export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessage";
|
|
10
8
|
export { ClickIcon } from "./ClickIcon/ClickIcon";
|
|
11
9
|
export { ContentItemMono } from "./ContentItemMono/ContentItemMono";
|
|
12
10
|
export { Divider } from "./Divider/Divider";
|
|
13
|
-
export {
|
|
14
|
-
export { Dropdown,
|
|
15
|
-
export {
|
|
16
|
-
export {
|
|
17
|
-
export {
|
|
18
|
-
export { TextInput as InputText, TextInput, } from "./Form/InputText/InputText";
|
|
11
|
+
export { Checkbox, CheckboxText } from "./Form/Checkbox";
|
|
12
|
+
export { Dropdown, Select } from "./Form/Dropdown/Dropdown";
|
|
13
|
+
export { DateInput, InputDate } from "./Form/InputDate/InputDate";
|
|
14
|
+
export { ItemMessage } from "./Form/ItemMessage/ItemMessage";
|
|
15
|
+
export { InputText, TextInput } from "./Form/InputText/InputText";
|
|
19
16
|
export { ItemFile } from "./Form/ItemFile/ItemFile";
|
|
20
17
|
export { ItemLabel } from "./Form/ItemLabel/ItemLabel";
|
|
21
|
-
export {
|
|
22
|
-
export { Radio, RadioCard, } from "./Form/Radio";
|
|
18
|
+
export { Radio } from "./Form/Radio";
|
|
23
19
|
export { TextArea } from "./Form/TextArea/TextArea";
|
|
24
20
|
export { DebugGrid } from "./Grid/DebugGrid";
|
|
25
21
|
export { Heading } from "./Heading/Heading";
|
|
26
22
|
export { Icon, iconSizeVariants, iconVariants, } from "./Icon/Icon";
|
|
27
|
-
export { IconBg } from "./IconBg";
|
|
28
23
|
export { ItemTabBar } from "./ItemTabBar/ItemTabBar";
|
|
29
24
|
export { TabBar, tabBarDirection, } from "./TabBar/TabBar";
|
|
30
25
|
export { Footer } from "./Layout/Footer/Footer";
|
|
31
|
-
export { BurgerMenu, Header, NavBar, PreviousLink } from "./Layout/Header";
|
|
32
26
|
export { Link } from "./Link/Link";
|
|
33
|
-
export { List } from "./List";
|
|
34
|
-
export { ClickItem, createClickItemParent, } from "./List/ClickItem";
|
|
35
27
|
export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuo";
|
|
36
|
-
export { ContentTabItem, ContentTabList } from "./List/ContentTabList";
|
|
37
|
-
export { Message, messageVariants, } from "./Message/Message";
|
|
38
28
|
export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal";
|
|
39
|
-
export {
|
|
40
|
-
export { ProgressBar
|
|
29
|
+
export { Stepper } from "./Stepper/Stepper";
|
|
30
|
+
export { ProgressBar } from "./ProgressBar/ProgressBar";
|
|
41
31
|
export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroup";
|
|
42
|
-
export { Skeleton } from "./Skeleton/Skeleton";
|
|
43
|
-
export { SkeletonList } from "./SkeletonList/SkeletonList";
|
|
44
32
|
export { Spinner, spinnerVariants, } from "./Spinner/Spinner";
|
|
45
|
-
export { Stepper } from "./Stepper/Stepper";
|
|
46
|
-
export { Svg } from "./Svg";
|
|
47
|
-
export { TabsClient as Tabs, Direction as TabsDirection } from "./Tabs/Tabs";
|
|
48
33
|
export { Tag, tagVariants } from "./Tag/Tag";
|
|
49
34
|
export { TimelineVertical } from "./TimelineVertical/TimelineVertical";
|
|
50
|
-
export { Title, TitleSize } from "./Title";
|
|
51
35
|
export { Toggle } from "./Toggle/Toggle";
|
|
36
|
+
// deprecated because moved to Apollo/LF
|
|
37
|
+
export { Accordion } from "./Accordion";
|
|
38
|
+
export { AccordionCore } from "./AccordionCore";
|
|
39
|
+
export { CardCheckbox, CheckboxCard } from "./Form/Checkbox/CardCheckbox";
|
|
40
|
+
export { RadioCard, CardRadio } from "./Form/Radio/RadioCard";
|
|
41
|
+
export { ClickItem, createClickItemParent } from "./List/ClickItem";
|
|
42
|
+
export { TabsClient as Tabs, Direction as TabsDirection } from "./Tabs/Tabs";
|
|
43
|
+
export { Svg } from "./Svg";
|
|
44
|
+
export { FileUpload } from "./Form/FileUpload";
|
|
45
|
+
// LF deprecated because renamed
|
|
46
|
+
export { Alert } from "./Alert/Alert";
|
|
47
|
+
export { InputError } from "./Form/InputError";
|
|
48
|
+
export { IconBg } from "./IconBg";
|
|
49
|
+
export { Title, TitleSize } from "./Title";
|
|
50
|
+
// TODO: move to Apollo/LF or deprecated usage
|
|
51
|
+
export { Card } from "./Card";
|
|
52
|
+
export { BurgerMenu, Header, NavBar, PreviousLink } from "./Layout/Header";
|
|
53
|
+
export { List } from "./List";
|
|
54
|
+
export { ContentTabItem, ContentTabList } from "./List/ContentTabList";
|
|
55
|
+
export { Pagination } from "./Pagination/Pagination";
|
|
56
|
+
export { Skeleton } from "./Skeleton/Skeleton";
|
|
57
|
+
export { SkeletonList } from "./SkeletonList/SkeletonList";
|
|
@@ -9,6 +9,7 @@ const listClassModifier = (classModifier) => {
|
|
|
9
9
|
return classModifier.split(" ");
|
|
10
10
|
};
|
|
11
11
|
export const getComponentClassName = (defaultClassName, className, classModifier) => {
|
|
12
|
+
// Fail fast, when no defaultClassName we don't want to loop on modifier
|
|
12
13
|
if (!defaultClassName) {
|
|
13
14
|
return "";
|
|
14
15
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@axa-fr/design-system-look-and-feel-react",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.1-alpha.11",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"postbuild": "copyfiles --up 1 \"src/assets/svg/*.svg\" ./dist/",
|
|
28
28
|
"eslint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
|
|
29
29
|
"eslint:fix": "eslint src --ext js,jsx,ts,tsx --fix",
|
|
30
|
-
"prettier": "prettier \"src/**/*.!(js|jsx|ts|tsx|svg)\" --check --ignore-
|
|
31
|
-
"prettier:fix": "prettier \"src/**/*.!(js|jsx|ts|tsx|svg)\" --write --ignore-
|
|
30
|
+
"prettier": "prettier \"src/**/*.!(js|jsx|ts|tsx|svg)\" --check --ignore-unknown",
|
|
31
|
+
"prettier:fix": "prettier \"src/**/*.!(js|jsx|ts|tsx|svg)\" --write --ignore-unknown",
|
|
32
32
|
"check-types": "tsc --noEmit",
|
|
33
33
|
"test": "vitest",
|
|
34
34
|
"test:ui": "vitest --ui",
|
|
@@ -47,10 +47,10 @@
|
|
|
47
47
|
},
|
|
48
48
|
"homepage": "https://github.com/AxaFrance/design-system#readme",
|
|
49
49
|
"peerDependencies": {
|
|
50
|
-
"@axa-fr/design-system-look-and-feel-css": "3.0.
|
|
50
|
+
"@axa-fr/design-system-look-and-feel-css": "3.0.1-alpha.11",
|
|
51
51
|
"@material-symbols/svg-400": ">= 0.19.0",
|
|
52
52
|
"react": ">= 18",
|
|
53
|
-
"@axa-fr/design-system-apollo-react": "3.0.
|
|
53
|
+
"@axa-fr/design-system-apollo-react": "3.0.1-alpha.11"
|
|
54
54
|
},
|
|
55
55
|
"peerDependenciesMeta": {
|
|
56
56
|
"@material-symbols/svg-400": {
|