@mirohq/design-system-dropdown-menu 3.2.5 → 3.2.6
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 +22 -11
- package/package.json +6 -6
package/dist/types.d.ts
CHANGED
|
@@ -185,7 +185,8 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Pick<Omit<{},
|
|
|
185
185
|
shadows: {
|
|
186
186
|
readonly 50: "0 4px 16px #05003812";
|
|
187
187
|
readonly 100: "0 8px 32px #05003808";
|
|
188
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-
|
|
188
|
+
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";
|
|
189
|
+
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";
|
|
189
190
|
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";
|
|
190
191
|
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";
|
|
191
192
|
};
|
|
@@ -638,7 +639,8 @@ declare const StyledContent: react.ForwardRefExoticComponent<Pick<Omit<{}, never
|
|
|
638
639
|
shadows: {
|
|
639
640
|
readonly 50: "0 4px 16px #05003812";
|
|
640
641
|
readonly 100: "0 8px 32px #05003808";
|
|
641
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-
|
|
642
|
+
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";
|
|
643
|
+
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";
|
|
642
644
|
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";
|
|
643
645
|
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";
|
|
644
646
|
};
|
|
@@ -1178,7 +1180,8 @@ declare const StyledItem: react.ForwardRefExoticComponent<Pick<Omit<{}, never> &
|
|
|
1178
1180
|
shadows: {
|
|
1179
1181
|
readonly 50: "0 4px 16px #05003812";
|
|
1180
1182
|
readonly 100: "0 8px 32px #05003808";
|
|
1181
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-
|
|
1183
|
+
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";
|
|
1184
|
+
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";
|
|
1182
1185
|
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";
|
|
1183
1186
|
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";
|
|
1184
1187
|
};
|
|
@@ -1628,7 +1631,8 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
|
|
|
1628
1631
|
shadows: {
|
|
1629
1632
|
readonly 50: "0 4px 16px #05003812";
|
|
1630
1633
|
readonly 100: "0 8px 32px #05003808";
|
|
1631
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-
|
|
1634
|
+
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";
|
|
1635
|
+
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";
|
|
1632
1636
|
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";
|
|
1633
1637
|
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";
|
|
1634
1638
|
};
|
|
@@ -2069,7 +2073,8 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
|
|
|
2069
2073
|
shadows: {
|
|
2070
2074
|
readonly 50: "0 4px 16px #05003812";
|
|
2071
2075
|
readonly 100: "0 8px 32px #05003808";
|
|
2072
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-
|
|
2076
|
+
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";
|
|
2077
|
+
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";
|
|
2073
2078
|
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";
|
|
2074
2079
|
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";
|
|
2075
2080
|
};
|
|
@@ -2518,7 +2523,8 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
|
|
|
2518
2523
|
shadows: {
|
|
2519
2524
|
readonly 50: "0 4px 16px #05003812";
|
|
2520
2525
|
readonly 100: "0 8px 32px #05003808";
|
|
2521
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-
|
|
2526
|
+
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";
|
|
2527
|
+
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";
|
|
2522
2528
|
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";
|
|
2523
2529
|
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";
|
|
2524
2530
|
};
|
|
@@ -2959,7 +2965,8 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
2959
2965
|
shadows: {
|
|
2960
2966
|
readonly 50: "0 4px 16px #05003812";
|
|
2961
2967
|
readonly 100: "0 8px 32px #05003808";
|
|
2962
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-
|
|
2968
|
+
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";
|
|
2969
|
+
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";
|
|
2963
2970
|
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";
|
|
2964
2971
|
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";
|
|
2965
2972
|
};
|
|
@@ -3398,7 +3405,8 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
|
|
|
3398
3405
|
shadows: {
|
|
3399
3406
|
readonly 50: "0 4px 16px #05003812";
|
|
3400
3407
|
readonly 100: "0 8px 32px #05003808";
|
|
3401
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-
|
|
3408
|
+
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";
|
|
3409
|
+
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";
|
|
3402
3410
|
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";
|
|
3403
3411
|
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";
|
|
3404
3412
|
};
|
|
@@ -3841,7 +3849,8 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Pick<Omit<{}, ne
|
|
|
3841
3849
|
shadows: {
|
|
3842
3850
|
readonly 50: "0 4px 16px #05003812";
|
|
3843
3851
|
readonly 100: "0 8px 32px #05003808";
|
|
3844
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-
|
|
3852
|
+
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";
|
|
3853
|
+
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";
|
|
3845
3854
|
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";
|
|
3846
3855
|
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";
|
|
3847
3856
|
};
|
|
@@ -4342,7 +4351,8 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<{}, never> & _stit
|
|
|
4342
4351
|
shadows: {
|
|
4343
4352
|
readonly 50: "0 4px 16px #05003812";
|
|
4344
4353
|
readonly 100: "0 8px 32px #05003808";
|
|
4345
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-
|
|
4354
|
+
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";
|
|
4355
|
+
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";
|
|
4346
4356
|
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";
|
|
4347
4357
|
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";
|
|
4348
4358
|
};
|
|
@@ -4807,7 +4817,8 @@ declare const IconSlot: react.ForwardRefExoticComponent<Pick<Omit<{}, never> & _
|
|
|
4807
4817
|
shadows: {
|
|
4808
4818
|
readonly 50: "0 4px 16px #05003812";
|
|
4809
4819
|
readonly 100: "0 8px 32px #05003808";
|
|
4810
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-
|
|
4820
|
+
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";
|
|
4821
|
+
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
4822
|
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";
|
|
4812
4823
|
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";
|
|
4813
4824
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-dropdown-menu",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.6",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -29,13 +29,13 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@radix-ui/react-dropdown-menu": "^1.0.0",
|
|
31
31
|
"@mirohq/design-system-primitive": "^1.1.0",
|
|
32
|
-
"@mirohq/design-system-
|
|
33
|
-
"@mirohq/design-system-
|
|
34
|
-
"@mirohq/design-system-switch": "^2.1.
|
|
32
|
+
"@mirohq/design-system-stitches": "^2.2.3",
|
|
33
|
+
"@mirohq/design-system-styles": "^1.0.19",
|
|
34
|
+
"@mirohq/design-system-switch": "^2.1.6"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@mirohq/design-system-button": "^3.0.
|
|
38
|
-
"@mirohq/design-system-flex": "^2.1.
|
|
37
|
+
"@mirohq/design-system-button": "^3.0.5",
|
|
38
|
+
"@mirohq/design-system-flex": "^2.1.7"
|
|
39
39
|
},
|
|
40
40
|
"scripts": {
|
|
41
41
|
"build": "rollup -c ../../../rollup.config.js",
|