@mirohq/design-system-button 3.1.37-colors.2 → 3.1.37-combobox.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +1 -1
- package/dist/main.js.map +1 -1
- package/dist/module.js +1 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +174 -414
- package/package.json +8 -8
package/dist/types.d.ts
CHANGED
|
@@ -17,103 +17,63 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
17
17
|
};
|
|
18
18
|
colors: {
|
|
19
19
|
readonly black: any;
|
|
20
|
-
readonly 'blue-50': any;
|
|
21
20
|
readonly 'blue-100': any;
|
|
22
|
-
readonly 'blue-150': any;
|
|
23
21
|
readonly 'blue-200': any;
|
|
24
|
-
readonly 'blue-250': any;
|
|
25
22
|
readonly 'blue-300': any;
|
|
26
|
-
readonly 'blue-350': any;
|
|
27
23
|
readonly 'blue-400': any;
|
|
28
|
-
readonly 'blue-450': any;
|
|
29
24
|
readonly 'blue-500': any;
|
|
30
|
-
readonly 'blue-550': any;
|
|
31
25
|
readonly 'blue-600': any;
|
|
32
|
-
readonly 'blue-650': any;
|
|
33
26
|
readonly 'blue-700': any;
|
|
34
|
-
readonly 'blue-750': any;
|
|
35
27
|
readonly 'blue-800': any;
|
|
36
|
-
readonly 'blue-850': any;
|
|
37
28
|
readonly 'blue-900': any;
|
|
38
|
-
readonly 'blue-
|
|
39
|
-
readonly 'gray-50': any;
|
|
29
|
+
readonly 'blue-1000': any;
|
|
40
30
|
readonly 'gray-100': any;
|
|
41
|
-
readonly 'gray-150': any;
|
|
42
31
|
readonly 'gray-200': any;
|
|
43
|
-
readonly 'gray-250': any;
|
|
44
32
|
readonly 'gray-300': any;
|
|
45
|
-
readonly 'gray-350': any;
|
|
46
33
|
readonly 'gray-400': any;
|
|
47
|
-
readonly 'gray-450': any;
|
|
48
34
|
readonly 'gray-500': any;
|
|
49
|
-
readonly 'gray-550': any;
|
|
50
35
|
readonly 'gray-600': any;
|
|
51
|
-
readonly 'gray-650': any;
|
|
52
36
|
readonly 'gray-700': any;
|
|
53
|
-
readonly 'gray-750': any;
|
|
54
37
|
readonly 'gray-800': any;
|
|
55
|
-
readonly 'gray-850': any;
|
|
56
38
|
readonly 'gray-900': any;
|
|
57
|
-
readonly 'gray-950': any;
|
|
58
|
-
readonly 'green-50': any;
|
|
59
39
|
readonly 'green-100': any;
|
|
60
|
-
readonly 'green-150': any;
|
|
61
40
|
readonly 'green-200': any;
|
|
62
|
-
readonly 'green-250': any;
|
|
63
41
|
readonly 'green-300': any;
|
|
64
|
-
readonly 'green-350': any;
|
|
65
42
|
readonly 'green-400': any;
|
|
66
|
-
readonly 'green-450': any;
|
|
67
43
|
readonly 'green-500': any;
|
|
68
|
-
readonly 'green-550': any;
|
|
69
44
|
readonly 'green-600': any;
|
|
70
|
-
readonly 'green-650': any;
|
|
71
45
|
readonly 'green-700': any;
|
|
72
|
-
readonly 'green-750': any;
|
|
73
46
|
readonly 'green-800': any;
|
|
74
|
-
readonly 'green-850': any;
|
|
75
47
|
readonly 'green-900': any;
|
|
76
|
-
readonly '
|
|
77
|
-
readonly '
|
|
48
|
+
readonly 'indigo-100': any;
|
|
49
|
+
readonly 'indigo-200': any;
|
|
50
|
+
readonly 'indigo-300': any;
|
|
51
|
+
readonly 'indigo-400': any;
|
|
52
|
+
readonly 'indigo-500': any;
|
|
53
|
+
readonly 'indigo-600': any;
|
|
54
|
+
readonly 'indigo-700': any;
|
|
55
|
+
readonly 'indigo-800': any;
|
|
56
|
+
readonly 'indigo-900': any;
|
|
78
57
|
readonly 'red-100': any;
|
|
79
|
-
readonly 'red-150': any;
|
|
80
58
|
readonly 'red-200': any;
|
|
81
|
-
readonly 'red-250': any;
|
|
82
59
|
readonly 'red-300': any;
|
|
83
|
-
readonly 'red-350': any;
|
|
84
60
|
readonly 'red-400': any;
|
|
85
|
-
readonly 'red-450': any;
|
|
86
61
|
readonly 'red-500': any;
|
|
87
|
-
readonly 'red-550': any;
|
|
88
62
|
readonly 'red-600': any;
|
|
89
|
-
readonly 'red-650': any;
|
|
90
63
|
readonly 'red-700': any;
|
|
91
|
-
readonly 'red-750': any;
|
|
92
64
|
readonly 'red-800': any;
|
|
93
|
-
readonly 'red-850': any;
|
|
94
65
|
readonly 'red-900': any;
|
|
95
|
-
readonly 'red-950': any;
|
|
96
66
|
readonly transparent: any;
|
|
97
67
|
readonly white: any;
|
|
98
|
-
readonly 'yellow-50': any;
|
|
99
68
|
readonly 'yellow-100': any;
|
|
100
|
-
readonly 'yellow-150': any;
|
|
101
69
|
readonly 'yellow-200': any;
|
|
102
|
-
readonly 'yellow-250': any;
|
|
103
70
|
readonly 'yellow-300': any;
|
|
104
|
-
readonly 'yellow-350': any;
|
|
105
71
|
readonly 'yellow-400': any;
|
|
106
|
-
readonly 'yellow-450': any;
|
|
107
72
|
readonly 'yellow-500': any;
|
|
108
|
-
readonly 'yellow-550': any;
|
|
109
73
|
readonly 'yellow-600': any;
|
|
110
|
-
readonly 'yellow-650': any;
|
|
111
74
|
readonly 'yellow-700': any;
|
|
112
|
-
readonly 'yellow-750': any;
|
|
113
75
|
readonly 'yellow-800': any;
|
|
114
|
-
readonly 'yellow-850': any;
|
|
115
76
|
readonly 'yellow-900': any;
|
|
116
|
-
readonly 'yellow-950': any;
|
|
117
77
|
"background-alpha-active"?: any;
|
|
118
78
|
"background-alpha-hover"?: any;
|
|
119
79
|
"background-danger-prominent"?: any;
|
|
@@ -134,19 +94,27 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
134
94
|
"background-neutrals-inverted-subtle"?: any;
|
|
135
95
|
"background-neutrals-page"?: any;
|
|
136
96
|
"background-neutrals-page-subtle"?: any;
|
|
137
|
-
"background-neutrals-
|
|
138
|
-
"background-neutrals-
|
|
139
|
-
"background-neutrals-
|
|
97
|
+
"background-neutrals-scrolls"?: any;
|
|
98
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
99
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
100
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
101
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
140
102
|
"background-neutrals-subtle"?: any;
|
|
141
103
|
"background-neutrals-subtle-active"?: any;
|
|
142
104
|
"background-neutrals-subtle-hover"?: any;
|
|
143
105
|
"background-primary-prominent"?: any;
|
|
144
106
|
"background-primary-prominent-active"?: any;
|
|
107
|
+
"background-primary-prominent-expanded"?: any;
|
|
145
108
|
"background-primary-prominent-hover"?: any;
|
|
109
|
+
"background-primary-prominent-pressed"?: any;
|
|
110
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
146
111
|
"background-primary-prominent-selected"?: any;
|
|
147
112
|
"background-primary-subtle"?: any;
|
|
148
113
|
"background-primary-subtle-active"?: any;
|
|
114
|
+
"background-primary-subtle-expanded"?: any;
|
|
149
115
|
"background-primary-subtle-hover"?: any;
|
|
116
|
+
"background-primary-subtle-pressed"?: any;
|
|
117
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
150
118
|
"background-primary-subtle-selected"?: any;
|
|
151
119
|
"background-success"?: any;
|
|
152
120
|
"background-success-prominent"?: any;
|
|
@@ -157,15 +125,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
157
125
|
"border-danger"?: any;
|
|
158
126
|
"border-danger-active"?: any;
|
|
159
127
|
"border-danger-hover"?: any;
|
|
160
|
-
"border-focus-error-inner"?: any;
|
|
161
|
-
"border-focus-error-middle"?: any;
|
|
162
|
-
"border-focus-error-outer"?: any;
|
|
163
128
|
"border-focus-inner"?: any;
|
|
164
129
|
"border-focus-middle"?: any;
|
|
165
130
|
"border-focus-outer"?: any;
|
|
166
|
-
"border-focus-success-inner"?: any;
|
|
167
|
-
"border-focus-success-middle"?: any;
|
|
168
|
-
"border-focus-success-outer"?: any;
|
|
169
131
|
"border-neutrals"?: any;
|
|
170
132
|
"border-neutrals-active"?: any;
|
|
171
133
|
"border-neutrals-controls"?: any;
|
|
@@ -258,23 +220,21 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
258
220
|
readonly body: "Open Sans, sans-serif";
|
|
259
221
|
};
|
|
260
222
|
radii: {
|
|
223
|
+
readonly none: 0;
|
|
224
|
+
readonly half: "999em";
|
|
261
225
|
readonly 25: "2px";
|
|
262
226
|
readonly 50: "4px";
|
|
263
227
|
readonly 75: "6px";
|
|
264
228
|
readonly 100: "8px";
|
|
265
229
|
readonly 200: "16px";
|
|
266
|
-
readonly half: "999px";
|
|
267
|
-
readonly none: "0px";
|
|
268
230
|
};
|
|
269
231
|
shadows: {
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
"focus-
|
|
273
|
-
"focus-
|
|
274
|
-
"focus-
|
|
275
|
-
|
|
276
|
-
"focus-controls-error": any;
|
|
277
|
-
"focus-controls-success": any;
|
|
232
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
233
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
234
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
235
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
236
|
+
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
237
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
278
238
|
};
|
|
279
239
|
sizes: {
|
|
280
240
|
readonly number: string;
|
|
@@ -545,103 +505,63 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
545
505
|
};
|
|
546
506
|
colors: {
|
|
547
507
|
readonly black: any;
|
|
548
|
-
readonly 'blue-50': any;
|
|
549
508
|
readonly 'blue-100': any;
|
|
550
|
-
readonly 'blue-150': any;
|
|
551
509
|
readonly 'blue-200': any;
|
|
552
|
-
readonly 'blue-250': any;
|
|
553
510
|
readonly 'blue-300': any;
|
|
554
|
-
readonly 'blue-350': any;
|
|
555
511
|
readonly 'blue-400': any;
|
|
556
|
-
readonly 'blue-450': any;
|
|
557
512
|
readonly 'blue-500': any;
|
|
558
|
-
readonly 'blue-550': any;
|
|
559
513
|
readonly 'blue-600': any;
|
|
560
|
-
readonly 'blue-650': any;
|
|
561
514
|
readonly 'blue-700': any;
|
|
562
|
-
readonly 'blue-750': any;
|
|
563
515
|
readonly 'blue-800': any;
|
|
564
|
-
readonly 'blue-850': any;
|
|
565
516
|
readonly 'blue-900': any;
|
|
566
|
-
readonly 'blue-
|
|
567
|
-
readonly 'gray-50': any;
|
|
517
|
+
readonly 'blue-1000': any;
|
|
568
518
|
readonly 'gray-100': any;
|
|
569
|
-
readonly 'gray-150': any;
|
|
570
519
|
readonly 'gray-200': any;
|
|
571
|
-
readonly 'gray-250': any;
|
|
572
520
|
readonly 'gray-300': any;
|
|
573
|
-
readonly 'gray-350': any;
|
|
574
521
|
readonly 'gray-400': any;
|
|
575
|
-
readonly 'gray-450': any;
|
|
576
522
|
readonly 'gray-500': any;
|
|
577
|
-
readonly 'gray-550': any;
|
|
578
523
|
readonly 'gray-600': any;
|
|
579
|
-
readonly 'gray-650': any;
|
|
580
524
|
readonly 'gray-700': any;
|
|
581
|
-
readonly 'gray-750': any;
|
|
582
525
|
readonly 'gray-800': any;
|
|
583
|
-
readonly 'gray-850': any;
|
|
584
526
|
readonly 'gray-900': any;
|
|
585
|
-
readonly 'gray-950': any;
|
|
586
|
-
readonly 'green-50': any;
|
|
587
527
|
readonly 'green-100': any;
|
|
588
|
-
readonly 'green-150': any;
|
|
589
528
|
readonly 'green-200': any;
|
|
590
|
-
readonly 'green-250': any;
|
|
591
529
|
readonly 'green-300': any;
|
|
592
|
-
readonly 'green-350': any;
|
|
593
530
|
readonly 'green-400': any;
|
|
594
|
-
readonly 'green-450': any;
|
|
595
531
|
readonly 'green-500': any;
|
|
596
|
-
readonly 'green-550': any;
|
|
597
532
|
readonly 'green-600': any;
|
|
598
|
-
readonly 'green-650': any;
|
|
599
533
|
readonly 'green-700': any;
|
|
600
|
-
readonly 'green-750': any;
|
|
601
534
|
readonly 'green-800': any;
|
|
602
|
-
readonly 'green-850': any;
|
|
603
535
|
readonly 'green-900': any;
|
|
604
|
-
readonly '
|
|
605
|
-
readonly '
|
|
536
|
+
readonly 'indigo-100': any;
|
|
537
|
+
readonly 'indigo-200': any;
|
|
538
|
+
readonly 'indigo-300': any;
|
|
539
|
+
readonly 'indigo-400': any;
|
|
540
|
+
readonly 'indigo-500': any;
|
|
541
|
+
readonly 'indigo-600': any;
|
|
542
|
+
readonly 'indigo-700': any;
|
|
543
|
+
readonly 'indigo-800': any;
|
|
544
|
+
readonly 'indigo-900': any;
|
|
606
545
|
readonly 'red-100': any;
|
|
607
|
-
readonly 'red-150': any;
|
|
608
546
|
readonly 'red-200': any;
|
|
609
|
-
readonly 'red-250': any;
|
|
610
547
|
readonly 'red-300': any;
|
|
611
|
-
readonly 'red-350': any;
|
|
612
548
|
readonly 'red-400': any;
|
|
613
|
-
readonly 'red-450': any;
|
|
614
549
|
readonly 'red-500': any;
|
|
615
|
-
readonly 'red-550': any;
|
|
616
550
|
readonly 'red-600': any;
|
|
617
|
-
readonly 'red-650': any;
|
|
618
551
|
readonly 'red-700': any;
|
|
619
|
-
readonly 'red-750': any;
|
|
620
552
|
readonly 'red-800': any;
|
|
621
|
-
readonly 'red-850': any;
|
|
622
553
|
readonly 'red-900': any;
|
|
623
|
-
readonly 'red-950': any;
|
|
624
554
|
readonly transparent: any;
|
|
625
555
|
readonly white: any;
|
|
626
|
-
readonly 'yellow-50': any;
|
|
627
556
|
readonly 'yellow-100': any;
|
|
628
|
-
readonly 'yellow-150': any;
|
|
629
557
|
readonly 'yellow-200': any;
|
|
630
|
-
readonly 'yellow-250': any;
|
|
631
558
|
readonly 'yellow-300': any;
|
|
632
|
-
readonly 'yellow-350': any;
|
|
633
559
|
readonly 'yellow-400': any;
|
|
634
|
-
readonly 'yellow-450': any;
|
|
635
560
|
readonly 'yellow-500': any;
|
|
636
|
-
readonly 'yellow-550': any;
|
|
637
561
|
readonly 'yellow-600': any;
|
|
638
|
-
readonly 'yellow-650': any;
|
|
639
562
|
readonly 'yellow-700': any;
|
|
640
|
-
readonly 'yellow-750': any;
|
|
641
563
|
readonly 'yellow-800': any;
|
|
642
|
-
readonly 'yellow-850': any;
|
|
643
564
|
readonly 'yellow-900': any;
|
|
644
|
-
readonly 'yellow-950': any;
|
|
645
565
|
"background-alpha-active"?: any;
|
|
646
566
|
"background-alpha-hover"?: any;
|
|
647
567
|
"background-danger-prominent"?: any;
|
|
@@ -662,19 +582,27 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
662
582
|
"background-neutrals-inverted-subtle"?: any;
|
|
663
583
|
"background-neutrals-page"?: any;
|
|
664
584
|
"background-neutrals-page-subtle"?: any;
|
|
665
|
-
"background-neutrals-
|
|
666
|
-
"background-neutrals-
|
|
667
|
-
"background-neutrals-
|
|
585
|
+
"background-neutrals-scrolls"?: any;
|
|
586
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
587
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
588
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
589
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
668
590
|
"background-neutrals-subtle"?: any;
|
|
669
591
|
"background-neutrals-subtle-active"?: any;
|
|
670
592
|
"background-neutrals-subtle-hover"?: any;
|
|
671
593
|
"background-primary-prominent"?: any;
|
|
672
594
|
"background-primary-prominent-active"?: any;
|
|
595
|
+
"background-primary-prominent-expanded"?: any;
|
|
673
596
|
"background-primary-prominent-hover"?: any;
|
|
597
|
+
"background-primary-prominent-pressed"?: any;
|
|
598
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
674
599
|
"background-primary-prominent-selected"?: any;
|
|
675
600
|
"background-primary-subtle"?: any;
|
|
676
601
|
"background-primary-subtle-active"?: any;
|
|
602
|
+
"background-primary-subtle-expanded"?: any;
|
|
677
603
|
"background-primary-subtle-hover"?: any;
|
|
604
|
+
"background-primary-subtle-pressed"?: any;
|
|
605
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
678
606
|
"background-primary-subtle-selected"?: any;
|
|
679
607
|
"background-success"?: any;
|
|
680
608
|
"background-success-prominent"?: any;
|
|
@@ -685,15 +613,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
685
613
|
"border-danger"?: any;
|
|
686
614
|
"border-danger-active"?: any;
|
|
687
615
|
"border-danger-hover"?: any;
|
|
688
|
-
"border-focus-error-inner"?: any;
|
|
689
|
-
"border-focus-error-middle"?: any;
|
|
690
|
-
"border-focus-error-outer"?: any;
|
|
691
616
|
"border-focus-inner"?: any;
|
|
692
617
|
"border-focus-middle"?: any;
|
|
693
618
|
"border-focus-outer"?: any;
|
|
694
|
-
"border-focus-success-inner"?: any;
|
|
695
|
-
"border-focus-success-middle"?: any;
|
|
696
|
-
"border-focus-success-outer"?: any;
|
|
697
619
|
"border-neutrals"?: any;
|
|
698
620
|
"border-neutrals-active"?: any;
|
|
699
621
|
"border-neutrals-controls"?: any;
|
|
@@ -786,23 +708,21 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
786
708
|
readonly body: "Open Sans, sans-serif";
|
|
787
709
|
};
|
|
788
710
|
radii: {
|
|
711
|
+
readonly none: 0;
|
|
712
|
+
readonly half: "999em";
|
|
789
713
|
readonly 25: "2px";
|
|
790
714
|
readonly 50: "4px";
|
|
791
715
|
readonly 75: "6px";
|
|
792
716
|
readonly 100: "8px";
|
|
793
717
|
readonly 200: "16px";
|
|
794
|
-
readonly half: "999px";
|
|
795
|
-
readonly none: "0px";
|
|
796
718
|
};
|
|
797
719
|
shadows: {
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
"focus-
|
|
801
|
-
"focus-
|
|
802
|
-
"focus-
|
|
803
|
-
|
|
804
|
-
"focus-controls-error": any;
|
|
805
|
-
"focus-controls-success": any;
|
|
720
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
721
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
722
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
723
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
724
|
+
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
725
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
806
726
|
};
|
|
807
727
|
sizes: {
|
|
808
728
|
readonly number: string;
|
|
@@ -1075,103 +995,63 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
1075
995
|
};
|
|
1076
996
|
colors: {
|
|
1077
997
|
readonly black: any;
|
|
1078
|
-
readonly 'blue-50': any;
|
|
1079
998
|
readonly 'blue-100': any;
|
|
1080
|
-
readonly 'blue-150': any;
|
|
1081
999
|
readonly 'blue-200': any;
|
|
1082
|
-
readonly 'blue-250': any;
|
|
1083
1000
|
readonly 'blue-300': any;
|
|
1084
|
-
readonly 'blue-350': any;
|
|
1085
1001
|
readonly 'blue-400': any;
|
|
1086
|
-
readonly 'blue-450': any;
|
|
1087
1002
|
readonly 'blue-500': any;
|
|
1088
|
-
readonly 'blue-550': any;
|
|
1089
1003
|
readonly 'blue-600': any;
|
|
1090
|
-
readonly 'blue-650': any;
|
|
1091
1004
|
readonly 'blue-700': any;
|
|
1092
|
-
readonly 'blue-750': any;
|
|
1093
1005
|
readonly 'blue-800': any;
|
|
1094
|
-
readonly 'blue-850': any;
|
|
1095
1006
|
readonly 'blue-900': any;
|
|
1096
|
-
readonly 'blue-
|
|
1097
|
-
readonly 'gray-50': any;
|
|
1007
|
+
readonly 'blue-1000': any;
|
|
1098
1008
|
readonly 'gray-100': any;
|
|
1099
|
-
readonly 'gray-150': any;
|
|
1100
1009
|
readonly 'gray-200': any;
|
|
1101
|
-
readonly 'gray-250': any;
|
|
1102
1010
|
readonly 'gray-300': any;
|
|
1103
|
-
readonly 'gray-350': any;
|
|
1104
1011
|
readonly 'gray-400': any;
|
|
1105
|
-
readonly 'gray-450': any;
|
|
1106
1012
|
readonly 'gray-500': any;
|
|
1107
|
-
readonly 'gray-550': any;
|
|
1108
1013
|
readonly 'gray-600': any;
|
|
1109
|
-
readonly 'gray-650': any;
|
|
1110
1014
|
readonly 'gray-700': any;
|
|
1111
|
-
readonly 'gray-750': any;
|
|
1112
1015
|
readonly 'gray-800': any;
|
|
1113
|
-
readonly 'gray-850': any;
|
|
1114
1016
|
readonly 'gray-900': any;
|
|
1115
|
-
readonly 'gray-950': any;
|
|
1116
|
-
readonly 'green-50': any;
|
|
1117
1017
|
readonly 'green-100': any;
|
|
1118
|
-
readonly 'green-150': any;
|
|
1119
1018
|
readonly 'green-200': any;
|
|
1120
|
-
readonly 'green-250': any;
|
|
1121
1019
|
readonly 'green-300': any;
|
|
1122
|
-
readonly 'green-350': any;
|
|
1123
1020
|
readonly 'green-400': any;
|
|
1124
|
-
readonly 'green-450': any;
|
|
1125
1021
|
readonly 'green-500': any;
|
|
1126
|
-
readonly 'green-550': any;
|
|
1127
1022
|
readonly 'green-600': any;
|
|
1128
|
-
readonly 'green-650': any;
|
|
1129
1023
|
readonly 'green-700': any;
|
|
1130
|
-
readonly 'green-750': any;
|
|
1131
1024
|
readonly 'green-800': any;
|
|
1132
|
-
readonly 'green-850': any;
|
|
1133
1025
|
readonly 'green-900': any;
|
|
1134
|
-
readonly '
|
|
1135
|
-
readonly '
|
|
1026
|
+
readonly 'indigo-100': any;
|
|
1027
|
+
readonly 'indigo-200': any;
|
|
1028
|
+
readonly 'indigo-300': any;
|
|
1029
|
+
readonly 'indigo-400': any;
|
|
1030
|
+
readonly 'indigo-500': any;
|
|
1031
|
+
readonly 'indigo-600': any;
|
|
1032
|
+
readonly 'indigo-700': any;
|
|
1033
|
+
readonly 'indigo-800': any;
|
|
1034
|
+
readonly 'indigo-900': any;
|
|
1136
1035
|
readonly 'red-100': any;
|
|
1137
|
-
readonly 'red-150': any;
|
|
1138
1036
|
readonly 'red-200': any;
|
|
1139
|
-
readonly 'red-250': any;
|
|
1140
1037
|
readonly 'red-300': any;
|
|
1141
|
-
readonly 'red-350': any;
|
|
1142
1038
|
readonly 'red-400': any;
|
|
1143
|
-
readonly 'red-450': any;
|
|
1144
1039
|
readonly 'red-500': any;
|
|
1145
|
-
readonly 'red-550': any;
|
|
1146
1040
|
readonly 'red-600': any;
|
|
1147
|
-
readonly 'red-650': any;
|
|
1148
1041
|
readonly 'red-700': any;
|
|
1149
|
-
readonly 'red-750': any;
|
|
1150
1042
|
readonly 'red-800': any;
|
|
1151
|
-
readonly 'red-850': any;
|
|
1152
1043
|
readonly 'red-900': any;
|
|
1153
|
-
readonly 'red-950': any;
|
|
1154
1044
|
readonly transparent: any;
|
|
1155
1045
|
readonly white: any;
|
|
1156
|
-
readonly 'yellow-50': any;
|
|
1157
1046
|
readonly 'yellow-100': any;
|
|
1158
|
-
readonly 'yellow-150': any;
|
|
1159
1047
|
readonly 'yellow-200': any;
|
|
1160
|
-
readonly 'yellow-250': any;
|
|
1161
1048
|
readonly 'yellow-300': any;
|
|
1162
|
-
readonly 'yellow-350': any;
|
|
1163
1049
|
readonly 'yellow-400': any;
|
|
1164
|
-
readonly 'yellow-450': any;
|
|
1165
1050
|
readonly 'yellow-500': any;
|
|
1166
|
-
readonly 'yellow-550': any;
|
|
1167
1051
|
readonly 'yellow-600': any;
|
|
1168
|
-
readonly 'yellow-650': any;
|
|
1169
1052
|
readonly 'yellow-700': any;
|
|
1170
|
-
readonly 'yellow-750': any;
|
|
1171
1053
|
readonly 'yellow-800': any;
|
|
1172
|
-
readonly 'yellow-850': any;
|
|
1173
1054
|
readonly 'yellow-900': any;
|
|
1174
|
-
readonly 'yellow-950': any;
|
|
1175
1055
|
"background-alpha-active"?: any;
|
|
1176
1056
|
"background-alpha-hover"?: any;
|
|
1177
1057
|
"background-danger-prominent"?: any;
|
|
@@ -1192,19 +1072,27 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
1192
1072
|
"background-neutrals-inverted-subtle"?: any;
|
|
1193
1073
|
"background-neutrals-page"?: any;
|
|
1194
1074
|
"background-neutrals-page-subtle"?: any;
|
|
1195
|
-
"background-neutrals-
|
|
1196
|
-
"background-neutrals-
|
|
1197
|
-
"background-neutrals-
|
|
1075
|
+
"background-neutrals-scrolls"?: any;
|
|
1076
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
1077
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
1078
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
1079
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
1198
1080
|
"background-neutrals-subtle"?: any;
|
|
1199
1081
|
"background-neutrals-subtle-active"?: any;
|
|
1200
1082
|
"background-neutrals-subtle-hover"?: any;
|
|
1201
1083
|
"background-primary-prominent"?: any;
|
|
1202
1084
|
"background-primary-prominent-active"?: any;
|
|
1085
|
+
"background-primary-prominent-expanded"?: any;
|
|
1203
1086
|
"background-primary-prominent-hover"?: any;
|
|
1087
|
+
"background-primary-prominent-pressed"?: any;
|
|
1088
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
1204
1089
|
"background-primary-prominent-selected"?: any;
|
|
1205
1090
|
"background-primary-subtle"?: any;
|
|
1206
1091
|
"background-primary-subtle-active"?: any;
|
|
1092
|
+
"background-primary-subtle-expanded"?: any;
|
|
1207
1093
|
"background-primary-subtle-hover"?: any;
|
|
1094
|
+
"background-primary-subtle-pressed"?: any;
|
|
1095
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
1208
1096
|
"background-primary-subtle-selected"?: any;
|
|
1209
1097
|
"background-success"?: any;
|
|
1210
1098
|
"background-success-prominent"?: any;
|
|
@@ -1215,15 +1103,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
1215
1103
|
"border-danger"?: any;
|
|
1216
1104
|
"border-danger-active"?: any;
|
|
1217
1105
|
"border-danger-hover"?: any;
|
|
1218
|
-
"border-focus-error-inner"?: any;
|
|
1219
|
-
"border-focus-error-middle"?: any;
|
|
1220
|
-
"border-focus-error-outer"?: any;
|
|
1221
1106
|
"border-focus-inner"?: any;
|
|
1222
1107
|
"border-focus-middle"?: any;
|
|
1223
1108
|
"border-focus-outer"?: any;
|
|
1224
|
-
"border-focus-success-inner"?: any;
|
|
1225
|
-
"border-focus-success-middle"?: any;
|
|
1226
|
-
"border-focus-success-outer"?: any;
|
|
1227
1109
|
"border-neutrals"?: any;
|
|
1228
1110
|
"border-neutrals-active"?: any;
|
|
1229
1111
|
"border-neutrals-controls"?: any;
|
|
@@ -1316,23 +1198,21 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
1316
1198
|
readonly body: "Open Sans, sans-serif";
|
|
1317
1199
|
};
|
|
1318
1200
|
radii: {
|
|
1201
|
+
readonly none: 0;
|
|
1202
|
+
readonly half: "999em";
|
|
1319
1203
|
readonly 25: "2px";
|
|
1320
1204
|
readonly 50: "4px";
|
|
1321
1205
|
readonly 75: "6px";
|
|
1322
1206
|
readonly 100: "8px";
|
|
1323
1207
|
readonly 200: "16px";
|
|
1324
|
-
readonly half: "999px";
|
|
1325
|
-
readonly none: "0px";
|
|
1326
1208
|
};
|
|
1327
1209
|
shadows: {
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
"focus-
|
|
1331
|
-
"focus-
|
|
1332
|
-
"focus-
|
|
1333
|
-
|
|
1334
|
-
"focus-controls-error": any;
|
|
1335
|
-
"focus-controls-success": any;
|
|
1210
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
1211
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
1212
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
1213
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
1214
|
+
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
1215
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
1336
1216
|
};
|
|
1337
1217
|
sizes: {
|
|
1338
1218
|
readonly number: string;
|
|
@@ -1608,103 +1488,63 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
1608
1488
|
};
|
|
1609
1489
|
colors: {
|
|
1610
1490
|
readonly black: any;
|
|
1611
|
-
readonly 'blue-50': any;
|
|
1612
1491
|
readonly 'blue-100': any;
|
|
1613
|
-
readonly 'blue-150': any;
|
|
1614
1492
|
readonly 'blue-200': any;
|
|
1615
|
-
readonly 'blue-250': any;
|
|
1616
1493
|
readonly 'blue-300': any;
|
|
1617
|
-
readonly 'blue-350': any;
|
|
1618
1494
|
readonly 'blue-400': any;
|
|
1619
|
-
readonly 'blue-450': any;
|
|
1620
1495
|
readonly 'blue-500': any;
|
|
1621
|
-
readonly 'blue-550': any;
|
|
1622
1496
|
readonly 'blue-600': any;
|
|
1623
|
-
readonly 'blue-650': any;
|
|
1624
1497
|
readonly 'blue-700': any;
|
|
1625
|
-
readonly 'blue-750': any;
|
|
1626
1498
|
readonly 'blue-800': any;
|
|
1627
|
-
readonly 'blue-850': any;
|
|
1628
1499
|
readonly 'blue-900': any;
|
|
1629
|
-
readonly 'blue-
|
|
1630
|
-
readonly 'gray-50': any;
|
|
1500
|
+
readonly 'blue-1000': any;
|
|
1631
1501
|
readonly 'gray-100': any;
|
|
1632
|
-
readonly 'gray-150': any;
|
|
1633
1502
|
readonly 'gray-200': any;
|
|
1634
|
-
readonly 'gray-250': any;
|
|
1635
1503
|
readonly 'gray-300': any;
|
|
1636
|
-
readonly 'gray-350': any;
|
|
1637
1504
|
readonly 'gray-400': any;
|
|
1638
|
-
readonly 'gray-450': any;
|
|
1639
1505
|
readonly 'gray-500': any;
|
|
1640
|
-
readonly 'gray-550': any;
|
|
1641
1506
|
readonly 'gray-600': any;
|
|
1642
|
-
readonly 'gray-650': any;
|
|
1643
1507
|
readonly 'gray-700': any;
|
|
1644
|
-
readonly 'gray-750': any;
|
|
1645
1508
|
readonly 'gray-800': any;
|
|
1646
|
-
readonly 'gray-850': any;
|
|
1647
1509
|
readonly 'gray-900': any;
|
|
1648
|
-
readonly 'gray-950': any;
|
|
1649
|
-
readonly 'green-50': any;
|
|
1650
1510
|
readonly 'green-100': any;
|
|
1651
|
-
readonly 'green-150': any;
|
|
1652
1511
|
readonly 'green-200': any;
|
|
1653
|
-
readonly 'green-250': any;
|
|
1654
1512
|
readonly 'green-300': any;
|
|
1655
|
-
readonly 'green-350': any;
|
|
1656
1513
|
readonly 'green-400': any;
|
|
1657
|
-
readonly 'green-450': any;
|
|
1658
1514
|
readonly 'green-500': any;
|
|
1659
|
-
readonly 'green-550': any;
|
|
1660
1515
|
readonly 'green-600': any;
|
|
1661
|
-
readonly 'green-650': any;
|
|
1662
1516
|
readonly 'green-700': any;
|
|
1663
|
-
readonly 'green-750': any;
|
|
1664
1517
|
readonly 'green-800': any;
|
|
1665
|
-
readonly 'green-850': any;
|
|
1666
1518
|
readonly 'green-900': any;
|
|
1667
|
-
readonly '
|
|
1668
|
-
readonly '
|
|
1519
|
+
readonly 'indigo-100': any;
|
|
1520
|
+
readonly 'indigo-200': any;
|
|
1521
|
+
readonly 'indigo-300': any;
|
|
1522
|
+
readonly 'indigo-400': any;
|
|
1523
|
+
readonly 'indigo-500': any;
|
|
1524
|
+
readonly 'indigo-600': any;
|
|
1525
|
+
readonly 'indigo-700': any;
|
|
1526
|
+
readonly 'indigo-800': any;
|
|
1527
|
+
readonly 'indigo-900': any;
|
|
1669
1528
|
readonly 'red-100': any;
|
|
1670
|
-
readonly 'red-150': any;
|
|
1671
1529
|
readonly 'red-200': any;
|
|
1672
|
-
readonly 'red-250': any;
|
|
1673
1530
|
readonly 'red-300': any;
|
|
1674
|
-
readonly 'red-350': any;
|
|
1675
1531
|
readonly 'red-400': any;
|
|
1676
|
-
readonly 'red-450': any;
|
|
1677
1532
|
readonly 'red-500': any;
|
|
1678
|
-
readonly 'red-550': any;
|
|
1679
1533
|
readonly 'red-600': any;
|
|
1680
|
-
readonly 'red-650': any;
|
|
1681
1534
|
readonly 'red-700': any;
|
|
1682
|
-
readonly 'red-750': any;
|
|
1683
1535
|
readonly 'red-800': any;
|
|
1684
|
-
readonly 'red-850': any;
|
|
1685
1536
|
readonly 'red-900': any;
|
|
1686
|
-
readonly 'red-950': any;
|
|
1687
1537
|
readonly transparent: any;
|
|
1688
1538
|
readonly white: any;
|
|
1689
|
-
readonly 'yellow-50': any;
|
|
1690
1539
|
readonly 'yellow-100': any;
|
|
1691
|
-
readonly 'yellow-150': any;
|
|
1692
1540
|
readonly 'yellow-200': any;
|
|
1693
|
-
readonly 'yellow-250': any;
|
|
1694
1541
|
readonly 'yellow-300': any;
|
|
1695
|
-
readonly 'yellow-350': any;
|
|
1696
1542
|
readonly 'yellow-400': any;
|
|
1697
|
-
readonly 'yellow-450': any;
|
|
1698
1543
|
readonly 'yellow-500': any;
|
|
1699
|
-
readonly 'yellow-550': any;
|
|
1700
1544
|
readonly 'yellow-600': any;
|
|
1701
|
-
readonly 'yellow-650': any;
|
|
1702
1545
|
readonly 'yellow-700': any;
|
|
1703
|
-
readonly 'yellow-750': any;
|
|
1704
1546
|
readonly 'yellow-800': any;
|
|
1705
|
-
readonly 'yellow-850': any;
|
|
1706
1547
|
readonly 'yellow-900': any;
|
|
1707
|
-
readonly 'yellow-950': any;
|
|
1708
1548
|
"background-alpha-active"?: any;
|
|
1709
1549
|
"background-alpha-hover"?: any;
|
|
1710
1550
|
"background-danger-prominent"?: any;
|
|
@@ -1725,19 +1565,27 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
1725
1565
|
"background-neutrals-inverted-subtle"?: any;
|
|
1726
1566
|
"background-neutrals-page"?: any;
|
|
1727
1567
|
"background-neutrals-page-subtle"?: any;
|
|
1728
|
-
"background-neutrals-
|
|
1729
|
-
"background-neutrals-
|
|
1730
|
-
"background-neutrals-
|
|
1568
|
+
"background-neutrals-scrolls"?: any;
|
|
1569
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
1570
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
1571
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
1572
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
1731
1573
|
"background-neutrals-subtle"?: any;
|
|
1732
1574
|
"background-neutrals-subtle-active"?: any;
|
|
1733
1575
|
"background-neutrals-subtle-hover"?: any;
|
|
1734
1576
|
"background-primary-prominent"?: any;
|
|
1735
1577
|
"background-primary-prominent-active"?: any;
|
|
1578
|
+
"background-primary-prominent-expanded"?: any;
|
|
1736
1579
|
"background-primary-prominent-hover"?: any;
|
|
1580
|
+
"background-primary-prominent-pressed"?: any;
|
|
1581
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
1737
1582
|
"background-primary-prominent-selected"?: any;
|
|
1738
1583
|
"background-primary-subtle"?: any;
|
|
1739
1584
|
"background-primary-subtle-active"?: any;
|
|
1585
|
+
"background-primary-subtle-expanded"?: any;
|
|
1740
1586
|
"background-primary-subtle-hover"?: any;
|
|
1587
|
+
"background-primary-subtle-pressed"?: any;
|
|
1588
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
1741
1589
|
"background-primary-subtle-selected"?: any;
|
|
1742
1590
|
"background-success"?: any;
|
|
1743
1591
|
"background-success-prominent"?: any;
|
|
@@ -1748,15 +1596,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
1748
1596
|
"border-danger"?: any;
|
|
1749
1597
|
"border-danger-active"?: any;
|
|
1750
1598
|
"border-danger-hover"?: any;
|
|
1751
|
-
"border-focus-error-inner"?: any;
|
|
1752
|
-
"border-focus-error-middle"?: any;
|
|
1753
|
-
"border-focus-error-outer"?: any;
|
|
1754
1599
|
"border-focus-inner"?: any;
|
|
1755
1600
|
"border-focus-middle"?: any;
|
|
1756
1601
|
"border-focus-outer"?: any;
|
|
1757
|
-
"border-focus-success-inner"?: any;
|
|
1758
|
-
"border-focus-success-middle"?: any;
|
|
1759
|
-
"border-focus-success-outer"?: any;
|
|
1760
1602
|
"border-neutrals"?: any;
|
|
1761
1603
|
"border-neutrals-active"?: any;
|
|
1762
1604
|
"border-neutrals-controls"?: any;
|
|
@@ -1849,23 +1691,21 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
1849
1691
|
readonly body: "Open Sans, sans-serif";
|
|
1850
1692
|
};
|
|
1851
1693
|
radii: {
|
|
1694
|
+
readonly none: 0;
|
|
1695
|
+
readonly half: "999em";
|
|
1852
1696
|
readonly 25: "2px";
|
|
1853
1697
|
readonly 50: "4px";
|
|
1854
1698
|
readonly 75: "6px";
|
|
1855
1699
|
readonly 100: "8px";
|
|
1856
1700
|
readonly 200: "16px";
|
|
1857
|
-
readonly half: "999px";
|
|
1858
|
-
readonly none: "0px";
|
|
1859
1701
|
};
|
|
1860
1702
|
shadows: {
|
|
1861
|
-
|
|
1862
|
-
|
|
1863
|
-
"focus-
|
|
1864
|
-
"focus-
|
|
1865
|
-
"focus-
|
|
1866
|
-
|
|
1867
|
-
"focus-controls-error": any;
|
|
1868
|
-
"focus-controls-success": any;
|
|
1703
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
1704
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
1705
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
1706
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
1707
|
+
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
1708
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
1869
1709
|
};
|
|
1870
1710
|
sizes: {
|
|
1871
1711
|
readonly number: string;
|
|
@@ -2136,103 +1976,63 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
2136
1976
|
};
|
|
2137
1977
|
colors: {
|
|
2138
1978
|
readonly black: any;
|
|
2139
|
-
readonly 'blue-50': any;
|
|
2140
1979
|
readonly 'blue-100': any;
|
|
2141
|
-
readonly 'blue-150': any;
|
|
2142
1980
|
readonly 'blue-200': any;
|
|
2143
|
-
readonly 'blue-250': any;
|
|
2144
1981
|
readonly 'blue-300': any;
|
|
2145
|
-
readonly 'blue-350': any;
|
|
2146
1982
|
readonly 'blue-400': any;
|
|
2147
|
-
readonly 'blue-450': any;
|
|
2148
1983
|
readonly 'blue-500': any;
|
|
2149
|
-
readonly 'blue-550': any;
|
|
2150
1984
|
readonly 'blue-600': any;
|
|
2151
|
-
readonly 'blue-650': any;
|
|
2152
1985
|
readonly 'blue-700': any;
|
|
2153
|
-
readonly 'blue-750': any;
|
|
2154
1986
|
readonly 'blue-800': any;
|
|
2155
|
-
readonly 'blue-850': any;
|
|
2156
1987
|
readonly 'blue-900': any;
|
|
2157
|
-
readonly 'blue-
|
|
2158
|
-
readonly 'gray-50': any;
|
|
1988
|
+
readonly 'blue-1000': any;
|
|
2159
1989
|
readonly 'gray-100': any;
|
|
2160
|
-
readonly 'gray-150': any;
|
|
2161
1990
|
readonly 'gray-200': any;
|
|
2162
|
-
readonly 'gray-250': any;
|
|
2163
1991
|
readonly 'gray-300': any;
|
|
2164
|
-
readonly 'gray-350': any;
|
|
2165
1992
|
readonly 'gray-400': any;
|
|
2166
|
-
readonly 'gray-450': any;
|
|
2167
1993
|
readonly 'gray-500': any;
|
|
2168
|
-
readonly 'gray-550': any;
|
|
2169
1994
|
readonly 'gray-600': any;
|
|
2170
|
-
readonly 'gray-650': any;
|
|
2171
1995
|
readonly 'gray-700': any;
|
|
2172
|
-
readonly 'gray-750': any;
|
|
2173
1996
|
readonly 'gray-800': any;
|
|
2174
|
-
readonly 'gray-850': any;
|
|
2175
1997
|
readonly 'gray-900': any;
|
|
2176
|
-
readonly 'gray-950': any;
|
|
2177
|
-
readonly 'green-50': any;
|
|
2178
1998
|
readonly 'green-100': any;
|
|
2179
|
-
readonly 'green-150': any;
|
|
2180
1999
|
readonly 'green-200': any;
|
|
2181
|
-
readonly 'green-250': any;
|
|
2182
2000
|
readonly 'green-300': any;
|
|
2183
|
-
readonly 'green-350': any;
|
|
2184
2001
|
readonly 'green-400': any;
|
|
2185
|
-
readonly 'green-450': any;
|
|
2186
2002
|
readonly 'green-500': any;
|
|
2187
|
-
readonly 'green-550': any;
|
|
2188
2003
|
readonly 'green-600': any;
|
|
2189
|
-
readonly 'green-650': any;
|
|
2190
2004
|
readonly 'green-700': any;
|
|
2191
|
-
readonly 'green-750': any;
|
|
2192
2005
|
readonly 'green-800': any;
|
|
2193
|
-
readonly 'green-850': any;
|
|
2194
2006
|
readonly 'green-900': any;
|
|
2195
|
-
readonly '
|
|
2196
|
-
readonly '
|
|
2007
|
+
readonly 'indigo-100': any;
|
|
2008
|
+
readonly 'indigo-200': any;
|
|
2009
|
+
readonly 'indigo-300': any;
|
|
2010
|
+
readonly 'indigo-400': any;
|
|
2011
|
+
readonly 'indigo-500': any;
|
|
2012
|
+
readonly 'indigo-600': any;
|
|
2013
|
+
readonly 'indigo-700': any;
|
|
2014
|
+
readonly 'indigo-800': any;
|
|
2015
|
+
readonly 'indigo-900': any;
|
|
2197
2016
|
readonly 'red-100': any;
|
|
2198
|
-
readonly 'red-150': any;
|
|
2199
2017
|
readonly 'red-200': any;
|
|
2200
|
-
readonly 'red-250': any;
|
|
2201
2018
|
readonly 'red-300': any;
|
|
2202
|
-
readonly 'red-350': any;
|
|
2203
2019
|
readonly 'red-400': any;
|
|
2204
|
-
readonly 'red-450': any;
|
|
2205
2020
|
readonly 'red-500': any;
|
|
2206
|
-
readonly 'red-550': any;
|
|
2207
2021
|
readonly 'red-600': any;
|
|
2208
|
-
readonly 'red-650': any;
|
|
2209
2022
|
readonly 'red-700': any;
|
|
2210
|
-
readonly 'red-750': any;
|
|
2211
2023
|
readonly 'red-800': any;
|
|
2212
|
-
readonly 'red-850': any;
|
|
2213
2024
|
readonly 'red-900': any;
|
|
2214
|
-
readonly 'red-950': any;
|
|
2215
2025
|
readonly transparent: any;
|
|
2216
2026
|
readonly white: any;
|
|
2217
|
-
readonly 'yellow-50': any;
|
|
2218
2027
|
readonly 'yellow-100': any;
|
|
2219
|
-
readonly 'yellow-150': any;
|
|
2220
2028
|
readonly 'yellow-200': any;
|
|
2221
|
-
readonly 'yellow-250': any;
|
|
2222
2029
|
readonly 'yellow-300': any;
|
|
2223
|
-
readonly 'yellow-350': any;
|
|
2224
2030
|
readonly 'yellow-400': any;
|
|
2225
|
-
readonly 'yellow-450': any;
|
|
2226
2031
|
readonly 'yellow-500': any;
|
|
2227
|
-
readonly 'yellow-550': any;
|
|
2228
2032
|
readonly 'yellow-600': any;
|
|
2229
|
-
readonly 'yellow-650': any;
|
|
2230
2033
|
readonly 'yellow-700': any;
|
|
2231
|
-
readonly 'yellow-750': any;
|
|
2232
2034
|
readonly 'yellow-800': any;
|
|
2233
|
-
readonly 'yellow-850': any;
|
|
2234
2035
|
readonly 'yellow-900': any;
|
|
2235
|
-
readonly 'yellow-950': any;
|
|
2236
2036
|
"background-alpha-active"?: any;
|
|
2237
2037
|
"background-alpha-hover"?: any;
|
|
2238
2038
|
"background-danger-prominent"?: any;
|
|
@@ -2253,19 +2053,27 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
2253
2053
|
"background-neutrals-inverted-subtle"?: any;
|
|
2254
2054
|
"background-neutrals-page"?: any;
|
|
2255
2055
|
"background-neutrals-page-subtle"?: any;
|
|
2256
|
-
"background-neutrals-
|
|
2257
|
-
"background-neutrals-
|
|
2258
|
-
"background-neutrals-
|
|
2056
|
+
"background-neutrals-scrolls"?: any;
|
|
2057
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
2058
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
2059
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
2060
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
2259
2061
|
"background-neutrals-subtle"?: any;
|
|
2260
2062
|
"background-neutrals-subtle-active"?: any;
|
|
2261
2063
|
"background-neutrals-subtle-hover"?: any;
|
|
2262
2064
|
"background-primary-prominent"?: any;
|
|
2263
2065
|
"background-primary-prominent-active"?: any;
|
|
2066
|
+
"background-primary-prominent-expanded"?: any;
|
|
2264
2067
|
"background-primary-prominent-hover"?: any;
|
|
2068
|
+
"background-primary-prominent-pressed"?: any;
|
|
2069
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
2265
2070
|
"background-primary-prominent-selected"?: any;
|
|
2266
2071
|
"background-primary-subtle"?: any;
|
|
2267
2072
|
"background-primary-subtle-active"?: any;
|
|
2073
|
+
"background-primary-subtle-expanded"?: any;
|
|
2268
2074
|
"background-primary-subtle-hover"?: any;
|
|
2075
|
+
"background-primary-subtle-pressed"?: any;
|
|
2076
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
2269
2077
|
"background-primary-subtle-selected"?: any;
|
|
2270
2078
|
"background-success"?: any;
|
|
2271
2079
|
"background-success-prominent"?: any;
|
|
@@ -2276,15 +2084,9 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
2276
2084
|
"border-danger"?: any;
|
|
2277
2085
|
"border-danger-active"?: any;
|
|
2278
2086
|
"border-danger-hover"?: any;
|
|
2279
|
-
"border-focus-error-inner"?: any;
|
|
2280
|
-
"border-focus-error-middle"?: any;
|
|
2281
|
-
"border-focus-error-outer"?: any;
|
|
2282
2087
|
"border-focus-inner"?: any;
|
|
2283
2088
|
"border-focus-middle"?: any;
|
|
2284
2089
|
"border-focus-outer"?: any;
|
|
2285
|
-
"border-focus-success-inner"?: any;
|
|
2286
|
-
"border-focus-success-middle"?: any;
|
|
2287
|
-
"border-focus-success-outer"?: any;
|
|
2288
2090
|
"border-neutrals"?: any;
|
|
2289
2091
|
"border-neutrals-active"?: any;
|
|
2290
2092
|
"border-neutrals-controls"?: any;
|
|
@@ -2377,23 +2179,21 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
|
|
|
2377
2179
|
readonly body: "Open Sans, sans-serif";
|
|
2378
2180
|
};
|
|
2379
2181
|
radii: {
|
|
2182
|
+
readonly none: 0;
|
|
2183
|
+
readonly half: "999em";
|
|
2380
2184
|
readonly 25: "2px";
|
|
2381
2185
|
readonly 50: "4px";
|
|
2382
2186
|
readonly 75: "6px";
|
|
2383
2187
|
readonly 100: "8px";
|
|
2384
2188
|
readonly 200: "16px";
|
|
2385
|
-
readonly half: "999px";
|
|
2386
|
-
readonly none: "0px";
|
|
2387
2189
|
};
|
|
2388
2190
|
shadows: {
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
"focus-
|
|
2392
|
-
"focus-
|
|
2393
|
-
"focus-
|
|
2394
|
-
|
|
2395
|
-
"focus-controls-error": any;
|
|
2396
|
-
"focus-controls-success": any;
|
|
2191
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
2192
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
2193
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
2194
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
2195
|
+
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
2196
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
2397
2197
|
};
|
|
2398
2198
|
sizes: {
|
|
2399
2199
|
readonly number: string;
|
|
@@ -2674,103 +2474,63 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
|
|
|
2674
2474
|
};
|
|
2675
2475
|
colors: {
|
|
2676
2476
|
readonly black: any;
|
|
2677
|
-
readonly 'blue-50': any;
|
|
2678
2477
|
readonly 'blue-100': any;
|
|
2679
|
-
readonly 'blue-150': any;
|
|
2680
2478
|
readonly 'blue-200': any;
|
|
2681
|
-
readonly 'blue-250': any;
|
|
2682
2479
|
readonly 'blue-300': any;
|
|
2683
|
-
readonly 'blue-350': any;
|
|
2684
2480
|
readonly 'blue-400': any;
|
|
2685
|
-
readonly 'blue-450': any;
|
|
2686
2481
|
readonly 'blue-500': any;
|
|
2687
|
-
readonly 'blue-550': any;
|
|
2688
2482
|
readonly 'blue-600': any;
|
|
2689
|
-
readonly 'blue-650': any;
|
|
2690
2483
|
readonly 'blue-700': any;
|
|
2691
|
-
readonly 'blue-750': any;
|
|
2692
2484
|
readonly 'blue-800': any;
|
|
2693
|
-
readonly 'blue-850': any;
|
|
2694
2485
|
readonly 'blue-900': any;
|
|
2695
|
-
readonly 'blue-
|
|
2696
|
-
readonly 'gray-50': any;
|
|
2486
|
+
readonly 'blue-1000': any;
|
|
2697
2487
|
readonly 'gray-100': any;
|
|
2698
|
-
readonly 'gray-150': any;
|
|
2699
2488
|
readonly 'gray-200': any;
|
|
2700
|
-
readonly 'gray-250': any;
|
|
2701
2489
|
readonly 'gray-300': any;
|
|
2702
|
-
readonly 'gray-350': any;
|
|
2703
2490
|
readonly 'gray-400': any;
|
|
2704
|
-
readonly 'gray-450': any;
|
|
2705
2491
|
readonly 'gray-500': any;
|
|
2706
|
-
readonly 'gray-550': any;
|
|
2707
2492
|
readonly 'gray-600': any;
|
|
2708
|
-
readonly 'gray-650': any;
|
|
2709
2493
|
readonly 'gray-700': any;
|
|
2710
|
-
readonly 'gray-750': any;
|
|
2711
2494
|
readonly 'gray-800': any;
|
|
2712
|
-
readonly 'gray-850': any;
|
|
2713
2495
|
readonly 'gray-900': any;
|
|
2714
|
-
readonly 'gray-950': any;
|
|
2715
|
-
readonly 'green-50': any;
|
|
2716
2496
|
readonly 'green-100': any;
|
|
2717
|
-
readonly 'green-150': any;
|
|
2718
2497
|
readonly 'green-200': any;
|
|
2719
|
-
readonly 'green-250': any;
|
|
2720
2498
|
readonly 'green-300': any;
|
|
2721
|
-
readonly 'green-350': any;
|
|
2722
2499
|
readonly 'green-400': any;
|
|
2723
|
-
readonly 'green-450': any;
|
|
2724
2500
|
readonly 'green-500': any;
|
|
2725
|
-
readonly 'green-550': any;
|
|
2726
2501
|
readonly 'green-600': any;
|
|
2727
|
-
readonly 'green-650': any;
|
|
2728
2502
|
readonly 'green-700': any;
|
|
2729
|
-
readonly 'green-750': any;
|
|
2730
2503
|
readonly 'green-800': any;
|
|
2731
|
-
readonly 'green-850': any;
|
|
2732
2504
|
readonly 'green-900': any;
|
|
2733
|
-
readonly '
|
|
2734
|
-
readonly '
|
|
2505
|
+
readonly 'indigo-100': any;
|
|
2506
|
+
readonly 'indigo-200': any;
|
|
2507
|
+
readonly 'indigo-300': any;
|
|
2508
|
+
readonly 'indigo-400': any;
|
|
2509
|
+
readonly 'indigo-500': any;
|
|
2510
|
+
readonly 'indigo-600': any;
|
|
2511
|
+
readonly 'indigo-700': any;
|
|
2512
|
+
readonly 'indigo-800': any;
|
|
2513
|
+
readonly 'indigo-900': any;
|
|
2735
2514
|
readonly 'red-100': any;
|
|
2736
|
-
readonly 'red-150': any;
|
|
2737
2515
|
readonly 'red-200': any;
|
|
2738
|
-
readonly 'red-250': any;
|
|
2739
2516
|
readonly 'red-300': any;
|
|
2740
|
-
readonly 'red-350': any;
|
|
2741
2517
|
readonly 'red-400': any;
|
|
2742
|
-
readonly 'red-450': any;
|
|
2743
2518
|
readonly 'red-500': any;
|
|
2744
|
-
readonly 'red-550': any;
|
|
2745
2519
|
readonly 'red-600': any;
|
|
2746
|
-
readonly 'red-650': any;
|
|
2747
2520
|
readonly 'red-700': any;
|
|
2748
|
-
readonly 'red-750': any;
|
|
2749
2521
|
readonly 'red-800': any;
|
|
2750
|
-
readonly 'red-850': any;
|
|
2751
2522
|
readonly 'red-900': any;
|
|
2752
|
-
readonly 'red-950': any;
|
|
2753
2523
|
readonly transparent: any;
|
|
2754
2524
|
readonly white: any;
|
|
2755
|
-
readonly 'yellow-50': any;
|
|
2756
2525
|
readonly 'yellow-100': any;
|
|
2757
|
-
readonly 'yellow-150': any;
|
|
2758
2526
|
readonly 'yellow-200': any;
|
|
2759
|
-
readonly 'yellow-250': any;
|
|
2760
2527
|
readonly 'yellow-300': any;
|
|
2761
|
-
readonly 'yellow-350': any;
|
|
2762
2528
|
readonly 'yellow-400': any;
|
|
2763
|
-
readonly 'yellow-450': any;
|
|
2764
2529
|
readonly 'yellow-500': any;
|
|
2765
|
-
readonly 'yellow-550': any;
|
|
2766
2530
|
readonly 'yellow-600': any;
|
|
2767
|
-
readonly 'yellow-650': any;
|
|
2768
2531
|
readonly 'yellow-700': any;
|
|
2769
|
-
readonly 'yellow-750': any;
|
|
2770
2532
|
readonly 'yellow-800': any;
|
|
2771
|
-
readonly 'yellow-850': any;
|
|
2772
2533
|
readonly 'yellow-900': any;
|
|
2773
|
-
readonly 'yellow-950': any;
|
|
2774
2534
|
"background-alpha-active"?: any;
|
|
2775
2535
|
"background-alpha-hover"?: any;
|
|
2776
2536
|
"background-danger-prominent"?: any;
|
|
@@ -2791,19 +2551,27 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
|
|
|
2791
2551
|
"background-neutrals-inverted-subtle"?: any;
|
|
2792
2552
|
"background-neutrals-page"?: any;
|
|
2793
2553
|
"background-neutrals-page-subtle"?: any;
|
|
2794
|
-
"background-neutrals-
|
|
2795
|
-
"background-neutrals-
|
|
2796
|
-
"background-neutrals-
|
|
2554
|
+
"background-neutrals-scrolls"?: any;
|
|
2555
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
2556
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
2557
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
2558
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
2797
2559
|
"background-neutrals-subtle"?: any;
|
|
2798
2560
|
"background-neutrals-subtle-active"?: any;
|
|
2799
2561
|
"background-neutrals-subtle-hover"?: any;
|
|
2800
2562
|
"background-primary-prominent"?: any;
|
|
2801
2563
|
"background-primary-prominent-active"?: any;
|
|
2564
|
+
"background-primary-prominent-expanded"?: any;
|
|
2802
2565
|
"background-primary-prominent-hover"?: any;
|
|
2566
|
+
"background-primary-prominent-pressed"?: any;
|
|
2567
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
2803
2568
|
"background-primary-prominent-selected"?: any;
|
|
2804
2569
|
"background-primary-subtle"?: any;
|
|
2805
2570
|
"background-primary-subtle-active"?: any;
|
|
2571
|
+
"background-primary-subtle-expanded"?: any;
|
|
2806
2572
|
"background-primary-subtle-hover"?: any;
|
|
2573
|
+
"background-primary-subtle-pressed"?: any;
|
|
2574
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
2807
2575
|
"background-primary-subtle-selected"?: any;
|
|
2808
2576
|
"background-success"?: any;
|
|
2809
2577
|
"background-success-prominent"?: any;
|
|
@@ -2814,15 +2582,9 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
|
|
|
2814
2582
|
"border-danger"?: any;
|
|
2815
2583
|
"border-danger-active"?: any;
|
|
2816
2584
|
"border-danger-hover"?: any;
|
|
2817
|
-
"border-focus-error-inner"?: any;
|
|
2818
|
-
"border-focus-error-middle"?: any;
|
|
2819
|
-
"border-focus-error-outer"?: any;
|
|
2820
2585
|
"border-focus-inner"?: any;
|
|
2821
2586
|
"border-focus-middle"?: any;
|
|
2822
2587
|
"border-focus-outer"?: any;
|
|
2823
|
-
"border-focus-success-inner"?: any;
|
|
2824
|
-
"border-focus-success-middle"?: any;
|
|
2825
|
-
"border-focus-success-outer"?: any;
|
|
2826
2588
|
"border-neutrals"?: any;
|
|
2827
2589
|
"border-neutrals-active"?: any;
|
|
2828
2590
|
"border-neutrals-controls"?: any;
|
|
@@ -2915,23 +2677,21 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
|
|
|
2915
2677
|
readonly body: "Open Sans, sans-serif";
|
|
2916
2678
|
};
|
|
2917
2679
|
radii: {
|
|
2680
|
+
readonly none: 0;
|
|
2681
|
+
readonly half: "999em";
|
|
2918
2682
|
readonly 25: "2px";
|
|
2919
2683
|
readonly 50: "4px";
|
|
2920
2684
|
readonly 75: "6px";
|
|
2921
2685
|
readonly 100: "8px";
|
|
2922
2686
|
readonly 200: "16px";
|
|
2923
|
-
readonly half: "999px";
|
|
2924
|
-
readonly none: "0px";
|
|
2925
2687
|
};
|
|
2926
2688
|
shadows: {
|
|
2927
|
-
|
|
2928
|
-
|
|
2929
|
-
"focus-
|
|
2930
|
-
"focus-
|
|
2931
|
-
"focus-
|
|
2932
|
-
|
|
2933
|
-
"focus-controls-error": any;
|
|
2934
|
-
"focus-controls-success": any;
|
|
2689
|
+
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
2690
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
2691
|
+
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
2692
|
+
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
2693
|
+
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
2694
|
+
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
2935
2695
|
};
|
|
2936
2696
|
sizes: {
|
|
2937
2697
|
readonly number: string;
|