@mirohq/design-system-dropdown-menu 3.5.16 → 3.5.17
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 -63
- package/package.json +6 -6
package/dist/types.d.ts
CHANGED
|
@@ -221,8 +221,6 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
|
|
|
221
221
|
readonly 200: "16px";
|
|
222
222
|
};
|
|
223
223
|
shadows: {
|
|
224
|
-
readonly 50: "0 4px 16px #05003812";
|
|
225
|
-
readonly 100: "0 8px 32px #05003808";
|
|
226
224
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
227
225
|
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";
|
|
228
226
|
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";
|
|
@@ -236,7 +234,7 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
|
|
|
236
234
|
readonly 'icon-400': "32px";
|
|
237
235
|
};
|
|
238
236
|
space: {
|
|
239
|
-
readonly 0:
|
|
237
|
+
readonly 0: "0px";
|
|
240
238
|
readonly 50: "4px";
|
|
241
239
|
readonly 100: "8px";
|
|
242
240
|
readonly 150: "12px";
|
|
@@ -266,6 +264,7 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{},
|
|
|
266
264
|
readonly 300: any;
|
|
267
265
|
readonly 400: any;
|
|
268
266
|
readonly 600: any;
|
|
267
|
+
readonly 700: any;
|
|
269
268
|
readonly 800: any;
|
|
270
269
|
readonly 1200: any;
|
|
271
270
|
readonly 1600: any;
|
|
@@ -731,8 +730,6 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
731
730
|
readonly 200: "16px";
|
|
732
731
|
};
|
|
733
732
|
shadows: {
|
|
734
|
-
readonly 50: "0 4px 16px #05003812";
|
|
735
|
-
readonly 100: "0 8px 32px #05003808";
|
|
736
733
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
737
734
|
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";
|
|
738
735
|
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";
|
|
@@ -746,7 +743,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
746
743
|
readonly 'icon-400': "32px";
|
|
747
744
|
};
|
|
748
745
|
space: {
|
|
749
|
-
readonly 0:
|
|
746
|
+
readonly 0: "0px";
|
|
750
747
|
readonly 50: "4px";
|
|
751
748
|
readonly 100: "8px";
|
|
752
749
|
readonly 150: "12px";
|
|
@@ -776,6 +773,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
776
773
|
readonly 300: any;
|
|
777
774
|
readonly 400: any;
|
|
778
775
|
readonly 600: any;
|
|
776
|
+
readonly 700: any;
|
|
779
777
|
readonly 800: any;
|
|
780
778
|
readonly 1200: any;
|
|
781
779
|
readonly 1600: any;
|
|
@@ -1348,8 +1346,6 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1348
1346
|
readonly 200: "16px";
|
|
1349
1347
|
};
|
|
1350
1348
|
shadows: {
|
|
1351
|
-
readonly 50: "0 4px 16px #05003812";
|
|
1352
|
-
readonly 100: "0 8px 32px #05003808";
|
|
1353
1349
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
1354
1350
|
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";
|
|
1355
1351
|
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";
|
|
@@ -1363,7 +1359,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1363
1359
|
readonly 'icon-400': "32px";
|
|
1364
1360
|
};
|
|
1365
1361
|
space: {
|
|
1366
|
-
readonly 0:
|
|
1362
|
+
readonly 0: "0px";
|
|
1367
1363
|
readonly 50: "4px";
|
|
1368
1364
|
readonly 100: "8px";
|
|
1369
1365
|
readonly 150: "12px";
|
|
@@ -1393,6 +1389,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
1393
1389
|
readonly 300: any;
|
|
1394
1390
|
readonly 400: any;
|
|
1395
1391
|
readonly 600: any;
|
|
1392
|
+
readonly 700: any;
|
|
1396
1393
|
readonly 800: any;
|
|
1397
1394
|
readonly 1200: any;
|
|
1398
1395
|
readonly 1600: any;
|
|
@@ -1848,8 +1845,6 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
1848
1845
|
readonly 200: "16px";
|
|
1849
1846
|
};
|
|
1850
1847
|
shadows: {
|
|
1851
|
-
readonly 50: "0 4px 16px #05003812";
|
|
1852
|
-
readonly 100: "0 8px 32px #05003808";
|
|
1853
1848
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
1854
1849
|
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";
|
|
1855
1850
|
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";
|
|
@@ -1863,7 +1858,7 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
1863
1858
|
readonly 'icon-400': "32px";
|
|
1864
1859
|
};
|
|
1865
1860
|
space: {
|
|
1866
|
-
readonly 0:
|
|
1861
|
+
readonly 0: "0px";
|
|
1867
1862
|
readonly 50: "4px";
|
|
1868
1863
|
readonly 100: "8px";
|
|
1869
1864
|
readonly 150: "12px";
|
|
@@ -1893,6 +1888,7 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
1893
1888
|
readonly 300: any;
|
|
1894
1889
|
readonly 400: any;
|
|
1895
1890
|
readonly 600: any;
|
|
1891
|
+
readonly 700: any;
|
|
1896
1892
|
readonly 800: any;
|
|
1897
1893
|
readonly 1200: any;
|
|
1898
1894
|
readonly 1600: any;
|
|
@@ -2337,8 +2333,6 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
2337
2333
|
readonly 200: "16px";
|
|
2338
2334
|
};
|
|
2339
2335
|
shadows: {
|
|
2340
|
-
readonly 50: "0 4px 16px #05003812";
|
|
2341
|
-
readonly 100: "0 8px 32px #05003808";
|
|
2342
2336
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
2343
2337
|
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";
|
|
2344
2338
|
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";
|
|
@@ -2352,7 +2346,7 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
2352
2346
|
readonly 'icon-400': "32px";
|
|
2353
2347
|
};
|
|
2354
2348
|
space: {
|
|
2355
|
-
readonly 0:
|
|
2349
|
+
readonly 0: "0px";
|
|
2356
2350
|
readonly 50: "4px";
|
|
2357
2351
|
readonly 100: "8px";
|
|
2358
2352
|
readonly 150: "12px";
|
|
@@ -2382,6 +2376,7 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
2382
2376
|
readonly 300: any;
|
|
2383
2377
|
readonly 400: any;
|
|
2384
2378
|
readonly 600: any;
|
|
2379
|
+
readonly 700: any;
|
|
2385
2380
|
readonly 800: any;
|
|
2386
2381
|
readonly 1200: any;
|
|
2387
2382
|
readonly 1600: any;
|
|
@@ -2839,8 +2834,6 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
2839
2834
|
readonly 200: "16px";
|
|
2840
2835
|
};
|
|
2841
2836
|
shadows: {
|
|
2842
|
-
readonly 50: "0 4px 16px #05003812";
|
|
2843
|
-
readonly 100: "0 8px 32px #05003808";
|
|
2844
2837
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
2845
2838
|
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";
|
|
2846
2839
|
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";
|
|
@@ -2854,7 +2847,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
2854
2847
|
readonly 'icon-400': "32px";
|
|
2855
2848
|
};
|
|
2856
2849
|
space: {
|
|
2857
|
-
readonly 0:
|
|
2850
|
+
readonly 0: "0px";
|
|
2858
2851
|
readonly 50: "4px";
|
|
2859
2852
|
readonly 100: "8px";
|
|
2860
2853
|
readonly 150: "12px";
|
|
@@ -2884,6 +2877,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
2884
2877
|
readonly 300: any;
|
|
2885
2878
|
readonly 400: any;
|
|
2886
2879
|
readonly 600: any;
|
|
2880
|
+
readonly 700: any;
|
|
2887
2881
|
readonly 800: any;
|
|
2888
2882
|
readonly 1200: any;
|
|
2889
2883
|
readonly 1600: any;
|
|
@@ -3320,8 +3314,6 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
3320
3314
|
readonly 200: "16px";
|
|
3321
3315
|
};
|
|
3322
3316
|
shadows: {
|
|
3323
|
-
readonly 50: "0 4px 16px #05003812";
|
|
3324
|
-
readonly 100: "0 8px 32px #05003808";
|
|
3325
3317
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
3326
3318
|
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";
|
|
3327
3319
|
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";
|
|
@@ -3335,7 +3327,7 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
3335
3327
|
readonly 'icon-400': "32px";
|
|
3336
3328
|
};
|
|
3337
3329
|
space: {
|
|
3338
|
-
readonly 0:
|
|
3330
|
+
readonly 0: "0px";
|
|
3339
3331
|
readonly 50: "4px";
|
|
3340
3332
|
readonly 100: "8px";
|
|
3341
3333
|
readonly 150: "12px";
|
|
@@ -3365,6 +3357,7 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
3365
3357
|
readonly 300: any;
|
|
3366
3358
|
readonly 400: any;
|
|
3367
3359
|
readonly 600: any;
|
|
3360
|
+
readonly 700: any;
|
|
3368
3361
|
readonly 800: any;
|
|
3369
3362
|
readonly 1200: any;
|
|
3370
3363
|
readonly 1600: any;
|
|
@@ -3830,8 +3823,6 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
3830
3823
|
readonly 200: "16px";
|
|
3831
3824
|
};
|
|
3832
3825
|
shadows: {
|
|
3833
|
-
readonly 50: "0 4px 16px #05003812";
|
|
3834
|
-
readonly 100: "0 8px 32px #05003808";
|
|
3835
3826
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
3836
3827
|
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";
|
|
3837
3828
|
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";
|
|
@@ -3845,7 +3836,7 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
3845
3836
|
readonly 'icon-400': "32px";
|
|
3846
3837
|
};
|
|
3847
3838
|
space: {
|
|
3848
|
-
readonly 0:
|
|
3839
|
+
readonly 0: "0px";
|
|
3849
3840
|
readonly 50: "4px";
|
|
3850
3841
|
readonly 100: "8px";
|
|
3851
3842
|
readonly 150: "12px";
|
|
@@ -3875,6 +3866,7 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
3875
3866
|
readonly 300: any;
|
|
3876
3867
|
readonly 400: any;
|
|
3877
3868
|
readonly 600: any;
|
|
3869
|
+
readonly 700: any;
|
|
3878
3870
|
readonly 800: any;
|
|
3879
3871
|
readonly 1200: any;
|
|
3880
3872
|
readonly 1600: any;
|
|
@@ -4313,8 +4305,6 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
4313
4305
|
readonly 200: "16px";
|
|
4314
4306
|
};
|
|
4315
4307
|
shadows: {
|
|
4316
|
-
readonly 50: "0 4px 16px #05003812";
|
|
4317
|
-
readonly 100: "0 8px 32px #05003808";
|
|
4318
4308
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
4319
4309
|
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";
|
|
4320
4310
|
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";
|
|
@@ -4328,7 +4318,7 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
4328
4318
|
readonly 'icon-400': "32px";
|
|
4329
4319
|
};
|
|
4330
4320
|
space: {
|
|
4331
|
-
readonly 0:
|
|
4321
|
+
readonly 0: "0px";
|
|
4332
4322
|
readonly 50: "4px";
|
|
4333
4323
|
readonly 100: "8px";
|
|
4334
4324
|
readonly 150: "12px";
|
|
@@ -4358,6 +4348,7 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
4358
4348
|
readonly 300: any;
|
|
4359
4349
|
readonly 400: any;
|
|
4360
4350
|
readonly 600: any;
|
|
4351
|
+
readonly 700: any;
|
|
4361
4352
|
readonly 800: any;
|
|
4362
4353
|
readonly 1200: any;
|
|
4363
4354
|
readonly 1600: any;
|
|
@@ -4804,8 +4795,6 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
4804
4795
|
readonly 200: "16px";
|
|
4805
4796
|
};
|
|
4806
4797
|
shadows: {
|
|
4807
|
-
readonly 50: "0 4px 16px #05003812";
|
|
4808
|
-
readonly 100: "0 8px 32px #05003808";
|
|
4809
4798
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
4810
4799
|
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";
|
|
4811
4800
|
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";
|
|
@@ -4819,7 +4808,7 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
4819
4808
|
readonly 'icon-400': "32px";
|
|
4820
4809
|
};
|
|
4821
4810
|
space: {
|
|
4822
|
-
readonly 0:
|
|
4811
|
+
readonly 0: "0px";
|
|
4823
4812
|
readonly 50: "4px";
|
|
4824
4813
|
readonly 100: "8px";
|
|
4825
4814
|
readonly 150: "12px";
|
|
@@ -4849,6 +4838,7 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<{}, ne
|
|
|
4849
4838
|
readonly 300: any;
|
|
4850
4839
|
readonly 400: any;
|
|
4851
4840
|
readonly 600: any;
|
|
4841
|
+
readonly 700: any;
|
|
4852
4842
|
readonly 800: any;
|
|
4853
4843
|
readonly 1200: any;
|
|
4854
4844
|
readonly 1600: any;
|
|
@@ -5372,8 +5362,6 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
|
|
|
5372
5362
|
readonly 200: "16px";
|
|
5373
5363
|
};
|
|
5374
5364
|
shadows: {
|
|
5375
|
-
readonly 50: "0 4px 16px #05003812";
|
|
5376
|
-
readonly 100: "0 8px 32px #05003808";
|
|
5377
5365
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
5378
5366
|
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";
|
|
5379
5367
|
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";
|
|
@@ -5387,7 +5375,7 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
|
|
|
5387
5375
|
readonly 'icon-400': "32px";
|
|
5388
5376
|
};
|
|
5389
5377
|
space: {
|
|
5390
|
-
readonly 0:
|
|
5378
|
+
readonly 0: "0px";
|
|
5391
5379
|
readonly 50: "4px";
|
|
5392
5380
|
readonly 100: "8px";
|
|
5393
5381
|
readonly 150: "12px";
|
|
@@ -5417,6 +5405,7 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
|
|
|
5417
5405
|
readonly 300: any;
|
|
5418
5406
|
readonly 400: any;
|
|
5419
5407
|
readonly 600: any;
|
|
5408
|
+
readonly 700: any;
|
|
5420
5409
|
readonly 800: any;
|
|
5421
5410
|
readonly 1200: any;
|
|
5422
5411
|
readonly 1600: any;
|
|
@@ -5889,8 +5878,6 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
5889
5878
|
readonly 200: "16px";
|
|
5890
5879
|
};
|
|
5891
5880
|
shadows: {
|
|
5892
|
-
readonly 50: "0 4px 16px #05003812";
|
|
5893
|
-
readonly 100: "0 8px 32px #05003808";
|
|
5894
5881
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
5895
5882
|
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";
|
|
5896
5883
|
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";
|
|
@@ -5904,7 +5891,7 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
5904
5891
|
readonly 'icon-400': "32px";
|
|
5905
5892
|
};
|
|
5906
5893
|
space: {
|
|
5907
|
-
readonly 0:
|
|
5894
|
+
readonly 0: "0px";
|
|
5908
5895
|
readonly 50: "4px";
|
|
5909
5896
|
readonly 100: "8px";
|
|
5910
5897
|
readonly 150: "12px";
|
|
@@ -5934,6 +5921,7 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
|
|
|
5934
5921
|
readonly 300: any;
|
|
5935
5922
|
readonly 400: any;
|
|
5936
5923
|
readonly 600: any;
|
|
5924
|
+
readonly 700: any;
|
|
5937
5925
|
readonly 800: any;
|
|
5938
5926
|
readonly 1200: any;
|
|
5939
5927
|
readonly 1600: any;
|
|
@@ -6369,8 +6357,6 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
6369
6357
|
readonly 200: "16px";
|
|
6370
6358
|
};
|
|
6371
6359
|
shadows: {
|
|
6372
|
-
readonly 50: "0 4px 16px #05003812";
|
|
6373
|
-
readonly 100: "0 8px 32px #05003808";
|
|
6374
6360
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
6375
6361
|
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";
|
|
6376
6362
|
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";
|
|
@@ -6384,7 +6370,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
6384
6370
|
readonly 'icon-400': "32px";
|
|
6385
6371
|
};
|
|
6386
6372
|
space: {
|
|
6387
|
-
readonly 0:
|
|
6373
|
+
readonly 0: "0px";
|
|
6388
6374
|
readonly 50: "4px";
|
|
6389
6375
|
readonly 100: "8px";
|
|
6390
6376
|
readonly 150: "12px";
|
|
@@ -6414,6 +6400,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
6414
6400
|
readonly 300: any;
|
|
6415
6401
|
readonly 400: any;
|
|
6416
6402
|
readonly 600: any;
|
|
6403
|
+
readonly 700: any;
|
|
6417
6404
|
readonly 800: any;
|
|
6418
6405
|
readonly 1200: any;
|
|
6419
6406
|
readonly 1600: any;
|
|
@@ -6843,8 +6830,6 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
6843
6830
|
readonly 200: "16px";
|
|
6844
6831
|
};
|
|
6845
6832
|
shadows: {
|
|
6846
|
-
readonly 50: "0 4px 16px #05003812";
|
|
6847
|
-
readonly 100: "0 8px 32px #05003808";
|
|
6848
6833
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
6849
6834
|
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";
|
|
6850
6835
|
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";
|
|
@@ -6858,7 +6843,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
6858
6843
|
readonly 'icon-400': "32px";
|
|
6859
6844
|
};
|
|
6860
6845
|
space: {
|
|
6861
|
-
readonly 0:
|
|
6846
|
+
readonly 0: "0px";
|
|
6862
6847
|
readonly 50: "4px";
|
|
6863
6848
|
readonly 100: "8px";
|
|
6864
6849
|
readonly 150: "12px";
|
|
@@ -6888,6 +6873,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
6888
6873
|
readonly 300: any;
|
|
6889
6874
|
readonly 400: any;
|
|
6890
6875
|
readonly 600: any;
|
|
6876
|
+
readonly 700: any;
|
|
6891
6877
|
readonly 800: any;
|
|
6892
6878
|
readonly 1200: any;
|
|
6893
6879
|
readonly 1600: any;
|
|
@@ -7321,8 +7307,6 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
7321
7307
|
readonly 200: "16px";
|
|
7322
7308
|
};
|
|
7323
7309
|
shadows: {
|
|
7324
|
-
readonly 50: "0 4px 16px #05003812";
|
|
7325
|
-
readonly 100: "0 8px 32px #05003808";
|
|
7326
7310
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
7327
7311
|
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";
|
|
7328
7312
|
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";
|
|
@@ -7336,7 +7320,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
7336
7320
|
readonly 'icon-400': "32px";
|
|
7337
7321
|
};
|
|
7338
7322
|
space: {
|
|
7339
|
-
readonly 0:
|
|
7323
|
+
readonly 0: "0px";
|
|
7340
7324
|
readonly 50: "4px";
|
|
7341
7325
|
readonly 100: "8px";
|
|
7342
7326
|
readonly 150: "12px";
|
|
@@ -7366,6 +7350,7 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<{}, neve
|
|
|
7366
7350
|
readonly 300: any;
|
|
7367
7351
|
readonly 400: any;
|
|
7368
7352
|
readonly 600: any;
|
|
7353
|
+
readonly 700: any;
|
|
7369
7354
|
readonly 800: any;
|
|
7370
7355
|
readonly 1200: any;
|
|
7371
7356
|
readonly 1600: any;
|
|
@@ -7805,8 +7790,6 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
7805
7790
|
readonly 200: "16px";
|
|
7806
7791
|
};
|
|
7807
7792
|
shadows: {
|
|
7808
|
-
readonly 50: "0 4px 16px #05003812";
|
|
7809
|
-
readonly 100: "0 8px 32px #05003808";
|
|
7810
7793
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
7811
7794
|
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";
|
|
7812
7795
|
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";
|
|
@@ -7820,7 +7803,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
7820
7803
|
readonly 'icon-400': "32px";
|
|
7821
7804
|
};
|
|
7822
7805
|
space: {
|
|
7823
|
-
readonly 0:
|
|
7806
|
+
readonly 0: "0px";
|
|
7824
7807
|
readonly 50: "4px";
|
|
7825
7808
|
readonly 100: "8px";
|
|
7826
7809
|
readonly 150: "12px";
|
|
@@ -7850,6 +7833,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
7850
7833
|
readonly 300: any;
|
|
7851
7834
|
readonly 400: any;
|
|
7852
7835
|
readonly 600: any;
|
|
7836
|
+
readonly 700: any;
|
|
7853
7837
|
readonly 800: any;
|
|
7854
7838
|
readonly 1200: any;
|
|
7855
7839
|
readonly 1600: any;
|
|
@@ -8279,8 +8263,6 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
8279
8263
|
readonly 200: "16px";
|
|
8280
8264
|
};
|
|
8281
8265
|
shadows: {
|
|
8282
|
-
readonly 50: "0 4px 16px #05003812";
|
|
8283
|
-
readonly 100: "0 8px 32px #05003808";
|
|
8284
8266
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
8285
8267
|
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";
|
|
8286
8268
|
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";
|
|
@@ -8294,7 +8276,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
8294
8276
|
readonly 'icon-400': "32px";
|
|
8295
8277
|
};
|
|
8296
8278
|
space: {
|
|
8297
|
-
readonly 0:
|
|
8279
|
+
readonly 0: "0px";
|
|
8298
8280
|
readonly 50: "4px";
|
|
8299
8281
|
readonly 100: "8px";
|
|
8300
8282
|
readonly 150: "12px";
|
|
@@ -8324,6 +8306,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
8324
8306
|
readonly 300: any;
|
|
8325
8307
|
readonly 400: any;
|
|
8326
8308
|
readonly 600: any;
|
|
8309
|
+
readonly 700: any;
|
|
8327
8310
|
readonly 800: any;
|
|
8328
8311
|
readonly 1200: any;
|
|
8329
8312
|
readonly 1600: any;
|
|
@@ -8757,8 +8740,6 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
8757
8740
|
readonly 200: "16px";
|
|
8758
8741
|
};
|
|
8759
8742
|
shadows: {
|
|
8760
|
-
readonly 50: "0 4px 16px #05003812";
|
|
8761
|
-
readonly 100: "0 8px 32px #05003808";
|
|
8762
8743
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
8763
8744
|
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";
|
|
8764
8745
|
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";
|
|
@@ -8772,7 +8753,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
8772
8753
|
readonly 'icon-400': "32px";
|
|
8773
8754
|
};
|
|
8774
8755
|
space: {
|
|
8775
|
-
readonly 0:
|
|
8756
|
+
readonly 0: "0px";
|
|
8776
8757
|
readonly 50: "4px";
|
|
8777
8758
|
readonly 100: "8px";
|
|
8778
8759
|
readonly 150: "12px";
|
|
@@ -8802,6 +8783,7 @@ declare const HotkeySlot: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
|
|
|
8802
8783
|
readonly 300: any;
|
|
8803
8784
|
readonly 400: any;
|
|
8804
8785
|
readonly 600: any;
|
|
8786
|
+
readonly 700: any;
|
|
8805
8787
|
readonly 800: any;
|
|
8806
8788
|
readonly 1200: any;
|
|
8807
8789
|
readonly 1600: any;
|
|
@@ -9237,8 +9219,6 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
9237
9219
|
readonly 200: "16px";
|
|
9238
9220
|
};
|
|
9239
9221
|
shadows: {
|
|
9240
|
-
readonly 50: "0 4px 16px #05003812";
|
|
9241
|
-
readonly 100: "0 8px 32px #05003808";
|
|
9242
9222
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
9243
9223
|
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";
|
|
9244
9224
|
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";
|
|
@@ -9252,7 +9232,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
9252
9232
|
readonly 'icon-400': "32px";
|
|
9253
9233
|
};
|
|
9254
9234
|
space: {
|
|
9255
|
-
readonly 0:
|
|
9235
|
+
readonly 0: "0px";
|
|
9256
9236
|
readonly 50: "4px";
|
|
9257
9237
|
readonly 100: "8px";
|
|
9258
9238
|
readonly 150: "12px";
|
|
@@ -9282,6 +9262,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
9282
9262
|
readonly 300: any;
|
|
9283
9263
|
readonly 400: any;
|
|
9284
9264
|
readonly 600: any;
|
|
9265
|
+
readonly 700: any;
|
|
9285
9266
|
readonly 800: any;
|
|
9286
9267
|
readonly 1200: any;
|
|
9287
9268
|
readonly 1600: any;
|
|
@@ -9711,8 +9692,6 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
9711
9692
|
readonly 200: "16px";
|
|
9712
9693
|
};
|
|
9713
9694
|
shadows: {
|
|
9714
|
-
readonly 50: "0 4px 16px #05003812";
|
|
9715
|
-
readonly 100: "0 8px 32px #05003808";
|
|
9716
9695
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
9717
9696
|
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";
|
|
9718
9697
|
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";
|
|
@@ -9726,7 +9705,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
9726
9705
|
readonly 'icon-400': "32px";
|
|
9727
9706
|
};
|
|
9728
9707
|
space: {
|
|
9729
|
-
readonly 0:
|
|
9708
|
+
readonly 0: "0px";
|
|
9730
9709
|
readonly 50: "4px";
|
|
9731
9710
|
readonly 100: "8px";
|
|
9732
9711
|
readonly 150: "12px";
|
|
@@ -9756,6 +9735,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
9756
9735
|
readonly 300: any;
|
|
9757
9736
|
readonly 400: any;
|
|
9758
9737
|
readonly 600: any;
|
|
9738
|
+
readonly 700: any;
|
|
9759
9739
|
readonly 800: any;
|
|
9760
9740
|
readonly 1200: any;
|
|
9761
9741
|
readonly 1600: any;
|
|
@@ -10189,8 +10169,6 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
10189
10169
|
readonly 200: "16px";
|
|
10190
10170
|
};
|
|
10191
10171
|
shadows: {
|
|
10192
|
-
readonly 50: "0 4px 16px #05003812";
|
|
10193
|
-
readonly 100: "0 8px 32px #05003808";
|
|
10194
10172
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
10195
10173
|
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";
|
|
10196
10174
|
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";
|
|
@@ -10204,7 +10182,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
10204
10182
|
readonly 'icon-400': "32px";
|
|
10205
10183
|
};
|
|
10206
10184
|
space: {
|
|
10207
|
-
readonly 0:
|
|
10185
|
+
readonly 0: "0px";
|
|
10208
10186
|
readonly 50: "4px";
|
|
10209
10187
|
readonly 100: "8px";
|
|
10210
10188
|
readonly 150: "12px";
|
|
@@ -10234,6 +10212,7 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
|
|
|
10234
10212
|
readonly 300: any;
|
|
10235
10213
|
readonly 400: any;
|
|
10236
10214
|
readonly 600: any;
|
|
10215
|
+
readonly 700: any;
|
|
10237
10216
|
readonly 800: any;
|
|
10238
10217
|
readonly 1200: any;
|
|
10239
10218
|
readonly 1600: any;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-dropdown-menu",
|
|
3
|
-
"version": "3.5.
|
|
3
|
+
"version": "3.5.17",
|
|
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-base-switch": "^0.1.
|
|
32
|
+
"@mirohq/design-system-base-icon": "^0.1.12",
|
|
33
|
+
"@mirohq/design-system-base-switch": "^0.1.11",
|
|
34
34
|
"@mirohq/design-system-primitive": "^1.1.1",
|
|
35
|
-
"@mirohq/design-system-scroll-area": "^0.1.
|
|
36
|
-
"@mirohq/design-system-stitches": "^2.3.
|
|
37
|
-
"@mirohq/design-system-styles": "^1.1.
|
|
35
|
+
"@mirohq/design-system-scroll-area": "^0.1.13",
|
|
36
|
+
"@mirohq/design-system-stitches": "^2.3.13",
|
|
37
|
+
"@mirohq/design-system-styles": "^1.1.10",
|
|
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"
|