@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 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 = "_Menu_dlpdi_1";
11
+ const Menu$1 = "C73R2W_Menu_";
12
12
  const styles = {
13
- "Menu-item": "_Menu-item_dlpdi_1",
14
- "Menu-item-list": "_Menu-item-list_dlpdi_22",
13
+ "has-focus": "C73R2W_has-focus_",
14
+ "is-highlighted": "C73R2W_is-highlighted_",
15
15
  Menu: Menu$1,
16
- "Menu-item--header": "_Menu-item--header_dlpdi_29",
17
- "has-focus": "_has-focus_dlpdi_35",
18
- "Menu-item--nested": "_Menu-item--nested_dlpdi_70",
19
- "Menu-item-icon": "_Menu-item-icon_dlpdi_79",
20
- "is-highlighted": "_is-highlighted_dlpdi_87",
21
- "Menu-divider": "_Menu-divider_dlpdi_97",
22
- "Menu-search": "_Menu-search_dlpdi_102",
23
- "Menu-search-hidden-placeholder": "_Menu-search-hidden-placeholder_dlpdi_111",
24
- "Menu--isVirtual": "_Menu--isVirtual_dlpdi_120",
25
- "MenuSize--xl": "_MenuSize--xl_dlpdi_126",
26
- "MenuSize--lg": "_MenuSize--lg_dlpdi_130",
27
- "MenuSize--md": "_MenuSize--md_dlpdi_134",
28
- "MenuSize--sm": "_MenuSize--sm_dlpdi_138",
29
- "VirtualMenu-item-list": "_VirtualMenu-item-list_dlpdi_142",
30
- "VirtualMenu-item": "_VirtualMenu-item_dlpdi_142"
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 = "_Menu_dlpdi_1";
13
+ const Menu$1 = "C73R2W_Menu_";
14
14
  const styles = {
15
- "Menu-item": "_Menu-item_dlpdi_1",
16
- "Menu-item-list": "_Menu-item-list_dlpdi_22",
15
+ "has-focus": "C73R2W_has-focus_",
16
+ "is-highlighted": "C73R2W_is-highlighted_",
17
17
  Menu: Menu$1,
18
- "Menu-item--header": "_Menu-item--header_dlpdi_29",
19
- "has-focus": "_has-focus_dlpdi_35",
20
- "Menu-item--nested": "_Menu-item--nested_dlpdi_70",
21
- "Menu-item-icon": "_Menu-item-icon_dlpdi_79",
22
- "is-highlighted": "_is-highlighted_dlpdi_87",
23
- "Menu-divider": "_Menu-divider_dlpdi_97",
24
- "Menu-search": "_Menu-search_dlpdi_102",
25
- "Menu-search-hidden-placeholder": "_Menu-search-hidden-placeholder_dlpdi_111",
26
- "Menu--isVirtual": "_Menu--isVirtual_dlpdi_120",
27
- "MenuSize--xl": "_MenuSize--xl_dlpdi_126",
28
- "MenuSize--lg": "_MenuSize--lg_dlpdi_130",
29
- "MenuSize--md": "_MenuSize--md_dlpdi_134",
30
- "MenuSize--sm": "_MenuSize--sm_dlpdi_138",
31
- "VirtualMenu-item-list": "_VirtualMenu-item-list_dlpdi_142",
32
- "VirtualMenu-item": "_VirtualMenu-item_dlpdi_142"
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
- ._Menu-item_dlpdi_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.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.12",
35
- "@launchpad-ui/icons": "~0.14.10",
36
- "@launchpad-ui/popover": "~0.11.9",
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.9"
38
+ "@launchpad-ui/tooltip": "~0.8.10"
39
39
  },
40
40
  "peerDependencies": {
41
41
  "react": "18.2.0",