@mirohq/design-system-form 0.1.1 → 0.1.2-colors.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/types.d.ts +414 -174
  2. package/package.json +4 -4
package/dist/types.d.ts CHANGED
@@ -15,63 +15,103 @@ declare const StyledForm: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
15
15
  };
16
16
  colors: {
17
17
  readonly black: any;
18
+ readonly 'blue-50': any;
18
19
  readonly 'blue-100': any;
20
+ readonly 'blue-150': any;
19
21
  readonly 'blue-200': any;
22
+ readonly 'blue-250': any;
20
23
  readonly 'blue-300': any;
24
+ readonly 'blue-350': any;
21
25
  readonly 'blue-400': any;
26
+ readonly 'blue-450': any;
22
27
  readonly 'blue-500': any;
28
+ readonly 'blue-550': any;
23
29
  readonly 'blue-600': any;
30
+ readonly 'blue-650': any;
24
31
  readonly 'blue-700': any;
32
+ readonly 'blue-750': any;
25
33
  readonly 'blue-800': any;
34
+ readonly 'blue-850': any;
26
35
  readonly 'blue-900': any;
27
- readonly 'blue-1000': any;
36
+ readonly 'blue-950': any;
37
+ readonly 'gray-50': any;
28
38
  readonly 'gray-100': any;
39
+ readonly 'gray-150': any;
29
40
  readonly 'gray-200': any;
41
+ readonly 'gray-250': any;
30
42
  readonly 'gray-300': any;
43
+ readonly 'gray-350': any;
31
44
  readonly 'gray-400': any;
45
+ readonly 'gray-450': any;
32
46
  readonly 'gray-500': any;
47
+ readonly 'gray-550': any;
33
48
  readonly 'gray-600': any;
49
+ readonly 'gray-650': any;
34
50
  readonly 'gray-700': any;
51
+ readonly 'gray-750': any;
35
52
  readonly 'gray-800': any;
53
+ readonly 'gray-850': any;
36
54
  readonly 'gray-900': any;
55
+ readonly 'gray-950': any;
56
+ readonly 'green-50': any;
37
57
  readonly 'green-100': any;
58
+ readonly 'green-150': any;
38
59
  readonly 'green-200': any;
60
+ readonly 'green-250': any;
39
61
  readonly 'green-300': any;
62
+ readonly 'green-350': any;
40
63
  readonly 'green-400': any;
64
+ readonly 'green-450': any;
41
65
  readonly 'green-500': any;
66
+ readonly 'green-550': any;
42
67
  readonly 'green-600': any;
68
+ readonly 'green-650': any;
43
69
  readonly 'green-700': any;
70
+ readonly 'green-750': any;
44
71
  readonly 'green-800': any;
72
+ readonly 'green-850': any;
45
73
  readonly 'green-900': any;
46
- readonly 'indigo-100': any;
47
- readonly 'indigo-200': any;
48
- readonly 'indigo-300': any;
49
- readonly 'indigo-400': any;
50
- readonly 'indigo-500': any;
51
- readonly 'indigo-600': any;
52
- readonly 'indigo-700': any;
53
- readonly 'indigo-800': any;
54
- readonly 'indigo-900': any;
74
+ readonly 'green-950': any;
75
+ readonly 'red-50': any;
55
76
  readonly 'red-100': any;
77
+ readonly 'red-150': any;
56
78
  readonly 'red-200': any;
79
+ readonly 'red-250': any;
57
80
  readonly 'red-300': any;
81
+ readonly 'red-350': any;
58
82
  readonly 'red-400': any;
83
+ readonly 'red-450': any;
59
84
  readonly 'red-500': any;
85
+ readonly 'red-550': any;
60
86
  readonly 'red-600': any;
87
+ readonly 'red-650': any;
61
88
  readonly 'red-700': any;
89
+ readonly 'red-750': any;
62
90
  readonly 'red-800': any;
91
+ readonly 'red-850': any;
63
92
  readonly 'red-900': any;
93
+ readonly 'red-950': any;
64
94
  readonly transparent: any;
65
95
  readonly white: any;
96
+ readonly 'yellow-50': any;
66
97
  readonly 'yellow-100': any;
98
+ readonly 'yellow-150': any;
67
99
  readonly 'yellow-200': any;
100
+ readonly 'yellow-250': any;
68
101
  readonly 'yellow-300': any;
102
+ readonly 'yellow-350': any;
69
103
  readonly 'yellow-400': any;
104
+ readonly 'yellow-450': any;
70
105
  readonly 'yellow-500': any;
106
+ readonly 'yellow-550': any;
71
107
  readonly 'yellow-600': any;
108
+ readonly 'yellow-650': any;
72
109
  readonly 'yellow-700': any;
110
+ readonly 'yellow-750': any;
73
111
  readonly 'yellow-800': any;
112
+ readonly 'yellow-850': any;
74
113
  readonly 'yellow-900': any;
114
+ readonly 'yellow-950': any;
75
115
  "background-alpha-active"?: any;
76
116
  "background-alpha-hover"?: any;
77
117
  "background-danger-prominent"?: any;
@@ -92,27 +132,19 @@ declare const StyledForm: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
92
132
  "background-neutrals-inverted-subtle"?: any;
93
133
  "background-neutrals-page"?: any;
94
134
  "background-neutrals-page-subtle"?: any;
95
- "background-neutrals-scrolls"?: any;
96
- "background-neutrals-scrolls-expanded"?: any;
97
- "background-neutrals-scrolls-hover"?: any;
98
- "background-neutrals-scrolls-pressed"?: any;
99
- "background-neutrals-scrolls-pressed-hover"?: any;
135
+ "background-neutrals-scrollbar"?: any;
136
+ "background-neutrals-scrollbar-active"?: any;
137
+ "background-neutrals-scrollbar-hover"?: any;
100
138
  "background-neutrals-subtle"?: any;
101
139
  "background-neutrals-subtle-active"?: any;
102
140
  "background-neutrals-subtle-hover"?: any;
103
141
  "background-primary-prominent"?: any;
104
142
  "background-primary-prominent-active"?: any;
105
- "background-primary-prominent-expanded"?: any;
106
143
  "background-primary-prominent-hover"?: any;
107
- "background-primary-prominent-pressed"?: any;
108
- "background-primary-prominent-pressed-hover"?: any;
109
144
  "background-primary-prominent-selected"?: any;
110
145
  "background-primary-subtle"?: any;
111
146
  "background-primary-subtle-active"?: any;
112
- "background-primary-subtle-expanded"?: any;
113
147
  "background-primary-subtle-hover"?: any;
114
- "background-primary-subtle-pressed"?: any;
115
- "background-primary-subtle-pressed-hover"?: any;
116
148
  "background-primary-subtle-selected"?: any;
117
149
  "background-success"?: any;
118
150
  "background-success-prominent"?: any;
@@ -123,9 +155,15 @@ declare const StyledForm: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
123
155
  "border-danger"?: any;
124
156
  "border-danger-active"?: any;
125
157
  "border-danger-hover"?: any;
158
+ "border-focus-error-inner"?: any;
159
+ "border-focus-error-middle"?: any;
160
+ "border-focus-error-outer"?: any;
126
161
  "border-focus-inner"?: any;
127
162
  "border-focus-middle"?: any;
128
163
  "border-focus-outer"?: any;
164
+ "border-focus-success-inner"?: any;
165
+ "border-focus-success-middle"?: any;
166
+ "border-focus-success-outer"?: any;
129
167
  "border-neutrals"?: any;
130
168
  "border-neutrals-active"?: any;
131
169
  "border-neutrals-controls"?: any;
@@ -218,21 +256,23 @@ declare const StyledForm: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
218
256
  readonly body: "Open Sans, sans-serif";
219
257
  };
220
258
  radii: {
221
- readonly none: 0;
222
- readonly half: "999em";
223
259
  readonly 25: "2px";
224
260
  readonly 50: "4px";
225
261
  readonly 75: "6px";
226
262
  readonly 100: "8px";
227
263
  readonly 200: "16px";
264
+ readonly half: "999px";
265
+ readonly none: "0px";
228
266
  };
229
267
  shadows: {
230
- 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";
231
- 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";
232
- 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";
233
- 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";
234
- 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";
235
- 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";
268
+ 50: any;
269
+ 100: any;
270
+ "focus-small": any;
271
+ "focus-small-outline": any;
272
+ "focus-large": any;
273
+ "focus-controls": any;
274
+ "focus-controls-error": any;
275
+ "focus-controls-success": any;
236
276
  };
237
277
  sizes: {
238
278
  readonly number: string;
@@ -506,63 +546,103 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
506
546
  };
507
547
  colors: {
508
548
  readonly black: any;
549
+ readonly 'blue-50': any;
509
550
  readonly 'blue-100': any;
551
+ readonly 'blue-150': any;
510
552
  readonly 'blue-200': any;
553
+ readonly 'blue-250': any;
511
554
  readonly 'blue-300': any;
555
+ readonly 'blue-350': any;
512
556
  readonly 'blue-400': any;
557
+ readonly 'blue-450': any;
513
558
  readonly 'blue-500': any;
559
+ readonly 'blue-550': any;
514
560
  readonly 'blue-600': any;
561
+ readonly 'blue-650': any;
515
562
  readonly 'blue-700': any;
563
+ readonly 'blue-750': any;
516
564
  readonly 'blue-800': any;
565
+ readonly 'blue-850': any;
517
566
  readonly 'blue-900': any;
518
- readonly 'blue-1000': any;
567
+ readonly 'blue-950': any;
568
+ readonly 'gray-50': any;
519
569
  readonly 'gray-100': any;
570
+ readonly 'gray-150': any;
520
571
  readonly 'gray-200': any;
572
+ readonly 'gray-250': any;
521
573
  readonly 'gray-300': any;
574
+ readonly 'gray-350': any;
522
575
  readonly 'gray-400': any;
576
+ readonly 'gray-450': any;
523
577
  readonly 'gray-500': any;
578
+ readonly 'gray-550': any;
524
579
  readonly 'gray-600': any;
580
+ readonly 'gray-650': any;
525
581
  readonly 'gray-700': any;
582
+ readonly 'gray-750': any;
526
583
  readonly 'gray-800': any;
584
+ readonly 'gray-850': any;
527
585
  readonly 'gray-900': any;
586
+ readonly 'gray-950': any;
587
+ readonly 'green-50': any;
528
588
  readonly 'green-100': any;
589
+ readonly 'green-150': any;
529
590
  readonly 'green-200': any;
591
+ readonly 'green-250': any;
530
592
  readonly 'green-300': any;
593
+ readonly 'green-350': any;
531
594
  readonly 'green-400': any;
595
+ readonly 'green-450': any;
532
596
  readonly 'green-500': any;
597
+ readonly 'green-550': any;
533
598
  readonly 'green-600': any;
599
+ readonly 'green-650': any;
534
600
  readonly 'green-700': any;
601
+ readonly 'green-750': any;
535
602
  readonly 'green-800': any;
603
+ readonly 'green-850': any;
536
604
  readonly 'green-900': any;
537
- readonly 'indigo-100': any;
538
- readonly 'indigo-200': any;
539
- readonly 'indigo-300': any;
540
- readonly 'indigo-400': any;
541
- readonly 'indigo-500': any;
542
- readonly 'indigo-600': any;
543
- readonly 'indigo-700': any;
544
- readonly 'indigo-800': any;
545
- readonly 'indigo-900': any;
605
+ readonly 'green-950': any;
606
+ readonly 'red-50': any;
546
607
  readonly 'red-100': any;
608
+ readonly 'red-150': any;
547
609
  readonly 'red-200': any;
610
+ readonly 'red-250': any;
548
611
  readonly 'red-300': any;
612
+ readonly 'red-350': any;
549
613
  readonly 'red-400': any;
614
+ readonly 'red-450': any;
550
615
  readonly 'red-500': any;
616
+ readonly 'red-550': any;
551
617
  readonly 'red-600': any;
618
+ readonly 'red-650': any;
552
619
  readonly 'red-700': any;
620
+ readonly 'red-750': any;
553
621
  readonly 'red-800': any;
622
+ readonly 'red-850': any;
554
623
  readonly 'red-900': any;
624
+ readonly 'red-950': any;
555
625
  readonly transparent: any;
556
626
  readonly white: any;
627
+ readonly 'yellow-50': any;
557
628
  readonly 'yellow-100': any;
629
+ readonly 'yellow-150': any;
558
630
  readonly 'yellow-200': any;
631
+ readonly 'yellow-250': any;
559
632
  readonly 'yellow-300': any;
633
+ readonly 'yellow-350': any;
560
634
  readonly 'yellow-400': any;
635
+ readonly 'yellow-450': any;
561
636
  readonly 'yellow-500': any;
637
+ readonly 'yellow-550': any;
562
638
  readonly 'yellow-600': any;
639
+ readonly 'yellow-650': any;
563
640
  readonly 'yellow-700': any;
641
+ readonly 'yellow-750': any;
564
642
  readonly 'yellow-800': any;
643
+ readonly 'yellow-850': any;
565
644
  readonly 'yellow-900': any;
645
+ readonly 'yellow-950': any;
566
646
  "background-alpha-active"?: any;
567
647
  "background-alpha-hover"?: any;
568
648
  "background-danger-prominent"?: any;
@@ -583,27 +663,19 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
583
663
  "background-neutrals-inverted-subtle"?: any;
584
664
  "background-neutrals-page"?: any;
585
665
  "background-neutrals-page-subtle"?: any;
586
- "background-neutrals-scrolls"?: any;
587
- "background-neutrals-scrolls-expanded"?: any;
588
- "background-neutrals-scrolls-hover"?: any;
589
- "background-neutrals-scrolls-pressed"?: any;
590
- "background-neutrals-scrolls-pressed-hover"?: any;
666
+ "background-neutrals-scrollbar"?: any;
667
+ "background-neutrals-scrollbar-active"?: any;
668
+ "background-neutrals-scrollbar-hover"?: any;
591
669
  "background-neutrals-subtle"?: any;
592
670
  "background-neutrals-subtle-active"?: any;
593
671
  "background-neutrals-subtle-hover"?: any;
594
672
  "background-primary-prominent"?: any;
595
673
  "background-primary-prominent-active"?: any;
596
- "background-primary-prominent-expanded"?: any;
597
674
  "background-primary-prominent-hover"?: any;
598
- "background-primary-prominent-pressed"?: any;
599
- "background-primary-prominent-pressed-hover"?: any;
600
675
  "background-primary-prominent-selected"?: any;
601
676
  "background-primary-subtle"?: any;
602
677
  "background-primary-subtle-active"?: any;
603
- "background-primary-subtle-expanded"?: any;
604
678
  "background-primary-subtle-hover"?: any;
605
- "background-primary-subtle-pressed"?: any;
606
- "background-primary-subtle-pressed-hover"?: any;
607
679
  "background-primary-subtle-selected"?: any;
608
680
  "background-success"?: any;
609
681
  "background-success-prominent"?: any;
@@ -614,9 +686,15 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
614
686
  "border-danger"?: any;
615
687
  "border-danger-active"?: any;
616
688
  "border-danger-hover"?: any;
689
+ "border-focus-error-inner"?: any;
690
+ "border-focus-error-middle"?: any;
691
+ "border-focus-error-outer"?: any;
617
692
  "border-focus-inner"?: any;
618
693
  "border-focus-middle"?: any;
619
694
  "border-focus-outer"?: any;
695
+ "border-focus-success-inner"?: any;
696
+ "border-focus-success-middle"?: any;
697
+ "border-focus-success-outer"?: any;
620
698
  "border-neutrals"?: any;
621
699
  "border-neutrals-active"?: any;
622
700
  "border-neutrals-controls"?: any;
@@ -709,21 +787,23 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
709
787
  readonly body: "Open Sans, sans-serif";
710
788
  };
711
789
  radii: {
712
- readonly none: 0;
713
- readonly half: "999em";
714
790
  readonly 25: "2px";
715
791
  readonly 50: "4px";
716
792
  readonly 75: "6px";
717
793
  readonly 100: "8px";
718
794
  readonly 200: "16px";
795
+ readonly half: "999px";
796
+ readonly none: "0px";
719
797
  };
720
798
  shadows: {
721
- 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";
722
- 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";
723
- 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";
724
- 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";
725
- 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";
726
- 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";
799
+ 50: any;
800
+ 100: any;
801
+ "focus-small": any;
802
+ "focus-small-outline": any;
803
+ "focus-large": any;
804
+ "focus-controls": any;
805
+ "focus-controls-error": any;
806
+ "focus-controls-success": any;
727
807
  };
728
808
  sizes: {
729
809
  readonly number: string;
@@ -1010,63 +1090,103 @@ declare const StyledField: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1010
1090
  };
1011
1091
  colors: {
1012
1092
  readonly black: any;
1093
+ readonly 'blue-50': any;
1013
1094
  readonly 'blue-100': any;
1095
+ readonly 'blue-150': any;
1014
1096
  readonly 'blue-200': any;
1097
+ readonly 'blue-250': any;
1015
1098
  readonly 'blue-300': any;
1099
+ readonly 'blue-350': any;
1016
1100
  readonly 'blue-400': any;
1101
+ readonly 'blue-450': any;
1017
1102
  readonly 'blue-500': any;
1103
+ readonly 'blue-550': any;
1018
1104
  readonly 'blue-600': any;
1105
+ readonly 'blue-650': any;
1019
1106
  readonly 'blue-700': any;
1107
+ readonly 'blue-750': any;
1020
1108
  readonly 'blue-800': any;
1109
+ readonly 'blue-850': any;
1021
1110
  readonly 'blue-900': any;
1022
- readonly 'blue-1000': any;
1111
+ readonly 'blue-950': any;
1112
+ readonly 'gray-50': any;
1023
1113
  readonly 'gray-100': any;
1114
+ readonly 'gray-150': any;
1024
1115
  readonly 'gray-200': any;
1116
+ readonly 'gray-250': any;
1025
1117
  readonly 'gray-300': any;
1118
+ readonly 'gray-350': any;
1026
1119
  readonly 'gray-400': any;
1120
+ readonly 'gray-450': any;
1027
1121
  readonly 'gray-500': any;
1122
+ readonly 'gray-550': any;
1028
1123
  readonly 'gray-600': any;
1124
+ readonly 'gray-650': any;
1029
1125
  readonly 'gray-700': any;
1126
+ readonly 'gray-750': any;
1030
1127
  readonly 'gray-800': any;
1128
+ readonly 'gray-850': any;
1031
1129
  readonly 'gray-900': any;
1130
+ readonly 'gray-950': any;
1131
+ readonly 'green-50': any;
1032
1132
  readonly 'green-100': any;
1133
+ readonly 'green-150': any;
1033
1134
  readonly 'green-200': any;
1135
+ readonly 'green-250': any;
1034
1136
  readonly 'green-300': any;
1137
+ readonly 'green-350': any;
1035
1138
  readonly 'green-400': any;
1139
+ readonly 'green-450': any;
1036
1140
  readonly 'green-500': any;
1141
+ readonly 'green-550': any;
1037
1142
  readonly 'green-600': any;
1143
+ readonly 'green-650': any;
1038
1144
  readonly 'green-700': any;
1145
+ readonly 'green-750': any;
1039
1146
  readonly 'green-800': any;
1147
+ readonly 'green-850': any;
1040
1148
  readonly 'green-900': any;
1041
- readonly 'indigo-100': any;
1042
- readonly 'indigo-200': any;
1043
- readonly 'indigo-300': any;
1044
- readonly 'indigo-400': any;
1045
- readonly 'indigo-500': any;
1046
- readonly 'indigo-600': any;
1047
- readonly 'indigo-700': any;
1048
- readonly 'indigo-800': any;
1049
- readonly 'indigo-900': any;
1149
+ readonly 'green-950': any;
1150
+ readonly 'red-50': any;
1050
1151
  readonly 'red-100': any;
1152
+ readonly 'red-150': any;
1051
1153
  readonly 'red-200': any;
1154
+ readonly 'red-250': any;
1052
1155
  readonly 'red-300': any;
1156
+ readonly 'red-350': any;
1053
1157
  readonly 'red-400': any;
1158
+ readonly 'red-450': any;
1054
1159
  readonly 'red-500': any;
1160
+ readonly 'red-550': any;
1055
1161
  readonly 'red-600': any;
1162
+ readonly 'red-650': any;
1056
1163
  readonly 'red-700': any;
1164
+ readonly 'red-750': any;
1057
1165
  readonly 'red-800': any;
1166
+ readonly 'red-850': any;
1058
1167
  readonly 'red-900': any;
1168
+ readonly 'red-950': any;
1059
1169
  readonly transparent: any;
1060
1170
  readonly white: any;
1171
+ readonly 'yellow-50': any;
1061
1172
  readonly 'yellow-100': any;
1173
+ readonly 'yellow-150': any;
1062
1174
  readonly 'yellow-200': any;
1175
+ readonly 'yellow-250': any;
1063
1176
  readonly 'yellow-300': any;
1177
+ readonly 'yellow-350': any;
1064
1178
  readonly 'yellow-400': any;
1179
+ readonly 'yellow-450': any;
1065
1180
  readonly 'yellow-500': any;
1181
+ readonly 'yellow-550': any;
1066
1182
  readonly 'yellow-600': any;
1183
+ readonly 'yellow-650': any;
1067
1184
  readonly 'yellow-700': any;
1185
+ readonly 'yellow-750': any;
1068
1186
  readonly 'yellow-800': any;
1187
+ readonly 'yellow-850': any;
1069
1188
  readonly 'yellow-900': any;
1189
+ readonly 'yellow-950': any;
1070
1190
  "background-alpha-active"?: any;
1071
1191
  "background-alpha-hover"?: any;
1072
1192
  "background-danger-prominent"?: any;
@@ -1087,27 +1207,19 @@ declare const StyledField: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1087
1207
  "background-neutrals-inverted-subtle"?: any;
1088
1208
  "background-neutrals-page"?: any;
1089
1209
  "background-neutrals-page-subtle"?: any;
1090
- "background-neutrals-scrolls"?: any;
1091
- "background-neutrals-scrolls-expanded"?: any;
1092
- "background-neutrals-scrolls-hover"?: any;
1093
- "background-neutrals-scrolls-pressed"?: any;
1094
- "background-neutrals-scrolls-pressed-hover"?: any;
1210
+ "background-neutrals-scrollbar"?: any;
1211
+ "background-neutrals-scrollbar-active"?: any;
1212
+ "background-neutrals-scrollbar-hover"?: any;
1095
1213
  "background-neutrals-subtle"?: any;
1096
1214
  "background-neutrals-subtle-active"?: any;
1097
1215
  "background-neutrals-subtle-hover"?: any;
1098
1216
  "background-primary-prominent"?: any;
1099
1217
  "background-primary-prominent-active"?: any;
1100
- "background-primary-prominent-expanded"?: any;
1101
1218
  "background-primary-prominent-hover"?: any;
1102
- "background-primary-prominent-pressed"?: any;
1103
- "background-primary-prominent-pressed-hover"?: any;
1104
1219
  "background-primary-prominent-selected"?: any;
1105
1220
  "background-primary-subtle"?: any;
1106
1221
  "background-primary-subtle-active"?: any;
1107
- "background-primary-subtle-expanded"?: any;
1108
1222
  "background-primary-subtle-hover"?: any;
1109
- "background-primary-subtle-pressed"?: any;
1110
- "background-primary-subtle-pressed-hover"?: any;
1111
1223
  "background-primary-subtle-selected"?: any;
1112
1224
  "background-success"?: any;
1113
1225
  "background-success-prominent"?: any;
@@ -1118,9 +1230,15 @@ declare const StyledField: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1118
1230
  "border-danger"?: any;
1119
1231
  "border-danger-active"?: any;
1120
1232
  "border-danger-hover"?: any;
1233
+ "border-focus-error-inner"?: any;
1234
+ "border-focus-error-middle"?: any;
1235
+ "border-focus-error-outer"?: any;
1121
1236
  "border-focus-inner"?: any;
1122
1237
  "border-focus-middle"?: any;
1123
1238
  "border-focus-outer"?: any;
1239
+ "border-focus-success-inner"?: any;
1240
+ "border-focus-success-middle"?: any;
1241
+ "border-focus-success-outer"?: any;
1124
1242
  "border-neutrals"?: any;
1125
1243
  "border-neutrals-active"?: any;
1126
1244
  "border-neutrals-controls"?: any;
@@ -1213,21 +1331,23 @@ declare const StyledField: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1213
1331
  readonly body: "Open Sans, sans-serif";
1214
1332
  };
1215
1333
  radii: {
1216
- readonly none: 0;
1217
- readonly half: "999em";
1218
1334
  readonly 25: "2px";
1219
1335
  readonly 50: "4px";
1220
1336
  readonly 75: "6px";
1221
1337
  readonly 100: "8px";
1222
1338
  readonly 200: "16px";
1339
+ readonly half: "999px";
1340
+ readonly none: "0px";
1223
1341
  };
1224
1342
  shadows: {
1225
- 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";
1226
- 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";
1227
- 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";
1228
- 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";
1229
- 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";
1230
- 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";
1343
+ 50: any;
1344
+ 100: any;
1345
+ "focus-small": any;
1346
+ "focus-small-outline": any;
1347
+ "focus-large": any;
1348
+ "focus-controls": any;
1349
+ "focus-controls-error": any;
1350
+ "focus-controls-success": any;
1231
1351
  };
1232
1352
  sizes: {
1233
1353
  readonly number: string;
@@ -1505,63 +1625,103 @@ declare const StyledHelper: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1505
1625
  };
1506
1626
  colors: {
1507
1627
  readonly black: any;
1628
+ readonly 'blue-50': any;
1508
1629
  readonly 'blue-100': any;
1630
+ readonly 'blue-150': any;
1509
1631
  readonly 'blue-200': any;
1632
+ readonly 'blue-250': any;
1510
1633
  readonly 'blue-300': any;
1634
+ readonly 'blue-350': any;
1511
1635
  readonly 'blue-400': any;
1636
+ readonly 'blue-450': any;
1512
1637
  readonly 'blue-500': any;
1638
+ readonly 'blue-550': any;
1513
1639
  readonly 'blue-600': any;
1640
+ readonly 'blue-650': any;
1514
1641
  readonly 'blue-700': any;
1642
+ readonly 'blue-750': any;
1515
1643
  readonly 'blue-800': any;
1644
+ readonly 'blue-850': any;
1516
1645
  readonly 'blue-900': any;
1517
- readonly 'blue-1000': any;
1646
+ readonly 'blue-950': any;
1647
+ readonly 'gray-50': any;
1518
1648
  readonly 'gray-100': any;
1649
+ readonly 'gray-150': any;
1519
1650
  readonly 'gray-200': any;
1651
+ readonly 'gray-250': any;
1520
1652
  readonly 'gray-300': any;
1653
+ readonly 'gray-350': any;
1521
1654
  readonly 'gray-400': any;
1655
+ readonly 'gray-450': any;
1522
1656
  readonly 'gray-500': any;
1657
+ readonly 'gray-550': any;
1523
1658
  readonly 'gray-600': any;
1659
+ readonly 'gray-650': any;
1524
1660
  readonly 'gray-700': any;
1661
+ readonly 'gray-750': any;
1525
1662
  readonly 'gray-800': any;
1663
+ readonly 'gray-850': any;
1526
1664
  readonly 'gray-900': any;
1665
+ readonly 'gray-950': any;
1666
+ readonly 'green-50': any;
1527
1667
  readonly 'green-100': any;
1668
+ readonly 'green-150': any;
1528
1669
  readonly 'green-200': any;
1670
+ readonly 'green-250': any;
1529
1671
  readonly 'green-300': any;
1672
+ readonly 'green-350': any;
1530
1673
  readonly 'green-400': any;
1674
+ readonly 'green-450': any;
1531
1675
  readonly 'green-500': any;
1676
+ readonly 'green-550': any;
1532
1677
  readonly 'green-600': any;
1678
+ readonly 'green-650': any;
1533
1679
  readonly 'green-700': any;
1680
+ readonly 'green-750': any;
1534
1681
  readonly 'green-800': any;
1682
+ readonly 'green-850': any;
1535
1683
  readonly 'green-900': any;
1536
- readonly 'indigo-100': any;
1537
- readonly 'indigo-200': any;
1538
- readonly 'indigo-300': any;
1539
- readonly 'indigo-400': any;
1540
- readonly 'indigo-500': any;
1541
- readonly 'indigo-600': any;
1542
- readonly 'indigo-700': any;
1543
- readonly 'indigo-800': any;
1544
- readonly 'indigo-900': any;
1684
+ readonly 'green-950': any;
1685
+ readonly 'red-50': any;
1545
1686
  readonly 'red-100': any;
1687
+ readonly 'red-150': any;
1546
1688
  readonly 'red-200': any;
1689
+ readonly 'red-250': any;
1547
1690
  readonly 'red-300': any;
1691
+ readonly 'red-350': any;
1548
1692
  readonly 'red-400': any;
1693
+ readonly 'red-450': any;
1549
1694
  readonly 'red-500': any;
1695
+ readonly 'red-550': any;
1550
1696
  readonly 'red-600': any;
1697
+ readonly 'red-650': any;
1551
1698
  readonly 'red-700': any;
1699
+ readonly 'red-750': any;
1552
1700
  readonly 'red-800': any;
1701
+ readonly 'red-850': any;
1553
1702
  readonly 'red-900': any;
1703
+ readonly 'red-950': any;
1554
1704
  readonly transparent: any;
1555
1705
  readonly white: any;
1706
+ readonly 'yellow-50': any;
1556
1707
  readonly 'yellow-100': any;
1708
+ readonly 'yellow-150': any;
1557
1709
  readonly 'yellow-200': any;
1710
+ readonly 'yellow-250': any;
1558
1711
  readonly 'yellow-300': any;
1712
+ readonly 'yellow-350': any;
1559
1713
  readonly 'yellow-400': any;
1714
+ readonly 'yellow-450': any;
1560
1715
  readonly 'yellow-500': any;
1716
+ readonly 'yellow-550': any;
1561
1717
  readonly 'yellow-600': any;
1718
+ readonly 'yellow-650': any;
1562
1719
  readonly 'yellow-700': any;
1720
+ readonly 'yellow-750': any;
1563
1721
  readonly 'yellow-800': any;
1722
+ readonly 'yellow-850': any;
1564
1723
  readonly 'yellow-900': any;
1724
+ readonly 'yellow-950': any;
1565
1725
  "background-alpha-active"?: any;
1566
1726
  "background-alpha-hover"?: any;
1567
1727
  "background-danger-prominent"?: any;
@@ -1582,27 +1742,19 @@ declare const StyledHelper: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1582
1742
  "background-neutrals-inverted-subtle"?: any;
1583
1743
  "background-neutrals-page"?: any;
1584
1744
  "background-neutrals-page-subtle"?: any;
1585
- "background-neutrals-scrolls"?: any;
1586
- "background-neutrals-scrolls-expanded"?: any;
1587
- "background-neutrals-scrolls-hover"?: any;
1588
- "background-neutrals-scrolls-pressed"?: any;
1589
- "background-neutrals-scrolls-pressed-hover"?: any;
1745
+ "background-neutrals-scrollbar"?: any;
1746
+ "background-neutrals-scrollbar-active"?: any;
1747
+ "background-neutrals-scrollbar-hover"?: any;
1590
1748
  "background-neutrals-subtle"?: any;
1591
1749
  "background-neutrals-subtle-active"?: any;
1592
1750
  "background-neutrals-subtle-hover"?: any;
1593
1751
  "background-primary-prominent"?: any;
1594
1752
  "background-primary-prominent-active"?: any;
1595
- "background-primary-prominent-expanded"?: any;
1596
1753
  "background-primary-prominent-hover"?: any;
1597
- "background-primary-prominent-pressed"?: any;
1598
- "background-primary-prominent-pressed-hover"?: any;
1599
1754
  "background-primary-prominent-selected"?: any;
1600
1755
  "background-primary-subtle"?: any;
1601
1756
  "background-primary-subtle-active"?: any;
1602
- "background-primary-subtle-expanded"?: any;
1603
1757
  "background-primary-subtle-hover"?: any;
1604
- "background-primary-subtle-pressed"?: any;
1605
- "background-primary-subtle-pressed-hover"?: any;
1606
1758
  "background-primary-subtle-selected"?: any;
1607
1759
  "background-success"?: any;
1608
1760
  "background-success-prominent"?: any;
@@ -1613,9 +1765,15 @@ declare const StyledHelper: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1613
1765
  "border-danger"?: any;
1614
1766
  "border-danger-active"?: any;
1615
1767
  "border-danger-hover"?: any;
1768
+ "border-focus-error-inner"?: any;
1769
+ "border-focus-error-middle"?: any;
1770
+ "border-focus-error-outer"?: any;
1616
1771
  "border-focus-inner"?: any;
1617
1772
  "border-focus-middle"?: any;
1618
1773
  "border-focus-outer"?: any;
1774
+ "border-focus-success-inner"?: any;
1775
+ "border-focus-success-middle"?: any;
1776
+ "border-focus-success-outer"?: any;
1619
1777
  "border-neutrals"?: any;
1620
1778
  "border-neutrals-active"?: any;
1621
1779
  "border-neutrals-controls"?: any;
@@ -1708,21 +1866,23 @@ declare const StyledHelper: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1708
1866
  readonly body: "Open Sans, sans-serif";
1709
1867
  };
1710
1868
  radii: {
1711
- readonly none: 0;
1712
- readonly half: "999em";
1713
1869
  readonly 25: "2px";
1714
1870
  readonly 50: "4px";
1715
1871
  readonly 75: "6px";
1716
1872
  readonly 100: "8px";
1717
1873
  readonly 200: "16px";
1874
+ readonly half: "999px";
1875
+ readonly none: "0px";
1718
1876
  };
1719
1877
  shadows: {
1720
- 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";
1721
- 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";
1722
- 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";
1723
- 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";
1724
- 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";
1725
- 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";
1878
+ 50: any;
1879
+ 100: any;
1880
+ "focus-small": any;
1881
+ "focus-small-outline": any;
1882
+ "focus-large": any;
1883
+ "focus-controls": any;
1884
+ "focus-controls-error": any;
1885
+ "focus-controls-success": any;
1726
1886
  };
1727
1887
  sizes: {
1728
1888
  readonly number: string;
@@ -2004,63 +2164,103 @@ declare const StyledMessage: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2004
2164
  };
2005
2165
  colors: {
2006
2166
  readonly black: any;
2167
+ readonly 'blue-50': any;
2007
2168
  readonly 'blue-100': any;
2169
+ readonly 'blue-150': any;
2008
2170
  readonly 'blue-200': any;
2171
+ readonly 'blue-250': any;
2009
2172
  readonly 'blue-300': any;
2173
+ readonly 'blue-350': any;
2010
2174
  readonly 'blue-400': any;
2175
+ readonly 'blue-450': any;
2011
2176
  readonly 'blue-500': any;
2177
+ readonly 'blue-550': any;
2012
2178
  readonly 'blue-600': any;
2179
+ readonly 'blue-650': any;
2013
2180
  readonly 'blue-700': any;
2181
+ readonly 'blue-750': any;
2014
2182
  readonly 'blue-800': any;
2183
+ readonly 'blue-850': any;
2015
2184
  readonly 'blue-900': any;
2016
- readonly 'blue-1000': any;
2185
+ readonly 'blue-950': any;
2186
+ readonly 'gray-50': any;
2017
2187
  readonly 'gray-100': any;
2188
+ readonly 'gray-150': any;
2018
2189
  readonly 'gray-200': any;
2190
+ readonly 'gray-250': any;
2019
2191
  readonly 'gray-300': any;
2192
+ readonly 'gray-350': any;
2020
2193
  readonly 'gray-400': any;
2194
+ readonly 'gray-450': any;
2021
2195
  readonly 'gray-500': any;
2196
+ readonly 'gray-550': any;
2022
2197
  readonly 'gray-600': any;
2198
+ readonly 'gray-650': any;
2023
2199
  readonly 'gray-700': any;
2200
+ readonly 'gray-750': any;
2024
2201
  readonly 'gray-800': any;
2202
+ readonly 'gray-850': any;
2025
2203
  readonly 'gray-900': any;
2204
+ readonly 'gray-950': any;
2205
+ readonly 'green-50': any;
2026
2206
  readonly 'green-100': any;
2207
+ readonly 'green-150': any;
2027
2208
  readonly 'green-200': any;
2209
+ readonly 'green-250': any;
2028
2210
  readonly 'green-300': any;
2211
+ readonly 'green-350': any;
2029
2212
  readonly 'green-400': any;
2213
+ readonly 'green-450': any;
2030
2214
  readonly 'green-500': any;
2215
+ readonly 'green-550': any;
2031
2216
  readonly 'green-600': any;
2217
+ readonly 'green-650': any;
2032
2218
  readonly 'green-700': any;
2219
+ readonly 'green-750': any;
2033
2220
  readonly 'green-800': any;
2221
+ readonly 'green-850': any;
2034
2222
  readonly 'green-900': any;
2035
- readonly 'indigo-100': any;
2036
- readonly 'indigo-200': any;
2037
- readonly 'indigo-300': any;
2038
- readonly 'indigo-400': any;
2039
- readonly 'indigo-500': any;
2040
- readonly 'indigo-600': any;
2041
- readonly 'indigo-700': any;
2042
- readonly 'indigo-800': any;
2043
- readonly 'indigo-900': any;
2223
+ readonly 'green-950': any;
2224
+ readonly 'red-50': any;
2044
2225
  readonly 'red-100': any;
2226
+ readonly 'red-150': any;
2045
2227
  readonly 'red-200': any;
2228
+ readonly 'red-250': any;
2046
2229
  readonly 'red-300': any;
2230
+ readonly 'red-350': any;
2047
2231
  readonly 'red-400': any;
2232
+ readonly 'red-450': any;
2048
2233
  readonly 'red-500': any;
2234
+ readonly 'red-550': any;
2049
2235
  readonly 'red-600': any;
2236
+ readonly 'red-650': any;
2050
2237
  readonly 'red-700': any;
2238
+ readonly 'red-750': any;
2051
2239
  readonly 'red-800': any;
2240
+ readonly 'red-850': any;
2052
2241
  readonly 'red-900': any;
2242
+ readonly 'red-950': any;
2053
2243
  readonly transparent: any;
2054
2244
  readonly white: any;
2245
+ readonly 'yellow-50': any;
2055
2246
  readonly 'yellow-100': any;
2247
+ readonly 'yellow-150': any;
2056
2248
  readonly 'yellow-200': any;
2249
+ readonly 'yellow-250': any;
2057
2250
  readonly 'yellow-300': any;
2251
+ readonly 'yellow-350': any;
2058
2252
  readonly 'yellow-400': any;
2253
+ readonly 'yellow-450': any;
2059
2254
  readonly 'yellow-500': any;
2255
+ readonly 'yellow-550': any;
2060
2256
  readonly 'yellow-600': any;
2257
+ readonly 'yellow-650': any;
2061
2258
  readonly 'yellow-700': any;
2259
+ readonly 'yellow-750': any;
2062
2260
  readonly 'yellow-800': any;
2261
+ readonly 'yellow-850': any;
2063
2262
  readonly 'yellow-900': any;
2263
+ readonly 'yellow-950': any;
2064
2264
  "background-alpha-active"?: any;
2065
2265
  "background-alpha-hover"?: any;
2066
2266
  "background-danger-prominent"?: any;
@@ -2081,27 +2281,19 @@ declare const StyledMessage: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2081
2281
  "background-neutrals-inverted-subtle"?: any;
2082
2282
  "background-neutrals-page"?: any;
2083
2283
  "background-neutrals-page-subtle"?: any;
2084
- "background-neutrals-scrolls"?: any;
2085
- "background-neutrals-scrolls-expanded"?: any;
2086
- "background-neutrals-scrolls-hover"?: any;
2087
- "background-neutrals-scrolls-pressed"?: any;
2088
- "background-neutrals-scrolls-pressed-hover"?: any;
2284
+ "background-neutrals-scrollbar"?: any;
2285
+ "background-neutrals-scrollbar-active"?: any;
2286
+ "background-neutrals-scrollbar-hover"?: any;
2089
2287
  "background-neutrals-subtle"?: any;
2090
2288
  "background-neutrals-subtle-active"?: any;
2091
2289
  "background-neutrals-subtle-hover"?: any;
2092
2290
  "background-primary-prominent"?: any;
2093
2291
  "background-primary-prominent-active"?: any;
2094
- "background-primary-prominent-expanded"?: any;
2095
2292
  "background-primary-prominent-hover"?: any;
2096
- "background-primary-prominent-pressed"?: any;
2097
- "background-primary-prominent-pressed-hover"?: any;
2098
2293
  "background-primary-prominent-selected"?: any;
2099
2294
  "background-primary-subtle"?: any;
2100
2295
  "background-primary-subtle-active"?: any;
2101
- "background-primary-subtle-expanded"?: any;
2102
2296
  "background-primary-subtle-hover"?: any;
2103
- "background-primary-subtle-pressed"?: any;
2104
- "background-primary-subtle-pressed-hover"?: any;
2105
2297
  "background-primary-subtle-selected"?: any;
2106
2298
  "background-success"?: any;
2107
2299
  "background-success-prominent"?: any;
@@ -2112,9 +2304,15 @@ declare const StyledMessage: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2112
2304
  "border-danger"?: any;
2113
2305
  "border-danger-active"?: any;
2114
2306
  "border-danger-hover"?: any;
2307
+ "border-focus-error-inner"?: any;
2308
+ "border-focus-error-middle"?: any;
2309
+ "border-focus-error-outer"?: any;
2115
2310
  "border-focus-inner"?: any;
2116
2311
  "border-focus-middle"?: any;
2117
2312
  "border-focus-outer"?: any;
2313
+ "border-focus-success-inner"?: any;
2314
+ "border-focus-success-middle"?: any;
2315
+ "border-focus-success-outer"?: any;
2118
2316
  "border-neutrals"?: any;
2119
2317
  "border-neutrals-active"?: any;
2120
2318
  "border-neutrals-controls"?: any;
@@ -2207,21 +2405,23 @@ declare const StyledMessage: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2207
2405
  readonly body: "Open Sans, sans-serif";
2208
2406
  };
2209
2407
  radii: {
2210
- readonly none: 0;
2211
- readonly half: "999em";
2212
2408
  readonly 25: "2px";
2213
2409
  readonly 50: "4px";
2214
2410
  readonly 75: "6px";
2215
2411
  readonly 100: "8px";
2216
2412
  readonly 200: "16px";
2413
+ readonly half: "999px";
2414
+ readonly none: "0px";
2217
2415
  };
2218
2416
  shadows: {
2219
- 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";
2220
- 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";
2221
- 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";
2222
- 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";
2223
- 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";
2224
- 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";
2417
+ 50: any;
2418
+ 100: any;
2419
+ "focus-small": any;
2420
+ "focus-small-outline": any;
2421
+ "focus-large": any;
2422
+ "focus-controls": any;
2423
+ "focus-controls-error": any;
2424
+ "focus-controls-success": any;
2225
2425
  };
2226
2426
  sizes: {
2227
2427
  readonly number: string;
@@ -2505,63 +2705,103 @@ declare const StyledDescription: react.ForwardRefExoticComponent<Omit<Omit<_miro
2505
2705
  };
2506
2706
  colors: {
2507
2707
  readonly black: any;
2708
+ readonly 'blue-50': any;
2508
2709
  readonly 'blue-100': any;
2710
+ readonly 'blue-150': any;
2509
2711
  readonly 'blue-200': any;
2712
+ readonly 'blue-250': any;
2510
2713
  readonly 'blue-300': any;
2714
+ readonly 'blue-350': any;
2511
2715
  readonly 'blue-400': any;
2716
+ readonly 'blue-450': any;
2512
2717
  readonly 'blue-500': any;
2718
+ readonly 'blue-550': any;
2513
2719
  readonly 'blue-600': any;
2720
+ readonly 'blue-650': any;
2514
2721
  readonly 'blue-700': any;
2722
+ readonly 'blue-750': any;
2515
2723
  readonly 'blue-800': any;
2724
+ readonly 'blue-850': any;
2516
2725
  readonly 'blue-900': any;
2517
- readonly 'blue-1000': any;
2726
+ readonly 'blue-950': any;
2727
+ readonly 'gray-50': any;
2518
2728
  readonly 'gray-100': any;
2729
+ readonly 'gray-150': any;
2519
2730
  readonly 'gray-200': any;
2731
+ readonly 'gray-250': any;
2520
2732
  readonly 'gray-300': any;
2733
+ readonly 'gray-350': any;
2521
2734
  readonly 'gray-400': any;
2735
+ readonly 'gray-450': any;
2522
2736
  readonly 'gray-500': any;
2737
+ readonly 'gray-550': any;
2523
2738
  readonly 'gray-600': any;
2739
+ readonly 'gray-650': any;
2524
2740
  readonly 'gray-700': any;
2741
+ readonly 'gray-750': any;
2525
2742
  readonly 'gray-800': any;
2743
+ readonly 'gray-850': any;
2526
2744
  readonly 'gray-900': any;
2745
+ readonly 'gray-950': any;
2746
+ readonly 'green-50': any;
2527
2747
  readonly 'green-100': any;
2748
+ readonly 'green-150': any;
2528
2749
  readonly 'green-200': any;
2750
+ readonly 'green-250': any;
2529
2751
  readonly 'green-300': any;
2752
+ readonly 'green-350': any;
2530
2753
  readonly 'green-400': any;
2754
+ readonly 'green-450': any;
2531
2755
  readonly 'green-500': any;
2756
+ readonly 'green-550': any;
2532
2757
  readonly 'green-600': any;
2758
+ readonly 'green-650': any;
2533
2759
  readonly 'green-700': any;
2760
+ readonly 'green-750': any;
2534
2761
  readonly 'green-800': any;
2762
+ readonly 'green-850': any;
2535
2763
  readonly 'green-900': any;
2536
- readonly 'indigo-100': any;
2537
- readonly 'indigo-200': any;
2538
- readonly 'indigo-300': any;
2539
- readonly 'indigo-400': any;
2540
- readonly 'indigo-500': any;
2541
- readonly 'indigo-600': any;
2542
- readonly 'indigo-700': any;
2543
- readonly 'indigo-800': any;
2544
- readonly 'indigo-900': any;
2764
+ readonly 'green-950': any;
2765
+ readonly 'red-50': any;
2545
2766
  readonly 'red-100': any;
2767
+ readonly 'red-150': any;
2546
2768
  readonly 'red-200': any;
2769
+ readonly 'red-250': any;
2547
2770
  readonly 'red-300': any;
2771
+ readonly 'red-350': any;
2548
2772
  readonly 'red-400': any;
2773
+ readonly 'red-450': any;
2549
2774
  readonly 'red-500': any;
2775
+ readonly 'red-550': any;
2550
2776
  readonly 'red-600': any;
2777
+ readonly 'red-650': any;
2551
2778
  readonly 'red-700': any;
2779
+ readonly 'red-750': any;
2552
2780
  readonly 'red-800': any;
2781
+ readonly 'red-850': any;
2553
2782
  readonly 'red-900': any;
2783
+ readonly 'red-950': any;
2554
2784
  readonly transparent: any;
2555
2785
  readonly white: any;
2786
+ readonly 'yellow-50': any;
2556
2787
  readonly 'yellow-100': any;
2788
+ readonly 'yellow-150': any;
2557
2789
  readonly 'yellow-200': any;
2790
+ readonly 'yellow-250': any;
2558
2791
  readonly 'yellow-300': any;
2792
+ readonly 'yellow-350': any;
2559
2793
  readonly 'yellow-400': any;
2794
+ readonly 'yellow-450': any;
2560
2795
  readonly 'yellow-500': any;
2796
+ readonly 'yellow-550': any;
2561
2797
  readonly 'yellow-600': any;
2798
+ readonly 'yellow-650': any;
2562
2799
  readonly 'yellow-700': any;
2800
+ readonly 'yellow-750': any;
2563
2801
  readonly 'yellow-800': any;
2802
+ readonly 'yellow-850': any;
2564
2803
  readonly 'yellow-900': any;
2804
+ readonly 'yellow-950': any;
2565
2805
  "background-alpha-active"?: any;
2566
2806
  "background-alpha-hover"?: any;
2567
2807
  "background-danger-prominent"?: any;
@@ -2582,27 +2822,19 @@ declare const StyledDescription: react.ForwardRefExoticComponent<Omit<Omit<_miro
2582
2822
  "background-neutrals-inverted-subtle"?: any;
2583
2823
  "background-neutrals-page"?: any;
2584
2824
  "background-neutrals-page-subtle"?: any;
2585
- "background-neutrals-scrolls"?: any;
2586
- "background-neutrals-scrolls-expanded"?: any;
2587
- "background-neutrals-scrolls-hover"?: any;
2588
- "background-neutrals-scrolls-pressed"?: any;
2589
- "background-neutrals-scrolls-pressed-hover"?: any;
2825
+ "background-neutrals-scrollbar"?: any;
2826
+ "background-neutrals-scrollbar-active"?: any;
2827
+ "background-neutrals-scrollbar-hover"?: any;
2590
2828
  "background-neutrals-subtle"?: any;
2591
2829
  "background-neutrals-subtle-active"?: any;
2592
2830
  "background-neutrals-subtle-hover"?: any;
2593
2831
  "background-primary-prominent"?: any;
2594
2832
  "background-primary-prominent-active"?: any;
2595
- "background-primary-prominent-expanded"?: any;
2596
2833
  "background-primary-prominent-hover"?: any;
2597
- "background-primary-prominent-pressed"?: any;
2598
- "background-primary-prominent-pressed-hover"?: any;
2599
2834
  "background-primary-prominent-selected"?: any;
2600
2835
  "background-primary-subtle"?: any;
2601
2836
  "background-primary-subtle-active"?: any;
2602
- "background-primary-subtle-expanded"?: any;
2603
2837
  "background-primary-subtle-hover"?: any;
2604
- "background-primary-subtle-pressed"?: any;
2605
- "background-primary-subtle-pressed-hover"?: any;
2606
2838
  "background-primary-subtle-selected"?: any;
2607
2839
  "background-success"?: any;
2608
2840
  "background-success-prominent"?: any;
@@ -2613,9 +2845,15 @@ declare const StyledDescription: react.ForwardRefExoticComponent<Omit<Omit<_miro
2613
2845
  "border-danger"?: any;
2614
2846
  "border-danger-active"?: any;
2615
2847
  "border-danger-hover"?: any;
2848
+ "border-focus-error-inner"?: any;
2849
+ "border-focus-error-middle"?: any;
2850
+ "border-focus-error-outer"?: any;
2616
2851
  "border-focus-inner"?: any;
2617
2852
  "border-focus-middle"?: any;
2618
2853
  "border-focus-outer"?: any;
2854
+ "border-focus-success-inner"?: any;
2855
+ "border-focus-success-middle"?: any;
2856
+ "border-focus-success-outer"?: any;
2619
2857
  "border-neutrals"?: any;
2620
2858
  "border-neutrals-active"?: any;
2621
2859
  "border-neutrals-controls"?: any;
@@ -2708,21 +2946,23 @@ declare const StyledDescription: react.ForwardRefExoticComponent<Omit<Omit<_miro
2708
2946
  readonly body: "Open Sans, sans-serif";
2709
2947
  };
2710
2948
  radii: {
2711
- readonly none: 0;
2712
- readonly half: "999em";
2713
2949
  readonly 25: "2px";
2714
2950
  readonly 50: "4px";
2715
2951
  readonly 75: "6px";
2716
2952
  readonly 100: "8px";
2717
2953
  readonly 200: "16px";
2954
+ readonly half: "999px";
2955
+ readonly none: "0px";
2718
2956
  };
2719
2957
  shadows: {
2720
- 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";
2721
- 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";
2722
- 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";
2723
- 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";
2724
- 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";
2725
- 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";
2958
+ 50: any;
2959
+ 100: any;
2960
+ "focus-small": any;
2961
+ "focus-small-outline": any;
2962
+ "focus-large": any;
2963
+ "focus-controls": any;
2964
+ "focus-controls-error": any;
2965
+ "focus-controls-success": any;
2726
2966
  };
2727
2967
  sizes: {
2728
2968
  readonly number: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-form",
3
- "version": "0.1.1",
3
+ "version": "0.1.2-colors.2",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,11 +26,11 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
+ "@mirohq/design-system-stitches": "^2.6.1-colors.2",
30
+ "@mirohq/design-system-base-form": "^0.1.1-colors.2",
29
31
  "@mirohq/design-system-primitive": "^1.1.2",
30
- "@mirohq/design-system-base-form": "^0.1.0",
31
32
  "@mirohq/design-system-use-id": "^0.1.1",
32
- "@mirohq/design-system-utils": "^0.15.0",
33
- "@mirohq/design-system-stitches": "^2.6.0"
33
+ "@mirohq/design-system-utils": "^0.15.0"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rollup -c ../../../rollup.config.js",