@axa-fr/design-system-look-and-feel-react 1.0.3-alpha.219 → 1.0.3-alpha.221
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/ClickIcon/ClickIcon.d.ts +1 -0
- package/dist/ClickIcon/ClickIcon.js +1 -0
- package/dist/Form/Select/Select.d.ts +1 -10
- package/dist/Form/Select/Select.js +1 -15
- package/dist/Icon/Icon.d.ts +1 -0
- package/dist/Icon/Icon.js +1 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.js +3 -1
- package/package.json +3 -3
- package/dist/Form/Select/index.d.ts +0 -1
- package/dist/Form/Select/index.js +0 -1
@@ -0,0 +1 @@
|
|
1
|
+
export { ClickIcon } from "@axa-fr/design-system-apollo-react/lf";
|
@@ -0,0 +1 @@
|
|
1
|
+
export { ClickIcon } from "@axa-fr/design-system-apollo-react/lf";
|
@@ -1,10 +1 @@
|
|
1
|
-
|
2
|
-
import { ComponentPropsWithRef } from "react";
|
3
|
-
type Props = ComponentPropsWithRef<"select"> & {
|
4
|
-
id?: string;
|
5
|
-
label?: string;
|
6
|
-
errorLabel?: string;
|
7
|
-
placeholder?: string;
|
8
|
-
};
|
9
|
-
declare const Select: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
|
10
|
-
export { Select };
|
1
|
+
export { Select } from "@axa-fr/design-system-apollo-react/lf";
|
@@ -1,15 +1 @@
|
|
1
|
-
|
2
|
-
import "@axa-fr/design-system-look-and-feel-css/dist/Form/Select/Select.scss";
|
3
|
-
import { forwardRef, useId } from "react";
|
4
|
-
import classNames from "classnames";
|
5
|
-
import { InputError } from "../InputError";
|
6
|
-
const Select = forwardRef(({ id, required, label, errorLabel, placeholder, children, ...otherProps }, inputRef) => {
|
7
|
-
const idError = useId();
|
8
|
-
let inputId = useId();
|
9
|
-
inputId = id || inputId;
|
10
|
-
const isShowingPlaceholder = otherProps.value === "";
|
11
|
-
const classname = classNames("af-form__select-input", errorLabel && "af-form__select-input--error", isShowingPlaceholder && "af-form__select-input-placeholder");
|
12
|
-
return (_jsxs("div", { children: [label && (_jsxs("label", { htmlFor: inputId, className: "af-form__select-label", children: [label, required && _jsx("span", { "aria-hidden": "true", children: " *" })] })), _jsxs("select", { className: classname, ...otherProps, ref: inputRef, id: inputId, children: [Boolean(placeholder) && (_jsx("option", { disabled: true, value: "", children: placeholder })), children] }), errorLabel && _jsx(InputError, { id: idError, message: errorLabel })] }));
|
13
|
-
});
|
14
|
-
Select.displayName = "Select";
|
15
|
-
export { Select };
|
1
|
+
export { Select } from "@axa-fr/design-system-apollo-react/lf";
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "@axa-fr/design-system-apollo-react/lf";
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Icon, iconVariants, iconSizeVariants, } from "@axa-fr/design-system-apollo-react/lf";
|
package/dist/index.d.ts
CHANGED
@@ -14,7 +14,7 @@ export { InputError } from "./Form/InputError";
|
|
14
14
|
export { ItemMessage } from "./Form/ItemMessage/ItemMessage";
|
15
15
|
export { ItemLabel } from "./Form/ItemLabel/ItemLabel";
|
16
16
|
export { Radio, RadioSelect } from "./Form/Radio";
|
17
|
-
export { Select } from "./Form/Select";
|
17
|
+
export { Select } from "./Form/Select/Select";
|
18
18
|
export { TextInput } from "./Form/Text/Text";
|
19
19
|
export { TextArea } from "./Form/TextArea/TextArea";
|
20
20
|
export { DebugGrid } from "./Grid/DebugGrid";
|
@@ -38,5 +38,7 @@ export { Svg } from "./Svg";
|
|
38
38
|
export { TabsClient as Tabs, Direction as TabsDirection } from "./Tabs/Tabs";
|
39
39
|
export { Tag, tagVariants, type TagVariants } from "./Tag";
|
40
40
|
export { Title, TitleSize, type TitleLevel } from "./Title";
|
41
|
+
export { ClickIcon } from "./ClickIcon/ClickIcon";
|
42
|
+
export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./Icon/Icon";
|
41
43
|
export { Toggle } from "./Toggle";
|
42
44
|
export { BasePicture } from "./BasePicture/BasePicture";
|
package/dist/index.js
CHANGED
@@ -13,7 +13,7 @@ export { InputError } from "./Form/InputError";
|
|
13
13
|
export { ItemMessage } from "./Form/ItemMessage/ItemMessage";
|
14
14
|
export { ItemLabel } from "./Form/ItemLabel/ItemLabel";
|
15
15
|
export { Radio, RadioSelect } from "./Form/Radio";
|
16
|
-
export { Select } from "./Form/Select";
|
16
|
+
export { Select } from "./Form/Select/Select";
|
17
17
|
export { TextInput } from "./Form/Text/Text";
|
18
18
|
export { TextArea } from "./Form/TextArea/TextArea";
|
19
19
|
export { DebugGrid } from "./Grid/DebugGrid";
|
@@ -36,5 +36,7 @@ export { Svg } from "./Svg";
|
|
36
36
|
export { TabsClient as Tabs, Direction as TabsDirection } from "./Tabs/Tabs";
|
37
37
|
export { Tag, tagVariants } from "./Tag";
|
38
38
|
export { Title, TitleSize } from "./Title";
|
39
|
+
export { ClickIcon } from "./ClickIcon/ClickIcon";
|
40
|
+
export { Icon, iconVariants, iconSizeVariants, } from "./Icon/Icon";
|
39
41
|
export { Toggle } from "./Toggle";
|
40
42
|
export { BasePicture } from "./BasePicture/BasePicture";
|
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.221",
|
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.221",
|
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.221"
|
54
54
|
},
|
55
55
|
"peerDependenciesMeta": {
|
56
56
|
"@material-symbols/svg-400": {
|
@@ -1 +0,0 @@
|
|
1
|
-
export { Select } from "./Select";
|
@@ -1 +0,0 @@
|
|
1
|
-
export { Select } from "./Select";
|