@launchpad-ui/menu 0.12.12 → 0.12.13
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/index.es.js +18 -18
- package/dist/index.js +18 -18
- package/dist/style.css +1 -159
- package/package.json +5 -5
package/dist/index.es.js
CHANGED
@@ -8,26 +8,26 @@ import { Slot } from "@radix-ui/react-slot";
|
|
8
8
|
import { FocusRing, useFocusManager } from "@react-aria/focus";
|
9
9
|
import { TextField } from "@launchpad-ui/form";
|
10
10
|
import { useVirtual } from "react-virtual";
|
11
|
-
const Menu$1 = "
|
11
|
+
const Menu$1 = "C73R2W_Menu_";
|
12
12
|
const styles = {
|
13
|
-
"
|
14
|
-
"
|
13
|
+
"has-focus": "C73R2W_has-focus_",
|
14
|
+
"is-highlighted": "C73R2W_is-highlighted_",
|
15
15
|
Menu: Menu$1,
|
16
|
-
"Menu
|
17
|
-
"
|
18
|
-
"Menu-item
|
19
|
-
"Menu-item
|
20
|
-
"
|
21
|
-
"Menu-
|
22
|
-
"Menu-
|
23
|
-
"Menu-search
|
24
|
-
"Menu
|
25
|
-
"MenuSize--
|
26
|
-
"MenuSize--
|
27
|
-
"MenuSize--
|
28
|
-
"MenuSize--
|
29
|
-
"VirtualMenu-item
|
30
|
-
"VirtualMenu-item": "
|
16
|
+
"Menu--isVirtual": "C73R2W_Menu--isVirtual_",
|
17
|
+
"Menu-divider": "C73R2W_Menu-divider_",
|
18
|
+
"Menu-item": "C73R2W_Menu-item_",
|
19
|
+
"Menu-item--header": "C73R2W_Menu-item--header_",
|
20
|
+
"Menu-item--nested": "C73R2W_Menu-item--nested_",
|
21
|
+
"Menu-item-icon": "C73R2W_Menu-item-icon_",
|
22
|
+
"Menu-item-list": "C73R2W_Menu-item-list_",
|
23
|
+
"Menu-search": "C73R2W_Menu-search_",
|
24
|
+
"Menu-search-hidden-placeholder": "C73R2W_Menu-search-hidden-placeholder_",
|
25
|
+
"MenuSize--lg": "C73R2W_MenuSize--lg_",
|
26
|
+
"MenuSize--md": "C73R2W_MenuSize--md_",
|
27
|
+
"MenuSize--sm": "C73R2W_MenuSize--sm_",
|
28
|
+
"MenuSize--xl": "C73R2W_MenuSize--xl_",
|
29
|
+
"VirtualMenu-item": "C73R2W_VirtualMenu-item_",
|
30
|
+
"VirtualMenu-item-list": "C73R2W_VirtualMenu-item-list_"
|
31
31
|
};
|
32
32
|
const MenuBase = /* @__PURE__ */ forwardRef(
|
33
33
|
({ children, size, isVirtual, ...props }, ref) => {
|
package/dist/index.js
CHANGED
@@ -10,26 +10,26 @@ const reactSlot = require("@radix-ui/react-slot");
|
|
10
10
|
const focus = require("@react-aria/focus");
|
11
11
|
const form = require("@launchpad-ui/form");
|
12
12
|
const reactVirtual = require("react-virtual");
|
13
|
-
const Menu$1 = "
|
13
|
+
const Menu$1 = "C73R2W_Menu_";
|
14
14
|
const styles = {
|
15
|
-
"
|
16
|
-
"
|
15
|
+
"has-focus": "C73R2W_has-focus_",
|
16
|
+
"is-highlighted": "C73R2W_is-highlighted_",
|
17
17
|
Menu: Menu$1,
|
18
|
-
"Menu
|
19
|
-
"
|
20
|
-
"Menu-item
|
21
|
-
"Menu-item
|
22
|
-
"
|
23
|
-
"Menu-
|
24
|
-
"Menu-
|
25
|
-
"Menu-search
|
26
|
-
"Menu
|
27
|
-
"MenuSize--
|
28
|
-
"MenuSize--
|
29
|
-
"MenuSize--
|
30
|
-
"MenuSize--
|
31
|
-
"VirtualMenu-item
|
32
|
-
"VirtualMenu-item": "
|
18
|
+
"Menu--isVirtual": "C73R2W_Menu--isVirtual_",
|
19
|
+
"Menu-divider": "C73R2W_Menu-divider_",
|
20
|
+
"Menu-item": "C73R2W_Menu-item_",
|
21
|
+
"Menu-item--header": "C73R2W_Menu-item--header_",
|
22
|
+
"Menu-item--nested": "C73R2W_Menu-item--nested_",
|
23
|
+
"Menu-item-icon": "C73R2W_Menu-item-icon_",
|
24
|
+
"Menu-item-list": "C73R2W_Menu-item-list_",
|
25
|
+
"Menu-search": "C73R2W_Menu-search_",
|
26
|
+
"Menu-search-hidden-placeholder": "C73R2W_Menu-search-hidden-placeholder_",
|
27
|
+
"MenuSize--lg": "C73R2W_MenuSize--lg_",
|
28
|
+
"MenuSize--md": "C73R2W_MenuSize--md_",
|
29
|
+
"MenuSize--sm": "C73R2W_MenuSize--sm_",
|
30
|
+
"MenuSize--xl": "C73R2W_MenuSize--xl_",
|
31
|
+
"VirtualMenu-item": "C73R2W_VirtualMenu-item_",
|
32
|
+
"VirtualMenu-item-list": "C73R2W_VirtualMenu-item-list_"
|
33
33
|
};
|
34
34
|
const MenuBase = /* @__PURE__ */ react.forwardRef(
|
35
35
|
({ children, size, isVirtual, ...props }, ref) => {
|
package/dist/style.css
CHANGED
@@ -1,159 +1 @@
|
|
1
|
-
.
|
2
|
-
background-color: transparent;
|
3
|
-
border-radius: var(--lp-border-radius-regular);
|
4
|
-
border-width: var(--lp-border-width-100);
|
5
|
-
color: var(--lp-color-text-ui-primary-base);
|
6
|
-
cursor: pointer;
|
7
|
-
display: block;
|
8
|
-
font: var(--lp-label-1-medium);
|
9
|
-
outline: none;
|
10
|
-
overflow: hidden;
|
11
|
-
padding-left: var(--lp-spacing-300);
|
12
|
-
padding-right: var(--lp-spacing-300);
|
13
|
-
padding-top: var(--lp-spacing-200);
|
14
|
-
padding-bottom: var(--lp-spacing-200);
|
15
|
-
position: relative;
|
16
|
-
text-align: left;
|
17
|
-
-webkit-text-decoration: none;
|
18
|
-
text-decoration: none;
|
19
|
-
text-overflow: ellipsis;
|
20
|
-
-webkit-user-select: none;
|
21
|
-
-moz-user-select: none;
|
22
|
-
user-select: none;
|
23
|
-
white-space: nowrap;
|
24
|
-
width: 100%;
|
25
|
-
}
|
26
|
-
|
27
|
-
._Menu-item-list_dlpdi_22 {
|
28
|
-
max-height: 55vh;
|
29
|
-
min-width: 7.5rem;
|
30
|
-
overflow: auto;
|
31
|
-
padding: var(--lp-spacing-200);
|
32
|
-
}
|
33
|
-
|
34
|
-
._Menu_dlpdi_1 ._Menu-item_dlpdi_1:not([disabled]):not([aria-disabled]):not(._Menu-item--header_dlpdi_29):active {
|
35
|
-
-webkit-text-decoration: none;
|
36
|
-
text-decoration: none;
|
37
|
-
background-color: var(--lp-color-bg-interactive-secondary-active);
|
38
|
-
}
|
39
|
-
|
40
|
-
._Menu_dlpdi_1 ._Menu-item_dlpdi_1:not([disabled]):not([aria-disabled]):not(._Menu-item--header_dlpdi_29):hover:not(:active):not(._has-focus_dlpdi_35) {
|
41
|
-
background-color: var(--lp-color-bg-interactive-secondary-hover);
|
42
|
-
}
|
43
|
-
|
44
|
-
._Menu_dlpdi_1 ._Menu-item_dlpdi_1:not([disabled]):not([aria-disabled]):not(._Menu-item--header_dlpdi_29)._has-focus_dlpdi_35 {
|
45
|
-
background-color: var(--lp-color-bg-interactive-secondary-hover);
|
46
|
-
box-shadow: inset 0 0 0 2px var(--lp-color-shadow-interactive-focus);
|
47
|
-
}
|
48
|
-
|
49
|
-
._Menu_dlpdi_1 {
|
50
|
-
background: var(--lp-color-bg-overlay-primary);
|
51
|
-
border-radius: var(--lp-border-radius-medium);
|
52
|
-
font-family: var(--lp-font-family-base);
|
53
|
-
}
|
54
|
-
|
55
|
-
._Menu_dlpdi_1:focus {
|
56
|
-
outline: none;
|
57
|
-
}
|
58
|
-
|
59
|
-
/* Override our link styles for link component */
|
60
|
-
|
61
|
-
._Menu_dlpdi_1 a._Menu-item_dlpdi_1:focus:not(:hover):not(._has-focus_dlpdi_35) {
|
62
|
-
-webkit-text-decoration: none;
|
63
|
-
text-decoration: none;
|
64
|
-
box-shadow: none;
|
65
|
-
}
|
66
|
-
|
67
|
-
/* Ensures that links that are disabled don't show active styles */
|
68
|
-
|
69
|
-
._Menu_dlpdi_1 a._Menu-item_dlpdi_1:active[disabled],
|
70
|
-
._Menu_dlpdi_1 a._Menu-item_dlpdi_1:active[aria-disabled] {
|
71
|
-
-webkit-text-decoration: none;
|
72
|
-
text-decoration: none;
|
73
|
-
color: var(--lp-color-text-interactive-disabled);
|
74
|
-
}
|
75
|
-
|
76
|
-
._Menu-item--nested_dlpdi_70 {
|
77
|
-
padding-left: 2.5rem;
|
78
|
-
}
|
79
|
-
|
80
|
-
._Menu-item--header_dlpdi_29 {
|
81
|
-
font: var(--lp-small-1-regular);
|
82
|
-
color: var(--lp-color-text-ui-tertiary);
|
83
|
-
}
|
84
|
-
|
85
|
-
._Menu-item-icon_dlpdi_79 {
|
86
|
-
margin-right: var(--lp-spacing-300);
|
87
|
-
}
|
88
|
-
|
89
|
-
._Menu-item_dlpdi_1 .Gravatar {
|
90
|
-
margin-right: 0.3125rem;
|
91
|
-
}
|
92
|
-
|
93
|
-
._Menu-item_dlpdi_1._is-highlighted_dlpdi_87 {
|
94
|
-
background-color: var(--lp-color-bg-interactive-secondary-hover);
|
95
|
-
}
|
96
|
-
|
97
|
-
._Menu-item_dlpdi_1[aria-disabled],
|
98
|
-
._Menu-item_dlpdi_1[disabled] {
|
99
|
-
color: var(--lp-color-text-interactive-disabled);
|
100
|
-
cursor: not-allowed;
|
101
|
-
}
|
102
|
-
|
103
|
-
._Menu-divider_dlpdi_97 {
|
104
|
-
border-top: 1px solid var(--lp-color-border-ui-secondary);
|
105
|
-
margin: var(--lp-spacing-200) 0;
|
106
|
-
}
|
107
|
-
|
108
|
-
._Menu-search_dlpdi_102 {
|
109
|
-
border-bottom: 1px solid var(--lp-color-border-ui-secondary);
|
110
|
-
padding: var(--lp-spacing-300);
|
111
|
-
}
|
112
|
-
|
113
|
-
[class^='_Popover-content_'] ._Menu-search_dlpdi_102 {
|
114
|
-
width: 100%;
|
115
|
-
}
|
116
|
-
|
117
|
-
/* Removing anything that could give it some height */
|
118
|
-
|
119
|
-
[class^='_Popover-content_'] ._Menu-search_dlpdi_102 ._Menu-search-hidden-placeholder_dlpdi_111 {
|
120
|
-
padding-top: 0;
|
121
|
-
padding-bottom: 0;
|
122
|
-
height: 0;
|
123
|
-
border: none;
|
124
|
-
visibility: hidden;
|
125
|
-
}
|
126
|
-
|
127
|
-
._Menu--isVirtual_dlpdi_120 {
|
128
|
-
display: flex;
|
129
|
-
align-items: stretch;
|
130
|
-
flex-direction: column;
|
131
|
-
}
|
132
|
-
|
133
|
-
._MenuSize--xl_dlpdi_126 {
|
134
|
-
width: 20rem;
|
135
|
-
}
|
136
|
-
|
137
|
-
._MenuSize--lg_dlpdi_130 {
|
138
|
-
width: 15rem;
|
139
|
-
}
|
140
|
-
|
141
|
-
._MenuSize--md_dlpdi_134 {
|
142
|
-
width: 10rem;
|
143
|
-
}
|
144
|
-
|
145
|
-
._MenuSize--sm_dlpdi_138 {
|
146
|
-
width: 7.5rem;
|
147
|
-
}
|
148
|
-
|
149
|
-
._VirtualMenu-item-list_dlpdi_142 {
|
150
|
-
width: 100%;
|
151
|
-
position: relative;
|
152
|
-
}
|
153
|
-
|
154
|
-
._VirtualMenu-item_dlpdi_142 {
|
155
|
-
position: absolute;
|
156
|
-
top: 0;
|
157
|
-
left: 0;
|
158
|
-
width: 100%;
|
159
|
-
}
|
1
|
+
.C73R2W_Menu-item_{border-radius:var(--lp-border-radius-regular);border-width:var(--lp-border-width-100);color:var(--lp-color-text-ui-primary-base);cursor:pointer;font:var(--lp-label-1-medium);padding-inline:var(--lp-spacing-300);padding-block:var(--lp-spacing-200);text-align:left;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;background-color:#0000;outline:none;width:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.C73R2W_Menu-item-list_{padding:var(--lp-spacing-200);min-width:7.5rem;max-height:55vh;overflow:auto}.C73R2W_Menu_ .C73R2W_Menu-item_:not([disabled]):not([aria-disabled]):not(.C73R2W_Menu-item--header_):active{background-color:var(--lp-color-bg-interactive-secondary-active);text-decoration:none}.C73R2W_Menu_ .C73R2W_Menu-item_:not([disabled]):not([aria-disabled]):not(.C73R2W_Menu-item--header_):hover:not(:active):not(.C73R2W_has-focus_){background-color:var(--lp-color-bg-interactive-secondary-hover)}.C73R2W_Menu_ .C73R2W_Menu-item_:not([disabled]):not([aria-disabled]):not(.C73R2W_Menu-item--header_).C73R2W_has-focus_{background-color:var(--lp-color-bg-interactive-secondary-hover);box-shadow:inset 0 0 0 2px var(--lp-color-shadow-interactive-focus)}.C73R2W_Menu_{background:var(--lp-color-bg-overlay-primary);border-radius:var(--lp-border-radius-medium);font-family:var(--lp-font-family-base)}.C73R2W_Menu_:focus{outline:none}.C73R2W_Menu_ a.C73R2W_Menu-item_:focus:not(:hover):not(.C73R2W_has-focus_){box-shadow:none;text-decoration:none}.C73R2W_Menu_ a.C73R2W_Menu-item_:active[disabled],.C73R2W_Menu_ a.C73R2W_Menu-item_:active[aria-disabled]{color:var(--lp-color-text-interactive-disabled);text-decoration:none}.C73R2W_Menu-item--nested_{padding-left:2.5rem}.C73R2W_Menu-item--header_{font:var(--lp-small-1-regular);color:var(--lp-color-text-ui-tertiary)}.C73R2W_Menu-item-icon_{margin-right:var(--lp-spacing-300)}.C73R2W_Menu-item_ .Gravatar{margin-right:.3125rem}.C73R2W_Menu-item_.C73R2W_is-highlighted_{background-color:var(--lp-color-bg-interactive-secondary-hover)}.C73R2W_Menu-item_[aria-disabled],.C73R2W_Menu-item_[disabled]{color:var(--lp-color-text-interactive-disabled);cursor:not-allowed}.C73R2W_Menu-divider_{border-top:1px solid var(--lp-color-border-ui-secondary);margin:var(--lp-spacing-200)0}.C73R2W_Menu-search_{border-bottom:1px solid var(--lp-color-border-ui-secondary);padding:var(--lp-spacing-300)}[class*=_Popover-content_] .C73R2W_Menu-search_{width:100%}[class*=_Popover-content_] .C73R2W_Menu-search_ .C73R2W_Menu-search-hidden-placeholder_{visibility:hidden;border:none;height:0;padding-top:0;padding-bottom:0}.C73R2W_Menu--isVirtual_{flex-direction:column;align-items:stretch;display:flex}.C73R2W_MenuSize--xl_{width:20rem}.C73R2W_MenuSize--lg_{width:15rem}.C73R2W_MenuSize--md_{width:10rem}.C73R2W_MenuSize--sm_{width:7.5rem}.C73R2W_VirtualMenu-item-list_{width:100%;position:relative}.C73R2W_VirtualMenu-item_{width:100%;position:absolute;top:0;left:0}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@launchpad-ui/menu",
|
3
|
-
"version": "0.12.
|
3
|
+
"version": "0.12.13",
|
4
4
|
"status": "beta",
|
5
5
|
"publishConfig": {
|
6
6
|
"access": "public"
|
@@ -31,11 +31,11 @@
|
|
31
31
|
"@react-aria/separator": "3.3.9",
|
32
32
|
"classix": "2.1.17",
|
33
33
|
"react-virtual": "2.10.4",
|
34
|
-
"@launchpad-ui/form": "~0.10.
|
35
|
-
"@launchpad-ui/icons": "~0.
|
36
|
-
"@launchpad-ui/popover": "~0.11.
|
34
|
+
"@launchpad-ui/form": "~0.10.13",
|
35
|
+
"@launchpad-ui/icons": "~0.15.0",
|
36
|
+
"@launchpad-ui/popover": "~0.11.10",
|
37
37
|
"@launchpad-ui/tokens": "~0.9.3",
|
38
|
-
"@launchpad-ui/tooltip": "~0.8.
|
38
|
+
"@launchpad-ui/tooltip": "~0.8.10"
|
39
39
|
},
|
40
40
|
"peerDependencies": {
|
41
41
|
"react": "18.2.0",
|