@mirohq/design-system-dropdown-menu 3.5.19 → 3.5.21

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 +42 -0
  2. package/package.json +6 -6
package/dist/types.d.ts CHANGED
@@ -238,6 +238,7 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
238
238
  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";
239
239
  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";
240
240
  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";
241
+ 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";
241
242
  };
242
243
  sizes: {
243
244
  readonly number: string;
@@ -342,6 +343,7 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
342
343
  readonly borderRightColor: "colors";
343
344
  readonly borderRightStyle: "border-styles";
344
345
  readonly borderRightWidth: "border-widths";
346
+ readonly borderSpacing: "space-offset";
345
347
  readonly borderStyle: "border-styles";
346
348
  readonly borderTop: "colors";
347
349
  readonly borderTopColor: "colors";
@@ -760,6 +762,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
760
762
  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";
761
763
  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";
762
764
  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";
765
+ 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";
763
766
  };
764
767
  sizes: {
765
768
  readonly number: string;
@@ -864,6 +867,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
864
867
  readonly borderRightColor: "colors";
865
868
  readonly borderRightStyle: "border-styles";
866
869
  readonly borderRightWidth: "border-widths";
870
+ readonly borderSpacing: "space-offset";
867
871
  readonly borderStyle: "border-styles";
868
872
  readonly borderTop: "colors";
869
873
  readonly borderTopColor: "colors";
@@ -1389,6 +1393,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
1389
1393
  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";
1390
1394
  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";
1391
1395
  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";
1396
+ 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";
1392
1397
  };
1393
1398
  sizes: {
1394
1399
  readonly number: string;
@@ -1493,6 +1498,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
1493
1498
  readonly borderRightColor: "colors";
1494
1499
  readonly borderRightStyle: "border-styles";
1495
1500
  readonly borderRightWidth: "border-widths";
1501
+ readonly borderSpacing: "space-offset";
1496
1502
  readonly borderStyle: "border-styles";
1497
1503
  readonly borderTop: "colors";
1498
1504
  readonly borderTopColor: "colors";
@@ -1901,6 +1907,7 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
1901
1907
  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";
1902
1908
  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";
1903
1909
  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";
1910
+ 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";
1904
1911
  };
1905
1912
  sizes: {
1906
1913
  readonly number: string;
@@ -2005,6 +2012,7 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
2005
2012
  readonly borderRightColor: "colors";
2006
2013
  readonly borderRightStyle: "border-styles";
2007
2014
  readonly borderRightWidth: "border-widths";
2015
+ readonly borderSpacing: "space-offset";
2008
2016
  readonly borderStyle: "border-styles";
2009
2017
  readonly borderTop: "colors";
2010
2018
  readonly borderTopColor: "colors";
@@ -2402,6 +2410,7 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2402
2410
  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";
2403
2411
  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";
2404
2412
  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";
2413
+ 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";
2405
2414
  };
2406
2415
  sizes: {
2407
2416
  readonly number: string;
@@ -2506,6 +2515,7 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2506
2515
  readonly borderRightColor: "colors";
2507
2516
  readonly borderRightStyle: "border-styles";
2508
2517
  readonly borderRightWidth: "border-widths";
2518
+ readonly borderSpacing: "space-offset";
2509
2519
  readonly borderStyle: "border-styles";
2510
2520
  readonly borderTop: "colors";
2511
2521
  readonly borderTopColor: "colors";
@@ -2916,6 +2926,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
2916
2926
  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";
2917
2927
  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";
2918
2928
  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";
2929
+ 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";
2919
2930
  };
2920
2931
  sizes: {
2921
2932
  readonly number: string;
@@ -3020,6 +3031,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
3020
3031
  readonly borderRightColor: "colors";
3021
3032
  readonly borderRightStyle: "border-styles";
3022
3033
  readonly borderRightWidth: "border-widths";
3034
+ readonly borderSpacing: "space-offset";
3023
3035
  readonly borderStyle: "border-styles";
3024
3036
  readonly borderTop: "colors";
3025
3037
  readonly borderTopColor: "colors";
@@ -3409,6 +3421,7 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
3409
3421
  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";
3410
3422
  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";
3411
3423
  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";
3424
+ 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";
3412
3425
  };
3413
3426
  sizes: {
3414
3427
  readonly number: string;
@@ -3513,6 +3526,7 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
3513
3526
  readonly borderRightColor: "colors";
3514
3527
  readonly borderRightStyle: "border-styles";
3515
3528
  readonly borderRightWidth: "border-widths";
3529
+ readonly borderSpacing: "space-offset";
3516
3530
  readonly borderStyle: "border-styles";
3517
3531
  readonly borderTop: "colors";
3518
3532
  readonly borderTopColor: "colors";
@@ -3931,6 +3945,7 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
3931
3945
  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";
3932
3946
  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";
3933
3947
  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";
3948
+ 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";
3934
3949
  };
3935
3950
  sizes: {
3936
3951
  readonly number: string;
@@ -4035,6 +4050,7 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
4035
4050
  readonly borderRightColor: "colors";
4036
4051
  readonly borderRightStyle: "border-styles";
4037
4052
  readonly borderRightWidth: "border-widths";
4053
+ readonly borderSpacing: "space-offset";
4038
4054
  readonly borderStyle: "border-styles";
4039
4055
  readonly borderTop: "colors";
4040
4056
  readonly borderTopColor: "colors";
@@ -4426,6 +4442,7 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4426
4442
  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";
4427
4443
  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";
4428
4444
  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";
4445
+ 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";
4429
4446
  };
4430
4447
  sizes: {
4431
4448
  readonly number: string;
@@ -4530,6 +4547,7 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4530
4547
  readonly borderRightColor: "colors";
4531
4548
  readonly borderRightStyle: "border-styles";
4532
4549
  readonly borderRightWidth: "border-widths";
4550
+ readonly borderSpacing: "space-offset";
4533
4551
  readonly borderStyle: "border-styles";
4534
4552
  readonly borderTop: "colors";
4535
4553
  readonly borderTopColor: "colors";
@@ -4929,6 +4947,7 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
4929
4947
  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";
4930
4948
  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";
4931
4949
  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";
4950
+ 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";
4932
4951
  };
4933
4952
  sizes: {
4934
4953
  readonly number: string;
@@ -5033,6 +5052,7 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
5033
5052
  readonly borderRightColor: "colors";
5034
5053
  readonly borderRightStyle: "border-styles";
5035
5054
  readonly borderRightWidth: "border-widths";
5055
+ readonly borderSpacing: "space-offset";
5036
5056
  readonly borderStyle: "border-styles";
5037
5057
  readonly borderTop: "colors";
5038
5058
  readonly borderTopColor: "colors";
@@ -5509,6 +5529,7 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
5509
5529
  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";
5510
5530
  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";
5511
5531
  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";
5532
+ 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";
5512
5533
  };
5513
5534
  sizes: {
5514
5535
  readonly number: string;
@@ -5613,6 +5634,7 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
5613
5634
  readonly borderRightColor: "colors";
5614
5635
  readonly borderRightStyle: "border-styles";
5615
5636
  readonly borderRightWidth: "border-widths";
5637
+ readonly borderSpacing: "space-offset";
5616
5638
  readonly borderStyle: "border-styles";
5617
5639
  readonly borderTop: "colors";
5618
5640
  readonly borderTopColor: "colors";
@@ -6038,6 +6060,7 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
6038
6060
  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";
6039
6061
  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";
6040
6062
  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";
6063
+ 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";
6041
6064
  };
6042
6065
  sizes: {
6043
6066
  readonly number: string;
@@ -6142,6 +6165,7 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
6142
6165
  readonly borderRightColor: "colors";
6143
6166
  readonly borderRightStyle: "border-styles";
6144
6167
  readonly borderRightWidth: "border-widths";
6168
+ readonly borderSpacing: "space-offset";
6145
6169
  readonly borderStyle: "border-styles";
6146
6170
  readonly borderTop: "colors";
6147
6171
  readonly borderTopColor: "colors";
@@ -6530,6 +6554,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6530
6554
  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";
6531
6555
  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";
6532
6556
  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";
6557
+ 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";
6533
6558
  };
6534
6559
  sizes: {
6535
6560
  readonly number: string;
@@ -6634,6 +6659,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
6634
6659
  readonly borderRightColor: "colors";
6635
6660
  readonly borderRightStyle: "border-styles";
6636
6661
  readonly borderRightWidth: "border-widths";
6662
+ readonly borderSpacing: "space-offset";
6637
6663
  readonly borderStyle: "border-styles";
6638
6664
  readonly borderTop: "colors";
6639
6665
  readonly borderTopColor: "colors";
@@ -7016,6 +7042,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
7016
7042
  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";
7017
7043
  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";
7018
7044
  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";
7045
+ 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";
7019
7046
  };
7020
7047
  sizes: {
7021
7048
  readonly number: string;
@@ -7120,6 +7147,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
7120
7147
  readonly borderRightColor: "colors";
7121
7148
  readonly borderRightStyle: "border-styles";
7122
7149
  readonly borderRightWidth: "border-widths";
7150
+ readonly borderSpacing: "space-offset";
7123
7151
  readonly borderStyle: "border-styles";
7124
7152
  readonly borderTop: "colors";
7125
7153
  readonly borderTopColor: "colors";
@@ -7506,6 +7534,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
7506
7534
  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";
7507
7535
  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";
7508
7536
  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";
7537
+ 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";
7509
7538
  };
7510
7539
  sizes: {
7511
7540
  readonly number: string;
@@ -7610,6 +7639,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
7610
7639
  readonly borderRightColor: "colors";
7611
7640
  readonly borderRightStyle: "border-styles";
7612
7641
  readonly borderRightWidth: "border-widths";
7642
+ readonly borderSpacing: "space-offset";
7613
7643
  readonly borderStyle: "border-styles";
7614
7644
  readonly borderTop: "colors";
7615
7645
  readonly borderTopColor: "colors";
@@ -8002,6 +8032,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8002
8032
  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";
8003
8033
  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";
8004
8034
  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";
8035
+ 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";
8005
8036
  };
8006
8037
  sizes: {
8007
8038
  readonly number: string;
@@ -8106,6 +8137,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8106
8137
  readonly borderRightColor: "colors";
8107
8138
  readonly borderRightStyle: "border-styles";
8108
8139
  readonly borderRightWidth: "border-widths";
8140
+ readonly borderSpacing: "space-offset";
8109
8141
  readonly borderStyle: "border-styles";
8110
8142
  readonly borderTop: "colors";
8111
8143
  readonly borderTopColor: "colors";
@@ -8488,6 +8520,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8488
8520
  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";
8489
8521
  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";
8490
8522
  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";
8523
+ 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";
8491
8524
  };
8492
8525
  sizes: {
8493
8526
  readonly number: string;
@@ -8592,6 +8625,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8592
8625
  readonly borderRightColor: "colors";
8593
8626
  readonly borderRightStyle: "border-styles";
8594
8627
  readonly borderRightWidth: "border-widths";
8628
+ readonly borderSpacing: "space-offset";
8595
8629
  readonly borderStyle: "border-styles";
8596
8630
  readonly borderTop: "colors";
8597
8631
  readonly borderTopColor: "colors";
@@ -8978,6 +9012,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
8978
9012
  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";
8979
9013
  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";
8980
9014
  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";
9015
+ 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";
8981
9016
  };
8982
9017
  sizes: {
8983
9018
  readonly number: string;
@@ -9082,6 +9117,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
9082
9117
  readonly borderRightColor: "colors";
9083
9118
  readonly borderRightStyle: "border-styles";
9084
9119
  readonly borderRightWidth: "border-widths";
9120
+ readonly borderSpacing: "space-offset";
9085
9121
  readonly borderStyle: "border-styles";
9086
9122
  readonly borderTop: "colors";
9087
9123
  readonly borderTopColor: "colors";
@@ -9470,6 +9506,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9470
9506
  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";
9471
9507
  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";
9472
9508
  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";
9509
+ 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";
9473
9510
  };
9474
9511
  sizes: {
9475
9512
  readonly number: string;
@@ -9574,6 +9611,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9574
9611
  readonly borderRightColor: "colors";
9575
9612
  readonly borderRightStyle: "border-styles";
9576
9613
  readonly borderRightWidth: "border-widths";
9614
+ readonly borderSpacing: "space-offset";
9577
9615
  readonly borderStyle: "border-styles";
9578
9616
  readonly borderTop: "colors";
9579
9617
  readonly borderTopColor: "colors";
@@ -9956,6 +9994,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9956
9994
  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";
9957
9995
  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";
9958
9996
  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";
9997
+ 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";
9959
9998
  };
9960
9999
  sizes: {
9961
10000
  readonly number: string;
@@ -10060,6 +10099,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10060
10099
  readonly borderRightColor: "colors";
10061
10100
  readonly borderRightStyle: "border-styles";
10062
10101
  readonly borderRightWidth: "border-widths";
10102
+ readonly borderSpacing: "space-offset";
10063
10103
  readonly borderStyle: "border-styles";
10064
10104
  readonly borderTop: "colors";
10065
10105
  readonly borderTopColor: "colors";
@@ -10446,6 +10486,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10446
10486
  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";
10447
10487
  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";
10448
10488
  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";
10489
+ 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";
10449
10490
  };
10450
10491
  sizes: {
10451
10492
  readonly number: string;
@@ -10550,6 +10591,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
10550
10591
  readonly borderRightColor: "colors";
10551
10592
  readonly borderRightStyle: "border-styles";
10552
10593
  readonly borderRightWidth: "border-widths";
10594
+ readonly borderSpacing: "space-offset";
10553
10595
  readonly borderStyle: "border-styles";
10554
10596
  readonly borderTop: "colors";
10555
10597
  readonly borderTopColor: "colors";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-dropdown-menu",
3
- "version": "3.5.19",
3
+ "version": "3.5.21",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -29,12 +29,12 @@
29
29
  "dependencies": {
30
30
  "@radix-ui/react-dropdown-menu": "^2.0.5",
31
31
  "@react-aria/utils": "^3.13.0",
32
- "@mirohq/design-system-base-icon": "^0.1.14",
33
- "@mirohq/design-system-base-switch": "^0.1.13",
32
+ "@mirohq/design-system-base-icon": "^0.1.16",
34
33
  "@mirohq/design-system-primitive": "^1.1.1",
35
- "@mirohq/design-system-scroll-area": "^0.1.15",
36
- "@mirohq/design-system-stitches": "^2.3.15",
37
- "@mirohq/design-system-styles": "^1.1.12",
34
+ "@mirohq/design-system-scroll-area": "^0.1.17",
35
+ "@mirohq/design-system-base-switch": "^0.1.15",
36
+ "@mirohq/design-system-stitches": "^2.4.0",
37
+ "@mirohq/design-system-styles": "^1.1.14",
38
38
  "@mirohq/design-system-types": "^0.6.2",
39
39
  "@mirohq/design-system-use-layout-effect": "^0.2.1",
40
40
  "@mirohq/design-system-utils": "^0.14.3"