@mirohq/design-system-toolbar 2.1.7 → 2.1.9

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 +212 -172
  2. package/package.json +5 -5
package/dist/types.d.ts CHANGED
@@ -77,89 +77,93 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Pick<Omit<{
77
77
  readonly black: any;
78
78
  readonly white: any;
79
79
  readonly transparent: any;
80
+ readonly 'background-danger'?: any;
81
+ readonly 'background-danger-hover'?: any;
82
+ readonly 'background-danger-prominent'?: any;
83
+ readonly 'background-danger-prominent-active'?: any;
84
+ readonly 'background-danger-prominent-hover'?: any;
80
85
  readonly 'background-neutrals'?: any;
81
86
  readonly 'background-neutrals-body'?: any;
82
87
  readonly 'background-neutrals-container'?: any;
88
+ readonly 'background-neutrals-controls-disabled'?: any;
89
+ readonly 'background-neutrals-disabled'?: any;
90
+ readonly 'background-neutrals-inactive'?: any;
91
+ readonly 'background-neutrals-inactive-hover'?: any;
83
92
  readonly 'background-neutrals-inverted'?: any;
84
93
  readonly 'background-neutrals-inverted-subtle'?: any;
94
+ readonly 'background-neutrals-scrolls'?: any;
95
+ readonly 'background-neutrals-scrolls-hover'?: any;
85
96
  readonly 'background-neutrals-subtle'?: any;
86
- readonly 'background-neutrals-subtle-hover'?: any;
87
97
  readonly 'background-neutrals-subtle-active'?: any;
88
- readonly 'background-neutrals-disabled'?: any;
89
- readonly 'background-neutrals-controls-disabled'?: any;
90
- readonly 'background-neutrals-scrolls'?: any;
91
- readonly 'background-neutrals-inactive'?: any;
92
- readonly 'background-neutrals-inactive-hover'?: any;
98
+ readonly 'background-neutrals-subtle-hover'?: any;
93
99
  readonly 'background-primary-prominent'?: any;
94
- readonly 'background-primary-prominent-hover'?: any;
95
100
  readonly 'background-primary-prominent-active'?: any;
101
+ readonly 'background-primary-prominent-hover'?: any;
96
102
  readonly 'background-primary-prominent-selected'?: any;
97
103
  readonly 'background-primary-subtle'?: any;
98
- readonly 'background-primary-subtle-hover'?: any;
99
104
  readonly 'background-primary-subtle-active'?: any;
105
+ readonly 'background-primary-subtle-hover'?: any;
100
106
  readonly 'background-primary-subtle-selected'?: any;
101
- readonly 'background-danger-prominent'?: any;
102
- readonly 'background-danger-prominent-hover'?: any;
103
- readonly 'background-danger-prominent-active'?: any;
104
- readonly 'background-danger'?: any;
105
- readonly 'background-danger-hover'?: any;
106
107
  readonly 'background-success'?: any;
107
- readonly 'background-warning-subtle'?: any;
108
108
  readonly 'background-warning-prominent'?: any;
109
- readonly 'text-neutrals-inverted'?: any;
109
+ readonly 'background-warning-subtle'?: any;
110
+ readonly 'text-danger'?: any;
111
+ readonly 'text-danger-active'?: any;
112
+ readonly 'text-danger-hover'?: any;
113
+ readonly 'text-danger-inverted'?: any;
110
114
  readonly 'text-neutrals'?: any;
111
- readonly 'text-neutrals-subtle'?: any;
112
- readonly 'text-neutrals-placeholder-only'?: any;
113
- readonly 'text-neutrals-placeholder'?: any;
114
115
  readonly 'text-neutrals-disabled'?: any;
115
- readonly 'text-primary-inverted'?: any;
116
+ readonly 'text-neutrals-inverted'?: any;
117
+ readonly 'text-neutrals-link'?: any;
118
+ readonly 'text-neutrals-link-active'?: any;
119
+ readonly 'text-neutrals-link-hover'?: any;
120
+ readonly 'text-neutrals-placeholder'?: any;
121
+ readonly 'text-neutrals-placeholder-only'?: any;
122
+ readonly 'text-neutrals-subtle'?: any;
116
123
  readonly 'text-primary'?: any;
117
- readonly 'text-primary-hover'?: any;
118
124
  readonly 'text-primary-active'?: any;
119
- readonly 'text-primary-selected'?: any;
125
+ readonly 'text-primary-hover'?: any;
126
+ readonly 'text-primary-inverted'?: any;
120
127
  readonly 'text-primary-inverted-subtle'?: any;
121
- readonly 'text-danger-inverted'?: any;
122
- readonly 'text-danger'?: any;
123
- readonly 'text-danger-hover'?: any;
124
- readonly 'text-danger-active'?: any;
128
+ readonly 'text-primary-selected'?: any;
125
129
  readonly 'text-success'?: any;
126
130
  readonly 'text-warning'?: any;
127
- readonly 'icon-neutrals-inverted'?: any;
131
+ readonly 'icon-danger'?: any;
132
+ readonly 'icon-danger-active'?: any;
133
+ readonly 'icon-danger-hover'?: any;
134
+ readonly 'icon-danger-inverted'?: any;
128
135
  readonly 'icon-neutrals'?: any;
129
- readonly 'icon-neutrals-with-text'?: any;
130
- readonly 'icon-neutrals-subtle'?: any;
131
136
  readonly 'icon-neutrals-disabled'?: any;
132
- readonly 'icon-neutrals-search'?: any;
133
137
  readonly 'icon-neutrals-inactive'?: any;
134
138
  readonly 'icon-neutrals-inactive-hover'?: any;
135
- readonly 'icon-primary-inverted'?: any;
139
+ readonly 'icon-neutrals-inverted'?: any;
140
+ readonly 'icon-neutrals-search'?: any;
141
+ readonly 'icon-neutrals-subtle'?: any;
142
+ readonly 'icon-neutrals-with-text'?: any;
136
143
  readonly 'icon-primary'?: any;
137
- readonly 'icon-primary-hover'?: any;
138
144
  readonly 'icon-primary-active'?: any;
145
+ readonly 'icon-primary-hover'?: any;
146
+ readonly 'icon-primary-inverted'?: any;
139
147
  readonly 'icon-primary-selected'?: any;
140
- readonly 'icon-danger-inverted'?: any;
141
- readonly 'icon-danger'?: any;
142
- readonly 'icon-danger-hover'?: any;
143
- readonly 'icon-danger-active'?: any;
144
- readonly 'icon-success-inverted'?: any;
145
148
  readonly 'icon-success'?: any;
149
+ readonly 'icon-success-inverted'?: any;
146
150
  readonly 'icon-warning'?: any;
147
- readonly 'border-focus-outer'?: any;
148
- readonly 'border-focus-middle'?: any;
151
+ readonly 'border-danger'?: any;
149
152
  readonly 'border-focus-inner'?: any;
153
+ readonly 'border-focus-middle'?: any;
154
+ readonly 'border-focus-outer'?: any;
150
155
  readonly 'border-neutrals'?: any;
151
- readonly 'border-neutrals-hover'?: any;
152
156
  readonly 'border-neutrals-active'?: any;
153
- readonly 'border-neutrals-disabled'?: any;
154
157
  readonly 'border-neutrals-controls'?: any;
155
158
  readonly 'border-neutrals-controls-disabled'?: any;
156
- readonly 'border-neutrals-subtle'?: any;
159
+ readonly 'border-neutrals-disabled'?: any;
160
+ readonly 'border-neutrals-hover'?: any;
157
161
  readonly 'border-neutrals-inverted'?: any;
162
+ readonly 'border-neutrals-subtle'?: any;
158
163
  readonly 'border-primary'?: any;
159
- readonly 'border-primary-hover'?: any;
160
164
  readonly 'border-primary-active'?: any;
165
+ readonly 'border-primary-hover'?: any;
161
166
  readonly 'border-primary-inverted'?: any;
162
- readonly 'border-danger'?: any;
163
167
  readonly 'border-success'?: any;
164
168
  readonly 'border-warning'?: any;
165
169
  };
@@ -253,6 +257,11 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Pick<Omit<{
253
257
  readonly 'stacking-500': any;
254
258
  readonly 'stacking-800': any;
255
259
  };
260
+ 'stroke-width': {
261
+ readonly thin: "1.5px";
262
+ readonly normal: "2px";
263
+ readonly bold: "4px";
264
+ };
256
265
  'z-indices': {
257
266
  readonly dropdownMenu: 100;
258
267
  readonly popover: 200;
@@ -381,6 +390,7 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Pick<Omit<{
381
390
  readonly scrollPaddingRight: "space-inset";
382
391
  readonly scrollPaddingTop: "space-inset";
383
392
  readonly stroke: "colors";
393
+ readonly strokeWidth: "stroke-width";
384
394
  readonly textDecorationColor: "colors";
385
395
  readonly textShadow: "shadows";
386
396
  readonly top: "space";
@@ -521,89 +531,93 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{
521
531
  readonly black: any;
522
532
  readonly white: any;
523
533
  readonly transparent: any;
534
+ readonly 'background-danger'?: any;
535
+ readonly 'background-danger-hover'?: any;
536
+ readonly 'background-danger-prominent'?: any;
537
+ readonly 'background-danger-prominent-active'?: any;
538
+ readonly 'background-danger-prominent-hover'?: any;
524
539
  readonly 'background-neutrals'?: any;
525
540
  readonly 'background-neutrals-body'?: any;
526
541
  readonly 'background-neutrals-container'?: any;
542
+ readonly 'background-neutrals-controls-disabled'?: any;
543
+ readonly 'background-neutrals-disabled'?: any;
544
+ readonly 'background-neutrals-inactive'?: any;
545
+ readonly 'background-neutrals-inactive-hover'?: any;
527
546
  readonly 'background-neutrals-inverted'?: any;
528
547
  readonly 'background-neutrals-inverted-subtle'?: any;
548
+ readonly 'background-neutrals-scrolls'?: any;
549
+ readonly 'background-neutrals-scrolls-hover'?: any;
529
550
  readonly 'background-neutrals-subtle'?: any;
530
- readonly 'background-neutrals-subtle-hover'?: any;
531
551
  readonly 'background-neutrals-subtle-active'?: any;
532
- readonly 'background-neutrals-disabled'?: any;
533
- readonly 'background-neutrals-controls-disabled'?: any;
534
- readonly 'background-neutrals-scrolls'?: any;
535
- readonly 'background-neutrals-inactive'?: any;
536
- readonly 'background-neutrals-inactive-hover'?: any;
552
+ readonly 'background-neutrals-subtle-hover'?: any;
537
553
  readonly 'background-primary-prominent'?: any;
538
- readonly 'background-primary-prominent-hover'?: any;
539
554
  readonly 'background-primary-prominent-active'?: any;
555
+ readonly 'background-primary-prominent-hover'?: any;
540
556
  readonly 'background-primary-prominent-selected'?: any;
541
557
  readonly 'background-primary-subtle'?: any;
542
- readonly 'background-primary-subtle-hover'?: any;
543
558
  readonly 'background-primary-subtle-active'?: any;
559
+ readonly 'background-primary-subtle-hover'?: any;
544
560
  readonly 'background-primary-subtle-selected'?: any;
545
- readonly 'background-danger-prominent'?: any;
546
- readonly 'background-danger-prominent-hover'?: any;
547
- readonly 'background-danger-prominent-active'?: any;
548
- readonly 'background-danger'?: any;
549
- readonly 'background-danger-hover'?: any;
550
561
  readonly 'background-success'?: any;
551
- readonly 'background-warning-subtle'?: any;
552
562
  readonly 'background-warning-prominent'?: any;
553
- readonly 'text-neutrals-inverted'?: any;
563
+ readonly 'background-warning-subtle'?: any;
564
+ readonly 'text-danger'?: any;
565
+ readonly 'text-danger-active'?: any;
566
+ readonly 'text-danger-hover'?: any;
567
+ readonly 'text-danger-inverted'?: any;
554
568
  readonly 'text-neutrals'?: any;
555
- readonly 'text-neutrals-subtle'?: any;
556
- readonly 'text-neutrals-placeholder-only'?: any;
557
- readonly 'text-neutrals-placeholder'?: any;
558
569
  readonly 'text-neutrals-disabled'?: any;
559
- readonly 'text-primary-inverted'?: any;
570
+ readonly 'text-neutrals-inverted'?: any;
571
+ readonly 'text-neutrals-link'?: any;
572
+ readonly 'text-neutrals-link-active'?: any;
573
+ readonly 'text-neutrals-link-hover'?: any;
574
+ readonly 'text-neutrals-placeholder'?: any;
575
+ readonly 'text-neutrals-placeholder-only'?: any;
576
+ readonly 'text-neutrals-subtle'?: any;
560
577
  readonly 'text-primary'?: any;
561
- readonly 'text-primary-hover'?: any;
562
578
  readonly 'text-primary-active'?: any;
563
- readonly 'text-primary-selected'?: any;
579
+ readonly 'text-primary-hover'?: any;
580
+ readonly 'text-primary-inverted'?: any;
564
581
  readonly 'text-primary-inverted-subtle'?: any;
565
- readonly 'text-danger-inverted'?: any;
566
- readonly 'text-danger'?: any;
567
- readonly 'text-danger-hover'?: any;
568
- readonly 'text-danger-active'?: any;
582
+ readonly 'text-primary-selected'?: any;
569
583
  readonly 'text-success'?: any;
570
584
  readonly 'text-warning'?: any;
571
- readonly 'icon-neutrals-inverted'?: any;
585
+ readonly 'icon-danger'?: any;
586
+ readonly 'icon-danger-active'?: any;
587
+ readonly 'icon-danger-hover'?: any;
588
+ readonly 'icon-danger-inverted'?: any;
572
589
  readonly 'icon-neutrals'?: any;
573
- readonly 'icon-neutrals-with-text'?: any;
574
- readonly 'icon-neutrals-subtle'?: any;
575
590
  readonly 'icon-neutrals-disabled'?: any;
576
- readonly 'icon-neutrals-search'?: any;
577
591
  readonly 'icon-neutrals-inactive'?: any;
578
592
  readonly 'icon-neutrals-inactive-hover'?: any;
579
- readonly 'icon-primary-inverted'?: any;
593
+ readonly 'icon-neutrals-inverted'?: any;
594
+ readonly 'icon-neutrals-search'?: any;
595
+ readonly 'icon-neutrals-subtle'?: any;
596
+ readonly 'icon-neutrals-with-text'?: any;
580
597
  readonly 'icon-primary'?: any;
581
- readonly 'icon-primary-hover'?: any;
582
598
  readonly 'icon-primary-active'?: any;
599
+ readonly 'icon-primary-hover'?: any;
600
+ readonly 'icon-primary-inverted'?: any;
583
601
  readonly 'icon-primary-selected'?: any;
584
- readonly 'icon-danger-inverted'?: any;
585
- readonly 'icon-danger'?: any;
586
- readonly 'icon-danger-hover'?: any;
587
- readonly 'icon-danger-active'?: any;
588
- readonly 'icon-success-inverted'?: any;
589
602
  readonly 'icon-success'?: any;
603
+ readonly 'icon-success-inverted'?: any;
590
604
  readonly 'icon-warning'?: any;
591
- readonly 'border-focus-outer'?: any;
592
- readonly 'border-focus-middle'?: any;
605
+ readonly 'border-danger'?: any;
593
606
  readonly 'border-focus-inner'?: any;
607
+ readonly 'border-focus-middle'?: any;
608
+ readonly 'border-focus-outer'?: any;
594
609
  readonly 'border-neutrals'?: any;
595
- readonly 'border-neutrals-hover'?: any;
596
610
  readonly 'border-neutrals-active'?: any;
597
- readonly 'border-neutrals-disabled'?: any;
598
611
  readonly 'border-neutrals-controls'?: any;
599
612
  readonly 'border-neutrals-controls-disabled'?: any;
600
- readonly 'border-neutrals-subtle'?: any;
613
+ readonly 'border-neutrals-disabled'?: any;
614
+ readonly 'border-neutrals-hover'?: any;
601
615
  readonly 'border-neutrals-inverted'?: any;
616
+ readonly 'border-neutrals-subtle'?: any;
602
617
  readonly 'border-primary'?: any;
603
- readonly 'border-primary-hover'?: any;
604
618
  readonly 'border-primary-active'?: any;
619
+ readonly 'border-primary-hover'?: any;
605
620
  readonly 'border-primary-inverted'?: any;
606
- readonly 'border-danger'?: any;
607
621
  readonly 'border-success'?: any;
608
622
  readonly 'border-warning'?: any;
609
623
  };
@@ -697,6 +711,11 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{
697
711
  readonly 'stacking-500': any;
698
712
  readonly 'stacking-800': any;
699
713
  };
714
+ 'stroke-width': {
715
+ readonly thin: "1.5px";
716
+ readonly normal: "2px";
717
+ readonly bold: "4px";
718
+ };
700
719
  'z-indices': {
701
720
  readonly dropdownMenu: 100;
702
721
  readonly popover: 200;
@@ -825,6 +844,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{
825
844
  readonly scrollPaddingRight: "space-inset";
826
845
  readonly scrollPaddingTop: "space-inset";
827
846
  readonly stroke: "colors";
847
+ readonly strokeWidth: "stroke-width";
828
848
  readonly textDecorationColor: "colors";
829
849
  readonly textShadow: "shadows";
830
850
  readonly top: "space";
@@ -982,89 +1002,93 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
982
1002
  readonly black: any;
983
1003
  readonly white: any;
984
1004
  readonly transparent: any;
1005
+ readonly 'background-danger'?: any;
1006
+ readonly 'background-danger-hover'?: any;
1007
+ readonly 'background-danger-prominent'?: any;
1008
+ readonly 'background-danger-prominent-active'?: any;
1009
+ readonly 'background-danger-prominent-hover'?: any;
985
1010
  readonly 'background-neutrals'?: any;
986
1011
  readonly 'background-neutrals-body'?: any;
987
1012
  readonly 'background-neutrals-container'?: any;
1013
+ readonly 'background-neutrals-controls-disabled'?: any;
1014
+ readonly 'background-neutrals-disabled'?: any;
1015
+ readonly 'background-neutrals-inactive'?: any;
1016
+ readonly 'background-neutrals-inactive-hover'?: any;
988
1017
  readonly 'background-neutrals-inverted'?: any;
989
1018
  readonly 'background-neutrals-inverted-subtle'?: any;
1019
+ readonly 'background-neutrals-scrolls'?: any;
1020
+ readonly 'background-neutrals-scrolls-hover'?: any;
990
1021
  readonly 'background-neutrals-subtle'?: any;
991
- readonly 'background-neutrals-subtle-hover'?: any;
992
1022
  readonly 'background-neutrals-subtle-active'?: any;
993
- readonly 'background-neutrals-disabled'?: any;
994
- readonly 'background-neutrals-controls-disabled'?: any;
995
- readonly 'background-neutrals-scrolls'?: any;
996
- readonly 'background-neutrals-inactive'?: any;
997
- readonly 'background-neutrals-inactive-hover'?: any;
1023
+ readonly 'background-neutrals-subtle-hover'?: any;
998
1024
  readonly 'background-primary-prominent'?: any;
999
- readonly 'background-primary-prominent-hover'?: any;
1000
1025
  readonly 'background-primary-prominent-active'?: any;
1026
+ readonly 'background-primary-prominent-hover'?: any;
1001
1027
  readonly 'background-primary-prominent-selected'?: any;
1002
1028
  readonly 'background-primary-subtle'?: any;
1003
- readonly 'background-primary-subtle-hover'?: any;
1004
1029
  readonly 'background-primary-subtle-active'?: any;
1030
+ readonly 'background-primary-subtle-hover'?: any;
1005
1031
  readonly 'background-primary-subtle-selected'?: any;
1006
- readonly 'background-danger-prominent'?: any;
1007
- readonly 'background-danger-prominent-hover'?: any;
1008
- readonly 'background-danger-prominent-active'?: any;
1009
- readonly 'background-danger'?: any;
1010
- readonly 'background-danger-hover'?: any;
1011
1032
  readonly 'background-success'?: any;
1012
- readonly 'background-warning-subtle'?: any;
1013
1033
  readonly 'background-warning-prominent'?: any;
1014
- readonly 'text-neutrals-inverted'?: any;
1034
+ readonly 'background-warning-subtle'?: any;
1035
+ readonly 'text-danger'?: any;
1036
+ readonly 'text-danger-active'?: any;
1037
+ readonly 'text-danger-hover'?: any;
1038
+ readonly 'text-danger-inverted'?: any;
1015
1039
  readonly 'text-neutrals'?: any;
1016
- readonly 'text-neutrals-subtle'?: any;
1017
- readonly 'text-neutrals-placeholder-only'?: any;
1018
- readonly 'text-neutrals-placeholder'?: any;
1019
1040
  readonly 'text-neutrals-disabled'?: any;
1020
- readonly 'text-primary-inverted'?: any;
1041
+ readonly 'text-neutrals-inverted'?: any;
1042
+ readonly 'text-neutrals-link'?: any;
1043
+ readonly 'text-neutrals-link-active'?: any;
1044
+ readonly 'text-neutrals-link-hover'?: any;
1045
+ readonly 'text-neutrals-placeholder'?: any;
1046
+ readonly 'text-neutrals-placeholder-only'?: any;
1047
+ readonly 'text-neutrals-subtle'?: any;
1021
1048
  readonly 'text-primary'?: any;
1022
- readonly 'text-primary-hover'?: any;
1023
1049
  readonly 'text-primary-active'?: any;
1024
- readonly 'text-primary-selected'?: any;
1050
+ readonly 'text-primary-hover'?: any;
1051
+ readonly 'text-primary-inverted'?: any;
1025
1052
  readonly 'text-primary-inverted-subtle'?: any;
1026
- readonly 'text-danger-inverted'?: any;
1027
- readonly 'text-danger'?: any;
1028
- readonly 'text-danger-hover'?: any;
1029
- readonly 'text-danger-active'?: any;
1053
+ readonly 'text-primary-selected'?: any;
1030
1054
  readonly 'text-success'?: any;
1031
1055
  readonly 'text-warning'?: any;
1032
- readonly 'icon-neutrals-inverted'?: any;
1056
+ readonly 'icon-danger'?: any;
1057
+ readonly 'icon-danger-active'?: any;
1058
+ readonly 'icon-danger-hover'?: any;
1059
+ readonly 'icon-danger-inverted'?: any;
1033
1060
  readonly 'icon-neutrals'?: any;
1034
- readonly 'icon-neutrals-with-text'?: any;
1035
- readonly 'icon-neutrals-subtle'?: any;
1036
1061
  readonly 'icon-neutrals-disabled'?: any;
1037
- readonly 'icon-neutrals-search'?: any;
1038
1062
  readonly 'icon-neutrals-inactive'?: any;
1039
1063
  readonly 'icon-neutrals-inactive-hover'?: any;
1040
- readonly 'icon-primary-inverted'?: any;
1064
+ readonly 'icon-neutrals-inverted'?: any;
1065
+ readonly 'icon-neutrals-search'?: any;
1066
+ readonly 'icon-neutrals-subtle'?: any;
1067
+ readonly 'icon-neutrals-with-text'?: any;
1041
1068
  readonly 'icon-primary'?: any;
1042
- readonly 'icon-primary-hover'?: any;
1043
1069
  readonly 'icon-primary-active'?: any;
1070
+ readonly 'icon-primary-hover'?: any;
1071
+ readonly 'icon-primary-inverted'?: any;
1044
1072
  readonly 'icon-primary-selected'?: any;
1045
- readonly 'icon-danger-inverted'?: any;
1046
- readonly 'icon-danger'?: any;
1047
- readonly 'icon-danger-hover'?: any;
1048
- readonly 'icon-danger-active'?: any;
1049
- readonly 'icon-success-inverted'?: any;
1050
1073
  readonly 'icon-success'?: any;
1074
+ readonly 'icon-success-inverted'?: any;
1051
1075
  readonly 'icon-warning'?: any;
1052
- readonly 'border-focus-outer'?: any;
1053
- readonly 'border-focus-middle'?: any;
1076
+ readonly 'border-danger'?: any;
1054
1077
  readonly 'border-focus-inner'?: any;
1078
+ readonly 'border-focus-middle'?: any;
1079
+ readonly 'border-focus-outer'?: any;
1055
1080
  readonly 'border-neutrals'?: any;
1056
- readonly 'border-neutrals-hover'?: any;
1057
1081
  readonly 'border-neutrals-active'?: any;
1058
- readonly 'border-neutrals-disabled'?: any;
1059
1082
  readonly 'border-neutrals-controls'?: any;
1060
1083
  readonly 'border-neutrals-controls-disabled'?: any;
1061
- readonly 'border-neutrals-subtle'?: any;
1084
+ readonly 'border-neutrals-disabled'?: any;
1085
+ readonly 'border-neutrals-hover'?: any;
1062
1086
  readonly 'border-neutrals-inverted'?: any;
1087
+ readonly 'border-neutrals-subtle'?: any;
1063
1088
  readonly 'border-primary'?: any;
1064
- readonly 'border-primary-hover'?: any;
1065
1089
  readonly 'border-primary-active'?: any;
1090
+ readonly 'border-primary-hover'?: any;
1066
1091
  readonly 'border-primary-inverted'?: any;
1067
- readonly 'border-danger'?: any;
1068
1092
  readonly 'border-success'?: any;
1069
1093
  readonly 'border-warning'?: any;
1070
1094
  };
@@ -1158,6 +1182,11 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
1158
1182
  readonly 'stacking-500': any;
1159
1183
  readonly 'stacking-800': any;
1160
1184
  };
1185
+ 'stroke-width': {
1186
+ readonly thin: "1.5px";
1187
+ readonly normal: "2px";
1188
+ readonly bold: "4px";
1189
+ };
1161
1190
  'z-indices': {
1162
1191
  readonly dropdownMenu: 100;
1163
1192
  readonly popover: 200;
@@ -1286,6 +1315,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
1286
1315
  readonly scrollPaddingRight: "space-inset";
1287
1316
  readonly scrollPaddingTop: "space-inset";
1288
1317
  readonly stroke: "colors";
1318
+ readonly strokeWidth: "stroke-width";
1289
1319
  readonly textDecorationColor: "colors";
1290
1320
  readonly textShadow: "shadows";
1291
1321
  readonly top: "space";
@@ -1420,89 +1450,93 @@ declare const StyledLink: react.ForwardRefExoticComponent<Pick<Omit<{}, never> &
1420
1450
  readonly black: any;
1421
1451
  readonly white: any;
1422
1452
  readonly transparent: any;
1453
+ readonly 'background-danger'?: any;
1454
+ readonly 'background-danger-hover'?: any;
1455
+ readonly 'background-danger-prominent'?: any;
1456
+ readonly 'background-danger-prominent-active'?: any;
1457
+ readonly 'background-danger-prominent-hover'?: any;
1423
1458
  readonly 'background-neutrals'?: any;
1424
1459
  readonly 'background-neutrals-body'?: any;
1425
1460
  readonly 'background-neutrals-container'?: any;
1461
+ readonly 'background-neutrals-controls-disabled'?: any;
1462
+ readonly 'background-neutrals-disabled'?: any;
1463
+ readonly 'background-neutrals-inactive'?: any;
1464
+ readonly 'background-neutrals-inactive-hover'?: any;
1426
1465
  readonly 'background-neutrals-inverted'?: any;
1427
1466
  readonly 'background-neutrals-inverted-subtle'?: any;
1467
+ readonly 'background-neutrals-scrolls'?: any;
1468
+ readonly 'background-neutrals-scrolls-hover'?: any;
1428
1469
  readonly 'background-neutrals-subtle'?: any;
1429
- readonly 'background-neutrals-subtle-hover'?: any;
1430
1470
  readonly 'background-neutrals-subtle-active'?: any;
1431
- readonly 'background-neutrals-disabled'?: any;
1432
- readonly 'background-neutrals-controls-disabled'?: any;
1433
- readonly 'background-neutrals-scrolls'?: any;
1434
- readonly 'background-neutrals-inactive'?: any;
1435
- readonly 'background-neutrals-inactive-hover'?: any;
1471
+ readonly 'background-neutrals-subtle-hover'?: any;
1436
1472
  readonly 'background-primary-prominent'?: any;
1437
- readonly 'background-primary-prominent-hover'?: any;
1438
1473
  readonly 'background-primary-prominent-active'?: any;
1474
+ readonly 'background-primary-prominent-hover'?: any;
1439
1475
  readonly 'background-primary-prominent-selected'?: any;
1440
1476
  readonly 'background-primary-subtle'?: any;
1441
- readonly 'background-primary-subtle-hover'?: any;
1442
1477
  readonly 'background-primary-subtle-active'?: any;
1478
+ readonly 'background-primary-subtle-hover'?: any;
1443
1479
  readonly 'background-primary-subtle-selected'?: any;
1444
- readonly 'background-danger-prominent'?: any;
1445
- readonly 'background-danger-prominent-hover'?: any;
1446
- readonly 'background-danger-prominent-active'?: any;
1447
- readonly 'background-danger'?: any;
1448
- readonly 'background-danger-hover'?: any;
1449
1480
  readonly 'background-success'?: any;
1450
- readonly 'background-warning-subtle'?: any;
1451
1481
  readonly 'background-warning-prominent'?: any;
1452
- readonly 'text-neutrals-inverted'?: any;
1482
+ readonly 'background-warning-subtle'?: any;
1483
+ readonly 'text-danger'?: any;
1484
+ readonly 'text-danger-active'?: any;
1485
+ readonly 'text-danger-hover'?: any;
1486
+ readonly 'text-danger-inverted'?: any;
1453
1487
  readonly 'text-neutrals'?: any;
1454
- readonly 'text-neutrals-subtle'?: any;
1455
- readonly 'text-neutrals-placeholder-only'?: any;
1456
- readonly 'text-neutrals-placeholder'?: any;
1457
1488
  readonly 'text-neutrals-disabled'?: any;
1458
- readonly 'text-primary-inverted'?: any;
1489
+ readonly 'text-neutrals-inverted'?: any;
1490
+ readonly 'text-neutrals-link'?: any;
1491
+ readonly 'text-neutrals-link-active'?: any;
1492
+ readonly 'text-neutrals-link-hover'?: any;
1493
+ readonly 'text-neutrals-placeholder'?: any;
1494
+ readonly 'text-neutrals-placeholder-only'?: any;
1495
+ readonly 'text-neutrals-subtle'?: any;
1459
1496
  readonly 'text-primary'?: any;
1460
- readonly 'text-primary-hover'?: any;
1461
1497
  readonly 'text-primary-active'?: any;
1462
- readonly 'text-primary-selected'?: any;
1498
+ readonly 'text-primary-hover'?: any;
1499
+ readonly 'text-primary-inverted'?: any;
1463
1500
  readonly 'text-primary-inverted-subtle'?: any;
1464
- readonly 'text-danger-inverted'?: any;
1465
- readonly 'text-danger'?: any;
1466
- readonly 'text-danger-hover'?: any;
1467
- readonly 'text-danger-active'?: any;
1501
+ readonly 'text-primary-selected'?: any;
1468
1502
  readonly 'text-success'?: any;
1469
1503
  readonly 'text-warning'?: any;
1470
- readonly 'icon-neutrals-inverted'?: any;
1504
+ readonly 'icon-danger'?: any;
1505
+ readonly 'icon-danger-active'?: any;
1506
+ readonly 'icon-danger-hover'?: any;
1507
+ readonly 'icon-danger-inverted'?: any;
1471
1508
  readonly 'icon-neutrals'?: any;
1472
- readonly 'icon-neutrals-with-text'?: any;
1473
- readonly 'icon-neutrals-subtle'?: any;
1474
1509
  readonly 'icon-neutrals-disabled'?: any;
1475
- readonly 'icon-neutrals-search'?: any;
1476
1510
  readonly 'icon-neutrals-inactive'?: any;
1477
1511
  readonly 'icon-neutrals-inactive-hover'?: any;
1478
- readonly 'icon-primary-inverted'?: any;
1512
+ readonly 'icon-neutrals-inverted'?: any;
1513
+ readonly 'icon-neutrals-search'?: any;
1514
+ readonly 'icon-neutrals-subtle'?: any;
1515
+ readonly 'icon-neutrals-with-text'?: any;
1479
1516
  readonly 'icon-primary'?: any;
1480
- readonly 'icon-primary-hover'?: any;
1481
1517
  readonly 'icon-primary-active'?: any;
1518
+ readonly 'icon-primary-hover'?: any;
1519
+ readonly 'icon-primary-inverted'?: any;
1482
1520
  readonly 'icon-primary-selected'?: any;
1483
- readonly 'icon-danger-inverted'?: any;
1484
- readonly 'icon-danger'?: any;
1485
- readonly 'icon-danger-hover'?: any;
1486
- readonly 'icon-danger-active'?: any;
1487
- readonly 'icon-success-inverted'?: any;
1488
1521
  readonly 'icon-success'?: any;
1522
+ readonly 'icon-success-inverted'?: any;
1489
1523
  readonly 'icon-warning'?: any;
1490
- readonly 'border-focus-outer'?: any;
1491
- readonly 'border-focus-middle'?: any;
1524
+ readonly 'border-danger'?: any;
1492
1525
  readonly 'border-focus-inner'?: any;
1526
+ readonly 'border-focus-middle'?: any;
1527
+ readonly 'border-focus-outer'?: any;
1493
1528
  readonly 'border-neutrals'?: any;
1494
- readonly 'border-neutrals-hover'?: any;
1495
1529
  readonly 'border-neutrals-active'?: any;
1496
- readonly 'border-neutrals-disabled'?: any;
1497
1530
  readonly 'border-neutrals-controls'?: any;
1498
1531
  readonly 'border-neutrals-controls-disabled'?: any;
1499
- readonly 'border-neutrals-subtle'?: any;
1532
+ readonly 'border-neutrals-disabled'?: any;
1533
+ readonly 'border-neutrals-hover'?: any;
1500
1534
  readonly 'border-neutrals-inverted'?: any;
1535
+ readonly 'border-neutrals-subtle'?: any;
1501
1536
  readonly 'border-primary'?: any;
1502
- readonly 'border-primary-hover'?: any;
1503
1537
  readonly 'border-primary-active'?: any;
1538
+ readonly 'border-primary-hover'?: any;
1504
1539
  readonly 'border-primary-inverted'?: any;
1505
- readonly 'border-danger'?: any;
1506
1540
  readonly 'border-success'?: any;
1507
1541
  readonly 'border-warning'?: any;
1508
1542
  };
@@ -1596,6 +1630,11 @@ declare const StyledLink: react.ForwardRefExoticComponent<Pick<Omit<{}, never> &
1596
1630
  readonly 'stacking-500': any;
1597
1631
  readonly 'stacking-800': any;
1598
1632
  };
1633
+ 'stroke-width': {
1634
+ readonly thin: "1.5px";
1635
+ readonly normal: "2px";
1636
+ readonly bold: "4px";
1637
+ };
1599
1638
  'z-indices': {
1600
1639
  readonly dropdownMenu: 100;
1601
1640
  readonly popover: 200;
@@ -1724,6 +1763,7 @@ declare const StyledLink: react.ForwardRefExoticComponent<Pick<Omit<{}, never> &
1724
1763
  readonly scrollPaddingRight: "space-inset";
1725
1764
  readonly scrollPaddingTop: "space-inset";
1726
1765
  readonly stroke: "colors";
1766
+ readonly strokeWidth: "stroke-width";
1727
1767
  readonly textDecorationColor: "colors";
1728
1768
  readonly textShadow: "shadows";
1729
1769
  readonly top: "space";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-toolbar",
3
- "version": "2.1.7",
3
+ "version": "2.1.9",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -28,12 +28,12 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@radix-ui/react-toolbar": "^1.0.0",
31
- "@mirohq/design-system-stitches": "^2.2.4",
32
- "@mirohq/design-system-styles": "^1.0.20"
31
+ "@mirohq/design-system-stitches": "^2.3.0",
32
+ "@mirohq/design-system-styles": "^1.0.22"
33
33
  },
34
34
  "devDependencies": {
35
- "@mirohq/design-system-box": "^2.1.7",
36
- "@mirohq/design-system-button": "^3.0.6"
35
+ "@mirohq/design-system-box": "^2.1.9",
36
+ "@mirohq/design-system-button": "^3.0.8"
37
37
  },
38
38
  "scripts": {
39
39
  "build": "rollup -c ../../../rollup.config.js",