@alveole/components 0.16.10 → 0.16.12

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 (7) hide show
  1. package/dist/ui/EmptyState/EmptyState.js +1 -1
  2. package/dist/ui/EmptyState/EmptyState.stories.d.ts +3 -0
  3. package/dist/ui/EmptyState/EmptyState.stories.d.ts.map +1 -1
  4. package/dist/ui/EmptyState/EmptyState.styles.d.ts +3 -0
  5. package/dist/ui/EmptyState/EmptyState.styles.d.ts.map +1 -1
  6. package/dist/ui/EmptyState/EmptyState.styles.js +3 -0
  7. package/package.json +1 -1
package/dist/ui/EmptyState/EmptyState.js CHANGED
@@ -8,5 +8,5 @@ export const EmptyState = (props) => {
8
8
  const styles = useStyles();
9
9
  const descriptionToRender = description ?? text;
10
10
  const footer = actions ?? children;
11
- return (_jsxs(Box, { tag: "empty-state", style: [styles.container, style], ...boxProps, children: [_jsxs(Box, { tag: "empty-state-contenu", style: styles.contenu, children: [(illustration || iconName) && (_jsx(Box, { style: styles.media, children: illustration ? (illustration) : iconName && isLucideIconName(iconName) ? (_jsx(LucideIcon, { name: iconName, size: "lg" })) : null })), _jsxs(Box, { style: styles.messageEtDescription, children: [title && _jsx(Typography, { style: styles.title, children: title }), descriptionToRender && _jsx(Typography, { style: styles.description, children: descriptionToRender })] })] }), footer && _jsx(Box, { style: styles.footer, children: footer })] }));
11
+ return (_jsxs(Box, { tag: "empty-state", style: [styles.container, style], ...boxProps, children: [_jsxs(Box, { tag: "empty-state-contenu", style: styles.contenu, children: [(illustration || iconName) && (_jsx(Box, { style: styles.media, children: illustration ? (illustration) : iconName && isLucideIconName(iconName) ? (_jsx(LucideIcon, { name: iconName, size: "lg", color: styles.media.color })) : null })), _jsxs(Box, { style: styles.messageEtDescription, children: [title && _jsx(Typography, { style: styles.title, children: title }), descriptionToRender && _jsx(Typography, { style: styles.description, children: descriptionToRender })] })] }), footer && _jsx(Box, { style: styles.footer, children: footer })] }));
12
12
  };
package/dist/ui/EmptyState/EmptyState.stories.d.ts CHANGED
@@ -43,8 +43,10 @@ declare const _default: {
43
43
  flexDirection: "column";
44
44
  gap: import("@alveole/theme").Spacing;
45
45
  width: "100%";
46
+ justifyContent: "center";
46
47
  };
47
48
  title: {
49
+ textAlign: "center";
48
50
  fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
49
51
  fontSize: 18 | 20;
50
52
  lineHeight: 24 | 28;
@@ -52,6 +54,7 @@ declare const _default: {
52
54
  color: "#151617";
53
55
  };
54
56
  description: {
57
+ textAlign: "center";
55
58
  fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
56
59
  fontSize: 14;
57
60
  lineHeight: 20;
package/dist/ui/EmptyState/EmptyState.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyState.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,OAAO,+CAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAQpB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAcvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAO9B,CAAC;AAEF,eAAO,MAAM,aAAa,+CAOzB,CAAC"}
1
+ {"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyState.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,OAAO,+CAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAQpB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAcvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAO9B,CAAC;AAEF,eAAO,MAAM,aAAa,+CAOzB,CAAC"}
package/dist/ui/EmptyState/EmptyState.styles.d.ts CHANGED
@@ -36,8 +36,10 @@ export declare const useStyles: () => {
36
36
  flexDirection: "column";
37
37
  gap: import("@alveole/theme").Spacing;
38
38
  width: "100%";
39
+ justifyContent: "center";
39
40
  };
40
41
  title: {
42
+ textAlign: "center";
41
43
  fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
42
44
  fontSize: 18 | 20;
43
45
  lineHeight: 24 | 28;
@@ -45,6 +47,7 @@ export declare const useStyles: () => {
45
47
  color: "#151617";
46
48
  };
47
49
  description: {
50
+ textAlign: "center";
48
51
  fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
49
52
  fontSize: 14;
50
53
  lineHeight: 20;
package/dist/ui/EmptyState/EmptyState.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EmptyState.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyState.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDnB,CAAC"}
1
+ {"version":3,"file":"EmptyState.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyState.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDnB,CAAC"}
package/dist/ui/EmptyState/EmptyState.styles.js CHANGED
@@ -37,14 +37,17 @@ export const useStyles = makeStyles(({ text, color, spacing, radius }) => ({
37
37
  flexDirection: 'column',
38
38
  gap: spacing('2W'),
39
39
  width: '100%',
40
+ justifyContent: 'center',
40
41
  },
41
42
  title: {
42
43
  color: color.light.text['title-grey'],
43
44
  ...text.Titres['H6 - XXS'],
45
+ textAlign: 'center',
44
46
  },
45
47
  description: {
46
48
  color: color.light.text['mention-grey'],
47
49
  ...text['Corps de texte'].SM.Regular,
50
+ textAlign: 'center',
48
51
  },
49
52
  footer: {
50
53
  width: '100%',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alveole/components",
3
- "version": "0.16.10",
3
+ "version": "0.16.12",
4
4
  "description": "Shared UI components.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",