@alveole/components 0.15.1 → 0.15.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.
- package/dist/stories/index.d.ts +5 -0
- package/dist/stories/index.d.ts.map +1 -1
- package/dist/stories/index.js +5 -0
- package/dist/ui/Avatar/Avatar.d.ts.map +1 -1
- package/dist/ui/Avatar/Avatar.js +1 -1
- package/dist/ui/Avatar/Avatar.stories.d.ts +1 -1
- package/dist/ui/Avatar/Avatar.stories.js +1 -1
- package/dist/ui/ListItem/ListItem.d.ts +2 -1
- package/dist/ui/ListItem/ListItem.d.ts.map +1 -1
- package/dist/ui/ListItem/ListItem.js +2 -1
- package/dist/ui/ListItem/ListItem.stories.d.ts.map +1 -1
- package/dist/ui/ListItem/ListItem.stories.js +1 -1
- package/dist/ui/ResourceList/ResourceList.d.ts.map +1 -1
- package/dist/ui/ResourceList/ResourceList.js +1 -1
- package/dist/ui/ResourceList/ResourceListNoContent.d.ts +1 -1
- package/dist/ui/ResourceList/ResourceListNoContent.d.ts.map +1 -1
- package/dist/ui/ResourceList/ResourceListNoContent.js +1 -1
- package/dist/ui/ToolbarBottomNav/ToolbarBottomNavIcon.d.ts +1 -1
- package/dist/ui/ToolbarBottomNav/ToolbarBottomNavIcon.d.ts.map +1 -1
- package/dist/ui/ToolbarBottomNav/ToolbarBottomNavIcon.js +1 -1
- package/dist/ui/ToolbarTop/ToolbarTop.d.ts.map +1 -1
- package/dist/ui/ToolbarTop/ToolbarTop.js +2 -1
- package/dist/ui/ToolbarTop/ToolbarTop.stories.d.ts +1 -1
- package/dist/ui/ToolbarTop/ToolbarTop.stories.js +1 -1
- package/package.json +1 -1
package/dist/stories/index.d.ts
CHANGED
|
@@ -6,4 +6,9 @@ export * as VersionStory from '../core/Version/Version.stories';
|
|
|
6
6
|
export * as ButtonStory from '../ui/Button/Button.stories';
|
|
7
7
|
export * as DividerStory from '../ui/Divider/Divider.stories';
|
|
8
8
|
export * as LucideIconStory from '../ui/LucideIcon/LucideIcon.stories';
|
|
9
|
+
export * as ToolbarTopStory from '../ui/ToolbarTop/ToolbarTop.stories';
|
|
10
|
+
export * as ToolbarBottomNavStory from '../ui/ToolbarBottomNav/ToolbarBottomNav.stories';
|
|
11
|
+
export * as ListItemStory from '../ui/ListItem/ListItem.stories';
|
|
12
|
+
export * as ResourceListStory from '../ui/ResourceList/ResourceList.stories';
|
|
13
|
+
export * as AvatarStory from '../ui/Avatar/Avatar.stories';
|
|
9
14
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,aAAa,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,eAAe,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAGhE,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,aAAa,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,eAAe,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAGhE,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,qBAAqB,MAAM,iDAAiD,CAAC;AACzF,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC"}
|
package/dist/stories/index.js
CHANGED
|
@@ -8,3 +8,8 @@ export * as VersionStory from '../core/Version/Version.stories';
|
|
|
8
8
|
export * as ButtonStory from '../ui/Button/Button.stories';
|
|
9
9
|
export * as DividerStory from '../ui/Divider/Divider.stories';
|
|
10
10
|
export * as LucideIconStory from '../ui/LucideIcon/LucideIcon.stories';
|
|
11
|
+
export * as ToolbarTopStory from '../ui/ToolbarTop/ToolbarTop.stories';
|
|
12
|
+
export * as ToolbarBottomNavStory from '../ui/ToolbarBottomNav/ToolbarBottomNav.stories';
|
|
13
|
+
export * as ListItemStory from '../ui/ListItem/ListItem.stories';
|
|
14
|
+
export * as ResourceListStory from '../ui/ResourceList/ResourceList.stories';
|
|
15
|
+
export * as AvatarStory from '../ui/Avatar/Avatar.stories';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/ui/Avatar/Avatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/ui/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAA2B,MAAM,SAAS,CAAC;AAIpE,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,GAAG,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;CAC/B,CAAC;AASF,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAsBxC,CAAC"}
|
package/dist/ui/Avatar/Avatar.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Typography } from '@alveole/components';
|
|
3
2
|
import { useTheme } from '@alveole/theme';
|
|
4
3
|
import { Avatar as TamaguiAvatar } from 'tamagui';
|
|
4
|
+
import { Typography } from '../../core';
|
|
5
5
|
import { useStyles } from '././Avatar.styles';
|
|
6
6
|
const getInitials = (name) => {
|
|
7
7
|
const words = name.trim().split(/\s+/);
|
|
@@ -4,7 +4,7 @@ declare const _default: {
|
|
|
4
4
|
experimental: false;
|
|
5
5
|
figmaURL: string;
|
|
6
6
|
description: string;
|
|
7
|
-
component: (props: import("
|
|
7
|
+
component: (props: import("./Avatar").AvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
styleFn: () => {
|
|
9
9
|
avatar: {
|
|
10
10
|
backgroundColor: "#D2E8FE";
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { BoxProps, IconProps } from '@alveole/components';
|
|
2
1
|
import React from 'react';
|
|
2
|
+
import { BoxProps } from '../../core';
|
|
3
3
|
import { AvatarProps } from '../Avatar';
|
|
4
|
+
import { IconProps } from '../LucideIcon';
|
|
4
5
|
export type ListItemProps = BoxProps & {
|
|
5
6
|
title: string;
|
|
6
7
|
description?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAqB,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,SAAS,EAAc,MAAM,eAAe,CAAC;AAGtD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,cAAc,GAAG,KAAK,CAAC,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,QAAQ,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAoD5C,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Box, Image, LucideIcon, Typography } from '@alveole/components';
|
|
3
2
|
import { ActivityIndicator } from 'react-native';
|
|
3
|
+
import { Box, Image, Typography } from '../../core';
|
|
4
4
|
import { Avatar } from '../Avatar';
|
|
5
|
+
import { LucideIcon } from '../LucideIcon';
|
|
5
6
|
import { useStyles } from './ListItem.styles';
|
|
6
7
|
export const ListItem = (props) => {
|
|
7
8
|
const { children, title, description, style, AvatarProps, IconProps, preview_url, trailing, loading = false, showSeparateur = true, ...itemProps } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,OAAO,+CAA6D,CAAC;AAElF,eAAO,MAAM,YAAY,+CAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAA4E,CAAC;AAErG,eAAO,MAAM,gBAAgB,+CAAoF,CAAC;AAElH,eAAO,MAAM,QAAQ,+
|
|
1
|
+
{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,OAAO,+CAA6D,CAAC;AAElF,eAAO,MAAM,YAAY,+CAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAA4E,CAAC;AAErG,eAAO,MAAM,gBAAgB,+CAAoF,CAAC;AAElH,eAAO,MAAM,QAAQ,+CAEpB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAStB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAM5B,CAAC"}
|
|
@@ -15,7 +15,7 @@ export const Default = () => _jsx(ListItem, { title: "Titre", description: "Desc
|
|
|
15
15
|
export const WithTrailing = () => (_jsx(ListItem, { title: "Titre", description: "Description", trailing: () => _jsx(ButtonIcon, { variant: "tertiary", icon: "CircleX", onPress: () => console.log('remove') }) }));
|
|
16
16
|
export const WithLoading = () => _jsx(ListItem, { title: "Titre", description: "Description", loading: true });
|
|
17
17
|
export const WithoutSeparator = () => _jsx(ListItem, { title: "Titre", description: "Description", showSeparateur: false });
|
|
18
|
-
export const WithIcon = () => _jsx(ListItem, { title: "Titre", description: "Description", IconProps: { name: 'Settings' } });
|
|
18
|
+
export const WithIcon = () => (_jsx(ListItem, { title: "Titre", description: "Description", IconProps: { name: 'Settings', color: 'primary' } }));
|
|
19
19
|
export const WithAvatar = () => (_jsx(ListItem, { title: "Titre", description: "Description", AvatarProps: {
|
|
20
20
|
fallbackText: 'Jean Pierre',
|
|
21
21
|
src: 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceList.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ResourceList.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,aAAa,EAAE,MAAM,cAAc,CAAC;AAK1E,MAAM,MAAM,iBAAiB,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,GAAG;IAC1D,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAI/B,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,IAAI,EAAG,OAAO,iBAAiB,CAAC,IAAI,CAAC,0TAsDjE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Box, Typography } from '@alveole/components';
|
|
3
2
|
import { ActivityIndicator, FlatList } from 'react-native';
|
|
3
|
+
import { Box, Typography } from '../../core';
|
|
4
4
|
import { Divider } from '../Divider';
|
|
5
5
|
import { useStyles } from './ResourceList.styles';
|
|
6
6
|
export const ResourceListDivider = () => (_jsx(Box, { pl: "100", pr: "100", children: _jsx(Divider, {}) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceListNoContent.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceListNoContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAc,MAAM,
|
|
1
|
+
{"version":3,"file":"ResourceListNoContent.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceListNoContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAc,MAAM,YAAY,CAAC;AACvD,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,SAAS,EAAc,MAAM,eAAe,CAAC;AAGtD,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,GAAG;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;CACtD,CAAC;AAEF,eAAO,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBtE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Box, Typography } from '
|
|
2
|
+
import { Box, Typography } from '../../core';
|
|
3
3
|
import { Button } from '../Button';
|
|
4
4
|
import { LucideIcon } from '../LucideIcon';
|
|
5
5
|
import { useStyles } from './ResourceList.styles';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarBottomNavIcon.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarBottomNav/ToolbarBottomNavIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ToolbarBottomNavIcon.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarBottomNav/ToolbarBottomNavIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAc,MAAM,eAAe,CAAC;AAEtD,MAAM,MAAM,yBAAyB,GAAG;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AACzD,eAAO,MAAM,oBAAoB,GAAI,MAAM,SAAS,CAAC,MAAM,CAAC,MAC5B,OAAO;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,4CAEpD,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { LucideIcon } from '
|
|
2
|
+
import { LucideIcon } from '../LucideIcon';
|
|
3
3
|
export const toolbarBottomNavIcon = (name) => function ToolbarBottomNavIcon(props) {
|
|
4
4
|
return _jsx(LucideIcon, { size: "md", name: name, color: props.color });
|
|
5
5
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarTop.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarTop/ToolbarTop.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToolbarTop.d.ts","sourceRoot":"","sources":["../../../src/ui/ToolbarTop/ToolbarTop.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC;AAErE,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAwChD,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Box, ButtonIcon, Typography } from '@alveole/components';
|
|
3
2
|
import { useRouter } from 'expo-router';
|
|
3
|
+
import { Box, Typography } from '../../core';
|
|
4
|
+
import { ButtonIcon } from '../Button';
|
|
4
5
|
import { useStyles } from './ToolbarTop.styles';
|
|
5
6
|
export const ToolbarTop = (props) => {
|
|
6
7
|
const { title, subtitle, background, canGoBack, actions, variant, onNavigateBack } = props;
|
|
@@ -4,7 +4,7 @@ declare const _default: {
|
|
|
4
4
|
experimental: false;
|
|
5
5
|
description: string;
|
|
6
6
|
figmaURL: string;
|
|
7
|
-
component: (props: import("
|
|
7
|
+
component: (props: import("./ToolbarTop").ToolbarTopProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
styleFn: () => {
|
|
9
9
|
container: {
|
|
10
10
|
display: "flex";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ButtonIcon } from '
|
|
2
|
+
import { ButtonIcon } from '../Button';
|
|
3
3
|
import { useStyles } from './ToolbarTop.styles';
|
|
4
4
|
import { ToolbarTop } from './index';
|
|
5
5
|
export default {
|