@ankhorage/zora 2.1.0 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/README.md +56 -32
- package/dist/components/button-group/ButtonGroup.d.ts +4 -0
- package/dist/components/button-group/ButtonGroup.d.ts.map +1 -0
- package/dist/components/button-group/ButtonGroup.js +73 -0
- package/dist/components/button-group/ButtonGroup.js.map +1 -0
- package/dist/components/button-group/index.d.ts +3 -0
- package/dist/components/button-group/index.d.ts.map +1 -0
- package/dist/components/button-group/index.js +2 -0
- package/dist/components/button-group/index.js.map +1 -0
- package/dist/components/button-group/meta.d.ts +44 -0
- package/dist/components/button-group/meta.d.ts.map +1 -0
- package/dist/components/button-group/meta.js +44 -0
- package/dist/components/button-group/meta.js.map +1 -0
- package/dist/components/button-group/types.d.ts +13 -0
- package/dist/components/button-group/types.d.ts.map +1 -0
- package/dist/components/button-group/types.js.map +1 -0
- package/dist/components/card/meta.d.ts +1 -1
- package/dist/foundation/meta.d.ts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/layout/screen/meta.d.ts +1 -1
- package/dist/layout/screen-section/meta.d.ts +1 -1
- package/dist/metadata/allowedChildren.d.ts +3 -3
- package/dist/metadata/allowedChildren.d.ts.map +1 -1
- package/dist/metadata/allowedChildren.js +1 -0
- package/dist/metadata/allowedChildren.js.map +1 -1
- package/dist/metadata/componentMeta.js +2 -2
- package/dist/metadata/componentMeta.js.map +1 -1
- package/dist/patterns/list/index.d.ts +1 -1
- package/dist/patterns/list/index.d.ts.map +1 -1
- package/dist/patterns/list/index.js.map +1 -1
- package/dist/patterns/message-bubble/meta.d.ts +1 -1
- package/dist/patterns/notice/meta.d.ts +1 -1
- package/dist/patterns/panel/meta.d.ts +1 -1
- package/dist/patterns/post-card/index.d.ts +1 -1
- package/dist/patterns/post-card/index.d.ts.map +1 -1
- package/dist/patterns/post-card/index.js.map +1 -1
- package/dist/patterns/post-card/meta.d.ts +1 -1
- package/package.json +2 -2
- package/src/components/button-group/ButtonGroup.tsx +105 -0
- package/src/components/button-group/index.ts +2 -0
- package/src/components/button-group/meta.ts +45 -0
- package/src/components/button-group/types.ts +15 -0
- package/src/index.ts +6 -4
- package/src/metadata/allowedChildren.ts +1 -0
- package/src/metadata/componentMeta.test.ts +1 -1
- package/src/metadata/componentMeta.ts +2 -2
- package/src/patterns/list/index.ts +0 -1
- package/src/patterns/post-card/index.ts +0 -1
- package/src/showcaseCoverage.test.ts +1 -1
- package/src/theme/themeScopeStructure.test.ts +2 -2
- package/dist/layout/auth-layout/AuthLayout.d.ts +0 -4
- package/dist/layout/auth-layout/AuthLayout.d.ts.map +0 -1
- package/dist/layout/auth-layout/AuthLayout.js +0 -13
- package/dist/layout/auth-layout/AuthLayout.js.map +0 -1
- package/dist/layout/auth-layout/index.d.ts +0 -3
- package/dist/layout/auth-layout/index.d.ts.map +0 -1
- package/dist/layout/auth-layout/index.js +0 -2
- package/dist/layout/auth-layout/index.js.map +0 -1
- package/dist/layout/auth-layout/meta.d.ts +0 -33
- package/dist/layout/auth-layout/meta.d.ts.map +0 -1
- package/dist/layout/auth-layout/meta.js +0 -34
- package/dist/layout/auth-layout/meta.js.map +0 -1
- package/dist/layout/auth-layout/types.d.ts +0 -10
- package/dist/layout/auth-layout/types.d.ts.map +0 -1
- package/dist/layout/auth-layout/types.js.map +0 -1
- package/src/layout/auth-layout/AuthLayout.tsx +0 -34
- package/src/layout/auth-layout/index.ts +0 -2
- package/src/layout/auth-layout/meta.ts +0 -35
- package/src/layout/auth-layout/types.ts +0 -11
- /package/dist/{layout/auth-layout → components/button-group}/types.js +0 -0
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
export declare const authLayoutMeta: {
|
|
2
|
-
readonly name: "AuthLayout";
|
|
3
|
-
readonly category: "layout";
|
|
4
|
-
readonly directManifestNode: true;
|
|
5
|
-
readonly allowedChildren: readonly ["Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Button", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble"];
|
|
6
|
-
readonly blueprint: {
|
|
7
|
-
readonly label: "Auth layout";
|
|
8
|
-
readonly defaultProps: {
|
|
9
|
-
readonly title: "Welcome";
|
|
10
|
-
readonly description: "Sign in to continue.";
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
readonly props: {
|
|
14
|
-
readonly title: {
|
|
15
|
-
readonly type: "string";
|
|
16
|
-
readonly category: "Content";
|
|
17
|
-
readonly label: "Title";
|
|
18
|
-
readonly default: "Welcome";
|
|
19
|
-
};
|
|
20
|
-
readonly description: {
|
|
21
|
-
readonly type: "string";
|
|
22
|
-
readonly category: "Content";
|
|
23
|
-
readonly label: "Description";
|
|
24
|
-
readonly default: "Sign in to continue.";
|
|
25
|
-
};
|
|
26
|
-
readonly eyebrow: {
|
|
27
|
-
readonly type: "string";
|
|
28
|
-
readonly category: "Content";
|
|
29
|
-
readonly label: "Eyebrow";
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=meta.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/layout/auth-layout/meta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BW,CAAC"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { SCREEN_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
|
|
2
|
-
export const authLayoutMeta = {
|
|
3
|
-
name: 'AuthLayout',
|
|
4
|
-
category: 'layout',
|
|
5
|
-
directManifestNode: true,
|
|
6
|
-
allowedChildren: [...SCREEN_SECTION_ALLOWED_CHILDREN],
|
|
7
|
-
blueprint: {
|
|
8
|
-
label: 'Auth layout',
|
|
9
|
-
defaultProps: {
|
|
10
|
-
title: 'Welcome',
|
|
11
|
-
description: 'Sign in to continue.',
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
props: {
|
|
15
|
-
title: {
|
|
16
|
-
type: 'string',
|
|
17
|
-
category: 'Content',
|
|
18
|
-
label: 'Title',
|
|
19
|
-
default: 'Welcome',
|
|
20
|
-
},
|
|
21
|
-
description: {
|
|
22
|
-
type: 'string',
|
|
23
|
-
category: 'Content',
|
|
24
|
-
label: 'Description',
|
|
25
|
-
default: 'Sign in to continue.',
|
|
26
|
-
},
|
|
27
|
-
eyebrow: {
|
|
28
|
-
type: 'string',
|
|
29
|
-
category: 'Content',
|
|
30
|
-
label: 'Eyebrow',
|
|
31
|
-
},
|
|
32
|
-
},
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=meta.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/layout/auth-layout/meta.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AAEjF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,QAAQ;IAClB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,+BAA+B,CAAC;IACrD,SAAS,EAAE;QACT,KAAK,EAAE,aAAa;QACpB,YAAY,EAAE;YACZ,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,sBAAsB;SACpC;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;SACnB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,aAAa;YACpB,OAAO,EAAE,sBAAsB;SAChC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;SACjB;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nimport { SCREEN_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\n\nexport const authLayoutMeta = {\n name: 'AuthLayout',\n category: 'layout',\n directManifestNode: true,\n allowedChildren: [...SCREEN_SECTION_ALLOWED_CHILDREN],\n blueprint: {\n label: 'Auth layout',\n defaultProps: {\n title: 'Welcome',\n description: 'Sign in to continue.',\n },\n },\n props: {\n title: {\n type: 'string',\n category: 'Content',\n label: 'Title',\n default: 'Welcome',\n },\n description: {\n type: 'string',\n category: 'Content',\n label: 'Description',\n default: 'Sign in to continue.',\n },\n eyebrow: {\n type: 'string',\n category: 'Content',\n label: 'Eyebrow',\n },\n },\n} as const satisfies ZoraComponentMeta;\n"]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
|
|
3
|
-
export interface AuthLayoutProps extends ZoraBaseProps {
|
|
4
|
-
title?: React.ReactNode;
|
|
5
|
-
description?: React.ReactNode;
|
|
6
|
-
eyebrow?: React.ReactNode;
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
footer?: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,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;CAC1B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/auth-layout/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface AuthLayoutProps extends ZoraBaseProps {\n title?: React.ReactNode;\n description?: React.ReactNode;\n eyebrow?: React.ReactNode;\n children?: React.ReactNode;\n footer?: React.ReactNode;\n}\n"]}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
import { Card } from '../../components/card';
|
|
4
|
-
import { Center, Stack } from '../../foundation';
|
|
5
|
-
import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
|
|
6
|
-
import type { AuthLayoutProps } from './types';
|
|
7
|
-
|
|
8
|
-
function AuthLayoutInner({
|
|
9
|
-
themeId: _themeId,
|
|
10
|
-
mode: _mode,
|
|
11
|
-
title,
|
|
12
|
-
description,
|
|
13
|
-
eyebrow,
|
|
14
|
-
children,
|
|
15
|
-
footer,
|
|
16
|
-
testID,
|
|
17
|
-
}: AuthLayoutProps) {
|
|
18
|
-
return (
|
|
19
|
-
<Center py="xl" testID={testID}>
|
|
20
|
-
<Card
|
|
21
|
-
compact
|
|
22
|
-
description={description}
|
|
23
|
-
eyebrow={eyebrow}
|
|
24
|
-
footer={footer}
|
|
25
|
-
title={title}
|
|
26
|
-
tone="default"
|
|
27
|
-
>
|
|
28
|
-
<Stack gap="m">{children}</Stack>
|
|
29
|
-
</Card>
|
|
30
|
-
</Center>
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export const AuthLayout = withZoraThemeScope(AuthLayoutInner);
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import type { ZoraComponentMeta } from '../../metadata';
|
|
2
|
-
import { SCREEN_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
|
|
3
|
-
|
|
4
|
-
export const authLayoutMeta = {
|
|
5
|
-
name: 'AuthLayout',
|
|
6
|
-
category: 'layout',
|
|
7
|
-
directManifestNode: true,
|
|
8
|
-
allowedChildren: [...SCREEN_SECTION_ALLOWED_CHILDREN],
|
|
9
|
-
blueprint: {
|
|
10
|
-
label: 'Auth layout',
|
|
11
|
-
defaultProps: {
|
|
12
|
-
title: 'Welcome',
|
|
13
|
-
description: 'Sign in to continue.',
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
|
-
props: {
|
|
17
|
-
title: {
|
|
18
|
-
type: 'string',
|
|
19
|
-
category: 'Content',
|
|
20
|
-
label: 'Title',
|
|
21
|
-
default: 'Welcome',
|
|
22
|
-
},
|
|
23
|
-
description: {
|
|
24
|
-
type: 'string',
|
|
25
|
-
category: 'Content',
|
|
26
|
-
label: 'Description',
|
|
27
|
-
default: 'Sign in to continue.',
|
|
28
|
-
},
|
|
29
|
-
eyebrow: {
|
|
30
|
-
type: 'string',
|
|
31
|
-
category: 'Content',
|
|
32
|
-
label: 'Eyebrow',
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
} as const satisfies ZoraComponentMeta;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
|
|
3
|
-
import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
|
|
4
|
-
|
|
5
|
-
export interface AuthLayoutProps extends ZoraBaseProps {
|
|
6
|
-
title?: React.ReactNode;
|
|
7
|
-
description?: React.ReactNode;
|
|
8
|
-
eyebrow?: React.ReactNode;
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
footer?: React.ReactNode;
|
|
11
|
-
}
|
|
File without changes
|