@alveole/components 0.22.0 → 0.23.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 (114) hide show
  1. package/dist/core/Map/Map.d.ts +3 -0
  2. package/dist/core/Map/Map.d.ts.map +1 -0
  3. package/dist/core/Map/Map.js +5 -0
  4. package/dist/core/Map/Map.props.d.ts +57 -0
  5. package/dist/core/Map/Map.props.d.ts.map +1 -0
  6. package/dist/core/Map/Map.props.js +18 -0
  7. package/dist/core/Map/Map.stories.d.ts +38 -0
  8. package/dist/core/Map/Map.stories.d.ts.map +1 -0
  9. package/dist/core/Map/Map.stories.js +30 -0
  10. package/dist/core/Map/Map.styles.d.ts +9 -0
  11. package/dist/core/Map/Map.styles.d.ts.map +1 -0
  12. package/dist/core/Map/Map.styles.js +9 -0
  13. package/dist/core/Map/Map.web.d.ts +12 -0
  14. package/dist/core/Map/Map.web.d.ts.map +1 -0
  15. package/dist/core/Map/Map.web.js +134 -0
  16. package/dist/core/Map/index.d.ts +3 -0
  17. package/dist/core/Map/index.d.ts.map +1 -0
  18. package/dist/core/Map/index.js +2 -0
  19. package/dist/core/Metabase/Metabase.d.ts +1 -9
  20. package/dist/core/Metabase/Metabase.d.ts.map +1 -1
  21. package/dist/core/Metabase/Metabase.props.d.ts +10 -0
  22. package/dist/core/Metabase/Metabase.props.d.ts.map +1 -0
  23. package/dist/core/Metabase/Metabase.props.js +1 -0
  24. package/dist/core/Metabase/Metabase.stories.d.ts +1 -1
  25. package/dist/core/Metabase/Metabase.web.d.ts +1 -6
  26. package/dist/core/Metabase/Metabase.web.d.ts.map +1 -1
  27. package/dist/core/Page/PageContentScrollable.d.ts +1 -1
  28. package/dist/core/PdfViewer/PdfViewer.d.ts +3 -0
  29. package/dist/core/PdfViewer/PdfViewer.d.ts.map +1 -0
  30. package/dist/core/PdfViewer/PdfViewer.js +8 -0
  31. package/dist/core/PdfViewer/PdfViewer.props.d.ts +9 -0
  32. package/dist/core/PdfViewer/PdfViewer.props.d.ts.map +1 -0
  33. package/dist/core/PdfViewer/PdfViewer.props.js +1 -0
  34. package/dist/core/PdfViewer/PdfViewer.stories.d.ts +13 -0
  35. package/dist/core/PdfViewer/PdfViewer.stories.d.ts.map +1 -0
  36. package/dist/core/PdfViewer/PdfViewer.stories.js +16 -0
  37. package/dist/core/PdfViewer/PdfViewer.styles.d.ts +2 -0
  38. package/dist/core/PdfViewer/PdfViewer.styles.d.ts.map +1 -0
  39. package/dist/core/PdfViewer/PdfViewer.styles.js +2 -0
  40. package/dist/core/PdfViewer/PdfViewer.web.d.ts +3 -0
  41. package/dist/core/PdfViewer/PdfViewer.web.d.ts.map +1 -0
  42. package/dist/core/PdfViewer/PdfViewer.web.js +6 -0
  43. package/dist/core/PdfViewer/index.d.ts +3 -0
  44. package/dist/core/PdfViewer/index.d.ts.map +1 -0
  45. package/dist/core/PdfViewer/index.js +2 -0
  46. package/dist/core/index.d.ts +2 -0
  47. package/dist/core/index.d.ts.map +1 -1
  48. package/dist/core/index.js +2 -0
  49. package/dist/stories/index.d.ts +5 -0
  50. package/dist/stories/index.d.ts.map +1 -1
  51. package/dist/stories/index.js +5 -0
  52. package/dist/ui/Badge/Badge.d.ts +9 -0
  53. package/dist/ui/Badge/Badge.d.ts.map +1 -0
  54. package/dist/ui/Badge/Badge.js +34 -0
  55. package/dist/ui/Badge/Badge.stories.d.ts +67 -0
  56. package/dist/ui/Badge/Badge.stories.d.ts.map +1 -0
  57. package/dist/ui/Badge/Badge.stories.js +16 -0
  58. package/dist/ui/Badge/Badge.styles.d.ts +55 -0
  59. package/dist/ui/Badge/Badge.styles.d.ts.map +1 -0
  60. package/dist/ui/Badge/Badge.styles.js +49 -0
  61. package/dist/ui/Badge/index.d.ts +2 -0
  62. package/dist/ui/Badge/index.d.ts.map +1 -0
  63. package/dist/ui/Badge/index.js +1 -0
  64. package/dist/ui/Button/Button.stories.d.ts +3 -0
  65. package/dist/ui/Button/Button.stories.d.ts.map +1 -1
  66. package/dist/ui/Button/Button.styles.d.ts +3 -0
  67. package/dist/ui/Button/Button.styles.d.ts.map +1 -1
  68. package/dist/ui/Button/Button.styles.js +3 -0
  69. package/dist/ui/EmptyState/EmptyState.stories.d.ts +1 -1
  70. package/dist/ui/EmptyState/EmptyState.styles.d.ts +1 -1
  71. package/dist/ui/EmptyState/EmptyState.styles.js +1 -1
  72. package/dist/ui/Sidebar/Sidebar.d.ts +11 -0
  73. package/dist/ui/Sidebar/Sidebar.d.ts.map +1 -0
  74. package/dist/ui/Sidebar/Sidebar.js +30 -0
  75. package/dist/ui/Sidebar/Sidebar.stories.d.ts +182 -0
  76. package/dist/ui/Sidebar/Sidebar.stories.d.ts.map +1 -0
  77. package/dist/ui/Sidebar/Sidebar.stories.js +27 -0
  78. package/dist/ui/Sidebar/Sidebar.styles.d.ts +172 -0
  79. package/dist/ui/Sidebar/Sidebar.styles.d.ts.map +1 -0
  80. package/dist/ui/Sidebar/Sidebar.styles.js +148 -0
  81. package/dist/ui/Sidebar/SidebarFooter.d.ts +4 -0
  82. package/dist/ui/Sidebar/SidebarFooter.d.ts.map +1 -0
  83. package/dist/ui/Sidebar/SidebarFooter.js +7 -0
  84. package/dist/ui/Sidebar/SidebarGroup.d.ts +6 -0
  85. package/dist/ui/Sidebar/SidebarGroup.d.ts.map +1 -0
  86. package/dist/ui/Sidebar/SidebarGroup.js +20 -0
  87. package/dist/ui/Sidebar/SidebarHeader.d.ts +8 -0
  88. package/dist/ui/Sidebar/SidebarHeader.d.ts.map +1 -0
  89. package/dist/ui/Sidebar/SidebarHeader.js +26 -0
  90. package/dist/ui/Sidebar/SidebarItem.d.ts +19 -0
  91. package/dist/ui/Sidebar/SidebarItem.d.ts.map +1 -0
  92. package/dist/ui/Sidebar/SidebarItem.js +48 -0
  93. package/dist/ui/Sidebar/index.d.ts +4 -1
  94. package/dist/ui/Sidebar/index.d.ts.map +1 -1
  95. package/dist/ui/Sidebar/index.js +4 -1
  96. package/dist/ui/Tag/Tag.d.ts +10 -0
  97. package/dist/ui/Tag/Tag.d.ts.map +1 -0
  98. package/dist/ui/Tag/Tag.js +17 -0
  99. package/dist/ui/Tag/Tag.stories.d.ts +48 -0
  100. package/dist/ui/Tag/Tag.stories.d.ts.map +1 -0
  101. package/dist/ui/Tag/Tag.stories.js +15 -0
  102. package/dist/ui/Tag/Tag.styles.d.ts +37 -0
  103. package/dist/ui/Tag/Tag.styles.d.ts.map +1 -0
  104. package/dist/ui/Tag/Tag.styles.js +33 -0
  105. package/dist/ui/Tag/index.d.ts +2 -0
  106. package/dist/ui/Tag/index.d.ts.map +1 -0
  107. package/dist/ui/Tag/index.js +1 -0
  108. package/dist/ui/ToolbarTop/ToolbarTop.stories.d.ts +1 -0
  109. package/dist/ui/ToolbarTop/ToolbarTop.stories.d.ts.map +1 -1
  110. package/dist/ui/ToolbarTop/ToolbarTop.stories.js +2 -0
  111. package/dist/ui/index.d.ts +3 -0
  112. package/dist/ui/index.d.ts.map +1 -1
  113. package/dist/ui/index.js +3 -0
  114. package/package.json +3 -2
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tag.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/Tag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCnB,CAAC"}
@@ -0,0 +1,33 @@
1
+ import { makeStyles } from '@alveole/theme';
2
+ export const useStyles = makeStyles(({ radius, text, color, spacing }) => ({
3
+ tagContainer: {
4
+ display: 'block',
5
+ },
6
+ tag: {
7
+ borderRadius: radius('full'),
8
+ },
9
+ // Colors
10
+ tagDefault: {
11
+ color: color.light.text['label-grey'],
12
+ backgroundColor: color.light.background['contrast-grey'],
13
+ },
14
+ tagAction: {
15
+ color: color.light.text['label-grey'],
16
+ backgroundColor: color.light.background['action-low-primary'],
17
+ },
18
+ // Sizes
19
+ tagSm: {
20
+ paddingLeft: spacing('1W'),
21
+ paddingRight: spacing('1W'),
22
+ paddingTop: 0,
23
+ paddingBottom: 0,
24
+ ...text['Corps de texte'].XS.Bold,
25
+ },
26
+ tagMd: {
27
+ paddingLeft: spacing('3V'),
28
+ paddingRight: spacing('3V'),
29
+ paddingTop: spacing('1V'),
30
+ paddingBottom: spacing('1V'),
31
+ ...text['Corps de texte'].SM.Bold,
32
+ },
33
+ }));
@@ -0,0 +1,2 @@
1
+ export * from './Tag';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
@@ -0,0 +1 @@
1
+ export * from './Tag';
@@ -105,6 +105,7 @@ declare const _default: {
105
105
  };
106
106
  export default _default;
107
107
  export declare const Default: () => import("react/jsx-runtime").JSX.Element;
108
+ export declare const AvecRetourArriere: () => import("react/jsx-runtime").JSX.Element;
108
109
  export declare const SansAvatarEtAvecActions: () => import("react/jsx-runtime").JSX.Element;
109
110
  export declare const AvecAvatarSansActions: () => import("react/jsx-runtime").JSX.Element;
110
111
  export declare const AvecAvatarEtActions: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"ToolbarTop.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarTop/ToolbarTop.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAWkB;AAElB,eAAO,MAAM,OAAO,+CAA4D,CAAC;AAEjF,eAAO,MAAM,uBAAuB,+CAOnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,+CAEjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAQ/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,+CAahC,CAAC;AAEF,eAAO,MAAM,wBAAwB,+CAYpC,CAAC;AAEF,eAAO,MAAM,UAAU,+CAQtB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAA0E,CAAC;AAEpG,eAAO,MAAM,KAAK,+CAEjB,CAAC"}
1
+ {"version":3,"file":"ToolbarTop.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarTop/ToolbarTop.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAWkB;AAElB,eAAO,MAAM,OAAO,+CAA4D,CAAC;AAEjF,eAAO,MAAM,iBAAiB,+CAE7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAOnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,+CAEjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAQ/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,+CAahC,CAAC;AAEF,eAAO,MAAM,wBAAwB,+CAYpC,CAAC;AAEF,eAAO,MAAM,UAAU,+CAQtB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAA0E,CAAC;AAEpG,eAAO,MAAM,KAAK,+CAEjB,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { router } from 'expo-router';
2
3
  import { Typography } from '../../core';
3
4
  import { ButtonIcon } from '../Button/ButtonIcon';
4
5
  import { ToolbarTop } from './ToolbarTop';
@@ -14,6 +15,7 @@ export default {
14
15
  styleFn: useStyles,
15
16
  };
16
17
  export const Default = () => _jsx(ToolbarTop, { title: "Titre", sousTitre: "Sous-titre" });
18
+ export const AvecRetourArriere = () => (_jsx(ToolbarTop, { title: "Titre", sousTitre: "Sous-titre", onNavigate: () => router.back() }));
17
19
  export const SansAvatarEtAvecActions = () => (_jsx(ToolbarTop, { title: "Titre", sousTitre: "Sous-titre", onNavigate: console.log, actions: _jsx(ButtonIcon, { variant: "tertiary", size: "lg", iconSize: "md", icon: 'Plus', onPress: console.log }) }));
18
20
  export const AvecAvatarSansActions = () => (_jsx(ToolbarTop, { title: "Titre", sousTitre: "Sous-titre", AvatarProps: { src: 'https://picsum.photos/100/200' } }));
19
21
  export const AvecAvatarEtActions = () => (_jsx(ToolbarTop, { title: "Titre", sousTitre: "Sous-titre", onNavigate: console.log, AvatarProps: { src: 'https://picsum.photos/100/200' }, actions: _jsx(ButtonIcon, { variant: "tertiary", size: "lg", iconSize: "md", icon: 'Plus', onPress: console.log }) }));
@@ -1,4 +1,5 @@
1
1
  export * from './Avatar';
2
+ export * from './Badge';
2
3
  export * from './Breadcrumbs';
3
4
  export * from './Button';
4
5
  export * from './Card';
@@ -8,6 +9,8 @@ export * from './ListItem';
8
9
  export * from './LucideIcon';
9
10
  export * from './PageHeader';
10
11
  export * from './ResourceList';
12
+ export * from './Sidebar';
13
+ export * from './Tag';
11
14
  export * from './ToolbarBottomNav';
12
15
  export * from './ToolbarTop';
13
16
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}
package/dist/ui/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './Avatar';
2
+ export * from './Badge';
2
3
  export * from './Breadcrumbs';
3
4
  export * from './Button';
4
5
  export * from './Card';
@@ -8,5 +9,7 @@ export * from './ListItem';
8
9
  export * from './LucideIcon';
9
10
  export * from './PageHeader';
10
11
  export * from './ResourceList';
12
+ export * from './Sidebar';
13
+ export * from './Tag';
11
14
  export * from './ToolbarBottomNav';
12
15
  export * from './ToolbarTop';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alveole/components",
3
- "version": "0.22.0",
3
+ "version": "0.23.0",
4
4
  "description": "Shared UI components.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -58,7 +58,8 @@
58
58
  "expo-application": "*",
59
59
  "expo-image": "*",
60
60
  "expo-router": "*",
61
- "expo-linear-gradient": "*"
61
+ "expo-linear-gradient": "*",
62
+ "expo-constants": "*"
62
63
  },
63
64
  "publishConfig": {
64
65
  "access": "public"