@launchpad-ui/menu 0.12.13 → 0.13.0
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 -1
- package/package.json +6 -6
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
|
-
"has-focus": "C73R2W_has-
|
|
14
|
-
"is-highlighted": "C73R2W_is-
|
|
13
|
+
"has-focus": "C73R2W_has-focus",
|
|
14
|
+
"is-highlighted": "C73R2W_is-highlighted",
|
|
15
15
|
Menu: Menu$1,
|
|
16
|
-
"Menu--isVirtual": "C73R2W_Menu--
|
|
17
|
-
"Menu-divider": "C73R2W_Menu-
|
|
18
|
-
"Menu-item": "C73R2W_Menu-
|
|
19
|
-
"Menu-item--header": "C73R2W_Menu-item--
|
|
20
|
-
"Menu-item--nested": "C73R2W_Menu-item--
|
|
21
|
-
"Menu-item-icon": "C73R2W_Menu-item-
|
|
22
|
-
"Menu-item-list": "C73R2W_Menu-item-
|
|
23
|
-
"Menu-search": "C73R2W_Menu-
|
|
24
|
-
"Menu-search-hidden-placeholder": "C73R2W_Menu-search-hidden-
|
|
25
|
-
"MenuSize--lg": "C73R2W_MenuSize--
|
|
26
|
-
"MenuSize--md": "C73R2W_MenuSize--
|
|
27
|
-
"MenuSize--sm": "C73R2W_MenuSize--
|
|
28
|
-
"MenuSize--xl": "C73R2W_MenuSize--
|
|
29
|
-
"VirtualMenu-item": "C73R2W_VirtualMenu-
|
|
30
|
-
"VirtualMenu-item-list": "C73R2W_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
|
-
"has-focus": "C73R2W_has-
|
|
16
|
-
"is-highlighted": "C73R2W_is-
|
|
15
|
+
"has-focus": "C73R2W_has-focus",
|
|
16
|
+
"is-highlighted": "C73R2W_is-highlighted",
|
|
17
17
|
Menu: Menu$1,
|
|
18
|
-
"Menu--isVirtual": "C73R2W_Menu--
|
|
19
|
-
"Menu-divider": "C73R2W_Menu-
|
|
20
|
-
"Menu-item": "C73R2W_Menu-
|
|
21
|
-
"Menu-item--header": "C73R2W_Menu-item--
|
|
22
|
-
"Menu-item--nested": "C73R2W_Menu-item--
|
|
23
|
-
"Menu-item-icon": "C73R2W_Menu-item-
|
|
24
|
-
"Menu-item-list": "C73R2W_Menu-item-
|
|
25
|
-
"Menu-search": "C73R2W_Menu-
|
|
26
|
-
"Menu-search-hidden-placeholder": "C73R2W_Menu-search-hidden-
|
|
27
|
-
"MenuSize--lg": "C73R2W_MenuSize--
|
|
28
|
-
"MenuSize--md": "C73R2W_MenuSize--
|
|
29
|
-
"MenuSize--sm": "C73R2W_MenuSize--
|
|
30
|
-
"MenuSize--xl": "C73R2W_MenuSize--
|
|
31
|
-
"VirtualMenu-item": "C73R2W_VirtualMenu-
|
|
32
|
-
"VirtualMenu-item-list": "C73R2W_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 +1 @@
|
|
|
1
|
-
.C73R2W_Menu-
|
|
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.
|
|
3
|
+
"version": "0.13.0",
|
|
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.
|
|
35
|
-
"@launchpad-ui/icons": "~0.
|
|
36
|
-
"@launchpad-ui/popover": "~0.11.
|
|
37
|
-
"@launchpad-ui/tokens": "~0.9.
|
|
38
|
-
"@launchpad-ui/tooltip": "~0.
|
|
34
|
+
"@launchpad-ui/form": "~0.11.0",
|
|
35
|
+
"@launchpad-ui/icons": "~0.16.0",
|
|
36
|
+
"@launchpad-ui/popover": "~0.11.11",
|
|
37
|
+
"@launchpad-ui/tokens": "~0.9.4",
|
|
38
|
+
"@launchpad-ui/tooltip": "~0.9.0"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
41
41
|
"react": "18.2.0",
|