@mirohq/design-system-dropdown-menu 3.5.12-link.0 → 3.5.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/types.d.ts +84 -42
- package/package.json +8 -8
package/dist/types.d.ts
CHANGED
|
@@ -223,6 +223,7 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
|
|
|
223
223
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
224
224
|
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";
|
|
225
225
|
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";
|
|
226
|
+
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";
|
|
226
227
|
};
|
|
227
228
|
sizes: {
|
|
228
229
|
readonly number: string;
|
|
@@ -292,8 +293,9 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
|
|
|
292
293
|
};
|
|
293
294
|
'z-indices': {
|
|
294
295
|
readonly dropdownMenu: 100;
|
|
295
|
-
readonly
|
|
296
|
-
readonly
|
|
296
|
+
readonly select: 200;
|
|
297
|
+
readonly popover: 300;
|
|
298
|
+
readonly tooltip: 400;
|
|
297
299
|
};
|
|
298
300
|
}, {
|
|
299
301
|
readonly background: "colors";
|
|
@@ -727,6 +729,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
727
729
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
728
730
|
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";
|
|
729
731
|
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";
|
|
732
|
+
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";
|
|
730
733
|
};
|
|
731
734
|
sizes: {
|
|
732
735
|
readonly number: string;
|
|
@@ -796,8 +799,9 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
796
799
|
};
|
|
797
800
|
'z-indices': {
|
|
798
801
|
readonly dropdownMenu: 100;
|
|
799
|
-
readonly
|
|
800
|
-
readonly
|
|
802
|
+
readonly select: 200;
|
|
803
|
+
readonly popover: 300;
|
|
804
|
+
readonly tooltip: 400;
|
|
801
805
|
};
|
|
802
806
|
}, {
|
|
803
807
|
readonly background: "colors";
|
|
@@ -1338,6 +1342,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1338
1342
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
1339
1343
|
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";
|
|
1340
1344
|
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";
|
|
1345
|
+
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";
|
|
1341
1346
|
};
|
|
1342
1347
|
sizes: {
|
|
1343
1348
|
readonly number: string;
|
|
@@ -1407,8 +1412,9 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1407
1412
|
};
|
|
1408
1413
|
'z-indices': {
|
|
1409
1414
|
readonly dropdownMenu: 100;
|
|
1410
|
-
readonly
|
|
1411
|
-
readonly
|
|
1415
|
+
readonly select: 200;
|
|
1416
|
+
readonly popover: 300;
|
|
1417
|
+
readonly tooltip: 400;
|
|
1412
1418
|
};
|
|
1413
1419
|
}, {
|
|
1414
1420
|
readonly background: "colors";
|
|
@@ -1832,6 +1838,7 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
1832
1838
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
1833
1839
|
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";
|
|
1834
1840
|
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";
|
|
1841
|
+
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";
|
|
1835
1842
|
};
|
|
1836
1843
|
sizes: {
|
|
1837
1844
|
readonly number: string;
|
|
@@ -1901,8 +1908,9 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
1901
1908
|
};
|
|
1902
1909
|
'z-indices': {
|
|
1903
1910
|
readonly dropdownMenu: 100;
|
|
1904
|
-
readonly
|
|
1905
|
-
readonly
|
|
1911
|
+
readonly select: 200;
|
|
1912
|
+
readonly popover: 300;
|
|
1913
|
+
readonly tooltip: 400;
|
|
1906
1914
|
};
|
|
1907
1915
|
}, {
|
|
1908
1916
|
readonly background: "colors";
|
|
@@ -2315,6 +2323,7 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
2315
2323
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
2316
2324
|
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";
|
|
2317
2325
|
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";
|
|
2326
|
+
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";
|
|
2318
2327
|
};
|
|
2319
2328
|
sizes: {
|
|
2320
2329
|
readonly number: string;
|
|
@@ -2384,8 +2393,9 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
2384
2393
|
};
|
|
2385
2394
|
'z-indices': {
|
|
2386
2395
|
readonly dropdownMenu: 100;
|
|
2387
|
-
readonly
|
|
2388
|
-
readonly
|
|
2396
|
+
readonly select: 200;
|
|
2397
|
+
readonly popover: 300;
|
|
2398
|
+
readonly tooltip: 400;
|
|
2389
2399
|
};
|
|
2390
2400
|
}, {
|
|
2391
2401
|
readonly background: "colors";
|
|
@@ -2811,6 +2821,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
2811
2821
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
2812
2822
|
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";
|
|
2813
2823
|
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";
|
|
2824
|
+
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";
|
|
2814
2825
|
};
|
|
2815
2826
|
sizes: {
|
|
2816
2827
|
readonly number: string;
|
|
@@ -2880,8 +2891,9 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
2880
2891
|
};
|
|
2881
2892
|
'z-indices': {
|
|
2882
2893
|
readonly dropdownMenu: 100;
|
|
2883
|
-
readonly
|
|
2884
|
-
readonly
|
|
2894
|
+
readonly select: 200;
|
|
2895
|
+
readonly popover: 300;
|
|
2896
|
+
readonly tooltip: 400;
|
|
2885
2897
|
};
|
|
2886
2898
|
}, {
|
|
2887
2899
|
readonly background: "colors";
|
|
@@ -3286,6 +3298,7 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
3286
3298
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
3287
3299
|
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";
|
|
3288
3300
|
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";
|
|
3301
|
+
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";
|
|
3289
3302
|
};
|
|
3290
3303
|
sizes: {
|
|
3291
3304
|
readonly number: string;
|
|
@@ -3355,8 +3368,9 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
3355
3368
|
};
|
|
3356
3369
|
'z-indices': {
|
|
3357
3370
|
readonly dropdownMenu: 100;
|
|
3358
|
-
readonly
|
|
3359
|
-
readonly
|
|
3371
|
+
readonly select: 200;
|
|
3372
|
+
readonly popover: 300;
|
|
3373
|
+
readonly tooltip: 400;
|
|
3360
3374
|
};
|
|
3361
3375
|
}, {
|
|
3362
3376
|
readonly background: "colors";
|
|
@@ -3790,6 +3804,7 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
3790
3804
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
3791
3805
|
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";
|
|
3792
3806
|
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";
|
|
3807
|
+
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";
|
|
3793
3808
|
};
|
|
3794
3809
|
sizes: {
|
|
3795
3810
|
readonly number: string;
|
|
@@ -3859,8 +3874,9 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
3859
3874
|
};
|
|
3860
3875
|
'z-indices': {
|
|
3861
3876
|
readonly dropdownMenu: 100;
|
|
3862
|
-
readonly
|
|
3863
|
-
readonly
|
|
3877
|
+
readonly select: 200;
|
|
3878
|
+
readonly popover: 300;
|
|
3879
|
+
readonly tooltip: 400;
|
|
3864
3880
|
};
|
|
3865
3881
|
}, {
|
|
3866
3882
|
readonly background: "colors";
|
|
@@ -4267,6 +4283,7 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
4267
4283
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
4268
4284
|
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";
|
|
4269
4285
|
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";
|
|
4286
|
+
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";
|
|
4270
4287
|
};
|
|
4271
4288
|
sizes: {
|
|
4272
4289
|
readonly number: string;
|
|
@@ -4336,8 +4353,9 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
4336
4353
|
};
|
|
4337
4354
|
'z-indices': {
|
|
4338
4355
|
readonly dropdownMenu: 100;
|
|
4339
|
-
readonly
|
|
4340
|
-
readonly
|
|
4356
|
+
readonly select: 200;
|
|
4357
|
+
readonly popover: 300;
|
|
4358
|
+
readonly tooltip: 400;
|
|
4341
4359
|
};
|
|
4342
4360
|
}, {
|
|
4343
4361
|
readonly background: "colors";
|
|
@@ -4752,6 +4770,7 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
4752
4770
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
4753
4771
|
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";
|
|
4754
4772
|
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";
|
|
4773
|
+
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";
|
|
4755
4774
|
};
|
|
4756
4775
|
sizes: {
|
|
4757
4776
|
readonly number: string;
|
|
@@ -4821,8 +4840,9 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
4821
4840
|
};
|
|
4822
4841
|
'z-indices': {
|
|
4823
4842
|
readonly dropdownMenu: 100;
|
|
4824
|
-
readonly
|
|
4825
|
-
readonly
|
|
4843
|
+
readonly select: 200;
|
|
4844
|
+
readonly popover: 300;
|
|
4845
|
+
readonly tooltip: 400;
|
|
4826
4846
|
};
|
|
4827
4847
|
}, {
|
|
4828
4848
|
readonly background: "colors";
|
|
@@ -5314,6 +5334,7 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
|
|
|
5314
5334
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
5315
5335
|
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";
|
|
5316
5336
|
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";
|
|
5337
|
+
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";
|
|
5317
5338
|
};
|
|
5318
5339
|
sizes: {
|
|
5319
5340
|
readonly number: string;
|
|
@@ -5383,8 +5404,9 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
|
|
|
5383
5404
|
};
|
|
5384
5405
|
'z-indices': {
|
|
5385
5406
|
readonly dropdownMenu: 100;
|
|
5386
|
-
readonly
|
|
5387
|
-
readonly
|
|
5407
|
+
readonly select: 200;
|
|
5408
|
+
readonly popover: 300;
|
|
5409
|
+
readonly tooltip: 400;
|
|
5388
5410
|
};
|
|
5389
5411
|
}, {
|
|
5390
5412
|
readonly background: "colors";
|
|
@@ -5825,6 +5847,7 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
5825
5847
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
5826
5848
|
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";
|
|
5827
5849
|
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";
|
|
5850
|
+
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";
|
|
5828
5851
|
};
|
|
5829
5852
|
sizes: {
|
|
5830
5853
|
readonly number: string;
|
|
@@ -5894,8 +5917,9 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
5894
5917
|
};
|
|
5895
5918
|
'z-indices': {
|
|
5896
5919
|
readonly dropdownMenu: 100;
|
|
5897
|
-
readonly
|
|
5898
|
-
readonly
|
|
5920
|
+
readonly select: 200;
|
|
5921
|
+
readonly popover: 300;
|
|
5922
|
+
readonly tooltip: 400;
|
|
5899
5923
|
};
|
|
5900
5924
|
}, {
|
|
5901
5925
|
readonly background: "colors";
|
|
@@ -6299,6 +6323,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
6299
6323
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
6300
6324
|
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";
|
|
6301
6325
|
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";
|
|
6326
|
+
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";
|
|
6302
6327
|
};
|
|
6303
6328
|
sizes: {
|
|
6304
6329
|
readonly number: string;
|
|
@@ -6368,8 +6393,9 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
6368
6393
|
};
|
|
6369
6394
|
'z-indices': {
|
|
6370
6395
|
readonly dropdownMenu: 100;
|
|
6371
|
-
readonly
|
|
6372
|
-
readonly
|
|
6396
|
+
readonly select: 200;
|
|
6397
|
+
readonly popover: 300;
|
|
6398
|
+
readonly tooltip: 400;
|
|
6373
6399
|
};
|
|
6374
6400
|
}, {
|
|
6375
6401
|
readonly background: "colors";
|
|
@@ -6767,6 +6793,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
6767
6793
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
6768
6794
|
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";
|
|
6769
6795
|
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";
|
|
6796
|
+
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";
|
|
6770
6797
|
};
|
|
6771
6798
|
sizes: {
|
|
6772
6799
|
readonly number: string;
|
|
@@ -6836,8 +6863,9 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
6836
6863
|
};
|
|
6837
6864
|
'z-indices': {
|
|
6838
6865
|
readonly dropdownMenu: 100;
|
|
6839
|
-
readonly
|
|
6840
|
-
readonly
|
|
6866
|
+
readonly select: 200;
|
|
6867
|
+
readonly popover: 300;
|
|
6868
|
+
readonly tooltip: 400;
|
|
6841
6869
|
};
|
|
6842
6870
|
}, {
|
|
6843
6871
|
readonly background: "colors";
|
|
@@ -7239,6 +7267,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
7239
7267
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
7240
7268
|
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";
|
|
7241
7269
|
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";
|
|
7270
|
+
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";
|
|
7242
7271
|
};
|
|
7243
7272
|
sizes: {
|
|
7244
7273
|
readonly number: string;
|
|
@@ -7308,8 +7337,9 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
7308
7337
|
};
|
|
7309
7338
|
'z-indices': {
|
|
7310
7339
|
readonly dropdownMenu: 100;
|
|
7311
|
-
readonly
|
|
7312
|
-
readonly
|
|
7340
|
+
readonly select: 200;
|
|
7341
|
+
readonly popover: 300;
|
|
7342
|
+
readonly tooltip: 400;
|
|
7313
7343
|
};
|
|
7314
7344
|
}, {
|
|
7315
7345
|
readonly background: "colors";
|
|
@@ -7717,6 +7747,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
7717
7747
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
7718
7748
|
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";
|
|
7719
7749
|
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";
|
|
7750
|
+
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";
|
|
7720
7751
|
};
|
|
7721
7752
|
sizes: {
|
|
7722
7753
|
readonly number: string;
|
|
@@ -7786,8 +7817,9 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
7786
7817
|
};
|
|
7787
7818
|
'z-indices': {
|
|
7788
7819
|
readonly dropdownMenu: 100;
|
|
7789
|
-
readonly
|
|
7790
|
-
readonly
|
|
7820
|
+
readonly select: 200;
|
|
7821
|
+
readonly popover: 300;
|
|
7822
|
+
readonly tooltip: 400;
|
|
7791
7823
|
};
|
|
7792
7824
|
}, {
|
|
7793
7825
|
readonly background: "colors";
|
|
@@ -8185,6 +8217,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
8185
8217
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
8186
8218
|
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";
|
|
8187
8219
|
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";
|
|
8220
|
+
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";
|
|
8188
8221
|
};
|
|
8189
8222
|
sizes: {
|
|
8190
8223
|
readonly number: string;
|
|
@@ -8254,8 +8287,9 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
8254
8287
|
};
|
|
8255
8288
|
'z-indices': {
|
|
8256
8289
|
readonly dropdownMenu: 100;
|
|
8257
|
-
readonly
|
|
8258
|
-
readonly
|
|
8290
|
+
readonly select: 200;
|
|
8291
|
+
readonly popover: 300;
|
|
8292
|
+
readonly tooltip: 400;
|
|
8259
8293
|
};
|
|
8260
8294
|
}, {
|
|
8261
8295
|
readonly background: "colors";
|
|
@@ -8657,6 +8691,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
8657
8691
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
8658
8692
|
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";
|
|
8659
8693
|
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";
|
|
8694
|
+
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";
|
|
8660
8695
|
};
|
|
8661
8696
|
sizes: {
|
|
8662
8697
|
readonly number: string;
|
|
@@ -8726,8 +8761,9 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
8726
8761
|
};
|
|
8727
8762
|
'z-indices': {
|
|
8728
8763
|
readonly dropdownMenu: 100;
|
|
8729
|
-
readonly
|
|
8730
|
-
readonly
|
|
8764
|
+
readonly select: 200;
|
|
8765
|
+
readonly popover: 300;
|
|
8766
|
+
readonly tooltip: 400;
|
|
8731
8767
|
};
|
|
8732
8768
|
}, {
|
|
8733
8769
|
readonly background: "colors";
|
|
@@ -9131,6 +9167,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
9131
9167
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
9132
9168
|
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";
|
|
9133
9169
|
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";
|
|
9170
|
+
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";
|
|
9134
9171
|
};
|
|
9135
9172
|
sizes: {
|
|
9136
9173
|
readonly number: string;
|
|
@@ -9200,8 +9237,9 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
9200
9237
|
};
|
|
9201
9238
|
'z-indices': {
|
|
9202
9239
|
readonly dropdownMenu: 100;
|
|
9203
|
-
readonly
|
|
9204
|
-
readonly
|
|
9240
|
+
readonly select: 200;
|
|
9241
|
+
readonly popover: 300;
|
|
9242
|
+
readonly tooltip: 400;
|
|
9205
9243
|
};
|
|
9206
9244
|
}, {
|
|
9207
9245
|
readonly background: "colors";
|
|
@@ -9599,6 +9637,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
9599
9637
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
9600
9638
|
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";
|
|
9601
9639
|
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";
|
|
9640
|
+
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";
|
|
9602
9641
|
};
|
|
9603
9642
|
sizes: {
|
|
9604
9643
|
readonly number: string;
|
|
@@ -9668,8 +9707,9 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
9668
9707
|
};
|
|
9669
9708
|
'z-indices': {
|
|
9670
9709
|
readonly dropdownMenu: 100;
|
|
9671
|
-
readonly
|
|
9672
|
-
readonly
|
|
9710
|
+
readonly select: 200;
|
|
9711
|
+
readonly popover: 300;
|
|
9712
|
+
readonly tooltip: 400;
|
|
9673
9713
|
};
|
|
9674
9714
|
}, {
|
|
9675
9715
|
readonly background: "colors";
|
|
@@ -10071,6 +10111,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
10071
10111
|
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
10072
10112
|
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";
|
|
10073
10113
|
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";
|
|
10114
|
+
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";
|
|
10074
10115
|
};
|
|
10075
10116
|
sizes: {
|
|
10076
10117
|
readonly number: string;
|
|
@@ -10140,8 +10181,9 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
10140
10181
|
};
|
|
10141
10182
|
'z-indices': {
|
|
10142
10183
|
readonly dropdownMenu: 100;
|
|
10143
|
-
readonly
|
|
10144
|
-
readonly
|
|
10184
|
+
readonly select: 200;
|
|
10185
|
+
readonly popover: 300;
|
|
10186
|
+
readonly tooltip: 400;
|
|
10145
10187
|
};
|
|
10146
10188
|
}, {
|
|
10147
10189
|
readonly background: "colors";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-dropdown-menu",
|
|
3
|
-
"version": "3.5.12
|
|
3
|
+
"version": "3.5.12",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -29,15 +29,15 @@
|
|
|
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.
|
|
33
|
-
"@mirohq/design-system-stitches": "^2.3.
|
|
34
|
-
"@mirohq/design-system-
|
|
35
|
-
"@mirohq/design-system-primitive": "^1.1.1",
|
|
36
|
-
"@mirohq/design-system-scroll-area": "^0.1.9",
|
|
37
|
-
"@mirohq/design-system-styles": "^1.1.7-link.0",
|
|
32
|
+
"@mirohq/design-system-base-icon": "^0.1.10",
|
|
33
|
+
"@mirohq/design-system-stitches": "^2.3.11",
|
|
34
|
+
"@mirohq/design-system-styles": "^1.1.7",
|
|
38
35
|
"@mirohq/design-system-types": "^0.6.2",
|
|
39
36
|
"@mirohq/design-system-use-layout-effect": "^0.2.1",
|
|
40
|
-
"@mirohq/design-system-utils": "^0.14.3"
|
|
37
|
+
"@mirohq/design-system-utils": "^0.14.3",
|
|
38
|
+
"@mirohq/design-system-scroll-area": "^0.1.10",
|
|
39
|
+
"@mirohq/design-system-primitive": "^1.1.1",
|
|
40
|
+
"@mirohq/design-system-base-switch": "^0.1.9"
|
|
41
41
|
},
|
|
42
42
|
"scripts": {
|
|
43
43
|
"build": "rollup -c ../../../rollup.config.js",
|