@rescui/dropdown-menu 0.14.0 → 0.15.1
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/lib/dropdown-menu.d.ts +5 -4
- package/lib/dropdown-menu.p.module.css.js +1 -1
- package/lib/index.css +14 -14
- package/lib/public-api.p.css +6 -6
- package/lib/public-api.pcss +6 -6
- package/package.json +6 -6
package/lib/dropdown-menu.d.ts
CHANGED
|
@@ -17,17 +17,18 @@ export interface DropdownMenuProps extends Omit<DropdownProps, 'maxWidth' | 'min
|
|
|
17
17
|
wrapItemsWithLi?: boolean;
|
|
18
18
|
activateFirstItemOnOpen?: boolean;
|
|
19
19
|
/**
|
|
20
|
-
* See [MDN spec](https://developer.mozilla.org/en-US/docs/Web/CSS/
|
|
20
|
+
* See [MDN spec](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width).
|
|
21
21
|
* `trigger` is a special value that substitutes with trigger's width calculated on every dropdown position update
|
|
22
22
|
* @type 'trigger' | MinWidthProperty<string | number>;
|
|
23
|
-
* @default
|
|
23
|
+
* @default "180px"(s); "286px"(m); "392px"(l)
|
|
24
|
+
* @rawDefaultValue
|
|
24
25
|
* */
|
|
25
26
|
minWidth?: DropdownProps['minWidth'];
|
|
26
27
|
/**
|
|
27
|
-
* See [MDN spec](https://developer.mozilla.org/en-US/docs/Web/CSS/
|
|
28
|
+
* See [MDN spec](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width).
|
|
28
29
|
* `trigger` is a special value that substitutes with trigger's width calculated on every dropdown position update
|
|
29
30
|
* @type 'trigger' | MaxWidthProperty<string | number>;
|
|
30
|
-
* @default "
|
|
31
|
+
* @default "392px"(s); "498px"(m); "604px"(l)
|
|
31
32
|
* @rawDefaultValue
|
|
32
33
|
* */
|
|
33
34
|
maxWidth?: DropdownProps['maxWidth'];
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var styles = {"sizeS":"
|
|
1
|
+
var styles = {"sizeS":"_sizeS_17hawfx_8","sizeM":"_sizeM_17hawfx_11","sizeL":"_sizeL_17hawfx_14","dropdownMenu":"_dropdownMenu_17hawfx_18","menu":"_menu_17hawfx_23"};
|
|
2
2
|
|
|
3
3
|
export { styles as default };
|
package/lib/index.css
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
.
|
|
2
|
-
--_rs-dropdown-menu-min-width:
|
|
3
|
-
--_rs-dropdown-menu-max-width:
|
|
1
|
+
._sizeS_17hawfx_8{
|
|
2
|
+
--_rs-dropdown-menu-min-width:180px;
|
|
3
|
+
--_rs-dropdown-menu-max-width:392px;
|
|
4
4
|
}
|
|
5
|
-
.
|
|
5
|
+
._sizeS_17hawfx_8 [data-rs-internal='dropdown-menu__menu-wrapper']{
|
|
6
6
|
--_rs-dropdown-menu-item-height:32px;
|
|
7
7
|
}
|
|
8
|
-
.
|
|
9
|
-
--_rs-dropdown-menu-min-width:
|
|
10
|
-
--_rs-dropdown-menu-max-width:
|
|
8
|
+
._sizeM_17hawfx_11{
|
|
9
|
+
--_rs-dropdown-menu-min-width:286px;
|
|
10
|
+
--_rs-dropdown-menu-max-width:498px;
|
|
11
11
|
}
|
|
12
|
-
.
|
|
12
|
+
._sizeM_17hawfx_11 [data-rs-internal='dropdown-menu__menu-wrapper']{
|
|
13
13
|
--_rs-dropdown-menu-item-height:40px;
|
|
14
14
|
}
|
|
15
|
-
.
|
|
16
|
-
--_rs-dropdown-menu-min-width:
|
|
17
|
-
--_rs-dropdown-menu-max-width:
|
|
15
|
+
._sizeL_17hawfx_14{
|
|
16
|
+
--_rs-dropdown-menu-min-width:392px;
|
|
17
|
+
--_rs-dropdown-menu-max-width:604px;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
._sizeL_17hawfx_14 [data-rs-internal='dropdown-menu__menu-wrapper']{
|
|
20
20
|
--_rs-dropdown-menu-item-height:52px;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
.
|
|
23
|
+
._dropdownMenu_17hawfx_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_17hawfx_23{
|
|
29
29
|
margin:0;
|
|
30
30
|
padding:0;
|
|
31
31
|
|
package/lib/public-api.p.css
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
}
|
|
6
6
|
@define-mixin rs-dropdown-menu-size-s{
|
|
7
7
|
&[class]{
|
|
8
|
-
--_rs-dropdown-menu-min-width:
|
|
9
|
-
--_rs-dropdown-menu-max-width:
|
|
8
|
+
--_rs-dropdown-menu-min-width:180px;
|
|
9
|
+
--_rs-dropdown-menu-max-width:392px;
|
|
10
10
|
}
|
|
11
11
|
&[class] [data-rs-internal='dropdown-menu__menu-wrapper']{
|
|
12
12
|
--_rs-dropdown-menu-item-height:32px;
|
|
@@ -87,8 +87,8 @@
|
|
|
87
87
|
}
|
|
88
88
|
@define-mixin rs-dropdown-menu-size-m{
|
|
89
89
|
&[class]{
|
|
90
|
-
--_rs-dropdown-menu-min-width:
|
|
91
|
-
--_rs-dropdown-menu-max-width:
|
|
90
|
+
--_rs-dropdown-menu-min-width:286px;
|
|
91
|
+
--_rs-dropdown-menu-max-width:498px;
|
|
92
92
|
}
|
|
93
93
|
&[class] [data-rs-internal='dropdown-menu__menu-wrapper']{
|
|
94
94
|
--_rs-dropdown-menu-item-height:40px;
|
|
@@ -177,8 +177,8 @@
|
|
|
177
177
|
}
|
|
178
178
|
@define-mixin rs-dropdown-menu-size-l{
|
|
179
179
|
&[class]{
|
|
180
|
-
--_rs-dropdown-menu-min-width:
|
|
181
|
-
--_rs-dropdown-menu-max-width:
|
|
180
|
+
--_rs-dropdown-menu-min-width:392px;
|
|
181
|
+
--_rs-dropdown-menu-max-width:604px;
|
|
182
182
|
}
|
|
183
183
|
&[class] [data-rs-internal='dropdown-menu__menu-wrapper']{
|
|
184
184
|
--_rs-dropdown-menu-item-height:52px;
|
package/lib/public-api.pcss
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
}
|
|
6
6
|
@define-mixin rs-dropdown-menu-size-s{
|
|
7
7
|
&[class]{
|
|
8
|
-
--_rs-dropdown-menu-min-width:
|
|
9
|
-
--_rs-dropdown-menu-max-width:
|
|
8
|
+
--_rs-dropdown-menu-min-width:180px;
|
|
9
|
+
--_rs-dropdown-menu-max-width:392px;
|
|
10
10
|
}
|
|
11
11
|
&[class] [data-rs-internal='dropdown-menu__menu-wrapper']{
|
|
12
12
|
--_rs-dropdown-menu-item-height:32px;
|
|
@@ -87,8 +87,8 @@
|
|
|
87
87
|
}
|
|
88
88
|
@define-mixin rs-dropdown-menu-size-m{
|
|
89
89
|
&[class]{
|
|
90
|
-
--_rs-dropdown-menu-min-width:
|
|
91
|
-
--_rs-dropdown-menu-max-width:
|
|
90
|
+
--_rs-dropdown-menu-min-width:286px;
|
|
91
|
+
--_rs-dropdown-menu-max-width:498px;
|
|
92
92
|
}
|
|
93
93
|
&[class] [data-rs-internal='dropdown-menu__menu-wrapper']{
|
|
94
94
|
--_rs-dropdown-menu-item-height:40px;
|
|
@@ -177,8 +177,8 @@
|
|
|
177
177
|
}
|
|
178
178
|
@define-mixin rs-dropdown-menu-size-l{
|
|
179
179
|
&[class]{
|
|
180
|
-
--_rs-dropdown-menu-min-width:
|
|
181
|
-
--_rs-dropdown-menu-max-width:
|
|
180
|
+
--_rs-dropdown-menu-min-width:392px;
|
|
181
|
+
--_rs-dropdown-menu-max-width:604px;
|
|
182
182
|
}
|
|
183
183
|
&[class] [data-rs-internal='dropdown-menu__menu-wrapper']{
|
|
184
184
|
--_rs-dropdown-menu-item-height:52px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/dropdown-menu",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.15.1",
|
|
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.1",
|
|
20
|
+
"@rescui/menu": "^0.17.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,9 +29,9 @@
|
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@rescui/colors": "^0.3.5",
|
|
32
|
-
"@rescui/icons": "^1.11.
|
|
32
|
+
"@rescui/icons": "^1.11.1",
|
|
33
33
|
"@rescui/scripts": "^0.6.0",
|
|
34
|
-
"@rescui/typography": "^0.
|
|
34
|
+
"@rescui/typography": "^0.30.0",
|
|
35
35
|
"@rescui/visual-regression": "^0.1.4"
|
|
36
36
|
},
|
|
37
37
|
"scripts": {
|
|
@@ -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": "bf5230351055bc038b125e0de66eaee52085973a"
|
|
43
43
|
}
|