@ankhorage/zora 2.9.0 → 2.9.2
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 +13 -0
- package/README.md +1 -1
- package/dist/components/button/meta.d.ts +15 -0
- package/dist/components/button/meta.d.ts.map +1 -1
- package/dist/components/button/meta.js +4 -0
- package/dist/components/button/meta.js.map +1 -1
- package/dist/components/button/themeRecipeMeta.d.ts +33 -0
- package/dist/components/button/themeRecipeMeta.d.ts.map +1 -0
- package/dist/components/button/themeRecipeMeta.js +33 -0
- package/dist/components/button/themeRecipeMeta.js.map +1 -0
- package/dist/components/card/meta.d.ts +17 -0
- package/dist/components/card/meta.d.ts.map +1 -1
- package/dist/components/card/meta.js +5 -0
- package/dist/components/card/meta.js.map +1 -1
- package/dist/components/card/themeRecipeMeta.d.ts +31 -0
- package/dist/components/card/themeRecipeMeta.d.ts.map +1 -0
- package/dist/components/card/themeRecipeMeta.js +31 -0
- package/dist/components/card/themeRecipeMeta.js.map +1 -0
- package/dist/components/text/meta.d.ts +33 -0
- package/dist/components/text/meta.d.ts.map +1 -1
- package/dist/components/text/meta.js +9 -0
- package/dist/components/text/meta.js.map +1 -1
- package/dist/components/text/themeRecipeMeta.d.ts +32 -0
- package/dist/components/text/themeRecipeMeta.d.ts.map +1 -0
- package/dist/components/text/themeRecipeMeta.js +32 -0
- package/dist/components/text/themeRecipeMeta.js.map +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/metadata/index.d.ts +4 -1
- package/dist/metadata/index.d.ts.map +1 -1
- package/dist/metadata/index.js +2 -0
- package/dist/metadata/index.js.map +1 -1
- package/dist/metadata/themeRecipeMeta.d.ts +3 -0
- package/dist/metadata/themeRecipeMeta.d.ts.map +1 -0
- package/dist/metadata/themeRecipeMeta.js +11 -0
- package/dist/metadata/themeRecipeMeta.js.map +1 -0
- package/dist/metadata/themeRecipeTypes.d.ts +31 -0
- package/dist/metadata/themeRecipeTypes.d.ts.map +1 -0
- package/dist/metadata/themeRecipeTypes.js +8 -0
- package/dist/metadata/themeRecipeTypes.js.map +1 -0
- package/dist/metadata/types.d.ts +7 -0
- package/dist/metadata/types.d.ts.map +1 -1
- package/dist/metadata/types.js.map +1 -1
- package/dist/patterns/panel/meta.d.ts +17 -0
- package/dist/patterns/panel/meta.d.ts.map +1 -1
- package/dist/patterns/panel/meta.js +5 -0
- package/dist/patterns/panel/meta.js.map +1 -1
- package/dist/patterns/panel/themeRecipeMeta.d.ts +31 -0
- package/dist/patterns/panel/themeRecipeMeta.d.ts.map +1 -0
- package/dist/patterns/panel/themeRecipeMeta.js +31 -0
- package/dist/patterns/panel/themeRecipeMeta.js.map +1 -0
- package/package.json +4 -4
- package/src/components/button/meta.ts +4 -0
- package/src/components/button/themeRecipeMeta.ts +34 -0
- package/src/components/card/meta.ts +5 -0
- package/src/components/card/themeRecipeMeta.ts +32 -0
- package/src/components/text/meta.ts +9 -0
- package/src/components/text/themeRecipeMeta.ts +33 -0
- package/src/index.ts +15 -1
- package/src/metadata/authoringMeta.test.ts +59 -0
- package/src/metadata/index.ts +13 -0
- package/src/metadata/themeRecipeMeta.test.ts +70 -0
- package/src/metadata/themeRecipeMeta.ts +12 -0
- package/src/metadata/themeRecipeTypes.ts +47 -0
- package/src/metadata/types.ts +8 -0
- package/src/patterns/panel/meta.ts +5 -0
- package/src/patterns/panel/themeRecipeMeta.ts +32 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 2.9.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 2f1bf27: Add canonical prop authoring authority metadata and a separate ZORA-owned component and pattern theme recipe metadata registry.
|
|
8
|
+
|
|
9
|
+
## 2.9.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- 8a9cd02: Update packages
|
|
14
|
+
- f63b36a: update packages
|
|
15
|
+
|
|
3
16
|
## 2.9.0
|
|
4
17
|
|
|
5
18
|
### Minor Changes
|
package/README.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
# ZORA
|
|
5
5
|
|
|
6
|
-
         
|
|
7
7
|
|
|
8
8
|
Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.
|
|
9
9
|
|
|
@@ -26,6 +26,9 @@ export declare const buttonMeta: {
|
|
|
26
26
|
readonly category: "Content";
|
|
27
27
|
readonly label: "Label";
|
|
28
28
|
readonly default: "Continue";
|
|
29
|
+
readonly authoring: {
|
|
30
|
+
readonly authority: "instance";
|
|
31
|
+
};
|
|
29
32
|
};
|
|
30
33
|
readonly color: {
|
|
31
34
|
readonly type: "enum";
|
|
@@ -33,6 +36,10 @@ export declare const buttonMeta: {
|
|
|
33
36
|
readonly label: "Color";
|
|
34
37
|
readonly enum: readonly ["primary", "secondary", "tertiary", "quaternary", "neutral", "success", "warning", "error", "info", "danger"];
|
|
35
38
|
readonly default: "primary";
|
|
39
|
+
readonly authoring: {
|
|
40
|
+
readonly authority: "theme";
|
|
41
|
+
readonly scope: "component";
|
|
42
|
+
};
|
|
36
43
|
};
|
|
37
44
|
readonly variant: {
|
|
38
45
|
readonly type: "enum";
|
|
@@ -40,6 +47,10 @@ export declare const buttonMeta: {
|
|
|
40
47
|
readonly label: "Variant";
|
|
41
48
|
readonly enum: readonly ["solid", "outline", "ghost", "soft"];
|
|
42
49
|
readonly default: "solid";
|
|
50
|
+
readonly authoring: {
|
|
51
|
+
readonly authority: "theme";
|
|
52
|
+
readonly scope: "component";
|
|
53
|
+
};
|
|
43
54
|
};
|
|
44
55
|
readonly size: {
|
|
45
56
|
readonly type: "enum";
|
|
@@ -47,6 +58,10 @@ export declare const buttonMeta: {
|
|
|
47
58
|
readonly label: "Size";
|
|
48
59
|
readonly enum: readonly ["s", "m", "l"];
|
|
49
60
|
readonly default: "m";
|
|
61
|
+
readonly authoring: {
|
|
62
|
+
readonly authority: "theme";
|
|
63
|
+
readonly scope: "component";
|
|
64
|
+
};
|
|
50
65
|
};
|
|
51
66
|
};
|
|
52
67
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/button/meta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/button/meta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDe,CAAC"}
|
|
@@ -27,6 +27,7 @@ export const buttonMeta = {
|
|
|
27
27
|
category: 'Content',
|
|
28
28
|
label: 'Label',
|
|
29
29
|
default: 'Continue',
|
|
30
|
+
authoring: { authority: 'instance' },
|
|
30
31
|
},
|
|
31
32
|
color: {
|
|
32
33
|
type: 'enum',
|
|
@@ -34,6 +35,7 @@ export const buttonMeta = {
|
|
|
34
35
|
label: 'Color',
|
|
35
36
|
enum: [...ZORA_COLORS],
|
|
36
37
|
default: 'primary',
|
|
38
|
+
authoring: { authority: 'theme', scope: 'component' },
|
|
37
39
|
},
|
|
38
40
|
variant: {
|
|
39
41
|
type: 'enum',
|
|
@@ -41,6 +43,7 @@ export const buttonMeta = {
|
|
|
41
43
|
label: 'Variant',
|
|
42
44
|
enum: ['solid', 'outline', 'ghost', 'soft'],
|
|
43
45
|
default: 'solid',
|
|
46
|
+
authoring: { authority: 'theme', scope: 'component' },
|
|
44
47
|
},
|
|
45
48
|
size: {
|
|
46
49
|
type: 'enum',
|
|
@@ -48,6 +51,7 @@ export const buttonMeta = {
|
|
|
48
51
|
label: 'Size',
|
|
49
52
|
enum: ['s', 'm', 'l'],
|
|
50
53
|
default: 'm',
|
|
54
|
+
authoring: { authority: 'theme', scope: 'component' },
|
|
51
55
|
},
|
|
52
56
|
},
|
|
53
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/button/meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE;QACT,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE;YACZ,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,OAAO;YAChB,IAAI,EAAE,GAAG;SACV;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,cAAc;YACzB,WAAW,EAAE,sCAAsC;YACnD,aAAa,EAAE,EAAE;SAClB;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,UAAU;
|
|
1
|
+
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/button/meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE;QACT,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE;YACZ,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,OAAO;YAChB,IAAI,EAAE,GAAG;SACV;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,cAAc;YACzB,WAAW,EAAE,sCAAsC;YACnD,aAAa,EAAE,EAAE;SAClB;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,CAAC,GAAG,WAAW,CAAC;YACtB,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;YAC3C,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;YACrB,OAAO,EAAE,GAAG;YACZ,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;KACF;CACmC,CAAC","sourcesContent":["import { ZORA_COLORS } from '../../internal/colorModel';\nimport type { ZoraComponentMeta } from '../../metadata';\n\nexport const buttonMeta = {\n name: 'Button',\n category: 'component',\n directManifestNode: true,\n allowedChildren: [],\n blueprint: {\n label: 'Button',\n defaultProps: {\n children: 'Continue',\n color: 'primary',\n variant: 'solid',\n size: 'm',\n },\n },\n events: {\n press: {\n label: 'Press',\n eventType: 'button.press',\n description: 'Emitted when the button action runs.',\n payloadFields: [],\n },\n },\n props: {\n children: {\n type: 'string',\n category: 'Content',\n label: 'Label',\n default: 'Continue',\n authoring: { authority: 'instance' },\n },\n color: {\n type: 'enum',\n category: 'Style',\n label: 'Color',\n enum: [...ZORA_COLORS],\n default: 'primary',\n authoring: { authority: 'theme', scope: 'component' },\n },\n variant: {\n type: 'enum',\n category: 'Style',\n label: 'Variant',\n enum: ['solid', 'outline', 'ghost', 'soft'],\n default: 'solid',\n authoring: { authority: 'theme', scope: 'component' },\n },\n size: {\n type: 'enum',\n category: 'Style',\n label: 'Size',\n enum: ['s', 'm', 'l'],\n default: 'm',\n authoring: { authority: 'theme', scope: 'component' },\n },\n },\n} as const satisfies ZoraComponentMeta;\n"]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export declare const buttonThemeRecipeMeta: {
|
|
2
|
+
readonly name: "Button";
|
|
3
|
+
readonly kind: "component";
|
|
4
|
+
readonly description: "Maps shared theme tokens and semantic choices into Button presentation.";
|
|
5
|
+
readonly fields: {
|
|
6
|
+
readonly color: {
|
|
7
|
+
readonly type: "token";
|
|
8
|
+
readonly tokenFamily: "colors";
|
|
9
|
+
readonly label: "Color";
|
|
10
|
+
readonly default: "primary";
|
|
11
|
+
};
|
|
12
|
+
readonly variant: {
|
|
13
|
+
readonly type: "choice";
|
|
14
|
+
readonly label: "Variant";
|
|
15
|
+
readonly options: readonly ["solid", "outline", "ghost", "soft"];
|
|
16
|
+
readonly default: "solid";
|
|
17
|
+
};
|
|
18
|
+
readonly size: {
|
|
19
|
+
readonly type: "choice";
|
|
20
|
+
readonly label: "Size";
|
|
21
|
+
readonly description: "A Button-specific semantic scale, not a universal pixel size.";
|
|
22
|
+
readonly options: readonly ["s", "m", "l"];
|
|
23
|
+
readonly default: "m";
|
|
24
|
+
};
|
|
25
|
+
readonly radius: {
|
|
26
|
+
readonly type: "token";
|
|
27
|
+
readonly tokenFamily: "radii";
|
|
28
|
+
readonly label: "Corner radius";
|
|
29
|
+
readonly default: "m";
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=themeRecipeMeta.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeRecipeMeta.d.ts","sourceRoot":"","sources":["../../../src/components/button/themeRecipeMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BM,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export const buttonThemeRecipeMeta = {
|
|
2
|
+
name: 'Button',
|
|
3
|
+
kind: 'component',
|
|
4
|
+
description: 'Maps shared theme tokens and semantic choices into Button presentation.',
|
|
5
|
+
fields: {
|
|
6
|
+
color: {
|
|
7
|
+
type: 'token',
|
|
8
|
+
tokenFamily: 'colors',
|
|
9
|
+
label: 'Color',
|
|
10
|
+
default: 'primary',
|
|
11
|
+
},
|
|
12
|
+
variant: {
|
|
13
|
+
type: 'choice',
|
|
14
|
+
label: 'Variant',
|
|
15
|
+
options: ['solid', 'outline', 'ghost', 'soft'],
|
|
16
|
+
default: 'solid',
|
|
17
|
+
},
|
|
18
|
+
size: {
|
|
19
|
+
type: 'choice',
|
|
20
|
+
label: 'Size',
|
|
21
|
+
description: 'A Button-specific semantic scale, not a universal pixel size.',
|
|
22
|
+
options: ['s', 'm', 'l'],
|
|
23
|
+
default: 'm',
|
|
24
|
+
},
|
|
25
|
+
radius: {
|
|
26
|
+
type: 'token',
|
|
27
|
+
tokenFamily: 'radii',
|
|
28
|
+
label: 'Corner radius',
|
|
29
|
+
default: 'm',
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=themeRecipeMeta.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeRecipeMeta.js","sourceRoot":"","sources":["../../../src/components/button/themeRecipeMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,yEAAyE;IACtF,MAAM,EAAE;QACN,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,QAAQ;YACrB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;SACnB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;YAC9C,OAAO,EAAE,OAAO;SACjB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,+DAA+D;YAC5E,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;YACxB,OAAO,EAAE,GAAG;SACb;QACD,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,OAAO;YACpB,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,GAAG;SACb;KACF;CACqC,CAAC","sourcesContent":["import type { ZoraThemeRecipeMeta } from '../../metadata/themeRecipeTypes';\n\nexport const buttonThemeRecipeMeta = {\n name: 'Button',\n kind: 'component',\n description: 'Maps shared theme tokens and semantic choices into Button presentation.',\n fields: {\n color: {\n type: 'token',\n tokenFamily: 'colors',\n label: 'Color',\n default: 'primary',\n },\n variant: {\n type: 'choice',\n label: 'Variant',\n options: ['solid', 'outline', 'ghost', 'soft'],\n default: 'solid',\n },\n size: {\n type: 'choice',\n label: 'Size',\n description: 'A Button-specific semantic scale, not a universal pixel size.',\n options: ['s', 'm', 'l'],\n default: 'm',\n },\n radius: {\n type: 'token',\n tokenFamily: 'radii',\n label: 'Corner radius',\n default: 'm',\n },\n },\n} as const satisfies ZoraThemeRecipeMeta;\n"]}
|
|
@@ -15,16 +15,25 @@ export declare const cardMeta: {
|
|
|
15
15
|
readonly type: "string";
|
|
16
16
|
readonly category: "Content";
|
|
17
17
|
readonly label: "Title";
|
|
18
|
+
readonly authoring: {
|
|
19
|
+
readonly authority: "instance";
|
|
20
|
+
};
|
|
18
21
|
};
|
|
19
22
|
readonly description: {
|
|
20
23
|
readonly type: "string";
|
|
21
24
|
readonly category: "Content";
|
|
22
25
|
readonly label: "Description";
|
|
26
|
+
readonly authoring: {
|
|
27
|
+
readonly authority: "instance";
|
|
28
|
+
};
|
|
23
29
|
};
|
|
24
30
|
readonly eyebrow: {
|
|
25
31
|
readonly type: "string";
|
|
26
32
|
readonly category: "Content";
|
|
27
33
|
readonly label: "Eyebrow";
|
|
34
|
+
readonly authoring: {
|
|
35
|
+
readonly authority: "instance";
|
|
36
|
+
};
|
|
28
37
|
};
|
|
29
38
|
readonly tone: {
|
|
30
39
|
readonly type: "enum";
|
|
@@ -32,12 +41,20 @@ export declare const cardMeta: {
|
|
|
32
41
|
readonly label: "Tone";
|
|
33
42
|
readonly enum: readonly ["default", "subtle", "outline"];
|
|
34
43
|
readonly default: "default";
|
|
44
|
+
readonly authoring: {
|
|
45
|
+
readonly authority: "theme";
|
|
46
|
+
readonly scope: "component";
|
|
47
|
+
};
|
|
35
48
|
};
|
|
36
49
|
readonly compact: {
|
|
37
50
|
readonly type: "boolean";
|
|
38
51
|
readonly category: "Layout";
|
|
39
52
|
readonly label: "Compact";
|
|
40
53
|
readonly default: false;
|
|
54
|
+
readonly authoring: {
|
|
55
|
+
readonly authority: "theme";
|
|
56
|
+
readonly scope: "component";
|
|
57
|
+
};
|
|
41
58
|
};
|
|
42
59
|
};
|
|
43
60
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/card/meta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/card/meta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CiB,CAAC"}
|
|
@@ -16,16 +16,19 @@ export const cardMeta = {
|
|
|
16
16
|
type: 'string',
|
|
17
17
|
category: 'Content',
|
|
18
18
|
label: 'Title',
|
|
19
|
+
authoring: { authority: 'instance' },
|
|
19
20
|
},
|
|
20
21
|
description: {
|
|
21
22
|
type: 'string',
|
|
22
23
|
category: 'Content',
|
|
23
24
|
label: 'Description',
|
|
25
|
+
authoring: { authority: 'instance' },
|
|
24
26
|
},
|
|
25
27
|
eyebrow: {
|
|
26
28
|
type: 'string',
|
|
27
29
|
category: 'Content',
|
|
28
30
|
label: 'Eyebrow',
|
|
31
|
+
authoring: { authority: 'instance' },
|
|
29
32
|
},
|
|
30
33
|
tone: {
|
|
31
34
|
type: 'enum',
|
|
@@ -33,12 +36,14 @@ export const cardMeta = {
|
|
|
33
36
|
label: 'Tone',
|
|
34
37
|
enum: ['default', 'subtle', 'outline'],
|
|
35
38
|
default: 'default',
|
|
39
|
+
authoring: { authority: 'theme', scope: 'component' },
|
|
36
40
|
},
|
|
37
41
|
compact: {
|
|
38
42
|
type: 'boolean',
|
|
39
43
|
category: 'Layout',
|
|
40
44
|
label: 'Compact',
|
|
41
45
|
default: false,
|
|
46
|
+
authoring: { authority: 'theme', scope: 'component' },
|
|
42
47
|
},
|
|
43
48
|
},
|
|
44
49
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/card/meta.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,SAAS;SAChB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;
|
|
1
|
+
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/card/meta.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,SAAS;SAChB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC;YACtC,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nimport { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\n\nexport const cardMeta = {\n name: 'Card',\n category: 'component',\n directManifestNode: true,\n allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n blueprint: {\n label: 'Card',\n defaultProps: {\n title: 'Card',\n tone: 'default',\n },\n },\n props: {\n title: {\n type: 'string',\n category: 'Content',\n label: 'Title',\n authoring: { authority: 'instance' },\n },\n description: {\n type: 'string',\n category: 'Content',\n label: 'Description',\n authoring: { authority: 'instance' },\n },\n eyebrow: {\n type: 'string',\n category: 'Content',\n label: 'Eyebrow',\n authoring: { authority: 'instance' },\n },\n tone: {\n type: 'enum',\n category: 'Style',\n label: 'Tone',\n enum: ['default', 'subtle', 'outline'],\n default: 'default',\n authoring: { authority: 'theme', scope: 'component' },\n },\n compact: {\n type: 'boolean',\n category: 'Layout',\n label: 'Compact',\n default: false,\n authoring: { authority: 'theme', scope: 'component' },\n },\n },\n} as const satisfies ZoraComponentMeta;\n"]}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export declare const cardThemeRecipeMeta: {
|
|
2
|
+
readonly name: "Card";
|
|
3
|
+
readonly kind: "component";
|
|
4
|
+
readonly description: "Maps global rhythm and surface tokens into Card presentation.";
|
|
5
|
+
readonly fields: {
|
|
6
|
+
readonly tone: {
|
|
7
|
+
readonly type: "choice";
|
|
8
|
+
readonly label: "Tone";
|
|
9
|
+
readonly options: readonly ["default", "subtle", "outline"];
|
|
10
|
+
readonly default: "default";
|
|
11
|
+
};
|
|
12
|
+
readonly padding: {
|
|
13
|
+
readonly type: "token";
|
|
14
|
+
readonly tokenFamily: "spacing";
|
|
15
|
+
readonly label: "Padding";
|
|
16
|
+
readonly default: "l";
|
|
17
|
+
};
|
|
18
|
+
readonly radius: {
|
|
19
|
+
readonly type: "token";
|
|
20
|
+
readonly tokenFamily: "radii";
|
|
21
|
+
readonly label: "Corner radius";
|
|
22
|
+
readonly default: "l";
|
|
23
|
+
};
|
|
24
|
+
readonly compact: {
|
|
25
|
+
readonly type: "boolean";
|
|
26
|
+
readonly label: "Compact";
|
|
27
|
+
readonly default: false;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=themeRecipeMeta.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeRecipeMeta.d.ts","sourceRoot":"","sources":["../../../src/components/card/themeRecipeMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BQ,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export const cardThemeRecipeMeta = {
|
|
2
|
+
name: 'Card',
|
|
3
|
+
kind: 'component',
|
|
4
|
+
description: 'Maps global rhythm and surface tokens into Card presentation.',
|
|
5
|
+
fields: {
|
|
6
|
+
tone: {
|
|
7
|
+
type: 'choice',
|
|
8
|
+
label: 'Tone',
|
|
9
|
+
options: ['default', 'subtle', 'outline'],
|
|
10
|
+
default: 'default',
|
|
11
|
+
},
|
|
12
|
+
padding: {
|
|
13
|
+
type: 'token',
|
|
14
|
+
tokenFamily: 'spacing',
|
|
15
|
+
label: 'Padding',
|
|
16
|
+
default: 'l',
|
|
17
|
+
},
|
|
18
|
+
radius: {
|
|
19
|
+
type: 'token',
|
|
20
|
+
tokenFamily: 'radii',
|
|
21
|
+
label: 'Corner radius',
|
|
22
|
+
default: 'l',
|
|
23
|
+
},
|
|
24
|
+
compact: {
|
|
25
|
+
type: 'boolean',
|
|
26
|
+
label: 'Compact',
|
|
27
|
+
default: false,
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=themeRecipeMeta.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeRecipeMeta.js","sourceRoot":"","sources":["../../../src/components/card/themeRecipeMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,+DAA+D;IAC5E,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC;YACzC,OAAO,EAAE,SAAS;SACnB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,SAAS;YACtB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,GAAG;SACb;QACD,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,OAAO;YACpB,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,GAAG;SACb;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,KAAK;SACf;KACF;CACqC,CAAC","sourcesContent":["import type { ZoraThemeRecipeMeta } from '../../metadata/themeRecipeTypes';\n\nexport const cardThemeRecipeMeta = {\n name: 'Card',\n kind: 'component',\n description: 'Maps global rhythm and surface tokens into Card presentation.',\n fields: {\n tone: {\n type: 'choice',\n label: 'Tone',\n options: ['default', 'subtle', 'outline'],\n default: 'default',\n },\n padding: {\n type: 'token',\n tokenFamily: 'spacing',\n label: 'Padding',\n default: 'l',\n },\n radius: {\n type: 'token',\n tokenFamily: 'radii',\n label: 'Corner radius',\n default: 'l',\n },\n compact: {\n type: 'boolean',\n label: 'Compact',\n default: false,\n },\n },\n} as const satisfies ZoraThemeRecipeMeta;\n"]}
|
|
@@ -23,11 +23,17 @@ export declare const textMeta: {
|
|
|
23
23
|
readonly category: "Content";
|
|
24
24
|
readonly label: "Text";
|
|
25
25
|
readonly default: "Text";
|
|
26
|
+
readonly authoring: {
|
|
27
|
+
readonly authority: "instance";
|
|
28
|
+
};
|
|
26
29
|
};
|
|
27
30
|
readonly i18nKey: {
|
|
28
31
|
readonly type: "string";
|
|
29
32
|
readonly category: "Content";
|
|
30
33
|
readonly label: "i18n key";
|
|
34
|
+
readonly authoring: {
|
|
35
|
+
readonly authority: "instance";
|
|
36
|
+
};
|
|
31
37
|
};
|
|
32
38
|
readonly variant: {
|
|
33
39
|
readonly type: "enum";
|
|
@@ -35,12 +41,20 @@ export declare const textMeta: {
|
|
|
35
41
|
readonly label: "Variant";
|
|
36
42
|
readonly enum: readonly ["body", "lead", "bodySmall", "caption", "label", "eyebrow", "code"];
|
|
37
43
|
readonly default: "body";
|
|
44
|
+
readonly authoring: {
|
|
45
|
+
readonly authority: "theme";
|
|
46
|
+
readonly scope: "component";
|
|
47
|
+
};
|
|
38
48
|
};
|
|
39
49
|
readonly color: {
|
|
40
50
|
readonly type: "enum";
|
|
41
51
|
readonly category: "Style";
|
|
42
52
|
readonly label: "Color";
|
|
43
53
|
readonly enum: readonly ["primary", "secondary", "tertiary", "quaternary", "neutral", "success", "warning", "error", "info", "danger"];
|
|
54
|
+
readonly authoring: {
|
|
55
|
+
readonly authority: "theme";
|
|
56
|
+
readonly scope: "component";
|
|
57
|
+
};
|
|
44
58
|
};
|
|
45
59
|
readonly emphasis: {
|
|
46
60
|
readonly type: "enum";
|
|
@@ -48,29 +62,48 @@ export declare const textMeta: {
|
|
|
48
62
|
readonly label: "Emphasis";
|
|
49
63
|
readonly enum: readonly ["default", "muted", "subtle", "inverse"];
|
|
50
64
|
readonly default: "default";
|
|
65
|
+
readonly authoring: {
|
|
66
|
+
readonly authority: "theme";
|
|
67
|
+
readonly scope: "component";
|
|
68
|
+
};
|
|
51
69
|
};
|
|
52
70
|
readonly align: {
|
|
53
71
|
readonly type: "enum";
|
|
54
72
|
readonly category: "Layout";
|
|
55
73
|
readonly label: "Align";
|
|
56
74
|
readonly enum: readonly ["auto", "left", "right", "center", "justify"];
|
|
75
|
+
readonly authoring: {
|
|
76
|
+
readonly authority: "theme";
|
|
77
|
+
readonly scope: "component";
|
|
78
|
+
};
|
|
57
79
|
};
|
|
58
80
|
readonly weight: {
|
|
59
81
|
readonly type: "enum";
|
|
60
82
|
readonly category: "Typography";
|
|
61
83
|
readonly label: "Weight";
|
|
62
84
|
readonly enum: readonly ["regular", "medium", "semiBold", "bold"];
|
|
85
|
+
readonly authoring: {
|
|
86
|
+
readonly authority: "theme";
|
|
87
|
+
readonly scope: "component";
|
|
88
|
+
};
|
|
63
89
|
};
|
|
64
90
|
readonly italic: {
|
|
65
91
|
readonly type: "boolean";
|
|
66
92
|
readonly category: "Typography";
|
|
67
93
|
readonly label: "Italic";
|
|
68
94
|
readonly default: false;
|
|
95
|
+
readonly authoring: {
|
|
96
|
+
readonly authority: "theme";
|
|
97
|
+
readonly scope: "component";
|
|
98
|
+
};
|
|
69
99
|
};
|
|
70
100
|
readonly numberOfLines: {
|
|
71
101
|
readonly type: "number";
|
|
72
102
|
readonly category: "Layout";
|
|
73
103
|
readonly label: "Line clamp";
|
|
104
|
+
readonly authoring: {
|
|
105
|
+
readonly authority: "instance";
|
|
106
|
+
};
|
|
74
107
|
};
|
|
75
108
|
};
|
|
76
109
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/text/meta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/text/meta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiFiB,CAAC"}
|
|
@@ -21,11 +21,13 @@ export const textMeta = {
|
|
|
21
21
|
category: 'Content',
|
|
22
22
|
label: 'Text',
|
|
23
23
|
default: 'Text',
|
|
24
|
+
authoring: { authority: 'instance' },
|
|
24
25
|
},
|
|
25
26
|
i18nKey: {
|
|
26
27
|
type: 'string',
|
|
27
28
|
category: 'Content',
|
|
28
29
|
label: 'i18n key',
|
|
30
|
+
authoring: { authority: 'instance' },
|
|
29
31
|
},
|
|
30
32
|
variant: {
|
|
31
33
|
type: 'enum',
|
|
@@ -33,12 +35,14 @@ export const textMeta = {
|
|
|
33
35
|
label: 'Variant',
|
|
34
36
|
enum: ['body', 'lead', 'bodySmall', 'caption', 'label', 'eyebrow', 'code'],
|
|
35
37
|
default: 'body',
|
|
38
|
+
authoring: { authority: 'theme', scope: 'component' },
|
|
36
39
|
},
|
|
37
40
|
color: {
|
|
38
41
|
type: 'enum',
|
|
39
42
|
category: 'Style',
|
|
40
43
|
label: 'Color',
|
|
41
44
|
enum: ZORA_COLORS,
|
|
45
|
+
authoring: { authority: 'theme', scope: 'component' },
|
|
42
46
|
},
|
|
43
47
|
emphasis: {
|
|
44
48
|
type: 'enum',
|
|
@@ -46,29 +50,34 @@ export const textMeta = {
|
|
|
46
50
|
label: 'Emphasis',
|
|
47
51
|
enum: ZORA_EMPHASES,
|
|
48
52
|
default: 'default',
|
|
53
|
+
authoring: { authority: 'theme', scope: 'component' },
|
|
49
54
|
},
|
|
50
55
|
align: {
|
|
51
56
|
type: 'enum',
|
|
52
57
|
category: 'Layout',
|
|
53
58
|
label: 'Align',
|
|
54
59
|
enum: ['auto', 'left', 'right', 'center', 'justify'],
|
|
60
|
+
authoring: { authority: 'theme', scope: 'component' },
|
|
55
61
|
},
|
|
56
62
|
weight: {
|
|
57
63
|
type: 'enum',
|
|
58
64
|
category: 'Typography',
|
|
59
65
|
label: 'Weight',
|
|
60
66
|
enum: ['regular', 'medium', 'semiBold', 'bold'],
|
|
67
|
+
authoring: { authority: 'theme', scope: 'component' },
|
|
61
68
|
},
|
|
62
69
|
italic: {
|
|
63
70
|
type: 'boolean',
|
|
64
71
|
category: 'Typography',
|
|
65
72
|
label: 'Italic',
|
|
66
73
|
default: false,
|
|
74
|
+
authoring: { authority: 'theme', scope: 'component' },
|
|
67
75
|
},
|
|
68
76
|
numberOfLines: {
|
|
69
77
|
type: 'number',
|
|
70
78
|
category: 'Layout',
|
|
71
79
|
label: 'Line clamp',
|
|
80
|
+
authoring: { authority: 'instance' },
|
|
72
81
|
},
|
|
73
82
|
},
|
|
74
83
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/text/meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAGvE,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,YAAY,EAAE;YACZ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,SAAS;YACnB,OAAO,EAAE,MAAM;SAChB;KACF;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC;KAC1D;IACD,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;
|
|
1
|
+
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/text/meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAGvE,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,YAAY,EAAE;YACZ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,SAAS;YACnB,OAAO,EAAE,MAAM;SAChB;KACF;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC;KAC1D;IACD,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,YAAY;YACtB,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC;YAC1E,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,WAAW;YACjB,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC;YACpD,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;QACD,MAAM,EAAE;YACN,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,YAAY;YACtB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;YAC/C,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;QACD,MAAM,EAAE;YACN,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,YAAY;YACtB,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;SACtD;QACD,aAAa,EAAE;YACb,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,YAAY;YACnB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;KACF;CACmC,CAAC","sourcesContent":["import { ZORA_COLORS, ZORA_EMPHASES } from '../../internal/colorModel';\nimport type { ZoraComponentMeta } from '../../metadata';\n\nexport const textMeta = {\n name: 'Text',\n category: 'component',\n directManifestNode: true,\n allowedChildren: [],\n blueprint: {\n label: 'Text',\n defaultProps: {\n text: 'Text',\n emphasis: 'default',\n variant: 'body',\n },\n },\n i18n: {\n fields: [{ keyProp: 'i18nKey', defaultTextProp: 'text' }],\n },\n props: {\n text: {\n type: 'string',\n category: 'Content',\n label: 'Text',\n default: 'Text',\n authoring: { authority: 'instance' },\n },\n i18nKey: {\n type: 'string',\n category: 'Content',\n label: 'i18n key',\n authoring: { authority: 'instance' },\n },\n variant: {\n type: 'enum',\n category: 'Typography',\n label: 'Variant',\n enum: ['body', 'lead', 'bodySmall', 'caption', 'label', 'eyebrow', 'code'],\n default: 'body',\n authoring: { authority: 'theme', scope: 'component' },\n },\n color: {\n type: 'enum',\n category: 'Style',\n label: 'Color',\n enum: ZORA_COLORS,\n authoring: { authority: 'theme', scope: 'component' },\n },\n emphasis: {\n type: 'enum',\n category: 'Style',\n label: 'Emphasis',\n enum: ZORA_EMPHASES,\n default: 'default',\n authoring: { authority: 'theme', scope: 'component' },\n },\n align: {\n type: 'enum',\n category: 'Layout',\n label: 'Align',\n enum: ['auto', 'left', 'right', 'center', 'justify'],\n authoring: { authority: 'theme', scope: 'component' },\n },\n weight: {\n type: 'enum',\n category: 'Typography',\n label: 'Weight',\n enum: ['regular', 'medium', 'semiBold', 'bold'],\n authoring: { authority: 'theme', scope: 'component' },\n },\n italic: {\n type: 'boolean',\n category: 'Typography',\n label: 'Italic',\n default: false,\n authoring: { authority: 'theme', scope: 'component' },\n },\n numberOfLines: {\n type: 'number',\n category: 'Layout',\n label: 'Line clamp',\n authoring: { authority: 'instance' },\n },\n },\n} as const satisfies ZoraComponentMeta;\n"]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export declare const textThemeRecipeMeta: {
|
|
2
|
+
readonly name: "Text";
|
|
3
|
+
readonly kind: "component";
|
|
4
|
+
readonly description: "Maps shared typography and color tokens into Text presentation.";
|
|
5
|
+
readonly fields: {
|
|
6
|
+
readonly variant: {
|
|
7
|
+
readonly type: "token";
|
|
8
|
+
readonly tokenFamily: "typography";
|
|
9
|
+
readonly label: "Typography variant";
|
|
10
|
+
readonly default: "body";
|
|
11
|
+
};
|
|
12
|
+
readonly color: {
|
|
13
|
+
readonly type: "token";
|
|
14
|
+
readonly tokenFamily: "colors";
|
|
15
|
+
readonly label: "Color";
|
|
16
|
+
readonly default: "text";
|
|
17
|
+
};
|
|
18
|
+
readonly emphasis: {
|
|
19
|
+
readonly type: "choice";
|
|
20
|
+
readonly label: "Emphasis";
|
|
21
|
+
readonly options: readonly ["default", "muted", "subtle", "inverse"];
|
|
22
|
+
readonly default: "default";
|
|
23
|
+
};
|
|
24
|
+
readonly weight: {
|
|
25
|
+
readonly type: "choice";
|
|
26
|
+
readonly label: "Weight";
|
|
27
|
+
readonly options: readonly ["regular", "medium", "semiBold", "bold"];
|
|
28
|
+
readonly default: "regular";
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=themeRecipeMeta.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeRecipeMeta.d.ts","sourceRoot":"","sources":["../../../src/components/text/themeRecipeMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BQ,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export const textThemeRecipeMeta = {
|
|
2
|
+
name: 'Text',
|
|
3
|
+
kind: 'component',
|
|
4
|
+
description: 'Maps shared typography and color tokens into Text presentation.',
|
|
5
|
+
fields: {
|
|
6
|
+
variant: {
|
|
7
|
+
type: 'token',
|
|
8
|
+
tokenFamily: 'typography',
|
|
9
|
+
label: 'Typography variant',
|
|
10
|
+
default: 'body',
|
|
11
|
+
},
|
|
12
|
+
color: {
|
|
13
|
+
type: 'token',
|
|
14
|
+
tokenFamily: 'colors',
|
|
15
|
+
label: 'Color',
|
|
16
|
+
default: 'text',
|
|
17
|
+
},
|
|
18
|
+
emphasis: {
|
|
19
|
+
type: 'choice',
|
|
20
|
+
label: 'Emphasis',
|
|
21
|
+
options: ['default', 'muted', 'subtle', 'inverse'],
|
|
22
|
+
default: 'default',
|
|
23
|
+
},
|
|
24
|
+
weight: {
|
|
25
|
+
type: 'choice',
|
|
26
|
+
label: 'Weight',
|
|
27
|
+
options: ['regular', 'medium', 'semiBold', 'bold'],
|
|
28
|
+
default: 'regular',
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=themeRecipeMeta.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeRecipeMeta.js","sourceRoot":"","sources":["../../../src/components/text/themeRecipeMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,iEAAiE;IAC9E,MAAM,EAAE;QACN,OAAO,EAAE;YACP,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,YAAY;YACzB,KAAK,EAAE,oBAAoB;YAC3B,OAAO,EAAE,MAAM;SAChB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,QAAQ;YACrB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,MAAM;SAChB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC;YAClD,OAAO,EAAE,SAAS;SACnB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;YAClD,OAAO,EAAE,SAAS;SACnB;KACF;CACqC,CAAC","sourcesContent":["import type { ZoraThemeRecipeMeta } from '../../metadata/themeRecipeTypes';\n\nexport const textThemeRecipeMeta = {\n name: 'Text',\n kind: 'component',\n description: 'Maps shared typography and color tokens into Text presentation.',\n fields: {\n variant: {\n type: 'token',\n tokenFamily: 'typography',\n label: 'Typography variant',\n default: 'body',\n },\n color: {\n type: 'token',\n tokenFamily: 'colors',\n label: 'Color',\n default: 'text',\n },\n emphasis: {\n type: 'choice',\n label: 'Emphasis',\n options: ['default', 'muted', 'subtle', 'inverse'],\n default: 'default',\n },\n weight: {\n type: 'choice',\n label: 'Weight',\n options: ['regular', 'medium', 'semiBold', 'bold'],\n default: 'regular',\n },\n },\n} as const satisfies ZoraThemeRecipeMeta;\n"]}
|