@alveole/components 1.6.3 → 1.6.4

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 (8) hide show
  1. package/dist/generated/version.d.ts +1 -1
  2. package/dist/generated/version.js +1 -1
  3. package/dist/ui/Toast/Toast.stories.d.ts +34 -0
  4. package/dist/ui/Toast/Toast.stories.d.ts.map +1 -1
  5. package/dist/ui/Toast/Toast.styles.d.ts +34 -0
  6. package/dist/ui/Toast/Toast.styles.d.ts.map +1 -1
  7. package/dist/ui/Toast/Toast.styles.js +5 -2
  8. package/package.json +1 -1
package/dist/generated/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const ALVEOLE_COMPONENTS_VERSION: "1.6.3";
1
+ export declare const ALVEOLE_COMPONENTS_VERSION: "1.6.4";
2
2
  //# sourceMappingURL=version.d.ts.map
package/dist/generated/version.js CHANGED
@@ -1 +1 @@
1
- export const ALVEOLE_COMPONENTS_VERSION = "1.6.3";
1
+ export const ALVEOLE_COMPONENTS_VERSION = "1.6.4";
package/dist/ui/Toast/Toast.stories.d.ts CHANGED
@@ -9,6 +9,30 @@ declare const _default: {
9
9
  component: typeof Toast;
10
10
  styleFn: () => {
11
11
  tamaguiToastContainer: {
12
+ borderRadius: import("@alveole/theme").Radius;
13
+ padding: number;
14
+ width: number;
15
+ backgroundColor: "transparent";
16
+ } | {
17
+ shadowColor: import("@alveole/theme").Color;
18
+ shadowOffset: {
19
+ width: number;
20
+ height: number;
21
+ };
22
+ shadowOpacity: number;
23
+ shadowRadius: number;
24
+ elevation: number;
25
+ borderRadius: import("@alveole/theme").Radius;
26
+ padding: number;
27
+ width: number;
28
+ backgroundColor: "transparent";
29
+ } | {
30
+ boxShadow: string;
31
+ borderRadius: import("@alveole/theme").Radius;
32
+ padding: number;
33
+ width: number;
34
+ backgroundColor: "transparent";
35
+ } | {
12
36
  padding: number;
13
37
  width: number;
14
38
  backgroundColor: "transparent";
@@ -53,6 +77,16 @@ declare const _default: {
53
77
  width: "100%";
54
78
  maxWidth: number;
55
79
  padding: number;
80
+ } | {
81
+ backgroundColor: string;
82
+ borderRadius: import("@alveole/theme").Radius;
83
+ display: "flex";
84
+ flexDirection: "row";
85
+ gap: string | number;
86
+ overflow: "hidden";
87
+ width: "100%";
88
+ maxWidth: number;
89
+ padding: number;
56
90
  };
57
91
  contenu: {
58
92
  display: "flex";
package/dist/ui/Toast/Toast.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAa,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM3C,wBASkB;AAElB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,GAAG,mCA+Bf,CAAC;AAEF,eAAO,MAAM,WAAW,mCAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAExB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,mCAA2E,CAAC;AAEnH,eAAO,MAAM,6BAA6B,mCAEzC,CAAC;AAEF,eAAO,MAAM,WAAW,mCAOvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}
1
+ {"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAa,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM3C,wBASkB;AAElB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,GAAG,mCA+Bf,CAAC;AAEF,eAAO,MAAM,WAAW,mCAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAExB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,mCAA2E,CAAC;AAEnH,eAAO,MAAM,6BAA6B,mCAEzC,CAAC;AAEF,eAAO,MAAM,WAAW,mCAOvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}
package/dist/ui/Toast/Toast.styles.d.ts CHANGED
@@ -1,5 +1,29 @@
1
1
  export declare const useStyles: () => {
2
2
  tamaguiToastContainer: {
3
+ borderRadius: import("@alveole/theme").Radius;
4
+ padding: number;
5
+ width: number;
6
+ backgroundColor: "transparent";
7
+ } | {
8
+ shadowColor: import("@alveole/theme").Color;
9
+ shadowOffset: {
10
+ width: number;
11
+ height: number;
12
+ };
13
+ shadowOpacity: number;
14
+ shadowRadius: number;
15
+ elevation: number;
16
+ borderRadius: import("@alveole/theme").Radius;
17
+ padding: number;
18
+ width: number;
19
+ backgroundColor: "transparent";
20
+ } | {
21
+ boxShadow: string;
22
+ borderRadius: import("@alveole/theme").Radius;
23
+ padding: number;
24
+ width: number;
25
+ backgroundColor: "transparent";
26
+ } | {
3
27
  padding: number;
4
28
  width: number;
5
29
  backgroundColor: "transparent";
@@ -44,6 +68,16 @@ export declare const useStyles: () => {
44
68
  width: "100%";
45
69
  maxWidth: number;
46
70
  padding: number;
71
+ } | {
72
+ backgroundColor: string;
73
+ borderRadius: import("@alveole/theme").Radius;
74
+ display: "flex";
75
+ flexDirection: "row";
76
+ gap: string | number;
77
+ overflow: "hidden";
78
+ width: "100%";
79
+ maxWidth: number;
80
+ padding: number;
47
81
  };
48
82
  contenu: {
49
83
  display: "flex";
package/dist/ui/Toast/Toast.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EnB,CAAC"}
1
+ {"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6EnB,CAAC"}
package/dist/ui/Toast/Toast.styles.js CHANGED
@@ -4,9 +4,11 @@ export const useStyles = makeStyles(({ text, color, radius, spacing, shadows })
4
4
  // Container
5
5
  tamaguiToastContainer: {
6
6
  padding: 0,
7
- width: Platform.OS === 'web' ? 384 : Dimensions.get('window').width - 32,
7
+ width: Platform.OS === 'web' ? 384 : Dimensions.get('window').width,
8
8
  backgroundColor: 'transparent',
9
9
  borderRadius: 0,
10
+ // Sur mobile, overflow:hidden sur container clippe le shadow iOS — on le pose ici
11
+ ...(Platform.OS !== 'web' ? { borderRadius: radius('sm'), ...shadows(3) } : {}),
10
12
  },
11
13
  container: {
12
14
  backgroundColor: color.light.background['default-grey'],
@@ -18,7 +20,8 @@ export const useStyles = makeStyles(({ text, color, radius, spacing, shadows })
18
20
  width: '100%',
19
21
  maxWidth: 384,
20
22
  padding: 0,
21
- ...shadows(3),
23
+ // Sur web, overflow:hidden ne clippe pas le shadow — on le pose ici pour avoir le bon borderRadius
24
+ ...(Platform.OS === 'web' ? shadows(3) : {}),
22
25
  },
23
26
  contenu: {
24
27
  display: 'flex',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alveole/components",
3
- "version": "1.6.3",
3
+ "version": "1.6.4",
4
4
  "description": "Shared UI components.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",