@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.
Files changed (109) hide show
  1. package/dist/Accordion/Accordion.d.ts +3 -0
  2. package/dist/Accordion/Accordion.js +3 -0
  3. package/dist/AccordionCore/AccordionCore.d.ts +3 -0
  4. package/dist/AccordionCore/AccordionCore.js +3 -0
  5. package/dist/Alert/Alert.d.ts +3 -0
  6. package/dist/Alert/Alert.js +3 -0
  7. package/dist/BasePicture/BasePicture.d.ts +4 -1
  8. package/dist/BasePicture/BasePicture.js +5 -1
  9. package/dist/Button/Button.d.ts +21 -2
  10. package/dist/Button/Button.js +9 -1
  11. package/dist/CardMessage/CardMessage.d.ts +18 -1
  12. package/dist/CardMessage/CardMessage.js +9 -1
  13. package/dist/ClickIcon/ClickIcon.d.ts +5 -1
  14. package/dist/ClickIcon/ClickIcon.js +5 -1
  15. package/dist/ContentItemMono/ContentItemMono.d.ts +5 -1
  16. package/dist/ContentItemMono/ContentItemMono.js +5 -1
  17. package/dist/Divider/Divider.d.ts +7 -1
  18. package/dist/Divider/Divider.js +5 -1
  19. package/dist/Form/Checkbox/CardCheckbox.d.ts +10 -0
  20. package/dist/Form/Checkbox/CardCheckbox.js +7 -0
  21. package/dist/Form/Checkbox/Checkbox.d.ts +5 -1
  22. package/dist/Form/Checkbox/Checkbox.js +5 -1
  23. package/dist/Form/Checkbox/CheckboxText.d.ts +5 -1
  24. package/dist/Form/Checkbox/CheckboxText.js +5 -1
  25. package/dist/Form/Dropdown/Dropdown.d.ts +9 -1
  26. package/dist/Form/Dropdown/Dropdown.js +9 -1
  27. package/dist/Form/FileUpload/FileUpload.d.ts +3 -0
  28. package/dist/Form/FileUpload/FileUpload.js +3 -0
  29. package/dist/Form/InputDate/InputDate.d.ts +9 -1
  30. package/dist/Form/InputDate/InputDate.js +9 -1
  31. package/dist/Form/InputError/InputError.d.ts +3 -0
  32. package/dist/Form/InputError/InputError.js +3 -0
  33. package/dist/Form/InputText/InputText.d.ts +9 -1
  34. package/dist/Form/InputText/InputText.js +9 -1
  35. package/dist/Form/ItemFile/ItemFile.d.ts +5 -1
  36. package/dist/Form/ItemFile/ItemFile.js +5 -1
  37. package/dist/Form/ItemLabel/ItemLabel.d.ts +5 -1
  38. package/dist/Form/ItemLabel/ItemLabel.js +5 -1
  39. package/dist/Form/ItemMessage/ItemMessage.d.ts +5 -1
  40. package/dist/Form/ItemMessage/ItemMessage.js +5 -1
  41. package/dist/Form/Radio/Radio.d.ts +5 -1
  42. package/dist/Form/Radio/Radio.js +5 -1
  43. package/dist/Form/Radio/RadioCard.d.ts +10 -0
  44. package/dist/Form/Radio/RadioCard.js +7 -0
  45. package/dist/Form/TextArea/TextArea.d.ts +5 -1
  46. package/dist/Form/TextArea/TextArea.js +5 -1
  47. package/dist/Form/core/FieldForm.js +1 -0
  48. package/dist/Form/core/getComponentClassName.js +1 -0
  49. package/dist/Grid/DebugGrid.d.ts +5 -1
  50. package/dist/Grid/DebugGrid.js +5 -1
  51. package/dist/Heading/Heading.d.ts +9 -1
  52. package/dist/Heading/Heading.js +5 -1
  53. package/dist/Icon/Icon.d.ts +30 -1
  54. package/dist/Icon/Icon.js +13 -1
  55. package/dist/IconBg/IconBg.d.ts +3 -0
  56. package/dist/IconBg/IconBg.js +3 -0
  57. package/dist/ItemTabBar/ItemTabBar.d.ts +9 -1
  58. package/dist/ItemTabBar/ItemTabBar.js +5 -1
  59. package/dist/Layout/Footer/Footer.d.ts +9 -2
  60. package/dist/Layout/Footer/Footer.js +5 -1
  61. package/dist/Link/Link.d.ts +5 -1
  62. package/dist/Link/Link.js +5 -1
  63. package/dist/List/ClickItem/ClickItem.d.ts +3 -0
  64. package/dist/List/ClickItem/ClickItem.helpers.d.ts +3 -0
  65. package/dist/List/ClickItem/ClickItem.helpers.js +3 -0
  66. package/dist/List/ClickItem/ClickItem.js +3 -0
  67. package/dist/List/ContentItemDuo/ContentItemDuo.d.ts +5 -1
  68. package/dist/List/ContentItemDuo/ContentItemDuo.js +5 -1
  69. package/dist/Message/Message.d.ts +13 -2
  70. package/dist/Message/Message.js +9 -1
  71. package/dist/Modal/Modal.d.ts +6 -0
  72. package/dist/Modal/Modal.js +3 -0
  73. package/dist/Modal/ModalCore.d.ts +6 -0
  74. package/dist/Modal/ModalCore.js +6 -1
  75. package/dist/Modal/components/ModalCoreBody.d.ts +6 -0
  76. package/dist/Modal/components/ModalCoreBody.js +3 -0
  77. package/dist/Modal/components/ModalCoreFooter.d.ts +6 -0
  78. package/dist/Modal/components/ModalCoreFooter.js +3 -0
  79. package/dist/Modal/components/ModalCoreHeader.d.ts +6 -0
  80. package/dist/Modal/components/ModalCoreHeader.js +3 -0
  81. package/dist/ProgressBar/ProgressBar.d.ts +5 -1
  82. package/dist/ProgressBar/ProgressBar.js +5 -1
  83. package/dist/ProgressBarGroup/ProgressBarGroup.d.ts +5 -1
  84. package/dist/ProgressBarGroup/ProgressBarGroup.js +5 -1
  85. package/dist/Skeleton/Skeleton.js +1 -0
  86. package/dist/Spinner/Spinner.d.ts +17 -2
  87. package/dist/Spinner/Spinner.js +9 -1
  88. package/dist/Stepper/Stepper.d.ts +5 -1
  89. package/dist/Stepper/Stepper.js +5 -1
  90. package/dist/Svg/Svg.d.ts +3 -0
  91. package/dist/Svg/Svg.js +6 -0
  92. package/dist/TabBar/TabBar.d.ts +20 -1
  93. package/dist/TabBar/TabBar.js +9 -1
  94. package/dist/Tabs/Tabs.d.ts +9 -0
  95. package/dist/Tabs/Tabs.js +6 -0
  96. package/dist/Tag/Tag.d.ts +19 -2
  97. package/dist/Tag/Tag.js +9 -1
  98. package/dist/TimelineVertical/TimelineVertical.d.ts +5 -1
  99. package/dist/TimelineVertical/TimelineVertical.js +5 -1
  100. package/dist/Title/Title.d.ts +3 -0
  101. package/dist/Title/Title.js +3 -0
  102. package/dist/Title/constants.d.ts +6 -0
  103. package/dist/Title/constants.js +3 -0
  104. package/dist/Toggle/Toggle.d.ts +5 -1
  105. package/dist/Toggle/Toggle.js +5 -1
  106. package/dist/index.d.ts +29 -29
  107. package/dist/index.js +32 -26
  108. package/dist/utilities/helpers/getComponentClassName.js +1 -0
  109. 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 { Accordion, } from "./Accordion";
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 { CardCheckbox, Checkbox, CardCheckbox as CheckboxCard, CheckboxText, } from "./Form/Checkbox";
15
- export { Dropdown, Dropdown as Select, } from "./Form/Dropdown/Dropdown";
16
- export { FileUpload } from "./Form/FileUpload";
17
- export { InputDate as DateInput, InputDate, } from "./Form/InputDate/InputDate";
18
- export { InputError } from "./Form/InputError";
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 { ItemMessage } from "./Form/ItemMessage/ItemMessage";
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 { ContentTabItem, ContentTabList } from "./List/ContentTabList";
38
- export { Message, messageVariants, type MessageVariants, } from "./Message/Message";
39
- export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal";
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
- export { Accordion, } from "./Accordion";
4
- export { AccordionCore, } from "./AccordionCore";
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 { CardCheckbox, Checkbox, CardCheckbox as CheckboxCard, CheckboxText, } from "./Form/Checkbox";
14
- export { Dropdown, Dropdown as Select, } from "./Form/Dropdown/Dropdown";
15
- export { FileUpload } from "./Form/FileUpload";
16
- export { InputDate as DateInput, InputDate, } from "./Form/InputDate/InputDate";
17
- export { InputError } from "./Form/InputError";
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 { ItemMessage } from "./Form/ItemMessage/ItemMessage";
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 { Pagination } from "./Pagination/Pagination";
40
- export { ProgressBar, } from "./ProgressBar/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.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-unknow",
31
- "prettier:fix": "prettier \"src/**/*.!(js|jsx|ts|tsx|svg)\" --write --ignore-unknow",
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.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.0"
53
+ "@axa-fr/design-system-apollo-react": "3.0.1-alpha.11"
54
54
  },
55
55
  "peerDependenciesMeta": {
56
56
  "@material-symbols/svg-400": {