@spectrum-web-components/menu 0.40.3 → 0.40.5

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 (28) hide show
  1. package/custom-elements.json +102 -0
  2. package/package.json +11 -11
  3. package/src/Menu.d.ts +3 -0
  4. package/src/Menu.dev.js +17 -0
  5. package/src/Menu.dev.js.map +2 -2
  6. package/src/Menu.js +1 -1
  7. package/src/Menu.js.map +2 -2
  8. package/src/menu-divider.css.dev.js +1 -1
  9. package/src/menu-divider.css.dev.js.map +1 -1
  10. package/src/menu-divider.css.js +1 -1
  11. package/src/menu-divider.css.js.map +1 -1
  12. package/src/menu-item.css.dev.js +74 -62
  13. package/src/menu-item.css.dev.js.map +2 -2
  14. package/src/menu-item.css.js +76 -64
  15. package/src/menu-item.css.js.map +2 -2
  16. package/src/spectrum-config.js +24 -0
  17. package/src/spectrum-menu-divider.css.dev.js +1 -1
  18. package/src/spectrum-menu-divider.css.dev.js.map +1 -1
  19. package/src/spectrum-menu-divider.css.js +1 -1
  20. package/src/spectrum-menu-divider.css.js.map +1 -1
  21. package/src/spectrum-menu-item.css.dev.js +74 -62
  22. package/src/spectrum-menu-item.css.dev.js.map +2 -2
  23. package/src/spectrum-menu-item.css.js +74 -62
  24. package/src/spectrum-menu-item.css.js.map +2 -2
  25. package/test/menu-selects.test.js +24 -41
  26. package/test/menu-selects.test.js.map +2 -2
  27. package/test/submenu.test.js +30 -68
  28. package/test/submenu.test.js.map +2 -2
package/src/spectrum-menu-item.css.dev.js CHANGED
@@ -39,7 +39,7 @@ const styles = css`
39
39
  --mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)
40
40
  )}.spectrum-Menu-itemSwitch{min-block-size:0}.spectrum-Menu-itemSwitch .spectrum-Switch-switch{margin-block-end:0;margin-block-start:var(
41
41
  --mod-menu-item-top-to-action,var(--spectrum-menu-item-top-to-action)
42
- )}:host{display:grid;grid-template:". chevronAreaCollapsible . iconArea sectionHeadingArea . . ." 1fr "selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn" ". . . . descriptionArea . . ." ". . . . submenuArea . . ."/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(
42
+ )}:host{display:grid;grid-template:". chevronAreaCollapsible . headingIconArea sectionHeadingArea . . ." 1fr "selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn" ". . . . descriptionArea . . ." ". . . . submenuArea . . ."/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(
43
43
  --highcontrast-menu-item-background-color-focus,var(
44
44
  --mod-menu-item-background-color-key-focus,var(--spectrum-menu-item-background-color-key-focus)
45
45
  )
@@ -86,63 +86,23 @@ var(--spectrum-menu-item-focus-indicator-width)
86
86
  --highcontrast-menu-item-focus-indicator-color,var(
87
87
  --mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)
88
88
  )
89
- )}:host([dir=rtl]){--spectrum-menu-item-focus-indicator-direction-scalar:-1}:host(:hover){background-color:var(
90
- --highcontrast-menu-item-background-color-focus,var(
91
- --mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)
92
- )
93
- )}:host(:hover)>#label{color:var(
94
- --highcontrast-menu-item-color-focus,var(
95
- --mod-menu-item-label-content-color-hover,var(--spectrum-menu-item-label-content-color-hover)
96
- )
97
- )}:host(:hover)>[name=description]::slotted(*){color:var(
98
- --highcontrast-menu-item-color-focus,var(
99
- --mod-menu-item-description-color-hover,var(--spectrum-menu-item-description-color-hover)
100
- )
101
- )}:host(:hover)>::slotted([slot=value]){color:var(
102
- --highcontrast-menu-item-color-focus,var(
103
- --mod-menu-item-value-color-hover,var(--spectrum-menu-item-value-color-hover)
104
- )
105
- )}:host(:hover)>.icon:not(.chevron,.checkmark){fill:var(
106
- --highcontrast-menu-item-color-focus,var(
107
- --mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)
108
- )
109
- );color:var(
110
- --highcontrast-menu-item-color-focus,var(
111
- --mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)
112
- )
113
- )}:host(:hover)>.chevron{fill:var(
114
- --highcontrast-menu-item-color-focus,var(
115
- --mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)
116
- )
117
- );color:var(
118
- --highcontrast-menu-item-color-focus,var(
119
- --mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)
120
- )
121
- )}:host(:hover)>.checkmark{fill:var(
122
- --highcontrast-menu-item-color-focus,var(
123
- --mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)
124
- )
125
- );color:var(
126
- --highcontrast-menu-item-color-focus,var(
127
- --mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)
128
- )
129
- )}:host:active{background-color:var(
89
+ )}:host([dir=rtl]){--spectrum-menu-item-focus-indicator-direction-scalar:-1}:host([active]){background-color:var(
130
90
  --highcontrast-menu-item-background-color-focus,var(
131
91
  --mod-menu-item-background-color-down,var(--spectrum-menu-item-background-color-down)
132
92
  )
133
- )}:host:active>#label{color:var(
93
+ )}:host([active])>#label{color:var(
134
94
  --highcontrast-menu-item-color-focus,var(
135
95
  --mod-menu-item-label-content-color-down,var(--spectrum-menu-item-label-content-color-down)
136
96
  )
137
- )}:host:active>[name=description]::slotted(*){color:var(
97
+ )}:host([active])>[name=description]::slotted(*){color:var(
138
98
  --highcontrast-menu-item-color-focus,var(
139
99
  --mod-menu-item-description-color-down,var(--spectrum-menu-item-description-color-down)
140
100
  )
141
- )}:host:active>::slotted([slot=value]){color:var(
101
+ )}:host([active])>::slotted([slot=value]){color:var(
142
102
  --highcontrast-menu-item-color-focus,var(
143
103
  --mod-menu-item-value-color-down,var(--spectrum-menu-item-value-color-down)
144
104
  )
145
- )}:host:active>.icon:not(.chevron,.checkmark){fill:var(
105
+ )}:host([active])>.icon:not(.chevron,.checkmark){fill:var(
146
106
  --highcontrast-menu-item-color-focus,var(
147
107
  --mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)
148
108
  )
@@ -150,7 +110,7 @@ var(--spectrum-menu-item-focus-indicator-width)
150
110
  --highcontrast-menu-item-color-focus,var(
151
111
  --mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)
152
112
  )
153
- )}:host:active>.chevron{fill:var(
113
+ )}:host([active])>.chevron{fill:var(
154
114
  --highcontrast-menu-item-color-focus,var(
155
115
  --mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)
156
116
  )
@@ -158,7 +118,7 @@ var(--spectrum-menu-item-focus-indicator-width)
158
118
  --highcontrast-menu-item-color-focus,var(
159
119
  --mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)
160
120
  )
161
- )}:host:active>.checkmark{fill:var(
121
+ )}:host([active])>.checkmark{fill:var(
162
122
  --highcontrast-menu-item-color-focus,var(
163
123
  --mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)
164
124
  )
@@ -166,11 +126,11 @@ var(--spectrum-menu-item-focus-indicator-width)
166
126
  --highcontrast-menu-item-color-focus,var(
167
127
  --mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)
168
128
  )
169
- )}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{align-items:flex-start;color:var(
129
+ )}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.spectrum-Menu-item--collapsible ::slotted([slot=icon]){grid-area:headingIconArea}:host .is-selectableMultiple{align-items:start}.is-selectableMultiple .spectrum-Menu-itemCheckbox{grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{color:var(
170
130
  --highcontrast-menu-item-color-default,var(
171
131
  --mod-menu-item-label-content-color-default,var(--spectrum-menu-item-label-content-color-default)
172
132
  )
173
- );display:flex;font-size:var(
133
+ );font-size:var(
174
134
  --mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)
175
135
  );grid-area:labelArea}::slotted([slot=value]){grid-area:valueArea}.spectrum-Menu-itemActions{align-self:start;grid-area:actionsArea;margin-inline-start:var(
176
136
  --mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)
@@ -212,7 +172,7 @@ var(--spectrum-menu-item-top-edge-to-text)
212
172
  --mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)
213
173
  );margin-inline-start:var(
214
174
  --mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)
215
- );place-self:start end}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectrum-Menu-item--collapsible.is-open{padding-block-end:0}.spectrum-Menu-item--collapsible.is-open .chevron{transform:rotate(90deg)}.spectrum-Menu-item--collapsible.is-open:active,.spectrum-Menu-item--collapsible.is-open:focus,.spectrum-Menu-item--collapsible.is-open:hover,:host([focused]) .spectrum-Menu-item--collapsible.is-open{background-color:var(
175
+ );place-self:start end}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectrum-Menu-item--collapsible.is-open{padding-block-end:0}.spectrum-Menu-item--collapsible.is-open .chevron{transform:rotate(90deg)}.spectrum-Menu-item--collapsible.is-open:focus,:host([active]) .spectrum-Menu-item--collapsible.is-open,:host([focused]) .spectrum-Menu-item--collapsible.is-open{background-color:var(
216
176
  --highcontrast-menu-item-background-color-default,var(
217
177
  --mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)
218
178
  )
@@ -262,14 +222,6 @@ var(--spectrum-menu-item-top-edge-to-text)
262
222
  --highcontrast-menu-checkmark-icon-color-default,var(
263
223
  --mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)
264
224
  )
265
- )}:host([has-submenu]:hover) .chevron{fill:var(
266
- --highcontrast-menu-item-color-focus,var(
267
- --mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)
268
- )
269
- );color:var(
270
- --highcontrast-menu-item-color-focus,var(
271
- --mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)
272
- )
273
225
  )}:host([has-submenu]:focus) .chevron,:host([has-submenu][focused]) .chevron{fill:var(
274
226
  --highcontrast-menu-item-color-focus,var(
275
227
  --mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)
@@ -278,7 +230,7 @@ var(--spectrum-menu-item-top-edge-to-text)
278
230
  --highcontrast-menu-item-color-focus,var(
279
231
  --mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)
280
232
  )
281
- )}:host([has-submenu]):active .chevron{fill:var(
233
+ )}:host([has-submenu][active]) .chevron{fill:var(
282
234
  --highcontrast-menu-item-color-focus,var(
283
235
  --mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)
284
236
  )
@@ -302,7 +254,67 @@ var(--spectrum-menu-item-top-edge-to-text)
302
254
  --highcontrast-menu-item-color-disabled,var(
303
255
  --mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)
304
256
  )
305
- )}:host([aria-disabled=true]:hover),:host([disabled]:hover){cursor:default}:host([aria-disabled=true]:hover) ::slotted([slot=icon]),:host([disabled]:hover) ::slotted([slot=icon]){fill:var(
257
+ )}@media (hover:hover){:host([has-submenu]:hover) .chevron{fill:var(
258
+ --highcontrast-menu-item-color-focus,var(
259
+ --mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)
260
+ )
261
+ );color:var(
262
+ --highcontrast-menu-item-color-focus,var(
263
+ --mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)
264
+ )
265
+ )}:host(:hover){background-color:var(
266
+ --highcontrast-menu-item-background-color-focus,var(
267
+ --mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)
268
+ )
269
+ )}:host(:hover)>#label{color:var(
270
+ --highcontrast-menu-item-color-focus,var(
271
+ --mod-menu-item-label-content-color-hover,var(--spectrum-menu-item-label-content-color-hover)
272
+ )
273
+ )}:host(:hover)>[name=description]::slotted(*){color:var(
274
+ --highcontrast-menu-item-color-focus,var(
275
+ --mod-menu-item-description-color-hover,var(--spectrum-menu-item-description-color-hover)
276
+ )
277
+ )}:host(:hover)>::slotted([slot=value]){color:var(
278
+ --highcontrast-menu-item-color-focus,var(
279
+ --mod-menu-item-value-color-hover,var(--spectrum-menu-item-value-color-hover)
280
+ )
281
+ )}:host(:hover)>.icon:not(.chevron,.checkmark){fill:var(
282
+ --highcontrast-menu-item-color-focus,var(
283
+ --mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)
284
+ )
285
+ );color:var(
286
+ --highcontrast-menu-item-color-focus,var(
287
+ --mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)
288
+ )
289
+ )}:host(:hover)>.chevron{fill:var(
290
+ --highcontrast-menu-item-color-focus,var(
291
+ --mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)
292
+ )
293
+ );color:var(
294
+ --highcontrast-menu-item-color-focus,var(
295
+ --mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)
296
+ )
297
+ )}:host(:hover)>.checkmark{fill:var(
298
+ --highcontrast-menu-item-color-focus,var(
299
+ --mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)
300
+ )
301
+ );color:var(
302
+ --highcontrast-menu-item-color-focus,var(
303
+ --mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)
304
+ )
305
+ )}.spectrum-Menu-item--collapsible.is-open:hover{background-color:var(
306
+ --highcontrast-menu-item-background-color-default,var(
307
+ --mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)
308
+ )
309
+ )}:host([aria-disabled=true]:hover),:host([disabled]:hover){background-color:#0000;cursor:default}:host([aria-disabled=true]:hover) #label,:host([disabled]:hover) #label{color:var(
310
+ --highcontrast-menu-item-color-disabled,var(
311
+ --mod-menu-item-label-content-color-disabled,var(--spectrum-menu-item-label-content-color-disabled)
312
+ )
313
+ )}:host([aria-disabled=true]:hover) [name=description]::slotted(*),:host([disabled]:hover) [name=description]::slotted(*){color:var(
314
+ --highcontrast-menu-item-color-disabled,var(
315
+ --mod-menu-item-description-color-disabled,var(--spectrum-menu-item-description-color-disabled)
316
+ )
317
+ )}:host([aria-disabled=true]:hover) ::slotted([slot=icon]),:host([disabled]:hover) ::slotted([slot=icon]){fill:var(
306
318
  --highcontrast-menu-item-color-disabled,var(
307
319
  --mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)
308
320
  )
@@ -310,7 +322,7 @@ var(--spectrum-menu-item-top-edge-to-text)
310
322
  --highcontrast-menu-item-color-disabled,var(
311
323
  --mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)
312
324
  )
313
- )}.spectrum-Menu-back{align-items:center;display:flex;flex-flow:wrap;padding-block:var(--mod-menu-back-padding-block-start,0) var(--mod-menu-back-padding-block-end,0);padding-inline:var(--mod-menu-back-padding-inline-start,0) var(
325
+ )}}.spectrum-Menu-back{align-items:center;display:flex;flex-flow:wrap;padding-block:var(--mod-menu-back-padding-block-start,0) var(--mod-menu-back-padding-block-end,0);padding-inline:var(--mod-menu-back-padding-inline-start,0) var(
314
326
  --mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content)
315
327
  )}.spectrum-Menu-backButton{background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}:host([focused]) .spectrum-Menu-backButton{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(
316
328
  --highcontrast-menu-item-color-default,var(
package/src/spectrum-menu-item.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-menu-item.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)\n)\n);color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)\n)\n)}.checkmark{fill:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)\n)\n);align-self:center;color:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)\n)\n);display:var(\n--mod-menu-checkmark-display,var(--spectrum-menu-checkmark-display)\n);opacity:1}:host{align-items:center;background-color:var(\n--highcontrast-menu-item-background-color-default,var(\n--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)\n)\n);box-sizing:border-box;cursor:pointer;line-height:var(\n--mod-menu-item-label-line-height,var(--spectrum-menu-item-label-line-height)\n);margin:0;min-block-size:var(\n--mod-menu-item-min-height,var(--spectrum-menu-item-min-height)\n);padding-block-end:var(\n--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)\n);padding-block-start:var(\n--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)\n);padding-inline:var(\n--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)\n);position:relative;-webkit-text-decoration:none;text-decoration:none}.spectrum-Menu-itemCheckbox{--mod-checkbox-top-to-text:0;--mod-checkbox-text-to-control:0;min-block-size:0}.spectrum-Menu-itemCheckbox .spectrum-Checkbox-box{margin-block-end:0;margin-block-start:var(\n--mod-menu-item-top-to-checkbox,var(--spectrum-menu-item-top-to-checkbox)\n);margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}.spectrum-Menu-itemSwitch{min-block-size:0}.spectrum-Menu-itemSwitch .spectrum-Switch-switch{margin-block-end:0;margin-block-start:var(\n--mod-menu-item-top-to-action,var(--spectrum-menu-item-top-to-action)\n)}:host{display:grid;grid-template:\". chevronAreaCollapsible . iconArea sectionHeadingArea . . .\" 1fr \"selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn\" \". . . . descriptionArea . . .\" \". . . . submenuArea . . .\"/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-key-focus,var(--spectrum-menu-item-background-color-key-focus)\n)\n);outline:none}:host(:focus)>#label,:host([focused])>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-focus,var(--spectrum-menu-item-label-content-color-focus)\n)\n)}:host(:focus)>[name=description]::slotted(*),:host([focused])>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-focus,var(--spectrum-menu-item-description-color-focus)\n)\n)}:host(:focus)>::slotted([slot=value]),:host([focused])>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-focus,var(--spectrum-menu-item-value-color-focus)\n)\n)}:host(:focus)>.icon:not(.chevron,.checkmark),:host([focused])>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-focus,var(--spectrum-menu-item-label-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-focus,var(--spectrum-menu-item-label-icon-color-focus)\n)\n)}:host(:focus)>.chevron,:host([focused])>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host(:focus)>.checkmark,:host([focused])>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-focus,var(--spectrum-menu-checkmark-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-focus,var(--spectrum-menu-checkmark-icon-color-focus)\n)\n)}:host([focused]),:host([focused]) .spectrum-Menu-back{box-shadow:inset calc(var(\n--mod-menu-item-focus-indicator-width,\nvar(--spectrum-menu-item-focus-indicator-width)\n)*var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(\n--highcontrast-menu-item-focus-indicator-color,var(\n--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)\n)\n)}:host([dir=rtl]){--spectrum-menu-item-focus-indicator-direction-scalar:-1}:host(:hover){background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)\n)\n)}:host(:hover)>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-hover,var(--spectrum-menu-item-label-content-color-hover)\n)\n)}:host(:hover)>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-hover,var(--spectrum-menu-item-description-color-hover)\n)\n)}:host(:hover)>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-hover,var(--spectrum-menu-item-value-color-hover)\n)\n)}:host(:hover)>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n)}:host(:hover)>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host(:hover)>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n)}:host:active{background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-down,var(--spectrum-menu-item-background-color-down)\n)\n)}:host:active>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-down,var(--spectrum-menu-item-label-content-color-down)\n)\n)}:host:active>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-down,var(--spectrum-menu-item-description-color-down)\n)\n)}:host:active>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-down,var(--spectrum-menu-item-value-color-down)\n)\n)}:host:active>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)\n)\n)}:host:active>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host:active>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)\n)\n)}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{align-items:flex-start;color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-content-color-default,var(--spectrum-menu-item-label-content-color-default)\n)\n);display:flex;font-size:var(\n--mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)\n);grid-area:labelArea}::slotted([slot=value]){grid-area:valueArea}.spectrum-Menu-itemActions{align-self:start;grid-area:actionsArea;margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n)}.chevron{align-self:center;block-size:var(--spectrum-menu-item-checkmark-height);grid-area:chevronArea;inline-size:var(--spectrum-menu-item-checkmark-width)}.spectrum-Menu-item--collapsible .chevron{grid-area:chevronAreaCollapsible}[name=description]::slotted(*){grid-area:descriptionArea}:host([has-submenu]) .chevron{grid-area:chevronAreaDrillIn}.icon:not(.chevron,.checkmark){block-size:var(\n--mod-menu-item-icon-height,var(--spectrum-menu-item-icon-height)\n);inline-size:var(\n--mod-menu-item-icon-width,var(--spectrum-menu-item-icon-width)\n)}.checkmark{block-size:var(\n--mod-menu-item-checkmark-height,var(--spectrum-menu-item-checkmark-height)\n);inline-size:var(\n--mod-menu-item-checkmark-width,var(--spectrum-menu-item-checkmark-width)\n);margin-block-start:calc(var(\n--mod-menu-item-top-to-checkmark,\nvar(--spectrum-menu-item-top-to-checkmark)\n) - var(\n--mod-menu-item-top-edge-to-text,\nvar(--spectrum-menu-item-top-edge-to-text)\n));margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}::slotted([slot=icon]){margin-inline-end:var(\n--mod-menu-item-label-text-to-visual,var(--spectrum-menu-item-label-text-to-visual)\n)}.chevron{margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-description-color-default,var(--spectrum-menu-item-description-color-default)\n)\n);font-size:var(\n--mod-menu-item-description-font-size,var(--spectrum-menu-item-description-font-size)\n);hyphens:auto;line-height:var(\n--mod-menu-item-description-line-height,var(--spectrum-menu-item-description-line-height)\n);margin-block-start:var(\n--mod-menu-item-label-to-description-spacing,var(--spectrum-menu-item-label-to-description-spacing)\n);overflow-wrap:break-word}#label{hyphens:auto;overflow-wrap:break-word}::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-value-color-default,var(--spectrum-menu-item-value-color-default)\n)\n);font-size:var(\n--mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)\n);margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n);place-self:start end}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectrum-Menu-item--collapsible.is-open{padding-block-end:0}.spectrum-Menu-item--collapsible.is-open .chevron{transform:rotate(90deg)}.spectrum-Menu-item--collapsible.is-open:active,.spectrum-Menu-item--collapsible.is-open:focus,.spectrum-Menu-item--collapsible.is-open:hover,:host([focused]) .spectrum-Menu-item--collapsible.is-open{background-color:var(\n--highcontrast-menu-item-background-color-default,var(\n--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)\n)\n)}.spectrum-Menu-item--collapsible>::slotted([slot=icon]){padding-block-end:var(\n--mod-menu-section-header-bottom-edge-to-text,var(\n--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)\n)\n);padding-block-start:var(\n--mod-menu-section-header-top-edge-to-text,var(\n--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)\n)\n)}:host([dir=rtl]) .chevron{transform:rotate(-180deg)}:host([has-submenu]) .chevron{fill:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-drillin-icon-color-default,var(--spectrum-menu-drillin-icon-color-default)\n)\n);color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-drillin-icon-color-default,var(--spectrum-menu-drillin-icon-color-default)\n)\n);margin-inline-end:0;margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n)}:host([has-submenu]) .is-open{--spectrum-menu-item-background-color-default:var(\n--highcontrast-menu-item-selected-background-color,var(\n--mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)\n)\n)}:host([has-submenu]) .is-open .icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n)}:host([has-submenu]) .is-open .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n)}:host([has-submenu]) .is-open .checkmark{fill:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n)}:host([has-submenu]:hover) .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n)}:host([has-submenu]:focus) .chevron,:host([has-submenu][focused]) .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)\n)\n)}:host([has-submenu]):active .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)\n)\n)}:host([aria-disabled=true]),:host([disabled]){background-color:#0000}:host([aria-disabled=true]) #label,:host([disabled]) #label{color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-content-color-disabled,var(--spectrum-menu-item-label-content-color-disabled)\n)\n)}:host([aria-disabled=true]) [name=description]::slotted(*),:host([disabled]) [name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-description-color-disabled,var(--spectrum-menu-item-description-color-disabled)\n)\n)}:host([aria-disabled=true]) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n);color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n)}:host([aria-disabled=true]:hover),:host([disabled]:hover){cursor:default}:host([aria-disabled=true]:hover) ::slotted([slot=icon]),:host([disabled]:hover) ::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n);color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n)}.spectrum-Menu-back{align-items:center;display:flex;flex-flow:wrap;padding-block:var(--mod-menu-back-padding-block-start,0) var(--mod-menu-back-padding-block-end,0);padding-inline:var(--mod-menu-back-padding-inline-start,0) var(\n--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content)\n)}.spectrum-Menu-backButton{background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}:host([focused]) .spectrum-Menu-backButton{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-back-heading-color,var(--spectrum-menu-section-header-color)\n)\n);display:block;font-size:var(\n--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size)\n);font-weight:var(\n--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight)\n);line-height:var(\n--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)\n)}.spectrum-Menu-backIcon{fill:var(\n--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)\n);color:var(\n--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)\n);margin-block:var(\n--mod-menu-back-icon-margin-block,var(--spectrum-menu-back-icon-margin)\n);margin-inline:var(\n--mod-menu-back-icon-margin-inline,var(--spectrum-menu-back-icon-margin)\n)}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4Uf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)\n)\n);color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)\n)\n)}.checkmark{fill:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)\n)\n);align-self:center;color:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)\n)\n);display:var(\n--mod-menu-checkmark-display,var(--spectrum-menu-checkmark-display)\n);opacity:1}:host{align-items:center;background-color:var(\n--highcontrast-menu-item-background-color-default,var(\n--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)\n)\n);box-sizing:border-box;cursor:pointer;line-height:var(\n--mod-menu-item-label-line-height,var(--spectrum-menu-item-label-line-height)\n);margin:0;min-block-size:var(\n--mod-menu-item-min-height,var(--spectrum-menu-item-min-height)\n);padding-block-end:var(\n--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)\n);padding-block-start:var(\n--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)\n);padding-inline:var(\n--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content)\n);position:relative;-webkit-text-decoration:none;text-decoration:none}.spectrum-Menu-itemCheckbox{--mod-checkbox-top-to-text:0;--mod-checkbox-text-to-control:0;min-block-size:0}.spectrum-Menu-itemCheckbox .spectrum-Checkbox-box{margin-block-end:0;margin-block-start:var(\n--mod-menu-item-top-to-checkbox,var(--spectrum-menu-item-top-to-checkbox)\n);margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}.spectrum-Menu-itemSwitch{min-block-size:0}.spectrum-Menu-itemSwitch .spectrum-Switch-switch{margin-block-end:0;margin-block-start:var(\n--mod-menu-item-top-to-action,var(--spectrum-menu-item-top-to-action)\n)}:host{display:grid;grid-template:\". chevronAreaCollapsible . headingIconArea sectionHeadingArea . . .\" 1fr \"selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn\" \". . . . descriptionArea . . .\" \". . . . submenuArea . . .\"/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-key-focus,var(--spectrum-menu-item-background-color-key-focus)\n)\n);outline:none}:host(:focus)>#label,:host([focused])>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-focus,var(--spectrum-menu-item-label-content-color-focus)\n)\n)}:host(:focus)>[name=description]::slotted(*),:host([focused])>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-focus,var(--spectrum-menu-item-description-color-focus)\n)\n)}:host(:focus)>::slotted([slot=value]),:host([focused])>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-focus,var(--spectrum-menu-item-value-color-focus)\n)\n)}:host(:focus)>.icon:not(.chevron,.checkmark),:host([focused])>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-focus,var(--spectrum-menu-item-label-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-focus,var(--spectrum-menu-item-label-icon-color-focus)\n)\n)}:host(:focus)>.chevron,:host([focused])>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host(:focus)>.checkmark,:host([focused])>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-focus,var(--spectrum-menu-checkmark-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-focus,var(--spectrum-menu-checkmark-icon-color-focus)\n)\n)}:host([focused]),:host([focused]) .spectrum-Menu-back{box-shadow:inset calc(var(\n--mod-menu-item-focus-indicator-width,\nvar(--spectrum-menu-item-focus-indicator-width)\n)*var(--spectrum-menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(\n--highcontrast-menu-item-focus-indicator-color,var(\n--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)\n)\n)}:host([dir=rtl]){--spectrum-menu-item-focus-indicator-direction-scalar:-1}:host([active]){background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-down,var(--spectrum-menu-item-background-color-down)\n)\n)}:host([active])>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-down,var(--spectrum-menu-item-label-content-color-down)\n)\n)}:host([active])>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-down,var(--spectrum-menu-item-description-color-down)\n)\n)}:host([active])>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-down,var(--spectrum-menu-item-value-color-down)\n)\n)}:host([active])>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)\n)\n)}:host([active])>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host([active])>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)\n)\n)}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.spectrum-Menu-item--collapsible ::slotted([slot=icon]){grid-area:headingIconArea}:host .is-selectableMultiple{align-items:start}.is-selectableMultiple .spectrum-Menu-itemCheckbox{grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-label-content-color-default,var(--spectrum-menu-item-label-content-color-default)\n)\n);font-size:var(\n--mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)\n);grid-area:labelArea}::slotted([slot=value]){grid-area:valueArea}.spectrum-Menu-itemActions{align-self:start;grid-area:actionsArea;margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n)}.chevron{align-self:center;block-size:var(--spectrum-menu-item-checkmark-height);grid-area:chevronArea;inline-size:var(--spectrum-menu-item-checkmark-width)}.spectrum-Menu-item--collapsible .chevron{grid-area:chevronAreaCollapsible}[name=description]::slotted(*){grid-area:descriptionArea}:host([has-submenu]) .chevron{grid-area:chevronAreaDrillIn}.icon:not(.chevron,.checkmark){block-size:var(\n--mod-menu-item-icon-height,var(--spectrum-menu-item-icon-height)\n);inline-size:var(\n--mod-menu-item-icon-width,var(--spectrum-menu-item-icon-width)\n)}.checkmark{block-size:var(\n--mod-menu-item-checkmark-height,var(--spectrum-menu-item-checkmark-height)\n);inline-size:var(\n--mod-menu-item-checkmark-width,var(--spectrum-menu-item-checkmark-width)\n);margin-block-start:calc(var(\n--mod-menu-item-top-to-checkmark,\nvar(--spectrum-menu-item-top-to-checkmark)\n) - var(\n--mod-menu-item-top-edge-to-text,\nvar(--spectrum-menu-item-top-edge-to-text)\n));margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}::slotted([slot=icon]){margin-inline-end:var(\n--mod-menu-item-label-text-to-visual,var(--spectrum-menu-item-label-text-to-visual)\n)}.chevron{margin-inline-end:var(\n--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)\n)}[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-description-color-default,var(--spectrum-menu-item-description-color-default)\n)\n);font-size:var(\n--mod-menu-item-description-font-size,var(--spectrum-menu-item-description-font-size)\n);hyphens:auto;line-height:var(\n--mod-menu-item-description-line-height,var(--spectrum-menu-item-description-line-height)\n);margin-block-start:var(\n--mod-menu-item-label-to-description-spacing,var(--spectrum-menu-item-label-to-description-spacing)\n);overflow-wrap:break-word}#label{hyphens:auto;overflow-wrap:break-word}::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-item-value-color-default,var(--spectrum-menu-item-value-color-default)\n)\n);font-size:var(\n--mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)\n);margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n);place-self:start end}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectrum-Menu-item--collapsible.is-open{padding-block-end:0}.spectrum-Menu-item--collapsible.is-open .chevron{transform:rotate(90deg)}.spectrum-Menu-item--collapsible.is-open:focus,:host([active]) .spectrum-Menu-item--collapsible.is-open,:host([focused]) .spectrum-Menu-item--collapsible.is-open{background-color:var(\n--highcontrast-menu-item-background-color-default,var(\n--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)\n)\n)}.spectrum-Menu-item--collapsible>::slotted([slot=icon]){padding-block-end:var(\n--mod-menu-section-header-bottom-edge-to-text,var(\n--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)\n)\n);padding-block-start:var(\n--mod-menu-section-header-top-edge-to-text,var(\n--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)\n)\n)}:host([dir=rtl]) .chevron{transform:rotate(-180deg)}:host([has-submenu]) .chevron{fill:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-drillin-icon-color-default,var(--spectrum-menu-drillin-icon-color-default)\n)\n);color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-drillin-icon-color-default,var(--spectrum-menu-drillin-icon-color-default)\n)\n);margin-inline-end:0;margin-inline-start:var(\n--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)\n)}:host([has-submenu]) .is-open{--spectrum-menu-item-background-color-default:var(\n--highcontrast-menu-item-selected-background-color,var(\n--mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)\n)\n)}:host([has-submenu]) .is-open .icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n)}:host([has-submenu]) .is-open .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n)}:host([has-submenu]) .is-open .checkmark{fill:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-checkmark-icon-color-default,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n)}:host([has-submenu]:focus) .chevron,:host([has-submenu][focused]) .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)\n)\n)}:host([has-submenu][active]) .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)\n)\n)}:host([aria-disabled=true]),:host([disabled]){background-color:#0000}:host([aria-disabled=true]) #label,:host([disabled]) #label{color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-content-color-disabled,var(--spectrum-menu-item-label-content-color-disabled)\n)\n)}:host([aria-disabled=true]) [name=description]::slotted(*),:host([disabled]) [name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-description-color-disabled,var(--spectrum-menu-item-description-color-disabled)\n)\n)}:host([aria-disabled=true]) ::slotted([slot=icon]),:host([disabled]) ::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n);color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n)}@media (hover:hover){:host([has-submenu]:hover) .chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)\n)\n)}:host(:hover){background-color:var(\n--highcontrast-menu-item-background-color-focus,var(\n--mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)\n)\n)}:host(:hover)>#label{color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-content-color-hover,var(--spectrum-menu-item-label-content-color-hover)\n)\n)}:host(:hover)>[name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-description-color-hover,var(--spectrum-menu-item-description-color-hover)\n)\n)}:host(:hover)>::slotted([slot=value]){color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-value-color-hover,var(--spectrum-menu-item-value-color-hover)\n)\n)}:host(:hover)>.icon:not(.chevron,.checkmark){fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)\n)\n)}:host(:hover)>.chevron{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)\n)\n)}:host(:hover)>.checkmark{fill:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n);color:var(\n--highcontrast-menu-item-color-focus,var(\n--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)\n)\n)}.spectrum-Menu-item--collapsible.is-open:hover{background-color:var(\n--highcontrast-menu-item-background-color-default,var(\n--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)\n)\n)}:host([aria-disabled=true]:hover),:host([disabled]:hover){background-color:#0000;cursor:default}:host([aria-disabled=true]:hover) #label,:host([disabled]:hover) #label{color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-content-color-disabled,var(--spectrum-menu-item-label-content-color-disabled)\n)\n)}:host([aria-disabled=true]:hover) [name=description]::slotted(*),:host([disabled]:hover) [name=description]::slotted(*){color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-description-color-disabled,var(--spectrum-menu-item-description-color-disabled)\n)\n)}:host([aria-disabled=true]:hover) ::slotted([slot=icon]),:host([disabled]:hover) ::slotted([slot=icon]){fill:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n);color:var(\n--highcontrast-menu-item-color-disabled,var(\n--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)\n)\n)}}.spectrum-Menu-back{align-items:center;display:flex;flex-flow:wrap;padding-block:var(--mod-menu-back-padding-block-start,0) var(--mod-menu-back-padding-block-end,0);padding-inline:var(--mod-menu-back-padding-inline-start,0) var(\n--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content)\n)}.spectrum-Menu-backButton{background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}:host([focused]) .spectrum-Menu-backButton{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(\n--highcontrast-menu-item-color-default,var(\n--mod-menu-back-heading-color,var(--spectrum-menu-section-header-color)\n)\n);display:block;font-size:var(\n--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size)\n);font-weight:var(\n--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight)\n);line-height:var(\n--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height)\n)}.spectrum-Menu-backIcon{fill:var(\n--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)\n);color:var(\n--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default)\n);margin-block:var(\n--mod-menu-back-icon-margin-block,var(--spectrum-menu-back-icon-margin)\n);margin-inline:var(\n--mod-menu-back-icon-margin-inline,var(--spectrum-menu-back-icon-margin)\n)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwVf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-menu-item.css.js CHANGED
@@ -37,7 +37,7 @@
37
37
  --mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control)
38
38
  )}.spectrum-Menu-itemSwitch{min-block-size:0}.spectrum-Menu-itemSwitch .spectrum-Switch-switch{margin-block-end:0;margin-block-start:var(
39
39
  --mod-menu-item-top-to-action,var(--spectrum-menu-item-top-to-action)
40
- )}:host{display:grid;grid-template:". chevronAreaCollapsible . iconArea sectionHeadingArea . . ." 1fr "selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn" ". . . . descriptionArea . . ." ". . . . submenuArea . . ."/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(
40
+ )}:host{display:grid;grid-template:". chevronAreaCollapsible . headingIconArea sectionHeadingArea . . ." 1fr "selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn" ". . . . descriptionArea . . ." ". . . . submenuArea . . ."/auto auto auto auto 1fr auto auto auto}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host(:focus),:host([focused]){background-color:var(
41
41
  --highcontrast-menu-item-background-color-focus,var(
42
42
  --mod-menu-item-background-color-key-focus,var(--spectrum-menu-item-background-color-key-focus)
43
43
  )
@@ -84,63 +84,23 @@ var(--spectrum-menu-item-focus-indicator-width)
84
84
  --highcontrast-menu-item-focus-indicator-color,var(
85
85
  --mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)
86
86
  )
87
- )}:host([dir=rtl]){--spectrum-menu-item-focus-indicator-direction-scalar:-1}:host(:hover){background-color:var(
88
- --highcontrast-menu-item-background-color-focus,var(
89
- --mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)
90
- )
91
- )}:host(:hover)>#label{color:var(
92
- --highcontrast-menu-item-color-focus,var(
93
- --mod-menu-item-label-content-color-hover,var(--spectrum-menu-item-label-content-color-hover)
94
- )
95
- )}:host(:hover)>[name=description]::slotted(*){color:var(
96
- --highcontrast-menu-item-color-focus,var(
97
- --mod-menu-item-description-color-hover,var(--spectrum-menu-item-description-color-hover)
98
- )
99
- )}:host(:hover)>::slotted([slot=value]){color:var(
100
- --highcontrast-menu-item-color-focus,var(
101
- --mod-menu-item-value-color-hover,var(--spectrum-menu-item-value-color-hover)
102
- )
103
- )}:host(:hover)>.icon:not(.chevron,.checkmark){fill:var(
104
- --highcontrast-menu-item-color-focus,var(
105
- --mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)
106
- )
107
- );color:var(
108
- --highcontrast-menu-item-color-focus,var(
109
- --mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)
110
- )
111
- )}:host(:hover)>.chevron{fill:var(
112
- --highcontrast-menu-item-color-focus,var(
113
- --mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)
114
- )
115
- );color:var(
116
- --highcontrast-menu-item-color-focus,var(
117
- --mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)
118
- )
119
- )}:host(:hover)>.checkmark{fill:var(
120
- --highcontrast-menu-item-color-focus,var(
121
- --mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)
122
- )
123
- );color:var(
124
- --highcontrast-menu-item-color-focus,var(
125
- --mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)
126
- )
127
- )}:host:active{background-color:var(
87
+ )}:host([dir=rtl]){--spectrum-menu-item-focus-indicator-direction-scalar:-1}:host([active]){background-color:var(
128
88
  --highcontrast-menu-item-background-color-focus,var(
129
89
  --mod-menu-item-background-color-down,var(--spectrum-menu-item-background-color-down)
130
90
  )
131
- )}:host:active>#label{color:var(
91
+ )}:host([active])>#label{color:var(
132
92
  --highcontrast-menu-item-color-focus,var(
133
93
  --mod-menu-item-label-content-color-down,var(--spectrum-menu-item-label-content-color-down)
134
94
  )
135
- )}:host:active>[name=description]::slotted(*){color:var(
95
+ )}:host([active])>[name=description]::slotted(*){color:var(
136
96
  --highcontrast-menu-item-color-focus,var(
137
97
  --mod-menu-item-description-color-down,var(--spectrum-menu-item-description-color-down)
138
98
  )
139
- )}:host:active>::slotted([slot=value]){color:var(
99
+ )}:host([active])>::slotted([slot=value]){color:var(
140
100
  --highcontrast-menu-item-color-focus,var(
141
101
  --mod-menu-item-value-color-down,var(--spectrum-menu-item-value-color-down)
142
102
  )
143
- )}:host:active>.icon:not(.chevron,.checkmark){fill:var(
103
+ )}:host([active])>.icon:not(.chevron,.checkmark){fill:var(
144
104
  --highcontrast-menu-item-color-focus,var(
145
105
  --mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)
146
106
  )
@@ -148,7 +108,7 @@ var(--spectrum-menu-item-focus-indicator-width)
148
108
  --highcontrast-menu-item-color-focus,var(
149
109
  --mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)
150
110
  )
151
- )}:host:active>.chevron{fill:var(
111
+ )}:host([active])>.chevron{fill:var(
152
112
  --highcontrast-menu-item-color-focus,var(
153
113
  --mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)
154
114
  )
@@ -156,7 +116,7 @@ var(--spectrum-menu-item-focus-indicator-width)
156
116
  --highcontrast-menu-item-color-focus,var(
157
117
  --mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)
158
118
  )
159
- )}:host:active>.checkmark{fill:var(
119
+ )}:host([active])>.checkmark{fill:var(
160
120
  --highcontrast-menu-item-color-focus,var(
161
121
  --mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)
162
122
  )
@@ -164,11 +124,11 @@ var(--spectrum-menu-item-focus-indicator-width)
164
124
  --highcontrast-menu-item-color-focus,var(
165
125
  --mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)
166
126
  )
167
- )}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{align-items:flex-start;color:var(
127
+ )}::slotted([slot=icon]){align-self:start;grid-area:iconArea}.spectrum-Menu-item--collapsible ::slotted([slot=icon]){grid-area:headingIconArea}:host .is-selectableMultiple{align-items:start}.is-selectableMultiple .spectrum-Menu-itemCheckbox{grid-area:iconArea}.checkmark{align-self:start;grid-area:checkmarkArea}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{color:var(
168
128
  --highcontrast-menu-item-color-default,var(
169
129
  --mod-menu-item-label-content-color-default,var(--spectrum-menu-item-label-content-color-default)
170
130
  )
171
- );display:flex;font-size:var(
131
+ );font-size:var(
172
132
  --mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)
173
133
  );grid-area:labelArea}::slotted([slot=value]){grid-area:valueArea}.spectrum-Menu-itemActions{align-self:start;grid-area:actionsArea;margin-inline-start:var(
174
134
  --mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)
@@ -210,7 +170,7 @@ var(--spectrum-menu-item-top-edge-to-text)
210
170
  --mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size)
211
171
  );margin-inline-start:var(
212
172
  --mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing)
213
- );place-self:start end}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectrum-Menu-item--collapsible.is-open{padding-block-end:0}.spectrum-Menu-item--collapsible.is-open .chevron{transform:rotate(90deg)}.spectrum-Menu-item--collapsible.is-open:active,.spectrum-Menu-item--collapsible.is-open:focus,.spectrum-Menu-item--collapsible.is-open:hover,:host([focused]) .spectrum-Menu-item--collapsible.is-open{background-color:var(
173
+ );place-self:start end}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectrum-Menu-item--collapsible.is-open{padding-block-end:0}.spectrum-Menu-item--collapsible.is-open .chevron{transform:rotate(90deg)}.spectrum-Menu-item--collapsible.is-open:focus,:host([active]) .spectrum-Menu-item--collapsible.is-open,:host([focused]) .spectrum-Menu-item--collapsible.is-open{background-color:var(
214
174
  --highcontrast-menu-item-background-color-default,var(
215
175
  --mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)
216
176
  )
@@ -260,14 +220,6 @@ var(--spectrum-menu-item-top-edge-to-text)
260
220
  --highcontrast-menu-checkmark-icon-color-default,var(
261
221
  --mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)
262
222
  )
263
- )}:host([has-submenu]:hover) .chevron{fill:var(
264
- --highcontrast-menu-item-color-focus,var(
265
- --mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)
266
- )
267
- );color:var(
268
- --highcontrast-menu-item-color-focus,var(
269
- --mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)
270
- )
271
223
  )}:host([has-submenu]:focus) .chevron,:host([has-submenu][focused]) .chevron{fill:var(
272
224
  --highcontrast-menu-item-color-focus,var(
273
225
  --mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)
@@ -276,7 +228,7 @@ var(--spectrum-menu-item-top-edge-to-text)
276
228
  --highcontrast-menu-item-color-focus,var(
277
229
  --mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)
278
230
  )
279
- )}:host([has-submenu]):active .chevron{fill:var(
231
+ )}:host([has-submenu][active]) .chevron{fill:var(
280
232
  --highcontrast-menu-item-color-focus,var(
281
233
  --mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)
282
234
  )
@@ -300,7 +252,67 @@ var(--spectrum-menu-item-top-edge-to-text)
300
252
  --highcontrast-menu-item-color-disabled,var(
301
253
  --mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)
302
254
  )
303
- )}:host([aria-disabled=true]:hover),:host([disabled]:hover){cursor:default}:host([aria-disabled=true]:hover) ::slotted([slot=icon]),:host([disabled]:hover) ::slotted([slot=icon]){fill:var(
255
+ )}@media (hover:hover){:host([has-submenu]:hover) .chevron{fill:var(
256
+ --highcontrast-menu-item-color-focus,var(
257
+ --mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)
258
+ )
259
+ );color:var(
260
+ --highcontrast-menu-item-color-focus,var(
261
+ --mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)
262
+ )
263
+ )}:host(:hover){background-color:var(
264
+ --highcontrast-menu-item-background-color-focus,var(
265
+ --mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)
266
+ )
267
+ )}:host(:hover)>#label{color:var(
268
+ --highcontrast-menu-item-color-focus,var(
269
+ --mod-menu-item-label-content-color-hover,var(--spectrum-menu-item-label-content-color-hover)
270
+ )
271
+ )}:host(:hover)>[name=description]::slotted(*){color:var(
272
+ --highcontrast-menu-item-color-focus,var(
273
+ --mod-menu-item-description-color-hover,var(--spectrum-menu-item-description-color-hover)
274
+ )
275
+ )}:host(:hover)>::slotted([slot=value]){color:var(
276
+ --highcontrast-menu-item-color-focus,var(
277
+ --mod-menu-item-value-color-hover,var(--spectrum-menu-item-value-color-hover)
278
+ )
279
+ )}:host(:hover)>.icon:not(.chevron,.checkmark){fill:var(
280
+ --highcontrast-menu-item-color-focus,var(
281
+ --mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)
282
+ )
283
+ );color:var(
284
+ --highcontrast-menu-item-color-focus,var(
285
+ --mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)
286
+ )
287
+ )}:host(:hover)>.chevron{fill:var(
288
+ --highcontrast-menu-item-color-focus,var(
289
+ --mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)
290
+ )
291
+ );color:var(
292
+ --highcontrast-menu-item-color-focus,var(
293
+ --mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)
294
+ )
295
+ )}:host(:hover)>.checkmark{fill:var(
296
+ --highcontrast-menu-item-color-focus,var(
297
+ --mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)
298
+ )
299
+ );color:var(
300
+ --highcontrast-menu-item-color-focus,var(
301
+ --mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)
302
+ )
303
+ )}.spectrum-Menu-item--collapsible.is-open:hover{background-color:var(
304
+ --highcontrast-menu-item-background-color-default,var(
305
+ --mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)
306
+ )
307
+ )}:host([aria-disabled=true]:hover),:host([disabled]:hover){background-color:#0000;cursor:default}:host([aria-disabled=true]:hover) #label,:host([disabled]:hover) #label{color:var(
308
+ --highcontrast-menu-item-color-disabled,var(
309
+ --mod-menu-item-label-content-color-disabled,var(--spectrum-menu-item-label-content-color-disabled)
310
+ )
311
+ )}:host([aria-disabled=true]:hover) [name=description]::slotted(*),:host([disabled]:hover) [name=description]::slotted(*){color:var(
312
+ --highcontrast-menu-item-color-disabled,var(
313
+ --mod-menu-item-description-color-disabled,var(--spectrum-menu-item-description-color-disabled)
314
+ )
315
+ )}:host([aria-disabled=true]:hover) ::slotted([slot=icon]),:host([disabled]:hover) ::slotted([slot=icon]){fill:var(
304
316
  --highcontrast-menu-item-color-disabled,var(
305
317
  --mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)
306
318
  )
@@ -308,7 +320,7 @@ var(--spectrum-menu-item-top-edge-to-text)
308
320
  --highcontrast-menu-item-color-disabled,var(
309
321
  --mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)
310
322
  )
311
- )}.spectrum-Menu-back{align-items:center;display:flex;flex-flow:wrap;padding-block:var(--mod-menu-back-padding-block-start,0) var(--mod-menu-back-padding-block-end,0);padding-inline:var(--mod-menu-back-padding-inline-start,0) var(
323
+ )}}.spectrum-Menu-back{align-items:center;display:flex;flex-flow:wrap;padding-block:var(--mod-menu-back-padding-block-start,0) var(--mod-menu-back-padding-block-end,0);padding-inline:var(--mod-menu-back-padding-inline-start,0) var(
312
324
  --mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content)
313
325
  )}.spectrum-Menu-backButton{background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}:host([focused]) .spectrum-Menu-backButton{outline:var(--spectrum-focus-indicator-thickness) solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(
314
326
  --highcontrast-menu-item-color-default,var(