@launchpad-ui/menu 0.12.12 → 0.12.13

package/dist/index.es.js

@@ -8,26 +8,26 @@ import { Slot } from "@radix-ui/react-slot";
 import { FocusRing, useFocusManager } from "@react-aria/focus";
 import { TextField } from "@launchpad-ui/form";
 import { useVirtual } from "react-virtual";
-const Menu$1 = "_Menu_dlpdi_1";
+const Menu$1 = "C73R2W_Menu_";
 const styles = {
-  "Menu-item": "_Menu-item_dlpdi_1",
-  "Menu-item-list": "_Menu-item-list_dlpdi_22",
+  "has-focus": "C73R2W_has-focus_",
+  "is-highlighted": "C73R2W_is-highlighted_",
   Menu: Menu$1,
-  "Menu-item--header": "_Menu-item--header_dlpdi_29",
-  "has-focus": "_has-focus_dlpdi_35",
-  "Menu-item--nested": "_Menu-item--nested_dlpdi_70",
-  "Menu-item-icon": "_Menu-item-icon_dlpdi_79",
-  "is-highlighted": "_is-highlighted_dlpdi_87",
-  "Menu-divider": "_Menu-divider_dlpdi_97",
-  "Menu-search": "_Menu-search_dlpdi_102",
-  "Menu-search-hidden-placeholder": "_Menu-search-hidden-placeholder_dlpdi_111",
-  "Menu--isVirtual": "_Menu--isVirtual_dlpdi_120",
-  "MenuSize--xl": "_MenuSize--xl_dlpdi_126",
-  "MenuSize--lg": "_MenuSize--lg_dlpdi_130",
-  "MenuSize--md": "_MenuSize--md_dlpdi_134",
-  "MenuSize--sm": "_MenuSize--sm_dlpdi_138",
-  "VirtualMenu-item-list": "_VirtualMenu-item-list_dlpdi_142",
-  "VirtualMenu-item": "_VirtualMenu-item_dlpdi_142"
+  "Menu--isVirtual": "C73R2W_Menu--isVirtual_",
+  "Menu-divider": "C73R2W_Menu-divider_",
+  "Menu-item": "C73R2W_Menu-item_",
+  "Menu-item--header": "C73R2W_Menu-item--header_",
+  "Menu-item--nested": "C73R2W_Menu-item--nested_",
+  "Menu-item-icon": "C73R2W_Menu-item-icon_",
+  "Menu-item-list": "C73R2W_Menu-item-list_",
+  "Menu-search": "C73R2W_Menu-search_",
+  "Menu-search-hidden-placeholder": "C73R2W_Menu-search-hidden-placeholder_",
+  "MenuSize--lg": "C73R2W_MenuSize--lg_",
+  "MenuSize--md": "C73R2W_MenuSize--md_",
+  "MenuSize--sm": "C73R2W_MenuSize--sm_",
+  "MenuSize--xl": "C73R2W_MenuSize--xl_",
+  "VirtualMenu-item": "C73R2W_VirtualMenu-item_",
+  "VirtualMenu-item-list": "C73R2W_VirtualMenu-item-list_"
 };
 const MenuBase = /* @__PURE__ */ forwardRef(
   ({ children, size, isVirtual, ...props }, ref) => {

package/dist/index.js

@@ -10,26 +10,26 @@ const reactSlot = require("@radix-ui/react-slot");
 const focus = require("@react-aria/focus");
 const form = require("@launchpad-ui/form");
 const reactVirtual = require("react-virtual");
-const Menu$1 = "_Menu_dlpdi_1";
+const Menu$1 = "C73R2W_Menu_";
 const styles = {
-  "Menu-item": "_Menu-item_dlpdi_1",
-  "Menu-item-list": "_Menu-item-list_dlpdi_22",
+  "has-focus": "C73R2W_has-focus_",
+  "is-highlighted": "C73R2W_is-highlighted_",
   Menu: Menu$1,
-  "Menu-item--header": "_Menu-item--header_dlpdi_29",
-  "has-focus": "_has-focus_dlpdi_35",
-  "Menu-item--nested": "_Menu-item--nested_dlpdi_70",
-  "Menu-item-icon": "_Menu-item-icon_dlpdi_79",
-  "is-highlighted": "_is-highlighted_dlpdi_87",
-  "Menu-divider": "_Menu-divider_dlpdi_97",
-  "Menu-search": "_Menu-search_dlpdi_102",
-  "Menu-search-hidden-placeholder": "_Menu-search-hidden-placeholder_dlpdi_111",
-  "Menu--isVirtual": "_Menu--isVirtual_dlpdi_120",
-  "MenuSize--xl": "_MenuSize--xl_dlpdi_126",
-  "MenuSize--lg": "_MenuSize--lg_dlpdi_130",
-  "MenuSize--md": "_MenuSize--md_dlpdi_134",
-  "MenuSize--sm": "_MenuSize--sm_dlpdi_138",
-  "VirtualMenu-item-list": "_VirtualMenu-item-list_dlpdi_142",
-  "VirtualMenu-item": "_VirtualMenu-item_dlpdi_142"
+  "Menu--isVirtual": "C73R2W_Menu--isVirtual_",
+  "Menu-divider": "C73R2W_Menu-divider_",
+  "Menu-item": "C73R2W_Menu-item_",
+  "Menu-item--header": "C73R2W_Menu-item--header_",
+  "Menu-item--nested": "C73R2W_Menu-item--nested_",
+  "Menu-item-icon": "C73R2W_Menu-item-icon_",
+  "Menu-item-list": "C73R2W_Menu-item-list_",
+  "Menu-search": "C73R2W_Menu-search_",
+  "Menu-search-hidden-placeholder": "C73R2W_Menu-search-hidden-placeholder_",
+  "MenuSize--lg": "C73R2W_MenuSize--lg_",
+  "MenuSize--md": "C73R2W_MenuSize--md_",
+  "MenuSize--sm": "C73R2W_MenuSize--sm_",
+  "MenuSize--xl": "C73R2W_MenuSize--xl_",
+  "VirtualMenu-item": "C73R2W_VirtualMenu-item_",
+  "VirtualMenu-item-list": "C73R2W_VirtualMenu-item-list_"
 };
 const MenuBase = /* @__PURE__ */ react.forwardRef(
   ({ children, size, isVirtual, ...props }, ref) => {

package/dist/style.css

@@ -1,159 +1 @@
-._Menu-item_dlpdi_1 {
-  background-color: transparent;
-  border-radius: var(--lp-border-radius-regular);
-  border-width: var(--lp-border-width-100);
-  color: var(--lp-color-text-ui-primary-base);
-  cursor: pointer;
-  display: block;
-  font: var(--lp-label-1-medium);
-  outline: none;
-  overflow: hidden;
-  padding-left: var(--lp-spacing-300);
-  padding-right: var(--lp-spacing-300);
-  padding-top: var(--lp-spacing-200);
-  padding-bottom: var(--lp-spacing-200);
-  position: relative;
-  text-align: left;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-overflow: ellipsis;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  white-space: nowrap;
-  width: 100%;
-}
-
-._Menu-item-list_dlpdi_22 {
-  max-height: 55vh;
-  min-width: 7.5rem;
-  overflow: auto;
-  padding: var(--lp-spacing-200);
-}
-
-._Menu_dlpdi_1 ._Menu-item_dlpdi_1:not([disabled]):not([aria-disabled]):not(._Menu-item--header_dlpdi_29):active {
-    -webkit-text-decoration: none;
-    text-decoration: none;
-    background-color: var(--lp-color-bg-interactive-secondary-active);
-  }
-
-._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) {
-    background-color: var(--lp-color-bg-interactive-secondary-hover);
-  }
-
-._Menu_dlpdi_1 ._Menu-item_dlpdi_1:not([disabled]):not([aria-disabled]):not(._Menu-item--header_dlpdi_29)._has-focus_dlpdi_35 {
-    background-color: var(--lp-color-bg-interactive-secondary-hover);
-    box-shadow: inset 0 0 0 2px var(--lp-color-shadow-interactive-focus);
-  }
-
-._Menu_dlpdi_1 {
-  background: var(--lp-color-bg-overlay-primary);
-  border-radius: var(--lp-border-radius-medium);
-  font-family: var(--lp-font-family-base);
-}
-
-._Menu_dlpdi_1:focus {
-    outline: none;
-  }
-
-/* Override our link styles for link component */
-
-._Menu_dlpdi_1 a._Menu-item_dlpdi_1:focus:not(:hover):not(._has-focus_dlpdi_35) {
-      -webkit-text-decoration: none;
-      text-decoration: none;
-      box-shadow: none;
-    }
-
-/* Ensures that links that are disabled don't show active styles */
-
-._Menu_dlpdi_1 a._Menu-item_dlpdi_1:active[disabled],
-    ._Menu_dlpdi_1 a._Menu-item_dlpdi_1:active[aria-disabled] {
-      -webkit-text-decoration: none;
-      text-decoration: none;
-      color: var(--lp-color-text-interactive-disabled);
-    }
-
-._Menu-item--nested_dlpdi_70 {
-  padding-left: 2.5rem;
-}
-
-._Menu-item--header_dlpdi_29 {
-  font: var(--lp-small-1-regular);
-  color: var(--lp-color-text-ui-tertiary);
-}
-
-._Menu-item-icon_dlpdi_79 {
-  margin-right: var(--lp-spacing-300);
-}
-
-._Menu-item_dlpdi_1 .Gravatar {
-  margin-right: 0.3125rem;
-}
-
-._Menu-item_dlpdi_1._is-highlighted_dlpdi_87 {
-  background-color: var(--lp-color-bg-interactive-secondary-hover);
-}
-
-._Menu-item_dlpdi_1[aria-disabled],
-._Menu-item_dlpdi_1[disabled] {
-  color: var(--lp-color-text-interactive-disabled);
-  cursor: not-allowed;
-}
-
-._Menu-divider_dlpdi_97 {
-  border-top: 1px solid var(--lp-color-border-ui-secondary);
-  margin: var(--lp-spacing-200) 0;
-}
-
-._Menu-search_dlpdi_102 {
-  border-bottom: 1px solid var(--lp-color-border-ui-secondary);
-  padding: var(--lp-spacing-300);
-}
-
-[class^='_Popover-content_'] ._Menu-search_dlpdi_102 {
-  width: 100%;
-}
-
-/* Removing anything that could give it some height */
-
-[class^='_Popover-content_'] ._Menu-search_dlpdi_102 ._Menu-search-hidden-placeholder_dlpdi_111 {
-    padding-top: 0;
-    padding-bottom: 0;
-    height: 0;
-    border: none;
-    visibility: hidden;
-  }
-
-._Menu--isVirtual_dlpdi_120 {
-  display: flex;
-  align-items: stretch;
-  flex-direction: column;
-}
-
-._MenuSize--xl_dlpdi_126 {
-  width: 20rem;
-}
-
-._MenuSize--lg_dlpdi_130 {
-  width: 15rem;
-}
-
-._MenuSize--md_dlpdi_134 {
-  width: 10rem;
-}
-
-._MenuSize--sm_dlpdi_138 {
-  width: 7.5rem;
-}
-
-._VirtualMenu-item-list_dlpdi_142 {
-  width: 100%;
-  position: relative;
-}
-
-._VirtualMenu-item_dlpdi_142 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-}
+.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

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/menu",
-  "version": "0.12.12",
+  "version": "0.12.13",
   "status": "beta",
   "publishConfig": {
     "access": "public"
@@ -31,11 +31,11 @@
     "@react-aria/separator": "3.3.9",
     "classix": "2.1.17",
     "react-virtual": "2.10.4",
-    "@launchpad-ui/form": "~0.10.12",
-    "@launchpad-ui/icons": "~0.14.10",
-    "@launchpad-ui/popover": "~0.11.9",
+    "@launchpad-ui/form": "~0.10.13",
+    "@launchpad-ui/icons": "~0.15.0",
+    "@launchpad-ui/popover": "~0.11.10",
     "@launchpad-ui/tokens": "~0.9.3",
-    "@launchpad-ui/tooltip": "~0.8.9"
+    "@launchpad-ui/tooltip": "~0.8.10"
   },
   "peerDependencies": {
     "react": "18.2.0",