@unlayer/types 1.386.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.
Files changed (42) hide show
  1. package/dist/containers/body.d.ts +162 -0
  2. package/dist/containers/column.d.ts +85 -0
  3. package/dist/containers/content.d.ts +62 -0
  4. package/dist/containers/footer.d.ts +79 -0
  5. package/dist/containers/header.d.ts +79 -0
  6. package/dist/containers/index.d.ts +6 -0
  7. package/dist/containers/row.d.ts +100 -0
  8. package/dist/design.d.ts +102 -0
  9. package/dist/editor/audit.d.ts +31 -0
  10. package/dist/editor/config.d.ts +41 -0
  11. package/dist/editor/design.d.ts +16 -0
  12. package/dist/editor/display-conditions.d.ts +5 -0
  13. package/dist/editor/editor.d.ts +467 -0
  14. package/dist/editor/export.d.ts +104 -0
  15. package/dist/editor/features.d.ts +122 -0
  16. package/dist/editor/font.d.ts +24 -0
  17. package/dist/editor/index.d.ts +15 -0
  18. package/dist/editor/intl.d.ts +16 -0
  19. package/dist/editor/link-types.d.ts +72 -0
  20. package/dist/editor/merge-tags.d.ts +28 -0
  21. package/dist/editor/style-guide.d.ts +20 -0
  22. package/dist/editor/theme.d.ts +775 -0
  23. package/dist/editor/types.d.ts +23 -0
  24. package/dist/editor/utils.d.ts +88 -0
  25. package/dist/index.d.ts +3 -0
  26. package/dist/tools/button.d.ts +111 -0
  27. package/dist/tools/carousel.d.ts +52 -0
  28. package/dist/tools/divider.d.ts +54 -0
  29. package/dist/tools/form.d.ts +159 -0
  30. package/dist/tools/heading.d.ts +79 -0
  31. package/dist/tools/html.d.ts +48 -0
  32. package/dist/tools/image.d.ts +75 -0
  33. package/dist/tools/index.d.ts +17 -0
  34. package/dist/tools/menu.d.ts +91 -0
  35. package/dist/tools/page-break.d.ts +57 -0
  36. package/dist/tools/paragraph.d.ts +76 -0
  37. package/dist/tools/social.d.ts +58 -0
  38. package/dist/tools/table.d.ts +178 -0
  39. package/dist/tools/text.d.ts +76 -0
  40. package/dist/tools/timer.d.ts +87 -0
  41. package/dist/tools/video.d.ts +72 -0
  42. package/package.json +44 -0
package/dist/editor/theme.d.ts ADDED
@@ -0,0 +1,775 @@
1
+ // Auto-generated by build-values-types.js. Do not edit manually.
2
+
3
+ import type { Features } from './features';
4
+ import type { DeepPartial } from './utils';
5
+
6
+ export type AppearanceConfig = {
7
+ actionBar?: {
8
+ placement?: 'top' | 'bottom' | 'top_left' | 'top_right' | 'bottom_left' | 'bottom_right' | undefined;
9
+ };
10
+ /** @deprecated Use unlayer.init({ features: { ... }}) instead */
11
+ features?: object;
12
+ loader?: {
13
+ url?: string | undefined;
14
+ html?: string | undefined;
15
+ css?: string | undefined;
16
+ };
17
+ panels?: {
18
+ tools?: {
19
+ dock?: 'left' | 'right';
20
+ collapsible?: boolean;
21
+ forceUncollapseOnSelect?: boolean;
22
+ tabs?: {
23
+ body?: {
24
+ visible?: boolean;
25
+ };
26
+ };
27
+ };
28
+ };
29
+ theme?: ThemeNamePlusLightDark | ThemeExtension;
30
+ };
31
+
32
+ export type ThemeName = 'classic_light' | 'classic_dark' | 'modern_light' | 'modern_dark';
33
+
34
+ export type ThemeNamePlusLightDark = ThemeName | 'light' | 'dark';
35
+
36
+ export type Theme = {
37
+ name: ThemeName;
38
+ isCustom?: boolean;
39
+ isDark: boolean;
40
+ isClassic?: boolean;
41
+ mapping: {
42
+ [key: string]: Record<string, string>;
43
+ borderRadius: Record<BorderRadius, string>;
44
+ colors: Record<ThemeColor, string>;
45
+ };
46
+ components: {
47
+ textEditor: {
48
+ toolbar: {
49
+ backgroundColor: ColorValue;
50
+ borderColor: ColorValue;
51
+ separatorColor: ColorValue;
52
+ button: {
53
+ backgroundColor: ColorValue;
54
+ textColor: ColorValue;
55
+ borderColor: ColorValue;
56
+ ':hover'?: {
57
+ backgroundColor?: ColorValue;
58
+ textColor?: ColorValue;
59
+ borderColor?: ColorValue;
60
+ };
61
+ ':active'?: {
62
+ backgroundColor: ColorValue;
63
+ textColor?: ColorValue;
64
+ borderColor?: ColorValue;
65
+ };
66
+ };
67
+ };
68
+ };
69
+ actionBar?: (Partial<Theme['components']['bar']> & {
70
+ compact?: boolean;
71
+ defaultPlacement: NonNullable<AppearanceConfig['actionBar']>['placement'];
72
+ }) | undefined;
73
+ shimmerLoader: {
74
+ fromColor: ColorValue;
75
+ toColor: ColorValue;
76
+ };
77
+ audit: {
78
+ error: {
79
+ backgroundColor: ColorValue;
80
+ textColor: ColorValue;
81
+ iconColor: ColorValue;
82
+ borderColor: ColorValue;
83
+ borderRadius: BorderRadiusValue;
84
+ ':hover': {
85
+ backgroundColor?: ColorValue;
86
+ textColor?: ColorValue;
87
+ iconColor?: ColorValue;
88
+ borderColor?: ColorValue;
89
+ };
90
+ };
91
+ };
92
+ bannerMessage: Record<BannerMessageVariant, {
93
+ backgroundColor: ColorValue;
94
+ textColor: ColorValue;
95
+ borderColor: ColorValue;
96
+ iconColor: ColorValue;
97
+ }> & {
98
+ borderRadius: BorderRadiusValue;
99
+ };
100
+ bar: {
101
+ backgroundColor: ColorValue;
102
+ textColor?: ColorValue;
103
+ borderColor?: ColorValue;
104
+ borderRadius?: BorderRadiusValue;
105
+ button: {
106
+ backgroundColor: ColorValue;
107
+ textColor?: ColorValue;
108
+ borderColor?: ColorValue;
109
+ borderRadius?: BorderRadiusValue;
110
+ disabledTextColor?: string;
111
+ ':hover': {
112
+ backgroundColor: ColorValue;
113
+ textColor?: ColorValue;
114
+ borderColor?: ColorValue;
115
+ };
116
+ ':pressed': {
117
+ backgroundColor: ColorValue;
118
+ textColor?: ColorValue;
119
+ borderColor?: ColorValue;
120
+ };
121
+ ':selected': {
122
+ backgroundColor?: ColorValue;
123
+ textColor?: ColorValue;
124
+ borderColor?: ColorValue;
125
+ };
126
+ ':highlighted': {
127
+ backgroundColor?: ColorValue;
128
+ textColor?: ColorValue;
129
+ borderColor?: ColorValue;
130
+ };
131
+ ':destructive': {
132
+ backgroundColor?: ColorValue;
133
+ textColor?: ColorValue;
134
+ };
135
+ };
136
+ dropdown: {
137
+ item: {
138
+ backgroundColor: ColorValue | undefined;
139
+ textColor: ColorValue | undefined;
140
+ ':selected'?: {
141
+ textColor?: ColorValue;
142
+ };
143
+ };
144
+ };
145
+ separator: {
146
+ borderColor?: ColorValue;
147
+ };
148
+ };
149
+ badge: {
150
+ backgroundColor: ColorValue;
151
+ textColor?: ColorValue;
152
+ borderColor?: ColorValue;
153
+ borderRadius?: BorderRadiusValue;
154
+ };
155
+ buttons: Record<ThemeVariant, ButtonThemeObject & {
156
+ ':hover': Partial<ButtonThemeObject>;
157
+ ':pressed': Partial<ButtonThemeObject>;
158
+ ':disabled'?: Partial<ButtonThemeObject>;
159
+ }>;
160
+ checkbox: {
161
+ backgroundColor: ColorValue;
162
+ borderColor: ColorValue;
163
+ borderRadius: BorderRadiusValue;
164
+ checkColor?: ColorValue;
165
+ label: {
166
+ textColor?: ColorValue;
167
+ };
168
+ ':checked': {
169
+ backgroundColor: ColorValue;
170
+ borderColor?: ColorValue;
171
+ borderRadius?: BorderRadiusValue;
172
+ checkColor?: ColorValue;
173
+ label?: {
174
+ textColor?: ColorValue;
175
+ };
176
+ };
177
+ };
178
+ counter: {
179
+ button?: Theme['components']['buttons']['secondary'];
180
+ dropdown?: Partial<Theme['components']['dropdown']>;
181
+ input?: Theme['components']['input'];
182
+ };
183
+ dropdown: {
184
+ button: {
185
+ backgroundColor: ColorValue;
186
+ borderColor: ColorValue;
187
+ borderRadius: BorderRadiusValue;
188
+ textColor: ColorValue;
189
+ ':disabled'?: {
190
+ backgroundColor?: ColorValue;
191
+ borderColor?: ColorValue;
192
+ textColor?: ColorValue;
193
+ };
194
+ ':hover'?: {
195
+ backgroundColor?: ColorValue;
196
+ borderColor?: ColorValue;
197
+ textColor?: ColorValue;
198
+ };
199
+ ':open'?: {
200
+ backgroundColor?: ColorValue;
201
+ borderColor?: ColorValue;
202
+ borderRadius?: BorderRadiusValue;
203
+ textColor?: ColorValue;
204
+ };
205
+ };
206
+ popover: {
207
+ backgroundColor: ColorValue;
208
+ borderColor: ColorValue;
209
+ boxShadowColor?: ColorValue;
210
+ borderRadius: BorderRadiusValue;
211
+ textColor: ColorValue;
212
+ };
213
+ item: {
214
+ backgroundColor: ColorValue;
215
+ textColor: ColorValue;
216
+ ':disabled'?: {
217
+ backgroundColor?: ColorValue;
218
+ textColor?: ColorValue;
219
+ };
220
+ ':hover'?: {
221
+ backgroundColor?: ColorValue;
222
+ textColor?: ColorValue;
223
+ };
224
+ ':selected'?: {
225
+ backgroundColor?: ColorValue;
226
+ textColor?: ColorValue;
227
+ };
228
+ ':highlighted'?: {
229
+ backgroundColor?: ColorValue;
230
+ textColor?: ColorValue;
231
+ };
232
+ };
233
+ separator: {
234
+ borderColor?: ColorValue;
235
+ };
236
+ };
237
+ input: {
238
+ backgroundColor?: ColorValue;
239
+ borderColor?: ColorValue;
240
+ borderRadius?: BorderRadiusValue;
241
+ textColor?: ColorValue;
242
+ placeholderColor?: ColorValue;
243
+ label?: {
244
+ textColor?: ColorValue;
245
+ backgroundColor?: ColorValue;
246
+ borderColor?: ColorValue;
247
+ };
248
+ messages?: Record<'default' | 'info' | 'warning' | 'error' | 'success', {
249
+ textColor: ColorValue;
250
+ }>;
251
+ ':hover'?: {
252
+ backgroundColor?: ColorValue;
253
+ borderColor?: ColorValue;
254
+ borderRadius?: BorderRadiusValue;
255
+ textColor?: ColorValue;
256
+ placeholderColor?: ColorValue;
257
+ };
258
+ ':active'?: {
259
+ backgroundColor?: ColorValue;
260
+ borderColor?: ColorValue;
261
+ borderRadius?: BorderRadiusValue;
262
+ textColor?: ColorValue;
263
+ placeholderColor?: ColorValue;
264
+ };
265
+ ':disabled'?: {
266
+ backgroundColor?: ColorValue;
267
+ borderColor?: ColorValue;
268
+ textColor?: ColorValue;
269
+ label?: {
270
+ backgroundColor?: ColorValue;
271
+ textColor?: ColorValue;
272
+ };
273
+ };
274
+ };
275
+ previewBar?: Partial<Theme['components']['bar']> | undefined;
276
+ accordion: {
277
+ syncedBlocks: {
278
+ backgroundColor: ColorValue;
279
+ borderRadius: BorderRadiusValue;
280
+ header: {
281
+ backgroundColor: ColorValue;
282
+ textColor: ColorValue;
283
+ buttonColor: ColorValue;
284
+ ':hover': {
285
+ backgroundColor: ColorValue;
286
+ };
287
+ };
288
+ content: {
289
+ backgroundColor: ColorValue;
290
+ textColor: ColorValue;
291
+ };
292
+ icon: {
293
+ color: ColorValue;
294
+ };
295
+ title: {
296
+ color: ColorValue;
297
+ };
298
+ subtext: {
299
+ color: ColorValue;
300
+ };
301
+ dialog: {
302
+ backgroundColor: ColorValue;
303
+ overlayColor: ColorValue;
304
+ borderRadius: BorderRadiusValue;
305
+ };
306
+ ':closed': {
307
+ header: {
308
+ backgroundColor: ColorValue;
309
+ textColor: ColorValue;
310
+ buttonColor: ColorValue;
311
+ };
312
+ };
313
+ };
314
+ backgroundColor: ColorValue;
315
+ borderColor: ColorValue;
316
+ header: {
317
+ backgroundColor?: ColorValue;
318
+ textColor?: ColorValue;
319
+ buttonColor?: ColorValue;
320
+ rightLabel: {
321
+ backgroundColor?: ColorValue;
322
+ textColor?: ColorValue;
323
+ };
324
+ ':hover'?: {
325
+ backgroundColor?: ColorValue;
326
+ };
327
+ };
328
+ content: {
329
+ backgroundColor?: ColorValue;
330
+ textColor?: ColorValue;
331
+ };
332
+ ':closed': {
333
+ borderColor?: ColorValue;
334
+ header?: {
335
+ backgroundColor?: ColorValue;
336
+ textColor?: ColorValue;
337
+ buttonColor?: ColorValue;
338
+ };
339
+ };
340
+ ai?: {
341
+ backgroundColor?: ColorValue;
342
+ header?: {
343
+ backgroundColor?: ColorValue;
344
+ textColor?: ColorValue;
345
+ aiIconColor?: ColorValue;
346
+ ':hover'?: {
347
+ backgroundColor?: ColorValue;
348
+ };
349
+ };
350
+ content?: {
351
+ backgroundColor?: ColorValue;
352
+ textColor?: ColorValue;
353
+ };
354
+ ':closed'?: {
355
+ borderColor?: ColorValue;
356
+ header?: {
357
+ backgroundColor?: ColorValue;
358
+ textColor?: ColorValue;
359
+ };
360
+ };
361
+ };
362
+ };
363
+ popover: {
364
+ backgroundColor: ColorValue;
365
+ textColor?: ColorValue;
366
+ borderColor?: ColorValue;
367
+ borderRadius?: BorderRadiusValue;
368
+ padding?: string;
369
+ offset?: number;
370
+ arrow?: {
371
+ enabled?: boolean;
372
+ };
373
+ };
374
+ radio: {
375
+ backgroundColor: ColorValue;
376
+ borderColor: ColorValue;
377
+ thumbColor?: ColorValue;
378
+ label: {
379
+ textColor?: ColorValue;
380
+ };
381
+ ':checked': {
382
+ backgroundColor: ColorValue;
383
+ borderColor?: ColorValue;
384
+ thumbColor?: ColorValue;
385
+ label?: {
386
+ textColor?: ColorValue;
387
+ };
388
+ };
389
+ };
390
+ segmentedControl: {
391
+ borderRadius: BorderRadiusValue;
392
+ item: {
393
+ backgroundColor: ColorValue;
394
+ textColor: ColorValue;
395
+ borderColor: ColorValue;
396
+ ':hover': {
397
+ backgroundColor: ColorValue;
398
+ textColor: ColorValue;
399
+ borderColor: ColorValue;
400
+ };
401
+ ':pressed': {
402
+ backgroundColor: ColorValue;
403
+ textColor: ColorValue;
404
+ borderColor: ColorValue;
405
+ };
406
+ ':selected': {
407
+ backgroundColor: ColorValue;
408
+ textColor: ColorValue;
409
+ borderColor: ColorValue;
410
+ };
411
+ };
412
+ };
413
+ tabs: {
414
+ backgroundColor: ColorValue;
415
+ borderRadius: BorderRadiusValue;
416
+ tab: {
417
+ backgroundColor: ColorValue;
418
+ textColor: ColorValue;
419
+ borderColor: ColorValue;
420
+ borderRadius: BorderRadiusValue;
421
+ ':hover': {
422
+ backgroundColor: ColorValue;
423
+ textColor: ColorValue;
424
+ borderColor: ColorValue;
425
+ };
426
+ ':pressed': {
427
+ backgroundColor: ColorValue;
428
+ textColor: ColorValue;
429
+ borderColor: ColorValue;
430
+ };
431
+ ':selected': {
432
+ backgroundColor: ColorValue;
433
+ textColor: ColorValue;
434
+ borderColor: ColorValue;
435
+ };
436
+ };
437
+ };
438
+ toast: Record<ToastVariant, {
439
+ backgroundColor: ColorValue;
440
+ textColor: ColorValue;
441
+ borderColor: ColorValue;
442
+ iconColor: ColorValue;
443
+ }> & {
444
+ borderRadius: BorderRadiusValue;
445
+ };
446
+ toggle: {
447
+ backgroundColor: ColorValue;
448
+ textColor: ColorValue;
449
+ thumbColor: ColorValue;
450
+ ':checked': {
451
+ backgroundColor: ColorValue;
452
+ thumbColor: ColorValue;
453
+ };
454
+ };
455
+ tooltip: {
456
+ backgroundColor: ColorValue;
457
+ textColor?: ColorValue;
458
+ borderColor?: ColorValue;
459
+ borderRadius?: BorderRadiusValue;
460
+ padding?: string;
461
+ offset?: number;
462
+ arrow?: {
463
+ enabled?: boolean;
464
+ };
465
+ };
466
+ modal: {
467
+ backgroundColor: ColorValue;
468
+ borderColor: ColorValue;
469
+ textColor?: ColorValue;
470
+ };
471
+ datePicker: {
472
+ border: ColorValue;
473
+ day: {
474
+ current_month: {
475
+ textColor: ColorValue;
476
+ ':selected': {
477
+ textColor?: ColorValue;
478
+ backgroundColor?: ColorValue;
479
+ };
480
+ };
481
+ outside_month: {
482
+ textColor: ColorValue;
483
+ };
484
+ };
485
+ month: {
486
+ backgroundColor: ColorValue;
487
+ };
488
+ header: {
489
+ backgroundColor: ColorValue;
490
+ };
491
+ };
492
+ avatar: {
493
+ backgroundColor: ColorValue;
494
+ textColor: ColorValue;
495
+ shadowColor: ColorValue;
496
+ };
497
+ placeholder: {
498
+ borderColor: ColorValue;
499
+ color: ColorValue;
500
+ backgroundColor: ColorValue;
501
+ };
502
+ inboxPreview: {
503
+ container: {
504
+ borderColor: ColorValue;
505
+ };
506
+ leftPanel: {
507
+ deviceHeader: {
508
+ backgroundColor: ColorValue;
509
+ borderColor: ColorValue;
510
+ };
511
+ preview: {
512
+ backgroundColor: ColorValue;
513
+ borderColor: ColorValue;
514
+ };
515
+ zoomControls: {
516
+ backgroundColor: string;
517
+ boxShadowColor: string;
518
+ button: {
519
+ backgroundColor: ColorValue;
520
+ borderColor: ColorValue;
521
+ textColor: ColorValue;
522
+ ':hover': {
523
+ backgroundColor: ColorValue;
524
+ };
525
+ ':active': {
526
+ backgroundColor: ColorValue;
527
+ };
528
+ };
529
+ };
530
+ loading: {
531
+ spinnerBorder: ColorValue;
532
+ spinnerAccent: ColorValue;
533
+ textColor: ColorValue;
534
+ };
535
+ deviceTitle: {
536
+ textColor: string;
537
+ };
538
+ navButton: {
539
+ backgroundColor: string;
540
+ color: ColorValue;
541
+ ':hover': {
542
+ backgroundColor: string;
543
+ };
544
+ };
545
+ };
546
+ rightPanel: {
547
+ title: {
548
+ textColor: ColorValue;
549
+ };
550
+ syncButton: {
551
+ textColor: ColorValue;
552
+ };
553
+ description: {
554
+ textColor: ColorValue;
555
+ };
556
+ message: {
557
+ error: {
558
+ textColor: ColorValue;
559
+ };
560
+ };
561
+ errorPanel: {
562
+ iconColor: ColorValue;
563
+ circleBackground: ColorValue;
564
+ circleBackgroundAlt: ColorValue;
565
+ textColor: ColorValue;
566
+ borderColor: ColorValue;
567
+ button: {
568
+ backgroundColor: ColorValue;
569
+ textColor: ColorValue;
570
+ };
571
+ };
572
+ gallery: {
573
+ tabs: {
574
+ backgroundColor: ColorValue;
575
+ borderColor: ColorValue;
576
+ textColor: ColorValue;
577
+ ':active': {
578
+ backgroundColor: ColorValue;
579
+ borderColor: ColorValue;
580
+ };
581
+ };
582
+ preview: {
583
+ card: {
584
+ backgroundColor: ColorValue;
585
+ borderColor: ColorValue;
586
+ ':selected': {
587
+ borderColor: ColorValue;
588
+ };
589
+ };
590
+ image: {
591
+ ':selected': {
592
+ opacity: string;
593
+ };
594
+ };
595
+ info: {
596
+ backgroundColor: ColorValue;
597
+ };
598
+ title: {
599
+ textColor: ColorValue;
600
+ };
601
+ subtitle: {
602
+ textColor: ColorValue;
603
+ };
604
+ selectionIndicator: {
605
+ dropShadow: string;
606
+ };
607
+ icon: {
608
+ default: ColorValue;
609
+ selected: ColorValue;
610
+ };
611
+ };
612
+ };
613
+ };
614
+ skeleton: {
615
+ backgroundColor: string;
616
+ };
617
+ };
618
+ devTab: {
619
+ text: {
620
+ color: ColorValue;
621
+ };
622
+ container: {
623
+ backgroundColor: ColorValue;
624
+ separator: {
625
+ borderColor: ColorValue;
626
+ };
627
+ warning: {
628
+ borderColor: ColorValue;
629
+ };
630
+ };
631
+ taskItem: {
632
+ backgroundColor: ColorValue;
633
+ textColor: ColorValue;
634
+ borderColor: ColorValue;
635
+ ':hover': {
636
+ backgroundColor: ColorValue;
637
+ };
638
+ complete: {
639
+ textColor: ColorValue;
640
+ backgroundColor: ColorValue;
641
+ borderColor: ColorValue;
642
+ };
643
+ };
644
+ header: {
645
+ title: {
646
+ textColor: ColorValue;
647
+ fontSize: string;
648
+ backgroundColor?: ColorValue;
649
+ };
650
+ subtitle: {
651
+ textColor: ColorValue;
652
+ };
653
+ };
654
+ description: {
655
+ textColor: ColorValue;
656
+ fontSize: string;
657
+ };
658
+ versionInfo: {
659
+ textColor: ColorValue;
660
+ fontSize: string;
661
+ };
662
+ link: {
663
+ textColor: ColorValue;
664
+ fontSize: string;
665
+ ':hover': {
666
+ textColor: ColorValue;
667
+ };
668
+ };
669
+ icon: {
670
+ color: ColorValue;
671
+ help: {
672
+ color: ColorValue;
673
+ ':hover': {
674
+ color: ColorValue;
675
+ };
676
+ };
677
+ success: {
678
+ color: ColorValue;
679
+ };
680
+ warning: {
681
+ color: ColorValue;
682
+ };
683
+ error: {
684
+ color: ColorValue;
685
+ };
686
+ };
687
+ accordion: {
688
+ button: {
689
+ padding: string;
690
+ borderColor: ColorValue;
691
+ };
692
+ };
693
+ error: {
694
+ backgroundColor: ColorValue;
695
+ borderColor: ColorValue;
696
+ textColor: ColorValue;
697
+ };
698
+ login: {
699
+ textColor: ColorValue;
700
+ fontSize: string;
701
+ ':hover': {
702
+ textColor: ColorValue;
703
+ };
704
+ };
705
+ reload: {
706
+ textColor: ColorValue;
707
+ fontSize: string;
708
+ heading: {
709
+ textColor: ColorValue;
710
+ fontSize: string;
711
+ };
712
+ description: {
713
+ textColor: ColorValue;
714
+ fontSize: string;
715
+ };
716
+ button: {
717
+ textColor: ColorValue;
718
+ fontSize: string;
719
+ ':hover': {
720
+ textColor: ColorValue;
721
+ };
722
+ };
723
+ };
724
+ success: {
725
+ icon: {
726
+ color: ColorValue;
727
+ fontSize: string;
728
+ };
729
+ title: {
730
+ textColor: ColorValue;
731
+ fontSize: string;
732
+ };
733
+ description: {
734
+ textColor: ColorValue;
735
+ fontSize: string;
736
+ };
737
+ };
738
+ };
739
+ };
740
+ };
741
+
742
+ export type ThemeVariant = 'primary' | 'secondary' | 'tertiary' | 'ai' | 'ai_outline' | 'danger' | 'synced_blocks';
743
+
744
+ export type BannerMessageVariant = 'success' | 'warning' | 'default' | 'danger';
745
+
746
+ type ToastVariant = 'success' | 'warning' | 'default' | 'danger';
747
+
748
+ export type ThemeColor = 'accent_01' | 'accent_02' | 'accent_03' | 'accent_04' | 'accent_05' | 'ai_01' | 'ai_02' | 'ai_03' | 'ai_04' | 'ai_05' | 'amp_01' | 'black_00' | 'black_01' | 'black_02' | 'black_03' | 'black_04' | 'black_05' | 'black_06' | 'black_07' | 'black_08' | 'black_09' | 'black_10' | 'destructive_01' | 'destructive_02' | 'destructive_03' | 'destructive_04' | 'destructive_05' | 'destructive_06' | 'destructive_07' | 'destructive_08' | 'destructive_09' | 'primary_01' | 'primary_02' | 'primary_03' | 'primary_04' | 'primary_05' | 'primary_06' | 'primary_07' | 'primary_08' | 'primary_09' | 'primary_10' | 'primary_11' | 'red_01' | 'success_01' | 'success_02' | 'success_03' | 'success_04' | 'success_05' | 'success_06' | 'success_07' | 'success_08' | 'success_09' | 'sync_01' | 'sync_02' | 'sync_03' | 'sync_04' | 'sync_05' | 'transparent' | 'warning_01' | 'warning_02' | 'warning_03' | 'warning_04' | 'warning_05' | 'warning_06' | 'warning_07' | 'warning_08' | 'warning_09' | 'white_00' | 'white_01' | 'white_02' | 'white_03' | 'white_04' | 'white_05' | 'white_06' | 'white_07' | 'white_08' | 'white_09';
749
+
750
+ export type ThemeExtension = {
751
+ name: string;
752
+ extends: ThemeName;
753
+ isDark: boolean;
754
+ isClassic?: boolean;
755
+ mapping?: DeepPartial<Theme['mapping']>;
756
+ components?: DeepPartial<Theme['components']>;
757
+ };
758
+
759
+ export type BorderRadius = 'none' | 'min' | 'mid' | 'max' | 'full';
760
+
761
+ export type ButtonThemeObject = {
762
+ backgroundColor: ColorValue;
763
+ textColor: ColorValue;
764
+ borderColor: ColorValue;
765
+ borderRadius?: BorderRadiusValue;
766
+ outlineColor?: ColorValue;
767
+ };
768
+
769
+ export type BorderRadiusValue = `{${BorderRadius}}`;
770
+
771
+ export type ColorValue = `{${ThemeColor}}` | `darken(${number}%, {${ThemeColor}})` | `fade(${number}%, {${ThemeColor}})` | `lighten(${number}%, {${ThemeColor}})`;
772
+
773
+ // ───────────────────────────────────────────────────────────────────────────
774
+ // Features
775
+ // ───────────────────────────────────────────────────────────────────────────