@lando-labs/lando-ds-mcp 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +526 -0
- package/LICENSE +202 -0
- package/NOTICE +4 -0
- package/README.md +170 -0
- package/build/data/ds-meta.json +1 -0
- package/build/data/ds-meta.schema.json +282 -0
- package/build/data/ds-meta.verbose.json +1 -0
- package/build/data/icon-metadata.d.ts +64 -0
- package/build/data/icon-metadata.d.ts.map +1 -0
- package/build/data/icon-metadata.js +1128 -0
- package/build/data/icon-metadata.js.map +1 -0
- package/build/data/lucide-icon-names.d.ts +12 -0
- package/build/data/lucide-icon-names.d.ts.map +1 -0
- package/build/data/lucide-icon-names.js +1653 -0
- package/build/data/lucide-icon-names.js.map +1 -0
- package/build/data/lucide-icons.d.ts +41 -0
- package/build/data/lucide-icons.d.ts.map +1 -0
- package/build/data/lucide-icons.js +80 -0
- package/build/data/lucide-icons.js.map +1 -0
- package/build/data/rn-tokens-snapshot.d.ts +753 -0
- package/build/data/rn-tokens-snapshot.d.ts.map +1 -0
- package/build/data/rn-tokens-snapshot.js +286 -0
- package/build/data/rn-tokens-snapshot.js.map +1 -0
- package/build/index.d.ts +18 -0
- package/build/index.d.ts.map +1 -0
- package/build/index.js +411 -0
- package/build/index.js.map +1 -0
- package/build/prompts/index.d.ts +16 -0
- package/build/prompts/index.d.ts.map +1 -0
- package/build/prompts/index.js +145 -0
- package/build/prompts/index.js.map +1 -0
- package/build/resources/code-examples.d.ts +6 -0
- package/build/resources/code-examples.d.ts.map +1 -0
- package/build/resources/code-examples.js +278 -0
- package/build/resources/code-examples.js.map +1 -0
- package/build/resources/design-tokens.d.ts +6 -0
- package/build/resources/design-tokens.d.ts.map +1 -0
- package/build/resources/design-tokens.js +128 -0
- package/build/resources/design-tokens.js.map +1 -0
- package/build/resources/index.d.ts +19 -0
- package/build/resources/index.d.ts.map +1 -0
- package/build/resources/index.js +80 -0
- package/build/resources/index.js.map +1 -0
- package/build/test.d.ts +12 -0
- package/build/test.d.ts.map +1 -0
- package/build/test.js +680 -0
- package/build/test.js.map +1 -0
- package/build/tools/compose-components.d.ts +40 -0
- package/build/tools/compose-components.d.ts.map +1 -0
- package/build/tools/compose-components.js +61 -0
- package/build/tools/compose-components.js.map +1 -0
- package/build/tools/get-animation-examples.d.ts +30 -0
- package/build/tools/get-animation-examples.d.ts.map +1 -0
- package/build/tools/get-animation-examples.js +484 -0
- package/build/tools/get-animation-examples.js.map +1 -0
- package/build/tools/get-component-capabilities.d.ts +43 -0
- package/build/tools/get-component-capabilities.d.ts.map +1 -0
- package/build/tools/get-component-capabilities.js +108 -0
- package/build/tools/get-component-capabilities.js.map +1 -0
- package/build/tools/get-component-props.d.ts +23 -0
- package/build/tools/get-component-props.d.ts.map +1 -0
- package/build/tools/get-component-props.js +46 -0
- package/build/tools/get-component-props.js.map +1 -0
- package/build/tools/get-component-reference.d.ts +25 -0
- package/build/tools/get-component-reference.d.ts.map +1 -0
- package/build/tools/get-component-reference.js +112 -0
- package/build/tools/get-component-reference.js.map +1 -0
- package/build/tools/get-component.d.ts +25 -0
- package/build/tools/get-component.d.ts.map +1 -0
- package/build/tools/get-component.js +60 -0
- package/build/tools/get-component.js.map +1 -0
- package/build/tools/get-composition-hints.d.ts +22 -0
- package/build/tools/get-composition-hints.d.ts.map +1 -0
- package/build/tools/get-composition-hints.js +39 -0
- package/build/tools/get-composition-hints.js.map +1 -0
- package/build/tools/get-design-tokens.d.ts +24 -0
- package/build/tools/get-design-tokens.d.ts.map +1 -0
- package/build/tools/get-design-tokens.js +96 -0
- package/build/tools/get-design-tokens.js.map +1 -0
- package/build/tools/get-ds-metadata.d.ts +16 -0
- package/build/tools/get-ds-metadata.d.ts.map +1 -0
- package/build/tools/get-ds-metadata.js +65 -0
- package/build/tools/get-ds-metadata.js.map +1 -0
- package/build/tools/get-hook.d.ts +19 -0
- package/build/tools/get-hook.d.ts.map +1 -0
- package/build/tools/get-hook.js +46 -0
- package/build/tools/get-hook.js.map +1 -0
- package/build/tools/get-theme-presets.d.ts +13 -0
- package/build/tools/get-theme-presets.d.ts.map +1 -0
- package/build/tools/get-theme-presets.js +41 -0
- package/build/tools/get-theme-presets.js.map +1 -0
- package/build/tools/list-components.d.ts +29 -0
- package/build/tools/list-components.d.ts.map +1 -0
- package/build/tools/list-components.js +88 -0
- package/build/tools/list-components.js.map +1 -0
- package/build/tools/list-hooks.d.ts +22 -0
- package/build/tools/list-hooks.d.ts.map +1 -0
- package/build/tools/list-hooks.js +80 -0
- package/build/tools/list-hooks.js.map +1 -0
- package/build/tools/list-icons.d.ts +28 -0
- package/build/tools/list-icons.d.ts.map +1 -0
- package/build/tools/list-icons.js +161 -0
- package/build/tools/list-icons.js.map +1 -0
- package/build/tools/platform-transform.d.ts +64 -0
- package/build/tools/platform-transform.d.ts.map +1 -0
- package/build/tools/platform-transform.js +117 -0
- package/build/tools/platform-transform.js.map +1 -0
- package/build/tools/platform.d.ts +76 -0
- package/build/tools/platform.d.ts.map +1 -0
- package/build/tools/platform.js +80 -0
- package/build/tools/platform.js.map +1 -0
- package/build/tools/search-icons.d.ts +28 -0
- package/build/tools/search-icons.d.ts.map +1 -0
- package/build/tools/search-icons.js +257 -0
- package/build/tools/search-icons.js.map +1 -0
- package/build/utils/error-envelope.d.ts +14 -0
- package/build/utils/error-envelope.d.ts.map +1 -0
- package/build/utils/error-envelope.js +35 -0
- package/build/utils/error-envelope.js.map +1 -0
- package/build/utils/icon-library.d.ts +17 -0
- package/build/utils/icon-library.d.ts.map +1 -0
- package/build/utils/icon-library.js +24 -0
- package/build/utils/icon-library.js.map +1 -0
- package/build/utils/jsx-safety.d.ts +47 -0
- package/build/utils/jsx-safety.d.ts.map +1 -0
- package/build/utils/jsx-safety.js +63 -0
- package/build/utils/jsx-safety.js.map +1 -0
- package/build/utils/meta-loader.d.ts +37 -0
- package/build/utils/meta-loader.d.ts.map +1 -0
- package/build/utils/meta-loader.js +114 -0
- package/build/utils/meta-loader.js.map +1 -0
- package/package.json +60 -0
|
@@ -0,0 +1,753 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* React Native token snapshot — Sprint 29, Lane H (#245).
|
|
3
|
+
*
|
|
4
|
+
* Mirrors the numeric primitives exported by `@lando-labs/design-system/tokens`
|
|
5
|
+
* as of v0.14.2 (post Sprint 25 normalization). The web rendering path
|
|
6
|
+
* composes CSS strings via `src/utils/tokens-web.ts`; RN consumers want the
|
|
7
|
+
* raw numbers, so we ship them directly.
|
|
8
|
+
*
|
|
9
|
+
* Why embed instead of import? The MCP server is a standalone npm package
|
|
10
|
+
* (`@lando-labs/design-system-mcp`) that does not depend on
|
|
11
|
+
* `@lando-labs/design-system` itself — adding that dependency would couple
|
|
12
|
+
* MCP releases to DS releases and bloat the package. The shapes here are
|
|
13
|
+
* narrow, stable, and small enough that embedding is the pragmatic path
|
|
14
|
+
* for AI consumers.
|
|
15
|
+
*
|
|
16
|
+
* Drift policy: if a token primitive shape changes upstream (e.g. a new
|
|
17
|
+
* radius scale, a new easing tuple), update this snapshot to match and
|
|
18
|
+
* bump the MCP server's minor version. Tests under
|
|
19
|
+
* `mcp-server/src/__tests__/` exercise the RN output shape so drift is
|
|
20
|
+
* caught at CI time.
|
|
21
|
+
*
|
|
22
|
+
* @see /Users/lando/lando-labs/lando-labs-design-system/src/tokens/index.ts
|
|
23
|
+
*/
|
|
24
|
+
import type { Platform } from '../tools/platform.js';
|
|
25
|
+
/** A single shadow layer (mirrors `ShadowLayer` from `src/tokens/shadows.ts`). */
|
|
26
|
+
export interface ShadowLayer {
|
|
27
|
+
x: number;
|
|
28
|
+
y: number;
|
|
29
|
+
blur: number;
|
|
30
|
+
spread: number;
|
|
31
|
+
color: string;
|
|
32
|
+
inset?: boolean;
|
|
33
|
+
}
|
|
34
|
+
/** "no shadow" sentinel, distinct from an empty array. */
|
|
35
|
+
export type ShadowValue = readonly ShadowLayer[] | 'none';
|
|
36
|
+
/** Cubic-bezier 4-tuple. */
|
|
37
|
+
export type EasingBezier = readonly [number, number, number, number];
|
|
38
|
+
/** Colors — hex strings. Works on both platforms identically. */
|
|
39
|
+
export declare const colors: {
|
|
40
|
+
readonly ocean: {
|
|
41
|
+
readonly lightest: "#E6F4F7";
|
|
42
|
+
readonly lighter: "#B3DDE8";
|
|
43
|
+
readonly light: "#66C2D9";
|
|
44
|
+
readonly base: "#2BA3D4";
|
|
45
|
+
readonly medium: "#1B7FA8";
|
|
46
|
+
readonly dark: "#136080";
|
|
47
|
+
readonly darker: "#0D4358";
|
|
48
|
+
readonly darkest: "#082A38";
|
|
49
|
+
};
|
|
50
|
+
readonly teal: {
|
|
51
|
+
readonly lightest: "#E6F7F7";
|
|
52
|
+
readonly lighter: "#B3EBEB";
|
|
53
|
+
readonly light: "#66D9D9";
|
|
54
|
+
readonly base: "#2DBFBF";
|
|
55
|
+
readonly medium: "#1A9999";
|
|
56
|
+
readonly dark: "#127373";
|
|
57
|
+
readonly darker: "#0C4D4D";
|
|
58
|
+
readonly darkest: "#062929";
|
|
59
|
+
};
|
|
60
|
+
readonly neutral: {
|
|
61
|
+
readonly white: "#FFFFFF";
|
|
62
|
+
readonly 50: "#F8FAFB";
|
|
63
|
+
readonly 100: "#F1F5F7";
|
|
64
|
+
readonly 200: "#E1E8ED";
|
|
65
|
+
readonly 300: "#C7D3DB";
|
|
66
|
+
readonly 400: "#B0BEC5";
|
|
67
|
+
readonly 500: "#90A4AE";
|
|
68
|
+
readonly 600: "#607D8B";
|
|
69
|
+
readonly 700: "#455A64";
|
|
70
|
+
readonly 800: "#37474F";
|
|
71
|
+
readonly 900: "#263238";
|
|
72
|
+
readonly black: "#000000";
|
|
73
|
+
};
|
|
74
|
+
readonly semantic: {
|
|
75
|
+
readonly success: {
|
|
76
|
+
readonly lightest: "#E6F7F7";
|
|
77
|
+
readonly light: "#66D9D9";
|
|
78
|
+
readonly base: "#2DBFBF";
|
|
79
|
+
readonly dark: "#1A9999";
|
|
80
|
+
readonly darkest: "#0C4D4D";
|
|
81
|
+
};
|
|
82
|
+
readonly warning: {
|
|
83
|
+
readonly lightest: "#FEF3E2";
|
|
84
|
+
readonly light: "#FCD980";
|
|
85
|
+
readonly base: "#F59E0B";
|
|
86
|
+
readonly dark: "#D97706";
|
|
87
|
+
readonly darkest: "#92400E";
|
|
88
|
+
};
|
|
89
|
+
readonly error: {
|
|
90
|
+
readonly lightest: "#FEE2E2";
|
|
91
|
+
readonly light: "#FCA5A5";
|
|
92
|
+
readonly base: "#EF4444";
|
|
93
|
+
readonly dark: "#DC2626";
|
|
94
|
+
readonly darkest: "#7F1D1D";
|
|
95
|
+
};
|
|
96
|
+
readonly info: {
|
|
97
|
+
readonly lightest: "#E6F4F7";
|
|
98
|
+
readonly light: "#66C2D9";
|
|
99
|
+
readonly base: "#2BA3D4";
|
|
100
|
+
readonly dark: "#1B7FA8";
|
|
101
|
+
readonly darkest: "#0D4358";
|
|
102
|
+
};
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
/** Spacing — numbers in px (RN consumes directly). */
|
|
106
|
+
export declare const spacing: {
|
|
107
|
+
readonly none: 0;
|
|
108
|
+
readonly '2xs': 4;
|
|
109
|
+
readonly xs: 8;
|
|
110
|
+
readonly sm: 12;
|
|
111
|
+
readonly md: 16;
|
|
112
|
+
readonly lg: 24;
|
|
113
|
+
readonly xl: 32;
|
|
114
|
+
readonly '2xl': 48;
|
|
115
|
+
readonly '3xl': 64;
|
|
116
|
+
readonly '4xl': 96;
|
|
117
|
+
};
|
|
118
|
+
/** Radius — numbers in px. `full` maps to a value larger than any practical
|
|
119
|
+
* half-min-dimension, mirroring the canonical `RADIUS_FULL = 9999`. */
|
|
120
|
+
export declare const radius: {
|
|
121
|
+
readonly none: 0;
|
|
122
|
+
readonly xs: 2;
|
|
123
|
+
readonly sm: 4;
|
|
124
|
+
readonly md: 6;
|
|
125
|
+
readonly lg: 8;
|
|
126
|
+
readonly xl: 12;
|
|
127
|
+
readonly '2xl': 16;
|
|
128
|
+
readonly '3xl': 24;
|
|
129
|
+
readonly '4xl': 32;
|
|
130
|
+
readonly full: 9999;
|
|
131
|
+
};
|
|
132
|
+
/** Typography — numeric font sizes (px), unitless weights + line-heights,
|
|
133
|
+
* letter-spacing in em (RN consumers multiply by fontSize). */
|
|
134
|
+
export declare const typography: {
|
|
135
|
+
readonly fontSize: {
|
|
136
|
+
readonly '2xs': 10;
|
|
137
|
+
readonly xs: 13;
|
|
138
|
+
readonly sm: 14;
|
|
139
|
+
readonly base: 16;
|
|
140
|
+
readonly lg: 18;
|
|
141
|
+
readonly xl: 20;
|
|
142
|
+
readonly '2xl': 25;
|
|
143
|
+
readonly '3xl': 31;
|
|
144
|
+
readonly '4xl': 39;
|
|
145
|
+
readonly '5xl': 49;
|
|
146
|
+
readonly '6xl': 61;
|
|
147
|
+
readonly '7xl': 76;
|
|
148
|
+
};
|
|
149
|
+
readonly fontWeight: {
|
|
150
|
+
readonly normal: 400;
|
|
151
|
+
readonly medium: 500;
|
|
152
|
+
readonly semibold: 600;
|
|
153
|
+
readonly bold: 700;
|
|
154
|
+
readonly extrabold: 800;
|
|
155
|
+
};
|
|
156
|
+
readonly lineHeight: {
|
|
157
|
+
readonly none: 1;
|
|
158
|
+
readonly tight: 1.25;
|
|
159
|
+
readonly snug: 1.375;
|
|
160
|
+
readonly normal: 1.5;
|
|
161
|
+
readonly relaxed: 1.625;
|
|
162
|
+
readonly loose: 2;
|
|
163
|
+
};
|
|
164
|
+
readonly letterSpacing: {
|
|
165
|
+
readonly tighter: -0.05;
|
|
166
|
+
readonly tight: -0.025;
|
|
167
|
+
readonly normal: 0;
|
|
168
|
+
readonly wide: 0.025;
|
|
169
|
+
readonly wider: 0.05;
|
|
170
|
+
readonly widest: 0.1;
|
|
171
|
+
};
|
|
172
|
+
};
|
|
173
|
+
/** Single-name font families for RN font loading (`expo-font`, native assets). */
|
|
174
|
+
export declare const fontFamilyPrimary: {
|
|
175
|
+
readonly base: "Inter";
|
|
176
|
+
readonly mono: "JetBrains Mono";
|
|
177
|
+
readonly display: "Inter";
|
|
178
|
+
};
|
|
179
|
+
/** Shadows — multi-layer arrays. Web composes to `box-shadow`; RN consumes
|
|
180
|
+
* layer-by-layer (iOS shadow props + Android elevation approximation). */
|
|
181
|
+
export declare const shadows: {
|
|
182
|
+
readonly light: {
|
|
183
|
+
readonly none: "none";
|
|
184
|
+
readonly xs: readonly [{
|
|
185
|
+
readonly x: 0;
|
|
186
|
+
readonly y: 1;
|
|
187
|
+
readonly blur: 2;
|
|
188
|
+
readonly spread: 0;
|
|
189
|
+
readonly color: "rgba(27, 127, 168, 0.05)";
|
|
190
|
+
}];
|
|
191
|
+
readonly sm: readonly [{
|
|
192
|
+
readonly x: 0;
|
|
193
|
+
readonly y: 1;
|
|
194
|
+
readonly blur: 3;
|
|
195
|
+
readonly spread: 0;
|
|
196
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
197
|
+
}, {
|
|
198
|
+
readonly x: 0;
|
|
199
|
+
readonly y: 1;
|
|
200
|
+
readonly blur: 2;
|
|
201
|
+
readonly spread: -1;
|
|
202
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
203
|
+
}];
|
|
204
|
+
readonly md: readonly [{
|
|
205
|
+
readonly x: 0;
|
|
206
|
+
readonly y: 4;
|
|
207
|
+
readonly blur: 6;
|
|
208
|
+
readonly spread: -1;
|
|
209
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
210
|
+
}, {
|
|
211
|
+
readonly x: 0;
|
|
212
|
+
readonly y: 2;
|
|
213
|
+
readonly blur: 4;
|
|
214
|
+
readonly spread: -2;
|
|
215
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
216
|
+
}];
|
|
217
|
+
readonly lg: readonly [{
|
|
218
|
+
readonly x: 0;
|
|
219
|
+
readonly y: 10;
|
|
220
|
+
readonly blur: 15;
|
|
221
|
+
readonly spread: -3;
|
|
222
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
223
|
+
}, {
|
|
224
|
+
readonly x: 0;
|
|
225
|
+
readonly y: 4;
|
|
226
|
+
readonly blur: 6;
|
|
227
|
+
readonly spread: -4;
|
|
228
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
229
|
+
}];
|
|
230
|
+
readonly xl: readonly [{
|
|
231
|
+
readonly x: 0;
|
|
232
|
+
readonly y: 20;
|
|
233
|
+
readonly blur: 25;
|
|
234
|
+
readonly spread: -5;
|
|
235
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
236
|
+
}, {
|
|
237
|
+
readonly x: 0;
|
|
238
|
+
readonly y: 8;
|
|
239
|
+
readonly blur: 10;
|
|
240
|
+
readonly spread: -6;
|
|
241
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
242
|
+
}];
|
|
243
|
+
readonly '2xl': readonly [{
|
|
244
|
+
readonly x: 0;
|
|
245
|
+
readonly y: 25;
|
|
246
|
+
readonly blur: 50;
|
|
247
|
+
readonly spread: -12;
|
|
248
|
+
readonly color: "rgba(27, 127, 168, 0.25)";
|
|
249
|
+
}];
|
|
250
|
+
readonly inner: readonly [{
|
|
251
|
+
readonly x: 0;
|
|
252
|
+
readonly y: 2;
|
|
253
|
+
readonly blur: 4;
|
|
254
|
+
readonly spread: 0;
|
|
255
|
+
readonly color: "rgba(27, 127, 168, 0.05)";
|
|
256
|
+
readonly inset: true;
|
|
257
|
+
}];
|
|
258
|
+
readonly outline: readonly [{
|
|
259
|
+
readonly x: 0;
|
|
260
|
+
readonly y: 0;
|
|
261
|
+
readonly blur: 0;
|
|
262
|
+
readonly spread: 3;
|
|
263
|
+
readonly color: "rgba(43, 163, 212, 0.5)";
|
|
264
|
+
}];
|
|
265
|
+
};
|
|
266
|
+
readonly dark: {
|
|
267
|
+
readonly none: "none";
|
|
268
|
+
readonly xs: readonly [{
|
|
269
|
+
readonly x: 0;
|
|
270
|
+
readonly y: 1;
|
|
271
|
+
readonly blur: 2;
|
|
272
|
+
readonly spread: 0;
|
|
273
|
+
readonly color: "rgba(0, 0, 0, 0.3)";
|
|
274
|
+
}];
|
|
275
|
+
readonly sm: readonly [{
|
|
276
|
+
readonly x: 0;
|
|
277
|
+
readonly y: 1;
|
|
278
|
+
readonly blur: 3;
|
|
279
|
+
readonly spread: 0;
|
|
280
|
+
readonly color: "rgba(0, 0, 0, 0.4)";
|
|
281
|
+
}, {
|
|
282
|
+
readonly x: 0;
|
|
283
|
+
readonly y: 1;
|
|
284
|
+
readonly blur: 2;
|
|
285
|
+
readonly spread: -1;
|
|
286
|
+
readonly color: "rgba(0, 0, 0, 0.4)";
|
|
287
|
+
}];
|
|
288
|
+
readonly md: readonly [{
|
|
289
|
+
readonly x: 0;
|
|
290
|
+
readonly y: 4;
|
|
291
|
+
readonly blur: 6;
|
|
292
|
+
readonly spread: -1;
|
|
293
|
+
readonly color: "rgba(0, 0, 0, 0.4)";
|
|
294
|
+
}, {
|
|
295
|
+
readonly x: 0;
|
|
296
|
+
readonly y: 2;
|
|
297
|
+
readonly blur: 4;
|
|
298
|
+
readonly spread: -2;
|
|
299
|
+
readonly color: "rgba(0, 0, 0, 0.4)";
|
|
300
|
+
}];
|
|
301
|
+
readonly lg: readonly [{
|
|
302
|
+
readonly x: 0;
|
|
303
|
+
readonly y: 10;
|
|
304
|
+
readonly blur: 15;
|
|
305
|
+
readonly spread: -3;
|
|
306
|
+
readonly color: "rgba(0, 0, 0, 0.4)";
|
|
307
|
+
}, {
|
|
308
|
+
readonly x: 0;
|
|
309
|
+
readonly y: 4;
|
|
310
|
+
readonly blur: 6;
|
|
311
|
+
readonly spread: -4;
|
|
312
|
+
readonly color: "rgba(0, 0, 0, 0.4)";
|
|
313
|
+
}];
|
|
314
|
+
readonly xl: readonly [{
|
|
315
|
+
readonly x: 0;
|
|
316
|
+
readonly y: 20;
|
|
317
|
+
readonly blur: 25;
|
|
318
|
+
readonly spread: -5;
|
|
319
|
+
readonly color: "rgba(0, 0, 0, 0.5)";
|
|
320
|
+
}, {
|
|
321
|
+
readonly x: 0;
|
|
322
|
+
readonly y: 8;
|
|
323
|
+
readonly blur: 10;
|
|
324
|
+
readonly spread: -6;
|
|
325
|
+
readonly color: "rgba(0, 0, 0, 0.5)";
|
|
326
|
+
}];
|
|
327
|
+
readonly '2xl': readonly [{
|
|
328
|
+
readonly x: 0;
|
|
329
|
+
readonly y: 25;
|
|
330
|
+
readonly blur: 50;
|
|
331
|
+
readonly spread: -12;
|
|
332
|
+
readonly color: "rgba(0, 0, 0, 0.6)";
|
|
333
|
+
}];
|
|
334
|
+
readonly inner: readonly [{
|
|
335
|
+
readonly x: 0;
|
|
336
|
+
readonly y: 2;
|
|
337
|
+
readonly blur: 4;
|
|
338
|
+
readonly spread: 0;
|
|
339
|
+
readonly color: "rgba(0, 0, 0, 0.3)";
|
|
340
|
+
readonly inset: true;
|
|
341
|
+
}];
|
|
342
|
+
readonly outline: readonly [{
|
|
343
|
+
readonly x: 0;
|
|
344
|
+
readonly y: 0;
|
|
345
|
+
readonly blur: 0;
|
|
346
|
+
readonly spread: 3;
|
|
347
|
+
readonly color: "rgba(43, 163, 212, 0.5)";
|
|
348
|
+
}];
|
|
349
|
+
};
|
|
350
|
+
};
|
|
351
|
+
/**
|
|
352
|
+
* Animation — durations as numbers (ms); easings as cubic-bezier 4-tuples
|
|
353
|
+
* (or the `'linear'` sentinel). RN consumers feed durations to
|
|
354
|
+
* `Animated.timing()` and easings to `Easing.bezier(...args)`.
|
|
355
|
+
*/
|
|
356
|
+
export declare const animation: {
|
|
357
|
+
readonly duration: {
|
|
358
|
+
readonly instant: 0;
|
|
359
|
+
readonly fastest: 50;
|
|
360
|
+
readonly faster: 100;
|
|
361
|
+
readonly fast: 150;
|
|
362
|
+
readonly normal: 200;
|
|
363
|
+
readonly slow: 300;
|
|
364
|
+
readonly slower: 500;
|
|
365
|
+
readonly slowest: 700;
|
|
366
|
+
};
|
|
367
|
+
readonly easing: {
|
|
368
|
+
readonly linear: "linear";
|
|
369
|
+
readonly easeIn: readonly [0.4, 0, 1, 1];
|
|
370
|
+
readonly easeOut: readonly [0, 0, 0.2, 1];
|
|
371
|
+
readonly easeInOut: readonly [0.4, 0, 0.2, 1];
|
|
372
|
+
readonly wave: readonly [0.4, 0, 0.2, 1];
|
|
373
|
+
readonly surge: readonly [0.34, 1.56, 0.64, 1];
|
|
374
|
+
readonly ripple: readonly [0.25, 0.46, 0.45, 0.94];
|
|
375
|
+
readonly tide: readonly [0.65, 0, 0.35, 1];
|
|
376
|
+
readonly bounce: readonly [0.68, -0.55, 0.265, 1.55];
|
|
377
|
+
readonly elastic: readonly [0.175, 0.885, 0.32, 1.275];
|
|
378
|
+
};
|
|
379
|
+
readonly delay: {
|
|
380
|
+
readonly none: 0;
|
|
381
|
+
readonly shortest: 50;
|
|
382
|
+
readonly short: 100;
|
|
383
|
+
readonly medium: 150;
|
|
384
|
+
readonly long: 200;
|
|
385
|
+
readonly longest: 300;
|
|
386
|
+
};
|
|
387
|
+
};
|
|
388
|
+
/** Breakpoints — numbers in px. Same on both platforms but RN consumers
|
|
389
|
+
* typically use `Dimensions`/`useWindowDimensions` instead of media queries. */
|
|
390
|
+
export declare const breakpoints: {
|
|
391
|
+
readonly sm: 640;
|
|
392
|
+
readonly md: 768;
|
|
393
|
+
readonly lg: 1024;
|
|
394
|
+
readonly xl: 1280;
|
|
395
|
+
readonly '2xl': 1536;
|
|
396
|
+
};
|
|
397
|
+
/**
|
|
398
|
+
* Compose the full RN token bundle in the shape AI consumers expect.
|
|
399
|
+
* Kept as a function (not a top-level const) so test fixtures can call it
|
|
400
|
+
* with a stable identity per invocation.
|
|
401
|
+
*/
|
|
402
|
+
export declare function buildRnTokenBundle(): {
|
|
403
|
+
colors: {
|
|
404
|
+
readonly ocean: {
|
|
405
|
+
readonly lightest: "#E6F4F7";
|
|
406
|
+
readonly lighter: "#B3DDE8";
|
|
407
|
+
readonly light: "#66C2D9";
|
|
408
|
+
readonly base: "#2BA3D4";
|
|
409
|
+
readonly medium: "#1B7FA8";
|
|
410
|
+
readonly dark: "#136080";
|
|
411
|
+
readonly darker: "#0D4358";
|
|
412
|
+
readonly darkest: "#082A38";
|
|
413
|
+
};
|
|
414
|
+
readonly teal: {
|
|
415
|
+
readonly lightest: "#E6F7F7";
|
|
416
|
+
readonly lighter: "#B3EBEB";
|
|
417
|
+
readonly light: "#66D9D9";
|
|
418
|
+
readonly base: "#2DBFBF";
|
|
419
|
+
readonly medium: "#1A9999";
|
|
420
|
+
readonly dark: "#127373";
|
|
421
|
+
readonly darker: "#0C4D4D";
|
|
422
|
+
readonly darkest: "#062929";
|
|
423
|
+
};
|
|
424
|
+
readonly neutral: {
|
|
425
|
+
readonly white: "#FFFFFF";
|
|
426
|
+
readonly 50: "#F8FAFB";
|
|
427
|
+
readonly 100: "#F1F5F7";
|
|
428
|
+
readonly 200: "#E1E8ED";
|
|
429
|
+
readonly 300: "#C7D3DB";
|
|
430
|
+
readonly 400: "#B0BEC5";
|
|
431
|
+
readonly 500: "#90A4AE";
|
|
432
|
+
readonly 600: "#607D8B";
|
|
433
|
+
readonly 700: "#455A64";
|
|
434
|
+
readonly 800: "#37474F";
|
|
435
|
+
readonly 900: "#263238";
|
|
436
|
+
readonly black: "#000000";
|
|
437
|
+
};
|
|
438
|
+
readonly semantic: {
|
|
439
|
+
readonly success: {
|
|
440
|
+
readonly lightest: "#E6F7F7";
|
|
441
|
+
readonly light: "#66D9D9";
|
|
442
|
+
readonly base: "#2DBFBF";
|
|
443
|
+
readonly dark: "#1A9999";
|
|
444
|
+
readonly darkest: "#0C4D4D";
|
|
445
|
+
};
|
|
446
|
+
readonly warning: {
|
|
447
|
+
readonly lightest: "#FEF3E2";
|
|
448
|
+
readonly light: "#FCD980";
|
|
449
|
+
readonly base: "#F59E0B";
|
|
450
|
+
readonly dark: "#D97706";
|
|
451
|
+
readonly darkest: "#92400E";
|
|
452
|
+
};
|
|
453
|
+
readonly error: {
|
|
454
|
+
readonly lightest: "#FEE2E2";
|
|
455
|
+
readonly light: "#FCA5A5";
|
|
456
|
+
readonly base: "#EF4444";
|
|
457
|
+
readonly dark: "#DC2626";
|
|
458
|
+
readonly darkest: "#7F1D1D";
|
|
459
|
+
};
|
|
460
|
+
readonly info: {
|
|
461
|
+
readonly lightest: "#E6F4F7";
|
|
462
|
+
readonly light: "#66C2D9";
|
|
463
|
+
readonly base: "#2BA3D4";
|
|
464
|
+
readonly dark: "#1B7FA8";
|
|
465
|
+
readonly darkest: "#0D4358";
|
|
466
|
+
};
|
|
467
|
+
};
|
|
468
|
+
};
|
|
469
|
+
spacing: {
|
|
470
|
+
readonly none: 0;
|
|
471
|
+
readonly '2xs': 4;
|
|
472
|
+
readonly xs: 8;
|
|
473
|
+
readonly sm: 12;
|
|
474
|
+
readonly md: 16;
|
|
475
|
+
readonly lg: 24;
|
|
476
|
+
readonly xl: 32;
|
|
477
|
+
readonly '2xl': 48;
|
|
478
|
+
readonly '3xl': 64;
|
|
479
|
+
readonly '4xl': 96;
|
|
480
|
+
};
|
|
481
|
+
radius: {
|
|
482
|
+
readonly none: 0;
|
|
483
|
+
readonly xs: 2;
|
|
484
|
+
readonly sm: 4;
|
|
485
|
+
readonly md: 6;
|
|
486
|
+
readonly lg: 8;
|
|
487
|
+
readonly xl: 12;
|
|
488
|
+
readonly '2xl': 16;
|
|
489
|
+
readonly '3xl': 24;
|
|
490
|
+
readonly '4xl': 32;
|
|
491
|
+
readonly full: 9999;
|
|
492
|
+
};
|
|
493
|
+
typography: {
|
|
494
|
+
readonly fontSize: {
|
|
495
|
+
readonly '2xs': 10;
|
|
496
|
+
readonly xs: 13;
|
|
497
|
+
readonly sm: 14;
|
|
498
|
+
readonly base: 16;
|
|
499
|
+
readonly lg: 18;
|
|
500
|
+
readonly xl: 20;
|
|
501
|
+
readonly '2xl': 25;
|
|
502
|
+
readonly '3xl': 31;
|
|
503
|
+
readonly '4xl': 39;
|
|
504
|
+
readonly '5xl': 49;
|
|
505
|
+
readonly '6xl': 61;
|
|
506
|
+
readonly '7xl': 76;
|
|
507
|
+
};
|
|
508
|
+
readonly fontWeight: {
|
|
509
|
+
readonly normal: 400;
|
|
510
|
+
readonly medium: 500;
|
|
511
|
+
readonly semibold: 600;
|
|
512
|
+
readonly bold: 700;
|
|
513
|
+
readonly extrabold: 800;
|
|
514
|
+
};
|
|
515
|
+
readonly lineHeight: {
|
|
516
|
+
readonly none: 1;
|
|
517
|
+
readonly tight: 1.25;
|
|
518
|
+
readonly snug: 1.375;
|
|
519
|
+
readonly normal: 1.5;
|
|
520
|
+
readonly relaxed: 1.625;
|
|
521
|
+
readonly loose: 2;
|
|
522
|
+
};
|
|
523
|
+
readonly letterSpacing: {
|
|
524
|
+
readonly tighter: -0.05;
|
|
525
|
+
readonly tight: -0.025;
|
|
526
|
+
readonly normal: 0;
|
|
527
|
+
readonly wide: 0.025;
|
|
528
|
+
readonly wider: 0.05;
|
|
529
|
+
readonly widest: 0.1;
|
|
530
|
+
};
|
|
531
|
+
};
|
|
532
|
+
fontFamilyPrimary: {
|
|
533
|
+
readonly base: "Inter";
|
|
534
|
+
readonly mono: "JetBrains Mono";
|
|
535
|
+
readonly display: "Inter";
|
|
536
|
+
};
|
|
537
|
+
shadows: {
|
|
538
|
+
readonly light: {
|
|
539
|
+
readonly none: "none";
|
|
540
|
+
readonly xs: readonly [{
|
|
541
|
+
readonly x: 0;
|
|
542
|
+
readonly y: 1;
|
|
543
|
+
readonly blur: 2;
|
|
544
|
+
readonly spread: 0;
|
|
545
|
+
readonly color: "rgba(27, 127, 168, 0.05)";
|
|
546
|
+
}];
|
|
547
|
+
readonly sm: readonly [{
|
|
548
|
+
readonly x: 0;
|
|
549
|
+
readonly y: 1;
|
|
550
|
+
readonly blur: 3;
|
|
551
|
+
readonly spread: 0;
|
|
552
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
553
|
+
}, {
|
|
554
|
+
readonly x: 0;
|
|
555
|
+
readonly y: 1;
|
|
556
|
+
readonly blur: 2;
|
|
557
|
+
readonly spread: -1;
|
|
558
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
559
|
+
}];
|
|
560
|
+
readonly md: readonly [{
|
|
561
|
+
readonly x: 0;
|
|
562
|
+
readonly y: 4;
|
|
563
|
+
readonly blur: 6;
|
|
564
|
+
readonly spread: -1;
|
|
565
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
566
|
+
}, {
|
|
567
|
+
readonly x: 0;
|
|
568
|
+
readonly y: 2;
|
|
569
|
+
readonly blur: 4;
|
|
570
|
+
readonly spread: -2;
|
|
571
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
572
|
+
}];
|
|
573
|
+
readonly lg: readonly [{
|
|
574
|
+
readonly x: 0;
|
|
575
|
+
readonly y: 10;
|
|
576
|
+
readonly blur: 15;
|
|
577
|
+
readonly spread: -3;
|
|
578
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
579
|
+
}, {
|
|
580
|
+
readonly x: 0;
|
|
581
|
+
readonly y: 4;
|
|
582
|
+
readonly blur: 6;
|
|
583
|
+
readonly spread: -4;
|
|
584
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
585
|
+
}];
|
|
586
|
+
readonly xl: readonly [{
|
|
587
|
+
readonly x: 0;
|
|
588
|
+
readonly y: 20;
|
|
589
|
+
readonly blur: 25;
|
|
590
|
+
readonly spread: -5;
|
|
591
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
592
|
+
}, {
|
|
593
|
+
readonly x: 0;
|
|
594
|
+
readonly y: 8;
|
|
595
|
+
readonly blur: 10;
|
|
596
|
+
readonly spread: -6;
|
|
597
|
+
readonly color: "rgba(27, 127, 168, 0.1)";
|
|
598
|
+
}];
|
|
599
|
+
readonly '2xl': readonly [{
|
|
600
|
+
readonly x: 0;
|
|
601
|
+
readonly y: 25;
|
|
602
|
+
readonly blur: 50;
|
|
603
|
+
readonly spread: -12;
|
|
604
|
+
readonly color: "rgba(27, 127, 168, 0.25)";
|
|
605
|
+
}];
|
|
606
|
+
readonly inner: readonly [{
|
|
607
|
+
readonly x: 0;
|
|
608
|
+
readonly y: 2;
|
|
609
|
+
readonly blur: 4;
|
|
610
|
+
readonly spread: 0;
|
|
611
|
+
readonly color: "rgba(27, 127, 168, 0.05)";
|
|
612
|
+
readonly inset: true;
|
|
613
|
+
}];
|
|
614
|
+
readonly outline: readonly [{
|
|
615
|
+
readonly x: 0;
|
|
616
|
+
readonly y: 0;
|
|
617
|
+
readonly blur: 0;
|
|
618
|
+
readonly spread: 3;
|
|
619
|
+
readonly color: "rgba(43, 163, 212, 0.5)";
|
|
620
|
+
}];
|
|
621
|
+
};
|
|
622
|
+
readonly dark: {
|
|
623
|
+
readonly none: "none";
|
|
624
|
+
readonly xs: readonly [{
|
|
625
|
+
readonly x: 0;
|
|
626
|
+
readonly y: 1;
|
|
627
|
+
readonly blur: 2;
|
|
628
|
+
readonly spread: 0;
|
|
629
|
+
readonly color: "rgba(0, 0, 0, 0.3)";
|
|
630
|
+
}];
|
|
631
|
+
readonly sm: readonly [{
|
|
632
|
+
readonly x: 0;
|
|
633
|
+
readonly y: 1;
|
|
634
|
+
readonly blur: 3;
|
|
635
|
+
readonly spread: 0;
|
|
636
|
+
readonly color: "rgba(0, 0, 0, 0.4)";
|
|
637
|
+
}, {
|
|
638
|
+
readonly x: 0;
|
|
639
|
+
readonly y: 1;
|
|
640
|
+
readonly blur: 2;
|
|
641
|
+
readonly spread: -1;
|
|
642
|
+
readonly color: "rgba(0, 0, 0, 0.4)";
|
|
643
|
+
}];
|
|
644
|
+
readonly md: readonly [{
|
|
645
|
+
readonly x: 0;
|
|
646
|
+
readonly y: 4;
|
|
647
|
+
readonly blur: 6;
|
|
648
|
+
readonly spread: -1;
|
|
649
|
+
readonly color: "rgba(0, 0, 0, 0.4)";
|
|
650
|
+
}, {
|
|
651
|
+
readonly x: 0;
|
|
652
|
+
readonly y: 2;
|
|
653
|
+
readonly blur: 4;
|
|
654
|
+
readonly spread: -2;
|
|
655
|
+
readonly color: "rgba(0, 0, 0, 0.4)";
|
|
656
|
+
}];
|
|
657
|
+
readonly lg: readonly [{
|
|
658
|
+
readonly x: 0;
|
|
659
|
+
readonly y: 10;
|
|
660
|
+
readonly blur: 15;
|
|
661
|
+
readonly spread: -3;
|
|
662
|
+
readonly color: "rgba(0, 0, 0, 0.4)";
|
|
663
|
+
}, {
|
|
664
|
+
readonly x: 0;
|
|
665
|
+
readonly y: 4;
|
|
666
|
+
readonly blur: 6;
|
|
667
|
+
readonly spread: -4;
|
|
668
|
+
readonly color: "rgba(0, 0, 0, 0.4)";
|
|
669
|
+
}];
|
|
670
|
+
readonly xl: readonly [{
|
|
671
|
+
readonly x: 0;
|
|
672
|
+
readonly y: 20;
|
|
673
|
+
readonly blur: 25;
|
|
674
|
+
readonly spread: -5;
|
|
675
|
+
readonly color: "rgba(0, 0, 0, 0.5)";
|
|
676
|
+
}, {
|
|
677
|
+
readonly x: 0;
|
|
678
|
+
readonly y: 8;
|
|
679
|
+
readonly blur: 10;
|
|
680
|
+
readonly spread: -6;
|
|
681
|
+
readonly color: "rgba(0, 0, 0, 0.5)";
|
|
682
|
+
}];
|
|
683
|
+
readonly '2xl': readonly [{
|
|
684
|
+
readonly x: 0;
|
|
685
|
+
readonly y: 25;
|
|
686
|
+
readonly blur: 50;
|
|
687
|
+
readonly spread: -12;
|
|
688
|
+
readonly color: "rgba(0, 0, 0, 0.6)";
|
|
689
|
+
}];
|
|
690
|
+
readonly inner: readonly [{
|
|
691
|
+
readonly x: 0;
|
|
692
|
+
readonly y: 2;
|
|
693
|
+
readonly blur: 4;
|
|
694
|
+
readonly spread: 0;
|
|
695
|
+
readonly color: "rgba(0, 0, 0, 0.3)";
|
|
696
|
+
readonly inset: true;
|
|
697
|
+
}];
|
|
698
|
+
readonly outline: readonly [{
|
|
699
|
+
readonly x: 0;
|
|
700
|
+
readonly y: 0;
|
|
701
|
+
readonly blur: 0;
|
|
702
|
+
readonly spread: 3;
|
|
703
|
+
readonly color: "rgba(43, 163, 212, 0.5)";
|
|
704
|
+
}];
|
|
705
|
+
};
|
|
706
|
+
};
|
|
707
|
+
animation: {
|
|
708
|
+
readonly duration: {
|
|
709
|
+
readonly instant: 0;
|
|
710
|
+
readonly fastest: 50;
|
|
711
|
+
readonly faster: 100;
|
|
712
|
+
readonly fast: 150;
|
|
713
|
+
readonly normal: 200;
|
|
714
|
+
readonly slow: 300;
|
|
715
|
+
readonly slower: 500;
|
|
716
|
+
readonly slowest: 700;
|
|
717
|
+
};
|
|
718
|
+
readonly easing: {
|
|
719
|
+
readonly linear: "linear";
|
|
720
|
+
readonly easeIn: readonly [0.4, 0, 1, 1];
|
|
721
|
+
readonly easeOut: readonly [0, 0, 0.2, 1];
|
|
722
|
+
readonly easeInOut: readonly [0.4, 0, 0.2, 1];
|
|
723
|
+
readonly wave: readonly [0.4, 0, 0.2, 1];
|
|
724
|
+
readonly surge: readonly [0.34, 1.56, 0.64, 1];
|
|
725
|
+
readonly ripple: readonly [0.25, 0.46, 0.45, 0.94];
|
|
726
|
+
readonly tide: readonly [0.65, 0, 0.35, 1];
|
|
727
|
+
readonly bounce: readonly [0.68, -0.55, 0.265, 1.55];
|
|
728
|
+
readonly elastic: readonly [0.175, 0.885, 0.32, 1.275];
|
|
729
|
+
};
|
|
730
|
+
readonly delay: {
|
|
731
|
+
readonly none: 0;
|
|
732
|
+
readonly shortest: 50;
|
|
733
|
+
readonly short: 100;
|
|
734
|
+
readonly medium: 150;
|
|
735
|
+
readonly long: 200;
|
|
736
|
+
readonly longest: 300;
|
|
737
|
+
};
|
|
738
|
+
};
|
|
739
|
+
breakpoints: {
|
|
740
|
+
readonly sm: 640;
|
|
741
|
+
readonly md: 768;
|
|
742
|
+
readonly lg: 1024;
|
|
743
|
+
readonly xl: 1280;
|
|
744
|
+
readonly '2xl': 1536;
|
|
745
|
+
};
|
|
746
|
+
};
|
|
747
|
+
/**
|
|
748
|
+
* For consistency with web's `Platform` import, but this snapshot is
|
|
749
|
+
* RN-only — web consumers should use the CSS-variable output from
|
|
750
|
+
* `get-design-tokens.ts`.
|
|
751
|
+
*/
|
|
752
|
+
export declare const platformForSnapshot: Platform;
|
|
753
|
+
//# sourceMappingURL=rn-tokens-snapshot.d.ts.map
|