@mirohq/design-system-toolbar 2.0.12 → 2.0.13-colors.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 (2) hide show
  1. package/dist/types.d.ts +548 -284
  2. package/package.json +5 -5
package/dist/types.d.ts CHANGED
@@ -18,80 +18,146 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Pick<Omit<{
18
18
  readonly lg: "4px";
19
19
  };
20
20
  colors: {
21
+ readonly 'blue-100': any;
22
+ readonly 'blue-200': any;
23
+ readonly 'blue-300': any;
24
+ readonly 'blue-400': any;
25
+ readonly 'blue-500': any;
26
+ readonly 'blue-600': any;
27
+ readonly 'blue-700': any;
28
+ readonly 'blue-800': any;
29
+ readonly 'blue-900': any;
30
+ readonly 'blue-1000': any;
31
+ readonly 'gray-100': any;
32
+ readonly 'gray-200': any;
33
+ readonly 'gray-300': any;
34
+ readonly 'gray-400': any;
35
+ readonly 'gray-500': any;
36
+ readonly 'gray-600': any;
37
+ readonly 'gray-700': any;
38
+ readonly 'gray-800': any;
39
+ readonly 'gray-900': any;
40
+ readonly 'indigo-100': any;
41
+ readonly 'indigo-200': any;
42
+ readonly 'indigo-300': any;
43
+ readonly 'indigo-400': any;
44
+ readonly 'indigo-500': any;
45
+ readonly 'indigo-600': any;
46
+ readonly 'indigo-700': any;
47
+ readonly 'indigo-800': any;
48
+ readonly 'indigo-900': any;
49
+ readonly 'red-100': any;
50
+ readonly 'red-200': any;
51
+ readonly 'red-300': any;
52
+ readonly 'red-400': any;
53
+ readonly 'red-500': any;
54
+ readonly 'red-600': any;
55
+ readonly 'red-700': any;
56
+ readonly 'red-800': any;
57
+ readonly 'red-900': any;
58
+ readonly 'yellow-100': any;
59
+ readonly 'yellow-200': any;
60
+ readonly 'yellow-300': any;
61
+ readonly 'yellow-400': any;
62
+ readonly 'yellow-500': any;
63
+ readonly 'yellow-600': any;
64
+ readonly 'yellow-700': any;
65
+ readonly 'yellow-800': any;
66
+ readonly 'yellow-900': any;
67
+ readonly 'green-100': any;
68
+ readonly 'green-200': any;
69
+ readonly 'green-300': any;
70
+ readonly 'green-400': any;
71
+ readonly 'green-500': any;
72
+ readonly 'green-600': any;
73
+ readonly 'green-700': any;
74
+ readonly 'green-800': any;
75
+ readonly 'green-900': any;
21
76
  readonly black: any;
22
- readonly 'blue-10': any;
23
- readonly 'blue-20': any;
24
- readonly 'blue-50': any;
25
- readonly 'blue-60': any;
26
- readonly 'blue-70': any;
27
- readonly 'blue-80': any;
28
- readonly 'gray-20': any;
29
- readonly 'gray-30': any;
30
- readonly 'gray-40': any;
31
- readonly 'gray-50': any;
32
- readonly 'green-70': any;
33
- readonly 'indigo-20': any;
34
- readonly 'indigo-30': any;
35
- readonly 'indigo-50': any;
36
- readonly 'indigo-70': any;
37
- readonly 'indigo-90': any;
38
- readonly 'pink-20': any;
39
- readonly 'pink-50': any;
40
- readonly 'red-10': any;
41
- readonly 'red-20': any;
42
- readonly 'red-30': any;
43
- readonly 'red-50': any;
44
- readonly 'red-60': any;
45
- readonly transparent: any;
46
77
  readonly white: any;
47
- readonly 'yellow-20': any;
48
- readonly 'yellow-60': any;
49
- readonly 'background-cta-active'?: any;
50
- readonly 'background-cta-disabled'?: any;
51
- readonly 'background-cta-hover'?: any;
52
- readonly 'background-cta-idle'?: any;
53
- readonly 'background-danger-active'?: any;
78
+ readonly transparent: any;
79
+ readonly 'background-neutrals'?: any;
80
+ readonly 'background-neutrals-body'?: any;
81
+ readonly 'background-neutrals-container'?: any;
82
+ readonly 'background-neutrals-inverted'?: any;
83
+ readonly 'background-neutrals-inverted-subtle'?: any;
84
+ readonly 'background-neutrals-subtle'?: any;
85
+ readonly 'background-neutrals-subtle-hover'?: any;
86
+ readonly 'background-neutrals-subtle-active'?: any;
87
+ readonly 'background-neutrals-disabled'?: any;
88
+ readonly 'background-neutrals-controls-disabled'?: any;
89
+ readonly 'background-neutrals-scrolls'?: any;
90
+ readonly 'background-neutrals-inactive'?: any;
91
+ readonly 'background-neutrals-inactive-hover'?: any;
92
+ readonly 'background-primary-prominent'?: any;
93
+ readonly 'background-primary-prominent-hover'?: any;
94
+ readonly 'background-primary-prominent-active'?: any;
95
+ readonly 'background-primary-prominent-selected'?: any;
96
+ readonly 'background-primary-subtle'?: any;
97
+ readonly 'background-primary-subtle-hover'?: any;
98
+ readonly 'background-primary-subtle-active'?: any;
99
+ readonly 'background-primary-subtle-selected'?: any;
100
+ readonly 'background-danger-prominent'?: any;
101
+ readonly 'background-danger-prominent-hover'?: any;
102
+ readonly 'background-danger-prominent-active'?: any;
103
+ readonly 'background-danger'?: any;
54
104
  readonly 'background-danger-hover'?: any;
55
- readonly 'background-danger-idle'?: any;
56
- readonly 'background-default-active'?: any;
57
- readonly 'background-default-disabled'?: any;
58
- readonly 'background-default-hover'?: any;
59
- readonly 'background-default-idle'?: any;
60
- readonly 'background-default-selected'?: any;
61
- readonly 'background-default-selected-active'?: any;
62
- readonly 'background-info-idle'?: any;
63
- readonly 'background-primary'?: any;
64
- readonly 'background-secondary'?: any;
65
- readonly 'background-success-idle'?: any;
66
- readonly 'background-warning-idle'?: any;
67
- readonly 'border-cta-idle'?: any;
68
- readonly 'border-default-active'?: any;
69
- readonly 'border-default-error'?: any;
70
- readonly 'border-default-hover'?: any;
71
- readonly 'border-default-idle'?: any;
72
- readonly 'border-default-selected'?: any;
73
- readonly 'canvas-primary'?: any;
74
- readonly 'divider-default'?: any;
75
- readonly 'focus-ring-default'?: any;
76
- readonly 'font-cta-idle'?: any;
77
- readonly 'font-default-active'?: any;
78
- readonly 'font-default-disabled'?: any;
79
- readonly 'font-default-error'?: any;
80
- readonly 'font-default-hover'?: any;
81
- readonly 'font-default-idle'?: any;
82
- readonly 'font-default-selected'?: any;
83
- readonly 'font-default-visited'?: any;
84
- readonly 'font-primary'?: any;
85
- readonly 'font-secondary'?: any;
86
- readonly 'font-tertiary'?: any;
87
- readonly 'icon-cta-idle'?: any;
88
- readonly 'icon-default'?: any;
89
- readonly 'icon-default-active'?: any;
90
- readonly 'icon-default-disabled'?: any;
91
- readonly 'icon-default-error'?: any;
92
- readonly 'icon-default-hover'?: any;
93
- readonly 'icon-default-idle'?: any;
94
- readonly 'icon-default-selected'?: any;
105
+ readonly 'background-success'?: any;
106
+ readonly 'background-warning-subtle'?: any;
107
+ readonly 'background-warning-prominent'?: any;
108
+ readonly 'text-neutrals-inverted'?: any;
109
+ readonly 'text-neutrals'?: any;
110
+ readonly 'text-neutrals-subtle'?: any;
111
+ readonly 'text-neutrals-placeholder-only'?: any;
112
+ readonly 'text-neutrals-placeholder'?: any;
113
+ readonly 'text-neutrals-disabled'?: any;
114
+ readonly 'text-primary-inverted'?: any;
115
+ readonly 'text-primary'?: any;
116
+ readonly 'text-primary-hover'?: any;
117
+ readonly 'text-primary-active'?: any;
118
+ readonly 'text-primary-selected'?: any;
119
+ readonly 'text-primary-inverted-subtle'?: any;
120
+ readonly 'text-danger-inverted'?: any;
121
+ readonly 'text-danger'?: any;
122
+ readonly 'text-danger-hover'?: any;
123
+ readonly 'text-danger-active'?: any;
124
+ readonly 'text-success'?: any;
125
+ readonly 'text-warning'?: any;
126
+ readonly 'icon-neutrals-inverted'?: any;
127
+ readonly 'icon-neutrals'?: any;
128
+ readonly 'icon-neutrals-with-text'?: any;
129
+ readonly 'icon-neutrals-subtle'?: any;
130
+ readonly 'icon-neutrals-disabled'?: any;
131
+ readonly 'icon-neutrals-search'?: any;
132
+ readonly 'icon-neutrals-inactive'?: any;
133
+ readonly 'icon-neutrals-inactive-hover'?: any;
134
+ readonly 'icon-primary-inverted'?: any;
135
+ readonly 'icon-primary'?: any;
136
+ readonly 'icon-primary-hover'?: any;
137
+ readonly 'icon-primary-active'?: any;
138
+ readonly 'icon-primary-selected'?: any;
139
+ readonly 'icon-danger-inverted'?: any;
140
+ readonly 'icon-danger'?: any;
141
+ readonly 'icon-danger-hover'?: any;
142
+ readonly 'icon-danger-active'?: any;
143
+ readonly 'icon-success-inverted'?: any;
144
+ readonly 'icon-success'?: any;
145
+ readonly 'icon-warning'?: any;
146
+ readonly 'border-neutrals'?: any;
147
+ readonly 'border-neutrals-hover'?: any;
148
+ readonly 'border-neutrals-active'?: any;
149
+ readonly 'border-neutrals-disabled'?: any;
150
+ readonly 'border-neutrals-controls'?: any;
151
+ readonly 'border-neutrals-controls-disabled'?: any;
152
+ readonly 'border-neutrals-subtle'?: any;
153
+ readonly 'border-neutrals-inverted'?: any;
154
+ readonly 'border-primary'?: any;
155
+ readonly 'border-primary-hover'?: any;
156
+ readonly 'border-primary-active'?: any;
157
+ readonly 'border-primary-inverted'?: any;
158
+ readonly 'border-danger'?: any;
159
+ readonly 'border-success'?: any;
160
+ readonly 'border-warning'?: any;
95
161
  };
96
162
  'font-sizes': {
97
163
  readonly 150: "0.75rem";
@@ -375,80 +441,146 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{
375
441
  readonly lg: "4px";
376
442
  };
377
443
  colors: {
444
+ readonly 'blue-100': any;
445
+ readonly 'blue-200': any;
446
+ readonly 'blue-300': any;
447
+ readonly 'blue-400': any;
448
+ readonly 'blue-500': any;
449
+ readonly 'blue-600': any;
450
+ readonly 'blue-700': any;
451
+ readonly 'blue-800': any;
452
+ readonly 'blue-900': any;
453
+ readonly 'blue-1000': any;
454
+ readonly 'gray-100': any;
455
+ readonly 'gray-200': any;
456
+ readonly 'gray-300': any;
457
+ readonly 'gray-400': any;
458
+ readonly 'gray-500': any;
459
+ readonly 'gray-600': any;
460
+ readonly 'gray-700': any;
461
+ readonly 'gray-800': any;
462
+ readonly 'gray-900': any;
463
+ readonly 'indigo-100': any;
464
+ readonly 'indigo-200': any;
465
+ readonly 'indigo-300': any;
466
+ readonly 'indigo-400': any;
467
+ readonly 'indigo-500': any;
468
+ readonly 'indigo-600': any;
469
+ readonly 'indigo-700': any;
470
+ readonly 'indigo-800': any;
471
+ readonly 'indigo-900': any;
472
+ readonly 'red-100': any;
473
+ readonly 'red-200': any;
474
+ readonly 'red-300': any;
475
+ readonly 'red-400': any;
476
+ readonly 'red-500': any;
477
+ readonly 'red-600': any;
478
+ readonly 'red-700': any;
479
+ readonly 'red-800': any;
480
+ readonly 'red-900': any;
481
+ readonly 'yellow-100': any;
482
+ readonly 'yellow-200': any;
483
+ readonly 'yellow-300': any;
484
+ readonly 'yellow-400': any;
485
+ readonly 'yellow-500': any;
486
+ readonly 'yellow-600': any;
487
+ readonly 'yellow-700': any;
488
+ readonly 'yellow-800': any;
489
+ readonly 'yellow-900': any;
490
+ readonly 'green-100': any;
491
+ readonly 'green-200': any;
492
+ readonly 'green-300': any;
493
+ readonly 'green-400': any;
494
+ readonly 'green-500': any;
495
+ readonly 'green-600': any;
496
+ readonly 'green-700': any;
497
+ readonly 'green-800': any;
498
+ readonly 'green-900': any;
378
499
  readonly black: any;
379
- readonly 'blue-10': any;
380
- readonly 'blue-20': any;
381
- readonly 'blue-50': any;
382
- readonly 'blue-60': any;
383
- readonly 'blue-70': any;
384
- readonly 'blue-80': any;
385
- readonly 'gray-20': any;
386
- readonly 'gray-30': any;
387
- readonly 'gray-40': any;
388
- readonly 'gray-50': any;
389
- readonly 'green-70': any;
390
- readonly 'indigo-20': any;
391
- readonly 'indigo-30': any;
392
- readonly 'indigo-50': any;
393
- readonly 'indigo-70': any;
394
- readonly 'indigo-90': any;
395
- readonly 'pink-20': any;
396
- readonly 'pink-50': any;
397
- readonly 'red-10': any;
398
- readonly 'red-20': any;
399
- readonly 'red-30': any;
400
- readonly 'red-50': any;
401
- readonly 'red-60': any;
402
- readonly transparent: any;
403
500
  readonly white: any;
404
- readonly 'yellow-20': any;
405
- readonly 'yellow-60': any;
406
- readonly 'background-cta-active'?: any;
407
- readonly 'background-cta-disabled'?: any;
408
- readonly 'background-cta-hover'?: any;
409
- readonly 'background-cta-idle'?: any;
410
- readonly 'background-danger-active'?: any;
501
+ readonly transparent: any;
502
+ readonly 'background-neutrals'?: any;
503
+ readonly 'background-neutrals-body'?: any;
504
+ readonly 'background-neutrals-container'?: any;
505
+ readonly 'background-neutrals-inverted'?: any;
506
+ readonly 'background-neutrals-inverted-subtle'?: any;
507
+ readonly 'background-neutrals-subtle'?: any;
508
+ readonly 'background-neutrals-subtle-hover'?: any;
509
+ readonly 'background-neutrals-subtle-active'?: any;
510
+ readonly 'background-neutrals-disabled'?: any;
511
+ readonly 'background-neutrals-controls-disabled'?: any;
512
+ readonly 'background-neutrals-scrolls'?: any;
513
+ readonly 'background-neutrals-inactive'?: any;
514
+ readonly 'background-neutrals-inactive-hover'?: any;
515
+ readonly 'background-primary-prominent'?: any;
516
+ readonly 'background-primary-prominent-hover'?: any;
517
+ readonly 'background-primary-prominent-active'?: any;
518
+ readonly 'background-primary-prominent-selected'?: any;
519
+ readonly 'background-primary-subtle'?: any;
520
+ readonly 'background-primary-subtle-hover'?: any;
521
+ readonly 'background-primary-subtle-active'?: any;
522
+ readonly 'background-primary-subtle-selected'?: any;
523
+ readonly 'background-danger-prominent'?: any;
524
+ readonly 'background-danger-prominent-hover'?: any;
525
+ readonly 'background-danger-prominent-active'?: any;
526
+ readonly 'background-danger'?: any;
411
527
  readonly 'background-danger-hover'?: any;
412
- readonly 'background-danger-idle'?: any;
413
- readonly 'background-default-active'?: any;
414
- readonly 'background-default-disabled'?: any;
415
- readonly 'background-default-hover'?: any;
416
- readonly 'background-default-idle'?: any;
417
- readonly 'background-default-selected'?: any;
418
- readonly 'background-default-selected-active'?: any;
419
- readonly 'background-info-idle'?: any;
420
- readonly 'background-primary'?: any;
421
- readonly 'background-secondary'?: any;
422
- readonly 'background-success-idle'?: any;
423
- readonly 'background-warning-idle'?: any;
424
- readonly 'border-cta-idle'?: any;
425
- readonly 'border-default-active'?: any;
426
- readonly 'border-default-error'?: any;
427
- readonly 'border-default-hover'?: any;
428
- readonly 'border-default-idle'?: any;
429
- readonly 'border-default-selected'?: any;
430
- readonly 'canvas-primary'?: any;
431
- readonly 'divider-default'?: any;
432
- readonly 'focus-ring-default'?: any;
433
- readonly 'font-cta-idle'?: any;
434
- readonly 'font-default-active'?: any;
435
- readonly 'font-default-disabled'?: any;
436
- readonly 'font-default-error'?: any;
437
- readonly 'font-default-hover'?: any;
438
- readonly 'font-default-idle'?: any;
439
- readonly 'font-default-selected'?: any;
440
- readonly 'font-default-visited'?: any;
441
- readonly 'font-primary'?: any;
442
- readonly 'font-secondary'?: any;
443
- readonly 'font-tertiary'?: any;
444
- readonly 'icon-cta-idle'?: any;
445
- readonly 'icon-default'?: any;
446
- readonly 'icon-default-active'?: any;
447
- readonly 'icon-default-disabled'?: any;
448
- readonly 'icon-default-error'?: any;
449
- readonly 'icon-default-hover'?: any;
450
- readonly 'icon-default-idle'?: any;
451
- readonly 'icon-default-selected'?: any;
528
+ readonly 'background-success'?: any;
529
+ readonly 'background-warning-subtle'?: any;
530
+ readonly 'background-warning-prominent'?: any;
531
+ readonly 'text-neutrals-inverted'?: any;
532
+ readonly 'text-neutrals'?: any;
533
+ readonly 'text-neutrals-subtle'?: any;
534
+ readonly 'text-neutrals-placeholder-only'?: any;
535
+ readonly 'text-neutrals-placeholder'?: any;
536
+ readonly 'text-neutrals-disabled'?: any;
537
+ readonly 'text-primary-inverted'?: any;
538
+ readonly 'text-primary'?: any;
539
+ readonly 'text-primary-hover'?: any;
540
+ readonly 'text-primary-active'?: any;
541
+ readonly 'text-primary-selected'?: any;
542
+ readonly 'text-primary-inverted-subtle'?: any;
543
+ readonly 'text-danger-inverted'?: any;
544
+ readonly 'text-danger'?: any;
545
+ readonly 'text-danger-hover'?: any;
546
+ readonly 'text-danger-active'?: any;
547
+ readonly 'text-success'?: any;
548
+ readonly 'text-warning'?: any;
549
+ readonly 'icon-neutrals-inverted'?: any;
550
+ readonly 'icon-neutrals'?: any;
551
+ readonly 'icon-neutrals-with-text'?: any;
552
+ readonly 'icon-neutrals-subtle'?: any;
553
+ readonly 'icon-neutrals-disabled'?: any;
554
+ readonly 'icon-neutrals-search'?: any;
555
+ readonly 'icon-neutrals-inactive'?: any;
556
+ readonly 'icon-neutrals-inactive-hover'?: any;
557
+ readonly 'icon-primary-inverted'?: any;
558
+ readonly 'icon-primary'?: any;
559
+ readonly 'icon-primary-hover'?: any;
560
+ readonly 'icon-primary-active'?: any;
561
+ readonly 'icon-primary-selected'?: any;
562
+ readonly 'icon-danger-inverted'?: any;
563
+ readonly 'icon-danger'?: any;
564
+ readonly 'icon-danger-hover'?: any;
565
+ readonly 'icon-danger-active'?: any;
566
+ readonly 'icon-success-inverted'?: any;
567
+ readonly 'icon-success'?: any;
568
+ readonly 'icon-warning'?: any;
569
+ readonly 'border-neutrals'?: any;
570
+ readonly 'border-neutrals-hover'?: any;
571
+ readonly 'border-neutrals-active'?: any;
572
+ readonly 'border-neutrals-disabled'?: any;
573
+ readonly 'border-neutrals-controls'?: any;
574
+ readonly 'border-neutrals-controls-disabled'?: any;
575
+ readonly 'border-neutrals-subtle'?: any;
576
+ readonly 'border-neutrals-inverted'?: any;
577
+ readonly 'border-primary'?: any;
578
+ readonly 'border-primary-hover'?: any;
579
+ readonly 'border-primary-active'?: any;
580
+ readonly 'border-primary-inverted'?: any;
581
+ readonly 'border-danger'?: any;
582
+ readonly 'border-success'?: any;
583
+ readonly 'border-warning'?: any;
452
584
  };
453
585
  'font-sizes': {
454
586
  readonly 150: "0.75rem";
@@ -749,80 +881,146 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
749
881
  readonly lg: "4px";
750
882
  };
751
883
  colors: {
884
+ readonly 'blue-100': any;
885
+ readonly 'blue-200': any;
886
+ readonly 'blue-300': any;
887
+ readonly 'blue-400': any;
888
+ readonly 'blue-500': any;
889
+ readonly 'blue-600': any;
890
+ readonly 'blue-700': any;
891
+ readonly 'blue-800': any;
892
+ readonly 'blue-900': any;
893
+ readonly 'blue-1000': any;
894
+ readonly 'gray-100': any;
895
+ readonly 'gray-200': any;
896
+ readonly 'gray-300': any;
897
+ readonly 'gray-400': any;
898
+ readonly 'gray-500': any;
899
+ readonly 'gray-600': any;
900
+ readonly 'gray-700': any;
901
+ readonly 'gray-800': any;
902
+ readonly 'gray-900': any;
903
+ readonly 'indigo-100': any;
904
+ readonly 'indigo-200': any;
905
+ readonly 'indigo-300': any;
906
+ readonly 'indigo-400': any;
907
+ readonly 'indigo-500': any;
908
+ readonly 'indigo-600': any;
909
+ readonly 'indigo-700': any;
910
+ readonly 'indigo-800': any;
911
+ readonly 'indigo-900': any;
912
+ readonly 'red-100': any;
913
+ readonly 'red-200': any;
914
+ readonly 'red-300': any;
915
+ readonly 'red-400': any;
916
+ readonly 'red-500': any;
917
+ readonly 'red-600': any;
918
+ readonly 'red-700': any;
919
+ readonly 'red-800': any;
920
+ readonly 'red-900': any;
921
+ readonly 'yellow-100': any;
922
+ readonly 'yellow-200': any;
923
+ readonly 'yellow-300': any;
924
+ readonly 'yellow-400': any;
925
+ readonly 'yellow-500': any;
926
+ readonly 'yellow-600': any;
927
+ readonly 'yellow-700': any;
928
+ readonly 'yellow-800': any;
929
+ readonly 'yellow-900': any;
930
+ readonly 'green-100': any;
931
+ readonly 'green-200': any;
932
+ readonly 'green-300': any;
933
+ readonly 'green-400': any;
934
+ readonly 'green-500': any;
935
+ readonly 'green-600': any;
936
+ readonly 'green-700': any;
937
+ readonly 'green-800': any;
938
+ readonly 'green-900': any;
752
939
  readonly black: any;
753
- readonly 'blue-10': any;
754
- readonly 'blue-20': any;
755
- readonly 'blue-50': any;
756
- readonly 'blue-60': any;
757
- readonly 'blue-70': any;
758
- readonly 'blue-80': any;
759
- readonly 'gray-20': any;
760
- readonly 'gray-30': any;
761
- readonly 'gray-40': any;
762
- readonly 'gray-50': any;
763
- readonly 'green-70': any;
764
- readonly 'indigo-20': any;
765
- readonly 'indigo-30': any;
766
- readonly 'indigo-50': any;
767
- readonly 'indigo-70': any;
768
- readonly 'indigo-90': any;
769
- readonly 'pink-20': any;
770
- readonly 'pink-50': any;
771
- readonly 'red-10': any;
772
- readonly 'red-20': any;
773
- readonly 'red-30': any;
774
- readonly 'red-50': any;
775
- readonly 'red-60': any;
776
- readonly transparent: any;
777
940
  readonly white: any;
778
- readonly 'yellow-20': any;
779
- readonly 'yellow-60': any;
780
- readonly 'background-cta-active'?: any;
781
- readonly 'background-cta-disabled'?: any;
782
- readonly 'background-cta-hover'?: any;
783
- readonly 'background-cta-idle'?: any;
784
- readonly 'background-danger-active'?: any;
941
+ readonly transparent: any;
942
+ readonly 'background-neutrals'?: any;
943
+ readonly 'background-neutrals-body'?: any;
944
+ readonly 'background-neutrals-container'?: any;
945
+ readonly 'background-neutrals-inverted'?: any;
946
+ readonly 'background-neutrals-inverted-subtle'?: any;
947
+ readonly 'background-neutrals-subtle'?: any;
948
+ readonly 'background-neutrals-subtle-hover'?: any;
949
+ readonly 'background-neutrals-subtle-active'?: any;
950
+ readonly 'background-neutrals-disabled'?: any;
951
+ readonly 'background-neutrals-controls-disabled'?: any;
952
+ readonly 'background-neutrals-scrolls'?: any;
953
+ readonly 'background-neutrals-inactive'?: any;
954
+ readonly 'background-neutrals-inactive-hover'?: any;
955
+ readonly 'background-primary-prominent'?: any;
956
+ readonly 'background-primary-prominent-hover'?: any;
957
+ readonly 'background-primary-prominent-active'?: any;
958
+ readonly 'background-primary-prominent-selected'?: any;
959
+ readonly 'background-primary-subtle'?: any;
960
+ readonly 'background-primary-subtle-hover'?: any;
961
+ readonly 'background-primary-subtle-active'?: any;
962
+ readonly 'background-primary-subtle-selected'?: any;
963
+ readonly 'background-danger-prominent'?: any;
964
+ readonly 'background-danger-prominent-hover'?: any;
965
+ readonly 'background-danger-prominent-active'?: any;
966
+ readonly 'background-danger'?: any;
785
967
  readonly 'background-danger-hover'?: any;
786
- readonly 'background-danger-idle'?: any;
787
- readonly 'background-default-active'?: any;
788
- readonly 'background-default-disabled'?: any;
789
- readonly 'background-default-hover'?: any;
790
- readonly 'background-default-idle'?: any;
791
- readonly 'background-default-selected'?: any;
792
- readonly 'background-default-selected-active'?: any;
793
- readonly 'background-info-idle'?: any;
794
- readonly 'background-primary'?: any;
795
- readonly 'background-secondary'?: any;
796
- readonly 'background-success-idle'?: any;
797
- readonly 'background-warning-idle'?: any;
798
- readonly 'border-cta-idle'?: any;
799
- readonly 'border-default-active'?: any;
800
- readonly 'border-default-error'?: any;
801
- readonly 'border-default-hover'?: any;
802
- readonly 'border-default-idle'?: any;
803
- readonly 'border-default-selected'?: any;
804
- readonly 'canvas-primary'?: any;
805
- readonly 'divider-default'?: any;
806
- readonly 'focus-ring-default'?: any;
807
- readonly 'font-cta-idle'?: any;
808
- readonly 'font-default-active'?: any;
809
- readonly 'font-default-disabled'?: any;
810
- readonly 'font-default-error'?: any;
811
- readonly 'font-default-hover'?: any;
812
- readonly 'font-default-idle'?: any;
813
- readonly 'font-default-selected'?: any;
814
- readonly 'font-default-visited'?: any;
815
- readonly 'font-primary'?: any;
816
- readonly 'font-secondary'?: any;
817
- readonly 'font-tertiary'?: any;
818
- readonly 'icon-cta-idle'?: any;
819
- readonly 'icon-default'?: any;
820
- readonly 'icon-default-active'?: any;
821
- readonly 'icon-default-disabled'?: any;
822
- readonly 'icon-default-error'?: any;
823
- readonly 'icon-default-hover'?: any;
824
- readonly 'icon-default-idle'?: any;
825
- readonly 'icon-default-selected'?: any;
968
+ readonly 'background-success'?: any;
969
+ readonly 'background-warning-subtle'?: any;
970
+ readonly 'background-warning-prominent'?: any;
971
+ readonly 'text-neutrals-inverted'?: any;
972
+ readonly 'text-neutrals'?: any;
973
+ readonly 'text-neutrals-subtle'?: any;
974
+ readonly 'text-neutrals-placeholder-only'?: any;
975
+ readonly 'text-neutrals-placeholder'?: any;
976
+ readonly 'text-neutrals-disabled'?: any;
977
+ readonly 'text-primary-inverted'?: any;
978
+ readonly 'text-primary'?: any;
979
+ readonly 'text-primary-hover'?: any;
980
+ readonly 'text-primary-active'?: any;
981
+ readonly 'text-primary-selected'?: any;
982
+ readonly 'text-primary-inverted-subtle'?: any;
983
+ readonly 'text-danger-inverted'?: any;
984
+ readonly 'text-danger'?: any;
985
+ readonly 'text-danger-hover'?: any;
986
+ readonly 'text-danger-active'?: any;
987
+ readonly 'text-success'?: any;
988
+ readonly 'text-warning'?: any;
989
+ readonly 'icon-neutrals-inverted'?: any;
990
+ readonly 'icon-neutrals'?: any;
991
+ readonly 'icon-neutrals-with-text'?: any;
992
+ readonly 'icon-neutrals-subtle'?: any;
993
+ readonly 'icon-neutrals-disabled'?: any;
994
+ readonly 'icon-neutrals-search'?: any;
995
+ readonly 'icon-neutrals-inactive'?: any;
996
+ readonly 'icon-neutrals-inactive-hover'?: any;
997
+ readonly 'icon-primary-inverted'?: any;
998
+ readonly 'icon-primary'?: any;
999
+ readonly 'icon-primary-hover'?: any;
1000
+ readonly 'icon-primary-active'?: any;
1001
+ readonly 'icon-primary-selected'?: any;
1002
+ readonly 'icon-danger-inverted'?: any;
1003
+ readonly 'icon-danger'?: any;
1004
+ readonly 'icon-danger-hover'?: any;
1005
+ readonly 'icon-danger-active'?: any;
1006
+ readonly 'icon-success-inverted'?: any;
1007
+ readonly 'icon-success'?: any;
1008
+ readonly 'icon-warning'?: any;
1009
+ readonly 'border-neutrals'?: any;
1010
+ readonly 'border-neutrals-hover'?: any;
1011
+ readonly 'border-neutrals-active'?: any;
1012
+ readonly 'border-neutrals-disabled'?: any;
1013
+ readonly 'border-neutrals-controls'?: any;
1014
+ readonly 'border-neutrals-controls-disabled'?: any;
1015
+ readonly 'border-neutrals-subtle'?: any;
1016
+ readonly 'border-neutrals-inverted'?: any;
1017
+ readonly 'border-primary'?: any;
1018
+ readonly 'border-primary-hover'?: any;
1019
+ readonly 'border-primary-active'?: any;
1020
+ readonly 'border-primary-inverted'?: any;
1021
+ readonly 'border-danger'?: any;
1022
+ readonly 'border-success'?: any;
1023
+ readonly 'border-warning'?: any;
826
1024
  };
827
1025
  'font-sizes': {
828
1026
  readonly 150: "0.75rem";
@@ -1100,80 +1298,146 @@ declare const StyledLink: react.ForwardRefExoticComponent<Pick<Omit<{}, never> &
1100
1298
  readonly lg: "4px";
1101
1299
  };
1102
1300
  colors: {
1301
+ readonly 'blue-100': any;
1302
+ readonly 'blue-200': any;
1303
+ readonly 'blue-300': any;
1304
+ readonly 'blue-400': any;
1305
+ readonly 'blue-500': any;
1306
+ readonly 'blue-600': any;
1307
+ readonly 'blue-700': any;
1308
+ readonly 'blue-800': any;
1309
+ readonly 'blue-900': any;
1310
+ readonly 'blue-1000': any;
1311
+ readonly 'gray-100': any;
1312
+ readonly 'gray-200': any;
1313
+ readonly 'gray-300': any;
1314
+ readonly 'gray-400': any;
1315
+ readonly 'gray-500': any;
1316
+ readonly 'gray-600': any;
1317
+ readonly 'gray-700': any;
1318
+ readonly 'gray-800': any;
1319
+ readonly 'gray-900': any;
1320
+ readonly 'indigo-100': any;
1321
+ readonly 'indigo-200': any;
1322
+ readonly 'indigo-300': any;
1323
+ readonly 'indigo-400': any;
1324
+ readonly 'indigo-500': any;
1325
+ readonly 'indigo-600': any;
1326
+ readonly 'indigo-700': any;
1327
+ readonly 'indigo-800': any;
1328
+ readonly 'indigo-900': any;
1329
+ readonly 'red-100': any;
1330
+ readonly 'red-200': any;
1331
+ readonly 'red-300': any;
1332
+ readonly 'red-400': any;
1333
+ readonly 'red-500': any;
1334
+ readonly 'red-600': any;
1335
+ readonly 'red-700': any;
1336
+ readonly 'red-800': any;
1337
+ readonly 'red-900': any;
1338
+ readonly 'yellow-100': any;
1339
+ readonly 'yellow-200': any;
1340
+ readonly 'yellow-300': any;
1341
+ readonly 'yellow-400': any;
1342
+ readonly 'yellow-500': any;
1343
+ readonly 'yellow-600': any;
1344
+ readonly 'yellow-700': any;
1345
+ readonly 'yellow-800': any;
1346
+ readonly 'yellow-900': any;
1347
+ readonly 'green-100': any;
1348
+ readonly 'green-200': any;
1349
+ readonly 'green-300': any;
1350
+ readonly 'green-400': any;
1351
+ readonly 'green-500': any;
1352
+ readonly 'green-600': any;
1353
+ readonly 'green-700': any;
1354
+ readonly 'green-800': any;
1355
+ readonly 'green-900': any;
1103
1356
  readonly black: any;
1104
- readonly 'blue-10': any;
1105
- readonly 'blue-20': any;
1106
- readonly 'blue-50': any;
1107
- readonly 'blue-60': any;
1108
- readonly 'blue-70': any;
1109
- readonly 'blue-80': any;
1110
- readonly 'gray-20': any;
1111
- readonly 'gray-30': any;
1112
- readonly 'gray-40': any;
1113
- readonly 'gray-50': any;
1114
- readonly 'green-70': any;
1115
- readonly 'indigo-20': any;
1116
- readonly 'indigo-30': any;
1117
- readonly 'indigo-50': any;
1118
- readonly 'indigo-70': any;
1119
- readonly 'indigo-90': any;
1120
- readonly 'pink-20': any;
1121
- readonly 'pink-50': any;
1122
- readonly 'red-10': any;
1123
- readonly 'red-20': any;
1124
- readonly 'red-30': any;
1125
- readonly 'red-50': any;
1126
- readonly 'red-60': any;
1127
- readonly transparent: any;
1128
1357
  readonly white: any;
1129
- readonly 'yellow-20': any;
1130
- readonly 'yellow-60': any;
1131
- readonly 'background-cta-active'?: any;
1132
- readonly 'background-cta-disabled'?: any;
1133
- readonly 'background-cta-hover'?: any;
1134
- readonly 'background-cta-idle'?: any;
1135
- readonly 'background-danger-active'?: any;
1358
+ readonly transparent: any;
1359
+ readonly 'background-neutrals'?: any;
1360
+ readonly 'background-neutrals-body'?: any;
1361
+ readonly 'background-neutrals-container'?: any;
1362
+ readonly 'background-neutrals-inverted'?: any;
1363
+ readonly 'background-neutrals-inverted-subtle'?: any;
1364
+ readonly 'background-neutrals-subtle'?: any;
1365
+ readonly 'background-neutrals-subtle-hover'?: any;
1366
+ readonly 'background-neutrals-subtle-active'?: any;
1367
+ readonly 'background-neutrals-disabled'?: any;
1368
+ readonly 'background-neutrals-controls-disabled'?: any;
1369
+ readonly 'background-neutrals-scrolls'?: any;
1370
+ readonly 'background-neutrals-inactive'?: any;
1371
+ readonly 'background-neutrals-inactive-hover'?: any;
1372
+ readonly 'background-primary-prominent'?: any;
1373
+ readonly 'background-primary-prominent-hover'?: any;
1374
+ readonly 'background-primary-prominent-active'?: any;
1375
+ readonly 'background-primary-prominent-selected'?: any;
1376
+ readonly 'background-primary-subtle'?: any;
1377
+ readonly 'background-primary-subtle-hover'?: any;
1378
+ readonly 'background-primary-subtle-active'?: any;
1379
+ readonly 'background-primary-subtle-selected'?: any;
1380
+ readonly 'background-danger-prominent'?: any;
1381
+ readonly 'background-danger-prominent-hover'?: any;
1382
+ readonly 'background-danger-prominent-active'?: any;
1383
+ readonly 'background-danger'?: any;
1136
1384
  readonly 'background-danger-hover'?: any;
1137
- readonly 'background-danger-idle'?: any;
1138
- readonly 'background-default-active'?: any;
1139
- readonly 'background-default-disabled'?: any;
1140
- readonly 'background-default-hover'?: any;
1141
- readonly 'background-default-idle'?: any;
1142
- readonly 'background-default-selected'?: any;
1143
- readonly 'background-default-selected-active'?: any;
1144
- readonly 'background-info-idle'?: any;
1145
- readonly 'background-primary'?: any;
1146
- readonly 'background-secondary'?: any;
1147
- readonly 'background-success-idle'?: any;
1148
- readonly 'background-warning-idle'?: any;
1149
- readonly 'border-cta-idle'?: any;
1150
- readonly 'border-default-active'?: any;
1151
- readonly 'border-default-error'?: any;
1152
- readonly 'border-default-hover'?: any;
1153
- readonly 'border-default-idle'?: any;
1154
- readonly 'border-default-selected'?: any;
1155
- readonly 'canvas-primary'?: any;
1156
- readonly 'divider-default'?: any;
1157
- readonly 'focus-ring-default'?: any;
1158
- readonly 'font-cta-idle'?: any;
1159
- readonly 'font-default-active'?: any;
1160
- readonly 'font-default-disabled'?: any;
1161
- readonly 'font-default-error'?: any;
1162
- readonly 'font-default-hover'?: any;
1163
- readonly 'font-default-idle'?: any;
1164
- readonly 'font-default-selected'?: any;
1165
- readonly 'font-default-visited'?: any;
1166
- readonly 'font-primary'?: any;
1167
- readonly 'font-secondary'?: any;
1168
- readonly 'font-tertiary'?: any;
1169
- readonly 'icon-cta-idle'?: any;
1170
- readonly 'icon-default'?: any;
1171
- readonly 'icon-default-active'?: any;
1172
- readonly 'icon-default-disabled'?: any;
1173
- readonly 'icon-default-error'?: any;
1174
- readonly 'icon-default-hover'?: any;
1175
- readonly 'icon-default-idle'?: any;
1176
- readonly 'icon-default-selected'?: any;
1385
+ readonly 'background-success'?: any;
1386
+ readonly 'background-warning-subtle'?: any;
1387
+ readonly 'background-warning-prominent'?: any;
1388
+ readonly 'text-neutrals-inverted'?: any;
1389
+ readonly 'text-neutrals'?: any;
1390
+ readonly 'text-neutrals-subtle'?: any;
1391
+ readonly 'text-neutrals-placeholder-only'?: any;
1392
+ readonly 'text-neutrals-placeholder'?: any;
1393
+ readonly 'text-neutrals-disabled'?: any;
1394
+ readonly 'text-primary-inverted'?: any;
1395
+ readonly 'text-primary'?: any;
1396
+ readonly 'text-primary-hover'?: any;
1397
+ readonly 'text-primary-active'?: any;
1398
+ readonly 'text-primary-selected'?: any;
1399
+ readonly 'text-primary-inverted-subtle'?: any;
1400
+ readonly 'text-danger-inverted'?: any;
1401
+ readonly 'text-danger'?: any;
1402
+ readonly 'text-danger-hover'?: any;
1403
+ readonly 'text-danger-active'?: any;
1404
+ readonly 'text-success'?: any;
1405
+ readonly 'text-warning'?: any;
1406
+ readonly 'icon-neutrals-inverted'?: any;
1407
+ readonly 'icon-neutrals'?: any;
1408
+ readonly 'icon-neutrals-with-text'?: any;
1409
+ readonly 'icon-neutrals-subtle'?: any;
1410
+ readonly 'icon-neutrals-disabled'?: any;
1411
+ readonly 'icon-neutrals-search'?: any;
1412
+ readonly 'icon-neutrals-inactive'?: any;
1413
+ readonly 'icon-neutrals-inactive-hover'?: any;
1414
+ readonly 'icon-primary-inverted'?: any;
1415
+ readonly 'icon-primary'?: any;
1416
+ readonly 'icon-primary-hover'?: any;
1417
+ readonly 'icon-primary-active'?: any;
1418
+ readonly 'icon-primary-selected'?: any;
1419
+ readonly 'icon-danger-inverted'?: any;
1420
+ readonly 'icon-danger'?: any;
1421
+ readonly 'icon-danger-hover'?: any;
1422
+ readonly 'icon-danger-active'?: any;
1423
+ readonly 'icon-success-inverted'?: any;
1424
+ readonly 'icon-success'?: any;
1425
+ readonly 'icon-warning'?: any;
1426
+ readonly 'border-neutrals'?: any;
1427
+ readonly 'border-neutrals-hover'?: any;
1428
+ readonly 'border-neutrals-active'?: any;
1429
+ readonly 'border-neutrals-disabled'?: any;
1430
+ readonly 'border-neutrals-controls'?: any;
1431
+ readonly 'border-neutrals-controls-disabled'?: any;
1432
+ readonly 'border-neutrals-subtle'?: any;
1433
+ readonly 'border-neutrals-inverted'?: any;
1434
+ readonly 'border-primary'?: any;
1435
+ readonly 'border-primary-hover'?: any;
1436
+ readonly 'border-primary-active'?: any;
1437
+ readonly 'border-primary-inverted'?: any;
1438
+ readonly 'border-danger'?: any;
1439
+ readonly 'border-success'?: any;
1440
+ readonly 'border-warning'?: any;
1177
1441
  };
1178
1442
  'font-sizes': {
1179
1443
  readonly 150: "0.75rem";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-toolbar",
3
- "version": "2.0.12",
3
+ "version": "2.0.13-colors.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -28,12 +28,12 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@radix-ui/react-toolbar": "^1.0.0",
31
- "@mirohq/design-system-stitches": "^2.0.10",
32
- "@mirohq/design-system-styles": "^1.0.10"
31
+ "@mirohq/design-system-stitches": "^2.0.11-colors.0",
32
+ "@mirohq/design-system-styles": "^1.0.11-colors.0"
33
33
  },
34
34
  "devDependencies": {
35
- "@mirohq/design-system-box": "^2.0.11",
36
- "@mirohq/design-system-button": "^2.0.14"
35
+ "@mirohq/design-system-box": "^2.0.12-colors.0",
36
+ "@mirohq/design-system-button": "^2.0.17-colors.0"
37
37
  },
38
38
  "scripts": {
39
39
  "build": "rollup -c ../../../rollup.config.js",