@ankhorage/zora 0.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/CHANGELOG.md +11 -0
- package/LICENSE +21 -0
- package/README.md +198 -0
- package/dist/components/badge/Badge.d.ts +4 -0
- package/dist/components/badge/Badge.d.ts.map +1 -0
- package/dist/components/badge/Badge.js +8 -0
- package/dist/components/badge/Badge.js.map +1 -0
- package/dist/components/badge/index.d.ts +3 -0
- package/dist/components/badge/index.d.ts.map +1 -0
- package/dist/components/badge/index.js +2 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/badge/types.d.ts +10 -0
- package/dist/components/badge/types.d.ts.map +1 -0
- package/dist/components/badge/types.js +2 -0
- package/dist/components/badge/types.js.map +1 -0
- package/dist/components/button/Button.d.ts +4 -0
- package/dist/components/button/Button.d.ts.map +1 -0
- package/dist/components/button/Button.js +8 -0
- package/dist/components/button/Button.js.map +1 -0
- package/dist/components/button/index.d.ts +3 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/button/index.js +2 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/button/types.d.ts +12 -0
- package/dist/components/button/types.d.ts.map +1 -0
- package/dist/components/button/types.js +2 -0
- package/dist/components/button/types.js.map +1 -0
- package/dist/components/card/Card.d.ts +4 -0
- package/dist/components/card/Card.d.ts.map +1 -0
- package/dist/components/card/Card.js +31 -0
- package/dist/components/card/Card.js.map +1 -0
- package/dist/components/card/index.d.ts +3 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/card/index.js +2 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/card/types.d.ts +14 -0
- package/dist/components/card/types.d.ts.map +1 -0
- package/dist/components/card/types.js +2 -0
- package/dist/components/card/types.js.map +1 -0
- package/dist/components/drawer/Drawer.d.ts +4 -0
- package/dist/components/drawer/Drawer.d.ts.map +1 -0
- package/dist/components/drawer/Drawer.js +18 -0
- package/dist/components/drawer/Drawer.js.map +1 -0
- package/dist/components/drawer/index.d.ts +3 -0
- package/dist/components/drawer/index.d.ts.map +1 -0
- package/dist/components/drawer/index.js +2 -0
- package/dist/components/drawer/index.js.map +1 -0
- package/dist/components/drawer/types.d.ts +9 -0
- package/dist/components/drawer/types.d.ts.map +1 -0
- package/dist/components/drawer/types.js +2 -0
- package/dist/components/drawer/types.js.map +1 -0
- package/dist/components/input/Input.d.ts +4 -0
- package/dist/components/input/Input.d.ts.map +1 -0
- package/dist/components/input/Input.js +10 -0
- package/dist/components/input/Input.js.map +1 -0
- package/dist/components/input/index.d.ts +3 -0
- package/dist/components/input/index.d.ts.map +1 -0
- package/dist/components/input/index.js +2 -0
- package/dist/components/input/index.js.map +1 -0
- package/dist/components/input/types.d.ts +8 -0
- package/dist/components/input/types.d.ts.map +1 -0
- package/dist/components/input/types.js +2 -0
- package/dist/components/input/types.js.map +1 -0
- package/dist/components/modal/Modal.d.ts +4 -0
- package/dist/components/modal/Modal.d.ts.map +1 -0
- package/dist/components/modal/Modal.js +21 -0
- package/dist/components/modal/Modal.js.map +1 -0
- package/dist/components/modal/index.d.ts +3 -0
- package/dist/components/modal/index.d.ts.map +1 -0
- package/dist/components/modal/index.js +2 -0
- package/dist/components/modal/index.js.map +1 -0
- package/dist/components/modal/types.d.ts +11 -0
- package/dist/components/modal/types.d.ts.map +1 -0
- package/dist/components/modal/types.js +2 -0
- package/dist/components/modal/types.js.map +1 -0
- package/dist/components/textarea/Textarea.d.ts +4 -0
- package/dist/components/textarea/Textarea.d.ts.map +1 -0
- package/dist/components/textarea/Textarea.js +10 -0
- package/dist/components/textarea/Textarea.js.map +1 -0
- package/dist/components/textarea/index.d.ts +3 -0
- package/dist/components/textarea/index.d.ts.map +1 -0
- package/dist/components/textarea/index.js +2 -0
- package/dist/components/textarea/index.js.map +1 -0
- package/dist/components/textarea/types.d.ts +8 -0
- package/dist/components/textarea/types.d.ts.map +1 -0
- package/dist/components/textarea/types.js +2 -0
- package/dist/components/textarea/types.js.map +1 -0
- package/dist/index.d.ts +44 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +23 -0
- package/dist/index.js.map +1 -0
- package/dist/internal/deepMerge.d.ts +2 -0
- package/dist/internal/deepMerge.d.ts.map +1 -0
- package/dist/internal/deepMerge.js +20 -0
- package/dist/internal/deepMerge.js.map +1 -0
- package/dist/internal/recipes.d.ts +22 -0
- package/dist/internal/recipes.d.ts.map +1 -0
- package/dist/internal/recipes.js +59 -0
- package/dist/internal/recipes.js.map +1 -0
- package/dist/layout/auth-layout/AuthLayout.d.ts +4 -0
- package/dist/layout/auth-layout/AuthLayout.d.ts.map +1 -0
- package/dist/layout/auth-layout/AuthLayout.js +11 -0
- package/dist/layout/auth-layout/AuthLayout.js.map +1 -0
- package/dist/layout/auth-layout/index.d.ts +3 -0
- package/dist/layout/auth-layout/index.d.ts.map +1 -0
- package/dist/layout/auth-layout/index.js +2 -0
- package/dist/layout/auth-layout/index.js.map +1 -0
- package/dist/layout/auth-layout/types.d.ts +10 -0
- package/dist/layout/auth-layout/types.d.ts.map +1 -0
- package/dist/layout/auth-layout/types.js +2 -0
- package/dist/layout/auth-layout/types.js.map +1 -0
- package/dist/layout/page/Page.d.ts +4 -0
- package/dist/layout/page/Page.d.ts.map +1 -0
- package/dist/layout/page/Page.js +13 -0
- package/dist/layout/page/Page.js.map +1 -0
- package/dist/layout/page/index.d.ts +3 -0
- package/dist/layout/page/index.d.ts.map +1 -0
- package/dist/layout/page/index.js +2 -0
- package/dist/layout/page/index.js.map +1 -0
- package/dist/layout/page/types.d.ts +10 -0
- package/dist/layout/page/types.d.ts.map +1 -0
- package/dist/layout/page/types.js +2 -0
- package/dist/layout/page/types.js.map +1 -0
- package/dist/layout/page-header/PageHeader.d.ts +4 -0
- package/dist/layout/page-header/PageHeader.d.ts.map +1 -0
- package/dist/layout/page-header/PageHeader.js +20 -0
- package/dist/layout/page-header/PageHeader.js.map +1 -0
- package/dist/layout/page-header/index.d.ts +3 -0
- package/dist/layout/page-header/index.d.ts.map +1 -0
- package/dist/layout/page-header/index.js +2 -0
- package/dist/layout/page-header/index.js.map +1 -0
- package/dist/layout/page-header/types.d.ts +10 -0
- package/dist/layout/page-header/types.d.ts.map +1 -0
- package/dist/layout/page-header/types.js +2 -0
- package/dist/layout/page-header/types.js.map +1 -0
- package/dist/layout/page-section/PageSection.d.ts +4 -0
- package/dist/layout/page-section/PageSection.d.ts.map +1 -0
- package/dist/layout/page-section/PageSection.js +10 -0
- package/dist/layout/page-section/PageSection.js.map +1 -0
- package/dist/layout/page-section/index.d.ts +3 -0
- package/dist/layout/page-section/index.d.ts.map +1 -0
- package/dist/layout/page-section/index.js +2 -0
- package/dist/layout/page-section/index.js.map +1 -0
- package/dist/layout/page-section/types.d.ts +9 -0
- package/dist/layout/page-section/types.d.ts.map +1 -0
- package/dist/layout/page-section/types.js +2 -0
- package/dist/layout/page-section/types.js.map +1 -0
- package/dist/layout/settings-layout/SettingsLayout.d.ts +4 -0
- package/dist/layout/settings-layout/SettingsLayout.d.ts.map +1 -0
- package/dist/layout/settings-layout/SettingsLayout.js +10 -0
- package/dist/layout/settings-layout/SettingsLayout.js.map +1 -0
- package/dist/layout/settings-layout/index.d.ts +3 -0
- package/dist/layout/settings-layout/index.d.ts.map +1 -0
- package/dist/layout/settings-layout/index.js +2 -0
- package/dist/layout/settings-layout/index.js.map +1 -0
- package/dist/layout/settings-layout/types.d.ts +10 -0
- package/dist/layout/settings-layout/types.d.ts.map +1 -0
- package/dist/layout/settings-layout/types.js +2 -0
- package/dist/layout/settings-layout/types.js.map +1 -0
- package/dist/layout/sidebar-layout/SidebarLayout.d.ts +4 -0
- package/dist/layout/sidebar-layout/SidebarLayout.d.ts.map +1 -0
- package/dist/layout/sidebar-layout/SidebarLayout.js +12 -0
- package/dist/layout/sidebar-layout/SidebarLayout.js.map +1 -0
- package/dist/layout/sidebar-layout/index.d.ts +3 -0
- package/dist/layout/sidebar-layout/index.d.ts.map +1 -0
- package/dist/layout/sidebar-layout/index.js +2 -0
- package/dist/layout/sidebar-layout/index.js.map +1 -0
- package/dist/layout/sidebar-layout/types.d.ts +10 -0
- package/dist/layout/sidebar-layout/types.d.ts.map +1 -0
- package/dist/layout/sidebar-layout/types.js +2 -0
- package/dist/layout/sidebar-layout/types.js.map +1 -0
- package/dist/layout/topbar-layout/TopbarLayout.d.ts +4 -0
- package/dist/layout/topbar-layout/TopbarLayout.d.ts.map +1 -0
- package/dist/layout/topbar-layout/TopbarLayout.js +10 -0
- package/dist/layout/topbar-layout/TopbarLayout.js.map +1 -0
- package/dist/layout/topbar-layout/index.d.ts +3 -0
- package/dist/layout/topbar-layout/index.d.ts.map +1 -0
- package/dist/layout/topbar-layout/index.js +2 -0
- package/dist/layout/topbar-layout/index.js.map +1 -0
- package/dist/layout/topbar-layout/types.d.ts +8 -0
- package/dist/layout/topbar-layout/types.d.ts.map +1 -0
- package/dist/layout/topbar-layout/types.js +2 -0
- package/dist/layout/topbar-layout/types.js.map +1 -0
- package/dist/patterns/confirm-dialog/ConfirmDialog.d.ts +4 -0
- package/dist/patterns/confirm-dialog/ConfirmDialog.d.ts.map +1 -0
- package/dist/patterns/confirm-dialog/ConfirmDialog.js +17 -0
- package/dist/patterns/confirm-dialog/ConfirmDialog.js.map +1 -0
- package/dist/patterns/confirm-dialog/index.d.ts +3 -0
- package/dist/patterns/confirm-dialog/index.d.ts.map +1 -0
- package/dist/patterns/confirm-dialog/index.js +2 -0
- package/dist/patterns/confirm-dialog/index.js.map +1 -0
- package/dist/patterns/confirm-dialog/types.d.ts +18 -0
- package/dist/patterns/confirm-dialog/types.d.ts.map +1 -0
- package/dist/patterns/confirm-dialog/types.js +2 -0
- package/dist/patterns/confirm-dialog/types.js.map +1 -0
- package/dist/patterns/empty-state/EmptyState.d.ts +4 -0
- package/dist/patterns/empty-state/EmptyState.d.ts.map +1 -0
- package/dist/patterns/empty-state/EmptyState.js +20 -0
- package/dist/patterns/empty-state/EmptyState.js.map +1 -0
- package/dist/patterns/empty-state/index.d.ts +3 -0
- package/dist/patterns/empty-state/index.d.ts.map +1 -0
- package/dist/patterns/empty-state/index.js +2 -0
- package/dist/patterns/empty-state/index.js.map +1 -0
- package/dist/patterns/empty-state/types.d.ts +18 -0
- package/dist/patterns/empty-state/types.d.ts.map +1 -0
- package/dist/patterns/empty-state/types.js +2 -0
- package/dist/patterns/empty-state/types.js.map +1 -0
- package/dist/patterns/form-field/FormField.d.ts +4 -0
- package/dist/patterns/form-field/FormField.d.ts.map +1 -0
- package/dist/patterns/form-field/FormField.js +15 -0
- package/dist/patterns/form-field/FormField.js.map +1 -0
- package/dist/patterns/form-field/index.d.ts +3 -0
- package/dist/patterns/form-field/index.d.ts.map +1 -0
- package/dist/patterns/form-field/index.js +2 -0
- package/dist/patterns/form-field/index.js.map +1 -0
- package/dist/patterns/form-field/types.d.ts +8 -0
- package/dist/patterns/form-field/types.d.ts.map +1 -0
- package/dist/patterns/form-field/types.js +2 -0
- package/dist/patterns/form-field/types.js.map +1 -0
- package/dist/patterns/notice/Notice.d.ts +4 -0
- package/dist/patterns/notice/Notice.d.ts.map +1 -0
- package/dist/patterns/notice/Notice.js +13 -0
- package/dist/patterns/notice/Notice.js.map +1 -0
- package/dist/patterns/notice/index.d.ts +3 -0
- package/dist/patterns/notice/index.d.ts.map +1 -0
- package/dist/patterns/notice/index.js +2 -0
- package/dist/patterns/notice/index.js.map +1 -0
- package/dist/patterns/notice/types.d.ts +11 -0
- package/dist/patterns/notice/types.d.ts.map +1 -0
- package/dist/patterns/notice/types.js +2 -0
- package/dist/patterns/notice/types.js.map +1 -0
- package/dist/patterns/panel/Panel.d.ts +4 -0
- package/dist/patterns/panel/Panel.d.ts.map +1 -0
- package/dist/patterns/panel/Panel.js +6 -0
- package/dist/patterns/panel/Panel.js.map +1 -0
- package/dist/patterns/panel/index.d.ts +3 -0
- package/dist/patterns/panel/index.d.ts.map +1 -0
- package/dist/patterns/panel/index.js +2 -0
- package/dist/patterns/panel/index.js.map +1 -0
- package/dist/patterns/panel/types.d.ts +14 -0
- package/dist/patterns/panel/types.d.ts.map +1 -0
- package/dist/patterns/panel/types.js +2 -0
- package/dist/patterns/panel/types.js.map +1 -0
- package/dist/patterns/section-header/SectionHeader.d.ts +4 -0
- package/dist/patterns/section-header/SectionHeader.d.ts.map +1 -0
- package/dist/patterns/section-header/SectionHeader.js +19 -0
- package/dist/patterns/section-header/SectionHeader.js.map +1 -0
- package/dist/patterns/section-header/index.d.ts +3 -0
- package/dist/patterns/section-header/index.d.ts.map +1 -0
- package/dist/patterns/section-header/index.js +2 -0
- package/dist/patterns/section-header/index.js.map +1 -0
- package/dist/patterns/section-header/types.d.ts +9 -0
- package/dist/patterns/section-header/types.d.ts.map +1 -0
- package/dist/patterns/section-header/types.js +2 -0
- package/dist/patterns/section-header/types.js.map +1 -0
- package/dist/patterns/settings-row/SettingsRow.d.ts +4 -0
- package/dist/patterns/settings-row/SettingsRow.d.ts.map +1 -0
- package/dist/patterns/settings-row/SettingsRow.js +13 -0
- package/dist/patterns/settings-row/SettingsRow.js.map +1 -0
- package/dist/patterns/settings-row/index.d.ts +3 -0
- package/dist/patterns/settings-row/index.d.ts.map +1 -0
- package/dist/patterns/settings-row/index.js +2 -0
- package/dist/patterns/settings-row/index.js.map +1 -0
- package/dist/patterns/settings-row/types.d.ts +11 -0
- package/dist/patterns/settings-row/types.d.ts.map +1 -0
- package/dist/patterns/settings-row/types.js +2 -0
- package/dist/patterns/settings-row/types.js.map +1 -0
- package/dist/theme/ZoraProvider.d.ts +9 -0
- package/dist/theme/ZoraProvider.d.ts.map +1 -0
- package/dist/theme/ZoraProvider.js +9 -0
- package/dist/theme/ZoraProvider.js.map +1 -0
- package/dist/theme/createZoraTheme.d.ts +4 -0
- package/dist/theme/createZoraTheme.d.ts.map +1 -0
- package/dist/theme/createZoraTheme.js +6 -0
- package/dist/theme/createZoraTheme.js.map +1 -0
- package/dist/theme/index.d.ts +6 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +4 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/zoraTheme.d.ts +3 -0
- package/dist/theme/zoraTheme.d.ts.map +1 -0
- package/dist/theme/zoraTheme.js +15 -0
- package/dist/theme/zoraTheme.js.map +1 -0
- package/package.json +87 -0
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Box, Heading, Modal as SurfaceModal, Stack, Text } from '@ankhorage/surface';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { resolveDialogWidth } from '../../internal/recipes';
|
|
4
|
+
export function Modal({ children, title, description, footer, width = 'default', ...props }) {
|
|
5
|
+
const hasHeader = title != null || description != null;
|
|
6
|
+
return (<SurfaceModal {...props}>
|
|
7
|
+
<Box maxWidth={resolveDialogWidth(width)} style={{ alignSelf: 'center', width: '100%' }}>
|
|
8
|
+
<Stack gap="m">
|
|
9
|
+
{hasHeader ? (<Stack gap="xs">
|
|
10
|
+
{title ? <Heading level={3}>{title}</Heading> : null}
|
|
11
|
+
{description ? (<Text tone="muted" variant="bodySmall">
|
|
12
|
+
{description}
|
|
13
|
+
</Text>) : null}
|
|
14
|
+
</Stack>) : null}
|
|
15
|
+
{children ? <Box>{children}</Box> : null}
|
|
16
|
+
{footer ? <Box pt="xs">{footer}</Box> : null}
|
|
17
|
+
</Stack>
|
|
18
|
+
</Box>
|
|
19
|
+
</SurfaceModal>);
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=Modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACtF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAK,GAAG,SAAS,EACjB,GAAG,KAAK,EACG;IACX,MAAM,SAAS,GAAG,KAAK,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,CAAC;IAEvD,OAAO,CACL,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,CACtB;MAAA,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CACtF;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;UAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CACb;cAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CACpD;cAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACpC;kBAAA,CAAC,WAAW,CACd;gBAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;YAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,IAAI,CACR;UAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACxC;UAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC9C;QAAA,EAAE,KAAK,CACT;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,YAAY,CAAC,CAChB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ModalProps as SurfaceModalProps } from '@ankhorage/surface';
|
|
2
|
+
import type React from 'react';
|
|
3
|
+
import type { ZoraContentWidth } from '../../internal/recipes';
|
|
4
|
+
export interface ModalProps extends Pick<SurfaceModalProps, 'closeOnBackdrop' | 'onDismiss' | 'testID' | 'visible'> {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
title?: React.ReactNode;
|
|
7
|
+
description?: React.ReactNode;
|
|
8
|
+
footer?: React.ReactNode;
|
|
9
|
+
width?: ZoraContentWidth;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,iBAAiB,EACjB,iBAAiB,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CACvD;IACC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/modal/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,QAAQ,CAAC,EAAE,IAAU,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBA+B1F"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Icon, Textarea as SurfaceTextarea, useTheme } from '@ankhorage/surface';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { resolveIconSize } from '../../internal/recipes';
|
|
4
|
+
export function Textarea({ size = 'l', leadingIcon, trailingIcon, ...props }) {
|
|
5
|
+
const { theme } = useTheme();
|
|
6
|
+
const iconSize = resolveIconSize(size);
|
|
7
|
+
const iconColor = theme.semantics.content.muted;
|
|
8
|
+
return (<SurfaceTextarea {...props} leadingAccessory={leadingIcon ? (<Icon color={iconColor} name={leadingIcon.name} provider={leadingIcon.provider} size={iconSize}/>) : undefined} size={size} trailingAccessory={trailingIcon ? (<Icon color={iconColor} name={trailingIcon.name} provider={trailingIcon.provider} size={iconSize}/>) : undefined}/>);
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=Textarea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,IAAI,eAAe,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,KAAK,EAAiB;IACzF,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;IAEhD,OAAO,CACL,CAAC,eAAe,CACd,IAAI,KAAK,CAAC,CACV,gBAAgB,CAAC,CACf,WAAW,CAAC,CAAC,CAAC,CACZ,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CACvB,QAAQ,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAC/B,IAAI,CAAC,CAAC,QAAQ,CAAC,EACf,CACH,CAAC,CAAC,CAAC,SACN,CAAC,CACD,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,iBAAiB,CAAC,CAChB,YAAY,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CACxB,QAAQ,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAChC,IAAI,CAAC,CAAC,QAAQ,CAAC,EACf,CACH,CAAC,CAAC,CAAC,SACN,CAAC,EACD,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ButtonIconSpec, TextareaProps as SurfaceTextareaProps } from '@ankhorage/surface';
|
|
2
|
+
import type { ZoraControlSize } from '../../internal/recipes';
|
|
3
|
+
export interface TextareaProps extends Omit<SurfaceTextareaProps, 'leadingAccessory' | 'size' | 'trailingAccessory'> {
|
|
4
|
+
size?: ZoraControlSize;
|
|
5
|
+
leadingIcon?: ButtonIconSpec;
|
|
6
|
+
trailingIcon?: ButtonIconSpec;
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAEhG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,oBAAoB,EACpB,kBAAkB,GAAG,MAAM,GAAG,mBAAmB,CAClD;IACC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/textarea/types.ts"],"names":[],"mappings":""}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export type { BadgeProps } from './components/badge';
|
|
2
|
+
export { Badge } from './components/badge';
|
|
3
|
+
export type { ButtonProps } from './components/button';
|
|
4
|
+
export { Button } from './components/button';
|
|
5
|
+
export type { CardProps } from './components/card';
|
|
6
|
+
export { Card } from './components/card';
|
|
7
|
+
export type { DrawerProps } from './components/drawer';
|
|
8
|
+
export { Drawer } from './components/drawer';
|
|
9
|
+
export type { InputProps } from './components/input';
|
|
10
|
+
export { Input } from './components/input';
|
|
11
|
+
export type { ModalProps } from './components/modal';
|
|
12
|
+
export { Modal } from './components/modal';
|
|
13
|
+
export type { TextareaProps } from './components/textarea';
|
|
14
|
+
export { Textarea } from './components/textarea';
|
|
15
|
+
export type { AuthLayoutProps } from './layout/auth-layout';
|
|
16
|
+
export { AuthLayout } from './layout/auth-layout';
|
|
17
|
+
export type { PageProps } from './layout/page';
|
|
18
|
+
export { Page } from './layout/page';
|
|
19
|
+
export type { PageHeaderProps } from './layout/page-header';
|
|
20
|
+
export { PageHeader } from './layout/page-header';
|
|
21
|
+
export type { PageSectionProps } from './layout/page-section';
|
|
22
|
+
export { PageSection } from './layout/page-section';
|
|
23
|
+
export type { SettingsLayoutProps } from './layout/settings-layout';
|
|
24
|
+
export { SettingsLayout } from './layout/settings-layout';
|
|
25
|
+
export type { SidebarLayoutProps } from './layout/sidebar-layout';
|
|
26
|
+
export { SidebarLayout } from './layout/sidebar-layout';
|
|
27
|
+
export type { TopbarLayoutProps } from './layout/topbar-layout';
|
|
28
|
+
export { TopbarLayout } from './layout/topbar-layout';
|
|
29
|
+
export type { ConfirmDialogProps } from './patterns/confirm-dialog';
|
|
30
|
+
export { ConfirmDialog } from './patterns/confirm-dialog';
|
|
31
|
+
export type { EmptyStateAction, EmptyStateProps } from './patterns/empty-state';
|
|
32
|
+
export { EmptyState } from './patterns/empty-state';
|
|
33
|
+
export type { FormFieldProps } from './patterns/form-field';
|
|
34
|
+
export { FormField } from './patterns/form-field';
|
|
35
|
+
export type { NoticeProps } from './patterns/notice';
|
|
36
|
+
export { Notice } from './patterns/notice';
|
|
37
|
+
export type { PanelProps } from './patterns/panel';
|
|
38
|
+
export { Panel } from './patterns/panel';
|
|
39
|
+
export type { SectionHeaderProps } from './patterns/section-header';
|
|
40
|
+
export { SectionHeader } from './patterns/section-header';
|
|
41
|
+
export type { SettingsRowProps } from './patterns/settings-row';
|
|
42
|
+
export { SettingsRow } from './patterns/settings-row';
|
|
43
|
+
export * from './theme';
|
|
44
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,YAAY,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,YAAY,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,cAAc,SAAS,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export { Badge } from './components/badge';
|
|
2
|
+
export { Button } from './components/button';
|
|
3
|
+
export { Card } from './components/card';
|
|
4
|
+
export { Drawer } from './components/drawer';
|
|
5
|
+
export { Input } from './components/input';
|
|
6
|
+
export { Modal } from './components/modal';
|
|
7
|
+
export { Textarea } from './components/textarea';
|
|
8
|
+
export { AuthLayout } from './layout/auth-layout';
|
|
9
|
+
export { Page } from './layout/page';
|
|
10
|
+
export { PageHeader } from './layout/page-header';
|
|
11
|
+
export { PageSection } from './layout/page-section';
|
|
12
|
+
export { SettingsLayout } from './layout/settings-layout';
|
|
13
|
+
export { SidebarLayout } from './layout/sidebar-layout';
|
|
14
|
+
export { TopbarLayout } from './layout/topbar-layout';
|
|
15
|
+
export { ConfirmDialog } from './patterns/confirm-dialog';
|
|
16
|
+
export { EmptyState } from './patterns/empty-state';
|
|
17
|
+
export { FormField } from './patterns/form-field';
|
|
18
|
+
export { Notice } from './patterns/notice';
|
|
19
|
+
export { Panel } from './patterns/panel';
|
|
20
|
+
export { SectionHeader } from './patterns/section-header';
|
|
21
|
+
export { SettingsRow } from './patterns/settings-row';
|
|
22
|
+
export * from './theme';
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"deepMerge.d.ts","sourceRoot":"","sources":["../../src/internal/deepMerge.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAsB5E"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export function deepMerge(target, source) {
|
|
2
|
+
const result = { ...target };
|
|
3
|
+
Object.keys(source).forEach((key) => {
|
|
4
|
+
const sourceValue = source[key];
|
|
5
|
+
const targetValue = target[key];
|
|
6
|
+
if (sourceValue &&
|
|
7
|
+
typeof sourceValue === 'object' &&
|
|
8
|
+
!Array.isArray(sourceValue) &&
|
|
9
|
+
targetValue &&
|
|
10
|
+
typeof targetValue === 'object' &&
|
|
11
|
+
!Array.isArray(targetValue)) {
|
|
12
|
+
result[key] = deepMerge(targetValue, sourceValue);
|
|
13
|
+
}
|
|
14
|
+
else if (sourceValue !== undefined) {
|
|
15
|
+
result[key] = sourceValue;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
return result;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=deepMerge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"deepMerge.js","sourceRoot":"","sources":["../../src/internal/deepMerge.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,SAAS,CAAmB,MAAS,EAAE,MAAkB;IACvE,MAAM,MAAM,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;IAE5B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAiB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACnD,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAChC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAEhC,IACE,WAAW;YACX,OAAO,WAAW,KAAK,QAAQ;YAC/B,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;YAC3B,WAAW;YACX,OAAO,WAAW,KAAK,QAAQ;YAC/B,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAC3B,CAAC;YACD,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,WAAqB,EAAE,WAAqB,CAAe,CAAC;QACtF,CAAC;aAAM,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;YACrC,MAAM,CAAC,GAAG,CAAC,GAAG,WAAyB,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { BadgeProps as SurfaceBadgeProps, ButtonProps as SurfaceButtonProps, CardProps as SurfaceCardProps } from '@ankhorage/surface';
|
|
2
|
+
export type ZoraTone = NonNullable<SurfaceButtonProps['tone']>;
|
|
3
|
+
export type ZoraEmphasis = NonNullable<SurfaceButtonProps['variant']>;
|
|
4
|
+
export type ZoraControlSize = NonNullable<SurfaceButtonProps['size']>;
|
|
5
|
+
export type ZoraBadgeEmphasis = NonNullable<SurfaceBadgeProps['variant']>;
|
|
6
|
+
export type ZoraCardTone = 'default' | 'subtle' | 'outline';
|
|
7
|
+
export type ZoraContentWidth = 'narrow' | 'default' | 'wide';
|
|
8
|
+
export declare function resolveButtonRecipe({ tone, emphasis, size, }: {
|
|
9
|
+
tone?: ZoraTone;
|
|
10
|
+
emphasis?: ZoraEmphasis;
|
|
11
|
+
size?: ZoraControlSize;
|
|
12
|
+
}): Pick<SurfaceButtonProps, 'size' | 'tone' | 'variant'>;
|
|
13
|
+
export declare function resolveBadgeRecipe({ tone, emphasis, size, }: {
|
|
14
|
+
tone?: ZoraTone;
|
|
15
|
+
emphasis?: ZoraBadgeEmphasis;
|
|
16
|
+
size?: ZoraControlSize;
|
|
17
|
+
}): Pick<SurfaceBadgeProps, 'size' | 'tone' | 'variant'>;
|
|
18
|
+
export declare function resolveCardVariant(tone?: ZoraCardTone): SurfaceCardProps['variant'];
|
|
19
|
+
export declare function resolveDialogWidth(width?: ZoraContentWidth): number;
|
|
20
|
+
export declare function resolvePageMaxWidth(width?: ZoraContentWidth): number;
|
|
21
|
+
export declare function resolveIconSize(size?: ZoraControlSize): number;
|
|
22
|
+
//# sourceMappingURL=recipes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"recipes.d.ts","sourceRoot":"","sources":["../../src/internal/recipes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,IAAI,iBAAiB,EAC/B,WAAW,IAAI,kBAAkB,EACjC,SAAS,IAAI,gBAAgB,EAC9B,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/D,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC;AACtE,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC;AACtE,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC;AAC1E,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7D,wBAAgB,mBAAmB,CAAC,EAClC,IAAgB,EAChB,QAAkB,EAClB,IAAU,GACX,EAAE;IACD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAMxD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAgB,EAChB,QAAiB,EACjB,IAAU,GACX,EAAE;IACD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAMvD;AAED,wBAAgB,kBAAkB,CAAC,IAAI,GAAE,YAAwB,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAU9F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,GAAE,gBAA4B,GAAG,MAAM,CAU9E;AAED,wBAAgB,mBAAmB,CAAC,KAAK,GAAE,gBAA4B,GAAG,MAAM,CAU/E;AAED,wBAAgB,eAAe,CAAC,IAAI,GAAE,eAAqB,GAAG,MAAM,CAUnE"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
export function resolveButtonRecipe({ tone = 'primary', emphasis = 'solid', size = 'l', }) {
|
|
2
|
+
return {
|
|
3
|
+
size,
|
|
4
|
+
tone,
|
|
5
|
+
variant: emphasis,
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
export function resolveBadgeRecipe({ tone = 'primary', emphasis = 'soft', size = 'm', }) {
|
|
9
|
+
return {
|
|
10
|
+
size,
|
|
11
|
+
tone,
|
|
12
|
+
variant: emphasis,
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export function resolveCardVariant(tone = 'default') {
|
|
16
|
+
switch (tone) {
|
|
17
|
+
case 'outline':
|
|
18
|
+
return 'outline';
|
|
19
|
+
case 'subtle':
|
|
20
|
+
return 'subtle';
|
|
21
|
+
case 'default':
|
|
22
|
+
default:
|
|
23
|
+
return 'raised';
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
export function resolveDialogWidth(width = 'default') {
|
|
27
|
+
switch (width) {
|
|
28
|
+
case 'narrow':
|
|
29
|
+
return 420;
|
|
30
|
+
case 'wide':
|
|
31
|
+
return 560;
|
|
32
|
+
case 'default':
|
|
33
|
+
default:
|
|
34
|
+
return 520;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
export function resolvePageMaxWidth(width = 'default') {
|
|
38
|
+
switch (width) {
|
|
39
|
+
case 'narrow':
|
|
40
|
+
return 760;
|
|
41
|
+
case 'wide':
|
|
42
|
+
return 1280;
|
|
43
|
+
case 'default':
|
|
44
|
+
default:
|
|
45
|
+
return 1040;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
export function resolveIconSize(size = 'l') {
|
|
49
|
+
switch (size) {
|
|
50
|
+
case 's':
|
|
51
|
+
return 16;
|
|
52
|
+
case 'm':
|
|
53
|
+
return 18;
|
|
54
|
+
case 'l':
|
|
55
|
+
default:
|
|
56
|
+
return 20;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
//# sourceMappingURL=recipes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"recipes.js","sourceRoot":"","sources":["../../src/internal/recipes.ts"],"names":[],"mappings":"AAaA,MAAM,UAAU,mBAAmB,CAAC,EAClC,IAAI,GAAG,SAAS,EAChB,QAAQ,GAAG,OAAO,EAClB,IAAI,GAAG,GAAG,GAKX;IACC,OAAO;QACL,IAAI;QACJ,IAAI;QACJ,OAAO,EAAE,QAAQ;KAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,IAAI,GAAG,SAAS,EAChB,QAAQ,GAAG,MAAM,EACjB,IAAI,GAAG,GAAG,GAKX;IACC,OAAO;QACL,IAAI;QACJ,IAAI;QACJ,OAAO,EAAE,QAAQ;KAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,OAAqB,SAAS;IAC/D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,SAAS,CAAC;QACf;YACE,OAAO,QAAQ,CAAC;IACpB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,QAA0B,SAAS;IACpE,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,MAAM;YACT,OAAO,GAAG,CAAC;QACb,KAAK,SAAS,CAAC;QACf;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,QAA0B,SAAS;IACrE,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,MAAM;YACT,OAAO,IAAI,CAAC;QACd,KAAK,SAAS,CAAC;QACf;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,OAAwB,GAAG;IACzD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG,CAAC;QACT;YACE,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AuthLayout.d.ts","sourceRoot":"","sources":["../../../src/layout/auth-layout/AuthLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,GACP,EAAE,eAAe,qBAejB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Center, Stack } from '@ankhorage/surface';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Card } from '../../components/card';
|
|
4
|
+
export function AuthLayout({ title, description, eyebrow, children, footer, testID, }) {
|
|
5
|
+
return (<Center py="xl" testID={testID}>
|
|
6
|
+
<Card compact description={description} eyebrow={eyebrow} footer={footer} title={title} tone="default">
|
|
7
|
+
<Stack gap="m">{children}</Stack>
|
|
8
|
+
</Card>
|
|
9
|
+
</Center>);
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=AuthLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AuthLayout.js","sourceRoot":"","sources":["../../../src/layout/auth-layout/AuthLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,GACU;IAChB,OAAO,CACL,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC7B;MAAA,CAAC,IAAI,CACH,OAAO,CACP,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,CAAC,SAAS,CAEd;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,CAClC;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/auth-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/auth-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
export interface AuthLayoutProps {
|
|
3
|
+
title?: React.ReactNode;
|
|
4
|
+
description?: React.ReactNode;
|
|
5
|
+
eyebrow?: React.ReactNode;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
footer?: React.ReactNode;
|
|
8
|
+
testID?: string;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/auth-layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/auth-layout/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAiB,EAAE,MAAM,EAAE,EAAE,SAAS,qBAUtF"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Container, Stack } from '@ankhorage/surface';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { resolvePageMaxWidth } from '../../internal/recipes';
|
|
4
|
+
export function Page({ children, header, footer, width = 'default', testID }) {
|
|
5
|
+
return (<Container maxWidth={resolvePageMaxWidth(width)} py="xl" testID={testID}>
|
|
6
|
+
<Stack gap="l">
|
|
7
|
+
{header}
|
|
8
|
+
{children}
|
|
9
|
+
{footer}
|
|
10
|
+
</Stack>
|
|
11
|
+
</Container>);
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=Page.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,MAAM,EAAa;IACrF,OAAO,CACL,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACtE;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;QAAA,CAAC,MAAM,CACP;QAAA,CAAC,QAAQ,CACT;QAAA,CAAC,MAAM,CACT;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import type { ZoraContentWidth } from '../../internal/recipes';
|
|
3
|
+
export interface PageProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
header?: React.ReactNode;
|
|
6
|
+
footer?: React.ReactNode;
|
|
7
|
+
width?: ZoraContentWidth;
|
|
8
|
+
testID?: string;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/page/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/page/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/layout/page-header/PageHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,IAAI,EACJ,MAAM,GACP,EAAE,eAAe,qBA4BjB"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Box, Heading, Stack, Text } from '@ankhorage/surface';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export function PageHeader({ title, description, eyebrow, actions, meta, testID, }) {
|
|
4
|
+
return (<Stack align={{ base: 'flex-start', md: 'center' }} direction={{ base: 'column', md: 'row' }} gap="l" justify="space-between" testID={testID}>
|
|
5
|
+
<Box flex={1}>
|
|
6
|
+
<Stack gap="s">
|
|
7
|
+
{eyebrow ? (<Text tone="muted" variant="caption" weight="semiBold">
|
|
8
|
+
{eyebrow}
|
|
9
|
+
</Text>) : null}
|
|
10
|
+
<Heading level={1}>{title}</Heading>
|
|
11
|
+
{description ? (<Text tone="muted" variant="body">
|
|
12
|
+
{description}
|
|
13
|
+
</Text>) : null}
|
|
14
|
+
{meta ? <Box pt="xs">{meta}</Box> : null}
|
|
15
|
+
</Stack>
|
|
16
|
+
</Box>
|
|
17
|
+
{actions ? <Box>{actions}</Box> : null}
|
|
18
|
+
</Stack>);
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=PageHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/layout/page-header/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,IAAI,EACJ,MAAM,GACU;IAChB,OAAO,CACL,CAAC,KAAK,CACJ,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAC5C,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CACzC,GAAG,CAAC,GAAG,CACP,OAAO,CAAC,eAAe,CACvB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;UAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CACpD;cAAA,CAAC,OAAO,CACV;YAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACR;UAAA,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CACnC;UAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAC/B;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACR;UAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC1C;QAAA,EAAE,KAAK,CACT;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACxC;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
export interface PageHeaderProps {
|
|
3
|
+
title: React.ReactNode;
|
|
4
|
+
description?: React.ReactNode;
|
|
5
|
+
eyebrow?: React.ReactNode;
|
|
6
|
+
actions?: React.ReactNode;
|
|
7
|
+
meta?: React.ReactNode;
|
|
8
|
+
testID?: string;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/layout/page-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/page-header/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageSection.d.ts","sourceRoot":"","sources":["../../../src/layout/page-section/PageSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,gBAAgB,qBAO9F"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Stack } from '@ankhorage/surface';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { SectionHeader } from '../../patterns/section-header';
|
|
4
|
+
export function PageSection({ title, description, actions, children, testID }) {
|
|
5
|
+
return (<Stack gap="m" testID={testID}>
|
|
6
|
+
{title ? <SectionHeader actions={actions} description={description} title={title}/> : null}
|
|
7
|
+
{children}
|
|
8
|
+
</Stack>);
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=PageSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../src/layout/page-section/PageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAoB;IAC7F,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC5B;MAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CAC3F;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/page-section/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}
|