@alveole/components 0.40.0 → 0.42.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.
Files changed (136) hide show
  1. package/dist/core/AnchorHeading/AnchorHeading.d.ts +7 -0
  2. package/dist/core/AnchorHeading/AnchorHeading.d.ts.map +1 -0
  3. package/dist/core/AnchorHeading/AnchorHeading.js +3 -0
  4. package/dist/core/AnchorHeading/AnchorHeading.stories.d.ts +13 -0
  5. package/dist/core/AnchorHeading/AnchorHeading.stories.d.ts.map +1 -0
  6. package/dist/core/AnchorHeading/AnchorHeading.stories.js +17 -0
  7. package/dist/core/AnchorHeading/AnchorHeading.stories.sources.d.ts +6 -0
  8. package/dist/core/AnchorHeading/AnchorHeading.stories.sources.d.ts.map +1 -0
  9. package/dist/core/AnchorHeading/AnchorHeading.stories.sources.js +6 -0
  10. package/dist/core/AnchorHeading/AnchorHeading.web.d.ts +3 -0
  11. package/dist/core/AnchorHeading/AnchorHeading.web.d.ts.map +1 -0
  12. package/dist/core/AnchorHeading/AnchorHeading.web.js +23 -0
  13. package/dist/core/AnchorHeading/index.d.ts +2 -0
  14. package/dist/core/AnchorHeading/index.d.ts.map +1 -0
  15. package/dist/core/AnchorHeading/index.js +1 -0
  16. package/dist/core/Page/Page.d.ts +1 -0
  17. package/dist/core/Page/Page.d.ts.map +1 -1
  18. package/dist/core/Page/PageContentDefault.d.ts.map +1 -1
  19. package/dist/core/Page/PageContentDefault.js +2 -2
  20. package/dist/core/Page/PageContentScrollable.d.ts +1 -0
  21. package/dist/core/Page/PageContentScrollable.d.ts.map +1 -1
  22. package/dist/core/Page/PageContentScrollable.js +2 -2
  23. package/dist/core/PdfViewer/PdfViewer.js +1 -1
  24. package/dist/core/Version/Version.stories.d.ts +2 -1
  25. package/dist/core/Version/Version.stories.d.ts.map +1 -1
  26. package/dist/core/Version/Version.styles.d.ts +2 -1
  27. package/dist/core/Version/Version.styles.d.ts.map +1 -1
  28. package/dist/core/index.d.ts +1 -0
  29. package/dist/core/index.d.ts.map +1 -1
  30. package/dist/core/index.js +1 -0
  31. package/dist/generated/version.d.ts +1 -1
  32. package/dist/generated/version.js +1 -1
  33. package/dist/stories/index.d.ts +2 -0
  34. package/dist/stories/index.d.ts.map +1 -1
  35. package/dist/stories/index.js +2 -0
  36. package/dist/ui/ActionMenu/ActionMenu.stories.d.ts +1 -0
  37. package/dist/ui/ActionMenu/ActionMenu.stories.d.ts.map +1 -1
  38. package/dist/ui/ActionMenu/ActionMenu.stories.js +13 -3
  39. package/dist/ui/ActionMenu/ActionMenu.stories.sources.d.ts +2 -0
  40. package/dist/ui/ActionMenu/ActionMenu.stories.sources.d.ts.map +1 -1
  41. package/dist/ui/ActionMenu/ActionMenu.stories.sources.js +4 -2
  42. package/dist/ui/Avatar/Avatar.stories.d.ts +2 -1
  43. package/dist/ui/Avatar/Avatar.stories.d.ts.map +1 -1
  44. package/dist/ui/Avatar/Avatar.styles.d.ts +2 -1
  45. package/dist/ui/Avatar/Avatar.styles.d.ts.map +1 -1
  46. package/dist/ui/Badge/Badge.stories.d.ts +2 -2
  47. package/dist/ui/Badge/Badge.styles.d.ts +2 -2
  48. package/dist/ui/Breadcrumbs/Breadcrumbs.stories.d.ts +4 -2
  49. package/dist/ui/Breadcrumbs/Breadcrumbs.stories.d.ts.map +1 -1
  50. package/dist/ui/Breadcrumbs/Breadcrumbs.styles.d.ts +4 -2
  51. package/dist/ui/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
  52. package/dist/ui/Button/Button.stories.d.ts +8 -4
  53. package/dist/ui/Button/Button.stories.d.ts.map +1 -1
  54. package/dist/ui/Button/Button.styles.d.ts +8 -4
  55. package/dist/ui/Button/Button.styles.d.ts.map +1 -1
  56. package/dist/ui/Card/Card.stories.d.ts +4 -2
  57. package/dist/ui/Card/Card.stories.d.ts.map +1 -1
  58. package/dist/ui/Card/CardHeader.styles.d.ts +4 -2
  59. package/dist/ui/Card/CardHeader.styles.d.ts.map +1 -1
  60. package/dist/ui/Card/CardSection.styles.d.ts +4 -2
  61. package/dist/ui/Card/CardSection.styles.d.ts.map +1 -1
  62. package/dist/ui/DocumentViewer/DocumentViewer.stories.d.ts +4 -2
  63. package/dist/ui/DocumentViewer/DocumentViewer.stories.d.ts.map +1 -1
  64. package/dist/ui/DocumentViewer/DocumentViewer.styles.d.ts +4 -2
  65. package/dist/ui/DocumentViewer/DocumentViewer.styles.d.ts.map +1 -1
  66. package/dist/ui/EmptyState/EmptyState.stories.d.ts +4 -2
  67. package/dist/ui/EmptyState/EmptyState.stories.d.ts.map +1 -1
  68. package/dist/ui/EmptyState/EmptyState.styles.d.ts +4 -2
  69. package/dist/ui/EmptyState/EmptyState.styles.d.ts.map +1 -1
  70. package/dist/ui/Header/Header.d.ts +11 -0
  71. package/dist/ui/Header/Header.d.ts.map +1 -0
  72. package/dist/ui/Header/Header.js +7 -0
  73. package/dist/ui/Header/Header.stories.d.ts +80 -0
  74. package/dist/ui/Header/Header.stories.d.ts.map +1 -0
  75. package/dist/ui/Header/Header.stories.js +32 -0
  76. package/dist/ui/Header/Header.stories.sources.d.ts +10 -0
  77. package/dist/ui/Header/Header.stories.sources.d.ts.map +1 -0
  78. package/dist/ui/Header/Header.stories.sources.js +10 -0
  79. package/dist/ui/Header/Header.styles.d.ts +66 -0
  80. package/dist/ui/Header/Header.styles.d.ts.map +1 -0
  81. package/dist/ui/Header/Header.styles.js +39 -0
  82. package/dist/ui/Header/index.d.ts +3 -0
  83. package/dist/ui/Header/index.d.ts.map +1 -0
  84. package/dist/ui/Header/index.js +1 -0
  85. package/dist/ui/ListItem/ListItem.stories.d.ts +4 -2
  86. package/dist/ui/ListItem/ListItem.stories.d.ts.map +1 -1
  87. package/dist/ui/ListItem/ListItem.styles.d.ts +4 -2
  88. package/dist/ui/ListItem/ListItem.styles.d.ts.map +1 -1
  89. package/dist/ui/PageHeader/PageHeader.stories.d.ts +2 -1
  90. package/dist/ui/PageHeader/PageHeader.stories.d.ts.map +1 -1
  91. package/dist/ui/PageHeader/PageHeader.styles.d.ts +2 -1
  92. package/dist/ui/PageHeader/PageHeader.styles.d.ts.map +1 -1
  93. package/dist/ui/Popover/Popover.stories.d.ts.map +1 -1
  94. package/dist/ui/Popover/Popover.stories.js +4 -1
  95. package/dist/ui/Popover/Popover.stories.sources.d.ts.map +1 -1
  96. package/dist/ui/Popover/Popover.stories.sources.js +1 -1
  97. package/dist/ui/ProgressBar/ProgressBar.stories.d.ts +2 -1
  98. package/dist/ui/ProgressBar/ProgressBar.stories.d.ts.map +1 -1
  99. package/dist/ui/ProgressBar/ProgressBar.styles.d.ts +2 -1
  100. package/dist/ui/ProgressBar/ProgressBar.styles.d.ts.map +1 -1
  101. package/dist/ui/ResourceList/ResourceList.stories.d.ts +2 -1
  102. package/dist/ui/ResourceList/ResourceList.stories.d.ts.map +1 -1
  103. package/dist/ui/ResourceList/ResourceList.styles.d.ts +2 -1
  104. package/dist/ui/ResourceList/ResourceList.styles.d.ts.map +1 -1
  105. package/dist/ui/Sidebar/Sidebar.stories.d.ts +16 -8
  106. package/dist/ui/Sidebar/Sidebar.stories.d.ts.map +1 -1
  107. package/dist/ui/Sidebar/Sidebar.styles.d.ts +16 -8
  108. package/dist/ui/Sidebar/Sidebar.styles.d.ts.map +1 -1
  109. package/dist/ui/Signature/Signature.stories.d.ts +2 -1
  110. package/dist/ui/Signature/Signature.stories.d.ts.map +1 -1
  111. package/dist/ui/Signature/Signature.styles.d.ts +2 -1
  112. package/dist/ui/Signature/Signature.styles.d.ts.map +1 -1
  113. package/dist/ui/Tabs/Tabs.stories.d.ts +6 -3
  114. package/dist/ui/Tabs/Tabs.stories.d.ts.map +1 -1
  115. package/dist/ui/Tabs/Tabs.styles.d.ts +6 -3
  116. package/dist/ui/Tabs/Tabs.styles.d.ts.map +1 -1
  117. package/dist/ui/Tag/Tag.stories.d.ts +4 -2
  118. package/dist/ui/Tag/Tag.stories.d.ts.map +1 -1
  119. package/dist/ui/Tag/Tag.styles.d.ts +4 -2
  120. package/dist/ui/Tag/Tag.styles.d.ts.map +1 -1
  121. package/dist/ui/Toast/Toast.stories.d.ts +4 -2
  122. package/dist/ui/Toast/Toast.stories.d.ts.map +1 -1
  123. package/dist/ui/Toast/Toast.styles.d.ts +4 -2
  124. package/dist/ui/Toast/Toast.styles.d.ts.map +1 -1
  125. package/dist/ui/ToolbarBottomNav/ToolbarBottomNav.stories.d.ts +2 -1
  126. package/dist/ui/ToolbarBottomNav/ToolbarBottomNav.stories.d.ts.map +1 -1
  127. package/dist/ui/ToolbarBottomNav/ToolbarBottomNav.styles.d.ts +2 -1
  128. package/dist/ui/ToolbarBottomNav/ToolbarBottomNav.styles.d.ts.map +1 -1
  129. package/dist/ui/ToolbarTop/ToolbarTop.stories.d.ts +8 -4
  130. package/dist/ui/ToolbarTop/ToolbarTop.stories.d.ts.map +1 -1
  131. package/dist/ui/ToolbarTop/ToolbarTop.styles.d.ts +8 -4
  132. package/dist/ui/ToolbarTop/ToolbarTop.styles.d.ts.map +1 -1
  133. package/dist/ui/index.d.ts +1 -0
  134. package/dist/ui/index.d.ts.map +1 -1
  135. package/dist/ui/index.js +1 -0
  136. package/package.json +1 -1
@@ -183,28 +183,32 @@ declare const _default: {
183
183
  padding: import("@alveole/theme").Spacing;
184
184
  };
185
185
  xsTitle: {
186
- readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
187
186
  readonly fontSize: 12;
188
187
  readonly lineHeight: 20;
189
188
  readonly letterSpacing: 0;
189
+ readonly fontFamily: string;
190
+ readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
190
191
  };
191
192
  smTitle: {
192
- readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
193
193
  readonly fontSize: 14;
194
194
  readonly lineHeight: 20;
195
195
  readonly letterSpacing: 0;
196
+ readonly fontFamily: string;
197
+ readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
196
198
  };
197
199
  mdTitle: {
198
- readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
199
200
  readonly fontSize: 14;
200
201
  readonly lineHeight: 20;
201
202
  readonly letterSpacing: 0;
203
+ readonly fontFamily: string;
204
+ readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
202
205
  };
203
206
  lgTitle: {
204
- readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
205
207
  readonly fontSize: 16;
206
208
  readonly lineHeight: 24;
207
209
  readonly letterSpacing: 0;
210
+ readonly fontFamily: string;
211
+ readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
208
212
  };
209
213
  smContainerStartIcon: {
210
214
  paddingLeft: import("@alveole/theme").Spacing;
@@ -1 +1 @@
1
- {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAKlB,CAAC;AAEF,eAAO,MAAM,IAAI,mCAShB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAAkE,CAAC;AAEzF,eAAO,MAAM,QAAQ,mCAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAOlB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}
1
+ {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAKlB,CAAC;AAEF,eAAO,MAAM,IAAI,mCAShB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAAkE,CAAC;AAEzF,eAAO,MAAM,QAAQ,mCAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAOlB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}
@@ -161,28 +161,32 @@ export declare const useStyles: () => {
161
161
  padding: import("@alveole/theme").Spacing;
162
162
  };
163
163
  xsTitle: {
164
- readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
165
164
  readonly fontSize: 12;
166
165
  readonly lineHeight: 20;
167
166
  readonly letterSpacing: 0;
167
+ readonly fontFamily: string;
168
+ readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
168
169
  };
169
170
  smTitle: {
170
- readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
171
171
  readonly fontSize: 14;
172
172
  readonly lineHeight: 20;
173
173
  readonly letterSpacing: 0;
174
+ readonly fontFamily: string;
175
+ readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
174
176
  };
175
177
  mdTitle: {
176
- readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
177
178
  readonly fontSize: 14;
178
179
  readonly lineHeight: 20;
179
180
  readonly letterSpacing: 0;
181
+ readonly fontFamily: string;
182
+ readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
180
183
  };
181
184
  lgTitle: {
182
- readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
183
185
  readonly fontSize: 16;
184
186
  readonly lineHeight: 24;
185
187
  readonly letterSpacing: 0;
188
+ readonly fontFamily: string;
189
+ readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
186
190
  };
187
191
  smContainerStartIcon: {
188
192
  paddingLeft: import("@alveole/theme").Spacing;
@@ -1 +1 @@
1
- {"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkRnB,CAAC"}
1
+ {"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkRnB,CAAC"}
@@ -28,10 +28,11 @@ declare const _default: {
28
28
  };
29
29
  titleText: {
30
30
  color: "#151617";
31
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
32
31
  fontSize: 14;
33
32
  lineHeight: 20;
34
33
  letterSpacing: 0;
34
+ fontFamily: string;
35
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
35
36
  };
36
37
  description: {
37
38
  display: "flex";
@@ -45,10 +46,11 @@ declare const _default: {
45
46
  };
46
47
  descriptionText: {
47
48
  color: "#373A3F";
48
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
49
49
  fontSize: 14;
50
50
  lineHeight: 20;
51
51
  letterSpacing: 0;
52
+ fontFamily: string;
53
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
52
54
  };
53
55
  disabledText: {
54
56
  color: "#8D97AC";
@@ -1 +1 @@
1
- {"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/Card.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAQkB;AAElB,eAAO,MAAM,IAAI,mCAgBhB,CAAC;AAEF,eAAO,MAAM,YAAY,mCA2BxB,CAAC;AAEF,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mCAU/B,CAAC;AAEF,eAAO,MAAM,UAAU,mCAgBtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mCAS9B,CAAC;AAEF,eAAO,MAAM,WAAW,mCAYvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}
1
+ {"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/Card.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAQkB;AAElB,eAAO,MAAM,IAAI,mCAgBhB,CAAC;AAEF,eAAO,MAAM,YAAY,mCA2BxB,CAAC;AAEF,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mCAU/B,CAAC;AAEF,eAAO,MAAM,UAAU,mCAgBtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mCAS9B,CAAC;AAEF,eAAO,MAAM,WAAW,mCAYvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}
@@ -12,17 +12,19 @@ export declare const useStyles: () => {
12
12
  };
13
13
  titre: {
14
14
  color: "#151617";
15
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
16
15
  fontSize: 16;
17
16
  lineHeight: 24;
18
17
  letterSpacing: 0;
18
+ fontFamily: string;
19
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
19
20
  };
20
21
  sousTitre: {
21
22
  color: "#373A3F";
22
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
23
23
  fontSize: 14;
24
24
  lineHeight: 20;
25
25
  letterSpacing: 0;
26
+ fontFamily: string;
27
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
26
28
  };
27
29
  disabledText: {
28
30
  color: "#8D97AC";
@@ -1 +1 @@
1
- {"version":3,"file":"CardHeader.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/CardHeader.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBnB,CAAC"}
1
+ {"version":3,"file":"CardHeader.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/CardHeader.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBnB,CAAC"}
@@ -17,10 +17,11 @@ export declare const useStyles: () => {
17
17
  };
18
18
  titleText: {
19
19
  color: "#151617";
20
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
21
20
  fontSize: 14;
22
21
  lineHeight: 20;
23
22
  letterSpacing: 0;
23
+ fontFamily: string;
24
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
24
25
  };
25
26
  description: {
26
27
  display: "flex";
@@ -34,10 +35,11 @@ export declare const useStyles: () => {
34
35
  };
35
36
  descriptionText: {
36
37
  color: "#373A3F";
37
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
38
38
  fontSize: 14;
39
39
  lineHeight: 20;
40
40
  letterSpacing: 0;
41
+ fontFamily: string;
42
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
41
43
  };
42
44
  disabledText: {
43
45
  color: "#8D97AC";
@@ -1 +1 @@
1
- {"version":3,"file":"CardSection.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/CardSection.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCnB,CAAC"}
1
+ {"version":3,"file":"CardSection.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/CardSection.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCnB,CAAC"}
@@ -31,19 +31,21 @@ declare const _default: {
31
31
  marginTop: string;
32
32
  marginBottom: string;
33
33
  userSelect: "none";
34
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
35
34
  fontSize: 16;
36
35
  lineHeight: 24;
37
36
  letterSpacing: 0;
37
+ fontFamily: string;
38
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
38
39
  };
39
40
  toolbarState: {
40
41
  color: "#5F6571";
41
42
  userSelect: "none";
42
43
  fontVariant: "tabular-nums"[];
43
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
44
44
  fontSize: 14;
45
45
  lineHeight: 20;
46
46
  letterSpacing: 0;
47
+ fontFamily: string;
48
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
47
49
  };
48
50
  toolbarDivider: {
49
51
  width: number;
@@ -1 +1 @@
1
- {"version":3,"file":"DocumentViewer.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAQkB;AAElB,eAAO,MAAM,eAAe,mCAI3B,CAAC;AAEF,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAaxB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,kCAAkC,CAAC"}
1
+ {"version":3,"file":"DocumentViewer.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAQkB;AAElB,eAAO,MAAM,eAAe,mCAI3B,CAAC;AAEF,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAaxB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,kCAAkC,CAAC"}
@@ -24,19 +24,21 @@ export declare const useStyles: () => {
24
24
  marginTop: string;
25
25
  marginBottom: string;
26
26
  userSelect: "none";
27
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
28
27
  fontSize: 16;
29
28
  lineHeight: 24;
30
29
  letterSpacing: 0;
30
+ fontFamily: string;
31
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
31
32
  };
32
33
  toolbarState: {
33
34
  color: "#5F6571";
34
35
  userSelect: "none";
35
36
  fontVariant: "tabular-nums"[];
36
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
37
37
  fontSize: 14;
38
38
  lineHeight: 20;
39
39
  letterSpacing: 0;
40
+ fontFamily: string;
41
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
40
42
  };
41
43
  toolbarDivider: {
42
44
  width: number;
@@ -1 +1 @@
1
- {"version":3,"file":"DocumentViewer.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsInB,CAAC"}
1
+ {"version":3,"file":"DocumentViewer.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsInB,CAAC"}
@@ -47,18 +47,20 @@ declare const _default: {
47
47
  };
48
48
  title: {
49
49
  textAlign: "center";
50
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
51
50
  fontSize: 18 | 20;
52
51
  lineHeight: 24 | 28;
53
52
  letterSpacing: 0;
53
+ fontFamily: string;
54
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
54
55
  color: "#151617";
55
56
  };
56
57
  description: {
57
58
  textAlign: "center";
58
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
59
59
  fontSize: 14;
60
60
  lineHeight: 20;
61
61
  letterSpacing: 0;
62
+ fontFamily: string;
63
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
62
64
  color: "#5F6571";
63
65
  };
64
66
  footer: {
@@ -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,mCAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAQpB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAcvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mCAO9B,CAAC;AAEF,eAAO,MAAM,aAAa,mCAOzB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,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,mCAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAQpB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAcvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mCAO9B,CAAC;AAEF,eAAO,MAAM,aAAa,mCAOzB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}
@@ -40,18 +40,20 @@ export declare const useStyles: () => {
40
40
  };
41
41
  title: {
42
42
  textAlign: "center";
43
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
44
43
  fontSize: 18 | 20;
45
44
  lineHeight: 24 | 28;
46
45
  letterSpacing: 0;
46
+ fontFamily: string;
47
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
47
48
  color: "#151617";
48
49
  };
49
50
  description: {
50
51
  textAlign: "center";
51
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
52
52
  fontSize: 14;
53
53
  lineHeight: 20;
54
54
  letterSpacing: 0;
55
+ fontFamily: string;
56
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
55
57
  color: "#5F6571";
56
58
  };
57
59
  footer: {
@@ -1 +1 @@
1
- {"version":3,"file":"EmptyState.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyState.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DpB,CAAC"}
1
+ {"version":3,"file":"EmptyState.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyState.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DpB,CAAC"}
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ export type HeaderProps = {
3
+ /** Logo carré affiché à gauche. */
4
+ logo: React.ReactNode;
5
+ /** Titre de l'application affiché à côté du logo (masqué en version mobile). */
6
+ title?: string;
7
+ /** Contenu libre affiché à droite (navigation, boutons, etc.). */
8
+ right?: React.ReactNode;
9
+ };
10
+ export declare const Header: ({ logo, title, right }: HeaderProps) => React.JSX.Element;
11
+ //# sourceMappingURL=Header.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/ui/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,wBAAwB,WAAW,sBAczD,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Box, Typography } from '../../core';
3
+ import { useStyles } from './Header.styles';
4
+ export const Header = ({ logo, title, right }) => {
5
+ const styles = useStyles();
6
+ return (_jsx(Box, { tag: "header", style: styles.container, children: _jsxs(Box, { style: styles.inner, children: [_jsxs(Box, { style: styles.identity, children: [logo, _jsx(Typography, { style: styles.titleText, children: title })] }), right != null && _jsx(Box, { style: styles.right, children: right })] }) }));
7
+ };
@@ -0,0 +1,80 @@
1
+ declare const _default: {
2
+ title: string;
3
+ tags: "ui"[];
4
+ experimental: false;
5
+ figmaURL: string;
6
+ description: string;
7
+ webOnly: true;
8
+ component: ({ logo, title, right }: import("./Header").HeaderProps) => import("react").JSX.Element;
9
+ styleFn: () => {
10
+ container: {
11
+ position: "sticky";
12
+ top: number;
13
+ zIndex: number;
14
+ backgroundColor: "#FFFFFF" | "#F6F7F8";
15
+ } | {
16
+ position: "sticky";
17
+ top: number;
18
+ zIndex: number;
19
+ shadowColor: import("@alveole/theme").Color;
20
+ shadowOffset: {
21
+ width: number;
22
+ height: number;
23
+ };
24
+ shadowOpacity: number;
25
+ shadowRadius: number;
26
+ elevation: number;
27
+ backgroundColor: "#FFFFFF" | "#F6F7F8";
28
+ } | {
29
+ position: "sticky";
30
+ top: number;
31
+ zIndex: number;
32
+ boxShadow: string;
33
+ backgroundColor: "#FFFFFF" | "#F6F7F8";
34
+ } | {
35
+ position: "sticky";
36
+ top: number;
37
+ zIndex: number;
38
+ borderBottomWidth: number;
39
+ borderBottomColor: "#DEE3EC";
40
+ backgroundColor: "#FFFFFF" | "#F6F7F8";
41
+ };
42
+ inner: {
43
+ display: "flex";
44
+ flexDirection: "row";
45
+ alignItems: "center";
46
+ justifyContent: "space-between";
47
+ gap: import("@alveole/theme").Spacing;
48
+ paddingLeft: import("@alveole/theme").Spacing;
49
+ paddingRight: import("@alveole/theme").Spacing;
50
+ paddingTop: import("@alveole/theme").Spacing;
51
+ paddingBottom: import("@alveole/theme").Spacing;
52
+ };
53
+ identity: {
54
+ display: "flex";
55
+ flexDirection: "row";
56
+ alignItems: "center";
57
+ gap: import("@alveole/theme").Spacing;
58
+ };
59
+ titleText: {
60
+ color: "#151617";
61
+ display: "flex" | "none";
62
+ fontSize: 14;
63
+ lineHeight: 20;
64
+ letterSpacing: 0;
65
+ fontFamily: string;
66
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
67
+ };
68
+ right: {
69
+ display: "flex";
70
+ flexDirection: "row";
71
+ alignItems: "center";
72
+ };
73
+ };
74
+ };
75
+ export default _default;
76
+ export declare const Default: () => import("react").JSX.Element;
77
+ export declare const SansContenuDroite: () => import("react").JSX.Element;
78
+ export declare const MobileSimple: () => import("react").JSX.Element;
79
+ export * as Sources from './Header.stories.sources';
80
+ //# sourceMappingURL=Header.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Header/Header.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAUkB;AAqBlB,eAAO,MAAM,OAAO,mCAYnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAAmE,CAAC;AAElG,eAAO,MAAM,YAAY,mCAExB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}
@@ -0,0 +1,32 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useTheme } from '@alveole/theme';
3
+ import { Box, Typography } from '../../core';
4
+ import { Button } from '../Button';
5
+ import { Header } from './Header';
6
+ import { useStyles } from './Header.styles';
7
+ export default {
8
+ title: 'Header',
9
+ tags: ['ui'],
10
+ experimental: false,
11
+ figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Alveole---Composants?node-id=1736-931',
12
+ description: "En-tête statique avec un logo carré et le titre de l'application à gauche, et un contenu libre à droite.",
13
+ webOnly: true,
14
+ component: Header,
15
+ styleFn: useStyles,
16
+ };
17
+ const LogoPlaceholder = () => {
18
+ const { color, radius, text } = useTheme();
19
+ return (_jsx(Box, { style: {
20
+ width: 32,
21
+ height: 32,
22
+ borderRadius: radius('md'),
23
+ backgroundColor: color.light.background['action-high-primary'],
24
+ display: 'flex',
25
+ alignItems: 'center',
26
+ justifyContent: 'center',
27
+ }, children: _jsx(Typography, { style: { ...text['Corps de texte'].XS.Bold, color: '#fff' }, children: "A" }) }));
28
+ };
29
+ export const Default = () => (_jsx(Header, { logo: _jsx(LogoPlaceholder, {}), title: "Nom de l'app", right: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "tertiary", title: "Composants", size: "sm", onPress: () => { } }), _jsx(Button, { variant: "tertiary", title: "Th\u00E8me", size: "sm", onPress: () => { } }), _jsx(Button, { variant: "primary", title: "Documentation", size: "sm", onPress: () => { } })] }) }));
30
+ export const SansContenuDroite = () => _jsx(Header, { logo: _jsx(LogoPlaceholder, {}), title: "Nom de l'app" });
31
+ export const MobileSimple = () => (_jsx(Header, { logo: _jsx(LogoPlaceholder, {}), right: _jsx(Button, { variant: "tertiary", title: "\u2261", size: "sm", onPress: () => { } }) }));
32
+ export * as Sources from './Header.stories.sources';
@@ -0,0 +1,10 @@
1
+ export declare const Default: () => string;
2
+ export declare const SansContenuDroite: () => string;
3
+ export declare const MobileSimple: () => string;
4
+ export declare const storySources: {
5
+ readonly Default: () => string;
6
+ readonly SansContenuDroite: () => string;
7
+ readonly MobileSimple: () => string;
8
+ };
9
+ export type StorySourceName = keyof typeof storySources;
10
+ //# sourceMappingURL=Header.stories.sources.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Header.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Header/Header.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAub,CAAC;AAE5c,eAAO,MAAM,iBAAiB,cAA+G,CAAC;AAE9I,eAAO,MAAM,YAAY,cAA8K,CAAC;AAExM,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
@@ -0,0 +1,10 @@
1
+ // This file is generated. Do not edit manually.
2
+ // Source: src/ui/Header/Header.stories.tsx
3
+ export const Default = () => "export const Default = () => (\n <Header\n logo={<LogoPlaceholder />}\n title=\"Nom de l'app\"\n right={\n <>\n <Button variant=\"tertiary\" title=\"Composants\" size=\"sm\" onPress={() => {}} />\n <Button variant=\"tertiary\" title=\"Thème\" size=\"sm\" onPress={() => {}} />\n <Button variant=\"primary\" title=\"Documentation\" size=\"sm\" onPress={() => {}} />\n </>\n }\n />\n);";
4
+ export const SansContenuDroite = () => "export const SansContenuDroite = () => <Header logo={<LogoPlaceholder />} title=\"Nom de l'app\" />;";
5
+ export const MobileSimple = () => "export const MobileSimple = () => (\n <Header logo={<LogoPlaceholder />} right={<Button variant=\"tertiary\" title=\"≡\" size=\"sm\" onPress={() => {}} />} />\n);";
6
+ export const storySources = {
7
+ Default,
8
+ SansContenuDroite,
9
+ MobileSimple,
10
+ };
@@ -0,0 +1,66 @@
1
+ export declare const useStyles: () => {
2
+ container: {
3
+ position: "sticky";
4
+ top: number;
5
+ zIndex: number;
6
+ backgroundColor: "#FFFFFF" | "#F6F7F8";
7
+ } | {
8
+ position: "sticky";
9
+ top: number;
10
+ zIndex: number;
11
+ shadowColor: import("@alveole/theme").Color;
12
+ shadowOffset: {
13
+ width: number;
14
+ height: number;
15
+ };
16
+ shadowOpacity: number;
17
+ shadowRadius: number;
18
+ elevation: number;
19
+ backgroundColor: "#FFFFFF" | "#F6F7F8";
20
+ } | {
21
+ position: "sticky";
22
+ top: number;
23
+ zIndex: number;
24
+ boxShadow: string;
25
+ backgroundColor: "#FFFFFF" | "#F6F7F8";
26
+ } | {
27
+ position: "sticky";
28
+ top: number;
29
+ zIndex: number;
30
+ borderBottomWidth: number;
31
+ borderBottomColor: "#DEE3EC";
32
+ backgroundColor: "#FFFFFF" | "#F6F7F8";
33
+ };
34
+ inner: {
35
+ display: "flex";
36
+ flexDirection: "row";
37
+ alignItems: "center";
38
+ justifyContent: "space-between";
39
+ gap: import("@alveole/theme").Spacing;
40
+ paddingLeft: import("@alveole/theme").Spacing;
41
+ paddingRight: import("@alveole/theme").Spacing;
42
+ paddingTop: import("@alveole/theme").Spacing;
43
+ paddingBottom: import("@alveole/theme").Spacing;
44
+ };
45
+ identity: {
46
+ display: "flex";
47
+ flexDirection: "row";
48
+ alignItems: "center";
49
+ gap: import("@alveole/theme").Spacing;
50
+ };
51
+ titleText: {
52
+ color: "#151617";
53
+ display: "flex" | "none";
54
+ fontSize: 14;
55
+ lineHeight: 20;
56
+ letterSpacing: 0;
57
+ fontFamily: string;
58
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
59
+ };
60
+ right: {
61
+ display: "flex";
62
+ flexDirection: "row";
63
+ alignItems: "center";
64
+ };
65
+ };
66
+ //# sourceMappingURL=Header.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Header.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Header/Header.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCnB,CAAC"}
@@ -0,0 +1,39 @@
1
+ import { makeStyles } from '@alveole/theme';
2
+ export const useStyles = makeStyles(({ color, text, spacing, isVariant, shadows }) => ({
3
+ container: {
4
+ backgroundColor: isVariant('mobile') ? color.light.background['default-grey'] : color.light.background['alt-grey'],
5
+ ...(isVariant('mobile')
6
+ ? shadows('raised')
7
+ : { borderBottomWidth: 1, borderBottomColor: color.light.border['default-grey'] }),
8
+ position: 'sticky',
9
+ top: 0,
10
+ zIndex: 100,
11
+ },
12
+ inner: {
13
+ display: 'flex',
14
+ flexDirection: 'row',
15
+ alignItems: 'center',
16
+ justifyContent: 'space-between',
17
+ gap: spacing('3W'),
18
+ paddingLeft: spacing('2W'),
19
+ paddingRight: spacing('2W'),
20
+ paddingTop: spacing('2W'),
21
+ paddingBottom: spacing('2W'),
22
+ },
23
+ identity: {
24
+ display: 'flex',
25
+ flexDirection: 'row',
26
+ alignItems: 'center',
27
+ gap: spacing('1W'),
28
+ },
29
+ titleText: {
30
+ ...text['Corps de texte'].SM.Bold,
31
+ color: color.light.text['title-grey'],
32
+ display: isVariant('mobile') ? 'none' : 'flex',
33
+ },
34
+ right: {
35
+ display: 'flex',
36
+ flexDirection: 'row',
37
+ alignItems: 'center',
38
+ },
39
+ }));
@@ -0,0 +1,3 @@
1
+ export { Header } from './Header';
2
+ export type { HeaderProps } from './Header';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1 @@
1
+ export { Header } from './Header';
@@ -52,17 +52,19 @@ declare const _default: {
52
52
  flex: number;
53
53
  };
54
54
  title: {
55
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
56
55
  fontSize: 14;
57
56
  lineHeight: 20;
58
57
  letterSpacing: 0;
58
+ fontFamily: string;
59
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
59
60
  color: "#373A3F";
60
61
  };
61
62
  description: {
62
- fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
63
63
  fontSize: 12;
64
64
  lineHeight: 20;
65
65
  letterSpacing: 0;
66
+ fontFamily: string;
67
+ fontWeight?: import("react-native").TextStyle["fontWeight"];
66
68
  color: "#5F6571";
67
69
  };
68
70
  additional: {};
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCASxB,CAAC;AAEF,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAKxB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}
1
+ {"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCASxB,CAAC;AAEF,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAKxB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}