@axa-fr/design-system-look-and-feel-react 1.0.3-alpha.189 → 1.0.3-alpha.192
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/Layout/Header/BurgerMenu/BurgerMenu.d.ts +1 -1
- package/dist/Layout/Header/BurgerMenu/BurgerMenu.js +2 -2
- package/dist/List/{ClickList/ClickItem → ClickItem}/ClickItem.js +2 -2
- package/dist/List/{ClickList/ClickItem → ClickItem}/index.d.ts +1 -0
- package/dist/List/{ClickList/ClickItem → ClickItem}/index.js +1 -0
- package/dist/Modal/ModalCore.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +3 -3
- package/dist/List/ClickList/index.d.ts +0 -2
- package/dist/List/ClickList/index.js +0 -2
- /package/dist/List/{ClickList/ClickItem → ClickItem}/ClickItem.d.ts +0 -0
- /package/dist/List/{ClickList/ClickItem → ClickItem}/ClickItem.helpers.d.ts +0 -0
- /package/dist/List/{ClickList/ClickItem → ClickItem}/ClickItem.helpers.js +0 -0
|
@@ -2,7 +2,7 @@ import { type ComponentPropsWithoutRef, type Dispatch, type ReactElement, type S
|
|
|
2
2
|
import "@axa-fr/design-system-look-and-feel-css/dist/Layout/Header/BurgerMenu/BurgerMenu.scss";
|
|
3
3
|
import "@axa-fr/design-system-look-and-feel-css/dist/Card/Card.scss";
|
|
4
4
|
import "@axa-fr/design-system-look-and-feel-css/dist/List/List.scss";
|
|
5
|
-
import "@axa-fr/design-system-look-and-feel-css/dist/List/
|
|
5
|
+
import "@axa-fr/design-system-look-and-feel-css/dist/List/ClickItem/ClickItem.scss";
|
|
6
6
|
type BurgerMenuProps = {
|
|
7
7
|
isOpen: boolean;
|
|
8
8
|
items: ReactElement[];
|
|
@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import "@axa-fr/design-system-look-and-feel-css/dist/Layout/Header/BurgerMenu/BurgerMenu.scss";
|
|
3
3
|
import "@axa-fr/design-system-look-and-feel-css/dist/Card/Card.scss";
|
|
4
4
|
import "@axa-fr/design-system-look-and-feel-css/dist/List/List.scss";
|
|
5
|
-
import "@axa-fr/design-system-look-and-feel-css/dist/List/
|
|
5
|
+
import "@axa-fr/design-system-look-and-feel-css/dist/List/ClickItem/ClickItem.scss";
|
|
6
6
|
import classNames from "classnames";
|
|
7
|
-
import { ClickItem, createClickItemParent } from "../../../List/
|
|
7
|
+
import { ClickItem, createClickItemParent } from "../../../List/ClickItem";
|
|
8
8
|
const BurgerMenu = ({ isOpen, items, setActiveLink, setIsOpen, ...props }) => {
|
|
9
9
|
const handleOnClick = (index) => () => {
|
|
10
10
|
setActiveLink(index);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import chevron from "@material-symbols/svg-400/outlined/chevron_right.svg";
|
|
3
3
|
import { useMemo } from "react";
|
|
4
|
-
import { Svg } from "
|
|
5
|
-
import { getComponentClassName } from "
|
|
4
|
+
import { Svg } from "../../Svg";
|
|
5
|
+
import { getComponentClassName } from "../../utilities";
|
|
6
6
|
export const ClickItem = ({ children, icon, parentClickComponent: ClickComponent = ({ children: parentClickComponentChildren, ...parentClickComponentProps }) => (_jsx("button", { type: "button", ...parentClickComponentProps, children: parentClickComponentChildren })), isDisabled = false, className, classModifier = "", actionIcon = _jsx(Svg, { src: chevron, "aria-hidden": true }), ...otherProps }) => {
|
|
7
7
|
const componentClassName = useMemo(() => getComponentClassName("af-click-item", className, `${classModifier}${isDisabled ? " disabled" : ""}`), [className, classModifier, isDisabled]);
|
|
8
8
|
return (_jsxs(ClickComponent, { className: componentClassName, disabled: isDisabled, "aria-disabled": isDisabled, ...otherProps, children: [_jsxs("div", { className: "af-click-item__content", children: [icon && _jsx("div", { className: "af-click-item__icon", children: icon }), _jsx("div", { className: "af-click-item__label", children: children })] }), _jsx("div", { className: "af-click-item__action", children: actionIcon })] }));
|
package/dist/Modal/ModalCore.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import "@axa-fr/design-system-look-and-feel-css/dist/Modal/Modal.scss";
|
|
4
|
-
const ModalCore = forwardRef(({ className, title = "", onOutsideTap, children, ...props }, ref) => (_jsx("dialog", { "aria-
|
|
4
|
+
const ModalCore = forwardRef(({ className, title = "", onOutsideTap, children, ...props }, ref) => (_jsx("dialog", { "aria-label": title, className: ["af-modal", className].filter(Boolean).join(" "), onClick: onOutsideTap, ref: ref, ...props, children: _jsx("div", { className: "af-modal__dialog", onClick: (e) => e.stopPropagation(), children: _jsx("div", { className: "af-modal__content", children: children }) }) })));
|
|
5
5
|
ModalCore.displayName = "ModalCore";
|
|
6
6
|
export { ModalCore };
|
package/dist/index.d.ts
CHANGED
|
@@ -22,7 +22,7 @@ export { Footer } from "./Layout/Footer/Footer";
|
|
|
22
22
|
export { BurgerMenu, Header, NavBar, PreviousLink } from "./Layout/Header";
|
|
23
23
|
export { Link } from "./Link";
|
|
24
24
|
export { List } from "./List";
|
|
25
|
-
export { ClickItem, createClickItemParent } from "./List/
|
|
25
|
+
export { ClickItem, createClickItemParent } from "./List/ClickItem";
|
|
26
26
|
export { ContentItemDuo } from "./List/ContentItemDuo";
|
|
27
27
|
export { ContentItemMono, ContentItemMonoSize } from "./List/ContentItemMono";
|
|
28
28
|
export { ContentTabItem, ContentTabList } from "./List/ContentTabList";
|
package/dist/index.js
CHANGED
|
@@ -21,7 +21,7 @@ export { Footer } from "./Layout/Footer/Footer";
|
|
|
21
21
|
export { BurgerMenu, Header, NavBar, PreviousLink } from "./Layout/Header";
|
|
22
22
|
export { Link } from "./Link";
|
|
23
23
|
export { List } from "./List";
|
|
24
|
-
export { ClickItem, createClickItemParent } from "./List/
|
|
24
|
+
export { ClickItem, createClickItemParent } from "./List/ClickItem";
|
|
25
25
|
export { ContentItemDuo } from "./List/ContentItemDuo";
|
|
26
26
|
export { ContentItemMono, ContentItemMonoSize } from "./List/ContentItemMono";
|
|
27
27
|
export { ContentTabItem, ContentTabList } from "./List/ContentTabList";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@axa-fr/design-system-look-and-feel-react",
|
|
3
|
-
"version": "1.0.3-alpha.
|
|
3
|
+
"version": "1.0.3-alpha.192",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -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": "1.0.3-alpha.
|
|
50
|
+
"@axa-fr/design-system-look-and-feel-css": "1.0.3-alpha.192",
|
|
51
51
|
"@material-symbols/svg-400": ">= 0.19.0",
|
|
52
52
|
"react": ">= 18",
|
|
53
|
-
"@axa-fr/design-system-apollo-react": "1.0.3-alpha.
|
|
53
|
+
"@axa-fr/design-system-apollo-react": "1.0.3-alpha.192"
|
|
54
54
|
},
|
|
55
55
|
"peerDependenciesMeta": {
|
|
56
56
|
"@material-symbols/svg-400": {
|
|
File without changes
|
|
File without changes
|
|
File without changes
|