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

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 +366 -138
  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,13 +256,13 @@ 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
268
  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";
@@ -506,63 +544,103 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
506
544
  };
507
545
  colors: {
508
546
  readonly black: any;
547
+ readonly 'blue-50': any;
509
548
  readonly 'blue-100': any;
549
+ readonly 'blue-150': any;
510
550
  readonly 'blue-200': any;
551
+ readonly 'blue-250': any;
511
552
  readonly 'blue-300': any;
553
+ readonly 'blue-350': any;
512
554
  readonly 'blue-400': any;
555
+ readonly 'blue-450': any;
513
556
  readonly 'blue-500': any;
557
+ readonly 'blue-550': any;
514
558
  readonly 'blue-600': any;
559
+ readonly 'blue-650': any;
515
560
  readonly 'blue-700': any;
561
+ readonly 'blue-750': any;
516
562
  readonly 'blue-800': any;
563
+ readonly 'blue-850': any;
517
564
  readonly 'blue-900': any;
518
- readonly 'blue-1000': any;
565
+ readonly 'blue-950': any;
566
+ readonly 'gray-50': any;
519
567
  readonly 'gray-100': any;
568
+ readonly 'gray-150': any;
520
569
  readonly 'gray-200': any;
570
+ readonly 'gray-250': any;
521
571
  readonly 'gray-300': any;
572
+ readonly 'gray-350': any;
522
573
  readonly 'gray-400': any;
574
+ readonly 'gray-450': any;
523
575
  readonly 'gray-500': any;
576
+ readonly 'gray-550': any;
524
577
  readonly 'gray-600': any;
578
+ readonly 'gray-650': any;
525
579
  readonly 'gray-700': any;
580
+ readonly 'gray-750': any;
526
581
  readonly 'gray-800': any;
582
+ readonly 'gray-850': any;
527
583
  readonly 'gray-900': any;
584
+ readonly 'gray-950': any;
585
+ readonly 'green-50': any;
528
586
  readonly 'green-100': any;
587
+ readonly 'green-150': any;
529
588
  readonly 'green-200': any;
589
+ readonly 'green-250': any;
530
590
  readonly 'green-300': any;
591
+ readonly 'green-350': any;
531
592
  readonly 'green-400': any;
593
+ readonly 'green-450': any;
532
594
  readonly 'green-500': any;
595
+ readonly 'green-550': any;
533
596
  readonly 'green-600': any;
597
+ readonly 'green-650': any;
534
598
  readonly 'green-700': any;
599
+ readonly 'green-750': any;
535
600
  readonly 'green-800': any;
601
+ readonly 'green-850': any;
536
602
  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;
603
+ readonly 'green-950': any;
604
+ readonly 'red-50': any;
546
605
  readonly 'red-100': any;
606
+ readonly 'red-150': any;
547
607
  readonly 'red-200': any;
608
+ readonly 'red-250': any;
548
609
  readonly 'red-300': any;
610
+ readonly 'red-350': any;
549
611
  readonly 'red-400': any;
612
+ readonly 'red-450': any;
550
613
  readonly 'red-500': any;
614
+ readonly 'red-550': any;
551
615
  readonly 'red-600': any;
616
+ readonly 'red-650': any;
552
617
  readonly 'red-700': any;
618
+ readonly 'red-750': any;
553
619
  readonly 'red-800': any;
620
+ readonly 'red-850': any;
554
621
  readonly 'red-900': any;
622
+ readonly 'red-950': any;
555
623
  readonly transparent: any;
556
624
  readonly white: any;
625
+ readonly 'yellow-50': any;
557
626
  readonly 'yellow-100': any;
627
+ readonly 'yellow-150': any;
558
628
  readonly 'yellow-200': any;
629
+ readonly 'yellow-250': any;
559
630
  readonly 'yellow-300': any;
631
+ readonly 'yellow-350': any;
560
632
  readonly 'yellow-400': any;
633
+ readonly 'yellow-450': any;
561
634
  readonly 'yellow-500': any;
635
+ readonly 'yellow-550': any;
562
636
  readonly 'yellow-600': any;
637
+ readonly 'yellow-650': any;
563
638
  readonly 'yellow-700': any;
639
+ readonly 'yellow-750': any;
564
640
  readonly 'yellow-800': any;
641
+ readonly 'yellow-850': any;
565
642
  readonly 'yellow-900': any;
643
+ readonly 'yellow-950': any;
566
644
  "background-alpha-active"?: any;
567
645
  "background-alpha-hover"?: any;
568
646
  "background-danger-prominent"?: any;
@@ -583,27 +661,19 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
583
661
  "background-neutrals-inverted-subtle"?: any;
584
662
  "background-neutrals-page"?: any;
585
663
  "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;
664
+ "background-neutrals-scrollbar"?: any;
665
+ "background-neutrals-scrollbar-active"?: any;
666
+ "background-neutrals-scrollbar-hover"?: any;
591
667
  "background-neutrals-subtle"?: any;
592
668
  "background-neutrals-subtle-active"?: any;
593
669
  "background-neutrals-subtle-hover"?: any;
594
670
  "background-primary-prominent"?: any;
595
671
  "background-primary-prominent-active"?: any;
596
- "background-primary-prominent-expanded"?: any;
597
672
  "background-primary-prominent-hover"?: any;
598
- "background-primary-prominent-pressed"?: any;
599
- "background-primary-prominent-pressed-hover"?: any;
600
673
  "background-primary-prominent-selected"?: any;
601
674
  "background-primary-subtle"?: any;
602
675
  "background-primary-subtle-active"?: any;
603
- "background-primary-subtle-expanded"?: any;
604
676
  "background-primary-subtle-hover"?: any;
605
- "background-primary-subtle-pressed"?: any;
606
- "background-primary-subtle-pressed-hover"?: any;
607
677
  "background-primary-subtle-selected"?: any;
608
678
  "background-success"?: any;
609
679
  "background-success-prominent"?: any;
@@ -614,9 +684,15 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
614
684
  "border-danger"?: any;
615
685
  "border-danger-active"?: any;
616
686
  "border-danger-hover"?: any;
687
+ "border-focus-error-inner"?: any;
688
+ "border-focus-error-middle"?: any;
689
+ "border-focus-error-outer"?: any;
617
690
  "border-focus-inner"?: any;
618
691
  "border-focus-middle"?: any;
619
692
  "border-focus-outer"?: any;
693
+ "border-focus-success-inner"?: any;
694
+ "border-focus-success-middle"?: any;
695
+ "border-focus-success-outer"?: any;
620
696
  "border-neutrals"?: any;
621
697
  "border-neutrals-active"?: any;
622
698
  "border-neutrals-controls"?: any;
@@ -709,13 +785,13 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
709
785
  readonly body: "Open Sans, sans-serif";
710
786
  };
711
787
  radii: {
712
- readonly none: 0;
713
- readonly half: "999em";
714
788
  readonly 25: "2px";
715
789
  readonly 50: "4px";
716
790
  readonly 75: "6px";
717
791
  readonly 100: "8px";
718
792
  readonly 200: "16px";
793
+ readonly half: "999px";
794
+ readonly none: "0px";
719
795
  };
720
796
  shadows: {
721
797
  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";
@@ -1010,63 +1086,103 @@ declare const StyledField: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1010
1086
  };
1011
1087
  colors: {
1012
1088
  readonly black: any;
1089
+ readonly 'blue-50': any;
1013
1090
  readonly 'blue-100': any;
1091
+ readonly 'blue-150': any;
1014
1092
  readonly 'blue-200': any;
1093
+ readonly 'blue-250': any;
1015
1094
  readonly 'blue-300': any;
1095
+ readonly 'blue-350': any;
1016
1096
  readonly 'blue-400': any;
1097
+ readonly 'blue-450': any;
1017
1098
  readonly 'blue-500': any;
1099
+ readonly 'blue-550': any;
1018
1100
  readonly 'blue-600': any;
1101
+ readonly 'blue-650': any;
1019
1102
  readonly 'blue-700': any;
1103
+ readonly 'blue-750': any;
1020
1104
  readonly 'blue-800': any;
1105
+ readonly 'blue-850': any;
1021
1106
  readonly 'blue-900': any;
1022
- readonly 'blue-1000': any;
1107
+ readonly 'blue-950': any;
1108
+ readonly 'gray-50': any;
1023
1109
  readonly 'gray-100': any;
1110
+ readonly 'gray-150': any;
1024
1111
  readonly 'gray-200': any;
1112
+ readonly 'gray-250': any;
1025
1113
  readonly 'gray-300': any;
1114
+ readonly 'gray-350': any;
1026
1115
  readonly 'gray-400': any;
1116
+ readonly 'gray-450': any;
1027
1117
  readonly 'gray-500': any;
1118
+ readonly 'gray-550': any;
1028
1119
  readonly 'gray-600': any;
1120
+ readonly 'gray-650': any;
1029
1121
  readonly 'gray-700': any;
1122
+ readonly 'gray-750': any;
1030
1123
  readonly 'gray-800': any;
1124
+ readonly 'gray-850': any;
1031
1125
  readonly 'gray-900': any;
1126
+ readonly 'gray-950': any;
1127
+ readonly 'green-50': any;
1032
1128
  readonly 'green-100': any;
1129
+ readonly 'green-150': any;
1033
1130
  readonly 'green-200': any;
1131
+ readonly 'green-250': any;
1034
1132
  readonly 'green-300': any;
1133
+ readonly 'green-350': any;
1035
1134
  readonly 'green-400': any;
1135
+ readonly 'green-450': any;
1036
1136
  readonly 'green-500': any;
1137
+ readonly 'green-550': any;
1037
1138
  readonly 'green-600': any;
1139
+ readonly 'green-650': any;
1038
1140
  readonly 'green-700': any;
1141
+ readonly 'green-750': any;
1039
1142
  readonly 'green-800': any;
1143
+ readonly 'green-850': any;
1040
1144
  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;
1145
+ readonly 'green-950': any;
1146
+ readonly 'red-50': any;
1050
1147
  readonly 'red-100': any;
1148
+ readonly 'red-150': any;
1051
1149
  readonly 'red-200': any;
1150
+ readonly 'red-250': any;
1052
1151
  readonly 'red-300': any;
1152
+ readonly 'red-350': any;
1053
1153
  readonly 'red-400': any;
1154
+ readonly 'red-450': any;
1054
1155
  readonly 'red-500': any;
1156
+ readonly 'red-550': any;
1055
1157
  readonly 'red-600': any;
1158
+ readonly 'red-650': any;
1056
1159
  readonly 'red-700': any;
1160
+ readonly 'red-750': any;
1057
1161
  readonly 'red-800': any;
1162
+ readonly 'red-850': any;
1058
1163
  readonly 'red-900': any;
1164
+ readonly 'red-950': any;
1059
1165
  readonly transparent: any;
1060
1166
  readonly white: any;
1167
+ readonly 'yellow-50': any;
1061
1168
  readonly 'yellow-100': any;
1169
+ readonly 'yellow-150': any;
1062
1170
  readonly 'yellow-200': any;
1171
+ readonly 'yellow-250': any;
1063
1172
  readonly 'yellow-300': any;
1173
+ readonly 'yellow-350': any;
1064
1174
  readonly 'yellow-400': any;
1175
+ readonly 'yellow-450': any;
1065
1176
  readonly 'yellow-500': any;
1177
+ readonly 'yellow-550': any;
1066
1178
  readonly 'yellow-600': any;
1179
+ readonly 'yellow-650': any;
1067
1180
  readonly 'yellow-700': any;
1181
+ readonly 'yellow-750': any;
1068
1182
  readonly 'yellow-800': any;
1183
+ readonly 'yellow-850': any;
1069
1184
  readonly 'yellow-900': any;
1185
+ readonly 'yellow-950': any;
1070
1186
  "background-alpha-active"?: any;
1071
1187
  "background-alpha-hover"?: any;
1072
1188
  "background-danger-prominent"?: any;
@@ -1087,27 +1203,19 @@ declare const StyledField: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1087
1203
  "background-neutrals-inverted-subtle"?: any;
1088
1204
  "background-neutrals-page"?: any;
1089
1205
  "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;
1206
+ "background-neutrals-scrollbar"?: any;
1207
+ "background-neutrals-scrollbar-active"?: any;
1208
+ "background-neutrals-scrollbar-hover"?: any;
1095
1209
  "background-neutrals-subtle"?: any;
1096
1210
  "background-neutrals-subtle-active"?: any;
1097
1211
  "background-neutrals-subtle-hover"?: any;
1098
1212
  "background-primary-prominent"?: any;
1099
1213
  "background-primary-prominent-active"?: any;
1100
- "background-primary-prominent-expanded"?: any;
1101
1214
  "background-primary-prominent-hover"?: any;
1102
- "background-primary-prominent-pressed"?: any;
1103
- "background-primary-prominent-pressed-hover"?: any;
1104
1215
  "background-primary-prominent-selected"?: any;
1105
1216
  "background-primary-subtle"?: any;
1106
1217
  "background-primary-subtle-active"?: any;
1107
- "background-primary-subtle-expanded"?: any;
1108
1218
  "background-primary-subtle-hover"?: any;
1109
- "background-primary-subtle-pressed"?: any;
1110
- "background-primary-subtle-pressed-hover"?: any;
1111
1219
  "background-primary-subtle-selected"?: any;
1112
1220
  "background-success"?: any;
1113
1221
  "background-success-prominent"?: any;
@@ -1118,9 +1226,15 @@ declare const StyledField: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1118
1226
  "border-danger"?: any;
1119
1227
  "border-danger-active"?: any;
1120
1228
  "border-danger-hover"?: any;
1229
+ "border-focus-error-inner"?: any;
1230
+ "border-focus-error-middle"?: any;
1231
+ "border-focus-error-outer"?: any;
1121
1232
  "border-focus-inner"?: any;
1122
1233
  "border-focus-middle"?: any;
1123
1234
  "border-focus-outer"?: any;
1235
+ "border-focus-success-inner"?: any;
1236
+ "border-focus-success-middle"?: any;
1237
+ "border-focus-success-outer"?: any;
1124
1238
  "border-neutrals"?: any;
1125
1239
  "border-neutrals-active"?: any;
1126
1240
  "border-neutrals-controls"?: any;
@@ -1213,13 +1327,13 @@ declare const StyledField: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1213
1327
  readonly body: "Open Sans, sans-serif";
1214
1328
  };
1215
1329
  radii: {
1216
- readonly none: 0;
1217
- readonly half: "999em";
1218
1330
  readonly 25: "2px";
1219
1331
  readonly 50: "4px";
1220
1332
  readonly 75: "6px";
1221
1333
  readonly 100: "8px";
1222
1334
  readonly 200: "16px";
1335
+ readonly half: "999px";
1336
+ readonly none: "0px";
1223
1337
  };
1224
1338
  shadows: {
1225
1339
  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";
@@ -1505,63 +1619,103 @@ declare const StyledHelper: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1505
1619
  };
1506
1620
  colors: {
1507
1621
  readonly black: any;
1622
+ readonly 'blue-50': any;
1508
1623
  readonly 'blue-100': any;
1624
+ readonly 'blue-150': any;
1509
1625
  readonly 'blue-200': any;
1626
+ readonly 'blue-250': any;
1510
1627
  readonly 'blue-300': any;
1628
+ readonly 'blue-350': any;
1511
1629
  readonly 'blue-400': any;
1630
+ readonly 'blue-450': any;
1512
1631
  readonly 'blue-500': any;
1632
+ readonly 'blue-550': any;
1513
1633
  readonly 'blue-600': any;
1634
+ readonly 'blue-650': any;
1514
1635
  readonly 'blue-700': any;
1636
+ readonly 'blue-750': any;
1515
1637
  readonly 'blue-800': any;
1638
+ readonly 'blue-850': any;
1516
1639
  readonly 'blue-900': any;
1517
- readonly 'blue-1000': any;
1640
+ readonly 'blue-950': any;
1641
+ readonly 'gray-50': any;
1518
1642
  readonly 'gray-100': any;
1643
+ readonly 'gray-150': any;
1519
1644
  readonly 'gray-200': any;
1645
+ readonly 'gray-250': any;
1520
1646
  readonly 'gray-300': any;
1647
+ readonly 'gray-350': any;
1521
1648
  readonly 'gray-400': any;
1649
+ readonly 'gray-450': any;
1522
1650
  readonly 'gray-500': any;
1651
+ readonly 'gray-550': any;
1523
1652
  readonly 'gray-600': any;
1653
+ readonly 'gray-650': any;
1524
1654
  readonly 'gray-700': any;
1655
+ readonly 'gray-750': any;
1525
1656
  readonly 'gray-800': any;
1657
+ readonly 'gray-850': any;
1526
1658
  readonly 'gray-900': any;
1659
+ readonly 'gray-950': any;
1660
+ readonly 'green-50': any;
1527
1661
  readonly 'green-100': any;
1662
+ readonly 'green-150': any;
1528
1663
  readonly 'green-200': any;
1664
+ readonly 'green-250': any;
1529
1665
  readonly 'green-300': any;
1666
+ readonly 'green-350': any;
1530
1667
  readonly 'green-400': any;
1668
+ readonly 'green-450': any;
1531
1669
  readonly 'green-500': any;
1670
+ readonly 'green-550': any;
1532
1671
  readonly 'green-600': any;
1672
+ readonly 'green-650': any;
1533
1673
  readonly 'green-700': any;
1674
+ readonly 'green-750': any;
1534
1675
  readonly 'green-800': any;
1676
+ readonly 'green-850': any;
1535
1677
  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;
1678
+ readonly 'green-950': any;
1679
+ readonly 'red-50': any;
1545
1680
  readonly 'red-100': any;
1681
+ readonly 'red-150': any;
1546
1682
  readonly 'red-200': any;
1683
+ readonly 'red-250': any;
1547
1684
  readonly 'red-300': any;
1685
+ readonly 'red-350': any;
1548
1686
  readonly 'red-400': any;
1687
+ readonly 'red-450': any;
1549
1688
  readonly 'red-500': any;
1689
+ readonly 'red-550': any;
1550
1690
  readonly 'red-600': any;
1691
+ readonly 'red-650': any;
1551
1692
  readonly 'red-700': any;
1693
+ readonly 'red-750': any;
1552
1694
  readonly 'red-800': any;
1695
+ readonly 'red-850': any;
1553
1696
  readonly 'red-900': any;
1697
+ readonly 'red-950': any;
1554
1698
  readonly transparent: any;
1555
1699
  readonly white: any;
1700
+ readonly 'yellow-50': any;
1556
1701
  readonly 'yellow-100': any;
1702
+ readonly 'yellow-150': any;
1557
1703
  readonly 'yellow-200': any;
1704
+ readonly 'yellow-250': any;
1558
1705
  readonly 'yellow-300': any;
1706
+ readonly 'yellow-350': any;
1559
1707
  readonly 'yellow-400': any;
1708
+ readonly 'yellow-450': any;
1560
1709
  readonly 'yellow-500': any;
1710
+ readonly 'yellow-550': any;
1561
1711
  readonly 'yellow-600': any;
1712
+ readonly 'yellow-650': any;
1562
1713
  readonly 'yellow-700': any;
1714
+ readonly 'yellow-750': any;
1563
1715
  readonly 'yellow-800': any;
1716
+ readonly 'yellow-850': any;
1564
1717
  readonly 'yellow-900': any;
1718
+ readonly 'yellow-950': any;
1565
1719
  "background-alpha-active"?: any;
1566
1720
  "background-alpha-hover"?: any;
1567
1721
  "background-danger-prominent"?: any;
@@ -1582,27 +1736,19 @@ declare const StyledHelper: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1582
1736
  "background-neutrals-inverted-subtle"?: any;
1583
1737
  "background-neutrals-page"?: any;
1584
1738
  "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;
1739
+ "background-neutrals-scrollbar"?: any;
1740
+ "background-neutrals-scrollbar-active"?: any;
1741
+ "background-neutrals-scrollbar-hover"?: any;
1590
1742
  "background-neutrals-subtle"?: any;
1591
1743
  "background-neutrals-subtle-active"?: any;
1592
1744
  "background-neutrals-subtle-hover"?: any;
1593
1745
  "background-primary-prominent"?: any;
1594
1746
  "background-primary-prominent-active"?: any;
1595
- "background-primary-prominent-expanded"?: any;
1596
1747
  "background-primary-prominent-hover"?: any;
1597
- "background-primary-prominent-pressed"?: any;
1598
- "background-primary-prominent-pressed-hover"?: any;
1599
1748
  "background-primary-prominent-selected"?: any;
1600
1749
  "background-primary-subtle"?: any;
1601
1750
  "background-primary-subtle-active"?: any;
1602
- "background-primary-subtle-expanded"?: any;
1603
1751
  "background-primary-subtle-hover"?: any;
1604
- "background-primary-subtle-pressed"?: any;
1605
- "background-primary-subtle-pressed-hover"?: any;
1606
1752
  "background-primary-subtle-selected"?: any;
1607
1753
  "background-success"?: any;
1608
1754
  "background-success-prominent"?: any;
@@ -1613,9 +1759,15 @@ declare const StyledHelper: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1613
1759
  "border-danger"?: any;
1614
1760
  "border-danger-active"?: any;
1615
1761
  "border-danger-hover"?: any;
1762
+ "border-focus-error-inner"?: any;
1763
+ "border-focus-error-middle"?: any;
1764
+ "border-focus-error-outer"?: any;
1616
1765
  "border-focus-inner"?: any;
1617
1766
  "border-focus-middle"?: any;
1618
1767
  "border-focus-outer"?: any;
1768
+ "border-focus-success-inner"?: any;
1769
+ "border-focus-success-middle"?: any;
1770
+ "border-focus-success-outer"?: any;
1619
1771
  "border-neutrals"?: any;
1620
1772
  "border-neutrals-active"?: any;
1621
1773
  "border-neutrals-controls"?: any;
@@ -1708,13 +1860,13 @@ declare const StyledHelper: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1708
1860
  readonly body: "Open Sans, sans-serif";
1709
1861
  };
1710
1862
  radii: {
1711
- readonly none: 0;
1712
- readonly half: "999em";
1713
1863
  readonly 25: "2px";
1714
1864
  readonly 50: "4px";
1715
1865
  readonly 75: "6px";
1716
1866
  readonly 100: "8px";
1717
1867
  readonly 200: "16px";
1868
+ readonly half: "999px";
1869
+ readonly none: "0px";
1718
1870
  };
1719
1871
  shadows: {
1720
1872
  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";
@@ -2004,63 +2156,103 @@ declare const StyledMessage: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2004
2156
  };
2005
2157
  colors: {
2006
2158
  readonly black: any;
2159
+ readonly 'blue-50': any;
2007
2160
  readonly 'blue-100': any;
2161
+ readonly 'blue-150': any;
2008
2162
  readonly 'blue-200': any;
2163
+ readonly 'blue-250': any;
2009
2164
  readonly 'blue-300': any;
2165
+ readonly 'blue-350': any;
2010
2166
  readonly 'blue-400': any;
2167
+ readonly 'blue-450': any;
2011
2168
  readonly 'blue-500': any;
2169
+ readonly 'blue-550': any;
2012
2170
  readonly 'blue-600': any;
2171
+ readonly 'blue-650': any;
2013
2172
  readonly 'blue-700': any;
2173
+ readonly 'blue-750': any;
2014
2174
  readonly 'blue-800': any;
2175
+ readonly 'blue-850': any;
2015
2176
  readonly 'blue-900': any;
2016
- readonly 'blue-1000': any;
2177
+ readonly 'blue-950': any;
2178
+ readonly 'gray-50': any;
2017
2179
  readonly 'gray-100': any;
2180
+ readonly 'gray-150': any;
2018
2181
  readonly 'gray-200': any;
2182
+ readonly 'gray-250': any;
2019
2183
  readonly 'gray-300': any;
2184
+ readonly 'gray-350': any;
2020
2185
  readonly 'gray-400': any;
2186
+ readonly 'gray-450': any;
2021
2187
  readonly 'gray-500': any;
2188
+ readonly 'gray-550': any;
2022
2189
  readonly 'gray-600': any;
2190
+ readonly 'gray-650': any;
2023
2191
  readonly 'gray-700': any;
2192
+ readonly 'gray-750': any;
2024
2193
  readonly 'gray-800': any;
2194
+ readonly 'gray-850': any;
2025
2195
  readonly 'gray-900': any;
2196
+ readonly 'gray-950': any;
2197
+ readonly 'green-50': any;
2026
2198
  readonly 'green-100': any;
2199
+ readonly 'green-150': any;
2027
2200
  readonly 'green-200': any;
2201
+ readonly 'green-250': any;
2028
2202
  readonly 'green-300': any;
2203
+ readonly 'green-350': any;
2029
2204
  readonly 'green-400': any;
2205
+ readonly 'green-450': any;
2030
2206
  readonly 'green-500': any;
2207
+ readonly 'green-550': any;
2031
2208
  readonly 'green-600': any;
2209
+ readonly 'green-650': any;
2032
2210
  readonly 'green-700': any;
2211
+ readonly 'green-750': any;
2033
2212
  readonly 'green-800': any;
2213
+ readonly 'green-850': any;
2034
2214
  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;
2215
+ readonly 'green-950': any;
2216
+ readonly 'red-50': any;
2044
2217
  readonly 'red-100': any;
2218
+ readonly 'red-150': any;
2045
2219
  readonly 'red-200': any;
2220
+ readonly 'red-250': any;
2046
2221
  readonly 'red-300': any;
2222
+ readonly 'red-350': any;
2047
2223
  readonly 'red-400': any;
2224
+ readonly 'red-450': any;
2048
2225
  readonly 'red-500': any;
2226
+ readonly 'red-550': any;
2049
2227
  readonly 'red-600': any;
2228
+ readonly 'red-650': any;
2050
2229
  readonly 'red-700': any;
2230
+ readonly 'red-750': any;
2051
2231
  readonly 'red-800': any;
2232
+ readonly 'red-850': any;
2052
2233
  readonly 'red-900': any;
2234
+ readonly 'red-950': any;
2053
2235
  readonly transparent: any;
2054
2236
  readonly white: any;
2237
+ readonly 'yellow-50': any;
2055
2238
  readonly 'yellow-100': any;
2239
+ readonly 'yellow-150': any;
2056
2240
  readonly 'yellow-200': any;
2241
+ readonly 'yellow-250': any;
2057
2242
  readonly 'yellow-300': any;
2243
+ readonly 'yellow-350': any;
2058
2244
  readonly 'yellow-400': any;
2245
+ readonly 'yellow-450': any;
2059
2246
  readonly 'yellow-500': any;
2247
+ readonly 'yellow-550': any;
2060
2248
  readonly 'yellow-600': any;
2249
+ readonly 'yellow-650': any;
2061
2250
  readonly 'yellow-700': any;
2251
+ readonly 'yellow-750': any;
2062
2252
  readonly 'yellow-800': any;
2253
+ readonly 'yellow-850': any;
2063
2254
  readonly 'yellow-900': any;
2255
+ readonly 'yellow-950': any;
2064
2256
  "background-alpha-active"?: any;
2065
2257
  "background-alpha-hover"?: any;
2066
2258
  "background-danger-prominent"?: any;
@@ -2081,27 +2273,19 @@ declare const StyledMessage: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2081
2273
  "background-neutrals-inverted-subtle"?: any;
2082
2274
  "background-neutrals-page"?: any;
2083
2275
  "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;
2276
+ "background-neutrals-scrollbar"?: any;
2277
+ "background-neutrals-scrollbar-active"?: any;
2278
+ "background-neutrals-scrollbar-hover"?: any;
2089
2279
  "background-neutrals-subtle"?: any;
2090
2280
  "background-neutrals-subtle-active"?: any;
2091
2281
  "background-neutrals-subtle-hover"?: any;
2092
2282
  "background-primary-prominent"?: any;
2093
2283
  "background-primary-prominent-active"?: any;
2094
- "background-primary-prominent-expanded"?: any;
2095
2284
  "background-primary-prominent-hover"?: any;
2096
- "background-primary-prominent-pressed"?: any;
2097
- "background-primary-prominent-pressed-hover"?: any;
2098
2285
  "background-primary-prominent-selected"?: any;
2099
2286
  "background-primary-subtle"?: any;
2100
2287
  "background-primary-subtle-active"?: any;
2101
- "background-primary-subtle-expanded"?: any;
2102
2288
  "background-primary-subtle-hover"?: any;
2103
- "background-primary-subtle-pressed"?: any;
2104
- "background-primary-subtle-pressed-hover"?: any;
2105
2289
  "background-primary-subtle-selected"?: any;
2106
2290
  "background-success"?: any;
2107
2291
  "background-success-prominent"?: any;
@@ -2112,9 +2296,15 @@ declare const StyledMessage: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2112
2296
  "border-danger"?: any;
2113
2297
  "border-danger-active"?: any;
2114
2298
  "border-danger-hover"?: any;
2299
+ "border-focus-error-inner"?: any;
2300
+ "border-focus-error-middle"?: any;
2301
+ "border-focus-error-outer"?: any;
2115
2302
  "border-focus-inner"?: any;
2116
2303
  "border-focus-middle"?: any;
2117
2304
  "border-focus-outer"?: any;
2305
+ "border-focus-success-inner"?: any;
2306
+ "border-focus-success-middle"?: any;
2307
+ "border-focus-success-outer"?: any;
2118
2308
  "border-neutrals"?: any;
2119
2309
  "border-neutrals-active"?: any;
2120
2310
  "border-neutrals-controls"?: any;
@@ -2207,13 +2397,13 @@ declare const StyledMessage: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2207
2397
  readonly body: "Open Sans, sans-serif";
2208
2398
  };
2209
2399
  radii: {
2210
- readonly none: 0;
2211
- readonly half: "999em";
2212
2400
  readonly 25: "2px";
2213
2401
  readonly 50: "4px";
2214
2402
  readonly 75: "6px";
2215
2403
  readonly 100: "8px";
2216
2404
  readonly 200: "16px";
2405
+ readonly half: "999px";
2406
+ readonly none: "0px";
2217
2407
  };
2218
2408
  shadows: {
2219
2409
  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";
@@ -2505,63 +2695,103 @@ declare const StyledDescription: react.ForwardRefExoticComponent<Omit<Omit<_miro
2505
2695
  };
2506
2696
  colors: {
2507
2697
  readonly black: any;
2698
+ readonly 'blue-50': any;
2508
2699
  readonly 'blue-100': any;
2700
+ readonly 'blue-150': any;
2509
2701
  readonly 'blue-200': any;
2702
+ readonly 'blue-250': any;
2510
2703
  readonly 'blue-300': any;
2704
+ readonly 'blue-350': any;
2511
2705
  readonly 'blue-400': any;
2706
+ readonly 'blue-450': any;
2512
2707
  readonly 'blue-500': any;
2708
+ readonly 'blue-550': any;
2513
2709
  readonly 'blue-600': any;
2710
+ readonly 'blue-650': any;
2514
2711
  readonly 'blue-700': any;
2712
+ readonly 'blue-750': any;
2515
2713
  readonly 'blue-800': any;
2714
+ readonly 'blue-850': any;
2516
2715
  readonly 'blue-900': any;
2517
- readonly 'blue-1000': any;
2716
+ readonly 'blue-950': any;
2717
+ readonly 'gray-50': any;
2518
2718
  readonly 'gray-100': any;
2719
+ readonly 'gray-150': any;
2519
2720
  readonly 'gray-200': any;
2721
+ readonly 'gray-250': any;
2520
2722
  readonly 'gray-300': any;
2723
+ readonly 'gray-350': any;
2521
2724
  readonly 'gray-400': any;
2725
+ readonly 'gray-450': any;
2522
2726
  readonly 'gray-500': any;
2727
+ readonly 'gray-550': any;
2523
2728
  readonly 'gray-600': any;
2729
+ readonly 'gray-650': any;
2524
2730
  readonly 'gray-700': any;
2731
+ readonly 'gray-750': any;
2525
2732
  readonly 'gray-800': any;
2733
+ readonly 'gray-850': any;
2526
2734
  readonly 'gray-900': any;
2735
+ readonly 'gray-950': any;
2736
+ readonly 'green-50': any;
2527
2737
  readonly 'green-100': any;
2738
+ readonly 'green-150': any;
2528
2739
  readonly 'green-200': any;
2740
+ readonly 'green-250': any;
2529
2741
  readonly 'green-300': any;
2742
+ readonly 'green-350': any;
2530
2743
  readonly 'green-400': any;
2744
+ readonly 'green-450': any;
2531
2745
  readonly 'green-500': any;
2746
+ readonly 'green-550': any;
2532
2747
  readonly 'green-600': any;
2748
+ readonly 'green-650': any;
2533
2749
  readonly 'green-700': any;
2750
+ readonly 'green-750': any;
2534
2751
  readonly 'green-800': any;
2752
+ readonly 'green-850': any;
2535
2753
  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;
2754
+ readonly 'green-950': any;
2755
+ readonly 'red-50': any;
2545
2756
  readonly 'red-100': any;
2757
+ readonly 'red-150': any;
2546
2758
  readonly 'red-200': any;
2759
+ readonly 'red-250': any;
2547
2760
  readonly 'red-300': any;
2761
+ readonly 'red-350': any;
2548
2762
  readonly 'red-400': any;
2763
+ readonly 'red-450': any;
2549
2764
  readonly 'red-500': any;
2765
+ readonly 'red-550': any;
2550
2766
  readonly 'red-600': any;
2767
+ readonly 'red-650': any;
2551
2768
  readonly 'red-700': any;
2769
+ readonly 'red-750': any;
2552
2770
  readonly 'red-800': any;
2771
+ readonly 'red-850': any;
2553
2772
  readonly 'red-900': any;
2773
+ readonly 'red-950': any;
2554
2774
  readonly transparent: any;
2555
2775
  readonly white: any;
2776
+ readonly 'yellow-50': any;
2556
2777
  readonly 'yellow-100': any;
2778
+ readonly 'yellow-150': any;
2557
2779
  readonly 'yellow-200': any;
2780
+ readonly 'yellow-250': any;
2558
2781
  readonly 'yellow-300': any;
2782
+ readonly 'yellow-350': any;
2559
2783
  readonly 'yellow-400': any;
2784
+ readonly 'yellow-450': any;
2560
2785
  readonly 'yellow-500': any;
2786
+ readonly 'yellow-550': any;
2561
2787
  readonly 'yellow-600': any;
2788
+ readonly 'yellow-650': any;
2562
2789
  readonly 'yellow-700': any;
2790
+ readonly 'yellow-750': any;
2563
2791
  readonly 'yellow-800': any;
2792
+ readonly 'yellow-850': any;
2564
2793
  readonly 'yellow-900': any;
2794
+ readonly 'yellow-950': any;
2565
2795
  "background-alpha-active"?: any;
2566
2796
  "background-alpha-hover"?: any;
2567
2797
  "background-danger-prominent"?: any;
@@ -2582,27 +2812,19 @@ declare const StyledDescription: react.ForwardRefExoticComponent<Omit<Omit<_miro
2582
2812
  "background-neutrals-inverted-subtle"?: any;
2583
2813
  "background-neutrals-page"?: any;
2584
2814
  "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;
2815
+ "background-neutrals-scrollbar"?: any;
2816
+ "background-neutrals-scrollbar-active"?: any;
2817
+ "background-neutrals-scrollbar-hover"?: any;
2590
2818
  "background-neutrals-subtle"?: any;
2591
2819
  "background-neutrals-subtle-active"?: any;
2592
2820
  "background-neutrals-subtle-hover"?: any;
2593
2821
  "background-primary-prominent"?: any;
2594
2822
  "background-primary-prominent-active"?: any;
2595
- "background-primary-prominent-expanded"?: any;
2596
2823
  "background-primary-prominent-hover"?: any;
2597
- "background-primary-prominent-pressed"?: any;
2598
- "background-primary-prominent-pressed-hover"?: any;
2599
2824
  "background-primary-prominent-selected"?: any;
2600
2825
  "background-primary-subtle"?: any;
2601
2826
  "background-primary-subtle-active"?: any;
2602
- "background-primary-subtle-expanded"?: any;
2603
2827
  "background-primary-subtle-hover"?: any;
2604
- "background-primary-subtle-pressed"?: any;
2605
- "background-primary-subtle-pressed-hover"?: any;
2606
2828
  "background-primary-subtle-selected"?: any;
2607
2829
  "background-success"?: any;
2608
2830
  "background-success-prominent"?: any;
@@ -2613,9 +2835,15 @@ declare const StyledDescription: react.ForwardRefExoticComponent<Omit<Omit<_miro
2613
2835
  "border-danger"?: any;
2614
2836
  "border-danger-active"?: any;
2615
2837
  "border-danger-hover"?: any;
2838
+ "border-focus-error-inner"?: any;
2839
+ "border-focus-error-middle"?: any;
2840
+ "border-focus-error-outer"?: any;
2616
2841
  "border-focus-inner"?: any;
2617
2842
  "border-focus-middle"?: any;
2618
2843
  "border-focus-outer"?: any;
2844
+ "border-focus-success-inner"?: any;
2845
+ "border-focus-success-middle"?: any;
2846
+ "border-focus-success-outer"?: any;
2619
2847
  "border-neutrals"?: any;
2620
2848
  "border-neutrals-active"?: any;
2621
2849
  "border-neutrals-controls"?: any;
@@ -2708,13 +2936,13 @@ declare const StyledDescription: react.ForwardRefExoticComponent<Omit<Omit<_miro
2708
2936
  readonly body: "Open Sans, sans-serif";
2709
2937
  };
2710
2938
  radii: {
2711
- readonly none: 0;
2712
- readonly half: "999em";
2713
2939
  readonly 25: "2px";
2714
2940
  readonly 50: "4px";
2715
2941
  readonly 75: "6px";
2716
2942
  readonly 100: "8px";
2717
2943
  readonly 200: "16px";
2944
+ readonly half: "999px";
2945
+ readonly none: "0px";
2718
2946
  };
2719
2947
  shadows: {
2720
2948
  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";
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.1",
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-base-form": "^0.1.1-colors.1",
29
30
  "@mirohq/design-system-primitive": "^1.1.2",
30
- "@mirohq/design-system-base-form": "^0.1.0",
31
31
  "@mirohq/design-system-use-id": "^0.1.1",
32
- "@mirohq/design-system-utils": "^0.15.0",
33
- "@mirohq/design-system-stitches": "^2.6.0"
32
+ "@mirohq/design-system-stitches": "^2.6.1-colors.1",
33
+ "@mirohq/design-system-utils": "^0.15.0"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rollup -c ../../../rollup.config.js",