@alveole/components 0.38.4 → 0.39.0
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/generated/version.d.ts +1 -1
- package/dist/generated/version.js +1 -1
- package/dist/ui/Button/Button.d.ts.map +1 -1
- package/dist/ui/Button/Button.js +5 -0
- package/dist/ui/Button/Button.stories.js +2 -2
- package/dist/ui/Button/Button.stories.sources.d.ts.map +1 -1
- package/dist/ui/Button/Button.stories.sources.js +2 -2
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const ALVEOLE_COMPONENTS_VERSION: "0.
|
|
1
|
+
export declare const ALVEOLE_COMPONENTS_VERSION: "0.39.0";
|
|
2
2
|
//# sourceMappingURL=version.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const ALVEOLE_COMPONENTS_VERSION = "0.
|
|
1
|
+
export const ALVEOLE_COMPONENTS_VERSION = "0.39.0";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAgC,cAAc,EAA8B,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9G,OAAO,EAAO,QAAQ,EAAc,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,SAAS,EAAc,MAAM,eAAe,CAAC;AAOtD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClE,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM;WAhBV,MAAM;WACN,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;aACvB,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM;gBACrD,SAAS,CAAC,MAAM,CAAC;cACnB,SAAS,CAAC,MAAM,CAAC;eAChB,OAAO;qBACD,QAAQ;gBACb,OAAO;gBACP,OAAO;iBACN,OAAO;gBACR,OAAO;WACZ,QAAQ,GAAG,QAAQ;aACjB,OAAO;gBACJ,OAAO;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAgC,cAAc,EAA8B,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9G,OAAO,EAAO,QAAQ,EAAc,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,SAAS,EAAc,MAAM,eAAe,CAAC;AAOtD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClE,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM;WAhBV,MAAM;WACN,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;aACvB,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM;gBACrD,SAAS,CAAC,MAAM,CAAC;cACnB,SAAS,CAAC,MAAM,CAAC;eAChB,OAAO;qBACD,QAAQ;gBACb,OAAO;gBACP,OAAO;iBACN,OAAO;gBACR,OAAO;WACZ,QAAQ,GAAG,QAAQ;aACjB,OAAO;gBACJ,OAAO;8BAiPnB,CAAC"}
|
package/dist/ui/Button/Button.js
CHANGED
|
@@ -81,6 +81,10 @@ export const Button = React.forwardRef(function Button(props, ref) {
|
|
|
81
81
|
borderWidth: 0,
|
|
82
82
|
borderColor: undefined,
|
|
83
83
|
borderStyle: undefined,
|
|
84
|
+
borderTopLeftRadius: 0,
|
|
85
|
+
borderTopRightRadius: 0,
|
|
86
|
+
borderBottomLeftRadius: 0,
|
|
87
|
+
borderBottomRightRadius: 0,
|
|
84
88
|
};
|
|
85
89
|
};
|
|
86
90
|
const buttonContainerHoverStyle = () => {
|
|
@@ -225,6 +229,7 @@ export const Button = React.forwardRef(function Button(props, ref) {
|
|
|
225
229
|
return {
|
|
226
230
|
...radiusStyle,
|
|
227
231
|
...borderProps,
|
|
232
|
+
overflow: 'hidden',
|
|
228
233
|
...(fullWidth ? { width: '100%' } : {}),
|
|
229
234
|
};
|
|
230
235
|
};
|
|
@@ -12,7 +12,7 @@ export default {
|
|
|
12
12
|
component: Button,
|
|
13
13
|
styleFn: useStyles,
|
|
14
14
|
};
|
|
15
|
-
export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row",
|
|
15
|
+
export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", style: { alignItems: 'flex-start' }, gap: 4, children: [_jsx(Button, { variant: "secondary", size: "sm", title: "Bouton sm" }), _jsx(Button, { variant: "secondary", size: "md", title: "Bouton md" }), _jsx(Button, { variant: "secondary", size: "lg", title: "Bouton lg" })] }));
|
|
16
16
|
export const Primary = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "primary", title: "Bouton primary" }), _jsx(Button, { variant: "primary", title: "Disabled", disabled: true })] }));
|
|
17
17
|
export const Secondary = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "secondary", title: "Bouton secondary" }), _jsx(Button, { variant: "secondary", title: "Disabled", disabled: true })] }));
|
|
18
18
|
export const Tertiary = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "tertiary", title: "Bouton tertiary" }), _jsx(Button, { variant: "tertiary", title: "Disabled", disabled: true })] }));
|
|
@@ -21,5 +21,5 @@ export const Link = () => (_jsxs(Box, { display: "flex", flexDirection: "column"
|
|
|
21
21
|
export const Icons = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "primary", title: "Start Icon", startIcon: "Plus" }), _jsx(Button, { variant: "primary", title: "End Icon", endIcon: "Plus" }), _jsx(Button, { variant: "primary", title: "End Icon", endIcon: "Plus" }), _jsx(ButtonIcon, { variant: "primary", icon: "CircleUser" }), _jsx(ButtonIcon, { variant: "primary", icon: "CircleUser" })] }));
|
|
22
22
|
export const FullWidth = () => _jsx(Button, { variant: "primary", title: "Full Width", fullWidth: true });
|
|
23
23
|
export const Selected = () => (_jsx(Box, { display: "flex", flexDirection: "row", gap: 4, children: _jsx(Button, { variant: "secondary", title: "Selected", selected: true }) }));
|
|
24
|
-
export const Active = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 4, children: [_jsx(Typography, { children: "Utilis\u00E9 quand le bouton est actif (ex: quand un menu est ouvert)" }), _jsx(Box, { display: "
|
|
24
|
+
export const Active = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 4, children: [_jsx(Typography, { children: "Utilis\u00E9 quand le bouton est actif (ex: quand un menu est ouvert)" }), _jsx(Box, { display: "block", children: _jsx(Button, { variant: "secondary", title: "Active", active: true }) })] }));
|
|
25
25
|
export * as Sources from './Button.stories.sources';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"Button.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,cAAoW,CAAC;AAEvX,eAAO,MAAM,OAAO,cAA4O,CAAC;AAEjQ,eAAO,MAAM,SAAS,cAAoP,CAAC;AAE3Q,eAAO,MAAM,QAAQ,cAAgP,CAAC;AAEtQ,eAAO,MAAM,MAAM,cAAwO,CAAC;AAE5P,eAAO,MAAM,IAAI,cAAua,CAAC;AAEzb,eAAO,MAAM,KAAK,cAAic,CAAC;AAEpd,eAAO,MAAM,SAAS,cAAwG,CAAC;AAE/H,eAAO,MAAM,QAAQ,cAAkL,CAAC;AAExM,eAAO,MAAM,MAAM,cAAyT,CAAC;AAE7U,eAAO,MAAM,YAAY;;;;;;;;;;;CAWf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// This file is generated. Do not edit manually.
|
|
2
2
|
// Source: src/ui/Button/Button.stories.tsx
|
|
3
|
-
export const Sizes = () => "export const Sizes = () => (\n <Box display=\"flex\" flexDirection=\"row\"
|
|
3
|
+
export const Sizes = () => "export const Sizes = () => (\n <Box display=\"flex\" flexDirection=\"row\" style={{ alignItems: 'flex-start' }} gap={4}>\n <Button variant=\"secondary\" size=\"sm\" title=\"Bouton sm\" />\n <Button variant=\"secondary\" size=\"md\" title=\"Bouton md\" />\n <Button variant=\"secondary\" size=\"lg\" title=\"Bouton lg\" />\n </Box>\n);";
|
|
4
4
|
export const Primary = () => "export const Primary = () => (\n <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n <Button variant=\"primary\" title=\"Bouton primary\" />\n <Button variant=\"primary\" title=\"Disabled\" disabled />\n </Box>\n);";
|
|
5
5
|
export const Secondary = () => "export const Secondary = () => (\n <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n <Button variant=\"secondary\" title=\"Bouton secondary\" />\n <Button variant=\"secondary\" title=\"Disabled\" disabled />\n </Box>\n);";
|
|
6
6
|
export const Tertiary = () => "export const Tertiary = () => (\n <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n <Button variant=\"tertiary\" title=\"Bouton tertiary\" />\n <Button variant=\"tertiary\" title=\"Disabled\" disabled />\n </Box>\n);";
|
|
@@ -9,7 +9,7 @@ export const Link = () => "export const Link = () => (\n <Box display=\"flex\"
|
|
|
9
9
|
export const Icons = () => "export const Icons = () => (\n <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n <Button variant=\"primary\" title=\"Start Icon\" startIcon=\"Plus\" />\n <Button variant=\"primary\" title=\"End Icon\" endIcon=\"Plus\" />\n <Button variant=\"primary\" title=\"End Icon\" endIcon=\"Plus\" />\n <ButtonIcon variant=\"primary\" icon=\"CircleUser\" />\n <ButtonIcon variant=\"primary\" icon=\"CircleUser\" />\n </Box>\n);";
|
|
10
10
|
export const FullWidth = () => "export const FullWidth = () => <Button variant=\"primary\" title=\"Full Width\" fullWidth />;";
|
|
11
11
|
export const Selected = () => "export const Selected = () => (\n <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n <Button variant=\"secondary\" title=\"Selected\" selected />\n </Box>\n);";
|
|
12
|
-
export const Active = () => "export const Active = () => (\n <Box display=\"flex\" flexDirection=\"column\" gap={4}>\n <Typography>Utilisé quand le bouton est actif (ex: quand un menu est ouvert)</Typography>\n <Box display=\"
|
|
12
|
+
export const Active = () => "export const Active = () => (\n <Box display=\"flex\" flexDirection=\"column\" gap={4}>\n <Typography>Utilisé quand le bouton est actif (ex: quand un menu est ouvert)</Typography>\n <Box display=\"block\">\n <Button variant=\"secondary\" title=\"Active\" active />\n </Box>\n </Box>\n);";
|
|
13
13
|
export const storySources = {
|
|
14
14
|
Sizes,
|
|
15
15
|
Primary,
|