@mirohq/design-system-dropdown-menu 3.2.2-test-changelog.0 → 3.2.2
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 +33 -0
- package/package.json +6 -6
package/dist/types.d.ts
CHANGED
|
@@ -101,6 +101,8 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Pick<Omit<{},
|
|
|
101
101
|
readonly 'background-danger'?: any;
|
|
102
102
|
readonly 'background-danger-hover'?: any;
|
|
103
103
|
readonly 'background-success'?: any;
|
|
104
|
+
readonly 'background-warning-subtle'?: any;
|
|
105
|
+
readonly 'background-warning-prominent'?: any;
|
|
104
106
|
readonly 'text-neutrals-inverted'?: any;
|
|
105
107
|
readonly 'text-neutrals'?: any;
|
|
106
108
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -181,6 +183,7 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Pick<Omit<{},
|
|
|
181
183
|
readonly 50: "0 4px 16px #05003812";
|
|
182
184
|
readonly 100: "0 8px 32px #05003808";
|
|
183
185
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
186
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
184
187
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
185
188
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
186
189
|
};
|
|
@@ -539,6 +542,8 @@ declare const StyledContent: react.ForwardRefExoticComponent<Pick<Omit<{}, never
|
|
|
539
542
|
readonly 'background-danger'?: any;
|
|
540
543
|
readonly 'background-danger-hover'?: any;
|
|
541
544
|
readonly 'background-success'?: any;
|
|
545
|
+
readonly 'background-warning-subtle'?: any;
|
|
546
|
+
readonly 'background-warning-prominent'?: any;
|
|
542
547
|
readonly 'text-neutrals-inverted'?: any;
|
|
543
548
|
readonly 'text-neutrals'?: any;
|
|
544
549
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -619,6 +624,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Pick<Omit<{}, never
|
|
|
619
624
|
readonly 50: "0 4px 16px #05003812";
|
|
620
625
|
readonly 100: "0 8px 32px #05003808";
|
|
621
626
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
627
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
622
628
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
623
629
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
624
630
|
};
|
|
@@ -1064,6 +1070,8 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{}, never> &
|
|
|
1064
1070
|
readonly 'background-danger'?: any;
|
|
1065
1071
|
readonly 'background-danger-hover'?: any;
|
|
1066
1072
|
readonly 'background-success'?: any;
|
|
1073
|
+
readonly 'background-warning-subtle'?: any;
|
|
1074
|
+
readonly 'background-warning-prominent'?: any;
|
|
1067
1075
|
readonly 'text-neutrals-inverted'?: any;
|
|
1068
1076
|
readonly 'text-neutrals'?: any;
|
|
1069
1077
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -1144,6 +1152,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{}, never> &
|
|
|
1144
1152
|
readonly 50: "0 4px 16px #05003812";
|
|
1145
1153
|
readonly 100: "0 8px 32px #05003808";
|
|
1146
1154
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
1155
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
1147
1156
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
1148
1157
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
1149
1158
|
};
|
|
@@ -1499,6 +1508,8 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
|
|
|
1499
1508
|
readonly 'background-danger'?: any;
|
|
1500
1509
|
readonly 'background-danger-hover'?: any;
|
|
1501
1510
|
readonly 'background-success'?: any;
|
|
1511
|
+
readonly 'background-warning-subtle'?: any;
|
|
1512
|
+
readonly 'background-warning-prominent'?: any;
|
|
1502
1513
|
readonly 'text-neutrals-inverted'?: any;
|
|
1503
1514
|
readonly 'text-neutrals'?: any;
|
|
1504
1515
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -1579,6 +1590,7 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
|
|
|
1579
1590
|
readonly 50: "0 4px 16px #05003812";
|
|
1580
1591
|
readonly 100: "0 8px 32px #05003808";
|
|
1581
1592
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
1593
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
1582
1594
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
1583
1595
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
1584
1596
|
};
|
|
@@ -1925,6 +1937,8 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
|
|
|
1925
1937
|
readonly 'background-danger'?: any;
|
|
1926
1938
|
readonly 'background-danger-hover'?: any;
|
|
1927
1939
|
readonly 'background-success'?: any;
|
|
1940
|
+
readonly 'background-warning-subtle'?: any;
|
|
1941
|
+
readonly 'background-warning-prominent'?: any;
|
|
1928
1942
|
readonly 'text-neutrals-inverted'?: any;
|
|
1929
1943
|
readonly 'text-neutrals'?: any;
|
|
1930
1944
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -2005,6 +2019,7 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
|
|
|
2005
2019
|
readonly 50: "0 4px 16px #05003812";
|
|
2006
2020
|
readonly 100: "0 8px 32px #05003808";
|
|
2007
2021
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
2022
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
2008
2023
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
2009
2024
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
2010
2025
|
};
|
|
@@ -2359,6 +2374,8 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
|
|
|
2359
2374
|
readonly 'background-danger'?: any;
|
|
2360
2375
|
readonly 'background-danger-hover'?: any;
|
|
2361
2376
|
readonly 'background-success'?: any;
|
|
2377
|
+
readonly 'background-warning-subtle'?: any;
|
|
2378
|
+
readonly 'background-warning-prominent'?: any;
|
|
2362
2379
|
readonly 'text-neutrals-inverted'?: any;
|
|
2363
2380
|
readonly 'text-neutrals'?: any;
|
|
2364
2381
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -2439,6 +2456,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
|
|
|
2439
2456
|
readonly 50: "0 4px 16px #05003812";
|
|
2440
2457
|
readonly 100: "0 8px 32px #05003808";
|
|
2441
2458
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
2459
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
2442
2460
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
2443
2461
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
2444
2462
|
};
|
|
@@ -2785,6 +2803,8 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
2785
2803
|
readonly 'background-danger'?: any;
|
|
2786
2804
|
readonly 'background-danger-hover'?: any;
|
|
2787
2805
|
readonly 'background-success'?: any;
|
|
2806
|
+
readonly 'background-warning-subtle'?: any;
|
|
2807
|
+
readonly 'background-warning-prominent'?: any;
|
|
2788
2808
|
readonly 'text-neutrals-inverted'?: any;
|
|
2789
2809
|
readonly 'text-neutrals'?: any;
|
|
2790
2810
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -2865,6 +2885,7 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
2865
2885
|
readonly 50: "0 4px 16px #05003812";
|
|
2866
2886
|
readonly 100: "0 8px 32px #05003808";
|
|
2867
2887
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
2888
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
2868
2889
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
2869
2890
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
2870
2891
|
};
|
|
@@ -3209,6 +3230,8 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
|
|
|
3209
3230
|
readonly 'background-danger'?: any;
|
|
3210
3231
|
readonly 'background-danger-hover'?: any;
|
|
3211
3232
|
readonly 'background-success'?: any;
|
|
3233
|
+
readonly 'background-warning-subtle'?: any;
|
|
3234
|
+
readonly 'background-warning-prominent'?: any;
|
|
3212
3235
|
readonly 'text-neutrals-inverted'?: any;
|
|
3213
3236
|
readonly 'text-neutrals'?: any;
|
|
3214
3237
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -3289,6 +3312,7 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
|
|
|
3289
3312
|
readonly 50: "0 4px 16px #05003812";
|
|
3290
3313
|
readonly 100: "0 8px 32px #05003808";
|
|
3291
3314
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
3315
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
3292
3316
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
3293
3317
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
3294
3318
|
};
|
|
@@ -3637,6 +3661,8 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
|
|
|
3637
3661
|
readonly 'background-danger'?: any;
|
|
3638
3662
|
readonly 'background-danger-hover'?: any;
|
|
3639
3663
|
readonly 'background-success'?: any;
|
|
3664
|
+
readonly 'background-warning-subtle'?: any;
|
|
3665
|
+
readonly 'background-warning-prominent'?: any;
|
|
3640
3666
|
readonly 'text-neutrals-inverted'?: any;
|
|
3641
3667
|
readonly 'text-neutrals'?: any;
|
|
3642
3668
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -3717,6 +3743,7 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
|
|
|
3717
3743
|
readonly 50: "0 4px 16px #05003812";
|
|
3718
3744
|
readonly 100: "0 8px 32px #05003808";
|
|
3719
3745
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
3746
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
3720
3747
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
3721
3748
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
3722
3749
|
};
|
|
@@ -4123,6 +4150,8 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
|
|
|
4123
4150
|
readonly 'background-danger'?: any;
|
|
4124
4151
|
readonly 'background-danger-hover'?: any;
|
|
4125
4152
|
readonly 'background-success'?: any;
|
|
4153
|
+
readonly 'background-warning-subtle'?: any;
|
|
4154
|
+
readonly 'background-warning-prominent'?: any;
|
|
4126
4155
|
readonly 'text-neutrals-inverted'?: any;
|
|
4127
4156
|
readonly 'text-neutrals'?: any;
|
|
4128
4157
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -4203,6 +4232,7 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
|
|
|
4203
4232
|
readonly 50: "0 4px 16px #05003812";
|
|
4204
4233
|
readonly 100: "0 8px 32px #05003808";
|
|
4205
4234
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
4235
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
4206
4236
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
4207
4237
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
4208
4238
|
};
|
|
@@ -4573,6 +4603,8 @@ declare const IconSlot: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _
|
|
|
4573
4603
|
readonly 'background-danger'?: any;
|
|
4574
4604
|
readonly 'background-danger-hover'?: any;
|
|
4575
4605
|
readonly 'background-success'?: any;
|
|
4606
|
+
readonly 'background-warning-subtle'?: any;
|
|
4607
|
+
readonly 'background-warning-prominent'?: any;
|
|
4576
4608
|
readonly 'text-neutrals-inverted'?: any;
|
|
4577
4609
|
readonly 'text-neutrals'?: any;
|
|
4578
4610
|
readonly 'text-neutrals-subtle'?: any;
|
|
@@ -4653,6 +4685,7 @@ declare const IconSlot: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _
|
|
|
4653
4685
|
readonly 50: "0 4px 16px #05003812";
|
|
4654
4686
|
readonly 100: "0 8px 32px #05003808";
|
|
4655
4687
|
readonly 'focus-small': "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
4688
|
+
readonly 'focus-small-outline': "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white";
|
|
4656
4689
|
readonly 'focus-large': "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white";
|
|
4657
4690
|
readonly 'focus-controls': "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200";
|
|
4658
4691
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-dropdown-menu",
|
|
3
|
-
"version": "3.2.2
|
|
3
|
+
"version": "3.2.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -28,14 +28,14 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@radix-ui/react-dropdown-menu": "^1.0.0",
|
|
31
|
-
"@mirohq/design-system-styles": "^1.0.15-test-changelog.0",
|
|
32
|
-
"@mirohq/design-system-stitches": "^2.1.2-test-changelog.0",
|
|
33
31
|
"@mirohq/design-system-primitive": "^1.1.0",
|
|
34
|
-
"@mirohq/design-system-
|
|
32
|
+
"@mirohq/design-system-stitches": "^2.1.2",
|
|
33
|
+
"@mirohq/design-system-styles": "^1.0.15",
|
|
34
|
+
"@mirohq/design-system-switch": "^2.1.2"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@mirohq/design-system-button": "^
|
|
38
|
-
"@mirohq/design-system-flex": "^2.1.3
|
|
37
|
+
"@mirohq/design-system-button": "^3.0.0",
|
|
38
|
+
"@mirohq/design-system-flex": "^2.1.3"
|
|
39
39
|
},
|
|
40
40
|
"scripts": {
|
|
41
41
|
"build": "rollup -c ../../../rollup.config.js",
|