@launchpad-ui/menu 0.16.20 → 0.16.22

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.
Files changed (4) hide show
  1. package/dist/index.es.js +18 -18
  2. package/dist/index.js +18 -18
  3. package/dist/style.css +1 -1
  4. package/package.json +8 -7
package/dist/index.es.js CHANGED
@@ -9,26 +9,26 @@ import { FocusRing } from "react-aria/FocusRing";
9
9
  import { Slot } from "@radix-ui/react-slot";
10
10
  import { Tooltip } from "@launchpad-ui/tooltip";
11
11
  import { TextField } from "@launchpad-ui/form";
12
- const Menu$1 = "ndwPIG_Menu";
12
+ const Menu$1 = "KVXRpW_Menu";
13
13
  const styles = {
14
- "has-focus": "ndwPIG_has-focus",
15
- "is-highlighted": "ndwPIG_is-highlighted",
14
+ "has-focus": "KVXRpW_has-focus",
15
+ "is-highlighted": "KVXRpW_is-highlighted",
16
16
  Menu: Menu$1,
17
- "Menu--isVirtual": "ndwPIG_Menu--isVirtual",
18
- "Menu-divider": "ndwPIG_Menu-divider",
19
- "Menu-item": "ndwPIG_Menu-item",
20
- "Menu-item--header": "ndwPIG_Menu-item--header",
21
- "Menu-item--nested": "ndwPIG_Menu-item--nested",
22
- "Menu-item-icon": "ndwPIG_Menu-item-icon",
23
- "Menu-item-list": "ndwPIG_Menu-item-list",
24
- "Menu-search": "ndwPIG_Menu-search",
25
- "Menu-search-hidden-placeholder": "ndwPIG_Menu-search-hidden-placeholder",
26
- "MenuSize--lg": "ndwPIG_MenuSize--lg",
27
- "MenuSize--md": "ndwPIG_MenuSize--md",
28
- "MenuSize--sm": "ndwPIG_MenuSize--sm",
29
- "MenuSize--xl": "ndwPIG_MenuSize--xl",
30
- "VirtualMenu-item": "ndwPIG_VirtualMenu-item",
31
- "VirtualMenu-item-list": "ndwPIG_VirtualMenu-item-list"
17
+ "Menu--isVirtual": "KVXRpW_Menu--isVirtual",
18
+ "Menu-divider": "KVXRpW_Menu-divider",
19
+ "Menu-item": "KVXRpW_Menu-item",
20
+ "Menu-item--header": "KVXRpW_Menu-item--header",
21
+ "Menu-item--nested": "KVXRpW_Menu-item--nested",
22
+ "Menu-item-icon": "KVXRpW_Menu-item-icon",
23
+ "Menu-item-list": "KVXRpW_Menu-item-list",
24
+ "Menu-search": "KVXRpW_Menu-search",
25
+ "Menu-search-hidden-placeholder": "KVXRpW_Menu-search-hidden-placeholder",
26
+ "MenuSize--lg": "KVXRpW_MenuSize--lg",
27
+ "MenuSize--md": "KVXRpW_MenuSize--md",
28
+ "MenuSize--sm": "KVXRpW_MenuSize--sm",
29
+ "MenuSize--xl": "KVXRpW_MenuSize--xl",
30
+ "VirtualMenu-item": "KVXRpW_VirtualMenu-item",
31
+ "VirtualMenu-item-list": "KVXRpW_VirtualMenu-item-list"
32
32
  };
33
33
  const MenuBase = /* @__PURE__ */ forwardRef(({ children, size, isVirtual, ...props }, ref) => {
34
34
  const classes = cx(styles.Menu, isVirtual && styles["Menu--isVirtual"], size && styles[`MenuSize--${size}`]);
package/dist/index.js CHANGED
@@ -11,26 +11,26 @@ const FocusRing = require("react-aria/FocusRing");
11
11
  const reactSlot = require("@radix-ui/react-slot");
12
12
  const tooltip = require("@launchpad-ui/tooltip");
13
13
  const form = require("@launchpad-ui/form");
14
- const Menu$1 = "ndwPIG_Menu";
14
+ const Menu$1 = "KVXRpW_Menu";
15
15
  const styles = {
16
- "has-focus": "ndwPIG_has-focus",
17
- "is-highlighted": "ndwPIG_is-highlighted",
16
+ "has-focus": "KVXRpW_has-focus",
17
+ "is-highlighted": "KVXRpW_is-highlighted",
18
18
  Menu: Menu$1,
19
- "Menu--isVirtual": "ndwPIG_Menu--isVirtual",
20
- "Menu-divider": "ndwPIG_Menu-divider",
21
- "Menu-item": "ndwPIG_Menu-item",
22
- "Menu-item--header": "ndwPIG_Menu-item--header",
23
- "Menu-item--nested": "ndwPIG_Menu-item--nested",
24
- "Menu-item-icon": "ndwPIG_Menu-item-icon",
25
- "Menu-item-list": "ndwPIG_Menu-item-list",
26
- "Menu-search": "ndwPIG_Menu-search",
27
- "Menu-search-hidden-placeholder": "ndwPIG_Menu-search-hidden-placeholder",
28
- "MenuSize--lg": "ndwPIG_MenuSize--lg",
29
- "MenuSize--md": "ndwPIG_MenuSize--md",
30
- "MenuSize--sm": "ndwPIG_MenuSize--sm",
31
- "MenuSize--xl": "ndwPIG_MenuSize--xl",
32
- "VirtualMenu-item": "ndwPIG_VirtualMenu-item",
33
- "VirtualMenu-item-list": "ndwPIG_VirtualMenu-item-list"
19
+ "Menu--isVirtual": "KVXRpW_Menu--isVirtual",
20
+ "Menu-divider": "KVXRpW_Menu-divider",
21
+ "Menu-item": "KVXRpW_Menu-item",
22
+ "Menu-item--header": "KVXRpW_Menu-item--header",
23
+ "Menu-item--nested": "KVXRpW_Menu-item--nested",
24
+ "Menu-item-icon": "KVXRpW_Menu-item-icon",
25
+ "Menu-item-list": "KVXRpW_Menu-item-list",
26
+ "Menu-search": "KVXRpW_Menu-search",
27
+ "Menu-search-hidden-placeholder": "KVXRpW_Menu-search-hidden-placeholder",
28
+ "MenuSize--lg": "KVXRpW_MenuSize--lg",
29
+ "MenuSize--md": "KVXRpW_MenuSize--md",
30
+ "MenuSize--sm": "KVXRpW_MenuSize--sm",
31
+ "MenuSize--xl": "KVXRpW_MenuSize--xl",
32
+ "VirtualMenu-item": "KVXRpW_VirtualMenu-item",
33
+ "VirtualMenu-item-list": "KVXRpW_VirtualMenu-item-list"
34
34
  };
35
35
  const MenuBase = /* @__PURE__ */ react.forwardRef(({ children, size, isVirtual, ...props }, ref) => {
36
36
  const classes = classix.cx(styles.Menu, isVirtual && styles["Menu--isVirtual"], size && styles[`MenuSize--${size}`]);
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .ndwPIG_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-text-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}.ndwPIG_Menu-item-list{min-width:7.5rem;max-height:55vh;padding:var(--lp-spacing-200);overflow:auto}.ndwPIG_Menu .ndwPIG_Menu-item:not([disabled]):not([aria-disabled]):not(.ndwPIG_Menu-item--header):active{background-color:var(--lp-color-bg-interactive-secondary-active);text-decoration:none}.ndwPIG_Menu .ndwPIG_Menu-item:not([disabled]):not([aria-disabled]):not(.ndwPIG_Menu-item--header):hover:not(:active):not(.ndwPIG_has-focus){background-color:var(--lp-color-bg-interactive-secondary-hover)}.ndwPIG_Menu .ndwPIG_Menu-item:not([disabled]):not([aria-disabled]):not(.ndwPIG_Menu-item--header).ndwPIG_has-focus{background-color:var(--lp-color-bg-interactive-secondary-hover);box-shadow:inset 0 0 0 2px var(--lp-color-shadow-interactive-focus)}.ndwPIG_Menu{background:var(--lp-color-bg-overlay-secondary);border-radius:var(--lp-border-radius-medium);font-family:var(--lp-font-family-base)}.ndwPIG_Menu:focus{outline:none}.ndwPIG_Menu a.ndwPIG_Menu-item:focus:not(:hover):not(.ndwPIG_has-focus){box-shadow:none;text-decoration:none}.ndwPIG_Menu a.ndwPIG_Menu-item:active[disabled],.ndwPIG_Menu a.ndwPIG_Menu-item:active[aria-disabled]{color:var(--lp-color-text-interactive-disabled);text-decoration:none}.ndwPIG_Menu-item--nested{padding-left:2.5rem}.ndwPIG_Menu-item--header{font:var(--lp-text-small-1-regular);color:var(--lp-color-text-ui-secondary)}.ndwPIG_Menu-item-icon{margin-right:var(--lp-spacing-300)}.ndwPIG_Menu-item .Gravatar{margin-right:.3125rem}.ndwPIG_Menu-item.ndwPIG_is-highlighted{background-color:var(--lp-color-bg-interactive-secondary-hover)}.ndwPIG_Menu-item[aria-disabled],.ndwPIG_Menu-item[disabled]{color:var(--lp-color-text-interactive-disabled);cursor:not-allowed}.ndwPIG_Menu-divider{border-top:1px solid var(--lp-color-border-ui-secondary);margin:var(--lp-spacing-200) 0}.ndwPIG_Menu-search{border-bottom:1px solid var(--lp-color-border-ui-secondary);padding:var(--lp-spacing-300)}[class*=_Popover-content] .ndwPIG_Menu-search{width:100%}[class*=_Popover-content] .ndwPIG_Menu-search .ndwPIG_Menu-search-hidden-placeholder{visibility:hidden;border:none;height:0;padding-top:0;padding-bottom:0}.ndwPIG_Menu--isVirtual{flex-direction:column;align-items:stretch;display:flex}.ndwPIG_MenuSize--xl{width:20rem}.ndwPIG_MenuSize--lg{width:15rem}.ndwPIG_MenuSize--md{width:10rem}.ndwPIG_MenuSize--sm{width:7.5rem}.ndwPIG_VirtualMenu-item-list{width:100%;position:relative}.ndwPIG_VirtualMenu-item{width:100%;position:absolute;top:0;left:0}
1
+ .KVXRpW_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-text-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}.KVXRpW_Menu-item-list{min-width:7.5rem;max-height:55vh;padding:var(--lp-spacing-200);overflow:auto}.KVXRpW_Menu .KVXRpW_Menu-item:not([disabled]):not([aria-disabled]):not(.KVXRpW_Menu-item--header):active{background-color:var(--lp-color-bg-interactive-secondary-active);text-decoration:none}.KVXRpW_Menu .KVXRpW_Menu-item:not([disabled]):not([aria-disabled]):not(.KVXRpW_Menu-item--header):hover:not(:active):not(.KVXRpW_has-focus){background-color:var(--lp-color-bg-interactive-secondary-hover)}.KVXRpW_Menu .KVXRpW_Menu-item:not([disabled]):not([aria-disabled]):not(.KVXRpW_Menu-item--header).KVXRpW_has-focus{background-color:var(--lp-color-bg-interactive-secondary-hover);box-shadow:inset 0 0 0 2px var(--lp-color-shadow-interactive-focus)}.KVXRpW_Menu{background:var(--lp-color-bg-overlay-secondary);border-radius:var(--lp-border-radius-medium);font-family:var(--lp-font-family-base)}.KVXRpW_Menu:focus{outline:none}.KVXRpW_Menu a.KVXRpW_Menu-item:focus:not(:hover):not(.KVXRpW_has-focus){box-shadow:none;text-decoration:none}.KVXRpW_Menu a.KVXRpW_Menu-item:active[disabled],.KVXRpW_Menu a.KVXRpW_Menu-item:active[aria-disabled]{color:var(--lp-color-text-interactive-disabled);text-decoration:none}.KVXRpW_Menu-item--nested{padding-left:2.5rem}.KVXRpW_Menu-item--header{font:var(--lp-text-small-1-regular);color:var(--lp-color-text-ui-secondary)}.KVXRpW_Menu-item-icon{margin-right:var(--lp-spacing-300)}.KVXRpW_Menu-item .Gravatar{margin-right:.3125rem}.KVXRpW_Menu-item.KVXRpW_is-highlighted{background-color:var(--lp-color-bg-interactive-secondary-hover)}.KVXRpW_Menu-item[aria-disabled],.KVXRpW_Menu-item[disabled]{color:var(--lp-color-text-interactive-disabled);cursor:not-allowed}.KVXRpW_Menu-divider{border-top:1px solid var(--lp-color-border-ui-secondary);margin:var(--lp-spacing-200) 0}.KVXRpW_Menu-search{border-bottom:1px solid var(--lp-color-border-ui-secondary);padding:var(--lp-spacing-300)}[data-popover-content] .KVXRpW_Menu-search{width:100%}[data-popover-content] .KVXRpW_Menu-search .KVXRpW_Menu-search-hidden-placeholder{visibility:hidden;border:none;height:0;padding-top:0;padding-bottom:0}.KVXRpW_Menu--isVirtual{flex-direction:column;align-items:stretch;display:flex}.KVXRpW_MenuSize--xl{width:20rem}.KVXRpW_MenuSize--lg{width:15rem}.KVXRpW_MenuSize--md{width:10rem}.KVXRpW_MenuSize--sm{width:7.5rem}.KVXRpW_VirtualMenu-item-list{width:100%;position:relative}.KVXRpW_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.16.20",
3
+ "version": "0.16.22",
4
4
  "description": "An element that presents a list of items a user can choose from.",
5
5
  "repository": "launchdarkly/launchpad-ui",
6
6
  "license": "Apache-2.0",
@@ -23,15 +23,16 @@
23
23
  "classix": "2.2.0",
24
24
  "react-aria": "3.50.0",
25
25
  "react-virtual": "2.10.4",
26
- "@launchpad-ui/form": "~0.15.19",
27
- "@launchpad-ui/icons": "~0.26.5",
28
- "@launchpad-ui/popover": "~0.14.7",
29
- "@launchpad-ui/tokens": "~0.17.2",
30
- "@launchpad-ui/tooltip": "~0.12.7"
26
+ "@launchpad-ui/form": "~0.15.21",
27
+ "@launchpad-ui/icons": "~0.26.7",
28
+ "@launchpad-ui/popover": "~0.14.11",
29
+ "@launchpad-ui/tokens": "~0.19.0",
30
+ "@launchpad-ui/tooltip": "~0.12.9"
31
31
  },
32
32
  "devDependencies": {
33
33
  "react": "19.2.8",
34
- "react-dom": "19.2.8"
34
+ "react-dom": "19.2.8",
35
+ "@launchpad-ui/test-utils": "~0.0.0"
35
36
  },
36
37
  "peerDependencies": {
37
38
  "react": "^19",