@mirohq/design-system-icon-button 2.1.9-colors.2 → 2.1.9-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 +203 -483
- package/package.json +9 -9
package/dist/types.d.ts
CHANGED
|
@@ -17,103 +17,63 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
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;
|
|
@@ -1606,103 +1486,63 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
1606
1486
|
};
|
|
1607
1487
|
colors: {
|
|
1608
1488
|
readonly black: any;
|
|
1609
|
-
readonly 'blue-50': any;
|
|
1610
1489
|
readonly 'blue-100': any;
|
|
1611
|
-
readonly 'blue-150': any;
|
|
1612
1490
|
readonly 'blue-200': any;
|
|
1613
|
-
readonly 'blue-250': any;
|
|
1614
1491
|
readonly 'blue-300': any;
|
|
1615
|
-
readonly 'blue-350': any;
|
|
1616
1492
|
readonly 'blue-400': any;
|
|
1617
|
-
readonly 'blue-450': any;
|
|
1618
1493
|
readonly 'blue-500': any;
|
|
1619
|
-
readonly 'blue-550': any;
|
|
1620
1494
|
readonly 'blue-600': any;
|
|
1621
|
-
readonly 'blue-650': any;
|
|
1622
1495
|
readonly 'blue-700': any;
|
|
1623
|
-
readonly 'blue-750': any;
|
|
1624
1496
|
readonly 'blue-800': any;
|
|
1625
|
-
readonly 'blue-850': any;
|
|
1626
1497
|
readonly 'blue-900': any;
|
|
1627
|
-
readonly 'blue-
|
|
1628
|
-
readonly 'gray-50': any;
|
|
1498
|
+
readonly 'blue-1000': any;
|
|
1629
1499
|
readonly 'gray-100': any;
|
|
1630
|
-
readonly 'gray-150': any;
|
|
1631
1500
|
readonly 'gray-200': any;
|
|
1632
|
-
readonly 'gray-250': any;
|
|
1633
1501
|
readonly 'gray-300': any;
|
|
1634
|
-
readonly 'gray-350': any;
|
|
1635
1502
|
readonly 'gray-400': any;
|
|
1636
|
-
readonly 'gray-450': any;
|
|
1637
1503
|
readonly 'gray-500': any;
|
|
1638
|
-
readonly 'gray-550': any;
|
|
1639
1504
|
readonly 'gray-600': any;
|
|
1640
|
-
readonly 'gray-650': any;
|
|
1641
1505
|
readonly 'gray-700': any;
|
|
1642
|
-
readonly 'gray-750': any;
|
|
1643
1506
|
readonly 'gray-800': any;
|
|
1644
|
-
readonly 'gray-850': any;
|
|
1645
1507
|
readonly 'gray-900': any;
|
|
1646
|
-
readonly 'gray-950': any;
|
|
1647
|
-
readonly 'green-50': any;
|
|
1648
1508
|
readonly 'green-100': any;
|
|
1649
|
-
readonly 'green-150': any;
|
|
1650
1509
|
readonly 'green-200': any;
|
|
1651
|
-
readonly 'green-250': any;
|
|
1652
1510
|
readonly 'green-300': any;
|
|
1653
|
-
readonly 'green-350': any;
|
|
1654
1511
|
readonly 'green-400': any;
|
|
1655
|
-
readonly 'green-450': any;
|
|
1656
1512
|
readonly 'green-500': any;
|
|
1657
|
-
readonly 'green-550': any;
|
|
1658
1513
|
readonly 'green-600': any;
|
|
1659
|
-
readonly 'green-650': any;
|
|
1660
1514
|
readonly 'green-700': any;
|
|
1661
|
-
readonly 'green-750': any;
|
|
1662
1515
|
readonly 'green-800': any;
|
|
1663
|
-
readonly 'green-850': any;
|
|
1664
1516
|
readonly 'green-900': any;
|
|
1665
|
-
readonly '
|
|
1666
|
-
readonly '
|
|
1517
|
+
readonly 'indigo-100': any;
|
|
1518
|
+
readonly 'indigo-200': any;
|
|
1519
|
+
readonly 'indigo-300': any;
|
|
1520
|
+
readonly 'indigo-400': any;
|
|
1521
|
+
readonly 'indigo-500': any;
|
|
1522
|
+
readonly 'indigo-600': any;
|
|
1523
|
+
readonly 'indigo-700': any;
|
|
1524
|
+
readonly 'indigo-800': any;
|
|
1525
|
+
readonly 'indigo-900': any;
|
|
1667
1526
|
readonly 'red-100': any;
|
|
1668
|
-
readonly 'red-150': any;
|
|
1669
1527
|
readonly 'red-200': any;
|
|
1670
|
-
readonly 'red-250': any;
|
|
1671
1528
|
readonly 'red-300': any;
|
|
1672
|
-
readonly 'red-350': any;
|
|
1673
1529
|
readonly 'red-400': any;
|
|
1674
|
-
readonly 'red-450': any;
|
|
1675
1530
|
readonly 'red-500': any;
|
|
1676
|
-
readonly 'red-550': any;
|
|
1677
1531
|
readonly 'red-600': any;
|
|
1678
|
-
readonly 'red-650': any;
|
|
1679
1532
|
readonly 'red-700': any;
|
|
1680
|
-
readonly 'red-750': any;
|
|
1681
1533
|
readonly 'red-800': any;
|
|
1682
|
-
readonly 'red-850': any;
|
|
1683
1534
|
readonly 'red-900': any;
|
|
1684
|
-
readonly 'red-950': any;
|
|
1685
1535
|
readonly transparent: any;
|
|
1686
1536
|
readonly white: any;
|
|
1687
|
-
readonly 'yellow-50': any;
|
|
1688
1537
|
readonly 'yellow-100': any;
|
|
1689
|
-
readonly 'yellow-150': any;
|
|
1690
1538
|
readonly 'yellow-200': any;
|
|
1691
|
-
readonly 'yellow-250': any;
|
|
1692
1539
|
readonly 'yellow-300': any;
|
|
1693
|
-
readonly 'yellow-350': any;
|
|
1694
1540
|
readonly 'yellow-400': any;
|
|
1695
|
-
readonly 'yellow-450': any;
|
|
1696
1541
|
readonly 'yellow-500': any;
|
|
1697
|
-
readonly 'yellow-550': any;
|
|
1698
1542
|
readonly 'yellow-600': any;
|
|
1699
|
-
readonly 'yellow-650': any;
|
|
1700
1543
|
readonly 'yellow-700': any;
|
|
1701
|
-
readonly 'yellow-750': any;
|
|
1702
1544
|
readonly 'yellow-800': any;
|
|
1703
|
-
readonly 'yellow-850': any;
|
|
1704
1545
|
readonly 'yellow-900': any;
|
|
1705
|
-
readonly 'yellow-950': any;
|
|
1706
1546
|
"background-alpha-active"?: any;
|
|
1707
1547
|
"background-alpha-hover"?: any;
|
|
1708
1548
|
"background-danger-prominent"?: any;
|
|
@@ -1723,19 +1563,27 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
1723
1563
|
"background-neutrals-inverted-subtle"?: any;
|
|
1724
1564
|
"background-neutrals-page"?: any;
|
|
1725
1565
|
"background-neutrals-page-subtle"?: any;
|
|
1726
|
-
"background-neutrals-
|
|
1727
|
-
"background-neutrals-
|
|
1728
|
-
"background-neutrals-
|
|
1566
|
+
"background-neutrals-scrolls"?: any;
|
|
1567
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
1568
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
1569
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
1570
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
1729
1571
|
"background-neutrals-subtle"?: any;
|
|
1730
1572
|
"background-neutrals-subtle-active"?: any;
|
|
1731
1573
|
"background-neutrals-subtle-hover"?: any;
|
|
1732
1574
|
"background-primary-prominent"?: any;
|
|
1733
1575
|
"background-primary-prominent-active"?: any;
|
|
1576
|
+
"background-primary-prominent-expanded"?: any;
|
|
1734
1577
|
"background-primary-prominent-hover"?: any;
|
|
1578
|
+
"background-primary-prominent-pressed"?: any;
|
|
1579
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
1735
1580
|
"background-primary-prominent-selected"?: any;
|
|
1736
1581
|
"background-primary-subtle"?: any;
|
|
1737
1582
|
"background-primary-subtle-active"?: any;
|
|
1583
|
+
"background-primary-subtle-expanded"?: any;
|
|
1738
1584
|
"background-primary-subtle-hover"?: any;
|
|
1585
|
+
"background-primary-subtle-pressed"?: any;
|
|
1586
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
1739
1587
|
"background-primary-subtle-selected"?: any;
|
|
1740
1588
|
"background-success"?: any;
|
|
1741
1589
|
"background-success-prominent"?: any;
|
|
@@ -1746,15 +1594,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
1746
1594
|
"border-danger"?: any;
|
|
1747
1595
|
"border-danger-active"?: any;
|
|
1748
1596
|
"border-danger-hover"?: any;
|
|
1749
|
-
"border-focus-error-inner"?: any;
|
|
1750
|
-
"border-focus-error-middle"?: any;
|
|
1751
|
-
"border-focus-error-outer"?: any;
|
|
1752
1597
|
"border-focus-inner"?: any;
|
|
1753
1598
|
"border-focus-middle"?: any;
|
|
1754
1599
|
"border-focus-outer"?: any;
|
|
1755
|
-
"border-focus-success-inner"?: any;
|
|
1756
|
-
"border-focus-success-middle"?: any;
|
|
1757
|
-
"border-focus-success-outer"?: any;
|
|
1758
1600
|
"border-neutrals"?: any;
|
|
1759
1601
|
"border-neutrals-active"?: any;
|
|
1760
1602
|
"border-neutrals-controls"?: any;
|
|
@@ -1847,23 +1689,21 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
1847
1689
|
readonly body: "Open Sans, sans-serif";
|
|
1848
1690
|
};
|
|
1849
1691
|
radii: {
|
|
1692
|
+
readonly none: 0;
|
|
1693
|
+
readonly half: "999em";
|
|
1850
1694
|
readonly 25: "2px";
|
|
1851
1695
|
readonly 50: "4px";
|
|
1852
1696
|
readonly 75: "6px";
|
|
1853
1697
|
readonly 100: "8px";
|
|
1854
1698
|
readonly 200: "16px";
|
|
1855
|
-
readonly half: "999px";
|
|
1856
|
-
readonly none: "0px";
|
|
1857
1699
|
};
|
|
1858
1700
|
shadows: {
|
|
1859
|
-
|
|
1860
|
-
|
|
1861
|
-
"focus-
|
|
1862
|
-
"focus-
|
|
1863
|
-
"focus-
|
|
1864
|
-
|
|
1865
|
-
"focus-controls-error": any;
|
|
1866
|
-
"focus-controls-success": any;
|
|
1701
|
+
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";
|
|
1702
|
+
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";
|
|
1703
|
+
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";
|
|
1704
|
+
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";
|
|
1705
|
+
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";
|
|
1706
|
+
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";
|
|
1867
1707
|
};
|
|
1868
1708
|
sizes: {
|
|
1869
1709
|
readonly number: string;
|
|
@@ -2134,103 +1974,63 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2134
1974
|
};
|
|
2135
1975
|
colors: {
|
|
2136
1976
|
readonly black: any;
|
|
2137
|
-
readonly 'blue-50': any;
|
|
2138
1977
|
readonly 'blue-100': any;
|
|
2139
|
-
readonly 'blue-150': any;
|
|
2140
1978
|
readonly 'blue-200': any;
|
|
2141
|
-
readonly 'blue-250': any;
|
|
2142
1979
|
readonly 'blue-300': any;
|
|
2143
|
-
readonly 'blue-350': any;
|
|
2144
1980
|
readonly 'blue-400': any;
|
|
2145
|
-
readonly 'blue-450': any;
|
|
2146
1981
|
readonly 'blue-500': any;
|
|
2147
|
-
readonly 'blue-550': any;
|
|
2148
1982
|
readonly 'blue-600': any;
|
|
2149
|
-
readonly 'blue-650': any;
|
|
2150
1983
|
readonly 'blue-700': any;
|
|
2151
|
-
readonly 'blue-750': any;
|
|
2152
1984
|
readonly 'blue-800': any;
|
|
2153
|
-
readonly 'blue-850': any;
|
|
2154
1985
|
readonly 'blue-900': any;
|
|
2155
|
-
readonly 'blue-
|
|
2156
|
-
readonly 'gray-50': any;
|
|
1986
|
+
readonly 'blue-1000': any;
|
|
2157
1987
|
readonly 'gray-100': any;
|
|
2158
|
-
readonly 'gray-150': any;
|
|
2159
1988
|
readonly 'gray-200': any;
|
|
2160
|
-
readonly 'gray-250': any;
|
|
2161
1989
|
readonly 'gray-300': any;
|
|
2162
|
-
readonly 'gray-350': any;
|
|
2163
1990
|
readonly 'gray-400': any;
|
|
2164
|
-
readonly 'gray-450': any;
|
|
2165
1991
|
readonly 'gray-500': any;
|
|
2166
|
-
readonly 'gray-550': any;
|
|
2167
1992
|
readonly 'gray-600': any;
|
|
2168
|
-
readonly 'gray-650': any;
|
|
2169
1993
|
readonly 'gray-700': any;
|
|
2170
|
-
readonly 'gray-750': any;
|
|
2171
1994
|
readonly 'gray-800': any;
|
|
2172
|
-
readonly 'gray-850': any;
|
|
2173
1995
|
readonly 'gray-900': any;
|
|
2174
|
-
readonly 'gray-950': any;
|
|
2175
|
-
readonly 'green-50': any;
|
|
2176
1996
|
readonly 'green-100': any;
|
|
2177
|
-
readonly 'green-150': any;
|
|
2178
1997
|
readonly 'green-200': any;
|
|
2179
|
-
readonly 'green-250': any;
|
|
2180
1998
|
readonly 'green-300': any;
|
|
2181
|
-
readonly 'green-350': any;
|
|
2182
1999
|
readonly 'green-400': any;
|
|
2183
|
-
readonly 'green-450': any;
|
|
2184
2000
|
readonly 'green-500': any;
|
|
2185
|
-
readonly 'green-550': any;
|
|
2186
2001
|
readonly 'green-600': any;
|
|
2187
|
-
readonly 'green-650': any;
|
|
2188
2002
|
readonly 'green-700': any;
|
|
2189
|
-
readonly 'green-750': any;
|
|
2190
2003
|
readonly 'green-800': any;
|
|
2191
|
-
readonly 'green-850': any;
|
|
2192
2004
|
readonly 'green-900': any;
|
|
2193
|
-
readonly '
|
|
2194
|
-
readonly '
|
|
2005
|
+
readonly 'indigo-100': any;
|
|
2006
|
+
readonly 'indigo-200': any;
|
|
2007
|
+
readonly 'indigo-300': any;
|
|
2008
|
+
readonly 'indigo-400': any;
|
|
2009
|
+
readonly 'indigo-500': any;
|
|
2010
|
+
readonly 'indigo-600': any;
|
|
2011
|
+
readonly 'indigo-700': any;
|
|
2012
|
+
readonly 'indigo-800': any;
|
|
2013
|
+
readonly 'indigo-900': any;
|
|
2195
2014
|
readonly 'red-100': any;
|
|
2196
|
-
readonly 'red-150': any;
|
|
2197
2015
|
readonly 'red-200': any;
|
|
2198
|
-
readonly 'red-250': any;
|
|
2199
2016
|
readonly 'red-300': any;
|
|
2200
|
-
readonly 'red-350': any;
|
|
2201
2017
|
readonly 'red-400': any;
|
|
2202
|
-
readonly 'red-450': any;
|
|
2203
2018
|
readonly 'red-500': any;
|
|
2204
|
-
readonly 'red-550': any;
|
|
2205
2019
|
readonly 'red-600': any;
|
|
2206
|
-
readonly 'red-650': any;
|
|
2207
2020
|
readonly 'red-700': any;
|
|
2208
|
-
readonly 'red-750': any;
|
|
2209
2021
|
readonly 'red-800': any;
|
|
2210
|
-
readonly 'red-850': any;
|
|
2211
2022
|
readonly 'red-900': any;
|
|
2212
|
-
readonly 'red-950': any;
|
|
2213
2023
|
readonly transparent: any;
|
|
2214
2024
|
readonly white: any;
|
|
2215
|
-
readonly 'yellow-50': any;
|
|
2216
2025
|
readonly 'yellow-100': any;
|
|
2217
|
-
readonly 'yellow-150': any;
|
|
2218
2026
|
readonly 'yellow-200': any;
|
|
2219
|
-
readonly 'yellow-250': any;
|
|
2220
2027
|
readonly 'yellow-300': any;
|
|
2221
|
-
readonly 'yellow-350': any;
|
|
2222
2028
|
readonly 'yellow-400': any;
|
|
2223
|
-
readonly 'yellow-450': any;
|
|
2224
2029
|
readonly 'yellow-500': any;
|
|
2225
|
-
readonly 'yellow-550': any;
|
|
2226
2030
|
readonly 'yellow-600': any;
|
|
2227
|
-
readonly 'yellow-650': any;
|
|
2228
2031
|
readonly 'yellow-700': any;
|
|
2229
|
-
readonly 'yellow-750': any;
|
|
2230
2032
|
readonly 'yellow-800': any;
|
|
2231
|
-
readonly 'yellow-850': any;
|
|
2232
2033
|
readonly 'yellow-900': any;
|
|
2233
|
-
readonly 'yellow-950': any;
|
|
2234
2034
|
"background-alpha-active"?: any;
|
|
2235
2035
|
"background-alpha-hover"?: any;
|
|
2236
2036
|
"background-danger-prominent"?: any;
|
|
@@ -2251,19 +2051,27 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2251
2051
|
"background-neutrals-inverted-subtle"?: any;
|
|
2252
2052
|
"background-neutrals-page"?: any;
|
|
2253
2053
|
"background-neutrals-page-subtle"?: any;
|
|
2254
|
-
"background-neutrals-
|
|
2255
|
-
"background-neutrals-
|
|
2256
|
-
"background-neutrals-
|
|
2054
|
+
"background-neutrals-scrolls"?: any;
|
|
2055
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
2056
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
2057
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
2058
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
2257
2059
|
"background-neutrals-subtle"?: any;
|
|
2258
2060
|
"background-neutrals-subtle-active"?: any;
|
|
2259
2061
|
"background-neutrals-subtle-hover"?: any;
|
|
2260
2062
|
"background-primary-prominent"?: any;
|
|
2261
2063
|
"background-primary-prominent-active"?: any;
|
|
2064
|
+
"background-primary-prominent-expanded"?: any;
|
|
2262
2065
|
"background-primary-prominent-hover"?: any;
|
|
2066
|
+
"background-primary-prominent-pressed"?: any;
|
|
2067
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
2263
2068
|
"background-primary-prominent-selected"?: any;
|
|
2264
2069
|
"background-primary-subtle"?: any;
|
|
2265
2070
|
"background-primary-subtle-active"?: any;
|
|
2071
|
+
"background-primary-subtle-expanded"?: any;
|
|
2266
2072
|
"background-primary-subtle-hover"?: any;
|
|
2073
|
+
"background-primary-subtle-pressed"?: any;
|
|
2074
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
2267
2075
|
"background-primary-subtle-selected"?: any;
|
|
2268
2076
|
"background-success"?: any;
|
|
2269
2077
|
"background-success-prominent"?: any;
|
|
@@ -2274,15 +2082,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2274
2082
|
"border-danger"?: any;
|
|
2275
2083
|
"border-danger-active"?: any;
|
|
2276
2084
|
"border-danger-hover"?: any;
|
|
2277
|
-
"border-focus-error-inner"?: any;
|
|
2278
|
-
"border-focus-error-middle"?: any;
|
|
2279
|
-
"border-focus-error-outer"?: any;
|
|
2280
2085
|
"border-focus-inner"?: any;
|
|
2281
2086
|
"border-focus-middle"?: any;
|
|
2282
2087
|
"border-focus-outer"?: any;
|
|
2283
|
-
"border-focus-success-inner"?: any;
|
|
2284
|
-
"border-focus-success-middle"?: any;
|
|
2285
|
-
"border-focus-success-outer"?: any;
|
|
2286
2088
|
"border-neutrals"?: any;
|
|
2287
2089
|
"border-neutrals-active"?: any;
|
|
2288
2090
|
"border-neutrals-controls"?: any;
|
|
@@ -2375,23 +2177,21 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2375
2177
|
readonly body: "Open Sans, sans-serif";
|
|
2376
2178
|
};
|
|
2377
2179
|
radii: {
|
|
2180
|
+
readonly none: 0;
|
|
2181
|
+
readonly half: "999em";
|
|
2378
2182
|
readonly 25: "2px";
|
|
2379
2183
|
readonly 50: "4px";
|
|
2380
2184
|
readonly 75: "6px";
|
|
2381
2185
|
readonly 100: "8px";
|
|
2382
2186
|
readonly 200: "16px";
|
|
2383
|
-
readonly half: "999px";
|
|
2384
|
-
readonly none: "0px";
|
|
2385
2187
|
};
|
|
2386
2188
|
shadows: {
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
"focus-
|
|
2390
|
-
"focus-
|
|
2391
|
-
"focus-
|
|
2392
|
-
|
|
2393
|
-
"focus-controls-error": any;
|
|
2394
|
-
"focus-controls-success": any;
|
|
2189
|
+
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";
|
|
2190
|
+
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";
|
|
2191
|
+
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";
|
|
2192
|
+
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";
|
|
2193
|
+
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";
|
|
2194
|
+
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";
|
|
2395
2195
|
};
|
|
2396
2196
|
sizes: {
|
|
2397
2197
|
readonly number: string;
|
|
@@ -2727,103 +2527,63 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
2727
2527
|
};
|
|
2728
2528
|
colors: {
|
|
2729
2529
|
readonly black: any;
|
|
2730
|
-
readonly 'blue-50': any;
|
|
2731
2530
|
readonly 'blue-100': any;
|
|
2732
|
-
readonly 'blue-150': any;
|
|
2733
2531
|
readonly 'blue-200': any;
|
|
2734
|
-
readonly 'blue-250': any;
|
|
2735
2532
|
readonly 'blue-300': any;
|
|
2736
|
-
readonly 'blue-350': any;
|
|
2737
2533
|
readonly 'blue-400': any;
|
|
2738
|
-
readonly 'blue-450': any;
|
|
2739
2534
|
readonly 'blue-500': any;
|
|
2740
|
-
readonly 'blue-550': any;
|
|
2741
2535
|
readonly 'blue-600': any;
|
|
2742
|
-
readonly 'blue-650': any;
|
|
2743
2536
|
readonly 'blue-700': any;
|
|
2744
|
-
readonly 'blue-750': any;
|
|
2745
2537
|
readonly 'blue-800': any;
|
|
2746
|
-
readonly 'blue-850': any;
|
|
2747
2538
|
readonly 'blue-900': any;
|
|
2748
|
-
readonly 'blue-
|
|
2749
|
-
readonly 'gray-50': any;
|
|
2539
|
+
readonly 'blue-1000': any;
|
|
2750
2540
|
readonly 'gray-100': any;
|
|
2751
|
-
readonly 'gray-150': any;
|
|
2752
2541
|
readonly 'gray-200': any;
|
|
2753
|
-
readonly 'gray-250': any;
|
|
2754
2542
|
readonly 'gray-300': any;
|
|
2755
|
-
readonly 'gray-350': any;
|
|
2756
2543
|
readonly 'gray-400': any;
|
|
2757
|
-
readonly 'gray-450': any;
|
|
2758
2544
|
readonly 'gray-500': any;
|
|
2759
|
-
readonly 'gray-550': any;
|
|
2760
2545
|
readonly 'gray-600': any;
|
|
2761
|
-
readonly 'gray-650': any;
|
|
2762
2546
|
readonly 'gray-700': any;
|
|
2763
|
-
readonly 'gray-750': any;
|
|
2764
2547
|
readonly 'gray-800': any;
|
|
2765
|
-
readonly 'gray-850': any;
|
|
2766
2548
|
readonly 'gray-900': any;
|
|
2767
|
-
readonly 'gray-950': any;
|
|
2768
|
-
readonly 'green-50': any;
|
|
2769
2549
|
readonly 'green-100': any;
|
|
2770
|
-
readonly 'green-150': any;
|
|
2771
2550
|
readonly 'green-200': any;
|
|
2772
|
-
readonly 'green-250': any;
|
|
2773
2551
|
readonly 'green-300': any;
|
|
2774
|
-
readonly 'green-350': any;
|
|
2775
2552
|
readonly 'green-400': any;
|
|
2776
|
-
readonly 'green-450': any;
|
|
2777
2553
|
readonly 'green-500': any;
|
|
2778
|
-
readonly 'green-550': any;
|
|
2779
2554
|
readonly 'green-600': any;
|
|
2780
|
-
readonly 'green-650': any;
|
|
2781
2555
|
readonly 'green-700': any;
|
|
2782
|
-
readonly 'green-750': any;
|
|
2783
2556
|
readonly 'green-800': any;
|
|
2784
|
-
readonly 'green-850': any;
|
|
2785
2557
|
readonly 'green-900': any;
|
|
2786
|
-
readonly '
|
|
2787
|
-
readonly '
|
|
2558
|
+
readonly 'indigo-100': any;
|
|
2559
|
+
readonly 'indigo-200': any;
|
|
2560
|
+
readonly 'indigo-300': any;
|
|
2561
|
+
readonly 'indigo-400': any;
|
|
2562
|
+
readonly 'indigo-500': any;
|
|
2563
|
+
readonly 'indigo-600': any;
|
|
2564
|
+
readonly 'indigo-700': any;
|
|
2565
|
+
readonly 'indigo-800': any;
|
|
2566
|
+
readonly 'indigo-900': any;
|
|
2788
2567
|
readonly 'red-100': any;
|
|
2789
|
-
readonly 'red-150': any;
|
|
2790
2568
|
readonly 'red-200': any;
|
|
2791
|
-
readonly 'red-250': any;
|
|
2792
2569
|
readonly 'red-300': any;
|
|
2793
|
-
readonly 'red-350': any;
|
|
2794
2570
|
readonly 'red-400': any;
|
|
2795
|
-
readonly 'red-450': any;
|
|
2796
2571
|
readonly 'red-500': any;
|
|
2797
|
-
readonly 'red-550': any;
|
|
2798
2572
|
readonly 'red-600': any;
|
|
2799
|
-
readonly 'red-650': any;
|
|
2800
2573
|
readonly 'red-700': any;
|
|
2801
|
-
readonly 'red-750': any;
|
|
2802
2574
|
readonly 'red-800': any;
|
|
2803
|
-
readonly 'red-850': any;
|
|
2804
2575
|
readonly 'red-900': any;
|
|
2805
|
-
readonly 'red-950': any;
|
|
2806
2576
|
readonly transparent: any;
|
|
2807
2577
|
readonly white: any;
|
|
2808
|
-
readonly 'yellow-50': any;
|
|
2809
2578
|
readonly 'yellow-100': any;
|
|
2810
|
-
readonly 'yellow-150': any;
|
|
2811
2579
|
readonly 'yellow-200': any;
|
|
2812
|
-
readonly 'yellow-250': any;
|
|
2813
2580
|
readonly 'yellow-300': any;
|
|
2814
|
-
readonly 'yellow-350': any;
|
|
2815
2581
|
readonly 'yellow-400': any;
|
|
2816
|
-
readonly 'yellow-450': any;
|
|
2817
2582
|
readonly 'yellow-500': any;
|
|
2818
|
-
readonly 'yellow-550': any;
|
|
2819
2583
|
readonly 'yellow-600': any;
|
|
2820
|
-
readonly 'yellow-650': any;
|
|
2821
2584
|
readonly 'yellow-700': any;
|
|
2822
|
-
readonly 'yellow-750': any;
|
|
2823
2585
|
readonly 'yellow-800': any;
|
|
2824
|
-
readonly 'yellow-850': any;
|
|
2825
2586
|
readonly 'yellow-900': any;
|
|
2826
|
-
readonly 'yellow-950': any;
|
|
2827
2587
|
"background-alpha-active"?: any;
|
|
2828
2588
|
"background-alpha-hover"?: any;
|
|
2829
2589
|
"background-danger-prominent"?: any;
|
|
@@ -2844,19 +2604,27 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
2844
2604
|
"background-neutrals-inverted-subtle"?: any;
|
|
2845
2605
|
"background-neutrals-page"?: any;
|
|
2846
2606
|
"background-neutrals-page-subtle"?: any;
|
|
2847
|
-
"background-neutrals-
|
|
2848
|
-
"background-neutrals-
|
|
2849
|
-
"background-neutrals-
|
|
2607
|
+
"background-neutrals-scrolls"?: any;
|
|
2608
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
2609
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
2610
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
2611
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
2850
2612
|
"background-neutrals-subtle"?: any;
|
|
2851
2613
|
"background-neutrals-subtle-active"?: any;
|
|
2852
2614
|
"background-neutrals-subtle-hover"?: any;
|
|
2853
2615
|
"background-primary-prominent"?: any;
|
|
2854
2616
|
"background-primary-prominent-active"?: any;
|
|
2617
|
+
"background-primary-prominent-expanded"?: any;
|
|
2855
2618
|
"background-primary-prominent-hover"?: any;
|
|
2619
|
+
"background-primary-prominent-pressed"?: any;
|
|
2620
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
2856
2621
|
"background-primary-prominent-selected"?: any;
|
|
2857
2622
|
"background-primary-subtle"?: any;
|
|
2858
2623
|
"background-primary-subtle-active"?: any;
|
|
2624
|
+
"background-primary-subtle-expanded"?: any;
|
|
2859
2625
|
"background-primary-subtle-hover"?: any;
|
|
2626
|
+
"background-primary-subtle-pressed"?: any;
|
|
2627
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
2860
2628
|
"background-primary-subtle-selected"?: any;
|
|
2861
2629
|
"background-success"?: any;
|
|
2862
2630
|
"background-success-prominent"?: any;
|
|
@@ -2867,15 +2635,9 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
2867
2635
|
"border-danger"?: any;
|
|
2868
2636
|
"border-danger-active"?: any;
|
|
2869
2637
|
"border-danger-hover"?: any;
|
|
2870
|
-
"border-focus-error-inner"?: any;
|
|
2871
|
-
"border-focus-error-middle"?: any;
|
|
2872
|
-
"border-focus-error-outer"?: any;
|
|
2873
2638
|
"border-focus-inner"?: any;
|
|
2874
2639
|
"border-focus-middle"?: any;
|
|
2875
2640
|
"border-focus-outer"?: any;
|
|
2876
|
-
"border-focus-success-inner"?: any;
|
|
2877
|
-
"border-focus-success-middle"?: any;
|
|
2878
|
-
"border-focus-success-outer"?: any;
|
|
2879
2641
|
"border-neutrals"?: any;
|
|
2880
2642
|
"border-neutrals-active"?: any;
|
|
2881
2643
|
"border-neutrals-controls"?: any;
|
|
@@ -2968,23 +2730,21 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
2968
2730
|
readonly body: "Open Sans, sans-serif";
|
|
2969
2731
|
};
|
|
2970
2732
|
radii: {
|
|
2733
|
+
readonly none: 0;
|
|
2734
|
+
readonly half: "999em";
|
|
2971
2735
|
readonly 25: "2px";
|
|
2972
2736
|
readonly 50: "4px";
|
|
2973
2737
|
readonly 75: "6px";
|
|
2974
2738
|
readonly 100: "8px";
|
|
2975
2739
|
readonly 200: "16px";
|
|
2976
|
-
readonly half: "999px";
|
|
2977
|
-
readonly none: "0px";
|
|
2978
2740
|
};
|
|
2979
2741
|
shadows: {
|
|
2980
|
-
|
|
2981
|
-
|
|
2982
|
-
"focus-
|
|
2983
|
-
"focus-
|
|
2984
|
-
"focus-
|
|
2985
|
-
|
|
2986
|
-
"focus-controls-error": any;
|
|
2987
|
-
"focus-controls-success": any;
|
|
2742
|
+
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";
|
|
2743
|
+
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";
|
|
2744
|
+
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";
|
|
2745
|
+
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";
|
|
2746
|
+
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";
|
|
2747
|
+
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";
|
|
2988
2748
|
};
|
|
2989
2749
|
sizes: {
|
|
2990
2750
|
readonly number: string;
|
|
@@ -3283,103 +3043,63 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3283
3043
|
};
|
|
3284
3044
|
colors: {
|
|
3285
3045
|
readonly black: any;
|
|
3286
|
-
readonly 'blue-50': any;
|
|
3287
3046
|
readonly 'blue-100': any;
|
|
3288
|
-
readonly 'blue-150': any;
|
|
3289
3047
|
readonly 'blue-200': any;
|
|
3290
|
-
readonly 'blue-250': any;
|
|
3291
3048
|
readonly 'blue-300': any;
|
|
3292
|
-
readonly 'blue-350': any;
|
|
3293
3049
|
readonly 'blue-400': any;
|
|
3294
|
-
readonly 'blue-450': any;
|
|
3295
3050
|
readonly 'blue-500': any;
|
|
3296
|
-
readonly 'blue-550': any;
|
|
3297
3051
|
readonly 'blue-600': any;
|
|
3298
|
-
readonly 'blue-650': any;
|
|
3299
3052
|
readonly 'blue-700': any;
|
|
3300
|
-
readonly 'blue-750': any;
|
|
3301
3053
|
readonly 'blue-800': any;
|
|
3302
|
-
readonly 'blue-850': any;
|
|
3303
3054
|
readonly 'blue-900': any;
|
|
3304
|
-
readonly 'blue-
|
|
3305
|
-
readonly 'gray-50': any;
|
|
3055
|
+
readonly 'blue-1000': any;
|
|
3306
3056
|
readonly 'gray-100': any;
|
|
3307
|
-
readonly 'gray-150': any;
|
|
3308
3057
|
readonly 'gray-200': any;
|
|
3309
|
-
readonly 'gray-250': any;
|
|
3310
3058
|
readonly 'gray-300': any;
|
|
3311
|
-
readonly 'gray-350': any;
|
|
3312
3059
|
readonly 'gray-400': any;
|
|
3313
|
-
readonly 'gray-450': any;
|
|
3314
3060
|
readonly 'gray-500': any;
|
|
3315
|
-
readonly 'gray-550': any;
|
|
3316
3061
|
readonly 'gray-600': any;
|
|
3317
|
-
readonly 'gray-650': any;
|
|
3318
3062
|
readonly 'gray-700': any;
|
|
3319
|
-
readonly 'gray-750': any;
|
|
3320
3063
|
readonly 'gray-800': any;
|
|
3321
|
-
readonly 'gray-850': any;
|
|
3322
3064
|
readonly 'gray-900': any;
|
|
3323
|
-
readonly 'gray-950': any;
|
|
3324
|
-
readonly 'green-50': any;
|
|
3325
3065
|
readonly 'green-100': any;
|
|
3326
|
-
readonly 'green-150': any;
|
|
3327
3066
|
readonly 'green-200': any;
|
|
3328
|
-
readonly 'green-250': any;
|
|
3329
3067
|
readonly 'green-300': any;
|
|
3330
|
-
readonly 'green-350': any;
|
|
3331
3068
|
readonly 'green-400': any;
|
|
3332
|
-
readonly 'green-450': any;
|
|
3333
3069
|
readonly 'green-500': any;
|
|
3334
|
-
readonly 'green-550': any;
|
|
3335
3070
|
readonly 'green-600': any;
|
|
3336
|
-
readonly 'green-650': any;
|
|
3337
3071
|
readonly 'green-700': any;
|
|
3338
|
-
readonly 'green-750': any;
|
|
3339
3072
|
readonly 'green-800': any;
|
|
3340
|
-
readonly 'green-850': any;
|
|
3341
3073
|
readonly 'green-900': any;
|
|
3342
|
-
readonly '
|
|
3343
|
-
readonly '
|
|
3074
|
+
readonly 'indigo-100': any;
|
|
3075
|
+
readonly 'indigo-200': any;
|
|
3076
|
+
readonly 'indigo-300': any;
|
|
3077
|
+
readonly 'indigo-400': any;
|
|
3078
|
+
readonly 'indigo-500': any;
|
|
3079
|
+
readonly 'indigo-600': any;
|
|
3080
|
+
readonly 'indigo-700': any;
|
|
3081
|
+
readonly 'indigo-800': any;
|
|
3082
|
+
readonly 'indigo-900': any;
|
|
3344
3083
|
readonly 'red-100': any;
|
|
3345
|
-
readonly 'red-150': any;
|
|
3346
3084
|
readonly 'red-200': any;
|
|
3347
|
-
readonly 'red-250': any;
|
|
3348
3085
|
readonly 'red-300': any;
|
|
3349
|
-
readonly 'red-350': any;
|
|
3350
3086
|
readonly 'red-400': any;
|
|
3351
|
-
readonly 'red-450': any;
|
|
3352
3087
|
readonly 'red-500': any;
|
|
3353
|
-
readonly 'red-550': any;
|
|
3354
3088
|
readonly 'red-600': any;
|
|
3355
|
-
readonly 'red-650': any;
|
|
3356
3089
|
readonly 'red-700': any;
|
|
3357
|
-
readonly 'red-750': any;
|
|
3358
3090
|
readonly 'red-800': any;
|
|
3359
|
-
readonly 'red-850': any;
|
|
3360
3091
|
readonly 'red-900': any;
|
|
3361
|
-
readonly 'red-950': any;
|
|
3362
3092
|
readonly transparent: any;
|
|
3363
3093
|
readonly white: any;
|
|
3364
|
-
readonly 'yellow-50': any;
|
|
3365
3094
|
readonly 'yellow-100': any;
|
|
3366
|
-
readonly 'yellow-150': any;
|
|
3367
3095
|
readonly 'yellow-200': any;
|
|
3368
|
-
readonly 'yellow-250': any;
|
|
3369
3096
|
readonly 'yellow-300': any;
|
|
3370
|
-
readonly 'yellow-350': any;
|
|
3371
3097
|
readonly 'yellow-400': any;
|
|
3372
|
-
readonly 'yellow-450': any;
|
|
3373
3098
|
readonly 'yellow-500': any;
|
|
3374
|
-
readonly 'yellow-550': any;
|
|
3375
3099
|
readonly 'yellow-600': any;
|
|
3376
|
-
readonly 'yellow-650': any;
|
|
3377
3100
|
readonly 'yellow-700': any;
|
|
3378
|
-
readonly 'yellow-750': any;
|
|
3379
3101
|
readonly 'yellow-800': any;
|
|
3380
|
-
readonly 'yellow-850': any;
|
|
3381
3102
|
readonly 'yellow-900': any;
|
|
3382
|
-
readonly 'yellow-950': any;
|
|
3383
3103
|
"background-alpha-active"?: any;
|
|
3384
3104
|
"background-alpha-hover"?: any;
|
|
3385
3105
|
"background-danger-prominent"?: any;
|
|
@@ -3400,19 +3120,27 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3400
3120
|
"background-neutrals-inverted-subtle"?: any;
|
|
3401
3121
|
"background-neutrals-page"?: any;
|
|
3402
3122
|
"background-neutrals-page-subtle"?: any;
|
|
3403
|
-
"background-neutrals-
|
|
3404
|
-
"background-neutrals-
|
|
3405
|
-
"background-neutrals-
|
|
3123
|
+
"background-neutrals-scrolls"?: any;
|
|
3124
|
+
"background-neutrals-scrolls-expanded"?: any;
|
|
3125
|
+
"background-neutrals-scrolls-hover"?: any;
|
|
3126
|
+
"background-neutrals-scrolls-pressed"?: any;
|
|
3127
|
+
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
3406
3128
|
"background-neutrals-subtle"?: any;
|
|
3407
3129
|
"background-neutrals-subtle-active"?: any;
|
|
3408
3130
|
"background-neutrals-subtle-hover"?: any;
|
|
3409
3131
|
"background-primary-prominent"?: any;
|
|
3410
3132
|
"background-primary-prominent-active"?: any;
|
|
3133
|
+
"background-primary-prominent-expanded"?: any;
|
|
3411
3134
|
"background-primary-prominent-hover"?: any;
|
|
3135
|
+
"background-primary-prominent-pressed"?: any;
|
|
3136
|
+
"background-primary-prominent-pressed-hover"?: any;
|
|
3412
3137
|
"background-primary-prominent-selected"?: any;
|
|
3413
3138
|
"background-primary-subtle"?: any;
|
|
3414
3139
|
"background-primary-subtle-active"?: any;
|
|
3140
|
+
"background-primary-subtle-expanded"?: any;
|
|
3415
3141
|
"background-primary-subtle-hover"?: any;
|
|
3142
|
+
"background-primary-subtle-pressed"?: any;
|
|
3143
|
+
"background-primary-subtle-pressed-hover"?: any;
|
|
3416
3144
|
"background-primary-subtle-selected"?: any;
|
|
3417
3145
|
"background-success"?: any;
|
|
3418
3146
|
"background-success-prominent"?: any;
|
|
@@ -3423,15 +3151,9 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3423
3151
|
"border-danger"?: any;
|
|
3424
3152
|
"border-danger-active"?: any;
|
|
3425
3153
|
"border-danger-hover"?: any;
|
|
3426
|
-
"border-focus-error-inner"?: any;
|
|
3427
|
-
"border-focus-error-middle"?: any;
|
|
3428
|
-
"border-focus-error-outer"?: any;
|
|
3429
3154
|
"border-focus-inner"?: any;
|
|
3430
3155
|
"border-focus-middle"?: any;
|
|
3431
3156
|
"border-focus-outer"?: any;
|
|
3432
|
-
"border-focus-success-inner"?: any;
|
|
3433
|
-
"border-focus-success-middle"?: any;
|
|
3434
|
-
"border-focus-success-outer"?: any;
|
|
3435
3157
|
"border-neutrals"?: any;
|
|
3436
3158
|
"border-neutrals-active"?: any;
|
|
3437
3159
|
"border-neutrals-controls"?: any;
|
|
@@ -3524,23 +3246,21 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
|
|
|
3524
3246
|
readonly body: "Open Sans, sans-serif";
|
|
3525
3247
|
};
|
|
3526
3248
|
radii: {
|
|
3249
|
+
readonly none: 0;
|
|
3250
|
+
readonly half: "999em";
|
|
3527
3251
|
readonly 25: "2px";
|
|
3528
3252
|
readonly 50: "4px";
|
|
3529
3253
|
readonly 75: "6px";
|
|
3530
3254
|
readonly 100: "8px";
|
|
3531
3255
|
readonly 200: "16px";
|
|
3532
|
-
readonly half: "999px";
|
|
3533
|
-
readonly none: "0px";
|
|
3534
3256
|
};
|
|
3535
3257
|
shadows: {
|
|
3536
|
-
|
|
3537
|
-
|
|
3538
|
-
"focus-
|
|
3539
|
-
"focus-
|
|
3540
|
-
"focus-
|
|
3541
|
-
|
|
3542
|
-
"focus-controls-error": any;
|
|
3543
|
-
"focus-controls-success": any;
|
|
3258
|
+
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";
|
|
3259
|
+
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";
|
|
3260
|
+
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";
|
|
3261
|
+
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";
|
|
3262
|
+
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";
|
|
3263
|
+
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";
|
|
3544
3264
|
};
|
|
3545
3265
|
sizes: {
|
|
3546
3266
|
readonly number: string;
|