@riverbankcms/sdk 0.60.6 → 0.60.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_dts/api/src/appointmentSetup.d.ts +2 -2
- package/dist/_dts/api/src/bookingConfig.d.ts +6 -0
- package/dist/_dts/api/src/bookingManagementEndpoints.d.ts +45 -3
- package/dist/_dts/api/src/bookingOperations.d.ts +40 -3
- package/dist/_dts/api/src/courses.d.ts +1 -5
- package/dist/_dts/api/src/endpoints.d.ts +80 -1
- package/dist/_dts/api/src/index.d.ts +3 -2
- package/dist/_dts/api/src/navigation/contracts.d.ts +9 -9
- package/dist/_dts/api/src/navigation/linkValue.d.ts +1 -1
- package/dist/_dts/api/src/public/endpoints.d.ts +1 -1
- package/dist/_dts/api/src/publicExperienceEndpoints.d.ts +15 -1
- package/dist/_dts/api/src/resources.d.ts +1 -1
- package/dist/_dts/api/src/siteBanner.d.ts +8 -8
- package/dist/_dts/api/src/siteOnboarding.d.ts +1 -0
- package/dist/_dts/api/src/teamMembers.d.ts +27 -0
- package/dist/_dts/blocks/src/index.d.ts +2 -1
- package/dist/_dts/blocks/src/system/blocks/courses/shared/schemas.d.ts +35 -29
- package/dist/_dts/blocks/src/system/blocks/courses/shared/types.d.ts +1 -5
- package/dist/_dts/blocks/src/system/blocks/events/shared/schemas.d.ts +40 -34
- package/dist/_dts/blocks/src/system/blocks/events/shared/types.d.ts +1 -5
- package/dist/_dts/blocks/src/system/blocks/product-list.d.ts +1 -1
- package/dist/_dts/blocks/src/system/blocks/products/shared.d.ts +2 -2
- package/dist/_dts/blocks/src/system/blocks/shared/bookingPaymentTerms.d.ts +9 -9
- package/dist/_dts/blocks/src/system/blocks/shared/teamMembers.d.ts +24 -0
- package/dist/_dts/blocks/src/system/blocks/team-members.d.ts +18 -8
- package/dist/_dts/blocks/src/system/constants/background.d.ts +1 -1
- package/dist/_dts/blocks/src/system/data/loaderEndpoints.d.ts +1 -1
- package/dist/_dts/blocks/src/system/data/utils.d.ts +1 -1
- package/dist/_dts/blocks/src/system/manifest/fieldValidation/index.d.ts +185 -0
- package/dist/_dts/blocks/src/system/manifest/index.d.ts +1 -0
- package/dist/_dts/blocks/src/system/manifest/schema.d.ts +201 -201
- package/dist/_dts/blocks/src/system/manifest/validation.d.ts +2 -84
- package/dist/_dts/blocks/src/system/node/schema.d.ts +5 -5
- package/dist/_dts/blocks/src/system/runtime/components/runtime-backed-blocks.d.ts +1 -1
- package/dist/_dts/blocks/src/system/runtime/nodes/shared/contract-schemas.d.ts +4 -4
- package/dist/_dts/blocks/src/system/transforms/registry/ui.d.ts +1 -1
- package/dist/_dts/blocks/src/system/transforms/typed.d.ts +3 -3
- package/dist/_dts/blocks/src/system/types/link.d.ts +93 -1
- package/dist/_dts/content-model/src/content-types/schema.d.ts +8 -8
- package/dist/_dts/content-model/src/metadataConfig.d.ts +1 -0
- package/dist/_dts/core/src/branded.d.ts +2 -0
- package/dist/_dts/db/src/generated/supabase/database.types.d.ts +124 -8
- package/dist/_dts/db/src/schemas/forms.d.ts +85 -64
- package/dist/_dts/editor-blocks/src/widgets/link/LinkSummary.d.ts +1 -1
- package/dist/_dts/editor-blocks/src/widgets/link/LinkWidget.d.ts +1 -1
- package/dist/_dts/editor-blocks/src/widgets/link/utils.d.ts +1 -1
- package/dist/_dts/sdk/src/client/types.d.ts +9 -2
- package/dist/_dts/sdk/src/config/typed-entries.d.ts +36 -1
- package/dist/_dts/sdk/src/config/types.d.ts +1 -1
- package/dist/_dts/sdk/src/config/validation.d.ts +40 -37
- package/dist/_dts/sdk/src/contracts/content.d.ts +6 -1
- package/dist/_dts/sdk/src/contracts/index.d.ts +1 -1
- package/dist/_dts/sdk/src/contracts/system-block-content.d.ts +18 -8
- package/dist/_dts/sdk/src/data/prefetchBlockData.d.ts +1 -1
- package/dist/_dts/sdk/src/manifest/passes/pass1-fields.d.ts +19 -19
- package/dist/_dts/sdk/src/public-api/contracts.d.ts +87 -69
- package/dist/_dts/sdk/src/public-api/runtime.d.ts +1 -1
- package/dist/_dts/sdk/src/rendering/islands/types.d.ts +2 -5
- package/dist/_dts/sdk/src/version.d.ts +1 -1
- package/dist/_dts/theme-core/src/accordions/types.d.ts +11 -11
- package/dist/_dts/theme-core/src/buttons/personalities/types.d.ts +10 -10
- package/dist/_dts/theme-core/src/buttons/types.d.ts +27 -27
- package/dist/_dts/theme-core/src/cards/types.d.ts +17 -17
- package/dist/_dts/theme-core/src/inputs/types.d.ts +14 -14
- package/dist/_dts/theme-core/src/interactive/baseSchema.d.ts +2 -2
- package/dist/_dts/theme-core/src/mock-themes/all.d.ts +438 -438
- package/dist/_dts/theme-core/src/navigation/types.d.ts +16 -16
- package/dist/_dts/theme-core/src/palette/variants/types.d.ts +15 -15
- package/dist/_dts/theme-core/src/schema.d.ts +662 -662
- package/dist/_dts/theme-core/src/shared/componentStyles.d.ts +4 -4
- package/dist/_dts/theme-core/src/site-styles/designState.d.ts +15 -15
- package/dist/_dts/theme-core/src/site-styles/generatedSchemas.d.ts +7 -7
- package/dist/_dts/theme-core/src/site-styles/styleTags.d.ts +1 -1
- package/dist/_dts/theme-core/src/site-styles/tokenRecipes.d.ts +5 -5
- package/dist/_dts/ui/src/badge.d.ts +1 -1
- package/dist/_dts/ui/src/button-group.d.ts +1 -1
- package/dist/_dts/ui/src/button.d.ts +2 -2
- package/dist/_dts/ui/src/callout.d.ts +1 -1
- package/dist/_dts/ui/src/card.d.ts +1 -1
- package/dist/_dts/ui/src/surface.d.ts +2 -2
- package/dist/_dts/ui/src/toggle.d.ts +4 -4
- package/dist/cli/index.mjs +951 -451
- package/dist/client/client.mjs +39490 -38952
- package/dist/client/hooks.mjs +1992 -1741
- package/dist/client/rendering/client.mjs +179 -130
- package/dist/client/rendering/islands.mjs +68 -43
- package/dist/client/rendering.mjs +1812 -1292
- package/dist/preview-next/before-render.mjs +147 -1
- package/dist/preview-next/client/runtime.mjs +1377 -829
- package/dist/preview-next/middleware.mjs +147 -1
- package/dist/server/components.mjs +3246 -2751
- package/dist/server/config-validation.mjs +2198 -1962
- package/dist/server/config.mjs +2198 -1962
- package/dist/server/data.mjs +1992 -1741
- package/dist/server/index.mjs +168 -2
- package/dist/server/next.mjs +3230 -2701
- package/dist/server/page-converter.mjs +345 -259
- package/dist/server/prebuild.mjs +1 -1
- package/dist/server/rendering/server.mjs +3274 -2763
- package/dist/server/rendering.mjs +3274 -2763
- package/dist/server/routing.mjs +530 -309
- package/dist/server/server.mjs +2011 -1742
- package/package.json +1 -1
|
@@ -6,11 +6,11 @@ export declare const mockThemes: {
|
|
|
6
6
|
description: string;
|
|
7
7
|
rationale: string;
|
|
8
8
|
axes: {
|
|
9
|
-
tone: "
|
|
9
|
+
tone: "bold" | "minimal" | "classic";
|
|
10
10
|
energy: "calm" | "vibrant";
|
|
11
|
-
density: "
|
|
12
|
-
mediaBias: "
|
|
13
|
-
conversionBias: "low" | "
|
|
11
|
+
density: "airy" | "regular" | "compact";
|
|
12
|
+
mediaBias: "mixed" | "text" | "media";
|
|
13
|
+
conversionBias: "low" | "med" | "high";
|
|
14
14
|
motion: "standard" | "subtle" | "expressive";
|
|
15
15
|
};
|
|
16
16
|
palette: {
|
|
@@ -19,106 +19,106 @@ export declare const mockThemes: {
|
|
|
19
19
|
hex: string;
|
|
20
20
|
}[];
|
|
21
21
|
meta: {
|
|
22
|
-
mode: "
|
|
22
|
+
mode: "light" | "dark";
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
25
|
typography: {
|
|
26
26
|
body: {
|
|
27
27
|
family: string;
|
|
28
|
-
weight: "
|
|
29
|
-
letterSpacing: "
|
|
28
|
+
weight: "bold" | "regular" | "light" | "medium" | "semibold";
|
|
29
|
+
letterSpacing: "tight" | "normal" | "loose";
|
|
30
30
|
lineHeight: "normal" | "loose" | "relaxed";
|
|
31
31
|
size: "md" | "lg" | "xl";
|
|
32
32
|
};
|
|
33
33
|
headings: {
|
|
34
34
|
default: {
|
|
35
35
|
family: string;
|
|
36
|
-
weight: "
|
|
37
|
-
letterSpacing: "
|
|
36
|
+
weight: "bold" | "regular" | "light" | "medium" | "semibold";
|
|
37
|
+
letterSpacing: "tight" | "normal" | "loose";
|
|
38
38
|
lineHeight: "normal" | "loose" | "relaxed";
|
|
39
39
|
case: "normal" | "uppercase" | "smallCaps" | null;
|
|
40
40
|
italic: boolean | null;
|
|
41
41
|
colorToken?: string | null | undefined;
|
|
42
42
|
};
|
|
43
43
|
h1: {
|
|
44
|
-
weight?: "
|
|
45
|
-
letterSpacing?: "
|
|
46
|
-
size?: "
|
|
44
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
45
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
46
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
47
47
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
48
48
|
italic?: boolean | null | undefined;
|
|
49
49
|
colorToken?: string | null | undefined;
|
|
50
50
|
};
|
|
51
51
|
h2: {
|
|
52
|
-
weight?: "
|
|
53
|
-
letterSpacing?: "
|
|
54
|
-
size?: "
|
|
52
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
53
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
54
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
55
55
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
56
56
|
italic?: boolean | null | undefined;
|
|
57
57
|
colorToken?: string | null | undefined;
|
|
58
58
|
};
|
|
59
59
|
h3: {
|
|
60
|
-
weight?: "
|
|
61
|
-
letterSpacing?: "
|
|
62
|
-
size?: "
|
|
60
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
61
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
62
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
63
63
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
64
64
|
italic?: boolean | null | undefined;
|
|
65
65
|
colorToken?: string | null | undefined;
|
|
66
66
|
};
|
|
67
67
|
h4?: {
|
|
68
|
-
weight?: "
|
|
69
|
-
letterSpacing?: "
|
|
70
|
-
size?: "
|
|
68
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
69
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
70
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
71
71
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
72
72
|
italic?: boolean | null | undefined;
|
|
73
73
|
colorToken?: string | null | undefined;
|
|
74
74
|
} | undefined;
|
|
75
75
|
h5?: {
|
|
76
|
-
weight?: "
|
|
77
|
-
letterSpacing?: "
|
|
78
|
-
size?: "
|
|
76
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
77
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
78
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
79
79
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
80
80
|
italic?: boolean | null | undefined;
|
|
81
81
|
colorToken?: string | null | undefined;
|
|
82
82
|
} | undefined;
|
|
83
83
|
h6?: {
|
|
84
|
-
weight?: "
|
|
85
|
-
letterSpacing?: "
|
|
86
|
-
size?: "
|
|
84
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
85
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
86
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
87
87
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
88
88
|
italic?: boolean | null | undefined;
|
|
89
89
|
colorToken?: string | null | undefined;
|
|
90
90
|
} | undefined;
|
|
91
91
|
};
|
|
92
|
-
scale: "compact" | "
|
|
92
|
+
scale: "compact" | "balanced" | "spacious" | "minorThird" | "majorThird" | "perfectFourth";
|
|
93
93
|
proseLinkStyle?: {
|
|
94
94
|
colorToken?: string | undefined;
|
|
95
95
|
hoverColorToken?: string | undefined;
|
|
96
96
|
underline?: boolean | undefined;
|
|
97
97
|
decorationColorToken?: string | undefined;
|
|
98
98
|
hoverDecorationColorToken?: string | undefined;
|
|
99
|
-
underlineStyle?: "
|
|
100
|
-
underlineThickness?: "medium" | "auto" | "
|
|
101
|
-
underlineOffset?: "
|
|
99
|
+
underlineStyle?: "solid" | "dotted" | "dashed" | undefined;
|
|
100
|
+
underlineThickness?: "medium" | "auto" | "fromFont" | "thin" | "thick" | undefined;
|
|
101
|
+
underlineOffset?: "tight" | "normal" | "loose" | "auto" | undefined;
|
|
102
102
|
} | undefined;
|
|
103
103
|
};
|
|
104
104
|
space: "standard" | "comfortable" | "dense";
|
|
105
105
|
border: {
|
|
106
|
-
width: "none" | "
|
|
107
|
-
style: "
|
|
106
|
+
width: "none" | "thin" | "thick" | "hairline";
|
|
107
|
+
style: "solid" | "dashed";
|
|
108
108
|
};
|
|
109
109
|
shadow: {
|
|
110
|
-
elevation: "
|
|
111
|
-
softness: "
|
|
110
|
+
elevation: "none" | "low" | "high" | "medium";
|
|
111
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
112
112
|
position: "bottom" | "bottom-right";
|
|
113
113
|
};
|
|
114
114
|
motion: {
|
|
115
|
-
level: "
|
|
115
|
+
level: "off" | "low" | "high" | "medium";
|
|
116
116
|
easing: "standard" | "snappy" | "gentle" | null;
|
|
117
117
|
};
|
|
118
|
-
corners: "
|
|
118
|
+
corners: "soft" | "square" | "rounded" | "pill";
|
|
119
119
|
header: {
|
|
120
120
|
variant: "classic" | "centered" | "transparent" | "floating" | "editorial";
|
|
121
|
-
positioning: "
|
|
121
|
+
positioning: "fixed" | "static" | "sticky";
|
|
122
122
|
shrinkOnScroll: boolean;
|
|
123
123
|
maxWidth: "full" | "container";
|
|
124
124
|
background: {
|
|
@@ -169,8 +169,8 @@ export declare const mockThemes: {
|
|
|
169
169
|
} | null | undefined;
|
|
170
170
|
textColor?: string | null | undefined;
|
|
171
171
|
};
|
|
172
|
-
navStyle: "
|
|
173
|
-
navWeight: "
|
|
172
|
+
navStyle: "minimal" | "scale" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
|
|
173
|
+
navWeight: "bold" | "regular" | "medium" | "semibold";
|
|
174
174
|
navContainer: {
|
|
175
175
|
type: "none" | "pill" | "glass";
|
|
176
176
|
opacity: number;
|
|
@@ -213,30 +213,30 @@ export declare const mockThemes: {
|
|
|
213
213
|
textColor?: string | null | undefined;
|
|
214
214
|
navColor?: string | null | undefined;
|
|
215
215
|
container?: {
|
|
216
|
-
rounded: "none" | "
|
|
216
|
+
rounded: "none" | "md" | "lg" | "xl" | "sm" | "2xl";
|
|
217
217
|
border: boolean;
|
|
218
218
|
shadow: boolean;
|
|
219
|
-
padding: "
|
|
219
|
+
padding: "md" | "lg" | "sm";
|
|
220
220
|
opacity: number;
|
|
221
221
|
tint?: string | null | undefined;
|
|
222
222
|
} | undefined;
|
|
223
223
|
border?: {
|
|
224
|
-
width: "
|
|
225
|
-
style: "
|
|
226
|
-
position: "none" | "
|
|
224
|
+
width: "none" | "medium" | "thin" | "thick" | "hairline";
|
|
225
|
+
style: "solid" | "dashed";
|
|
226
|
+
position: "none" | "bottom" | "top" | "both";
|
|
227
227
|
colorToken?: string | undefined;
|
|
228
228
|
} | undefined;
|
|
229
229
|
shadow?: {
|
|
230
|
-
elevation: "none" | "
|
|
230
|
+
elevation: "none" | "md" | "lg" | "xl" | "sm" | "2xl";
|
|
231
231
|
} | undefined;
|
|
232
232
|
logo?: {
|
|
233
233
|
fontFamily: "body" | "heading";
|
|
234
|
-
letterSpacing: "
|
|
234
|
+
letterSpacing: "normal" | "wide" | "wider" | "widest";
|
|
235
235
|
gradient: boolean;
|
|
236
236
|
} | undefined;
|
|
237
237
|
logoText?: {
|
|
238
238
|
mobileWrapLines?: 1 | 2 | undefined;
|
|
239
|
-
mobileMaxWidth?: "
|
|
239
|
+
mobileMaxWidth?: "md" | "xs" | "sm" | undefined;
|
|
240
240
|
hideOnShrink?: boolean | undefined;
|
|
241
241
|
} | undefined;
|
|
242
242
|
navEffects?: {
|
|
@@ -247,16 +247,16 @@ export declare const mockThemes: {
|
|
|
247
247
|
} | undefined;
|
|
248
248
|
navLinkStyle?: {
|
|
249
249
|
colorToken: string;
|
|
250
|
-
padding: "
|
|
251
|
-
borderRadius: "full" | "none" | "
|
|
250
|
+
padding: "default" | "none" | "compact";
|
|
251
|
+
borderRadius: "full" | "none" | "md" | "sm";
|
|
252
252
|
typography: "body" | "heading";
|
|
253
|
-
fontWeight: "
|
|
254
|
-
textTransform: "none" | "
|
|
253
|
+
fontWeight: "bold" | "regular" | "medium" | "semibold";
|
|
254
|
+
textTransform: "none" | "uppercase" | "capitalize";
|
|
255
255
|
italic: boolean;
|
|
256
|
-
textSize?: "
|
|
257
|
-
letterSpacing?: "
|
|
256
|
+
textSize?: "lg" | "xs" | "sm" | "base" | undefined;
|
|
257
|
+
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
258
258
|
hoverColorToken?: string | null | undefined;
|
|
259
|
-
paddingX?: "
|
|
259
|
+
paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
260
260
|
effects?: {
|
|
261
261
|
base?: {
|
|
262
262
|
effectId: string;
|
|
@@ -277,23 +277,23 @@ export declare const mockThemes: {
|
|
|
277
277
|
} | undefined;
|
|
278
278
|
name?: string | undefined;
|
|
279
279
|
} | undefined;
|
|
280
|
-
ctaGap?: "
|
|
280
|
+
ctaGap?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
281
281
|
dropdownStyle?: {
|
|
282
282
|
background: string;
|
|
283
283
|
textColor: string;
|
|
284
284
|
borderColor: string | null;
|
|
285
|
-
shadow: "none" | "
|
|
286
|
-
borderRadius: "none" | "
|
|
287
|
-
textTransform: "none" | "
|
|
288
|
-
letterSpacing: "
|
|
285
|
+
shadow: "none" | "md" | "lg" | "sm";
|
|
286
|
+
borderRadius: "none" | "md" | "lg" | "sm";
|
|
287
|
+
textTransform: "none" | "uppercase" | "capitalize";
|
|
288
|
+
letterSpacing: "normal" | "wide" | "wider";
|
|
289
289
|
hoverBackground?: string | null | undefined;
|
|
290
290
|
hoverTextColor?: string | null | undefined;
|
|
291
|
-
fontWeight?: "
|
|
292
|
-
textSize?: "
|
|
291
|
+
fontWeight?: "bold" | "regular" | "medium" | "semibold" | undefined;
|
|
292
|
+
textSize?: "lg" | "xs" | "sm" | "base" | undefined;
|
|
293
293
|
} | undefined;
|
|
294
294
|
};
|
|
295
295
|
footer: {
|
|
296
|
-
variant: "
|
|
296
|
+
variant: "split" | "simple" | "columns";
|
|
297
297
|
maxWidth: "full" | "container";
|
|
298
298
|
background: {
|
|
299
299
|
type: "image" | "color" | "gradient";
|
|
@@ -343,23 +343,23 @@ export declare const mockThemes: {
|
|
|
343
343
|
} | null | undefined;
|
|
344
344
|
textColor?: string | null | undefined;
|
|
345
345
|
};
|
|
346
|
-
navStyle: "
|
|
347
|
-
navWeight: "
|
|
348
|
-
mode?: "
|
|
346
|
+
navStyle: "minimal" | "scale" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
|
|
347
|
+
navWeight: "bold" | "regular" | "medium" | "semibold";
|
|
348
|
+
mode?: "blocks" | "default" | "none" | "default+blocks" | undefined;
|
|
349
349
|
showLogoText?: boolean | undefined;
|
|
350
350
|
navColor?: string | null | undefined;
|
|
351
351
|
navLinkStyle?: {
|
|
352
352
|
colorToken: string;
|
|
353
|
-
padding: "
|
|
354
|
-
borderRadius: "full" | "none" | "
|
|
353
|
+
padding: "default" | "none" | "compact";
|
|
354
|
+
borderRadius: "full" | "none" | "md" | "sm";
|
|
355
355
|
typography: "body" | "heading";
|
|
356
|
-
fontWeight: "
|
|
357
|
-
textTransform: "none" | "
|
|
356
|
+
fontWeight: "bold" | "regular" | "medium" | "semibold";
|
|
357
|
+
textTransform: "none" | "uppercase" | "capitalize";
|
|
358
358
|
italic: boolean;
|
|
359
|
-
textSize?: "
|
|
360
|
-
letterSpacing?: "
|
|
359
|
+
textSize?: "lg" | "xs" | "sm" | "base" | undefined;
|
|
360
|
+
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
361
361
|
hoverColorToken?: string | null | undefined;
|
|
362
|
-
paddingX?: "
|
|
362
|
+
paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
363
363
|
effects?: {
|
|
364
364
|
base?: {
|
|
365
365
|
effectId: string;
|
|
@@ -387,19 +387,19 @@ export declare const mockThemes: {
|
|
|
387
387
|
underline?: boolean | undefined;
|
|
388
388
|
} | undefined;
|
|
389
389
|
navLayout?: {
|
|
390
|
-
layout?: "
|
|
391
|
-
align?: "
|
|
392
|
-
gapX?: "
|
|
393
|
-
gapY?: "
|
|
390
|
+
layout?: "stack" | "inline" | "inline-wrap" | undefined;
|
|
391
|
+
align?: "start" | "center" | "end" | "space-between" | undefined;
|
|
392
|
+
gapX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
393
|
+
gapY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
394
394
|
columns?: number | undefined;
|
|
395
395
|
} | undefined;
|
|
396
396
|
logo?: {
|
|
397
397
|
showLogo: boolean;
|
|
398
398
|
showLogoText?: boolean | undefined;
|
|
399
399
|
placement?: "left" | "right" | "above" | "below" | undefined;
|
|
400
|
-
size?: "
|
|
401
|
-
maxHeight?: "
|
|
402
|
-
align?: "
|
|
400
|
+
size?: "md" | "lg" | "xl" | "sm" | undefined;
|
|
401
|
+
maxHeight?: "md" | "lg" | "xl" | "sm" | undefined;
|
|
402
|
+
align?: "start" | "center" | "end" | undefined;
|
|
403
403
|
} | undefined;
|
|
404
404
|
bottomBar?: {
|
|
405
405
|
enabled?: boolean | undefined;
|
|
@@ -454,11 +454,11 @@ export declare const mockThemes: {
|
|
|
454
454
|
} | undefined;
|
|
455
455
|
textColor?: string | null | undefined;
|
|
456
456
|
textAlign?: "center" | "left" | "right" | undefined;
|
|
457
|
-
paddingY?: "
|
|
458
|
-
paddingX?: "
|
|
457
|
+
paddingY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
458
|
+
paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
459
459
|
borderTop?: {
|
|
460
460
|
colorToken?: string | null | undefined;
|
|
461
|
-
width?: "
|
|
461
|
+
width?: "none" | "medium" | "thin" | "thick" | undefined;
|
|
462
462
|
} | undefined;
|
|
463
463
|
} | undefined;
|
|
464
464
|
};
|
|
@@ -470,56 +470,56 @@ export declare const mockThemes: {
|
|
|
470
470
|
} | undefined;
|
|
471
471
|
layout?: {
|
|
472
472
|
containerPadding?: {
|
|
473
|
-
mobile?: "
|
|
474
|
-
tablet?: "
|
|
475
|
-
desktop?: "
|
|
473
|
+
mobile?: "default" | "compact" | "tight" | "relaxed" | undefined;
|
|
474
|
+
tablet?: "default" | "compact" | "tight" | "relaxed" | undefined;
|
|
475
|
+
desktop?: "default" | "compact" | "tight" | "relaxed" | undefined;
|
|
476
476
|
} | undefined;
|
|
477
477
|
} | undefined;
|
|
478
478
|
hero?: {
|
|
479
479
|
typography?: {
|
|
480
|
-
headlineSize?: "
|
|
481
|
-
headlineLineHeight?: "
|
|
482
|
-
subheadlineSize?: "
|
|
483
|
-
subheadlineLineHeight?: "
|
|
484
|
-
microHeadlineSize?: "
|
|
485
|
-
microHeadlineLineHeight?: "
|
|
486
|
-
microSubheadlineSize?: "
|
|
487
|
-
microSubheadlineLineHeight?: "
|
|
480
|
+
headlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
481
|
+
headlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
482
|
+
subheadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
483
|
+
subheadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
484
|
+
microHeadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
485
|
+
microHeadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
486
|
+
microSubheadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
487
|
+
microSubheadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
488
488
|
responsive?: {
|
|
489
489
|
tablet?: {
|
|
490
|
-
headlineSize?: "
|
|
491
|
-
headlineLineHeight?: "
|
|
492
|
-
subheadlineSize?: "
|
|
493
|
-
subheadlineLineHeight?: "
|
|
490
|
+
headlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
491
|
+
headlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
492
|
+
subheadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
493
|
+
subheadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
494
494
|
} | undefined;
|
|
495
495
|
mobile?: {
|
|
496
|
-
headlineSize?: "
|
|
497
|
-
headlineLineHeight?: "
|
|
498
|
-
subheadlineSize?: "
|
|
499
|
-
subheadlineLineHeight?: "
|
|
496
|
+
headlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
497
|
+
headlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
498
|
+
subheadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
499
|
+
subheadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
500
500
|
} | undefined;
|
|
501
501
|
} | undefined;
|
|
502
502
|
} | undefined;
|
|
503
503
|
} | undefined;
|
|
504
504
|
buttons?: {
|
|
505
505
|
global: {
|
|
506
|
-
cornerStyle: "
|
|
507
|
-
shadow: "
|
|
508
|
-
textTransform: "none" | "
|
|
509
|
-
fontWeight:
|
|
506
|
+
cornerStyle: "square" | "rounded" | "pill";
|
|
507
|
+
shadow: "none" | "low" | "high" | "medium";
|
|
508
|
+
textTransform: "none" | "uppercase" | "capitalize" | "lowercase";
|
|
509
|
+
fontWeight: 500 | 600 | 700;
|
|
510
510
|
borderWidth: 1 | 2 | 3;
|
|
511
511
|
hoverTransform: "none" | "scale" | "lift" | "press";
|
|
512
|
-
hoverColor: "none" | "token" | "
|
|
512
|
+
hoverColor: "none" | "token" | "brighten" | "darken" | "saturate";
|
|
513
513
|
cornerRadius?: number | undefined;
|
|
514
514
|
typography?: "body" | "heading" | undefined;
|
|
515
515
|
fontSize?: string | undefined;
|
|
516
|
-
letterSpacing?: "
|
|
516
|
+
letterSpacing?: "tight" | "normal" | "loose" | undefined;
|
|
517
517
|
italic?: boolean | undefined;
|
|
518
|
-
paddingPreset?: "
|
|
518
|
+
paddingPreset?: "default" | "compact" | "spacious" | undefined;
|
|
519
519
|
hoverColorToken?: string | undefined;
|
|
520
520
|
gradientStyle?: "linear" | "radial" | "conic" | undefined;
|
|
521
521
|
gradientAngle?: number | undefined;
|
|
522
|
-
gradientSharpness?: "medium" | "
|
|
522
|
+
gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
|
|
523
523
|
};
|
|
524
524
|
variants: {
|
|
525
525
|
id: string;
|
|
@@ -539,8 +539,8 @@ export declare const mockThemes: {
|
|
|
539
539
|
textColorToken: string;
|
|
540
540
|
borderRadius?: string | undefined;
|
|
541
541
|
shadow?: {
|
|
542
|
-
elevation: "
|
|
543
|
-
softness: "
|
|
542
|
+
elevation: "none" | "low" | "high" | "medium";
|
|
543
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
544
544
|
position: "bottom" | "bottom-right";
|
|
545
545
|
} | undefined;
|
|
546
546
|
border?: {
|
|
@@ -621,13 +621,13 @@ export declare const mockThemes: {
|
|
|
621
621
|
} | {
|
|
622
622
|
type: "transparent";
|
|
623
623
|
};
|
|
624
|
-
spacing: "
|
|
624
|
+
spacing: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy";
|
|
625
625
|
shadow?: {
|
|
626
|
-
elevation: "
|
|
627
|
-
softness: "
|
|
626
|
+
elevation: "none" | "low" | "high" | "medium";
|
|
627
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
628
628
|
position: "bottom" | "bottom-right";
|
|
629
629
|
} | undefined;
|
|
630
|
-
corners?: "
|
|
630
|
+
corners?: "soft" | "square" | "rounded" | "pill" | undefined;
|
|
631
631
|
border?: {
|
|
632
632
|
widthClass: string;
|
|
633
633
|
colorToken: string;
|
|
@@ -639,25 +639,25 @@ export declare const mockThemes: {
|
|
|
639
639
|
type: "solid";
|
|
640
640
|
colorToken: string;
|
|
641
641
|
};
|
|
642
|
-
spacing: "
|
|
643
|
-
corners: "
|
|
642
|
+
spacing: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy";
|
|
643
|
+
corners: "soft" | "square" | "rounded" | "pill" | null;
|
|
644
644
|
border: {
|
|
645
645
|
widthClass: string;
|
|
646
646
|
colorToken: string;
|
|
647
647
|
} | null;
|
|
648
648
|
shadow: {
|
|
649
|
-
elevation: "
|
|
650
|
-
softness: "
|
|
649
|
+
elevation: "none" | "low" | "high" | "medium";
|
|
650
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
651
651
|
position: "bottom" | "bottom-right";
|
|
652
652
|
} | null;
|
|
653
653
|
icon: {
|
|
654
|
-
style: "
|
|
654
|
+
style: "plus-minus" | "chevron" | "caret" | "arrow" | "circle-plus-minus";
|
|
655
655
|
position: "left" | "right";
|
|
656
|
-
size: "
|
|
656
|
+
size: "md" | "lg" | "sm";
|
|
657
657
|
};
|
|
658
658
|
trigger: {
|
|
659
659
|
textColorToken: string;
|
|
660
|
-
fontWeight: "
|
|
660
|
+
fontWeight: "bold" | "regular" | "medium" | "semibold" | null;
|
|
661
661
|
};
|
|
662
662
|
hover: {
|
|
663
663
|
backgroundColorToken?: string | undefined;
|
|
@@ -682,20 +682,20 @@ export declare const mockThemes: {
|
|
|
682
682
|
colorToken: string;
|
|
683
683
|
style?: "all" | "underline" | undefined;
|
|
684
684
|
};
|
|
685
|
-
corners: "
|
|
685
|
+
corners: "soft" | "square" | "rounded" | "pill" | null;
|
|
686
686
|
shadow: {
|
|
687
|
-
elevation: "
|
|
688
|
-
softness: "
|
|
687
|
+
elevation: "none" | "low" | "medium";
|
|
688
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
689
689
|
} | null;
|
|
690
|
-
spacing: "
|
|
691
|
-
fontSize: "
|
|
690
|
+
spacing: "compact" | "medium" | "comfortable" | "cozy";
|
|
691
|
+
fontSize: "lg" | "sm" | "base";
|
|
692
692
|
};
|
|
693
693
|
label: {
|
|
694
694
|
textColorToken: string;
|
|
695
|
-
fontWeight: "
|
|
696
|
-
fontSize: "
|
|
697
|
-
textTransform?: "none" | "
|
|
698
|
-
letterSpacing?: "
|
|
695
|
+
fontWeight: "bold" | "regular" | "medium" | "semibold" | "black";
|
|
696
|
+
fontSize: "xs" | "sm" | "base" | "2xs";
|
|
697
|
+
textTransform?: "none" | "uppercase" | "capitalize" | "lowercase" | undefined;
|
|
698
|
+
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
699
699
|
opacity?: number | undefined;
|
|
700
700
|
};
|
|
701
701
|
focus: {
|
|
@@ -714,10 +714,10 @@ export declare const mockThemes: {
|
|
|
714
714
|
};
|
|
715
715
|
} | undefined;
|
|
716
716
|
inputStyle?: {
|
|
717
|
-
shape: "
|
|
718
|
-
border: "
|
|
717
|
+
shape: "soft" | "square" | "rounded" | "pill";
|
|
718
|
+
border: "subtle" | "underline" | "defined";
|
|
719
719
|
focus: "underline" | "glow" | "ring";
|
|
720
|
-
label: "
|
|
720
|
+
label: "above" | "inside";
|
|
721
721
|
} | undefined;
|
|
722
722
|
blockCustomVars?: Record<string, Record<string, string>> | undefined;
|
|
723
723
|
blockOverrides?: Record<string, {
|
|
@@ -728,9 +728,9 @@ export declare const mockThemes: {
|
|
|
728
728
|
underline?: boolean | undefined;
|
|
729
729
|
decorationColorToken?: string | undefined;
|
|
730
730
|
hoverDecorationColorToken?: string | undefined;
|
|
731
|
-
underlineStyle?: "
|
|
732
|
-
underlineThickness?: "medium" | "auto" | "
|
|
733
|
-
underlineOffset?: "
|
|
731
|
+
underlineStyle?: "solid" | "dotted" | "dashed" | undefined;
|
|
732
|
+
underlineThickness?: "medium" | "auto" | "fromFont" | "thin" | "thick" | undefined;
|
|
733
|
+
underlineOffset?: "tight" | "normal" | "loose" | "auto" | undefined;
|
|
734
734
|
} | undefined;
|
|
735
735
|
} | undefined;
|
|
736
736
|
styles?: {
|
|
@@ -773,7 +773,7 @@ export declare const mockThemes: {
|
|
|
773
773
|
rotation?: 0 | 90 | 180 | 270 | undefined;
|
|
774
774
|
} | undefined;
|
|
775
775
|
} | null | undefined;
|
|
776
|
-
objectFit?: "fill" | "
|
|
776
|
+
objectFit?: "fill" | "custom" | "fit" | "original" | null | undefined;
|
|
777
777
|
scale?: string | null | undefined;
|
|
778
778
|
position?: string | null | undefined;
|
|
779
779
|
opacity?: number | null | undefined;
|
|
@@ -786,7 +786,7 @@ export declare const mockThemes: {
|
|
|
786
786
|
textColor?: string | null | undefined;
|
|
787
787
|
headingColor?: string | null | undefined;
|
|
788
788
|
} | null | undefined;
|
|
789
|
-
spacing?: "
|
|
789
|
+
spacing?: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy" | null | undefined;
|
|
790
790
|
minHeight?: "none" | "hero" | "immersive" | null | undefined;
|
|
791
791
|
} | null | undefined;
|
|
792
792
|
containerStyles?: {
|
|
@@ -828,7 +828,7 @@ export declare const mockThemes: {
|
|
|
828
828
|
rotation?: 0 | 90 | 180 | 270 | undefined;
|
|
829
829
|
} | undefined;
|
|
830
830
|
} | null | undefined;
|
|
831
|
-
objectFit?: "fill" | "
|
|
831
|
+
objectFit?: "fill" | "custom" | "fit" | "original" | null | undefined;
|
|
832
832
|
scale?: string | null | undefined;
|
|
833
833
|
position?: string | null | undefined;
|
|
834
834
|
opacity?: number | null | undefined;
|
|
@@ -841,9 +841,9 @@ export declare const mockThemes: {
|
|
|
841
841
|
textColor?: string | null | undefined;
|
|
842
842
|
headingColor?: string | null | undefined;
|
|
843
843
|
} | null | undefined;
|
|
844
|
-
spacing?: "
|
|
844
|
+
spacing?: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy" | null | undefined;
|
|
845
845
|
raised?: boolean | null | undefined;
|
|
846
|
-
rounded?: "full" | "none" | "
|
|
846
|
+
rounded?: "full" | "none" | "md" | "lg" | "xl" | "sm" | "2xl" | null | undefined;
|
|
847
847
|
fullWidth?: boolean | null | undefined;
|
|
848
848
|
} | null | undefined;
|
|
849
849
|
cardStyles?: {
|
|
@@ -885,7 +885,7 @@ export declare const mockThemes: {
|
|
|
885
885
|
rotation?: 0 | 90 | 180 | 270 | undefined;
|
|
886
886
|
} | undefined;
|
|
887
887
|
} | null | undefined;
|
|
888
|
-
objectFit?: "fill" | "
|
|
888
|
+
objectFit?: "fill" | "custom" | "fit" | "original" | null | undefined;
|
|
889
889
|
scale?: string | null | undefined;
|
|
890
890
|
position?: string | null | undefined;
|
|
891
891
|
opacity?: number | null | undefined;
|
|
@@ -903,9 +903,9 @@ export declare const mockThemes: {
|
|
|
903
903
|
width?: "1" | "2" | "3" | "none" | null | undefined;
|
|
904
904
|
colorToken?: string | null | undefined;
|
|
905
905
|
} | null | undefined;
|
|
906
|
-
spacing?: "
|
|
906
|
+
spacing?: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy" | null | undefined;
|
|
907
907
|
raised?: boolean | null | undefined;
|
|
908
|
-
rounded?: "full" | "none" | "
|
|
908
|
+
rounded?: "full" | "none" | "md" | "lg" | "xl" | "sm" | "2xl" | null | undefined;
|
|
909
909
|
} | null | undefined;
|
|
910
910
|
} | undefined;
|
|
911
911
|
}> | undefined;
|
|
@@ -963,11 +963,11 @@ export declare const mockThemes: {
|
|
|
963
963
|
description: string;
|
|
964
964
|
rationale: string;
|
|
965
965
|
axes: {
|
|
966
|
-
tone: "
|
|
966
|
+
tone: "bold" | "minimal" | "classic";
|
|
967
967
|
energy: "calm" | "vibrant";
|
|
968
|
-
density: "
|
|
969
|
-
mediaBias: "
|
|
970
|
-
conversionBias: "low" | "
|
|
968
|
+
density: "airy" | "regular" | "compact";
|
|
969
|
+
mediaBias: "mixed" | "text" | "media";
|
|
970
|
+
conversionBias: "low" | "med" | "high";
|
|
971
971
|
motion: "standard" | "subtle" | "expressive";
|
|
972
972
|
};
|
|
973
973
|
palette: {
|
|
@@ -976,106 +976,106 @@ export declare const mockThemes: {
|
|
|
976
976
|
hex: string;
|
|
977
977
|
}[];
|
|
978
978
|
meta: {
|
|
979
|
-
mode: "
|
|
979
|
+
mode: "light" | "dark";
|
|
980
980
|
};
|
|
981
981
|
};
|
|
982
982
|
typography: {
|
|
983
983
|
body: {
|
|
984
984
|
family: string;
|
|
985
|
-
weight: "
|
|
986
|
-
letterSpacing: "
|
|
985
|
+
weight: "bold" | "regular" | "light" | "medium" | "semibold";
|
|
986
|
+
letterSpacing: "tight" | "normal" | "loose";
|
|
987
987
|
lineHeight: "normal" | "loose" | "relaxed";
|
|
988
988
|
size: "md" | "lg" | "xl";
|
|
989
989
|
};
|
|
990
990
|
headings: {
|
|
991
991
|
default: {
|
|
992
992
|
family: string;
|
|
993
|
-
weight: "
|
|
994
|
-
letterSpacing: "
|
|
993
|
+
weight: "bold" | "regular" | "light" | "medium" | "semibold";
|
|
994
|
+
letterSpacing: "tight" | "normal" | "loose";
|
|
995
995
|
lineHeight: "normal" | "loose" | "relaxed";
|
|
996
996
|
case: "normal" | "uppercase" | "smallCaps" | null;
|
|
997
997
|
italic: boolean | null;
|
|
998
998
|
colorToken?: string | null | undefined;
|
|
999
999
|
};
|
|
1000
1000
|
h1: {
|
|
1001
|
-
weight?: "
|
|
1002
|
-
letterSpacing?: "
|
|
1003
|
-
size?: "
|
|
1001
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
1002
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
1003
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
1004
1004
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
1005
1005
|
italic?: boolean | null | undefined;
|
|
1006
1006
|
colorToken?: string | null | undefined;
|
|
1007
1007
|
};
|
|
1008
1008
|
h2: {
|
|
1009
|
-
weight?: "
|
|
1010
|
-
letterSpacing?: "
|
|
1011
|
-
size?: "
|
|
1009
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
1010
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
1011
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
1012
1012
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
1013
1013
|
italic?: boolean | null | undefined;
|
|
1014
1014
|
colorToken?: string | null | undefined;
|
|
1015
1015
|
};
|
|
1016
1016
|
h3: {
|
|
1017
|
-
weight?: "
|
|
1018
|
-
letterSpacing?: "
|
|
1019
|
-
size?: "
|
|
1017
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
1018
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
1019
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
1020
1020
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
1021
1021
|
italic?: boolean | null | undefined;
|
|
1022
1022
|
colorToken?: string | null | undefined;
|
|
1023
1023
|
};
|
|
1024
1024
|
h4?: {
|
|
1025
|
-
weight?: "
|
|
1026
|
-
letterSpacing?: "
|
|
1027
|
-
size?: "
|
|
1025
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
1026
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
1027
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
1028
1028
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
1029
1029
|
italic?: boolean | null | undefined;
|
|
1030
1030
|
colorToken?: string | null | undefined;
|
|
1031
1031
|
} | undefined;
|
|
1032
1032
|
h5?: {
|
|
1033
|
-
weight?: "
|
|
1034
|
-
letterSpacing?: "
|
|
1035
|
-
size?: "
|
|
1033
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
1034
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
1035
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
1036
1036
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
1037
1037
|
italic?: boolean | null | undefined;
|
|
1038
1038
|
colorToken?: string | null | undefined;
|
|
1039
1039
|
} | undefined;
|
|
1040
1040
|
h6?: {
|
|
1041
|
-
weight?: "
|
|
1042
|
-
letterSpacing?: "
|
|
1043
|
-
size?: "
|
|
1041
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
1042
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
1043
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
1044
1044
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
1045
1045
|
italic?: boolean | null | undefined;
|
|
1046
1046
|
colorToken?: string | null | undefined;
|
|
1047
1047
|
} | undefined;
|
|
1048
1048
|
};
|
|
1049
|
-
scale: "compact" | "
|
|
1049
|
+
scale: "compact" | "balanced" | "spacious" | "minorThird" | "majorThird" | "perfectFourth";
|
|
1050
1050
|
proseLinkStyle?: {
|
|
1051
1051
|
colorToken?: string | undefined;
|
|
1052
1052
|
hoverColorToken?: string | undefined;
|
|
1053
1053
|
underline?: boolean | undefined;
|
|
1054
1054
|
decorationColorToken?: string | undefined;
|
|
1055
1055
|
hoverDecorationColorToken?: string | undefined;
|
|
1056
|
-
underlineStyle?: "
|
|
1057
|
-
underlineThickness?: "medium" | "auto" | "
|
|
1058
|
-
underlineOffset?: "
|
|
1056
|
+
underlineStyle?: "solid" | "dotted" | "dashed" | undefined;
|
|
1057
|
+
underlineThickness?: "medium" | "auto" | "fromFont" | "thin" | "thick" | undefined;
|
|
1058
|
+
underlineOffset?: "tight" | "normal" | "loose" | "auto" | undefined;
|
|
1059
1059
|
} | undefined;
|
|
1060
1060
|
};
|
|
1061
1061
|
space: "standard" | "comfortable" | "dense";
|
|
1062
1062
|
border: {
|
|
1063
|
-
width: "none" | "
|
|
1064
|
-
style: "
|
|
1063
|
+
width: "none" | "thin" | "thick" | "hairline";
|
|
1064
|
+
style: "solid" | "dashed";
|
|
1065
1065
|
};
|
|
1066
1066
|
shadow: {
|
|
1067
|
-
elevation: "
|
|
1068
|
-
softness: "
|
|
1067
|
+
elevation: "none" | "low" | "high" | "medium";
|
|
1068
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
1069
1069
|
position: "bottom" | "bottom-right";
|
|
1070
1070
|
};
|
|
1071
1071
|
motion: {
|
|
1072
|
-
level: "
|
|
1072
|
+
level: "off" | "low" | "high" | "medium";
|
|
1073
1073
|
easing: "standard" | "snappy" | "gentle" | null;
|
|
1074
1074
|
};
|
|
1075
|
-
corners: "
|
|
1075
|
+
corners: "soft" | "square" | "rounded" | "pill";
|
|
1076
1076
|
header: {
|
|
1077
1077
|
variant: "classic" | "centered" | "transparent" | "floating" | "editorial";
|
|
1078
|
-
positioning: "
|
|
1078
|
+
positioning: "fixed" | "static" | "sticky";
|
|
1079
1079
|
shrinkOnScroll: boolean;
|
|
1080
1080
|
maxWidth: "full" | "container";
|
|
1081
1081
|
background: {
|
|
@@ -1126,8 +1126,8 @@ export declare const mockThemes: {
|
|
|
1126
1126
|
} | null | undefined;
|
|
1127
1127
|
textColor?: string | null | undefined;
|
|
1128
1128
|
};
|
|
1129
|
-
navStyle: "
|
|
1130
|
-
navWeight: "
|
|
1129
|
+
navStyle: "minimal" | "scale" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
|
|
1130
|
+
navWeight: "bold" | "regular" | "medium" | "semibold";
|
|
1131
1131
|
navContainer: {
|
|
1132
1132
|
type: "none" | "pill" | "glass";
|
|
1133
1133
|
opacity: number;
|
|
@@ -1170,30 +1170,30 @@ export declare const mockThemes: {
|
|
|
1170
1170
|
textColor?: string | null | undefined;
|
|
1171
1171
|
navColor?: string | null | undefined;
|
|
1172
1172
|
container?: {
|
|
1173
|
-
rounded: "none" | "
|
|
1173
|
+
rounded: "none" | "md" | "lg" | "xl" | "sm" | "2xl";
|
|
1174
1174
|
border: boolean;
|
|
1175
1175
|
shadow: boolean;
|
|
1176
|
-
padding: "
|
|
1176
|
+
padding: "md" | "lg" | "sm";
|
|
1177
1177
|
opacity: number;
|
|
1178
1178
|
tint?: string | null | undefined;
|
|
1179
1179
|
} | undefined;
|
|
1180
1180
|
border?: {
|
|
1181
|
-
width: "
|
|
1182
|
-
style: "
|
|
1183
|
-
position: "none" | "
|
|
1181
|
+
width: "none" | "medium" | "thin" | "thick" | "hairline";
|
|
1182
|
+
style: "solid" | "dashed";
|
|
1183
|
+
position: "none" | "bottom" | "top" | "both";
|
|
1184
1184
|
colorToken?: string | undefined;
|
|
1185
1185
|
} | undefined;
|
|
1186
1186
|
shadow?: {
|
|
1187
|
-
elevation: "none" | "
|
|
1187
|
+
elevation: "none" | "md" | "lg" | "xl" | "sm" | "2xl";
|
|
1188
1188
|
} | undefined;
|
|
1189
1189
|
logo?: {
|
|
1190
1190
|
fontFamily: "body" | "heading";
|
|
1191
|
-
letterSpacing: "
|
|
1191
|
+
letterSpacing: "normal" | "wide" | "wider" | "widest";
|
|
1192
1192
|
gradient: boolean;
|
|
1193
1193
|
} | undefined;
|
|
1194
1194
|
logoText?: {
|
|
1195
1195
|
mobileWrapLines?: 1 | 2 | undefined;
|
|
1196
|
-
mobileMaxWidth?: "
|
|
1196
|
+
mobileMaxWidth?: "md" | "xs" | "sm" | undefined;
|
|
1197
1197
|
hideOnShrink?: boolean | undefined;
|
|
1198
1198
|
} | undefined;
|
|
1199
1199
|
navEffects?: {
|
|
@@ -1204,16 +1204,16 @@ export declare const mockThemes: {
|
|
|
1204
1204
|
} | undefined;
|
|
1205
1205
|
navLinkStyle?: {
|
|
1206
1206
|
colorToken: string;
|
|
1207
|
-
padding: "
|
|
1208
|
-
borderRadius: "full" | "none" | "
|
|
1207
|
+
padding: "default" | "none" | "compact";
|
|
1208
|
+
borderRadius: "full" | "none" | "md" | "sm";
|
|
1209
1209
|
typography: "body" | "heading";
|
|
1210
|
-
fontWeight: "
|
|
1211
|
-
textTransform: "none" | "
|
|
1210
|
+
fontWeight: "bold" | "regular" | "medium" | "semibold";
|
|
1211
|
+
textTransform: "none" | "uppercase" | "capitalize";
|
|
1212
1212
|
italic: boolean;
|
|
1213
|
-
textSize?: "
|
|
1214
|
-
letterSpacing?: "
|
|
1213
|
+
textSize?: "lg" | "xs" | "sm" | "base" | undefined;
|
|
1214
|
+
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
1215
1215
|
hoverColorToken?: string | null | undefined;
|
|
1216
|
-
paddingX?: "
|
|
1216
|
+
paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
1217
1217
|
effects?: {
|
|
1218
1218
|
base?: {
|
|
1219
1219
|
effectId: string;
|
|
@@ -1234,23 +1234,23 @@ export declare const mockThemes: {
|
|
|
1234
1234
|
} | undefined;
|
|
1235
1235
|
name?: string | undefined;
|
|
1236
1236
|
} | undefined;
|
|
1237
|
-
ctaGap?: "
|
|
1237
|
+
ctaGap?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
1238
1238
|
dropdownStyle?: {
|
|
1239
1239
|
background: string;
|
|
1240
1240
|
textColor: string;
|
|
1241
1241
|
borderColor: string | null;
|
|
1242
|
-
shadow: "none" | "
|
|
1243
|
-
borderRadius: "none" | "
|
|
1244
|
-
textTransform: "none" | "
|
|
1245
|
-
letterSpacing: "
|
|
1242
|
+
shadow: "none" | "md" | "lg" | "sm";
|
|
1243
|
+
borderRadius: "none" | "md" | "lg" | "sm";
|
|
1244
|
+
textTransform: "none" | "uppercase" | "capitalize";
|
|
1245
|
+
letterSpacing: "normal" | "wide" | "wider";
|
|
1246
1246
|
hoverBackground?: string | null | undefined;
|
|
1247
1247
|
hoverTextColor?: string | null | undefined;
|
|
1248
|
-
fontWeight?: "
|
|
1249
|
-
textSize?: "
|
|
1248
|
+
fontWeight?: "bold" | "regular" | "medium" | "semibold" | undefined;
|
|
1249
|
+
textSize?: "lg" | "xs" | "sm" | "base" | undefined;
|
|
1250
1250
|
} | undefined;
|
|
1251
1251
|
};
|
|
1252
1252
|
footer: {
|
|
1253
|
-
variant: "
|
|
1253
|
+
variant: "split" | "simple" | "columns";
|
|
1254
1254
|
maxWidth: "full" | "container";
|
|
1255
1255
|
background: {
|
|
1256
1256
|
type: "image" | "color" | "gradient";
|
|
@@ -1300,23 +1300,23 @@ export declare const mockThemes: {
|
|
|
1300
1300
|
} | null | undefined;
|
|
1301
1301
|
textColor?: string | null | undefined;
|
|
1302
1302
|
};
|
|
1303
|
-
navStyle: "
|
|
1304
|
-
navWeight: "
|
|
1305
|
-
mode?: "
|
|
1303
|
+
navStyle: "minimal" | "scale" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
|
|
1304
|
+
navWeight: "bold" | "regular" | "medium" | "semibold";
|
|
1305
|
+
mode?: "blocks" | "default" | "none" | "default+blocks" | undefined;
|
|
1306
1306
|
showLogoText?: boolean | undefined;
|
|
1307
1307
|
navColor?: string | null | undefined;
|
|
1308
1308
|
navLinkStyle?: {
|
|
1309
1309
|
colorToken: string;
|
|
1310
|
-
padding: "
|
|
1311
|
-
borderRadius: "full" | "none" | "
|
|
1310
|
+
padding: "default" | "none" | "compact";
|
|
1311
|
+
borderRadius: "full" | "none" | "md" | "sm";
|
|
1312
1312
|
typography: "body" | "heading";
|
|
1313
|
-
fontWeight: "
|
|
1314
|
-
textTransform: "none" | "
|
|
1313
|
+
fontWeight: "bold" | "regular" | "medium" | "semibold";
|
|
1314
|
+
textTransform: "none" | "uppercase" | "capitalize";
|
|
1315
1315
|
italic: boolean;
|
|
1316
|
-
textSize?: "
|
|
1317
|
-
letterSpacing?: "
|
|
1316
|
+
textSize?: "lg" | "xs" | "sm" | "base" | undefined;
|
|
1317
|
+
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
1318
1318
|
hoverColorToken?: string | null | undefined;
|
|
1319
|
-
paddingX?: "
|
|
1319
|
+
paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
1320
1320
|
effects?: {
|
|
1321
1321
|
base?: {
|
|
1322
1322
|
effectId: string;
|
|
@@ -1344,19 +1344,19 @@ export declare const mockThemes: {
|
|
|
1344
1344
|
underline?: boolean | undefined;
|
|
1345
1345
|
} | undefined;
|
|
1346
1346
|
navLayout?: {
|
|
1347
|
-
layout?: "
|
|
1348
|
-
align?: "
|
|
1349
|
-
gapX?: "
|
|
1350
|
-
gapY?: "
|
|
1347
|
+
layout?: "stack" | "inline" | "inline-wrap" | undefined;
|
|
1348
|
+
align?: "start" | "center" | "end" | "space-between" | undefined;
|
|
1349
|
+
gapX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
1350
|
+
gapY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
1351
1351
|
columns?: number | undefined;
|
|
1352
1352
|
} | undefined;
|
|
1353
1353
|
logo?: {
|
|
1354
1354
|
showLogo: boolean;
|
|
1355
1355
|
showLogoText?: boolean | undefined;
|
|
1356
1356
|
placement?: "left" | "right" | "above" | "below" | undefined;
|
|
1357
|
-
size?: "
|
|
1358
|
-
maxHeight?: "
|
|
1359
|
-
align?: "
|
|
1357
|
+
size?: "md" | "lg" | "xl" | "sm" | undefined;
|
|
1358
|
+
maxHeight?: "md" | "lg" | "xl" | "sm" | undefined;
|
|
1359
|
+
align?: "start" | "center" | "end" | undefined;
|
|
1360
1360
|
} | undefined;
|
|
1361
1361
|
bottomBar?: {
|
|
1362
1362
|
enabled?: boolean | undefined;
|
|
@@ -1411,11 +1411,11 @@ export declare const mockThemes: {
|
|
|
1411
1411
|
} | undefined;
|
|
1412
1412
|
textColor?: string | null | undefined;
|
|
1413
1413
|
textAlign?: "center" | "left" | "right" | undefined;
|
|
1414
|
-
paddingY?: "
|
|
1415
|
-
paddingX?: "
|
|
1414
|
+
paddingY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
1415
|
+
paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
1416
1416
|
borderTop?: {
|
|
1417
1417
|
colorToken?: string | null | undefined;
|
|
1418
|
-
width?: "
|
|
1418
|
+
width?: "none" | "medium" | "thin" | "thick" | undefined;
|
|
1419
1419
|
} | undefined;
|
|
1420
1420
|
} | undefined;
|
|
1421
1421
|
};
|
|
@@ -1427,56 +1427,56 @@ export declare const mockThemes: {
|
|
|
1427
1427
|
} | undefined;
|
|
1428
1428
|
layout?: {
|
|
1429
1429
|
containerPadding?: {
|
|
1430
|
-
mobile?: "
|
|
1431
|
-
tablet?: "
|
|
1432
|
-
desktop?: "
|
|
1430
|
+
mobile?: "default" | "compact" | "tight" | "relaxed" | undefined;
|
|
1431
|
+
tablet?: "default" | "compact" | "tight" | "relaxed" | undefined;
|
|
1432
|
+
desktop?: "default" | "compact" | "tight" | "relaxed" | undefined;
|
|
1433
1433
|
} | undefined;
|
|
1434
1434
|
} | undefined;
|
|
1435
1435
|
hero?: {
|
|
1436
1436
|
typography?: {
|
|
1437
|
-
headlineSize?: "
|
|
1438
|
-
headlineLineHeight?: "
|
|
1439
|
-
subheadlineSize?: "
|
|
1440
|
-
subheadlineLineHeight?: "
|
|
1441
|
-
microHeadlineSize?: "
|
|
1442
|
-
microHeadlineLineHeight?: "
|
|
1443
|
-
microSubheadlineSize?: "
|
|
1444
|
-
microSubheadlineLineHeight?: "
|
|
1437
|
+
headlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
1438
|
+
headlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
1439
|
+
subheadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
1440
|
+
subheadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
1441
|
+
microHeadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
1442
|
+
microHeadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
1443
|
+
microSubheadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
1444
|
+
microSubheadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
1445
1445
|
responsive?: {
|
|
1446
1446
|
tablet?: {
|
|
1447
|
-
headlineSize?: "
|
|
1448
|
-
headlineLineHeight?: "
|
|
1449
|
-
subheadlineSize?: "
|
|
1450
|
-
subheadlineLineHeight?: "
|
|
1447
|
+
headlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
1448
|
+
headlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
1449
|
+
subheadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
1450
|
+
subheadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
1451
1451
|
} | undefined;
|
|
1452
1452
|
mobile?: {
|
|
1453
|
-
headlineSize?: "
|
|
1454
|
-
headlineLineHeight?: "
|
|
1455
|
-
subheadlineSize?: "
|
|
1456
|
-
subheadlineLineHeight?: "
|
|
1453
|
+
headlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
1454
|
+
headlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
1455
|
+
subheadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
1456
|
+
subheadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
1457
1457
|
} | undefined;
|
|
1458
1458
|
} | undefined;
|
|
1459
1459
|
} | undefined;
|
|
1460
1460
|
} | undefined;
|
|
1461
1461
|
buttons?: {
|
|
1462
1462
|
global: {
|
|
1463
|
-
cornerStyle: "
|
|
1464
|
-
shadow: "
|
|
1465
|
-
textTransform: "none" | "
|
|
1466
|
-
fontWeight:
|
|
1463
|
+
cornerStyle: "square" | "rounded" | "pill";
|
|
1464
|
+
shadow: "none" | "low" | "high" | "medium";
|
|
1465
|
+
textTransform: "none" | "uppercase" | "capitalize" | "lowercase";
|
|
1466
|
+
fontWeight: 500 | 600 | 700;
|
|
1467
1467
|
borderWidth: 1 | 2 | 3;
|
|
1468
1468
|
hoverTransform: "none" | "scale" | "lift" | "press";
|
|
1469
|
-
hoverColor: "none" | "token" | "
|
|
1469
|
+
hoverColor: "none" | "token" | "brighten" | "darken" | "saturate";
|
|
1470
1470
|
cornerRadius?: number | undefined;
|
|
1471
1471
|
typography?: "body" | "heading" | undefined;
|
|
1472
1472
|
fontSize?: string | undefined;
|
|
1473
|
-
letterSpacing?: "
|
|
1473
|
+
letterSpacing?: "tight" | "normal" | "loose" | undefined;
|
|
1474
1474
|
italic?: boolean | undefined;
|
|
1475
|
-
paddingPreset?: "
|
|
1475
|
+
paddingPreset?: "default" | "compact" | "spacious" | undefined;
|
|
1476
1476
|
hoverColorToken?: string | undefined;
|
|
1477
1477
|
gradientStyle?: "linear" | "radial" | "conic" | undefined;
|
|
1478
1478
|
gradientAngle?: number | undefined;
|
|
1479
|
-
gradientSharpness?: "medium" | "
|
|
1479
|
+
gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
|
|
1480
1480
|
};
|
|
1481
1481
|
variants: {
|
|
1482
1482
|
id: string;
|
|
@@ -1496,8 +1496,8 @@ export declare const mockThemes: {
|
|
|
1496
1496
|
textColorToken: string;
|
|
1497
1497
|
borderRadius?: string | undefined;
|
|
1498
1498
|
shadow?: {
|
|
1499
|
-
elevation: "
|
|
1500
|
-
softness: "
|
|
1499
|
+
elevation: "none" | "low" | "high" | "medium";
|
|
1500
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
1501
1501
|
position: "bottom" | "bottom-right";
|
|
1502
1502
|
} | undefined;
|
|
1503
1503
|
border?: {
|
|
@@ -1578,13 +1578,13 @@ export declare const mockThemes: {
|
|
|
1578
1578
|
} | {
|
|
1579
1579
|
type: "transparent";
|
|
1580
1580
|
};
|
|
1581
|
-
spacing: "
|
|
1581
|
+
spacing: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy";
|
|
1582
1582
|
shadow?: {
|
|
1583
|
-
elevation: "
|
|
1584
|
-
softness: "
|
|
1583
|
+
elevation: "none" | "low" | "high" | "medium";
|
|
1584
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
1585
1585
|
position: "bottom" | "bottom-right";
|
|
1586
1586
|
} | undefined;
|
|
1587
|
-
corners?: "
|
|
1587
|
+
corners?: "soft" | "square" | "rounded" | "pill" | undefined;
|
|
1588
1588
|
border?: {
|
|
1589
1589
|
widthClass: string;
|
|
1590
1590
|
colorToken: string;
|
|
@@ -1596,25 +1596,25 @@ export declare const mockThemes: {
|
|
|
1596
1596
|
type: "solid";
|
|
1597
1597
|
colorToken: string;
|
|
1598
1598
|
};
|
|
1599
|
-
spacing: "
|
|
1600
|
-
corners: "
|
|
1599
|
+
spacing: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy";
|
|
1600
|
+
corners: "soft" | "square" | "rounded" | "pill" | null;
|
|
1601
1601
|
border: {
|
|
1602
1602
|
widthClass: string;
|
|
1603
1603
|
colorToken: string;
|
|
1604
1604
|
} | null;
|
|
1605
1605
|
shadow: {
|
|
1606
|
-
elevation: "
|
|
1607
|
-
softness: "
|
|
1606
|
+
elevation: "none" | "low" | "high" | "medium";
|
|
1607
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
1608
1608
|
position: "bottom" | "bottom-right";
|
|
1609
1609
|
} | null;
|
|
1610
1610
|
icon: {
|
|
1611
|
-
style: "
|
|
1611
|
+
style: "plus-minus" | "chevron" | "caret" | "arrow" | "circle-plus-minus";
|
|
1612
1612
|
position: "left" | "right";
|
|
1613
|
-
size: "
|
|
1613
|
+
size: "md" | "lg" | "sm";
|
|
1614
1614
|
};
|
|
1615
1615
|
trigger: {
|
|
1616
1616
|
textColorToken: string;
|
|
1617
|
-
fontWeight: "
|
|
1617
|
+
fontWeight: "bold" | "regular" | "medium" | "semibold" | null;
|
|
1618
1618
|
};
|
|
1619
1619
|
hover: {
|
|
1620
1620
|
backgroundColorToken?: string | undefined;
|
|
@@ -1639,20 +1639,20 @@ export declare const mockThemes: {
|
|
|
1639
1639
|
colorToken: string;
|
|
1640
1640
|
style?: "all" | "underline" | undefined;
|
|
1641
1641
|
};
|
|
1642
|
-
corners: "
|
|
1642
|
+
corners: "soft" | "square" | "rounded" | "pill" | null;
|
|
1643
1643
|
shadow: {
|
|
1644
|
-
elevation: "
|
|
1645
|
-
softness: "
|
|
1644
|
+
elevation: "none" | "low" | "medium";
|
|
1645
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
1646
1646
|
} | null;
|
|
1647
|
-
spacing: "
|
|
1648
|
-
fontSize: "
|
|
1647
|
+
spacing: "compact" | "medium" | "comfortable" | "cozy";
|
|
1648
|
+
fontSize: "lg" | "sm" | "base";
|
|
1649
1649
|
};
|
|
1650
1650
|
label: {
|
|
1651
1651
|
textColorToken: string;
|
|
1652
|
-
fontWeight: "
|
|
1653
|
-
fontSize: "
|
|
1654
|
-
textTransform?: "none" | "
|
|
1655
|
-
letterSpacing?: "
|
|
1652
|
+
fontWeight: "bold" | "regular" | "medium" | "semibold" | "black";
|
|
1653
|
+
fontSize: "xs" | "sm" | "base" | "2xs";
|
|
1654
|
+
textTransform?: "none" | "uppercase" | "capitalize" | "lowercase" | undefined;
|
|
1655
|
+
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
1656
1656
|
opacity?: number | undefined;
|
|
1657
1657
|
};
|
|
1658
1658
|
focus: {
|
|
@@ -1671,10 +1671,10 @@ export declare const mockThemes: {
|
|
|
1671
1671
|
};
|
|
1672
1672
|
} | undefined;
|
|
1673
1673
|
inputStyle?: {
|
|
1674
|
-
shape: "
|
|
1675
|
-
border: "
|
|
1674
|
+
shape: "soft" | "square" | "rounded" | "pill";
|
|
1675
|
+
border: "subtle" | "underline" | "defined";
|
|
1676
1676
|
focus: "underline" | "glow" | "ring";
|
|
1677
|
-
label: "
|
|
1677
|
+
label: "above" | "inside";
|
|
1678
1678
|
} | undefined;
|
|
1679
1679
|
blockCustomVars?: Record<string, Record<string, string>> | undefined;
|
|
1680
1680
|
blockOverrides?: Record<string, {
|
|
@@ -1685,9 +1685,9 @@ export declare const mockThemes: {
|
|
|
1685
1685
|
underline?: boolean | undefined;
|
|
1686
1686
|
decorationColorToken?: string | undefined;
|
|
1687
1687
|
hoverDecorationColorToken?: string | undefined;
|
|
1688
|
-
underlineStyle?: "
|
|
1689
|
-
underlineThickness?: "medium" | "auto" | "
|
|
1690
|
-
underlineOffset?: "
|
|
1688
|
+
underlineStyle?: "solid" | "dotted" | "dashed" | undefined;
|
|
1689
|
+
underlineThickness?: "medium" | "auto" | "fromFont" | "thin" | "thick" | undefined;
|
|
1690
|
+
underlineOffset?: "tight" | "normal" | "loose" | "auto" | undefined;
|
|
1691
1691
|
} | undefined;
|
|
1692
1692
|
} | undefined;
|
|
1693
1693
|
styles?: {
|
|
@@ -1730,7 +1730,7 @@ export declare const mockThemes: {
|
|
|
1730
1730
|
rotation?: 0 | 90 | 180 | 270 | undefined;
|
|
1731
1731
|
} | undefined;
|
|
1732
1732
|
} | null | undefined;
|
|
1733
|
-
objectFit?: "fill" | "
|
|
1733
|
+
objectFit?: "fill" | "custom" | "fit" | "original" | null | undefined;
|
|
1734
1734
|
scale?: string | null | undefined;
|
|
1735
1735
|
position?: string | null | undefined;
|
|
1736
1736
|
opacity?: number | null | undefined;
|
|
@@ -1743,7 +1743,7 @@ export declare const mockThemes: {
|
|
|
1743
1743
|
textColor?: string | null | undefined;
|
|
1744
1744
|
headingColor?: string | null | undefined;
|
|
1745
1745
|
} | null | undefined;
|
|
1746
|
-
spacing?: "
|
|
1746
|
+
spacing?: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy" | null | undefined;
|
|
1747
1747
|
minHeight?: "none" | "hero" | "immersive" | null | undefined;
|
|
1748
1748
|
} | null | undefined;
|
|
1749
1749
|
containerStyles?: {
|
|
@@ -1785,7 +1785,7 @@ export declare const mockThemes: {
|
|
|
1785
1785
|
rotation?: 0 | 90 | 180 | 270 | undefined;
|
|
1786
1786
|
} | undefined;
|
|
1787
1787
|
} | null | undefined;
|
|
1788
|
-
objectFit?: "fill" | "
|
|
1788
|
+
objectFit?: "fill" | "custom" | "fit" | "original" | null | undefined;
|
|
1789
1789
|
scale?: string | null | undefined;
|
|
1790
1790
|
position?: string | null | undefined;
|
|
1791
1791
|
opacity?: number | null | undefined;
|
|
@@ -1798,9 +1798,9 @@ export declare const mockThemes: {
|
|
|
1798
1798
|
textColor?: string | null | undefined;
|
|
1799
1799
|
headingColor?: string | null | undefined;
|
|
1800
1800
|
} | null | undefined;
|
|
1801
|
-
spacing?: "
|
|
1801
|
+
spacing?: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy" | null | undefined;
|
|
1802
1802
|
raised?: boolean | null | undefined;
|
|
1803
|
-
rounded?: "full" | "none" | "
|
|
1803
|
+
rounded?: "full" | "none" | "md" | "lg" | "xl" | "sm" | "2xl" | null | undefined;
|
|
1804
1804
|
fullWidth?: boolean | null | undefined;
|
|
1805
1805
|
} | null | undefined;
|
|
1806
1806
|
cardStyles?: {
|
|
@@ -1842,7 +1842,7 @@ export declare const mockThemes: {
|
|
|
1842
1842
|
rotation?: 0 | 90 | 180 | 270 | undefined;
|
|
1843
1843
|
} | undefined;
|
|
1844
1844
|
} | null | undefined;
|
|
1845
|
-
objectFit?: "fill" | "
|
|
1845
|
+
objectFit?: "fill" | "custom" | "fit" | "original" | null | undefined;
|
|
1846
1846
|
scale?: string | null | undefined;
|
|
1847
1847
|
position?: string | null | undefined;
|
|
1848
1848
|
opacity?: number | null | undefined;
|
|
@@ -1860,9 +1860,9 @@ export declare const mockThemes: {
|
|
|
1860
1860
|
width?: "1" | "2" | "3" | "none" | null | undefined;
|
|
1861
1861
|
colorToken?: string | null | undefined;
|
|
1862
1862
|
} | null | undefined;
|
|
1863
|
-
spacing?: "
|
|
1863
|
+
spacing?: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy" | null | undefined;
|
|
1864
1864
|
raised?: boolean | null | undefined;
|
|
1865
|
-
rounded?: "full" | "none" | "
|
|
1865
|
+
rounded?: "full" | "none" | "md" | "lg" | "xl" | "sm" | "2xl" | null | undefined;
|
|
1866
1866
|
} | null | undefined;
|
|
1867
1867
|
} | undefined;
|
|
1868
1868
|
}> | undefined;
|
|
@@ -1920,11 +1920,11 @@ export declare const mockThemes: {
|
|
|
1920
1920
|
description: string;
|
|
1921
1921
|
rationale: string;
|
|
1922
1922
|
axes: {
|
|
1923
|
-
tone: "
|
|
1923
|
+
tone: "bold" | "minimal" | "classic";
|
|
1924
1924
|
energy: "calm" | "vibrant";
|
|
1925
|
-
density: "
|
|
1926
|
-
mediaBias: "
|
|
1927
|
-
conversionBias: "low" | "
|
|
1925
|
+
density: "airy" | "regular" | "compact";
|
|
1926
|
+
mediaBias: "mixed" | "text" | "media";
|
|
1927
|
+
conversionBias: "low" | "med" | "high";
|
|
1928
1928
|
motion: "standard" | "subtle" | "expressive";
|
|
1929
1929
|
};
|
|
1930
1930
|
palette: {
|
|
@@ -1933,106 +1933,106 @@ export declare const mockThemes: {
|
|
|
1933
1933
|
hex: string;
|
|
1934
1934
|
}[];
|
|
1935
1935
|
meta: {
|
|
1936
|
-
mode: "
|
|
1936
|
+
mode: "light" | "dark";
|
|
1937
1937
|
};
|
|
1938
1938
|
};
|
|
1939
1939
|
typography: {
|
|
1940
1940
|
body: {
|
|
1941
1941
|
family: string;
|
|
1942
|
-
weight: "
|
|
1943
|
-
letterSpacing: "
|
|
1942
|
+
weight: "bold" | "regular" | "light" | "medium" | "semibold";
|
|
1943
|
+
letterSpacing: "tight" | "normal" | "loose";
|
|
1944
1944
|
lineHeight: "normal" | "loose" | "relaxed";
|
|
1945
1945
|
size: "md" | "lg" | "xl";
|
|
1946
1946
|
};
|
|
1947
1947
|
headings: {
|
|
1948
1948
|
default: {
|
|
1949
1949
|
family: string;
|
|
1950
|
-
weight: "
|
|
1951
|
-
letterSpacing: "
|
|
1950
|
+
weight: "bold" | "regular" | "light" | "medium" | "semibold";
|
|
1951
|
+
letterSpacing: "tight" | "normal" | "loose";
|
|
1952
1952
|
lineHeight: "normal" | "loose" | "relaxed";
|
|
1953
1953
|
case: "normal" | "uppercase" | "smallCaps" | null;
|
|
1954
1954
|
italic: boolean | null;
|
|
1955
1955
|
colorToken?: string | null | undefined;
|
|
1956
1956
|
};
|
|
1957
1957
|
h1: {
|
|
1958
|
-
weight?: "
|
|
1959
|
-
letterSpacing?: "
|
|
1960
|
-
size?: "
|
|
1958
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
1959
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
1960
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
1961
1961
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
1962
1962
|
italic?: boolean | null | undefined;
|
|
1963
1963
|
colorToken?: string | null | undefined;
|
|
1964
1964
|
};
|
|
1965
1965
|
h2: {
|
|
1966
|
-
weight?: "
|
|
1967
|
-
letterSpacing?: "
|
|
1968
|
-
size?: "
|
|
1966
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
1967
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
1968
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
1969
1969
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
1970
1970
|
italic?: boolean | null | undefined;
|
|
1971
1971
|
colorToken?: string | null | undefined;
|
|
1972
1972
|
};
|
|
1973
1973
|
h3: {
|
|
1974
|
-
weight?: "
|
|
1975
|
-
letterSpacing?: "
|
|
1976
|
-
size?: "
|
|
1974
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
1975
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
1976
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
1977
1977
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
1978
1978
|
italic?: boolean | null | undefined;
|
|
1979
1979
|
colorToken?: string | null | undefined;
|
|
1980
1980
|
};
|
|
1981
1981
|
h4?: {
|
|
1982
|
-
weight?: "
|
|
1983
|
-
letterSpacing?: "
|
|
1984
|
-
size?: "
|
|
1982
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
1983
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
1984
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
1985
1985
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
1986
1986
|
italic?: boolean | null | undefined;
|
|
1987
1987
|
colorToken?: string | null | undefined;
|
|
1988
1988
|
} | undefined;
|
|
1989
1989
|
h5?: {
|
|
1990
|
-
weight?: "
|
|
1991
|
-
letterSpacing?: "
|
|
1992
|
-
size?: "
|
|
1990
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
1991
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
1992
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
1993
1993
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
1994
1994
|
italic?: boolean | null | undefined;
|
|
1995
1995
|
colorToken?: string | null | undefined;
|
|
1996
1996
|
} | undefined;
|
|
1997
1997
|
h6?: {
|
|
1998
|
-
weight?: "
|
|
1999
|
-
letterSpacing?: "
|
|
2000
|
-
size?: "
|
|
1998
|
+
weight?: "bold" | "regular" | "light" | "medium" | "semibold" | null | undefined;
|
|
1999
|
+
letterSpacing?: "tight" | "normal" | "loose" | null | undefined;
|
|
2000
|
+
size?: "md" | "lg" | "xl" | "xs" | "sm" | "2xl" | null | undefined;
|
|
2001
2001
|
lineHeight?: "normal" | "loose" | "relaxed" | null | undefined;
|
|
2002
2002
|
italic?: boolean | null | undefined;
|
|
2003
2003
|
colorToken?: string | null | undefined;
|
|
2004
2004
|
} | undefined;
|
|
2005
2005
|
};
|
|
2006
|
-
scale: "compact" | "
|
|
2006
|
+
scale: "compact" | "balanced" | "spacious" | "minorThird" | "majorThird" | "perfectFourth";
|
|
2007
2007
|
proseLinkStyle?: {
|
|
2008
2008
|
colorToken?: string | undefined;
|
|
2009
2009
|
hoverColorToken?: string | undefined;
|
|
2010
2010
|
underline?: boolean | undefined;
|
|
2011
2011
|
decorationColorToken?: string | undefined;
|
|
2012
2012
|
hoverDecorationColorToken?: string | undefined;
|
|
2013
|
-
underlineStyle?: "
|
|
2014
|
-
underlineThickness?: "medium" | "auto" | "
|
|
2015
|
-
underlineOffset?: "
|
|
2013
|
+
underlineStyle?: "solid" | "dotted" | "dashed" | undefined;
|
|
2014
|
+
underlineThickness?: "medium" | "auto" | "fromFont" | "thin" | "thick" | undefined;
|
|
2015
|
+
underlineOffset?: "tight" | "normal" | "loose" | "auto" | undefined;
|
|
2016
2016
|
} | undefined;
|
|
2017
2017
|
};
|
|
2018
2018
|
space: "standard" | "comfortable" | "dense";
|
|
2019
2019
|
border: {
|
|
2020
|
-
width: "none" | "
|
|
2021
|
-
style: "
|
|
2020
|
+
width: "none" | "thin" | "thick" | "hairline";
|
|
2021
|
+
style: "solid" | "dashed";
|
|
2022
2022
|
};
|
|
2023
2023
|
shadow: {
|
|
2024
|
-
elevation: "
|
|
2025
|
-
softness: "
|
|
2024
|
+
elevation: "none" | "low" | "high" | "medium";
|
|
2025
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
2026
2026
|
position: "bottom" | "bottom-right";
|
|
2027
2027
|
};
|
|
2028
2028
|
motion: {
|
|
2029
|
-
level: "
|
|
2029
|
+
level: "off" | "low" | "high" | "medium";
|
|
2030
2030
|
easing: "standard" | "snappy" | "gentle" | null;
|
|
2031
2031
|
};
|
|
2032
|
-
corners: "
|
|
2032
|
+
corners: "soft" | "square" | "rounded" | "pill";
|
|
2033
2033
|
header: {
|
|
2034
2034
|
variant: "classic" | "centered" | "transparent" | "floating" | "editorial";
|
|
2035
|
-
positioning: "
|
|
2035
|
+
positioning: "fixed" | "static" | "sticky";
|
|
2036
2036
|
shrinkOnScroll: boolean;
|
|
2037
2037
|
maxWidth: "full" | "container";
|
|
2038
2038
|
background: {
|
|
@@ -2083,8 +2083,8 @@ export declare const mockThemes: {
|
|
|
2083
2083
|
} | null | undefined;
|
|
2084
2084
|
textColor?: string | null | undefined;
|
|
2085
2085
|
};
|
|
2086
|
-
navStyle: "
|
|
2087
|
-
navWeight: "
|
|
2086
|
+
navStyle: "minimal" | "scale" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
|
|
2087
|
+
navWeight: "bold" | "regular" | "medium" | "semibold";
|
|
2088
2088
|
navContainer: {
|
|
2089
2089
|
type: "none" | "pill" | "glass";
|
|
2090
2090
|
opacity: number;
|
|
@@ -2127,30 +2127,30 @@ export declare const mockThemes: {
|
|
|
2127
2127
|
textColor?: string | null | undefined;
|
|
2128
2128
|
navColor?: string | null | undefined;
|
|
2129
2129
|
container?: {
|
|
2130
|
-
rounded: "none" | "
|
|
2130
|
+
rounded: "none" | "md" | "lg" | "xl" | "sm" | "2xl";
|
|
2131
2131
|
border: boolean;
|
|
2132
2132
|
shadow: boolean;
|
|
2133
|
-
padding: "
|
|
2133
|
+
padding: "md" | "lg" | "sm";
|
|
2134
2134
|
opacity: number;
|
|
2135
2135
|
tint?: string | null | undefined;
|
|
2136
2136
|
} | undefined;
|
|
2137
2137
|
border?: {
|
|
2138
|
-
width: "
|
|
2139
|
-
style: "
|
|
2140
|
-
position: "none" | "
|
|
2138
|
+
width: "none" | "medium" | "thin" | "thick" | "hairline";
|
|
2139
|
+
style: "solid" | "dashed";
|
|
2140
|
+
position: "none" | "bottom" | "top" | "both";
|
|
2141
2141
|
colorToken?: string | undefined;
|
|
2142
2142
|
} | undefined;
|
|
2143
2143
|
shadow?: {
|
|
2144
|
-
elevation: "none" | "
|
|
2144
|
+
elevation: "none" | "md" | "lg" | "xl" | "sm" | "2xl";
|
|
2145
2145
|
} | undefined;
|
|
2146
2146
|
logo?: {
|
|
2147
2147
|
fontFamily: "body" | "heading";
|
|
2148
|
-
letterSpacing: "
|
|
2148
|
+
letterSpacing: "normal" | "wide" | "wider" | "widest";
|
|
2149
2149
|
gradient: boolean;
|
|
2150
2150
|
} | undefined;
|
|
2151
2151
|
logoText?: {
|
|
2152
2152
|
mobileWrapLines?: 1 | 2 | undefined;
|
|
2153
|
-
mobileMaxWidth?: "
|
|
2153
|
+
mobileMaxWidth?: "md" | "xs" | "sm" | undefined;
|
|
2154
2154
|
hideOnShrink?: boolean | undefined;
|
|
2155
2155
|
} | undefined;
|
|
2156
2156
|
navEffects?: {
|
|
@@ -2161,16 +2161,16 @@ export declare const mockThemes: {
|
|
|
2161
2161
|
} | undefined;
|
|
2162
2162
|
navLinkStyle?: {
|
|
2163
2163
|
colorToken: string;
|
|
2164
|
-
padding: "
|
|
2165
|
-
borderRadius: "full" | "none" | "
|
|
2164
|
+
padding: "default" | "none" | "compact";
|
|
2165
|
+
borderRadius: "full" | "none" | "md" | "sm";
|
|
2166
2166
|
typography: "body" | "heading";
|
|
2167
|
-
fontWeight: "
|
|
2168
|
-
textTransform: "none" | "
|
|
2167
|
+
fontWeight: "bold" | "regular" | "medium" | "semibold";
|
|
2168
|
+
textTransform: "none" | "uppercase" | "capitalize";
|
|
2169
2169
|
italic: boolean;
|
|
2170
|
-
textSize?: "
|
|
2171
|
-
letterSpacing?: "
|
|
2170
|
+
textSize?: "lg" | "xs" | "sm" | "base" | undefined;
|
|
2171
|
+
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
2172
2172
|
hoverColorToken?: string | null | undefined;
|
|
2173
|
-
paddingX?: "
|
|
2173
|
+
paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
2174
2174
|
effects?: {
|
|
2175
2175
|
base?: {
|
|
2176
2176
|
effectId: string;
|
|
@@ -2191,23 +2191,23 @@ export declare const mockThemes: {
|
|
|
2191
2191
|
} | undefined;
|
|
2192
2192
|
name?: string | undefined;
|
|
2193
2193
|
} | undefined;
|
|
2194
|
-
ctaGap?: "
|
|
2194
|
+
ctaGap?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
2195
2195
|
dropdownStyle?: {
|
|
2196
2196
|
background: string;
|
|
2197
2197
|
textColor: string;
|
|
2198
2198
|
borderColor: string | null;
|
|
2199
|
-
shadow: "none" | "
|
|
2200
|
-
borderRadius: "none" | "
|
|
2201
|
-
textTransform: "none" | "
|
|
2202
|
-
letterSpacing: "
|
|
2199
|
+
shadow: "none" | "md" | "lg" | "sm";
|
|
2200
|
+
borderRadius: "none" | "md" | "lg" | "sm";
|
|
2201
|
+
textTransform: "none" | "uppercase" | "capitalize";
|
|
2202
|
+
letterSpacing: "normal" | "wide" | "wider";
|
|
2203
2203
|
hoverBackground?: string | null | undefined;
|
|
2204
2204
|
hoverTextColor?: string | null | undefined;
|
|
2205
|
-
fontWeight?: "
|
|
2206
|
-
textSize?: "
|
|
2205
|
+
fontWeight?: "bold" | "regular" | "medium" | "semibold" | undefined;
|
|
2206
|
+
textSize?: "lg" | "xs" | "sm" | "base" | undefined;
|
|
2207
2207
|
} | undefined;
|
|
2208
2208
|
};
|
|
2209
2209
|
footer: {
|
|
2210
|
-
variant: "
|
|
2210
|
+
variant: "split" | "simple" | "columns";
|
|
2211
2211
|
maxWidth: "full" | "container";
|
|
2212
2212
|
background: {
|
|
2213
2213
|
type: "image" | "color" | "gradient";
|
|
@@ -2257,23 +2257,23 @@ export declare const mockThemes: {
|
|
|
2257
2257
|
} | null | undefined;
|
|
2258
2258
|
textColor?: string | null | undefined;
|
|
2259
2259
|
};
|
|
2260
|
-
navStyle: "
|
|
2261
|
-
navWeight: "
|
|
2262
|
-
mode?: "
|
|
2260
|
+
navStyle: "minimal" | "scale" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
|
|
2261
|
+
navWeight: "bold" | "regular" | "medium" | "semibold";
|
|
2262
|
+
mode?: "blocks" | "default" | "none" | "default+blocks" | undefined;
|
|
2263
2263
|
showLogoText?: boolean | undefined;
|
|
2264
2264
|
navColor?: string | null | undefined;
|
|
2265
2265
|
navLinkStyle?: {
|
|
2266
2266
|
colorToken: string;
|
|
2267
|
-
padding: "
|
|
2268
|
-
borderRadius: "full" | "none" | "
|
|
2267
|
+
padding: "default" | "none" | "compact";
|
|
2268
|
+
borderRadius: "full" | "none" | "md" | "sm";
|
|
2269
2269
|
typography: "body" | "heading";
|
|
2270
|
-
fontWeight: "
|
|
2271
|
-
textTransform: "none" | "
|
|
2270
|
+
fontWeight: "bold" | "regular" | "medium" | "semibold";
|
|
2271
|
+
textTransform: "none" | "uppercase" | "capitalize";
|
|
2272
2272
|
italic: boolean;
|
|
2273
|
-
textSize?: "
|
|
2274
|
-
letterSpacing?: "
|
|
2273
|
+
textSize?: "lg" | "xs" | "sm" | "base" | undefined;
|
|
2274
|
+
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
2275
2275
|
hoverColorToken?: string | null | undefined;
|
|
2276
|
-
paddingX?: "
|
|
2276
|
+
paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
2277
2277
|
effects?: {
|
|
2278
2278
|
base?: {
|
|
2279
2279
|
effectId: string;
|
|
@@ -2301,19 +2301,19 @@ export declare const mockThemes: {
|
|
|
2301
2301
|
underline?: boolean | undefined;
|
|
2302
2302
|
} | undefined;
|
|
2303
2303
|
navLayout?: {
|
|
2304
|
-
layout?: "
|
|
2305
|
-
align?: "
|
|
2306
|
-
gapX?: "
|
|
2307
|
-
gapY?: "
|
|
2304
|
+
layout?: "stack" | "inline" | "inline-wrap" | undefined;
|
|
2305
|
+
align?: "start" | "center" | "end" | "space-between" | undefined;
|
|
2306
|
+
gapX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
2307
|
+
gapY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
2308
2308
|
columns?: number | undefined;
|
|
2309
2309
|
} | undefined;
|
|
2310
2310
|
logo?: {
|
|
2311
2311
|
showLogo: boolean;
|
|
2312
2312
|
showLogoText?: boolean | undefined;
|
|
2313
2313
|
placement?: "left" | "right" | "above" | "below" | undefined;
|
|
2314
|
-
size?: "
|
|
2315
|
-
maxHeight?: "
|
|
2316
|
-
align?: "
|
|
2314
|
+
size?: "md" | "lg" | "xl" | "sm" | undefined;
|
|
2315
|
+
maxHeight?: "md" | "lg" | "xl" | "sm" | undefined;
|
|
2316
|
+
align?: "start" | "center" | "end" | undefined;
|
|
2317
2317
|
} | undefined;
|
|
2318
2318
|
bottomBar?: {
|
|
2319
2319
|
enabled?: boolean | undefined;
|
|
@@ -2368,11 +2368,11 @@ export declare const mockThemes: {
|
|
|
2368
2368
|
} | undefined;
|
|
2369
2369
|
textColor?: string | null | undefined;
|
|
2370
2370
|
textAlign?: "center" | "left" | "right" | undefined;
|
|
2371
|
-
paddingY?: "
|
|
2372
|
-
paddingX?: "
|
|
2371
|
+
paddingY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
2372
|
+
paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
|
|
2373
2373
|
borderTop?: {
|
|
2374
2374
|
colorToken?: string | null | undefined;
|
|
2375
|
-
width?: "
|
|
2375
|
+
width?: "none" | "medium" | "thin" | "thick" | undefined;
|
|
2376
2376
|
} | undefined;
|
|
2377
2377
|
} | undefined;
|
|
2378
2378
|
};
|
|
@@ -2384,56 +2384,56 @@ export declare const mockThemes: {
|
|
|
2384
2384
|
} | undefined;
|
|
2385
2385
|
layout?: {
|
|
2386
2386
|
containerPadding?: {
|
|
2387
|
-
mobile?: "
|
|
2388
|
-
tablet?: "
|
|
2389
|
-
desktop?: "
|
|
2387
|
+
mobile?: "default" | "compact" | "tight" | "relaxed" | undefined;
|
|
2388
|
+
tablet?: "default" | "compact" | "tight" | "relaxed" | undefined;
|
|
2389
|
+
desktop?: "default" | "compact" | "tight" | "relaxed" | undefined;
|
|
2390
2390
|
} | undefined;
|
|
2391
2391
|
} | undefined;
|
|
2392
2392
|
hero?: {
|
|
2393
2393
|
typography?: {
|
|
2394
|
-
headlineSize?: "
|
|
2395
|
-
headlineLineHeight?: "
|
|
2396
|
-
subheadlineSize?: "
|
|
2397
|
-
subheadlineLineHeight?: "
|
|
2398
|
-
microHeadlineSize?: "
|
|
2399
|
-
microHeadlineLineHeight?: "
|
|
2400
|
-
microSubheadlineSize?: "
|
|
2401
|
-
microSubheadlineLineHeight?: "
|
|
2394
|
+
headlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
2395
|
+
headlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
2396
|
+
subheadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
2397
|
+
subheadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
2398
|
+
microHeadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
2399
|
+
microHeadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
2400
|
+
microSubheadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
2401
|
+
microSubheadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
2402
2402
|
responsive?: {
|
|
2403
2403
|
tablet?: {
|
|
2404
|
-
headlineSize?: "
|
|
2405
|
-
headlineLineHeight?: "
|
|
2406
|
-
subheadlineSize?: "
|
|
2407
|
-
subheadlineLineHeight?: "
|
|
2404
|
+
headlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
2405
|
+
headlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
2406
|
+
subheadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
2407
|
+
subheadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
2408
2408
|
} | undefined;
|
|
2409
2409
|
mobile?: {
|
|
2410
|
-
headlineSize?: "
|
|
2411
|
-
headlineLineHeight?: "
|
|
2412
|
-
subheadlineSize?: "
|
|
2413
|
-
subheadlineLineHeight?: "
|
|
2410
|
+
headlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
2411
|
+
headlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
2412
|
+
subheadlineSize?: "lg" | "xl" | "sm" | "2xl" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
2413
|
+
subheadlineLineHeight?: "tight" | "normal" | "relaxed" | "snug" | undefined;
|
|
2414
2414
|
} | undefined;
|
|
2415
2415
|
} | undefined;
|
|
2416
2416
|
} | undefined;
|
|
2417
2417
|
} | undefined;
|
|
2418
2418
|
buttons?: {
|
|
2419
2419
|
global: {
|
|
2420
|
-
cornerStyle: "
|
|
2421
|
-
shadow: "
|
|
2422
|
-
textTransform: "none" | "
|
|
2423
|
-
fontWeight:
|
|
2420
|
+
cornerStyle: "square" | "rounded" | "pill";
|
|
2421
|
+
shadow: "none" | "low" | "high" | "medium";
|
|
2422
|
+
textTransform: "none" | "uppercase" | "capitalize" | "lowercase";
|
|
2423
|
+
fontWeight: 500 | 600 | 700;
|
|
2424
2424
|
borderWidth: 1 | 2 | 3;
|
|
2425
2425
|
hoverTransform: "none" | "scale" | "lift" | "press";
|
|
2426
|
-
hoverColor: "none" | "token" | "
|
|
2426
|
+
hoverColor: "none" | "token" | "brighten" | "darken" | "saturate";
|
|
2427
2427
|
cornerRadius?: number | undefined;
|
|
2428
2428
|
typography?: "body" | "heading" | undefined;
|
|
2429
2429
|
fontSize?: string | undefined;
|
|
2430
|
-
letterSpacing?: "
|
|
2430
|
+
letterSpacing?: "tight" | "normal" | "loose" | undefined;
|
|
2431
2431
|
italic?: boolean | undefined;
|
|
2432
|
-
paddingPreset?: "
|
|
2432
|
+
paddingPreset?: "default" | "compact" | "spacious" | undefined;
|
|
2433
2433
|
hoverColorToken?: string | undefined;
|
|
2434
2434
|
gradientStyle?: "linear" | "radial" | "conic" | undefined;
|
|
2435
2435
|
gradientAngle?: number | undefined;
|
|
2436
|
-
gradientSharpness?: "medium" | "
|
|
2436
|
+
gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
|
|
2437
2437
|
};
|
|
2438
2438
|
variants: {
|
|
2439
2439
|
id: string;
|
|
@@ -2453,8 +2453,8 @@ export declare const mockThemes: {
|
|
|
2453
2453
|
textColorToken: string;
|
|
2454
2454
|
borderRadius?: string | undefined;
|
|
2455
2455
|
shadow?: {
|
|
2456
|
-
elevation: "
|
|
2457
|
-
softness: "
|
|
2456
|
+
elevation: "none" | "low" | "high" | "medium";
|
|
2457
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
2458
2458
|
position: "bottom" | "bottom-right";
|
|
2459
2459
|
} | undefined;
|
|
2460
2460
|
border?: {
|
|
@@ -2535,13 +2535,13 @@ export declare const mockThemes: {
|
|
|
2535
2535
|
} | {
|
|
2536
2536
|
type: "transparent";
|
|
2537
2537
|
};
|
|
2538
|
-
spacing: "
|
|
2538
|
+
spacing: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy";
|
|
2539
2539
|
shadow?: {
|
|
2540
|
-
elevation: "
|
|
2541
|
-
softness: "
|
|
2540
|
+
elevation: "none" | "low" | "high" | "medium";
|
|
2541
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
2542
2542
|
position: "bottom" | "bottom-right";
|
|
2543
2543
|
} | undefined;
|
|
2544
|
-
corners?: "
|
|
2544
|
+
corners?: "soft" | "square" | "rounded" | "pill" | undefined;
|
|
2545
2545
|
border?: {
|
|
2546
2546
|
widthClass: string;
|
|
2547
2547
|
colorToken: string;
|
|
@@ -2553,25 +2553,25 @@ export declare const mockThemes: {
|
|
|
2553
2553
|
type: "solid";
|
|
2554
2554
|
colorToken: string;
|
|
2555
2555
|
};
|
|
2556
|
-
spacing: "
|
|
2557
|
-
corners: "
|
|
2556
|
+
spacing: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy";
|
|
2557
|
+
corners: "soft" | "square" | "rounded" | "pill" | null;
|
|
2558
2558
|
border: {
|
|
2559
2559
|
widthClass: string;
|
|
2560
2560
|
colorToken: string;
|
|
2561
2561
|
} | null;
|
|
2562
2562
|
shadow: {
|
|
2563
|
-
elevation: "
|
|
2564
|
-
softness: "
|
|
2563
|
+
elevation: "none" | "low" | "high" | "medium";
|
|
2564
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
2565
2565
|
position: "bottom" | "bottom-right";
|
|
2566
2566
|
} | null;
|
|
2567
2567
|
icon: {
|
|
2568
|
-
style: "
|
|
2568
|
+
style: "plus-minus" | "chevron" | "caret" | "arrow" | "circle-plus-minus";
|
|
2569
2569
|
position: "left" | "right";
|
|
2570
|
-
size: "
|
|
2570
|
+
size: "md" | "lg" | "sm";
|
|
2571
2571
|
};
|
|
2572
2572
|
trigger: {
|
|
2573
2573
|
textColorToken: string;
|
|
2574
|
-
fontWeight: "
|
|
2574
|
+
fontWeight: "bold" | "regular" | "medium" | "semibold" | null;
|
|
2575
2575
|
};
|
|
2576
2576
|
hover: {
|
|
2577
2577
|
backgroundColorToken?: string | undefined;
|
|
@@ -2596,20 +2596,20 @@ export declare const mockThemes: {
|
|
|
2596
2596
|
colorToken: string;
|
|
2597
2597
|
style?: "all" | "underline" | undefined;
|
|
2598
2598
|
};
|
|
2599
|
-
corners: "
|
|
2599
|
+
corners: "soft" | "square" | "rounded" | "pill" | null;
|
|
2600
2600
|
shadow: {
|
|
2601
|
-
elevation: "
|
|
2602
|
-
softness: "
|
|
2601
|
+
elevation: "none" | "low" | "medium";
|
|
2602
|
+
softness: "crisp" | "soft" | "hard" | null;
|
|
2603
2603
|
} | null;
|
|
2604
|
-
spacing: "
|
|
2605
|
-
fontSize: "
|
|
2604
|
+
spacing: "compact" | "medium" | "comfortable" | "cozy";
|
|
2605
|
+
fontSize: "lg" | "sm" | "base";
|
|
2606
2606
|
};
|
|
2607
2607
|
label: {
|
|
2608
2608
|
textColorToken: string;
|
|
2609
|
-
fontWeight: "
|
|
2610
|
-
fontSize: "
|
|
2611
|
-
textTransform?: "none" | "
|
|
2612
|
-
letterSpacing?: "
|
|
2609
|
+
fontWeight: "bold" | "regular" | "medium" | "semibold" | "black";
|
|
2610
|
+
fontSize: "xs" | "sm" | "base" | "2xs";
|
|
2611
|
+
textTransform?: "none" | "uppercase" | "capitalize" | "lowercase" | undefined;
|
|
2612
|
+
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
2613
2613
|
opacity?: number | undefined;
|
|
2614
2614
|
};
|
|
2615
2615
|
focus: {
|
|
@@ -2628,10 +2628,10 @@ export declare const mockThemes: {
|
|
|
2628
2628
|
};
|
|
2629
2629
|
} | undefined;
|
|
2630
2630
|
inputStyle?: {
|
|
2631
|
-
shape: "
|
|
2632
|
-
border: "
|
|
2631
|
+
shape: "soft" | "square" | "rounded" | "pill";
|
|
2632
|
+
border: "subtle" | "underline" | "defined";
|
|
2633
2633
|
focus: "underline" | "glow" | "ring";
|
|
2634
|
-
label: "
|
|
2634
|
+
label: "above" | "inside";
|
|
2635
2635
|
} | undefined;
|
|
2636
2636
|
blockCustomVars?: Record<string, Record<string, string>> | undefined;
|
|
2637
2637
|
blockOverrides?: Record<string, {
|
|
@@ -2642,9 +2642,9 @@ export declare const mockThemes: {
|
|
|
2642
2642
|
underline?: boolean | undefined;
|
|
2643
2643
|
decorationColorToken?: string | undefined;
|
|
2644
2644
|
hoverDecorationColorToken?: string | undefined;
|
|
2645
|
-
underlineStyle?: "
|
|
2646
|
-
underlineThickness?: "medium" | "auto" | "
|
|
2647
|
-
underlineOffset?: "
|
|
2645
|
+
underlineStyle?: "solid" | "dotted" | "dashed" | undefined;
|
|
2646
|
+
underlineThickness?: "medium" | "auto" | "fromFont" | "thin" | "thick" | undefined;
|
|
2647
|
+
underlineOffset?: "tight" | "normal" | "loose" | "auto" | undefined;
|
|
2648
2648
|
} | undefined;
|
|
2649
2649
|
} | undefined;
|
|
2650
2650
|
styles?: {
|
|
@@ -2687,7 +2687,7 @@ export declare const mockThemes: {
|
|
|
2687
2687
|
rotation?: 0 | 90 | 180 | 270 | undefined;
|
|
2688
2688
|
} | undefined;
|
|
2689
2689
|
} | null | undefined;
|
|
2690
|
-
objectFit?: "fill" | "
|
|
2690
|
+
objectFit?: "fill" | "custom" | "fit" | "original" | null | undefined;
|
|
2691
2691
|
scale?: string | null | undefined;
|
|
2692
2692
|
position?: string | null | undefined;
|
|
2693
2693
|
opacity?: number | null | undefined;
|
|
@@ -2700,7 +2700,7 @@ export declare const mockThemes: {
|
|
|
2700
2700
|
textColor?: string | null | undefined;
|
|
2701
2701
|
headingColor?: string | null | undefined;
|
|
2702
2702
|
} | null | undefined;
|
|
2703
|
-
spacing?: "
|
|
2703
|
+
spacing?: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy" | null | undefined;
|
|
2704
2704
|
minHeight?: "none" | "hero" | "immersive" | null | undefined;
|
|
2705
2705
|
} | null | undefined;
|
|
2706
2706
|
containerStyles?: {
|
|
@@ -2742,7 +2742,7 @@ export declare const mockThemes: {
|
|
|
2742
2742
|
rotation?: 0 | 90 | 180 | 270 | undefined;
|
|
2743
2743
|
} | undefined;
|
|
2744
2744
|
} | null | undefined;
|
|
2745
|
-
objectFit?: "fill" | "
|
|
2745
|
+
objectFit?: "fill" | "custom" | "fit" | "original" | null | undefined;
|
|
2746
2746
|
scale?: string | null | undefined;
|
|
2747
2747
|
position?: string | null | undefined;
|
|
2748
2748
|
opacity?: number | null | undefined;
|
|
@@ -2755,9 +2755,9 @@ export declare const mockThemes: {
|
|
|
2755
2755
|
textColor?: string | null | undefined;
|
|
2756
2756
|
headingColor?: string | null | undefined;
|
|
2757
2757
|
} | null | undefined;
|
|
2758
|
-
spacing?: "
|
|
2758
|
+
spacing?: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy" | null | undefined;
|
|
2759
2759
|
raised?: boolean | null | undefined;
|
|
2760
|
-
rounded?: "full" | "none" | "
|
|
2760
|
+
rounded?: "full" | "none" | "md" | "lg" | "xl" | "sm" | "2xl" | null | undefined;
|
|
2761
2761
|
fullWidth?: boolean | null | undefined;
|
|
2762
2762
|
} | null | undefined;
|
|
2763
2763
|
cardStyles?: {
|
|
@@ -2799,7 +2799,7 @@ export declare const mockThemes: {
|
|
|
2799
2799
|
rotation?: 0 | 90 | 180 | 270 | undefined;
|
|
2800
2800
|
} | undefined;
|
|
2801
2801
|
} | null | undefined;
|
|
2802
|
-
objectFit?: "fill" | "
|
|
2802
|
+
objectFit?: "fill" | "custom" | "fit" | "original" | null | undefined;
|
|
2803
2803
|
scale?: string | null | undefined;
|
|
2804
2804
|
position?: string | null | undefined;
|
|
2805
2805
|
opacity?: number | null | undefined;
|
|
@@ -2817,9 +2817,9 @@ export declare const mockThemes: {
|
|
|
2817
2817
|
width?: "1" | "2" | "3" | "none" | null | undefined;
|
|
2818
2818
|
colorToken?: string | null | undefined;
|
|
2819
2819
|
} | null | undefined;
|
|
2820
|
-
spacing?: "
|
|
2820
|
+
spacing?: "none" | "compact" | "medium" | "spacious" | "comfortable" | "cozy" | null | undefined;
|
|
2821
2821
|
raised?: boolean | null | undefined;
|
|
2822
|
-
rounded?: "full" | "none" | "
|
|
2822
|
+
rounded?: "full" | "none" | "md" | "lg" | "xl" | "sm" | "2xl" | null | undefined;
|
|
2823
2823
|
} | null | undefined;
|
|
2824
2824
|
} | undefined;
|
|
2825
2825
|
}> | undefined;
|