@alveole/components 1.0.0 → 1.0.1
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/core/Page/Page.stories.d.ts +1 -0
- package/dist/core/Page/Page.stories.d.ts.map +1 -1
- package/dist/core/Page/Page.stories.js +15 -0
- package/dist/core/Page/Page.stories.sources.d.ts +2 -0
- package/dist/core/Page/Page.stories.sources.d.ts.map +1 -1
- package/dist/core/Page/Page.stories.sources.js +2 -0
- package/dist/core/Page/PageContentScrollable.d.ts.map +1 -1
- package/dist/core/Page/PageContentScrollable.js +1 -1
- package/dist/core/Page/PageMetaContext.d.ts +13 -0
- package/dist/core/Page/PageMetaContext.d.ts.map +1 -1
- package/dist/core/Page/PageMetaContext.js +13 -0
- package/dist/generated/version.d.ts +1 -1
- package/dist/generated/version.js +1 -1
- package/dist/ui/Autocomplete/Autocomplete.stories.d.ts +2 -2
- package/dist/ui/Autocomplete/Autocomplete.styles.d.ts +2 -2
- package/dist/ui/Avatar/Avatar.stories.d.ts +1 -1
- package/dist/ui/Avatar/Avatar.styles.d.ts +1 -1
- package/dist/ui/Badge/Badge.stories.d.ts +1 -1
- package/dist/ui/Badge/Badge.styles.d.ts +1 -1
- package/dist/ui/Button/Button.stories.d.ts +12 -12
- package/dist/ui/Button/Button.styles.d.ts +12 -12
- package/dist/ui/Card/Card.styles.d.ts +1 -1
- package/dist/ui/Counter/Counter.stories.d.ts +1 -1
- package/dist/ui/Counter/Counter.styles.d.ts +1 -1
- package/dist/ui/DocumentViewer/DocumentViewer.stories.d.ts +6 -6
- package/dist/ui/DocumentViewer/DocumentViewer.styles.d.ts +6 -6
- package/dist/ui/EmptyState/EmptyState.stories.d.ts +1 -1
- package/dist/ui/EmptyState/EmptyState.styles.d.ts +1 -1
- package/dist/ui/ListItem/ListItem.stories.d.ts +1 -1
- package/dist/ui/ListItem/ListItem.styles.d.ts +1 -1
- package/dist/ui/Popover/Popover.stories.d.ts +3 -3
- package/dist/ui/Popover/Popover.styles.d.ts +3 -3
- package/dist/ui/ProgressBar/ProgressBar.stories.d.ts +6 -6
- package/dist/ui/ProgressBar/ProgressBar.styles.d.ts +6 -6
- package/dist/ui/RadioGroup/RadioGroup.stories.d.ts +2 -2
- package/dist/ui/RadioGroup/RadioGroup.styles.d.ts +2 -2
- package/dist/ui/ResourceList/ResourceList.stories.d.ts +1 -1
- package/dist/ui/ResourceList/ResourceList.styles.d.ts +1 -1
- package/dist/ui/Sidebar/Sidebar.stories.d.ts +2 -2
- package/dist/ui/Sidebar/Sidebar.styles.d.ts +2 -2
- package/dist/ui/Signature/Signature.stories.d.ts +1 -1
- package/dist/ui/Signature/Signature.styles.d.ts +1 -1
- package/dist/ui/Tabs/Tabs.stories.d.ts +1 -1
- package/dist/ui/Tabs/Tabs.styles.d.ts +1 -1
- package/dist/ui/Tag/Tag.stories.d.ts +1 -1
- package/dist/ui/Tag/Tag.styles.d.ts +1 -1
- package/dist/ui/Toast/Toast.stories.d.ts +3 -3
- package/dist/ui/Toast/Toast.styles.d.ts +3 -3
- package/package.json +1 -1
|
@@ -11,6 +11,7 @@ export declare const Default: () => import("react").JSX.Element;
|
|
|
11
11
|
export declare const WithOg: () => import("react").JSX.Element;
|
|
12
12
|
export declare const WithMetaRobots: () => import("react").JSX.Element;
|
|
13
13
|
export declare const WithMultipleMeta: () => import("react").JSX.Element;
|
|
14
|
+
export declare const WithPageMetaProvider: () => import("react").JSX.Element;
|
|
14
15
|
export declare const WithSidebar: () => import("react").JSX.Element;
|
|
15
16
|
export * as Sources from './Page.stories.sources';
|
|
16
17
|
//# sourceMappingURL=Page.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Page/Page.stories.tsx"],"names":[],"mappings":";;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAInB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAIlB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAI1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAY5B,CAAC;AAEF,eAAO,MAAM,WAAW,mCAevB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Page.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Page/Page.stories.tsx"],"names":[],"mappings":";;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAInB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAIlB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAI1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAY5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,mCAoBhC,CAAC;AAEF,eAAO,MAAM,WAAW,mCAevB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}
|
|
@@ -18,6 +18,21 @@ export const WithMultipleMeta = () => (_jsx(Page, { title: "Page compl\u00E8te",
|
|
|
18
18
|
{ name: 'author', content: 'Alvéole' },
|
|
19
19
|
{ httpEquiv: 'X-UA-Compatible', content: 'IE=edge' },
|
|
20
20
|
], children: _jsx(Typography, { children: "Page avec plusieurs balises meta personnalis\u00E9es." }) }));
|
|
21
|
+
export const WithPageMetaProvider = () => (_jsx(Box, { children: _jsx(Typography, { children: `// Dans app/_layout.tsx — configure des meta globales pour toutes les pages
|
|
22
|
+
// Les meta du provider sont injectées en premier ;
|
|
23
|
+
// la prop \`meta\` de chaque <Page> les complète ou les écrase.
|
|
24
|
+
import { PageMetaProvider } from '@alveole/components';
|
|
25
|
+
|
|
26
|
+
export default function RootLayout() {
|
|
27
|
+
return (
|
|
28
|
+
<PageMetaProvider meta={[{ name: 'robots', content: 'noindex, nofollow' }]}>
|
|
29
|
+
<Stack />
|
|
30
|
+
</PageMetaProvider>
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
// Une page peut surcharger ou ajouter des meta sans répéter le noindex :
|
|
35
|
+
<Page title="Ma page" meta={[{ name: 'author', content: 'Alvéole' }]} />` }) }));
|
|
21
36
|
export const WithSidebar = () => (_jsx(Box, { children: _jsx(Typography, { children: `const sidebarController = useSidebar();
|
|
22
37
|
return (
|
|
23
38
|
<Page
|
|
@@ -2,12 +2,14 @@ export declare const Default: () => string;
|
|
|
2
2
|
export declare const WithOg: () => string;
|
|
3
3
|
export declare const WithMetaRobots: () => string;
|
|
4
4
|
export declare const WithMultipleMeta: () => string;
|
|
5
|
+
export declare const WithPageMetaProvider: () => string;
|
|
5
6
|
export declare const WithSidebar: () => string;
|
|
6
7
|
export declare const storySources: {
|
|
7
8
|
readonly Default: () => string;
|
|
8
9
|
readonly WithOg: () => string;
|
|
9
10
|
readonly WithMetaRobots: () => string;
|
|
10
11
|
readonly WithMultipleMeta: () => string;
|
|
12
|
+
readonly WithPageMetaProvider: () => string;
|
|
11
13
|
readonly WithSidebar: () => string;
|
|
12
14
|
};
|
|
13
15
|
export type StorySourceName = keyof typeof storySources;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Page/Page.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAmK,CAAC;AAExL,eAAO,MAAM,MAAM,cAA2O,CAAC;AAE/P,eAAO,MAAM,cAAc,cAAoP,CAAC;AAEhR,eAAO,MAAM,gBAAgB,cAAsa,CAAC;AAEpc,eAAO,MAAM,WAAW,cAAiW,CAAC;AAE1X,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"Page.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Page/Page.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAmK,CAAC;AAExL,eAAO,MAAM,MAAM,cAA2O,CAAC;AAE/P,eAAO,MAAM,cAAc,cAAoP,CAAC;AAEhR,eAAO,MAAM,gBAAgB,cAAsa,CAAC;AAEpc,eAAO,MAAM,oBAAoB,cAA+sB,CAAC;AAEjvB,eAAO,MAAM,WAAW,cAAiW,CAAC;AAE1X,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
|
|
@@ -4,11 +4,13 @@ export const Default = () => "export const Default = () => (\n <Page title=\"Mo
|
|
|
4
4
|
export const WithOg = () => "export const WithOg = () => (\n <Page title=\"Mon titre\" description=\"Description\" og={{ title: 'OG titre', description: 'OG description' }}>\n <Typography>Page avec Open Graph personnalisé</Typography>\n </Page>\n);";
|
|
5
5
|
export const WithMetaRobots = () => "export const WithMetaRobots = () => (\n <Page title=\"Page privée\" meta={[{ name: 'robots', content: 'noindex, nofollow' }]}>\n <Typography>Cette page ne sera pas indexée par les moteurs de recherche.</Typography>\n </Page>\n);";
|
|
6
6
|
export const WithMultipleMeta = () => "export const WithMultipleMeta = () => (\n <Page\n title=\"Page complète\"\n description=\"Avec plusieurs balises meta\"\n meta={[\n { name: 'robots', content: 'noindex, nofollow' },\n { name: 'author', content: 'Alvéole' },\n { httpEquiv: 'X-UA-Compatible', content: 'IE=edge' },\n ]}\n >\n <Typography>Page avec plusieurs balises meta personnalisées.</Typography>\n </Page>\n);";
|
|
7
|
+
export const WithPageMetaProvider = () => "export const WithPageMetaProvider = () => (\n <Box>\n <Typography>\n {`// Dans app/_layout.tsx — configure des meta globales pour toutes les pages\n// Les meta du provider sont injectées en premier ;\n// la prop \\`meta\\` de chaque <Page> les complète ou les écrase.\nimport { PageMetaProvider } from '@alveole/components';\n\nexport default function RootLayout() {\n return (\n <PageMetaProvider meta={[{ name: 'robots', content: 'noindex, nofollow' }]}>\n <Stack />\n </PageMetaProvider>\n );\n}\n\n// Une page peut surcharger ou ajouter des meta sans répéter le noindex :\n<Page title=\"Ma page\" meta={[{ name: 'author', content: 'Alvéole' }]} />`}\n </Typography>\n </Box>\n);";
|
|
7
8
|
export const WithSidebar = () => "export const WithSidebar = () => (\n <Box>\n <Typography>\n {`const sidebarController = useSidebar();\nreturn (\n <Page\n sideBarController={sidebarController}\n sidebar={<AdminNavigation sidebarController={sidebarController} />}\n title=\"Mon titre\"\n >\n {/* ... */}\n </Page>\n);`}\n </Typography>\n </Box>\n);";
|
|
8
9
|
export const storySources = {
|
|
9
10
|
Default,
|
|
10
11
|
WithOg,
|
|
11
12
|
WithMetaRobots,
|
|
12
13
|
WithMultipleMeta,
|
|
14
|
+
WithPageMetaProvider,
|
|
13
15
|
WithSidebar,
|
|
14
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageContentScrollable.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageContentScrollable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG;IACnD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;aAHC,CAAC;mBAG7B,CAAC;;;;;;;;;4BAUF,CAAH;;;;;;;uBAfkB,MAAM,IAAI;4BACL,MAAM;qBACb,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI;
|
|
1
|
+
{"version":3,"file":"PageContentScrollable.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageContentScrollable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG;IACnD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;aAHC,CAAC;mBAG7B,CAAC;;;;;;;;;4BAUF,CAAH;;;;;;;uBAfkB,MAAM,IAAI;4BACL,MAAM;qBACb,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI;qDAyD3C,CAAC"}
|
|
@@ -16,5 +16,5 @@ export const PageContentScrollable = React.forwardRef(function PageContentScroll
|
|
|
16
16
|
onScrollToBottom?.();
|
|
17
17
|
onScrollChange?.(contentOffset.y);
|
|
18
18
|
};
|
|
19
|
-
return (_jsx(KeyboardAwareScrollView, { ref: scrollRef, contentContainerStyle: { minHeight: '100%', width: '100%', flexGrow: 1 }, style: { backgroundColor: defaultBackgroundColor ?? 'transparent' }, onScroll: handleScroll, scrollEventThrottle: 16, alwaysBounceVertical: onScrollToBottom != null, bounces: onScrollToBottom != null, overScrollMode: onScrollToBottom != null ? 'always' : 'never', children: _jsxs(Box, { tag: "page", ...boxProps, height: "100%", children: [beforeContent, children, footerContent] }) }));
|
|
19
|
+
return (_jsx(KeyboardAwareScrollView, { ref: scrollRef, contentContainerStyle: { minHeight: '100%', width: '100%', flexGrow: 1 }, style: { backgroundColor: defaultBackgroundColor ?? 'transparent' }, onScroll: handleScroll, scrollEventThrottle: 16, alwaysBounceVertical: onScrollToBottom != null, bounces: onScrollToBottom != null, overScrollMode: onScrollToBottom != null ? 'always' : 'never', bottomOffset: 24, children: _jsxs(Box, { tag: "page", ...boxProps, height: "100%", children: [beforeContent, children, footerContent] }) }));
|
|
20
20
|
});
|
|
@@ -4,6 +4,19 @@ type PageMetaContextValue = {
|
|
|
4
4
|
meta: MetaTagProps[];
|
|
5
5
|
};
|
|
6
6
|
export declare const usePageMeta: () => PageMetaContextValue;
|
|
7
|
+
/**
|
|
8
|
+
* Injecte des balises `<meta>` par défaut dans tous les `PageHead` enfants.
|
|
9
|
+
*
|
|
10
|
+
* Placez ce provider à la racine du layout (ex. `app/_layout.tsx`).
|
|
11
|
+
* Les meta du provider sont fusionnées avec celles passées en prop sur chaque `<Page>` :
|
|
12
|
+
* la prop `meta` de la page est placée après et prend le dessus en cas de doublon.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* // Rendre toutes les pages noindex sans répéter la balise sur chaque <Page> :
|
|
16
|
+
* <PageMetaProvider meta={[{ name: 'robots', content: 'noindex, nofollow' }]}>
|
|
17
|
+
* <Stack />
|
|
18
|
+
* </PageMetaProvider>
|
|
19
|
+
*/
|
|
7
20
|
export declare const PageMetaProvider: ({ meta, children }: {
|
|
8
21
|
meta: MetaTagProps[];
|
|
9
22
|
children: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageMetaContext.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageMetaContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE3C,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,YAAY,EAAE,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,WAAW,4BAA0C,CAAC;AAEnE,eAAO,MAAM,gBAAgB,GAAI,oBAAoB;IAAE,IAAI,EAAE,YAAY,EAAE,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBAEvG,CAAC"}
|
|
1
|
+
{"version":3,"file":"PageMetaContext.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageMetaContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE3C,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,YAAY,EAAE,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,WAAW,4BAA0C,CAAC;AAEnE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB,GAAI,oBAAoB;IAAE,IAAI,EAAE,YAAY,EAAE,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBAEvG,CAAC"}
|
|
@@ -2,4 +2,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
const PageMetaContext = React.createContext({ meta: [] });
|
|
4
4
|
export const usePageMeta = () => React.useContext(PageMetaContext);
|
|
5
|
+
/**
|
|
6
|
+
* Injecte des balises `<meta>` par défaut dans tous les `PageHead` enfants.
|
|
7
|
+
*
|
|
8
|
+
* Placez ce provider à la racine du layout (ex. `app/_layout.tsx`).
|
|
9
|
+
* Les meta du provider sont fusionnées avec celles passées en prop sur chaque `<Page>` :
|
|
10
|
+
* la prop `meta` de la page est placée après et prend le dessus en cas de doublon.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* // Rendre toutes les pages noindex sans répéter la balise sur chaque <Page> :
|
|
14
|
+
* <PageMetaProvider meta={[{ name: 'robots', content: 'noindex, nofollow' }]}>
|
|
15
|
+
* <Stack />
|
|
16
|
+
* </PageMetaProvider>
|
|
17
|
+
*/
|
|
5
18
|
export const PageMetaProvider = ({ meta, children }) => (_jsx(PageMetaContext.Provider, { value: { meta }, children: children }));
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const ALVEOLE_COMPONENTS_VERSION: "1.0.
|
|
1
|
+
export declare const ALVEOLE_COMPONENTS_VERSION: "1.0.1";
|
|
2
2
|
//# sourceMappingURL=version.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const ALVEOLE_COMPONENTS_VERSION = "1.0.
|
|
1
|
+
export const ALVEOLE_COMPONENTS_VERSION = "1.0.1";
|
|
@@ -174,8 +174,8 @@ declare const _default: {
|
|
|
174
174
|
modalContent: {
|
|
175
175
|
flex: number;
|
|
176
176
|
backgroundColor: "white";
|
|
177
|
-
borderTopLeftRadius: import("@alveole/theme
|
|
178
|
-
borderTopRightRadius: import("@alveole/theme
|
|
177
|
+
borderTopLeftRadius: import("@alveole/theme").Radius;
|
|
178
|
+
borderTopRightRadius: import("@alveole/theme").Radius;
|
|
179
179
|
paddingTop: import("@alveole/theme").Spacing;
|
|
180
180
|
};
|
|
181
181
|
modalHeader: {
|
|
@@ -166,8 +166,8 @@ export declare const useStyles: () => {
|
|
|
166
166
|
modalContent: {
|
|
167
167
|
flex: number;
|
|
168
168
|
backgroundColor: "white";
|
|
169
|
-
borderTopLeftRadius: import("@alveole/theme
|
|
170
|
-
borderTopRightRadius: import("@alveole/theme
|
|
169
|
+
borderTopLeftRadius: import("@alveole/theme").Radius;
|
|
170
|
+
borderTopRightRadius: import("@alveole/theme").Radius;
|
|
171
171
|
paddingTop: import("@alveole/theme").Spacing;
|
|
172
172
|
};
|
|
173
173
|
modalHeader: {
|
|
@@ -7,7 +7,7 @@ declare const _default: {
|
|
|
7
7
|
component: (props: import("./Badge").BadgeProps) => import("react").JSX.Element;
|
|
8
8
|
styleFn: () => {
|
|
9
9
|
badge: {
|
|
10
|
-
borderRadius: import("@alveole/theme
|
|
10
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
11
11
|
marginRight: string;
|
|
12
12
|
display: "flex";
|
|
13
13
|
flexDirection: "row";
|
|
@@ -22,10 +22,10 @@ declare const _default: {
|
|
|
22
22
|
} & import("react").RefAttributes<import("react-native").View>>;
|
|
23
23
|
styleFn: () => {
|
|
24
24
|
container: {
|
|
25
|
-
borderTopLeftRadius: import("@alveole/theme
|
|
26
|
-
borderBottomLeftRadius: import("@alveole/theme
|
|
27
|
-
borderTopRightRadius: import("@alveole/theme
|
|
28
|
-
borderBottomRightRadius: import("@alveole/theme
|
|
25
|
+
borderTopLeftRadius: import("@alveole/theme").Radius;
|
|
26
|
+
borderBottomLeftRadius: import("@alveole/theme").Radius;
|
|
27
|
+
borderTopRightRadius: import("@alveole/theme").Radius;
|
|
28
|
+
borderBottomRightRadius: import("@alveole/theme").Radius;
|
|
29
29
|
display: "flex";
|
|
30
30
|
flexDirection: "row";
|
|
31
31
|
justifyContent: "center";
|
|
@@ -145,20 +145,20 @@ declare const _default: {
|
|
|
145
145
|
paddingRight: import("@alveole/theme").Spacing;
|
|
146
146
|
paddingTop: import("@alveole/theme").Spacing;
|
|
147
147
|
paddingBottom: import("@alveole/theme").Spacing;
|
|
148
|
-
borderTopLeftRadius: import("@alveole/theme
|
|
149
|
-
borderBottomLeftRadius: import("@alveole/theme
|
|
150
|
-
borderTopRightRadius: import("@alveole/theme
|
|
151
|
-
borderBottomRightRadius: import("@alveole/theme
|
|
148
|
+
borderTopLeftRadius: import("@alveole/theme").Radius;
|
|
149
|
+
borderBottomLeftRadius: import("@alveole/theme").Radius;
|
|
150
|
+
borderTopRightRadius: import("@alveole/theme").Radius;
|
|
151
|
+
borderBottomRightRadius: import("@alveole/theme").Radius;
|
|
152
152
|
};
|
|
153
153
|
smContainer: {
|
|
154
154
|
paddingLeft: import("@alveole/theme").Spacing;
|
|
155
155
|
paddingRight: import("@alveole/theme").Spacing;
|
|
156
156
|
paddingTop: import("@alveole/theme").Spacing;
|
|
157
157
|
paddingBottom: import("@alveole/theme").Spacing;
|
|
158
|
-
borderTopLeftRadius: import("@alveole/theme
|
|
159
|
-
borderBottomLeftRadius: import("@alveole/theme
|
|
160
|
-
borderTopRightRadius: import("@alveole/theme
|
|
161
|
-
borderBottomRightRadius: import("@alveole/theme
|
|
158
|
+
borderTopLeftRadius: import("@alveole/theme").Radius;
|
|
159
|
+
borderBottomLeftRadius: import("@alveole/theme").Radius;
|
|
160
|
+
borderTopRightRadius: import("@alveole/theme").Radius;
|
|
161
|
+
borderBottomRightRadius: import("@alveole/theme").Radius;
|
|
162
162
|
};
|
|
163
163
|
mdContainer: {
|
|
164
164
|
paddingLeft: import("@alveole/theme").Spacing;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export declare const useStyles: () => {
|
|
2
2
|
container: {
|
|
3
|
-
borderTopLeftRadius: import("@alveole/theme
|
|
4
|
-
borderBottomLeftRadius: import("@alveole/theme
|
|
5
|
-
borderTopRightRadius: import("@alveole/theme
|
|
6
|
-
borderBottomRightRadius: import("@alveole/theme
|
|
3
|
+
borderTopLeftRadius: import("@alveole/theme").Radius;
|
|
4
|
+
borderBottomLeftRadius: import("@alveole/theme").Radius;
|
|
5
|
+
borderTopRightRadius: import("@alveole/theme").Radius;
|
|
6
|
+
borderBottomRightRadius: import("@alveole/theme").Radius;
|
|
7
7
|
display: "flex";
|
|
8
8
|
flexDirection: "row";
|
|
9
9
|
justifyContent: "center";
|
|
@@ -123,20 +123,20 @@ export declare const useStyles: () => {
|
|
|
123
123
|
paddingRight: import("@alveole/theme").Spacing;
|
|
124
124
|
paddingTop: import("@alveole/theme").Spacing;
|
|
125
125
|
paddingBottom: import("@alveole/theme").Spacing;
|
|
126
|
-
borderTopLeftRadius: import("@alveole/theme
|
|
127
|
-
borderBottomLeftRadius: import("@alveole/theme
|
|
128
|
-
borderTopRightRadius: import("@alveole/theme
|
|
129
|
-
borderBottomRightRadius: import("@alveole/theme
|
|
126
|
+
borderTopLeftRadius: import("@alveole/theme").Radius;
|
|
127
|
+
borderBottomLeftRadius: import("@alveole/theme").Radius;
|
|
128
|
+
borderTopRightRadius: import("@alveole/theme").Radius;
|
|
129
|
+
borderBottomRightRadius: import("@alveole/theme").Radius;
|
|
130
130
|
};
|
|
131
131
|
smContainer: {
|
|
132
132
|
paddingLeft: import("@alveole/theme").Spacing;
|
|
133
133
|
paddingRight: import("@alveole/theme").Spacing;
|
|
134
134
|
paddingTop: import("@alveole/theme").Spacing;
|
|
135
135
|
paddingBottom: import("@alveole/theme").Spacing;
|
|
136
|
-
borderTopLeftRadius: import("@alveole/theme
|
|
137
|
-
borderBottomLeftRadius: import("@alveole/theme
|
|
138
|
-
borderTopRightRadius: import("@alveole/theme
|
|
139
|
-
borderBottomRightRadius: import("@alveole/theme
|
|
136
|
+
borderTopLeftRadius: import("@alveole/theme").Radius;
|
|
137
|
+
borderBottomLeftRadius: import("@alveole/theme").Radius;
|
|
138
|
+
borderTopRightRadius: import("@alveole/theme").Radius;
|
|
139
|
+
borderBottomRightRadius: import("@alveole/theme").Radius;
|
|
140
140
|
};
|
|
141
141
|
mdContainer: {
|
|
142
142
|
paddingLeft: import("@alveole/theme").Spacing;
|
|
@@ -9,7 +9,7 @@ export declare const useStyles: () => {
|
|
|
9
9
|
borderColor: string;
|
|
10
10
|
borderStyle: "solid";
|
|
11
11
|
boxSizing: "border-box";
|
|
12
|
-
borderRadius: import("@alveole/theme
|
|
12
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
15
|
//# sourceMappingURL=Card.styles.d.ts.map
|
|
@@ -15,7 +15,7 @@ declare const _default: {
|
|
|
15
15
|
paddingRight: import("@alveole/theme").Spacing;
|
|
16
16
|
paddingLeft: import("@alveole/theme").Spacing;
|
|
17
17
|
backgroundColor: string;
|
|
18
|
-
borderRadius: import("@alveole/theme
|
|
18
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
19
19
|
};
|
|
20
20
|
counterPrimary: {
|
|
21
21
|
backgroundColor: string;
|
|
@@ -8,7 +8,7 @@ export declare const useStyles: () => {
|
|
|
8
8
|
paddingRight: import("@alveole/theme").Spacing;
|
|
9
9
|
paddingLeft: import("@alveole/theme").Spacing;
|
|
10
10
|
backgroundColor: string;
|
|
11
|
-
borderRadius: import("@alveole/theme
|
|
11
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
12
12
|
};
|
|
13
13
|
counterPrimary: {
|
|
14
14
|
backgroundColor: string;
|
|
@@ -11,8 +11,8 @@ declare const _default: {
|
|
|
11
11
|
borderColor: string;
|
|
12
12
|
borderWidth: number;
|
|
13
13
|
borderStyle: "solid";
|
|
14
|
-
borderTopLeftRadius: import("@alveole/theme
|
|
15
|
-
borderTopRightRadius: import("@alveole/theme
|
|
14
|
+
borderTopLeftRadius: import("@alveole/theme").Radius;
|
|
15
|
+
borderTopRightRadius: import("@alveole/theme").Radius;
|
|
16
16
|
backgroundColor: string;
|
|
17
17
|
display: "flex";
|
|
18
18
|
flexDirection: "row";
|
|
@@ -68,8 +68,8 @@ declare const _default: {
|
|
|
68
68
|
borderWidth: number;
|
|
69
69
|
borderStyle: "solid";
|
|
70
70
|
borderTopWidth: number;
|
|
71
|
-
borderBottomLeftRadius: import("@alveole/theme
|
|
72
|
-
borderBottomRightRadius: import("@alveole/theme
|
|
71
|
+
borderBottomLeftRadius: import("@alveole/theme").Radius;
|
|
72
|
+
borderBottomRightRadius: import("@alveole/theme").Radius;
|
|
73
73
|
backgroundColor: string;
|
|
74
74
|
overflow: "hidden";
|
|
75
75
|
};
|
|
@@ -85,8 +85,8 @@ declare const _default: {
|
|
|
85
85
|
borderWidth: number;
|
|
86
86
|
borderStyle: "solid";
|
|
87
87
|
borderLeft: number;
|
|
88
|
-
borderTopRightRadius: import("@alveole/theme
|
|
89
|
-
borderBottomRightRadius: import("@alveole/theme
|
|
88
|
+
borderTopRightRadius: import("@alveole/theme").Radius;
|
|
89
|
+
borderBottomRightRadius: import("@alveole/theme").Radius;
|
|
90
90
|
backgroundColor: string;
|
|
91
91
|
overflow: "auto";
|
|
92
92
|
};
|
|
@@ -4,8 +4,8 @@ export declare const useStyles: () => {
|
|
|
4
4
|
borderColor: string;
|
|
5
5
|
borderWidth: number;
|
|
6
6
|
borderStyle: "solid";
|
|
7
|
-
borderTopLeftRadius: import("@alveole/theme
|
|
8
|
-
borderTopRightRadius: import("@alveole/theme
|
|
7
|
+
borderTopLeftRadius: import("@alveole/theme").Radius;
|
|
8
|
+
borderTopRightRadius: import("@alveole/theme").Radius;
|
|
9
9
|
backgroundColor: string;
|
|
10
10
|
display: "flex";
|
|
11
11
|
flexDirection: "row";
|
|
@@ -61,8 +61,8 @@ export declare const useStyles: () => {
|
|
|
61
61
|
borderWidth: number;
|
|
62
62
|
borderStyle: "solid";
|
|
63
63
|
borderTopWidth: number;
|
|
64
|
-
borderBottomLeftRadius: import("@alveole/theme
|
|
65
|
-
borderBottomRightRadius: import("@alveole/theme
|
|
64
|
+
borderBottomLeftRadius: import("@alveole/theme").Radius;
|
|
65
|
+
borderBottomRightRadius: import("@alveole/theme").Radius;
|
|
66
66
|
backgroundColor: string;
|
|
67
67
|
overflow: "hidden";
|
|
68
68
|
};
|
|
@@ -78,8 +78,8 @@ export declare const useStyles: () => {
|
|
|
78
78
|
borderWidth: number;
|
|
79
79
|
borderStyle: "solid";
|
|
80
80
|
borderLeft: number;
|
|
81
|
-
borderTopRightRadius: import("@alveole/theme
|
|
82
|
-
borderBottomRightRadius: import("@alveole/theme
|
|
81
|
+
borderTopRightRadius: import("@alveole/theme").Radius;
|
|
82
|
+
borderBottomRightRadius: import("@alveole/theme").Radius;
|
|
83
83
|
backgroundColor: string;
|
|
84
84
|
overflow: "auto";
|
|
85
85
|
};
|
|
@@ -35,7 +35,7 @@ declare const _default: {
|
|
|
35
35
|
justifyContent: "center";
|
|
36
36
|
color: string;
|
|
37
37
|
backgroundColor: string;
|
|
38
|
-
borderRadius: import("@alveole/theme
|
|
38
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
39
39
|
padding: import("@alveole/theme").Spacing;
|
|
40
40
|
};
|
|
41
41
|
messageEtDescription: {
|
|
@@ -28,7 +28,7 @@ export declare const useStyles: () => {
|
|
|
28
28
|
justifyContent: "center";
|
|
29
29
|
color: string;
|
|
30
30
|
backgroundColor: string;
|
|
31
|
-
borderRadius: import("@alveole/theme
|
|
31
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
32
32
|
padding: import("@alveole/theme").Spacing;
|
|
33
33
|
};
|
|
34
34
|
messageEtDescription: {
|
|
@@ -14,7 +14,7 @@ declare const _default: {
|
|
|
14
14
|
paddingRight: import("@alveole/theme").Spacing;
|
|
15
15
|
flexDirection: "column";
|
|
16
16
|
alignItems: "flex-end";
|
|
17
|
-
borderRadius: import("@alveole/theme
|
|
17
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
18
18
|
borderWidth: number;
|
|
19
19
|
borderStyle: "solid";
|
|
20
20
|
borderColor: string;
|
|
@@ -35,7 +35,7 @@ declare const _default: {
|
|
|
35
35
|
paddingRight: import("@alveole/theme").Spacing;
|
|
36
36
|
flexDirection: "column";
|
|
37
37
|
alignItems: "flex-end";
|
|
38
|
-
borderRadius: import("@alveole/theme
|
|
38
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
39
39
|
borderWidth: number;
|
|
40
40
|
borderStyle: "solid";
|
|
41
41
|
borderColor: string;
|
|
@@ -49,7 +49,7 @@ declare const _default: {
|
|
|
49
49
|
paddingRight: import("@alveole/theme").Spacing;
|
|
50
50
|
flexDirection: "column";
|
|
51
51
|
alignItems: "flex-end";
|
|
52
|
-
borderRadius: import("@alveole/theme
|
|
52
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
53
53
|
borderWidth: number;
|
|
54
54
|
borderStyle: "solid";
|
|
55
55
|
borderColor: string;
|
|
@@ -7,7 +7,7 @@ export declare const useStyles: () => {
|
|
|
7
7
|
paddingRight: import("@alveole/theme").Spacing;
|
|
8
8
|
flexDirection: "column";
|
|
9
9
|
alignItems: "flex-end";
|
|
10
|
-
borderRadius: import("@alveole/theme
|
|
10
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
11
11
|
borderWidth: number;
|
|
12
12
|
borderStyle: "solid";
|
|
13
13
|
borderColor: string;
|
|
@@ -28,7 +28,7 @@ export declare const useStyles: () => {
|
|
|
28
28
|
paddingRight: import("@alveole/theme").Spacing;
|
|
29
29
|
flexDirection: "column";
|
|
30
30
|
alignItems: "flex-end";
|
|
31
|
-
borderRadius: import("@alveole/theme
|
|
31
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
32
32
|
borderWidth: number;
|
|
33
33
|
borderStyle: "solid";
|
|
34
34
|
borderColor: string;
|
|
@@ -42,7 +42,7 @@ export declare const useStyles: () => {
|
|
|
42
42
|
paddingRight: import("@alveole/theme").Spacing;
|
|
43
43
|
flexDirection: "column";
|
|
44
44
|
alignItems: "flex-end";
|
|
45
|
-
borderRadius: import("@alveole/theme
|
|
45
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
46
46
|
borderWidth: number;
|
|
47
47
|
borderStyle: "solid";
|
|
48
48
|
borderColor: string;
|
|
@@ -18,7 +18,7 @@ declare const _default: {
|
|
|
18
18
|
};
|
|
19
19
|
progressed: {
|
|
20
20
|
height: "100%";
|
|
21
|
-
borderRadius: import("@alveole/theme
|
|
21
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
22
22
|
backgroundColor: string;
|
|
23
23
|
};
|
|
24
24
|
progressedAbsolute: {
|
|
@@ -26,12 +26,12 @@ declare const _default: {
|
|
|
26
26
|
top: number;
|
|
27
27
|
bottom: number;
|
|
28
28
|
left: number;
|
|
29
|
-
borderRadius: import("@alveole/theme
|
|
29
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
30
30
|
backgroundColor: string;
|
|
31
31
|
};
|
|
32
32
|
remaining: {
|
|
33
33
|
height: "100%";
|
|
34
|
-
borderRadius: import("@alveole/theme
|
|
34
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
35
35
|
backgroundColor: string;
|
|
36
36
|
};
|
|
37
37
|
remainingAbsolute: {
|
|
@@ -39,13 +39,13 @@ declare const _default: {
|
|
|
39
39
|
top: number;
|
|
40
40
|
bottom: number;
|
|
41
41
|
right: number;
|
|
42
|
-
borderRadius: import("@alveole/theme
|
|
42
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
43
43
|
backgroundColor: string;
|
|
44
44
|
};
|
|
45
45
|
progress: {
|
|
46
46
|
backgroundColor: string;
|
|
47
47
|
width: "100%";
|
|
48
|
-
borderRadius: import("@alveole/theme
|
|
48
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
49
49
|
overflow: "hidden";
|
|
50
50
|
};
|
|
51
51
|
bar: {
|
|
@@ -53,7 +53,7 @@ declare const _default: {
|
|
|
53
53
|
top: number;
|
|
54
54
|
bottom: number;
|
|
55
55
|
width: "100%";
|
|
56
|
-
borderRadius: import("@alveole/theme
|
|
56
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
57
57
|
backgroundColor: string;
|
|
58
58
|
};
|
|
59
59
|
indicator: {
|
|
@@ -11,7 +11,7 @@ export declare const useStyles: () => {
|
|
|
11
11
|
};
|
|
12
12
|
progressed: {
|
|
13
13
|
height: "100%";
|
|
14
|
-
borderRadius: import("@alveole/theme
|
|
14
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
15
15
|
backgroundColor: string;
|
|
16
16
|
};
|
|
17
17
|
progressedAbsolute: {
|
|
@@ -19,12 +19,12 @@ export declare const useStyles: () => {
|
|
|
19
19
|
top: number;
|
|
20
20
|
bottom: number;
|
|
21
21
|
left: number;
|
|
22
|
-
borderRadius: import("@alveole/theme
|
|
22
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
23
23
|
backgroundColor: string;
|
|
24
24
|
};
|
|
25
25
|
remaining: {
|
|
26
26
|
height: "100%";
|
|
27
|
-
borderRadius: import("@alveole/theme
|
|
27
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
28
28
|
backgroundColor: string;
|
|
29
29
|
};
|
|
30
30
|
remainingAbsolute: {
|
|
@@ -32,13 +32,13 @@ export declare const useStyles: () => {
|
|
|
32
32
|
top: number;
|
|
33
33
|
bottom: number;
|
|
34
34
|
right: number;
|
|
35
|
-
borderRadius: import("@alveole/theme
|
|
35
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
36
36
|
backgroundColor: string;
|
|
37
37
|
};
|
|
38
38
|
progress: {
|
|
39
39
|
backgroundColor: string;
|
|
40
40
|
width: "100%";
|
|
41
|
-
borderRadius: import("@alveole/theme
|
|
41
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
42
42
|
overflow: "hidden";
|
|
43
43
|
};
|
|
44
44
|
bar: {
|
|
@@ -46,7 +46,7 @@ export declare const useStyles: () => {
|
|
|
46
46
|
top: number;
|
|
47
47
|
bottom: number;
|
|
48
48
|
width: "100%";
|
|
49
|
-
borderRadius: import("@alveole/theme
|
|
49
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
50
50
|
backgroundColor: string;
|
|
51
51
|
};
|
|
52
52
|
indicator: {
|
|
@@ -32,7 +32,7 @@ declare const _default: {
|
|
|
32
32
|
};
|
|
33
33
|
groupCard: {
|
|
34
34
|
borderColor: string;
|
|
35
|
-
borderRadius: import("@alveole/theme
|
|
35
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
36
36
|
borderWidth: number;
|
|
37
37
|
overflow: "hidden";
|
|
38
38
|
};
|
|
@@ -65,7 +65,7 @@ declare const _default: {
|
|
|
65
65
|
};
|
|
66
66
|
itemCardHover: {
|
|
67
67
|
backgroundColor: string;
|
|
68
|
-
borderRadius: import("@alveole/theme
|
|
68
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
69
69
|
boxShadow: undefined;
|
|
70
70
|
};
|
|
71
71
|
itemCardContent: {
|
|
@@ -14,7 +14,7 @@ export declare const useStyles: () => {
|
|
|
14
14
|
};
|
|
15
15
|
groupCard: {
|
|
16
16
|
borderColor: string;
|
|
17
|
-
borderRadius: import("@alveole/theme
|
|
17
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
18
18
|
borderWidth: number;
|
|
19
19
|
overflow: "hidden";
|
|
20
20
|
};
|
|
@@ -47,7 +47,7 @@ export declare const useStyles: () => {
|
|
|
47
47
|
};
|
|
48
48
|
itemCardHover: {
|
|
49
49
|
backgroundColor: string;
|
|
50
|
-
borderRadius: import("@alveole/theme
|
|
50
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
51
51
|
boxShadow: undefined;
|
|
52
52
|
};
|
|
53
53
|
itemCardContent: {
|
|
@@ -24,7 +24,7 @@ declare const _default: {
|
|
|
24
24
|
fontWeight?: import("react-native").TextStyle["fontWeight"];
|
|
25
25
|
};
|
|
26
26
|
items: {
|
|
27
|
-
borderRadius: import("@alveole/theme
|
|
27
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
28
28
|
};
|
|
29
29
|
itemsWithWhiteBackground: {
|
|
30
30
|
backgroundColor: "#FFFFFF";
|
|
@@ -17,7 +17,7 @@ export declare const useStyles: () => {
|
|
|
17
17
|
fontWeight?: import("react-native").TextStyle["fontWeight"];
|
|
18
18
|
};
|
|
19
19
|
items: {
|
|
20
|
-
borderRadius: import("@alveole/theme
|
|
20
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
21
21
|
};
|
|
22
22
|
itemsWithWhiteBackground: {
|
|
23
23
|
backgroundColor: "#FFFFFF";
|
|
@@ -85,7 +85,7 @@ declare const _default: {
|
|
|
85
85
|
backgroundColor: string;
|
|
86
86
|
};
|
|
87
87
|
sidebarItemSelectedMobile: {
|
|
88
|
-
borderRadius: import("@alveole/theme
|
|
88
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
89
89
|
backgroundColor: string;
|
|
90
90
|
};
|
|
91
91
|
sidebarItemHover: {
|
|
@@ -112,7 +112,7 @@ declare const _default: {
|
|
|
112
112
|
display: "flex";
|
|
113
113
|
flexDirection: "row";
|
|
114
114
|
cursor: "pointer";
|
|
115
|
-
borderRadius: import("@alveole/theme
|
|
115
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
116
116
|
marginLeft: import("@alveole/theme").Spacing;
|
|
117
117
|
marginRight: import("@alveole/theme").Spacing;
|
|
118
118
|
};
|
|
@@ -78,7 +78,7 @@ export declare const useStyles: () => {
|
|
|
78
78
|
backgroundColor: string;
|
|
79
79
|
};
|
|
80
80
|
sidebarItemSelectedMobile: {
|
|
81
|
-
borderRadius: import("@alveole/theme
|
|
81
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
82
82
|
backgroundColor: string;
|
|
83
83
|
};
|
|
84
84
|
sidebarItemHover: {
|
|
@@ -105,7 +105,7 @@ export declare const useStyles: () => {
|
|
|
105
105
|
display: "flex";
|
|
106
106
|
flexDirection: "row";
|
|
107
107
|
cursor: "pointer";
|
|
108
|
-
borderRadius: import("@alveole/theme
|
|
108
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
109
109
|
marginLeft: import("@alveole/theme").Spacing;
|
|
110
110
|
marginRight: import("@alveole/theme").Spacing;
|
|
111
111
|
};
|
|
@@ -18,7 +18,7 @@ declare const _default: {
|
|
|
18
18
|
signatureWeb: {
|
|
19
19
|
borderColor: string;
|
|
20
20
|
borderWidth: number;
|
|
21
|
-
borderRadius: import("@alveole/theme
|
|
21
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
22
22
|
};
|
|
23
23
|
headerSignature: {
|
|
24
24
|
display: "flex";
|
|
@@ -11,7 +11,7 @@ export declare const useStyles: () => {
|
|
|
11
11
|
signatureWeb: {
|
|
12
12
|
borderColor: string;
|
|
13
13
|
borderWidth: number;
|
|
14
|
-
borderRadius: import("@alveole/theme
|
|
14
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
15
15
|
};
|
|
16
16
|
headerSignature: {
|
|
17
17
|
display: "flex";
|
|
@@ -67,7 +67,7 @@ declare const _default: {
|
|
|
67
67
|
paddingBottom: import("@alveole/theme").Spacing;
|
|
68
68
|
paddingLeft: import("@alveole/theme").Spacing;
|
|
69
69
|
paddingRight: import("@alveole/theme").Spacing;
|
|
70
|
-
borderRadius: import("@alveole/theme
|
|
70
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
71
71
|
};
|
|
72
72
|
tabIcon: {
|
|
73
73
|
color: string;
|
|
@@ -59,7 +59,7 @@ export declare const useStyles: () => {
|
|
|
59
59
|
paddingBottom: import("@alveole/theme").Spacing;
|
|
60
60
|
paddingLeft: import("@alveole/theme").Spacing;
|
|
61
61
|
paddingRight: import("@alveole/theme").Spacing;
|
|
62
|
-
borderRadius: import("@alveole/theme
|
|
62
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
63
63
|
};
|
|
64
64
|
tabIcon: {
|
|
65
65
|
color: string;
|
|
@@ -10,7 +10,7 @@ declare const _default: {
|
|
|
10
10
|
container: {
|
|
11
11
|
backgroundColor: string;
|
|
12
12
|
width: number;
|
|
13
|
-
borderRadius: import("@alveole/theme
|
|
13
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
14
14
|
display: "flex";
|
|
15
15
|
flexDirection: "row";
|
|
16
16
|
gap: import("@alveole/theme").Spacing;
|
|
@@ -27,7 +27,7 @@ declare const _default: {
|
|
|
27
27
|
elevation: number;
|
|
28
28
|
backgroundColor: string;
|
|
29
29
|
width: number;
|
|
30
|
-
borderRadius: import("@alveole/theme
|
|
30
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
31
31
|
display: "flex";
|
|
32
32
|
flexDirection: "row";
|
|
33
33
|
gap: import("@alveole/theme").Spacing;
|
|
@@ -37,7 +37,7 @@ declare const _default: {
|
|
|
37
37
|
boxShadow: string;
|
|
38
38
|
backgroundColor: string;
|
|
39
39
|
width: number;
|
|
40
|
-
borderRadius: import("@alveole/theme
|
|
40
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
41
41
|
display: "flex";
|
|
42
42
|
flexDirection: "row";
|
|
43
43
|
gap: import("@alveole/theme").Spacing;
|
|
@@ -2,7 +2,7 @@ export declare const useStyles: () => {
|
|
|
2
2
|
container: {
|
|
3
3
|
backgroundColor: string;
|
|
4
4
|
width: number;
|
|
5
|
-
borderRadius: import("@alveole/theme
|
|
5
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
6
6
|
display: "flex";
|
|
7
7
|
flexDirection: "row";
|
|
8
8
|
gap: import("@alveole/theme").Spacing;
|
|
@@ -19,7 +19,7 @@ export declare const useStyles: () => {
|
|
|
19
19
|
elevation: number;
|
|
20
20
|
backgroundColor: string;
|
|
21
21
|
width: number;
|
|
22
|
-
borderRadius: import("@alveole/theme
|
|
22
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
23
23
|
display: "flex";
|
|
24
24
|
flexDirection: "row";
|
|
25
25
|
gap: import("@alveole/theme").Spacing;
|
|
@@ -29,7 +29,7 @@ export declare const useStyles: () => {
|
|
|
29
29
|
boxShadow: string;
|
|
30
30
|
backgroundColor: string;
|
|
31
31
|
width: number;
|
|
32
|
-
borderRadius: import("@alveole/theme
|
|
32
|
+
borderRadius: import("@alveole/theme").Radius;
|
|
33
33
|
display: "flex";
|
|
34
34
|
flexDirection: "row";
|
|
35
35
|
gap: import("@alveole/theme").Spacing;
|