@incodetech/web 2.0.0-alpha.9 → 2.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.
@@ -1,543 +0,0 @@
1
- :root,
2
- :host {
3
- /* Color / Gray */
4
-
5
- --primitive-color-gray-0: #ffffff;
6
- --primitive-color-gray-0-80: rgba(255, 255, 255, 0.8);
7
- --primitive-color-gray-50: #fcfcfd;
8
- --primitive-color-gray-100: #ebecef;
9
- --primitive-color-gray-200: #c6c8d2;
10
- --primitive-color-gray-300: #a3a8b8;
11
- --primitive-color-gray-500: #60667c;
12
- --primitive-color-gray-700: #3a3e4b;
13
- --primitive-color-gray-800: #262831;
14
- --primitive-color-gray-900: #14151a;
15
- --primitive-color-gray-900-80: rgba(20, 21, 26, 0.8);
16
- --primitive-color-gray-1000: #000000;
17
- --primitive-color-gray-1000-80: rgba(0, 0, 0, 0.8);
18
-
19
- /* Color / Brand */
20
-
21
- --primitive-color-brand-50: #e5f0ff;
22
- --primitive-color-brand-200: #99ceff;
23
- --primitive-color-brand-300: #66a6ff;
24
- --primitive-color-brand-400: #3388ff;
25
- --primitive-color-brand-500: #006aff;
26
- --primitive-color-brand-600: #0055cc;
27
- --primitive-color-brand-900: #21273b;
28
-
29
- /* Color / Brand Secondary */
30
-
31
- --primitive-color-brand-secondary-50: #f2e2fe;
32
- --primitive-color-brand-secondary-500: #820ad1;
33
-
34
- /* Color / Positive */
35
-
36
- --primitive-color-positive-50: #e4fbf0;
37
- --primitive-color-positive-600: #189f60;
38
- --primitive-color-positive-800: #0c5030;
39
-
40
- /* Color / Warning */
41
-
42
- --primitive-color-warning-50: #fff7eb;
43
- --primitive-color-warning-400: #ffb647;
44
- --primitive-color-warning-500: #ff9900;
45
- --primitive-color-warning-950: #523100;
46
-
47
- /* Color / Negative */
48
-
49
- --primitive-color-negative-50: #fff0f0;
50
- --primitive-color-negative-500: #ff5a5f;
51
- --primitive-color-negative-600: #e71111;
52
- --primitive-color-negative-950: #240001;
53
-
54
- /* Typography / Family */
55
- --primitive-typography-family-rethink-sans: 'Rethink Sans';
56
- --primitive-typography-family-dm-sans: 'DM Sans';
57
-
58
- /* Typography / Size */
59
-
60
- --primitive-typography-size-12: 12px;
61
- --primitive-typography-size-14: 14px;
62
- --primitive-typography-size-16: 16px;
63
- --primitive-typography-size-18: 18px;
64
- --primitive-typography-size-20: 20px;
65
- --primitive-typography-size-24: 24px;
66
- --primitive-typography-size-32: 32px;
67
- --primitive-typography-size-40: 40px;
68
- --primitive-typography-size-48: 48px;
69
- --primitive-typography-size-80: 80px;
70
-
71
- /* Typography / Weight */
72
-
73
- --primitive-typography-weight-thin: 300;
74
- --primitive-typography-weight-regular: 400;
75
- --primitive-typography-weight-medium: 500;
76
- --primitive-typography-weight-semibold: 600;
77
- --primitive-typography-weight-bold: 700;
78
- --primitive-typography-weight-extrabold: 800;
79
-
80
- /* Typography / Letter Spacing */
81
-
82
- --primitive-typography-letter-spacing-0: 0px;
83
- --primitive-typography-letter-spacing-minus-0-5: -0.5px;
84
- --primitive-typography-letter-spacing-minus-1: -1px;
85
- --primitive-typography-letter-spacing-minus-1-5: -1.5px;
86
-
87
- /* Border / Width */
88
-
89
- --primitive-border-width-0: 0px;
90
- --primitive-border-width-1: 1px;
91
- --primitive-border-width-2: 2px;
92
- --primitive-border-width-4: 4px;
93
-
94
- /* Border / Radius */
95
-
96
- --primitive-border-radius-0: 0px;
97
- --primitive-border-radius-4: 4px;
98
- --primitive-border-radius-8: 8px;
99
- --primitive-border-radius-16: 16px;
100
- --primitive-border-radius-24: 24px;
101
- --primitive-border-radius-40: 40px;
102
- --primitive-border-radius-64: 64px;
103
- --primitive-border-radius-9999: 9999px;
104
-
105
- /* Scale */
106
-
107
- --primitive-scale-0: 0px;
108
- --primitive-scale-2: 2px;
109
- --primitive-scale-4: 4px;
110
- --primitive-scale-8: 8px;
111
- --primitive-scale-12: 12px;
112
- --primitive-scale-16: 16px;
113
- --primitive-scale-20: 20px;
114
- --primitive-scale-24: 24px;
115
- --primitive-scale-32: 32px;
116
- --primitive-scale-40: 40px;
117
- --primitive-scale-48: 48px;
118
- --primitive-scale-56: 56px;
119
- --primitive-scale-64: 64px;
120
- --primitive-scale-72: 72px;
121
- --primitive-scale-80: 80px;
122
- --primitive-scale-88: 88px;
123
- --primitive-scale-96: 96px;
124
- --primitive-scale-104: 104px;
125
- --primitive-scale-120: 120px;
126
- --primitive-scale-128: 128px;
127
- --primitive-scale-160: 160px;
128
- --primitive-scale-200: 200px;
129
- }
130
- :root,
131
- :host {
132
- /* Border / Width */
133
-
134
- --border-none: var(--primitive-border-width-0);
135
- --border-regular: var(--primitive-border-width-1);
136
- --border-bold: var(--primitive-border-width-2);
137
-
138
- /* Border / Radius */
139
-
140
- --border-radius-none: var(--primitive-border-radius-0);
141
- --border-radius-x-small: var(--primitive-border-radius-4);
142
- --border-radius-small: var(--primitive-border-radius-8);
143
- --border-radius-medium: var(--primitive-border-radius-16);
144
- --border-radius-large: var(--primitive-border-radius-24);
145
- --border-radius-x-large: var(--primitive-border-radius-40);
146
- --border-radius-xx-large: var(--primitive-border-radius-64);
147
- --border-radius-full: var(--primitive-border-radius-9999);
148
-
149
- /* Spacing */
150
-
151
- --spacing-none: var(--primitive-scale-0);
152
- --spacing-2: var(--primitive-scale-2);
153
- --spacing-4: var(--primitive-scale-4);
154
- --spacing-8: var(--primitive-scale-8);
155
- --spacing-12: var(--primitive-scale-12);
156
- --spacing-16: var(--primitive-scale-16);
157
- --spacing-20: var(--primitive-scale-20);
158
- --spacing-24: var(--primitive-scale-24);
159
- --spacing-32: var(--primitive-scale-32);
160
- --spacing-40: var(--primitive-scale-40);
161
- --spacing-48: var(--primitive-scale-48);
162
- --spacing-64: var(--primitive-scale-64);
163
- --spacing-80: var(--primitive-scale-80);
164
- --spacing-96: var(--primitive-scale-96);
165
- --spacing-104: var(--primitive-scale-104);
166
- --spacing-120: var(--primitive-scale-120);
167
- --spacing-160: var(--primitive-scale-160);
168
- --spacing-200: var(--primitive-scale-200);
169
-
170
- /* Icon / Size */
171
-
172
- --icon-size-xx-small: var(--primitive-scale-16);
173
- --icon-size-x-small: var(--primitive-scale-20);
174
- --icon-size-small: var(--primitive-scale-24);
175
- --icon-size-medium: var(--primitive-scale-32);
176
- --icon-size-large: var(--primitive-scale-40);
177
- --icon-size-x-large: var(--primitive-scale-48);
178
- --icon-size-xx-large: var(--primitive-scale-64);
179
- --icon-size-xxx-large: var(--primitive-scale-80);
180
- }
181
- :root,
182
- :host {
183
- /* Surface / Neutral */
184
-
185
- --surface-neutral-0: var(--primitive-color-gray-0);
186
- --surface-neutral-0-80: var(--primitive-color-gray-0-80);
187
- --surface-neutral-50: var(--primitive-color-gray-50);
188
- --surface-neutral-100: var(--primitive-color-gray-100);
189
- --surface-neutral-200: var(--primitive-color-gray-200);
190
- --surface-neutral-300: var(--primitive-color-gray-300);
191
- --surface-neutral-500: var(--primitive-color-gray-500);
192
- --surface-neutral-700: var(--primitive-color-gray-700);
193
- --surface-neutral-800: var(--primitive-color-gray-800);
194
- --surface-neutral-900: var(--primitive-color-gray-900);
195
- --surface-neutral-900-80: var(--primitive-color-gray-900-80);
196
- --surface-neutral-900-static: var(--primitive-color-gray-900);
197
- --surface-neutral-1000: var(--primitive-color-gray-1000);
198
-
199
- /* Surface / Brand */
200
-
201
- --surface-brand-50: var(--primitive-color-brand-50);
202
- --surface-brand-400: var(--primitive-color-brand-400);
203
- --surface-brand-400-static: var(--primitive-color-brand-400);
204
- --surface-brand-500: var(--primitive-color-brand-500);
205
- --surface-brand-500-static: var(--primitive-color-brand-500);
206
- --surface-brand-600: var(--primitive-color-brand-600);
207
- --surface-brand-600-static: var(--primitive-color-brand-600);
208
-
209
- /* Surface / Status */
210
-
211
- --surface-status-negative-50: var(--primitive-color-negative-50);
212
- --surface-status-negative-600: var(--primitive-color-negative-600);
213
-
214
- --surface-status-warning-50: var(--primitive-color-warning-50);
215
- --surface-status-warning-500: var(--primitive-color-warning-500);
216
-
217
- --surface-status-positive-50: var(--primitive-color-positive-50);
218
- --surface-status-positive-600: var(--primitive-color-positive-600);
219
- --surface-status-positive-600-static: var(--primitive-color-positive-600);
220
-
221
- /* Icon / Neutral */
222
-
223
- --icon-neutral-0: var(--primitive-color-gray-0);
224
- --icon-neutral-0-static: var(--primitive-color-gray-0);
225
- --icon-neutral-50: var(--primitive-color-gray-50);
226
- --icon-neutral-50-static: var(--primitive-color-gray-50);
227
- --icon-neutral-300: var(--primitive-color-gray-300);
228
- --icon-neutral-500: var(--primitive-color-gray-500);
229
- --icon-neutral-500-static: var(--primitive-color-gray-500);
230
- --icon-neutral-800: var(--primitive-color-gray-800);
231
- --icon-neutral-800-static: var(--primitive-color-gray-800);
232
-
233
- /* Icon / Brand */
234
-
235
- --icon-brand-500: var(--primitive-color-brand-500);
236
- --icon-brand-500-static: var(--primitive-color-brand-500);
237
-
238
- /* Icon / Status */
239
-
240
- --icon-status-negative: var(--primitive-color-negative-600);
241
- --icon-status-warning: var(--primitive-color-warning-500);
242
- --icon-status-positive: var(--primitive-color-positive-600);
243
- --icon-status-positive-static: var(--primitive-color-positive-600);
244
-
245
- /* Border / Neutral */
246
-
247
- --border-neutral-100: var(--primitive-color-gray-100);
248
- --border-neutral-300: var(--primitive-color-gray-300);
249
- --border-neutral-500: var(--primitive-color-gray-500);
250
-
251
- /* Border / Brand */
252
-
253
- --border-brand-500: var(--primitive-color-brand-500);
254
- --border-brand-500-static: var(--primitive-color-brand-500);
255
- --border-brand-600: var(--primitive-color-brand-600);
256
-
257
- /* Border / Status */
258
-
259
- --border-status-negative: var(--primitive-color-negative-600);
260
- --border-status-warning: var(--primitive-color-warning-500);
261
- --border-status-positive: var(--primitive-color-positive-600);
262
- --border-status-positive-static: var(--primitive-color-positive-600);
263
-
264
- /* Text / Body */
265
-
266
- --text-body-primary: var(--primitive-color-gray-800);
267
- --text-body-secondary: var(--primitive-color-gray-500);
268
- --text-body-tertiary: var(--primitive-color-gray-300);
269
- --text-body-0: var(--primitive-color-gray-0);
270
- --text-body-0-static: var(--primitive-color-gray-0);
271
-
272
- /* Text / Link */
273
-
274
- --text-link-default: var(--primitive-color-brand-500);
275
- --text-link-hover: var(--primitive-color-brand-300);
276
- --text-link-hover-static: var(--primitive-color-brand-300);
277
- --text-link-disabled: var(--primitive-color-gray-500);
278
- --text-link-disabled-static: var(--primitive-color-gray-500);
279
- --text-link-visited: var(--primitive-color-gray-700);
280
-
281
- /* Text / Accent */
282
-
283
- --text-accent-brand: var(--primitive-color-brand-500);
284
- --text-accent-brand-static: var(--primitive-color-brand-500);
285
- --text-accent-brand-secondary: var(--primitive-color-brand-secondary-500);
286
- --text-accent-brand-secondary-static: var(
287
- --primitive-color-brand-secondary-500
288
- );
289
-
290
- /* Text / Status */
291
-
292
- --text-status-negative: var(--primitive-color-negative-600);
293
- --text-status-warning: var(--primitive-color-warning-500);
294
- --text-status-positive: var(--primitive-color-positive-600);
295
- --text-status-positive-static: var(--primitive-color-positive-600);
296
- }
297
- [data-incode-theme='dark'] {
298
- /* Surface / Neutral */
299
-
300
- --surface-neutral-0: var(--primitive-color-gray-1000);
301
- --surface-neutral-0-80: var(--primitive-color-gray-900-80);
302
- --surface-neutral-50: var(--primitive-color-gray-900);
303
- --surface-neutral-100: var(--primitive-color-gray-800);
304
- --surface-neutral-200: var(--primitive-color-gray-700);
305
- --surface-neutral-300: var(--primitive-color-gray-500);
306
- --surface-neutral-500: var(--primitive-color-gray-300);
307
- --surface-neutral-700: var(--primitive-color-gray-200);
308
- --surface-neutral-800: var(--primitive-color-gray-100);
309
- --surface-neutral-900: var(--primitive-color-gray-0);
310
- --surface-neutral-900-80: var(--primitive-color-gray-0-80);
311
- --surface-neutral-1000: var(--primitive-color-gray-0);
312
-
313
- /* Surface / Brand */
314
-
315
- --surface-brand-50: var(--primitive-color-brand-900);
316
-
317
- /* Surface / Status */
318
-
319
- --surface-status-negative-50: var(--primitive-color-negative-950);
320
- --surface-status-negative-600: var(--primitive-color-negative-500);
321
-
322
- --surface-status-warning-50: var(--primitive-color-warning-950);
323
- --surface-status-warning-500: var(--primitive-color-warning-400);
324
-
325
- --surface-status-positive-50: var(--primitive-color-positive-800);
326
-
327
- /* Icon / Neutral */
328
-
329
- --icon-neutral-0: var(--primitive-color-gray-800);
330
- --icon-neutral-300: var(--primitive-color-gray-500);
331
- --icon-neutral-500: var(--primitive-color-gray-300);
332
- --icon-neutral-800: var(--primitive-color-gray-100);
333
-
334
- /* Icon / Status */
335
-
336
- --icon-status-negative: var(--primitive-color-negative-500);
337
- --icon-status-warning: var(--primitive-color-warning-400);
338
-
339
- /* Border / Neutral */
340
-
341
- --border-neutral-100: var(--primitive-color-gray-700);
342
- --border-neutral-300: var(--primitive-color-gray-500);
343
- --border-neutral-500: var(--primitive-color-gray-300);
344
-
345
- /* Border / Brand */
346
-
347
- --border-brand-600: var(--primitive-color-brand-400);
348
-
349
- /* Border / Status */
350
-
351
- --border-status-negative: var(--primitive-color-negative-500);
352
- --border-status-warning: var(--primitive-color-warning-400);
353
-
354
- /* Text / Body */
355
-
356
- --text-body-primary: var(--primitive-color-gray-50);
357
- --text-body-secondary: var(--primitive-color-gray-300);
358
- --text-body-tertiary: var(--primitive-color-gray-500);
359
-
360
- /* Text / Link */
361
-
362
- --text-link-default: var(--primitive-color-brand-400);
363
- --text-link-visited: var(--primitive-color-gray-300);
364
-
365
- /* Text / Status */
366
-
367
- --text-status-negative: var(--primitive-color-negative-500);
368
- --text-status-warning: var(--primitive-color-warning-400);
369
- }
370
- :root,
371
- :host {
372
- /* Button / Primary */
373
- --button-primary-surface-default: var(--surface-brand-500-static);
374
- --button-primary-surface-hover: var(--surface-brand-400-static);
375
- --button-primary-surface-pressed: var(--surface-brand-600-static);
376
- --button-primary-surface-disabled: var(--surface-neutral-100);
377
-
378
- --button-primary-text-default: var(--text-body-0-static);
379
- --button-primary-text-disabled: var(--text-body-tertiary);
380
-
381
- --button-primary-border-default: var(--surface-brand-500-static);
382
- --button-primary-border-hover: var(--surface-brand-400-static);
383
- --button-primary-border-pressed: var(--surface-brand-600-static);
384
- --button-primary-border-disabled: var(--surface-neutral-100);
385
- --button-primary-border-radius: var(--border-radius-medium);
386
-
387
- /* Button / Secondary */
388
- --button-secondary-surface-default: var(--surface-neutral-0);
389
- --button-secondary-surface-hover: var(--surface-brand-50);
390
- --button-secondary-surface-pressed: var(--surface-brand-600-static);
391
- --button-secondary-surface-disabled: var(--surface-neutral-200);
392
-
393
- --button-secondary-text-default: var(--text-accent-brand-static);
394
- --button-secondary-text-disabled: var(--text-body-secondary);
395
-
396
- --button-secondary-border-default: var(--surface-brand-500-static);
397
- --button-secondary-border-hover: var(--surface-brand-400-static);
398
- --button-secondary-border-pressed: var(--surface-brand-600-static);
399
- --button-secondary-border-disabled: var(--surface-neutral-100);
400
- --button-secondary-border-radius: var(--border-radius-medium);
401
-
402
- /* Button / Tertiary */
403
- --button-tertiary-text-default: var(--text-accent-brand-static);
404
- --button-tertiary-text-disabled: var(--text-body-secondary);
405
-
406
- /* Checkbox */
407
- --checkbox-surface-default: var(--surface-neutral-50);
408
- --checkbox-surface-selected: var(--surface-brand-500-static);
409
- --checkbox-surface-disabled: var(--surface-neutral-200);
410
-
411
- --checkbox-border-default: var(--border-neutral-100);
412
- --checkbox-border-selected: var(--border-brand-500-static);
413
- --checkbox-border-disabled: var(--border-neutral-300);
414
- --checkbox-border-negative: var(--border-status-negative);
415
- --checkbox-border-radius: var(--border-radius-small);
416
-
417
- --checkbox-icon-default: var(--surface-neutral-0);
418
-
419
- --checkbox-text-default: var(--text-body-primary);
420
- --checkbox-text-disabled: var(--text-body-tertiary);
421
- --checkbox-text-negative: var(--text-status-negative);
422
-
423
- /* Card */
424
- --card-surface-primary: var(--surface-neutral-800);
425
-
426
- --card-text-title: var(--surface-neutral-100);
427
- --card-text-subtitle: var(--text-body-secondary);
428
-
429
- /* Countdown */
430
- --countdown-surface-default: var(--surface-neutral-900-static);
431
-
432
- --countdown-text-default: var(--text-body-0-static);
433
-
434
- /* Input */
435
- --input-surface-default: var(--surface-neutral-50);
436
- --input-surface-active: var(--surface-neutral-50);
437
- --input-surface-disabled: var(--surface-neutral-100);
438
- --input-surface-negative: var(--surface-neutral-50);
439
-
440
- --input-border-default: var(--border-neutral-100);
441
- --input-border-active: var(--border-brand-500-static);
442
- --input-border-disabled: var(--border-neutral-100);
443
- --input-border-negative: var(--border-status-negative);
444
-
445
- --input-icon-default: var(--surface-neutral-300);
446
- --input-icon-positive: var(--surface-status-positive-600-static);
447
- --input-icon-negative: var(--border-status-negative);
448
- --input-icon-warning: var(--surface-status-warning-500);
449
-
450
- --input-text-label-default: var(--text-body-primary);
451
- --input-text-label-disabled: var(--text-body-tertiary);
452
-
453
- --input-text-field-default: var(--text-body-primary);
454
- --input-text-field-disabled: var(--text-body-tertiary);
455
- --input-text-field-placeholder: var(--text-body-tertiary);
456
-
457
- --input-text-helper-default: var(--text-body-secondary);
458
- --input-text-helper-disabled: var(--text-body-tertiary);
459
- --input-text-helper-negative: var(--text-status-negative);
460
-
461
- /* Dropdown */
462
-
463
- --dropdown-surface-default: var(--surface-neutral-50);
464
- --dropdown-surface-active: var(--surface-neutral-50);
465
- --dropdown-surface-disabled: var(--surface-neutral-100);
466
- --dropdown-surface-negative: var(--surface-neutral-50);
467
-
468
- --dropdown-border-default: var(--border-neutral-100);
469
- --dropdown-border-active: var(--border-brand-500-static);
470
- --dropdown-border-disabled: var(--border-neutral-100);
471
- --dropdown-border-negative: var(--border-status-negative);
472
-
473
- --dropdown-icon-default: var(--surface-neutral-300);
474
- --dropdown-icon-positive: var(--surface-status-positive-600-static);
475
- --dropdown-icon-negative: var(--border-status-negative);
476
- --dropdown-icon-warning: var(--surface-status-warning-500);
477
-
478
- --dropdown-text-label-default: var(--text-body-primary);
479
- --dropdown-text-label-disabled: var(--text-body-tertiary);
480
-
481
- --dropdown-text-input-default: var(--text-body-primary);
482
- --dropdown-text-input-disabled: var(--text-body-tertiary);
483
- --dropdown-text-input-placeholder: var(--text-body-tertiary);
484
-
485
- --dropdown-text-helper-default: var(--text-body-secondary);
486
- --dropdown-text-helper-disabled: var(--text-body-tertiary);
487
- --dropdown-text-helper-negative: var(--text-status-negative);
488
-
489
- /* Link */
490
-
491
- --link-default: var(--text-accent-brand-static);
492
- --link-hover: var(--text-body-primary);
493
- --link-disabled: var(--text-body-secondary);
494
- --link-visited: var(--text-accent-brand-static);
495
-
496
- /* Spinner */
497
-
498
- --spinner-surface-primary: var(--surface-brand-500-static);
499
- --spinner-surface-secondary: var(--surface-brand-50);
500
- --spinner-surface-overlay: var(--surface-neutral-0);
501
- --spinner-surface-overlay-opacity: 1;
502
-
503
- --spinner-text-title: var(--text-body-primary);
504
- --spinner-text-subtitle: var(--text-body-secondary);
505
-
506
- /* Snackbar */
507
-
508
- --snackbar-surface-neutral: var(--surface-brand-50);
509
- --snackbar-surface-positive: var(--surface-status-positive-50);
510
- --snackbar-surface-warning: var(--surface-status-warning-50);
511
- --snackbar-surface-negative: var(--surface-status-negative-50);
512
-
513
- --snackbar-border-neutral: var(--border-brand-500-static);
514
- --snackbar-border-positive: var(--border-status-positive-static);
515
- --snackbar-border-warning: var(--border-status-warning);
516
- --snackbar-border-negative: var(--border-status-negative);
517
-
518
- --snackbar-icon-brand: var(--icon-brand-500-static);
519
- --snackbar-icon-positive: var(--icon-status-positive-static);
520
- --snackbar-icon-negative: var(--icon-status-negative);
521
- --snackbar-icon-warning: var(--icon-status-warning);
522
-
523
- --snackbar-text-default: var(--text-body-primary);
524
- --snackbar-text-link: var(--link-default);
525
- --snackbar-text-positive: var(--text-status-positive-static);
526
- --snackbar-text-warning: var(--text-status-warning);
527
- --snackbar-text-negative: var(--text-status-negative);
528
-
529
- /* Toggle-switch */
530
-
531
- --toggle-switch-surface-primary-on: var(--surface-brand-500-static);
532
- --toggle-switch-surface-primary-off: var(--surface-neutral-200);
533
- --toggle-switch-surface-primary-disabled: var(--surface-neutral-200);
534
-
535
- --toggle-switch-surface-secondary-on: var(--surface-neutral-100);
536
- --toggle-switch-surface-secondary-off: var(--surface-neutral-100);
537
- --toggle-switch-surface-secondary-disabled: var(--surface-neutral-200);
538
-
539
- --toggle-switch-text-default: var(--text-body-primary);
540
- --toggle-switch-text-disabled: var(--text-body-tertiary);
541
- --toggle-switch-text-negative: var(--text-status-negative);
542
- --toggle-switch-text-link: var(--text-accent-brand-static);
543
- }
@@ -1,25 +0,0 @@
1
- import { d as o, y as s } from "./vendor-preact-CK0WeTOR.js";
2
- import { g as l } from "./instance-B-q0ZREN.js";
3
- import { u as c } from "./incodeModule-Dv8Qllrv.js";
4
- function h() {
5
- const n = l(), [, e] = o(0), [d, r] = o(n.isInitialized);
6
- return s(() => {
7
- const t = () => {
8
- e((a) => a + 1);
9
- }, i = () => {
10
- r(!0), e((a) => a + 1);
11
- };
12
- return n.on("languageChanged", t), n.on("initialized", i), n.on("loaded", t), () => {
13
- n.off("languageChanged", t), n.off("initialized", i), n.off("loaded", t);
14
- };
15
- }, [n]), {
16
- t: n.t.bind(n),
17
- ready: d,
18
- i18n: n
19
- };
20
- }
21
- const m = ({ children: n, className: e }) => /* @__PURE__ */ c("h2", { class: `IncodeTitle ${e ?? ""}`, children: n });
22
- export {
23
- m as T,
24
- h as u
25
- };
@@ -1 +0,0 @@
1
- export { }
@@ -1 +0,0 @@
1
- export { }
@@ -1,57 +0,0 @@
1
- import { EmailConfig } from '@incodetech/core/email';
2
- import { FC } from 'preact/compat';
3
-
4
- /**
5
- * Email verification UI component.
6
- *
7
- * Provides a complete email verification experience including:
8
- * - Email address input with validation
9
- * - OTP code entry with resend functionality
10
- * - Loading states and error handling
11
- *
12
- * @example Basic usage
13
- * ```tsx
14
- * <Email
15
- * config={{
16
- * otpVerification: true,
17
- * otpExpirationInMinutes: 5,
18
- * prefill: false,
19
- * }}
20
- * onFinish={() => router.push('/next-step')}
21
- * onError={(err) => toast.error(err)}
22
- * />
23
- * ```
24
- *
25
- * @see {@link createEmailManager} for headless usage
26
- */
27
- export declare const Email: FC<EmailProps>;
28
-
29
- /**
30
- * Props for the Email component
31
- */
32
- declare type EmailProps = IncodeModuleProps<EmailConfig>;
33
-
34
- declare type IncodeModuleProps<TConfig, TResult = void> = {
35
- /**
36
- * Module configuration required to render the flow.
37
- * For Web Components, this is typically assigned via `element.config = ...`.
38
- */
39
- config?: TConfig;
40
- /**
41
- * Callback invoked when the module completes successfully.
42
- * @param result - Optional result data from the module completion
43
- */
44
- onFinish?: (result?: TResult) => void;
45
- /**
46
- * Callback invoked when a fatal module error occurs.
47
- */
48
- onError?: (error: string | undefined) => void;
49
- };
50
-
51
- export { }
52
-
53
- declare global {
54
- interface HTMLElementTagNameMap {
55
- 'incode-email': HTMLElement & IncodeModuleProps<EmailConfig>;
56
- }
57
- }
@@ -1,69 +0,0 @@
1
- import { FC } from 'preact/compat';
2
- import { FinishStatus } from '@incodetech/core/flow';
3
- import { WasmConfig } from '@incodetech/core';
4
-
5
- export declare type FlowConfig = {
6
- apiURL: string;
7
- token: string;
8
- wasmConfig?: WasmConfig;
9
- lang?: string;
10
- disableDashboardTheme?: boolean;
11
- onModuleLoading?: (moduleKey: string) => void;
12
- onModuleLoaded?: (moduleKey: string) => void;
13
- onWasmWarmup?: (pipelines: string[]) => void;
14
- spinnerConfig?: SpinnerConfig;
15
- };
16
-
17
- export declare const IncodeFlow: FC<IncodeFlowProps>;
18
-
19
- declare type IncodeFlowProps = IncodeModuleProps<FlowConfig, FinishStatus>;
20
-
21
- declare type IncodeModuleProps<TConfig, TResult = void> = {
22
- /**
23
- * Module configuration required to render the flow.
24
- * For Web Components, this is typically assigned via `element.config = ...`.
25
- */
26
- config?: TConfig;
27
- /**
28
- * Callback invoked when the module completes successfully.
29
- * @param result - Optional result data from the module completion
30
- */
31
- onFinish?: (result?: TResult) => void;
32
- /**
33
- * Callback invoked when a fatal module error occurs.
34
- */
35
- onError?: (error: string | undefined) => void;
36
- };
37
-
38
- declare type PreloadConfig = {
39
- apiURL: string;
40
- token: string;
41
- lang?: string;
42
- disableDashboardTheme?: boolean;
43
- wasmConfig?: WasmConfig;
44
- };
45
-
46
- export declare type PreloadHandle = {
47
- get isReady(): boolean;
48
- get error(): string | null;
49
- waitUntilReady(): Promise<void>;
50
- cancel(): void;
51
- };
52
-
53
- export declare function preloadIncodeFlow(config: PreloadConfig): PreloadHandle;
54
-
55
- export declare type SpinnerConfig = {
56
- title?: string;
57
- subtitle?: string;
58
- size?: SpinnerSize;
59
- };
60
-
61
- declare type SpinnerSize = 'small' | 'medium' | 'large';
62
-
63
- export { }
64
-
65
- declare global {
66
- interface HTMLElementTagNameMap {
67
- 'incode-flow': HTMLElement & IncodeModuleProps<FlowConfig, FinishStatus>;
68
- }
69
- }