@rescui/dropdown-menu 0.15.3 → 0.15.4
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.
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var styles = {"sizeS":"
|
|
1
|
+
var styles = {"sizeS":"_sizeS_1kqb77i_8","sizeM":"_sizeM_1kqb77i_11","sizeL":"_sizeL_1kqb77i_14","dropdownMenu":"_dropdownMenu_1kqb77i_18","menu":"_menu_1kqb77i_23"};
|
|
2
2
|
|
|
3
3
|
export { styles as default };
|
package/lib/index.css
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
.
|
|
1
|
+
._sizeS_1kqb77i_8{
|
|
2
2
|
--_rs-dropdown-menu-min-width:180px;
|
|
3
3
|
--_rs-dropdown-menu-max-width:392px;
|
|
4
4
|
}
|
|
5
|
-
.
|
|
5
|
+
._sizeS_1kqb77i_8 [data-rs-internal='dropdown-menu__menu-wrapper']{
|
|
6
6
|
--_rs-dropdown-menu-item-height:32px;
|
|
7
7
|
}
|
|
8
|
-
.
|
|
8
|
+
._sizeM_1kqb77i_11{
|
|
9
9
|
--_rs-dropdown-menu-min-width:286px;
|
|
10
10
|
--_rs-dropdown-menu-max-width:498px;
|
|
11
11
|
}
|
|
12
|
-
.
|
|
12
|
+
._sizeM_1kqb77i_11 [data-rs-internal='dropdown-menu__menu-wrapper']{
|
|
13
13
|
--_rs-dropdown-menu-item-height:40px;
|
|
14
14
|
}
|
|
15
|
-
.
|
|
15
|
+
._sizeL_1kqb77i_14{
|
|
16
16
|
--_rs-dropdown-menu-min-width:392px;
|
|
17
17
|
--_rs-dropdown-menu-max-width:604px;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
._sizeL_1kqb77i_14 [data-rs-internal='dropdown-menu__menu-wrapper']{
|
|
20
20
|
--_rs-dropdown-menu-item-height:52px;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
.
|
|
23
|
+
._dropdownMenu_1kqb77i_18{
|
|
24
24
|
min-width:var(--_rs-dropdown-menu-min-width);
|
|
25
25
|
max-width:var(--_rs-dropdown-menu-max-width);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.
|
|
28
|
+
._menu_1kqb77i_23{
|
|
29
29
|
margin:0;
|
|
30
30
|
padding:0;
|
|
31
31
|
|
|
@@ -10,7 +10,7 @@ Do not combine `iconPlacement="right"` with `selected` prop.
|
|
|
10
10
|
|
|
11
11
|
#### Basic example
|
|
12
12
|
|
|
13
|
-
```
|
|
13
|
+
```jsx
|
|
14
14
|
import { useState } from 'react';
|
|
15
15
|
import { DropdownMenu, MenuItem } from '@rescui/dropdown-menu';
|
|
16
16
|
import { Button } from '@rescui/button';
|
|
@@ -43,7 +43,7 @@ render(<Demo />);
|
|
|
43
43
|
|
|
44
44
|
#### Links, buttons, divider
|
|
45
45
|
|
|
46
|
-
```
|
|
46
|
+
```jsx
|
|
47
47
|
import { useState } from 'react';
|
|
48
48
|
import { DropdownMenu, MenuItem } from '@rescui/dropdown-menu';
|
|
49
49
|
import { Divider } from '@rescui/menu';
|
|
@@ -85,7 +85,7 @@ render(<Demo />);
|
|
|
85
85
|
|
|
86
86
|
#### Select first item on open by keyboard
|
|
87
87
|
|
|
88
|
-
```
|
|
88
|
+
```jsx
|
|
89
89
|
import { useState } from 'react';
|
|
90
90
|
import { DropdownMenu, MenuItem } from '@rescui/dropdown-menu';
|
|
91
91
|
import { Button } from '@rescui/button';
|
|
@@ -130,7 +130,7 @@ render(<Demo />);
|
|
|
130
130
|
|
|
131
131
|
#### Rock with glow effect
|
|
132
132
|
|
|
133
|
-
```
|
|
133
|
+
```jsx
|
|
134
134
|
import { useState } from 'react';
|
|
135
135
|
import { DropdownMenu, MenuItem } from '@rescui/dropdown-menu';
|
|
136
136
|
import { Button } from '@rescui/button';
|
|
@@ -176,7 +176,7 @@ render(<Demo />);
|
|
|
176
176
|
|
|
177
177
|
#### With selected support
|
|
178
178
|
|
|
179
|
-
```
|
|
179
|
+
```jsx
|
|
180
180
|
import { useState } from 'react';
|
|
181
181
|
import { DropdownMenu, MenuItem } from '@rescui/dropdown-menu';
|
|
182
182
|
import { Button } from '@rescui/button';
|
|
@@ -222,7 +222,7 @@ render(<Demo />);
|
|
|
222
222
|
|
|
223
223
|
#### With `minWidth`
|
|
224
224
|
|
|
225
|
-
```
|
|
225
|
+
```jsx
|
|
226
226
|
import { useState } from 'react';
|
|
227
227
|
import { DropdownMenu, MenuItem } from '@rescui/dropdown-menu';
|
|
228
228
|
import { Button } from '@rescui/button';
|
|
@@ -256,7 +256,7 @@ render(<Demo />);
|
|
|
256
256
|
|
|
257
257
|
#### With icons
|
|
258
258
|
|
|
259
|
-
```
|
|
259
|
+
```jsx
|
|
260
260
|
import { useState } from 'react';
|
|
261
261
|
import { DropdownMenu, MenuItem } from '@rescui/dropdown-menu';
|
|
262
262
|
import { Button } from '@rescui/button';
|
|
@@ -288,7 +288,7 @@ render(<Demo />);
|
|
|
288
288
|
|
|
289
289
|
#### With hover icon
|
|
290
290
|
|
|
291
|
-
```
|
|
291
|
+
```jsx
|
|
292
292
|
import { useState } from 'react';
|
|
293
293
|
import { DropdownMenu, MenuItem } from '@rescui/dropdown-menu';
|
|
294
294
|
import { Button } from '@rescui/button';
|
|
@@ -334,7 +334,7 @@ render(<Demo />);
|
|
|
334
334
|
|
|
335
335
|
If your primary color background requires dark text color, use `--rs-dropdown-menu-contrast-primary` CSS variable.
|
|
336
336
|
|
|
337
|
-
```
|
|
337
|
+
```jsx
|
|
338
338
|
import { useState } from 'react';
|
|
339
339
|
import { DropdownMenu, MenuItem } from '@rescui/dropdown-menu';
|
|
340
340
|
import { Button } from '@rescui/button';
|
|
@@ -400,7 +400,7 @@ render(<Demo />);
|
|
|
400
400
|
|
|
401
401
|
Use the controls to see the effect at different viewport widths.
|
|
402
402
|
|
|
403
|
-
```
|
|
403
|
+
```jsx
|
|
404
404
|
import { useState } from 'react';
|
|
405
405
|
import { DropdownMenu, MenuItem } from '@rescui/dropdown-menu';
|
|
406
406
|
import { Button } from '@rescui/button';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/dropdown-menu",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
"access": "public"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@rescui/dropdown": "^0.13.
|
|
20
|
-
"@rescui/menu": "^0.
|
|
19
|
+
"@rescui/dropdown": "^0.13.4",
|
|
20
|
+
"@rescui/menu": "^0.18.0",
|
|
21
21
|
"@rescui/use-resize-observer": "^0.5.0",
|
|
22
22
|
"classnames": "^2.2.6",
|
|
23
23
|
"react-compiler-runtime": "^1.0.0"
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@rescui/colors": "^0.3.6",
|
|
32
|
-
"@rescui/icons": "^1.12.
|
|
32
|
+
"@rescui/icons": "^1.12.1",
|
|
33
33
|
"@rescui/scripts": "^0.6.0",
|
|
34
34
|
"@rescui/typography": "^0.30.2",
|
|
35
35
|
"@rescui/visual-regression": "^0.1.5"
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
|
|
40
40
|
},
|
|
41
41
|
"nx": {},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "de39487aaf7fa1351451b7a4c73b0f6024551e5a"
|
|
43
43
|
}
|