@mirohq/design-system-dropdown-menu 3.5.12-link.0 → 3.5.12-select.0
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 +42 -0
- package/package.json +6 -6
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,6 +293,7 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
|
|
|
292
293
|
};
|
|
293
294
|
'z-indices': {
|
|
294
295
|
readonly dropdownMenu: 100;
|
|
296
|
+
readonly select: 100;
|
|
295
297
|
readonly popover: 200;
|
|
296
298
|
readonly tooltip: 300;
|
|
297
299
|
};
|
|
@@ -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,6 +799,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
796
799
|
};
|
|
797
800
|
'z-indices': {
|
|
798
801
|
readonly dropdownMenu: 100;
|
|
802
|
+
readonly select: 100;
|
|
799
803
|
readonly popover: 200;
|
|
800
804
|
readonly tooltip: 300;
|
|
801
805
|
};
|
|
@@ -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,6 +1412,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1407
1412
|
};
|
|
1408
1413
|
'z-indices': {
|
|
1409
1414
|
readonly dropdownMenu: 100;
|
|
1415
|
+
readonly select: 100;
|
|
1410
1416
|
readonly popover: 200;
|
|
1411
1417
|
readonly tooltip: 300;
|
|
1412
1418
|
};
|
|
@@ -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,6 +1908,7 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
1901
1908
|
};
|
|
1902
1909
|
'z-indices': {
|
|
1903
1910
|
readonly dropdownMenu: 100;
|
|
1911
|
+
readonly select: 100;
|
|
1904
1912
|
readonly popover: 200;
|
|
1905
1913
|
readonly tooltip: 300;
|
|
1906
1914
|
};
|
|
@@ -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,6 +2393,7 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
2384
2393
|
};
|
|
2385
2394
|
'z-indices': {
|
|
2386
2395
|
readonly dropdownMenu: 100;
|
|
2396
|
+
readonly select: 100;
|
|
2387
2397
|
readonly popover: 200;
|
|
2388
2398
|
readonly tooltip: 300;
|
|
2389
2399
|
};
|
|
@@ -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,6 +2891,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
2880
2891
|
};
|
|
2881
2892
|
'z-indices': {
|
|
2882
2893
|
readonly dropdownMenu: 100;
|
|
2894
|
+
readonly select: 100;
|
|
2883
2895
|
readonly popover: 200;
|
|
2884
2896
|
readonly tooltip: 300;
|
|
2885
2897
|
};
|
|
@@ -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,6 +3368,7 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
3355
3368
|
};
|
|
3356
3369
|
'z-indices': {
|
|
3357
3370
|
readonly dropdownMenu: 100;
|
|
3371
|
+
readonly select: 100;
|
|
3358
3372
|
readonly popover: 200;
|
|
3359
3373
|
readonly tooltip: 300;
|
|
3360
3374
|
};
|
|
@@ -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,6 +3874,7 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
3859
3874
|
};
|
|
3860
3875
|
'z-indices': {
|
|
3861
3876
|
readonly dropdownMenu: 100;
|
|
3877
|
+
readonly select: 100;
|
|
3862
3878
|
readonly popover: 200;
|
|
3863
3879
|
readonly tooltip: 300;
|
|
3864
3880
|
};
|
|
@@ -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,6 +4353,7 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
4336
4353
|
};
|
|
4337
4354
|
'z-indices': {
|
|
4338
4355
|
readonly dropdownMenu: 100;
|
|
4356
|
+
readonly select: 100;
|
|
4339
4357
|
readonly popover: 200;
|
|
4340
4358
|
readonly tooltip: 300;
|
|
4341
4359
|
};
|
|
@@ -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,6 +4840,7 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
4821
4840
|
};
|
|
4822
4841
|
'z-indices': {
|
|
4823
4842
|
readonly dropdownMenu: 100;
|
|
4843
|
+
readonly select: 100;
|
|
4824
4844
|
readonly popover: 200;
|
|
4825
4845
|
readonly tooltip: 300;
|
|
4826
4846
|
};
|
|
@@ -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,6 +5404,7 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
|
|
|
5383
5404
|
};
|
|
5384
5405
|
'z-indices': {
|
|
5385
5406
|
readonly dropdownMenu: 100;
|
|
5407
|
+
readonly select: 100;
|
|
5386
5408
|
readonly popover: 200;
|
|
5387
5409
|
readonly tooltip: 300;
|
|
5388
5410
|
};
|
|
@@ -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,6 +5917,7 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
5894
5917
|
};
|
|
5895
5918
|
'z-indices': {
|
|
5896
5919
|
readonly dropdownMenu: 100;
|
|
5920
|
+
readonly select: 100;
|
|
5897
5921
|
readonly popover: 200;
|
|
5898
5922
|
readonly tooltip: 300;
|
|
5899
5923
|
};
|
|
@@ -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,6 +6393,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
6368
6393
|
};
|
|
6369
6394
|
'z-indices': {
|
|
6370
6395
|
readonly dropdownMenu: 100;
|
|
6396
|
+
readonly select: 100;
|
|
6371
6397
|
readonly popover: 200;
|
|
6372
6398
|
readonly tooltip: 300;
|
|
6373
6399
|
};
|
|
@@ -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,6 +6863,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
6836
6863
|
};
|
|
6837
6864
|
'z-indices': {
|
|
6838
6865
|
readonly dropdownMenu: 100;
|
|
6866
|
+
readonly select: 100;
|
|
6839
6867
|
readonly popover: 200;
|
|
6840
6868
|
readonly tooltip: 300;
|
|
6841
6869
|
};
|
|
@@ -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,6 +7337,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
7308
7337
|
};
|
|
7309
7338
|
'z-indices': {
|
|
7310
7339
|
readonly dropdownMenu: 100;
|
|
7340
|
+
readonly select: 100;
|
|
7311
7341
|
readonly popover: 200;
|
|
7312
7342
|
readonly tooltip: 300;
|
|
7313
7343
|
};
|
|
@@ -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,6 +7817,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
7786
7817
|
};
|
|
7787
7818
|
'z-indices': {
|
|
7788
7819
|
readonly dropdownMenu: 100;
|
|
7820
|
+
readonly select: 100;
|
|
7789
7821
|
readonly popover: 200;
|
|
7790
7822
|
readonly tooltip: 300;
|
|
7791
7823
|
};
|
|
@@ -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,6 +8287,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
8254
8287
|
};
|
|
8255
8288
|
'z-indices': {
|
|
8256
8289
|
readonly dropdownMenu: 100;
|
|
8290
|
+
readonly select: 100;
|
|
8257
8291
|
readonly popover: 200;
|
|
8258
8292
|
readonly tooltip: 300;
|
|
8259
8293
|
};
|
|
@@ -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,6 +8761,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
8726
8761
|
};
|
|
8727
8762
|
'z-indices': {
|
|
8728
8763
|
readonly dropdownMenu: 100;
|
|
8764
|
+
readonly select: 100;
|
|
8729
8765
|
readonly popover: 200;
|
|
8730
8766
|
readonly tooltip: 300;
|
|
8731
8767
|
};
|
|
@@ -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,6 +9237,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
9200
9237
|
};
|
|
9201
9238
|
'z-indices': {
|
|
9202
9239
|
readonly dropdownMenu: 100;
|
|
9240
|
+
readonly select: 100;
|
|
9203
9241
|
readonly popover: 200;
|
|
9204
9242
|
readonly tooltip: 300;
|
|
9205
9243
|
};
|
|
@@ -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,6 +9707,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
9668
9707
|
};
|
|
9669
9708
|
'z-indices': {
|
|
9670
9709
|
readonly dropdownMenu: 100;
|
|
9710
|
+
readonly select: 100;
|
|
9671
9711
|
readonly popover: 200;
|
|
9672
9712
|
readonly tooltip: 300;
|
|
9673
9713
|
};
|
|
@@ -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,6 +10181,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
10140
10181
|
};
|
|
10141
10182
|
'z-indices': {
|
|
10142
10183
|
readonly dropdownMenu: 100;
|
|
10184
|
+
readonly select: 100;
|
|
10143
10185
|
readonly popover: 200;
|
|
10144
10186
|
readonly tooltip: 300;
|
|
10145
10187
|
};
|
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-select.0",
|
|
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.
|
|
33
|
-
"@mirohq/design-system-stitches": "^2.3.
|
|
34
|
-
"@mirohq/design-system-base-switch": "^0.1.
|
|
32
|
+
"@mirohq/design-system-base-icon": "^0.1.10-select.0",
|
|
33
|
+
"@mirohq/design-system-stitches": "^2.3.11-select.0",
|
|
34
|
+
"@mirohq/design-system-base-switch": "^0.1.9-select.0",
|
|
35
35
|
"@mirohq/design-system-primitive": "^1.1.1",
|
|
36
|
-
"@mirohq/design-system-scroll-area": "^0.1.
|
|
37
|
-
"@mirohq/design-system-styles": "^1.1.7-
|
|
36
|
+
"@mirohq/design-system-scroll-area": "^0.1.10-select.0",
|
|
37
|
+
"@mirohq/design-system-styles": "^1.1.7-select.0",
|
|
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"
|