@moderneinc/neo-design 1.2.4 → 1.2.10
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/breakpoints.d.ts +22 -0
- package/dist/breakpoints.js +12 -0
- package/dist/colors.d.ts +150 -0
- package/dist/colors.js +56 -0
- package/dist/index.d.ts +861 -0
- package/dist/semantic-colors.d.ts +343 -0
- package/dist/semantic-colors.js +334 -1
- package/dist/typography.d.ts +71 -0
- package/dist/typography.js +35 -0
- package/package.json +10 -5
- package/dist/package.json +0 -87
|
@@ -0,0 +1,343 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Neo Design System
|
|
3
|
+
* TypeScript declarations generated from Figma design tokens
|
|
4
|
+
* @generated
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
export declare const base_primatives_blue: '#2f42ff';
|
|
8
|
+
|
|
9
|
+
export declare const activity_recipe_run: '#992fb9';
|
|
10
|
+
|
|
11
|
+
export declare const activity_commit_job: '#2f42ff';
|
|
12
|
+
|
|
13
|
+
export declare const activity_visualization: '#27aa88';
|
|
14
|
+
|
|
15
|
+
export declare const border_primary: '#d1d5db';
|
|
16
|
+
|
|
17
|
+
export declare const border_input: '#9ca3af';
|
|
18
|
+
|
|
19
|
+
export declare const border_tab_active: '#2f42ff';
|
|
20
|
+
|
|
21
|
+
export declare const border_code_dashed: '#9ca3af';
|
|
22
|
+
|
|
23
|
+
export declare const border_card: '#d1d5db';
|
|
24
|
+
|
|
25
|
+
export declare const border_card_header: '#d1d5db';
|
|
26
|
+
|
|
27
|
+
export declare const buttons_destructive: '#cb3446';
|
|
28
|
+
|
|
29
|
+
export declare const buttons_navigation_active: '#ffffff';
|
|
30
|
+
|
|
31
|
+
export declare const buttons_primary_pressed: '#131e7a';
|
|
32
|
+
|
|
33
|
+
export declare const buttons_primary_default: '#2f42ff';
|
|
34
|
+
|
|
35
|
+
export declare const buttons_primary_hover: '#1e2ec2';
|
|
36
|
+
|
|
37
|
+
export declare const buttons_primary_disabled: '#b6bfff';
|
|
38
|
+
|
|
39
|
+
export declare const buttons_primary_focus: '#2f42ff';
|
|
40
|
+
|
|
41
|
+
export declare const buttons_secondary_default_border: '#b6bfff';
|
|
42
|
+
|
|
43
|
+
export declare const buttons_secondary_hover_background: '#f2f3ff';
|
|
44
|
+
|
|
45
|
+
export declare const buttons_secondary_pressed_background: '#dce0ff';
|
|
46
|
+
|
|
47
|
+
export declare const buttons_secondary_disabled: '#626eff';
|
|
48
|
+
|
|
49
|
+
export declare const buttons_secondary_focus: '#2f42ff';
|
|
50
|
+
|
|
51
|
+
export declare const buttons_tertiary_default: '#2f42ff';
|
|
52
|
+
|
|
53
|
+
export declare const buttons_tertiary_hover: '#1e2ec2';
|
|
54
|
+
|
|
55
|
+
export declare const buttons_tertiary_pressed: '#131e7a';
|
|
56
|
+
|
|
57
|
+
export declare const buttons_tertiary_focus: '#2f42ff';
|
|
58
|
+
|
|
59
|
+
export declare const buttons_tertiary_disabled: '#626eff';
|
|
60
|
+
|
|
61
|
+
export declare const icons_default: '#1f2937';
|
|
62
|
+
|
|
63
|
+
export declare const icons_active: '#2f42ff';
|
|
64
|
+
|
|
65
|
+
export declare const icons_hover: '#131e7a';
|
|
66
|
+
|
|
67
|
+
export declare const icons_hover_background: '#e5e7eb';
|
|
68
|
+
|
|
69
|
+
export declare const icons_disabled: '#9ca3af';
|
|
70
|
+
|
|
71
|
+
export declare const icons_placeholder: '#4b5563';
|
|
72
|
+
|
|
73
|
+
export declare const icons_checkbox: '#4b5563';
|
|
74
|
+
|
|
75
|
+
export declare const base_digital_blue_900: '#000855';
|
|
76
|
+
|
|
77
|
+
export declare const base_digital_blue_800: '#131e7a';
|
|
78
|
+
|
|
79
|
+
export declare const base_digital_blue_700: '#1e2ec2';
|
|
80
|
+
|
|
81
|
+
export declare const base_digital_blue_600: '#2637e6';
|
|
82
|
+
|
|
83
|
+
export declare const base_digital_blue_500: '#2f42ff';
|
|
84
|
+
|
|
85
|
+
export declare const base_digital_blue_400: '#626eff';
|
|
86
|
+
|
|
87
|
+
export declare const base_digital_blue_300: '#8d99ff';
|
|
88
|
+
|
|
89
|
+
export declare const base_digital_blue_200: '#b6bfff';
|
|
90
|
+
|
|
91
|
+
export declare const base_digital_blue_100: '#dce0ff';
|
|
92
|
+
|
|
93
|
+
export declare const base_digital_blue_50: '#f2f3ff';
|
|
94
|
+
|
|
95
|
+
export declare const base_grey_grey_900: '#111827';
|
|
96
|
+
|
|
97
|
+
export declare const base_grey_grey_800: '#1f2937';
|
|
98
|
+
|
|
99
|
+
export declare const base_grey_grey_700: '#374151';
|
|
100
|
+
|
|
101
|
+
export declare const base_grey_grey_600: '#4b5563';
|
|
102
|
+
|
|
103
|
+
export declare const base_grey_grey_500: '#6b7280';
|
|
104
|
+
|
|
105
|
+
export declare const base_grey_grey_400: '#9ca3af';
|
|
106
|
+
|
|
107
|
+
export declare const base_grey_grey_300: '#d1d5db';
|
|
108
|
+
|
|
109
|
+
export declare const base_grey_grey_200: '#e5e7eb';
|
|
110
|
+
|
|
111
|
+
export declare const base_grey_grey_100: '#f3f4f6';
|
|
112
|
+
|
|
113
|
+
export declare const base_grey_grey_50: '#f9fafb';
|
|
114
|
+
|
|
115
|
+
export declare const base_digital_green_digital_green_50: '#f3fff5';
|
|
116
|
+
|
|
117
|
+
export declare const base_digital_green_digital_green_100: '#cfffd7';
|
|
118
|
+
|
|
119
|
+
export declare const base_digital_green_digital_green_600: '#4ca75a';
|
|
120
|
+
|
|
121
|
+
export declare const base_digital_green_digital_green_700: '#3b8948';
|
|
122
|
+
|
|
123
|
+
export declare const base_red_red_50: '#ffedef';
|
|
124
|
+
|
|
125
|
+
export declare const base_red_red_100: '#ffc6cd';
|
|
126
|
+
|
|
127
|
+
export declare const base_red_red_400: '#ed4a5d';
|
|
128
|
+
|
|
129
|
+
export declare const base_red_red_500: '#cb3446';
|
|
130
|
+
|
|
131
|
+
export declare const base_teal_green_teal_green_500: '#3bcca6';
|
|
132
|
+
|
|
133
|
+
export declare const base_teal_green_teal_green_600: '#27aa88';
|
|
134
|
+
|
|
135
|
+
export declare const status_success_dark: '#4ca75a';
|
|
136
|
+
|
|
137
|
+
export declare const status_warning_dark: '#ffb800';
|
|
138
|
+
|
|
139
|
+
export declare const status_error_dark: '#cb3446';
|
|
140
|
+
|
|
141
|
+
export declare const status_success_light: '#f3fff5';
|
|
142
|
+
|
|
143
|
+
export declare const status_error_light: '#ffedef';
|
|
144
|
+
|
|
145
|
+
export declare const status_warning_light: '#fff8e5';
|
|
146
|
+
|
|
147
|
+
export declare const surfaces_black: '#000000';
|
|
148
|
+
|
|
149
|
+
export declare const surfaces_white: '#ffffff';
|
|
150
|
+
|
|
151
|
+
export declare const surfaces_page: '#f9fafb';
|
|
152
|
+
|
|
153
|
+
export declare const surfaces_card: '#ffffff';
|
|
154
|
+
|
|
155
|
+
export declare const surfaces_card_header: '#f3f4f6';
|
|
156
|
+
|
|
157
|
+
export declare const surfaces_tab_active: '#f3f4f6';
|
|
158
|
+
|
|
159
|
+
export declare const surfaces_list_hover: '#f9fafb';
|
|
160
|
+
|
|
161
|
+
export declare const surfaces_input_hover: '#f3f4f6';
|
|
162
|
+
|
|
163
|
+
export declare const surfaces_table_disabled_row: '#f3f4f6';
|
|
164
|
+
|
|
165
|
+
export declare const surfaces_table_background: '#ffffff';
|
|
166
|
+
|
|
167
|
+
export declare const surfaces_shadow_neutral: '#1f2937';
|
|
168
|
+
|
|
169
|
+
export declare const surfaces_scrim: '#1f2937';
|
|
170
|
+
|
|
171
|
+
export declare const surfaces_shadow_primary: '#2f42ff';
|
|
172
|
+
|
|
173
|
+
export declare const surfaces_tooltip: '#4b5563';
|
|
174
|
+
|
|
175
|
+
export declare const typography_page_header: '#111827';
|
|
176
|
+
|
|
177
|
+
export declare const typography_section_header: '#374151';
|
|
178
|
+
|
|
179
|
+
export declare const typography_body: '#1f2937';
|
|
180
|
+
|
|
181
|
+
export declare const typography_button_primary: '#f9fafb';
|
|
182
|
+
|
|
183
|
+
export declare const typography_button_secondary: '#2f42ff';
|
|
184
|
+
|
|
185
|
+
export declare const typography_button_disabled: '#9ca3af';
|
|
186
|
+
|
|
187
|
+
export declare const typography_input_placeholder: '#6b7280';
|
|
188
|
+
|
|
189
|
+
export declare const typography_input_default: '#1f2937';
|
|
190
|
+
|
|
191
|
+
export declare const typography_code_primary: '#1f2937';
|
|
192
|
+
|
|
193
|
+
export declare const typography_code_secondary: '#6b7280';
|
|
194
|
+
|
|
195
|
+
export declare const typography_tab_inactive: '#4b5563';
|
|
196
|
+
|
|
197
|
+
export declare const typography_tab_active: '#626eff';
|
|
198
|
+
|
|
199
|
+
export declare const typography_link_primary: '#2f42ff';
|
|
200
|
+
|
|
201
|
+
export declare const typography_link_disabled: '#b6bfff';
|
|
202
|
+
|
|
203
|
+
export declare const typography_link_default: '#f9fafb';
|
|
204
|
+
|
|
205
|
+
export declare const typography_error: '#cb3446';
|
|
206
|
+
|
|
207
|
+
export declare const typography_success: '#4ca75a';
|
|
208
|
+
|
|
209
|
+
export declare const typography_warning: '#1f2937';
|
|
210
|
+
|
|
211
|
+
export declare const typography_tooltip: '#ffffff';
|
|
212
|
+
|
|
213
|
+
export declare const data_green: '#4ca75a';
|
|
214
|
+
|
|
215
|
+
export declare const data_yellow: '#fdda04';
|
|
216
|
+
|
|
217
|
+
export declare const data_orange_1: '#ffc008';
|
|
218
|
+
|
|
219
|
+
export declare const data_orange_2: '#ff9800';
|
|
220
|
+
|
|
221
|
+
export declare const data_orange_3: '#f9a91b';
|
|
222
|
+
|
|
223
|
+
export declare const data_red_1: '#ff5c24';
|
|
224
|
+
|
|
225
|
+
export declare const data_red_2: '#ed4134';
|
|
226
|
+
|
|
227
|
+
export declare const data_red_3: '#cb3446';
|
|
228
|
+
|
|
229
|
+
declare const _default: {
|
|
230
|
+
base_primatives_blue: typeof base_primatives_blue,
|
|
231
|
+
activity_recipe_run: typeof activity_recipe_run,
|
|
232
|
+
activity_commit_job: typeof activity_commit_job,
|
|
233
|
+
activity_visualization: typeof activity_visualization,
|
|
234
|
+
border_primary: typeof border_primary,
|
|
235
|
+
border_input: typeof border_input,
|
|
236
|
+
border_tab_active: typeof border_tab_active,
|
|
237
|
+
border_code_dashed: typeof border_code_dashed,
|
|
238
|
+
border_card: typeof border_card,
|
|
239
|
+
border_card_header: typeof border_card_header,
|
|
240
|
+
buttons_destructive: typeof buttons_destructive,
|
|
241
|
+
buttons_navigation_active: typeof buttons_navigation_active,
|
|
242
|
+
buttons_primary_pressed: typeof buttons_primary_pressed,
|
|
243
|
+
buttons_primary_default: typeof buttons_primary_default,
|
|
244
|
+
buttons_primary_hover: typeof buttons_primary_hover,
|
|
245
|
+
buttons_primary_disabled: typeof buttons_primary_disabled,
|
|
246
|
+
buttons_primary_focus: typeof buttons_primary_focus,
|
|
247
|
+
buttons_secondary_default_border: typeof buttons_secondary_default_border,
|
|
248
|
+
buttons_secondary_hover_background: typeof buttons_secondary_hover_background,
|
|
249
|
+
buttons_secondary_pressed_background: typeof buttons_secondary_pressed_background,
|
|
250
|
+
buttons_secondary_disabled: typeof buttons_secondary_disabled,
|
|
251
|
+
buttons_secondary_focus: typeof buttons_secondary_focus,
|
|
252
|
+
buttons_tertiary_default: typeof buttons_tertiary_default,
|
|
253
|
+
buttons_tertiary_hover: typeof buttons_tertiary_hover,
|
|
254
|
+
buttons_tertiary_pressed: typeof buttons_tertiary_pressed,
|
|
255
|
+
buttons_tertiary_focus: typeof buttons_tertiary_focus,
|
|
256
|
+
buttons_tertiary_disabled: typeof buttons_tertiary_disabled,
|
|
257
|
+
icons_default: typeof icons_default,
|
|
258
|
+
icons_active: typeof icons_active,
|
|
259
|
+
icons_hover: typeof icons_hover,
|
|
260
|
+
icons_hover_background: typeof icons_hover_background,
|
|
261
|
+
icons_disabled: typeof icons_disabled,
|
|
262
|
+
icons_placeholder: typeof icons_placeholder,
|
|
263
|
+
icons_checkbox: typeof icons_checkbox,
|
|
264
|
+
base_digital_blue_900: typeof base_digital_blue_900,
|
|
265
|
+
base_digital_blue_800: typeof base_digital_blue_800,
|
|
266
|
+
base_digital_blue_700: typeof base_digital_blue_700,
|
|
267
|
+
base_digital_blue_600: typeof base_digital_blue_600,
|
|
268
|
+
base_digital_blue_500: typeof base_digital_blue_500,
|
|
269
|
+
base_digital_blue_400: typeof base_digital_blue_400,
|
|
270
|
+
base_digital_blue_300: typeof base_digital_blue_300,
|
|
271
|
+
base_digital_blue_200: typeof base_digital_blue_200,
|
|
272
|
+
base_digital_blue_100: typeof base_digital_blue_100,
|
|
273
|
+
base_digital_blue_50: typeof base_digital_blue_50,
|
|
274
|
+
base_grey_grey_900: typeof base_grey_grey_900,
|
|
275
|
+
base_grey_grey_800: typeof base_grey_grey_800,
|
|
276
|
+
base_grey_grey_700: typeof base_grey_grey_700,
|
|
277
|
+
base_grey_grey_600: typeof base_grey_grey_600,
|
|
278
|
+
base_grey_grey_500: typeof base_grey_grey_500,
|
|
279
|
+
base_grey_grey_400: typeof base_grey_grey_400,
|
|
280
|
+
base_grey_grey_300: typeof base_grey_grey_300,
|
|
281
|
+
base_grey_grey_200: typeof base_grey_grey_200,
|
|
282
|
+
base_grey_grey_100: typeof base_grey_grey_100,
|
|
283
|
+
base_grey_grey_50: typeof base_grey_grey_50,
|
|
284
|
+
base_digital_green_digital_green_50: typeof base_digital_green_digital_green_50,
|
|
285
|
+
base_digital_green_digital_green_100: typeof base_digital_green_digital_green_100,
|
|
286
|
+
base_digital_green_digital_green_600: typeof base_digital_green_digital_green_600,
|
|
287
|
+
base_digital_green_digital_green_700: typeof base_digital_green_digital_green_700,
|
|
288
|
+
base_red_red_50: typeof base_red_red_50,
|
|
289
|
+
base_red_red_100: typeof base_red_red_100,
|
|
290
|
+
base_red_red_400: typeof base_red_red_400,
|
|
291
|
+
base_red_red_500: typeof base_red_red_500,
|
|
292
|
+
base_teal_green_teal_green_500: typeof base_teal_green_teal_green_500,
|
|
293
|
+
base_teal_green_teal_green_600: typeof base_teal_green_teal_green_600,
|
|
294
|
+
status_success_dark: typeof status_success_dark,
|
|
295
|
+
status_warning_dark: typeof status_warning_dark,
|
|
296
|
+
status_error_dark: typeof status_error_dark,
|
|
297
|
+
status_success_light: typeof status_success_light,
|
|
298
|
+
status_error_light: typeof status_error_light,
|
|
299
|
+
status_warning_light: typeof status_warning_light,
|
|
300
|
+
surfaces_black: typeof surfaces_black,
|
|
301
|
+
surfaces_white: typeof surfaces_white,
|
|
302
|
+
surfaces_page: typeof surfaces_page,
|
|
303
|
+
surfaces_card: typeof surfaces_card,
|
|
304
|
+
surfaces_card_header: typeof surfaces_card_header,
|
|
305
|
+
surfaces_tab_active: typeof surfaces_tab_active,
|
|
306
|
+
surfaces_list_hover: typeof surfaces_list_hover,
|
|
307
|
+
surfaces_input_hover: typeof surfaces_input_hover,
|
|
308
|
+
surfaces_table_disabled_row: typeof surfaces_table_disabled_row,
|
|
309
|
+
surfaces_table_background: typeof surfaces_table_background,
|
|
310
|
+
surfaces_shadow_neutral: typeof surfaces_shadow_neutral,
|
|
311
|
+
surfaces_scrim: typeof surfaces_scrim,
|
|
312
|
+
surfaces_shadow_primary: typeof surfaces_shadow_primary,
|
|
313
|
+
surfaces_tooltip: typeof surfaces_tooltip,
|
|
314
|
+
typography_page_header: typeof typography_page_header,
|
|
315
|
+
typography_section_header: typeof typography_section_header,
|
|
316
|
+
typography_body: typeof typography_body,
|
|
317
|
+
typography_button_primary: typeof typography_button_primary,
|
|
318
|
+
typography_button_secondary: typeof typography_button_secondary,
|
|
319
|
+
typography_button_disabled: typeof typography_button_disabled,
|
|
320
|
+
typography_input_placeholder: typeof typography_input_placeholder,
|
|
321
|
+
typography_input_default: typeof typography_input_default,
|
|
322
|
+
typography_code_primary: typeof typography_code_primary,
|
|
323
|
+
typography_code_secondary: typeof typography_code_secondary,
|
|
324
|
+
typography_tab_inactive: typeof typography_tab_inactive,
|
|
325
|
+
typography_tab_active: typeof typography_tab_active,
|
|
326
|
+
typography_link_primary: typeof typography_link_primary,
|
|
327
|
+
typography_link_disabled: typeof typography_link_disabled,
|
|
328
|
+
typography_link_default: typeof typography_link_default,
|
|
329
|
+
typography_error: typeof typography_error,
|
|
330
|
+
typography_success: typeof typography_success,
|
|
331
|
+
typography_warning: typeof typography_warning,
|
|
332
|
+
typography_tooltip: typeof typography_tooltip,
|
|
333
|
+
data_green: typeof data_green,
|
|
334
|
+
data_yellow: typeof data_yellow,
|
|
335
|
+
data_orange_1: typeof data_orange_1,
|
|
336
|
+
data_orange_2: typeof data_orange_2,
|
|
337
|
+
data_orange_3: typeof data_orange_3,
|
|
338
|
+
data_red_1: typeof data_red_1,
|
|
339
|
+
data_red_2: typeof data_red_2,
|
|
340
|
+
data_red_3: typeof data_red_3
|
|
341
|
+
};
|
|
342
|
+
|
|
343
|
+
export default _default;
|