@spectrum-web-components/menu 0.16.16 → 0.16.18-overlay.10

package/src/MenuItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["MenuItem.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 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*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';\nimport { LikeAnchor } from '@spectrum-web-components/shared/src/like-anchor.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';\nimport chevronStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';\nimport { openOverlay } from '@spectrum-web-components/overlay/src/loader.js';\nimport { OverlayCloseEvent } from '@spectrum-web-components/overlay/src/overlay-events.js';\n\nimport menuItemStyles from './menu-item.css.js';\nimport checkmarkStyles from '@spectrum-web-components/icon/src/spectrum-icon-checkmark.css.js';\nimport type { Menu } from './Menu.js';\nimport type { OverlayOpenCloseDetail } from '@spectrum-web-components/overlay';\nimport { reparentChildren } from '@spectrum-web-components/shared/src/reparent-children.js';\nimport { MutationController } from '@lit-labs/observers/mutation_controller.js';\n\n/**\n * Duration during which a pointing device can leave an `<sp-menu-item>` element\n * and return to it or to the submenu opened from it before closing that submenu.\n **/\nconst POINTERLEAVE_TIMEOUT = 100;\n\nexport class MenuItemRemovedEvent extends Event {\n    constructor() {\n        super('sp-menu-item-removed', {\n            bubbles: true,\n            composed: true,\n        });\n    }\n    get item(): MenuItem {\n        return this._item;\n    }\n    _item!: MenuItem;\n    focused = false;\n    reset(item: MenuItem): void {\n        this._item = item;\n    }\n}\n\nexport class MenuItemAddedOrUpdatedEvent extends Event {\n    constructor() {\n        super('sp-menu-item-added-or-updated', {\n            bubbles: true,\n            composed: true,\n        });\n    }\n    set focusRoot(root: Menu | undefined) {\n        this.item.menuData.focusRoot = this.item.menuData.focusRoot || root;\n    }\n    set selectionRoot(root: Menu) {\n        this.item.menuData.selectionRoot =\n            this.item.menuData.selectionRoot || root;\n    }\n    get item(): MenuItem {\n        return this._item;\n    }\n    _item!: MenuItem;\n    set currentAncestorWithSelects(ancestor: Menu | undefined) {\n        this._currentAncestorWithSelects = ancestor;\n    }\n    get currentAncestorWithSelects(): Menu | undefined {\n        return this._currentAncestorWithSelects;\n    }\n    _currentAncestorWithSelects?: Menu;\n    reset(item: MenuItem): void {\n        this._item = item;\n        this._currentAncestorWithSelects = undefined;\n        item.menuData = {\n            focusRoot: undefined,\n            selectionRoot: undefined,\n        };\n    }\n}\n\nexport type MenuItemChildren = { icon: Element[]; content: Node[] };\n\nconst addOrUpdateEvent = new MenuItemAddedOrUpdatedEvent();\nconst removeEvent = new MenuItemRemovedEvent();\n\n/**\n * @element sp-menu-item\n *\n * @slot - text content to display within the Menu Item\n * @slot icon - icon element to be placed at the start of the Menu Item\n * @slot value - content placed at the end of the Menu Item like values, keyboard shortcuts, etc.\n * @fires sp-menu-item-added - announces the item has been added so a parent menu can take ownerships\n * @fires sp-menu-item-removed - announces when removed from the DOM so the parent menu can remove ownership and update selected state\n */\nexport class MenuItem extends LikeAnchor(Focusable) {\n    public static override get styles(): CSSResultArray {\n        return [menuItemStyles, checkmarkStyles, chevronStyles];\n    }\n\n    static instanceCount = 0;\n\n    private isInSubmenu = false;\n\n    @property({ type: Boolean, reflect: true })\n    public active = false;\n\n    @property({ type: Boolean, reflect: true })\n    public focused = false;\n\n    @property({ type: Boolean, reflect: true })\n    public selected = false;\n\n    @property({ type: String })\n    public get value(): string {\n        return this._value || this.itemText;\n    }\n\n    public set value(value: string) {\n        if (value === this._value) {\n            return;\n        }\n        this._value = value || '';\n        if (this._value) {\n            this.setAttribute('value', this._value);\n        } else {\n            this.removeAttribute('value');\n        }\n    }\n\n    private _value = '';\n\n    /**\n     * @private\n     */\n    public get itemText(): string {\n        return this.itemChildren.content.reduce(\n            (acc, node) => acc + (node.textContent || '').trim(),\n            ''\n        );\n    }\n\n    @property({ type: Boolean })\n    public hasSubmenu = false;\n\n    @property({\n        type: Boolean,\n        reflect: true,\n        attribute: 'no-wrap',\n        hasChanged() {\n            return false;\n        },\n    })\n    public noWrap = false;\n\n    @query('.anchor')\n    private anchorElement!: HTMLAnchorElement;\n\n    public override get focusElement(): HTMLElement {\n        return this;\n    }\n\n    public get itemChildren(): MenuItemChildren {\n        if (this._itemChildren) {\n            return this._itemChildren;\n        }\n\n        const iconSlot = this.shadowRoot?.querySelector(\n            'slot[name=\"icon\"]'\n        ) as HTMLSlotElement;\n        const icon = !iconSlot\n            ? []\n            : iconSlot.assignedElements().map((element) => {\n                  const newElement = element.cloneNode(true) as HTMLElement;\n                  newElement.removeAttribute('slot');\n                  newElement.classList.toggle('icon');\n                  return newElement;\n              });\n        const contentSlot = this.shadowRoot?.querySelector(\n            'slot:not([name])'\n        ) as HTMLSlotElement;\n        const content = !contentSlot\n            ? []\n            : contentSlot.assignedNodes().map((node) => node.cloneNode(true));\n        this._itemChildren = { icon, content };\n\n        return this._itemChildren;\n    }\n\n    private _itemChildren?: MenuItemChildren;\n\n    constructor() {\n        super();\n        this.proxyFocus = this.proxyFocus.bind(this);\n\n        this.addEventListener('click', this.handleClickCapture, {\n            capture: true,\n        });\n\n        new MutationController(this, {\n            config: {\n                characterData: true,\n                childList: true,\n                subtree: true,\n            },\n            callback: () => {\n                this.breakItemChildrenCache();\n            },\n        });\n    }\n\n    @property({ type: Boolean })\n    public open = false;\n\n    public override click(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        if (this.shouldProxyClick()) {\n            return;\n        }\n\n        super.click();\n    }\n\n    private handleClickCapture(event: Event): void | boolean {\n        if (this.disabled) {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            event.stopPropagation();\n            return false;\n        }\n    }\n\n    private proxyFocus(): void {\n        this.focus();\n    }\n\n    private shouldProxyClick(): boolean {\n        let handled = false;\n        if (this.anchorElement) {\n            this.anchorElement.click();\n            handled = true;\n        }\n        return handled;\n    }\n\n    protected breakItemChildrenCache(): void {\n        this._itemChildren = undefined;\n        this.triggerUpdate();\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot name=\"icon\"></slot>\n            <div id=\"label\">\n                <slot id=\"slot\"></slot>\n            </div>\n            <slot name=\"value\"></slot>\n            ${this.selected\n                ? html`\n                      <sp-icon-checkmark100\n                          id=\"selected\"\n                          class=\"spectrum-UIIcon-Checkmark100 icon checkmark\"\n                      ></sp-icon-checkmark100>\n                  `\n                : html``}\n            ${this.href && this.href.length > 0\n                ? super.renderAnchor({\n                      id: 'button',\n                      ariaHidden: true,\n                      className: 'button anchor hidden',\n                  })\n                : html``}\n            <slot\n                hidden\n                name=\"submenu\"\n                @slotchange=${this.manageSubmenu}\n            ></slot>\n            ${this.hasSubmenu\n                ? html`\n                      <sp-icon-chevron100\n                          class=\"spectrum-UIIcon-ChevronRight100 chevron icon\"\n                      ></sp-icon-chevron100>\n                  `\n                : html``}\n        `;\n    }\n\n    protected manageSubmenu(event: Event & { target: HTMLSlotElement }): void {\n        const assignedElements = event.target.assignedElements({\n            flatten: true,\n        });\n        this.hasSubmenu = this.open || !!assignedElements.length;\n    }\n\n    private handleRemoveActive(event: Event): void {\n        if (\n            (event.type === 'pointerleave' && this.hasSubmenu) ||\n            this.hasSubmenu ||\n            this.open\n        ) {\n            return;\n        }\n        this.active = false;\n    }\n\n    private handlePointerdown(): void {\n        this.active = true;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.setAttribute('tabindex', '-1');\n        this.addEventListener('pointerdown', this.handlePointerdown);\n        if (!this.hasAttribute('id')) {\n            this.id = `sp-menu-item-${MenuItem.instanceCount++}`;\n        }\n        this.addEventListener('pointerenter', this.closeOverlaysForRoot);\n    }\n\n    protected closeOverlaysForRoot(): void {\n        if (this.open) return;\n        const overalyCloseEvent = new OverlayCloseEvent({\n            root: this.menuData.focusRoot,\n        });\n        this.dispatchEvent(overalyCloseEvent);\n    }\n\n    public closeOverlay?: () => Promise<void>;\n\n    protected handleSubmenuClick(): void {\n        this.openOverlay();\n    }\n\n    protected handlePointerenter(): void {\n        if (this.leaveTimeout) {\n            clearTimeout(this.leaveTimeout);\n            delete this.leaveTimeout;\n            return;\n        }\n        this.openOverlay();\n    }\n\n    protected leaveTimeout?: ReturnType<typeof setTimeout>;\n\n    protected handlePointerleave(): void {\n        if (this.hasSubmenu && this.open) {\n            this.leaveTimeout = setTimeout(() => {\n                delete this.leaveTimeout;\n                if (this.closeOverlay) this.closeOverlay();\n            }, POINTERLEAVE_TIMEOUT);\n        }\n    }\n\n    /**\n     * When there is a `change` event in the submenu for this item\n     * then we \"click\" this item to cascade the selection up the\n     * menu tree allowing all submenus between the initial selection\n     * and the root of the tree to have their selection changes and\n     * be closed.\n     */\n    protected handleSubmenuChange = (): void => {\n        this.menuData.selectionRoot?.selectOrToggleItem(this);\n    };\n\n    protected handleSubmenuPointerenter = (): void => {\n        if (this.leaveTimeout) {\n            clearTimeout(this.leaveTimeout);\n            delete this.leaveTimeout;\n        }\n    };\n\n    public async openOverlay(): Promise<void> {\n        if (!this.hasSubmenu || this.open || this.disabled) {\n            return;\n        }\n        this.open = true;\n        this.active = true;\n        const submenu = (\n            this.shadowRoot.querySelector(\n                'slot[name=\"submenu\"]'\n            ) as HTMLSlotElement\n        ).assignedElements()[0] as Menu;\n        submenu.addEventListener(\n            'pointerenter',\n            this.handleSubmenuPointerenter\n        );\n        submenu.addEventListener('change', this.handleSubmenuChange);\n        const popover = document.createElement('sp-popover');\n        const returnSubmenu = reparentChildren([submenu], popover, {\n            position: 'beforeend',\n            prepareCallback: (el) => {\n                const slotName = el.slot;\n                el.tabIndex = 0;\n                el.removeAttribute('slot');\n                el.isSubmenu = true;\n                return (el) => {\n                    el.tabIndex = -1;\n                    el.slot = slotName;\n                    el.isSubmenu = false;\n                };\n            },\n        });\n        const closeOverlay = openOverlay(this, 'click', popover, {\n            placement: this.isLTR ? 'right-start' : 'left-start',\n            receivesFocus: 'auto',\n            root: this.menuData.focusRoot,\n        });\n        const closeSubmenu = async (): Promise<void> => {\n            delete this.closeOverlay;\n            (await closeOverlay)();\n        };\n        this.closeOverlay = closeSubmenu;\n        const cleanup = (event: CustomEvent<OverlayOpenCloseDetail>): void => {\n            event.stopPropagation();\n            delete this.closeOverlay;\n            returnSubmenu();\n            this.open = false;\n            this.active = false;\n        };\n        this.addEventListener('sp-closed', cleanup as EventListener, {\n            once: true,\n        });\n        popover.addEventListener('change', closeSubmenu);\n    }\n\n    updateAriaSelected(): void {\n        const role = this.getAttribute('role');\n        if (role === 'option') {\n            this.setAttribute(\n                'aria-selected',\n                this.selected ? 'true' : 'false'\n            );\n        } else if (role === 'menuitemcheckbox' || role === 'menuitemradio') {\n            this.setAttribute('aria-checked', this.selected ? 'true' : 'false');\n        }\n    }\n\n    public setRole(role: string): void {\n        this.setAttribute('role', role);\n        this.updateAriaSelected();\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        super.updated(changes);\n        if (changes.has('label')) {\n            this.setAttribute('aria-label', this.label || '');\n        }\n        if (changes.has('active')) {\n            if (this.active) {\n                this.addEventListener('pointerup', this.handleRemoveActive);\n                this.addEventListener('pointerleave', this.handleRemoveActive);\n                this.addEventListener('pointercancel', this.handleRemoveActive);\n            } else {\n                this.removeEventListener('pointerup', this.handleRemoveActive);\n                this.removeEventListener(\n                    'pointerleave',\n                    this.handleRemoveActive\n                );\n                this.removeEventListener(\n                    'pointercancel',\n                    this.handleRemoveActive\n                );\n            }\n        }\n        if (this.anchorElement) {\n            this.anchorElement.addEventListener('focus', this.proxyFocus);\n            this.anchorElement.tabIndex = -1;\n        }\n        if (changes.has('selected')) {\n            this.updateAriaSelected();\n        }\n        if (changes.has('hasSubmenu')) {\n            if (this.hasSubmenu) {\n                this.addEventListener('click', this.handleSubmenuClick);\n                this.addEventListener('pointerenter', this.handlePointerenter);\n                this.addEventListener('pointerleave', this.handlePointerleave);\n            } else if (!this.closeOverlay) {\n                this.removeEventListener('click', this.handleSubmenuClick);\n                this.removeEventListener(\n                    'pointerenter',\n                    this.handlePointerenter\n                );\n                this.removeEventListener(\n                    'pointerleave',\n                    this.handlePointerleave\n                );\n            }\n        }\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.isInSubmenu = !!this.closest('[slot=\"submenu\"]');\n        if (this.isInSubmenu) {\n            return;\n        }\n        addOrUpdateEvent.reset(this);\n        this.dispatchEvent(addOrUpdateEvent);\n        this._parentElement = this.parentElement as HTMLElement;\n    }\n\n    _parentElement!: HTMLElement;\n\n    public override disconnectedCallback(): void {\n        removeEvent.reset(this);\n        if (!this.isInSubmenu) {\n            this._parentElement?.dispatchEvent(removeEvent);\n        }\n        this.isInSubmenu = false;\n        super.disconnectedCallback();\n    }\n\n    public async triggerUpdate(): Promise<void> {\n        if (this.isInSubmenu) {\n            return;\n        }\n        await new Promise((ready) => requestAnimationFrame(ready));\n        addOrUpdateEvent.reset(this);\n        this.dispatchEvent(addOrUpdateEvent);\n    }\n\n    public menuData: {\n        focusRoot?: Menu;\n        selectionRoot?: Menu;\n    } = {\n        focusRoot: undefined,\n        selectionRoot: undefined,\n    };\n}\n\ndeclare global {\n    interface GlobalEventHandlersEventMap {\n        'sp-menu-item-added-or-updated': MenuItemAddedOrUpdatedEvent;\n        'sp-menu-item-removed': MenuItemRemovedEvent;\n    }\n}\n"],
-  "mappings": "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",
-  "names": ["html", "property", "query", "LikeAnchor", "Focusable", "chevronStyles", "openOverlay", "OverlayCloseEvent", "menuItemStyles", "checkmarkStyles", "reparentChildren", "MutationController", "POINTERLEAVE_TIMEOUT", "item", "root", "ancestor", "addOrUpdateEvent", "removeEvent", "_MenuItem", "_a", "value", "acc", "node", "_b", "iconSlot", "icon", "element", "newElement", "contentSlot", "content", "event", "handled", "assignedElements", "changes", "overalyCloseEvent", "submenu", "popover", "returnSubmenu", "el", "slotName", "closeOverlay", "closeSubmenu", "cleanup", "role", "ready", "__decorateClass"]
+  "sourcesContent": ["/*\nCopyright 2020 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*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';\nimport { LikeAnchor } from '@spectrum-web-components/shared/src/like-anchor.js';\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';\nimport chevronStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';\n\nimport menuItemStyles from './menu-item.css.js';\nimport checkmarkStyles from '@spectrum-web-components/icon/src/spectrum-icon-checkmark.css.js';\nimport type { Menu } from './Menu.js';\nimport { MutationController } from '@lit-labs/observers/mutation_controller.js';\nimport '@spectrum-web-components/overlay/sp-overlay.js';\nimport { OverlayBase } from 'overlay/src/OverlayBase.js';\n\n/**\n * Duration during which a pointing device can leave an `<sp-menu-item>` element\n * and return to it or to the submenu opened from it before closing that submenu.\n **/\nconst POINTERLEAVE_TIMEOUT = 100;\n\nexport class MenuItemRemovedEvent extends Event {\n    constructor() {\n        super('sp-menu-item-removed', {\n            bubbles: true,\n            composed: true,\n        });\n    }\n    get item(): MenuItem {\n        return this._item;\n    }\n    _item!: MenuItem;\n    focused = false;\n    reset(item: MenuItem): void {\n        this._item = item;\n    }\n}\n\nexport class MenuItemAddedOrUpdatedEvent extends Event {\n    constructor() {\n        super('sp-menu-item-added-or-updated', {\n            bubbles: true,\n            composed: true,\n        });\n    }\n    menuCascade = new WeakMap<\n        HTMLElement,\n        {\n            hadFocusRoot: boolean;\n            ancestorWithSelects?: HTMLElement;\n        }\n    >();\n    set focusRoot(root: Menu | undefined) {\n        this.item.menuData.focusRoot = this.item.menuData.focusRoot || root;\n    }\n    set selectionRoot(root: Menu) {\n        this.item.menuData.selectionRoot =\n            this.item.menuData.selectionRoot || root;\n    }\n    get item(): MenuItem {\n        return this._item;\n    }\n    _item!: MenuItem;\n    set currentAncestorWithSelects(ancestor: Menu | undefined) {\n        this._currentAncestorWithSelects = ancestor;\n    }\n    get currentAncestorWithSelects(): Menu | undefined {\n        return this._currentAncestorWithSelects;\n    }\n    _currentAncestorWithSelects?: Menu;\n    reset(item: MenuItem): void {\n        this._item = item;\n        this._currentAncestorWithSelects = undefined;\n        item.menuData = {\n            focusRoot: undefined,\n            selectionRoot: undefined,\n        };\n    }\n}\n\nexport type MenuItemChildren = { icon: Element[]; content: Node[] };\n\nconst addOrUpdateEvent = new MenuItemAddedOrUpdatedEvent();\nconst removeEvent = new MenuItemRemovedEvent();\n\n/**\n * @element sp-menu-item\n *\n * @slot - text content to display within the Menu Item\n * @slot icon - icon element to be placed at the start of the Menu Item\n * @slot value - content placed at the end of the Menu Item like values, keyboard shortcuts, etc.\n * @fires sp-menu-item-added - announces the item has been added so a parent menu can take ownerships\n * @fires sp-menu-item-removed - announces when removed from the DOM so the parent menu can remove ownership and update selected state\n */\nexport class MenuItem extends LikeAnchor(Focusable) {\n    public static override get styles(): CSSResultArray {\n        return [menuItemStyles, checkmarkStyles, chevronStyles];\n    }\n\n    static instanceCount = 0;\n\n    @property({ type: Boolean, reflect: true })\n    public active = false;\n\n    @property({ type: Boolean, reflect: true })\n    public focused = false;\n\n    @property({ type: Boolean, reflect: true })\n    public selected = false;\n\n    @property({ type: String })\n    public get value(): string {\n        return this._value || this.itemText;\n    }\n\n    public set value(value: string) {\n        if (value === this._value) {\n            return;\n        }\n        this._value = value || '';\n        if (this._value) {\n            this.setAttribute('value', this._value);\n        } else {\n            this.removeAttribute('value');\n        }\n    }\n\n    private _value = '';\n\n    /**\n     * @private\n     */\n    public get itemText(): string {\n        return this.itemChildren.content.reduce(\n            (acc, node) => acc + (node.textContent || '').trim(),\n            ''\n        );\n    }\n\n    @property({ type: Boolean })\n    public hasSubmenu = false;\n\n    @property({\n        type: Boolean,\n        reflect: true,\n        attribute: 'no-wrap',\n        hasChanged() {\n            return false;\n        },\n    })\n    public noWrap = false;\n\n    @query('.anchor')\n    private anchorElement!: HTMLAnchorElement;\n\n    @query('sp-overlay')\n    public overlayElement!: OverlayBase;\n\n    public override get focusElement(): HTMLElement {\n        return this;\n    }\n\n    public get itemChildren(): MenuItemChildren {\n        if (this._itemChildren) {\n            return this._itemChildren;\n        }\n\n        const iconSlot = this.shadowRoot?.querySelector(\n            'slot[name=\"icon\"]'\n        ) as HTMLSlotElement;\n        const icon = !iconSlot\n            ? []\n            : iconSlot.assignedElements().map((element) => {\n                  const newElement = element.cloneNode(true) as HTMLElement;\n                  newElement.removeAttribute('slot');\n                  newElement.classList.toggle('icon');\n                  return newElement;\n              });\n        const contentSlot = this.shadowRoot?.querySelector(\n            'slot:not([name])'\n        ) as HTMLSlotElement;\n        const content = !contentSlot\n            ? []\n            : contentSlot.assignedNodes().map((node) => node.cloneNode(true));\n        this._itemChildren = { icon, content };\n\n        return this._itemChildren;\n    }\n\n    private _itemChildren?: MenuItemChildren;\n\n    constructor() {\n        super();\n        this.proxyFocus = this.proxyFocus.bind(this);\n\n        this.addEventListener('click', this.handleClickCapture, {\n            capture: true,\n        });\n\n        new MutationController(this, {\n            config: {\n                characterData: true,\n                childList: true,\n                subtree: true,\n            },\n            callback: () => {\n                this.breakItemChildrenCache();\n            },\n        });\n    }\n\n    @property({ type: Boolean })\n    public open = false;\n\n    public override click(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        if (this.shouldProxyClick()) {\n            return;\n        }\n\n        super.click();\n    }\n\n    private handleClickCapture(event: Event): void | boolean {\n        if (this.disabled) {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            event.stopPropagation();\n            return false;\n        }\n    }\n\n    private proxyFocus(): void {\n        this.focus();\n    }\n\n    private shouldProxyClick(): boolean {\n        let handled = false;\n        if (this.anchorElement) {\n            this.anchorElement.click();\n            handled = true;\n        }\n        return handled;\n    }\n\n    protected breakItemChildrenCache(): void {\n        this._itemChildren = undefined;\n        this.triggerUpdate();\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot name=\"icon\"></slot>\n            <div id=\"label\">\n                <slot id=\"slot\"></slot>\n            </div>\n            <slot name=\"value\"></slot>\n            ${this.selected\n                ? html`\n                      <sp-icon-checkmark100\n                          id=\"selected\"\n                          class=\"spectrum-UIIcon-Checkmark100 icon checkmark\"\n                      ></sp-icon-checkmark100>\n                  `\n                : html``}\n            ${this.href && this.href.length > 0\n                ? super.renderAnchor({\n                      id: 'button',\n                      ariaHidden: true,\n                      className: 'button anchor hidden',\n                  })\n                : html``}\n            <sp-overlay\n                .triggerElement=${this as HTMLElement}\n                ?disabled=${!this.hasSubmenu}\n                ?open=${this.hasSubmenu && this.open}\n                .placement=${this.isLTR ? 'right-start' : 'left-start'}\n                .offset=${[-10, -5] as [number, number]}\n                .type=${'auto'}\n                @close=${(event: Event) => event.stopPropagation()}\n            >\n                <sp-popover\n                    @change=${(event: Event) => {\n                        this.handleSubmenuChange(event);\n                        this.open = false;\n                    }}\n                    @pointerenter=${this.handleSubmenuPointerenter}\n                    @pointerleave=${this.handleSubmenuPointerleave}\n                    @sp-menu-item-added-or-updated=${(event: Event) =>\n                        event.stopPropagation()}\n                >\n                    <slot\n                        name=\"submenu\"\n                        @slotchange=${this.manageSubmenu}\n                        @sp-menu-item-removed=${(event: Event) => {\n                            event.stopPropagation();\n                        }}\n                        @sp-menu-item-added-or-updated=${{\n                            handleEvent: (\n                                event: MenuItemAddedOrUpdatedEvent\n                            ) => {\n                                event.reset(event.item);\n                            },\n                            capture: true,\n                        }}\n                        @focusin=${(event: Event) => event.stopPropagation()}\n                    ></slot>\n                </sp-popover>\n            </sp-overlay>\n            ${this.hasSubmenu\n                ? html`\n                      <sp-icon-chevron100\n                          class=\"spectrum-UIIcon-ChevronRight100 chevron icon\"\n                      ></sp-icon-chevron100>\n                  `\n                : html``}\n        `;\n    }\n\n    protected manageSubmenu(event: Event & { target: HTMLSlotElement }): void {\n        const assignedElements = event.target.assignedElements({\n            flatten: true,\n        });\n        this.hasSubmenu = !!assignedElements.length;\n    }\n\n    private handleRemoveActive(): void {\n        if (this.open) {\n            return;\n        }\n        this.active = false;\n    }\n\n    private handlePointerdown(): void {\n        this.active = true;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.setAttribute('tabindex', '-1');\n        this.addEventListener('pointerdown', this.handlePointerdown);\n        if (!this.hasAttribute('id')) {\n            this.id = `sp-menu-item-${MenuItem.instanceCount++}`;\n        }\n        this.addEventListener('pointerenter', this.closeOverlaysForRoot);\n    }\n\n    protected closeOverlaysForRoot(): void {\n        if (this.open) return;\n        this.menuData.selectionRoot?.closeDescendentOverlays();\n    }\n\n    public closeOverlay?: () => Promise<void>;\n\n    protected handleSubmenuClick(): void {\n        this.openOverlay();\n    }\n\n    protected handlePointerenter(): void {\n        if (this.leaveTimeout) {\n            clearTimeout(this.leaveTimeout);\n            delete this.leaveTimeout;\n            return;\n        }\n        this.openOverlay();\n    }\n\n    protected leaveTimeout?: ReturnType<typeof setTimeout>;\n    protected recentlyLeftChild = false;\n\n    protected handlePointerleave(): void {\n        if (this.open && !this.recentlyLeftChild) {\n            this.leaveTimeout = setTimeout(() => {\n                delete this.leaveTimeout;\n                this.open = false;\n            }, POINTERLEAVE_TIMEOUT);\n        }\n    }\n\n    /**\n     * When there is a `change` event in the submenu for this item\n     * then we \"click\" this item to cascade the selection up the\n     * menu tree allowing all submenus between the initial selection\n     * and the root of the tree to have their selection changes and\n     * be closed.\n     */\n    protected handleSubmenuChange(event: Event): void {\n        event.stopPropagation();\n        this.menuData.selectionRoot?.selectOrToggleItem(this);\n    }\n\n    protected handleSubmenuPointerenter(): void {\n        this.recentlyLeftChild = true;\n    }\n\n    protected async handleSubmenuPointerleave(): Promise<void> {\n        requestAnimationFrame(() => {\n            this.recentlyLeftChild = false;\n        });\n    }\n\n    protected handleSubmenuOpen(event: Event): void {\n        this.focused = false;\n        const parentOverlay = event.composedPath().find((el) => {\n            return (\n                el !== this.overlayElement &&\n                (el as HTMLElement).localName === 'sp-overlay'\n            );\n        }) as OverlayBase;\n        this.overlayElement.parentOverlayToForceClose = parentOverlay;\n    }\n\n    public async openOverlay(): Promise<void> {\n        if (!this.hasSubmenu || this.open || this.disabled) {\n            return;\n        }\n        this.open = true;\n        this.active = true;\n        const cleanup = (event: Event): void => {\n            event.stopPropagation();\n            this.open = false;\n            this.active = false;\n        };\n        this.addEventListener('sp-closed', cleanup as EventListener, {\n            once: true,\n        });\n    }\n\n    updateAriaSelected(): void {\n        const role = this.getAttribute('role');\n        if (role === 'option') {\n            this.setAttribute(\n                'aria-selected',\n                this.selected ? 'true' : 'false'\n            );\n        } else if (role === 'menuitemcheckbox' || role === 'menuitemradio') {\n            this.setAttribute('aria-checked', this.selected ? 'true' : 'false');\n        }\n    }\n\n    public setRole(role: string): void {\n        this.setAttribute('role', role);\n        this.updateAriaSelected();\n    }\n\n    protected override updated(changes: PropertyValues<this>): void {\n        super.updated(changes);\n        if (changes.has('label')) {\n            this.setAttribute('aria-label', this.label || '');\n        }\n        if (changes.has('active')) {\n            if (this.active) {\n                this.menuData.selectionRoot?.closeDescendentOverlays();\n                this.addEventListener('pointerup', this.handleRemoveActive);\n                this.addEventListener('pointerleave', this.handleRemoveActive);\n                this.addEventListener('pointercancel', this.handleRemoveActive);\n            } else {\n                this.removeEventListener('pointerup', this.handleRemoveActive);\n                this.removeEventListener(\n                    'pointerleave',\n                    this.handleRemoveActive\n                );\n                this.removeEventListener(\n                    'pointercancel',\n                    this.handleRemoveActive\n                );\n            }\n        }\n        if (this.anchorElement) {\n            this.anchorElement.addEventListener('focus', this.proxyFocus);\n            this.anchorElement.tabIndex = -1;\n        }\n        if (changes.has('selected')) {\n            this.updateAriaSelected();\n        }\n        if (changes.has('hasSubmenu')) {\n            if (this.hasSubmenu) {\n                this.addEventListener('click', this.handleSubmenuClick);\n                this.addEventListener('pointerenter', this.handlePointerenter);\n                this.addEventListener('pointerleave', this.handlePointerleave);\n                this.addEventListener('sp-opened', this.handleSubmenuOpen);\n            } else if (!this.closeOverlay) {\n                this.removeEventListener('click', this.handleSubmenuClick);\n                this.removeEventListener(\n                    'pointerenter',\n                    this.handlePointerenter\n                );\n                this.removeEventListener(\n                    'pointerleave',\n                    this.handlePointerleave\n                );\n                this.removeEventListener('sp-opened', this.handleSubmenuOpen);\n            }\n        }\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.menuDataUpdated = new Promise(\n            (res) => (this.resolveMenuDataUpdated = res)\n        );\n        this.triggerUpdate();\n    }\n\n    _parentElement!: HTMLElement;\n\n    public override disconnectedCallback(): void {\n        removeEvent.reset(this);\n        this._parentElement?.dispatchEvent(removeEvent);\n        super.disconnectedCallback();\n    }\n\n    public async triggerUpdate(): Promise<void> {\n        await new Promise((ready) => requestAnimationFrame(ready));\n        addOrUpdateEvent.reset(this);\n        this.dispatchEvent(addOrUpdateEvent);\n        this._parentElement =\n            this.assignedSlot || (this.parentElement as HTMLElement);\n        if (!!this.menuData.focusRoot) {\n            this.resolveMenuDataUpdated();\n        }\n        return this.menuDataUpdated;\n    }\n\n    protected menuDataUpdated!: Promise<void>;\n    protected resolveMenuDataUpdated = (): void => {\n        return;\n    };\n\n    public menuData: {\n        focusRoot?: Menu;\n        selectionRoot?: Menu;\n    } = {\n        focusRoot: undefined,\n        selectionRoot: undefined,\n    };\n}\n\ndeclare global {\n    interface GlobalEventHandlersEventMap {\n        'sp-menu-item-added-or-updated': MenuItemAddedOrUpdatedEvent;\n        'sp-menu-item-removed': MenuItemRemovedEvent;\n    }\n}\n"],
+  "mappings": "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",
+  "names": ["html", "property", "query", "LikeAnchor", "Focusable", "chevronStyles", "menuItemStyles", "checkmarkStyles", "MutationController", "POINTERLEAVE_TIMEOUT", "item", "root", "ancestor", "addOrUpdateEvent", "removeEvent", "_MenuItem", "value", "acc", "node", "_a", "_b", "iconSlot", "icon", "element", "newElement", "contentSlot", "content", "event", "handled", "assignedElements", "changes", "parentOverlay", "el", "cleanup", "role", "res", "ready", "__decorateClass"]
 }

package/src/menu-group.css.dev.js

@@ -1,9 +1,7 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-.header{color:var(--spectrum-listheading-text-color);display:block;font-size:var(--spectrum-listitem-texticon-heading-text-size);font-weight:var(--spectrum-listitem-texticon-heading-text-font-weight);letter-spacing:var(
---spectrum-listitem-texticon-heading-letter-spacing
-);line-height:var(--spectrum-listitem-texticon-heading-line-height);margin:var(--spectrum-listitem-texticon-heading-margin);padding:var(--spectrum-listitem-texticon-heading-padding);text-transform:var(--spectrum-listitem-texticon-heading-text-transform)}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}:host([dir=ltr]) .header{padding:0 var(--spectrum-global-dimension-size-450) 0 var(--spectrum-global-dimension-size-150)}:host([dir=rtl]) .header{padding:0 var(--spectrum-global-dimension-size-150) 0 var(--spectrum-global-dimension-size-450)}sp-menu{--swc-menu-width:100%}:host(:last-child) sp-menu{margin-bottom:0}:host(:first-child) .header[hidden]+sp-menu{margin-top:0}[hidden]{display:none!important}
+.header{color:var(--spectrum-listheading-text-color);display:block;font-size:var(--spectrum-listitem-texticon-heading-text-size);font-weight:var(--spectrum-listitem-texticon-heading-text-font-weight);letter-spacing:var(--spectrum-listitem-texticon-heading-letter-spacing);line-height:var(--spectrum-listitem-texticon-heading-line-height);margin:var(--spectrum-listitem-texticon-heading-margin);padding:var(--spectrum-listitem-texticon-heading-padding);text-transform:var(--spectrum-listitem-texticon-heading-text-transform)}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}:host([dir=ltr]) .header{padding:0 var(--spectrum-global-dimension-size-450) 0 var(--spectrum-global-dimension-size-150)}:host([dir=rtl]) .header{padding:0 var(--spectrum-global-dimension-size-150) 0 var(--spectrum-global-dimension-size-450)}sp-menu{--swc-menu-width:100%}:host(:last-child) sp-menu{margin-bottom:0}:host(:first-child) .header[hidden]+sp-menu{margin-top:0}[hidden]{display:none!important}
 `;
 export default styles;
 //# sourceMappingURL=menu-group.css.dev.js.map

package/src/menu-group.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu-group.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 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.header{color:var(--spectrum-listheading-text-color);display:block;font-size:var(--spectrum-listitem-texticon-heading-text-size);font-weight:var(--spectrum-listitem-texticon-heading-text-font-weight);letter-spacing:var(\n--spectrum-listitem-texticon-heading-letter-spacing\n);line-height:var(--spectrum-listitem-texticon-heading-line-height);margin:var(--spectrum-listitem-texticon-heading-margin);padding:var(--spectrum-listitem-texticon-heading-padding);text-transform:var(--spectrum-listitem-texticon-heading-text-transform)}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}:host([dir=ltr]) .header{padding:0 var(--spectrum-global-dimension-size-450) 0 var(--spectrum-global-dimension-size-150)}:host([dir=rtl]) .header{padding:0 var(--spectrum-global-dimension-size-150) 0 var(--spectrum-global-dimension-size-450)}sp-menu{--swc-menu-width:100%}:host(:last-child) sp-menu{margin-bottom:0}:host(:first-child) .header[hidden]+sp-menu{margin-top:0}[hidden]{display:none!important}\n`;\nexport default styles;"],
-  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAKf,eAAe;",
+  "sourcesContent": ["/*\nCopyright 2023 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.header{color:var(--spectrum-listheading-text-color);display:block;font-size:var(--spectrum-listitem-texticon-heading-text-size);font-weight:var(--spectrum-listitem-texticon-heading-text-font-weight);letter-spacing:var(--spectrum-listitem-texticon-heading-letter-spacing);line-height:var(--spectrum-listitem-texticon-heading-line-height);margin:var(--spectrum-listitem-texticon-heading-margin);padding:var(--spectrum-listitem-texticon-heading-padding);text-transform:var(--spectrum-listitem-texticon-heading-text-transform)}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}:host([dir=ltr]) .header{padding:0 var(--spectrum-global-dimension-size-450) 0 var(--spectrum-global-dimension-size-150)}:host([dir=rtl]) .header{padding:0 var(--spectrum-global-dimension-size-150) 0 var(--spectrum-global-dimension-size-450)}sp-menu{--swc-menu-width:100%}:host(:last-child) sp-menu{margin-bottom:0}:host(:first-child) .header[hidden]+sp-menu{margin-top:0}[hidden]{display:none!important}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
   "names": []
 }

package/src/menu-group.css.js

@@ -1,6 +1,4 @@
 "use strict";import{css as t}from"@spectrum-web-components/base";const e=t`
-.header{color:var(--spectrum-listheading-text-color);display:block;font-size:var(--spectrum-listitem-texticon-heading-text-size);font-weight:var(--spectrum-listitem-texticon-heading-text-font-weight);letter-spacing:var(
---spectrum-listitem-texticon-heading-letter-spacing
-);line-height:var(--spectrum-listitem-texticon-heading-line-height);margin:var(--spectrum-listitem-texticon-heading-margin);padding:var(--spectrum-listitem-texticon-heading-padding);text-transform:var(--spectrum-listitem-texticon-heading-text-transform)}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}:host([dir=ltr]) .header{padding:0 var(--spectrum-global-dimension-size-450) 0 var(--spectrum-global-dimension-size-150)}:host([dir=rtl]) .header{padding:0 var(--spectrum-global-dimension-size-150) 0 var(--spectrum-global-dimension-size-450)}sp-menu{--swc-menu-width:100%}:host(:last-child) sp-menu{margin-bottom:0}:host(:first-child) .header[hidden]+sp-menu{margin-top:0}[hidden]{display:none!important}
+.header{color:var(--spectrum-listheading-text-color);display:block;font-size:var(--spectrum-listitem-texticon-heading-text-size);font-weight:var(--spectrum-listitem-texticon-heading-text-font-weight);letter-spacing:var(--spectrum-listitem-texticon-heading-letter-spacing);line-height:var(--spectrum-listitem-texticon-heading-line-height);margin:var(--spectrum-listitem-texticon-heading-margin);padding:var(--spectrum-listitem-texticon-heading-padding);text-transform:var(--spectrum-listitem-texticon-heading-text-transform)}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}:host([dir=ltr]) .header{padding:0 var(--spectrum-global-dimension-size-450) 0 var(--spectrum-global-dimension-size-150)}:host([dir=rtl]) .header{padding:0 var(--spectrum-global-dimension-size-150) 0 var(--spectrum-global-dimension-size-450)}sp-menu{--swc-menu-width:100%}:host(:last-child) sp-menu{margin-bottom:0}:host(:first-child) .header[hidden]+sp-menu{margin-top:0}[hidden]{display:none!important}
 `;export default e;
 //# sourceMappingURL=menu-group.css.js.map

package/src/menu-group.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu-group.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 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.header{color:var(--spectrum-listheading-text-color);display:block;font-size:var(--spectrum-listitem-texticon-heading-text-size);font-weight:var(--spectrum-listitem-texticon-heading-text-font-weight);letter-spacing:var(\n--spectrum-listitem-texticon-heading-letter-spacing\n);line-height:var(--spectrum-listitem-texticon-heading-line-height);margin:var(--spectrum-listitem-texticon-heading-margin);padding:var(--spectrum-listitem-texticon-heading-padding);text-transform:var(--spectrum-listitem-texticon-heading-text-transform)}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}:host([dir=ltr]) .header{padding:0 var(--spectrum-global-dimension-size-450) 0 var(--spectrum-global-dimension-size-150)}:host([dir=rtl]) .header{padding:0 var(--spectrum-global-dimension-size-150) 0 var(--spectrum-global-dimension-size-450)}sp-menu{--swc-menu-width:100%}:host(:last-child) sp-menu{margin-bottom:0}:host(:first-child) .header[hidden]+sp-menu{margin-top:0}[hidden]{display:none!important}\n`;\nexport default styles;"],
-  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA,EAKf,eAAeC",
+  "sourcesContent": ["/*\nCopyright 2023 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.header{color:var(--spectrum-listheading-text-color);display:block;font-size:var(--spectrum-listitem-texticon-heading-text-size);font-weight:var(--spectrum-listitem-texticon-heading-text-font-weight);letter-spacing:var(--spectrum-listitem-texticon-heading-letter-spacing);line-height:var(--spectrum-listitem-texticon-heading-line-height);margin:var(--spectrum-listitem-texticon-heading-margin);padding:var(--spectrum-listitem-texticon-heading-padding);text-transform:var(--spectrum-listitem-texticon-heading-text-transform)}:host{display:inline-flex;flex-direction:column;margin:0;overflow:visible}:host([dir=ltr]) .header{padding:0 var(--spectrum-global-dimension-size-450) 0 var(--spectrum-global-dimension-size-150)}:host([dir=rtl]) .header{padding:0 var(--spectrum-global-dimension-size-150) 0 var(--spectrum-global-dimension-size-450)}sp-menu{--swc-menu-width:100%}:host(:last-child) sp-menu{margin-bottom:0}:host(:first-child) .header[hidden]+sp-menu{margin-top:0}[hidden]{display:none!important}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/menu-item.css.dev.js

@@ -1,32 +1,16 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-.checkmark{align-self:flex-start;display:none;opacity:1;transform:scale(1)}:host([dir=ltr]) .checkmark{padding-left:var(
---spectrum-listitem-texticon-icon-gap
-)}:host([dir=rtl]) .checkmark{padding-right:var(
---spectrum-listitem-texticon-icon-gap
-)}.checkmark{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]) .chevron{padding-left:var(
---spectrum-listitem-texticon-icon-gap
-)}:host([dir=rtl]) .chevron{padding-right:var(
---spectrum-listitem-texticon-icon-gap
-)}.chevron{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]){border-left:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host([dir=rtl]){border-right:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--spectrum-listitem-texticon-text-size);font-style:normal;font-weight:var(--spectrum-listitem-texticon-text-font-weight);margin:0;min-height:var(--spectrum-listitem-texticon-height);padding:var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-right) var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-left);position:relative;text-decoration:none}:host(:focus){outline:none}:host([dir=ltr][selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(
+.checkmark{align-self:flex-start;display:none;opacity:1;transform:scale(1)}:host([dir=ltr]) .checkmark{padding-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .checkmark{padding-right:var(--spectrum-listitem-texticon-icon-gap)}.checkmark{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .chevron{padding-right:var(--spectrum-listitem-texticon-icon-gap)}.chevron{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]){border-left:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host([dir=rtl]){border-right:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--spectrum-listitem-texticon-text-size);font-style:normal;font-weight:var(--spectrum-listitem-texticon-text-font-weight);margin:0;min-height:var(--spectrum-listitem-texticon-height);padding:var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-right) var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-left);position:relative;text-decoration:none}:host(:focus){outline:none}:host([dir=ltr][selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(
 --spectrum-popover-border-size,
 var(--spectrum-alias-border-size-thin)
 ))}:host([dir=rtl][selected]){padding-left:calc(var(--spectrum-listitem-texticon-padding-right) - var(
 --spectrum-popover-border-size,
 var(--spectrum-alias-border-size-thin)
-))}:host([selected]) .checkmark{display:block}.icon,::slotted([slot=icon]){align-self:flex-start;flex-shrink:0}:host([dir=ltr]) .icon+#label,:host([dir=ltr]) slot[name=icon]+#label{margin-left:var(
---spectrum-listitem-texticon-icon-gap
-)}:host([dir=rtl]) .icon+#label,:host([dir=rtl]) slot[name=icon]+#label{margin-right:var(
---spectrum-listitem-texticon-icon-gap
-)}.icon+#label,slot[name=icon]+#label{width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap) - var(--spectrum-listitem-textthumbnail-padding-left) - var(
+))}:host([selected]) .checkmark{display:block}.icon,::slotted([slot=icon]){align-self:flex-start;flex-shrink:0}:host([dir=ltr]) .icon+#label,:host([dir=ltr]) [name=icon]+#label{margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .icon+#label,:host([dir=rtl]) [name=icon]+#label{margin-right:var(--spectrum-listitem-texticon-icon-gap)}.icon+#label,[name=icon]+#label{width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap) - var(--spectrum-listitem-textthumbnail-padding-left) - var(
 --spectrum-alias-workflow-icon-size-m,
 var(--spectrum-global-dimension-size-225)
-))}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .checkmark,:host([dir=ltr]) .chevron{padding-left:var(
---spectrum-listitem-texticon-icon-gap
-)}:host([dir=rtl]) .checkmark,:host([dir=rtl]) .chevron{padding-right:var(
---spectrum-listitem-texticon-icon-gap
-)}:host([dir=rtl]) .chevron{transform:matrix(-1,0,0,1,0,0)}:host{background-color:var(
+))}#label{flex:auto}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .checkmark,:host([dir=ltr]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .checkmark,:host([dir=rtl]) .chevron{padding-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .chevron{transform:matrix(-1,0,0,1,0,0)}:host{background-color:var(
 --spectrum-listitem-m-texticon-background-color,var(--spectrum-alias-background-color-transparent)
 );color:var(
 --spectrum-listitem-m-texticon-text-color,var(--spectrum-alias-component-text-color-default)
@@ -54,7 +38,7 @@ var(--spectrum-global-dimension-size-225)
 --spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)
 );color:var(
 --spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)
-)}:host(.is-highlighted),:host(.is-open),:host(:focus),:host(:hover){background-color:var(
+)}:host .is-highlighted,:host .is-open,:host(:focus),:host(:hover){background-color:var(
 --spectrum-listitem-m-texticon-background-color-hover,var(--spectrum-alias-background-color-hover-overlay)
 );color:var(
 --spectrum-listitem-m-texticon-text-color-hover,var(--spectrum-alias-component-text-color-hover)
@@ -62,21 +46,21 @@ var(--spectrum-global-dimension-size-225)
 --spectrum-listitem-m-texticon-text-color-selected,var(--spectrum-alias-component-text-color-default)
 )}:host([selected]) .checkmark{color:var(
 --spectrum-listitem-m-texticon-ui-icon-color-selected,var(--spectrum-alias-icon-color-selected)
-)}:host(:active),:host([active]){background-color:var(
+)}:host([active]),:host:active{background-color:var(
 --spectrum-listitem-m-texticon-background-color-down,var(--spectrum-alias-background-color-hover-overlay)
 )}:host([disabled]){background-color:var(
 --spectrum-listitem-m-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)
 );background-image:none;color:var(
 --spectrum-listitem-m-texticon-text-color-disabled,var(--spectrum-alias-component-text-color-disabled)
-);cursor:default}@media (forced-colors:active){:host{--spectrum-listheading-text-color:ButtonText;--spectrum-listitem-m-texticon-background-color:ButtonFace;--spectrum-listitem-m-texticon-background-color-disabled:ButtonFace;--spectrum-listitem-m-texticon-background-color-down:ButtonFace;--spectrum-listitem-m-texticon-background-color-hover:Highlight;--spectrum-listitem-m-texticon-background-color-key-focus:Highlight;--spectrum-listitem-m-texticon-focus-indicator-color:Highlight;--spectrum-listitem-m-texticon-text-color:ButtonText;--spectrum-listitem-m-texticon-text-color-disabled:GrayText;--spectrum-listitem-m-texticon-text-color-hover:HighlightText;--spectrum-listitem-m-texticon-text-color-key-focus:HighlightText;--spectrum-listitem-m-texticon-text-color-selected:ButtonText;--spectrum-listitem-m-texticon-ui-icon-color-selected:Highlight;forced-color-adjust:none}:host(:not([disabled]).focus-visible),:host(:not([disabled]).is-highlighted),:host(:not([disabled]).is-open),:host(:not([disabled]):focus),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(
+);cursor:default}@media (forced-colors:active){:host{--spectrum-listheading-text-color:ButtonText;--spectrum-listitem-m-texticon-background-color:ButtonFace;--spectrum-listitem-m-texticon-background-color-disabled:ButtonFace;--spectrum-listitem-m-texticon-background-color-down:ButtonFace;--spectrum-listitem-m-texticon-background-color-hover:Highlight;--spectrum-listitem-m-texticon-background-color-key-focus:Highlight;--spectrum-listitem-m-texticon-focus-indicator-color:Highlight;--spectrum-listitem-m-texticon-text-color:ButtonText;--spectrum-listitem-m-texticon-text-color-disabled:GrayText;--spectrum-listitem-m-texticon-text-color-hover:HighlightText;--spectrum-listitem-m-texticon-text-color-key-focus:HighlightText;--spectrum-listitem-m-texticon-text-color-selected:ButtonText;--spectrum-listitem-m-texticon-ui-icon-color-selected:Highlight;forced-color-adjust:none}:host(:not([disabled])) .is-highlighted,:host(:not([disabled])) .is-open,:host(:not([disabled]).focus-visible),:host(:not([disabled]):focus),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(
 --spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)
 );color:var(
 --spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)
-)}:host(:not([disabled]).is-highlighted),:host(:not([disabled]).is-open),:host(:not([disabled]):focus),:host(:not([disabled]):focus-visible),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(
+)}:host(:not([disabled])) .is-highlighted,:host(:not([disabled])) .is-open,:host(:not([disabled]):focus),:host(:not([disabled]):focus-visible),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(
 --spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)
 );color:var(
 --spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)
-)}:host(:not([disabled]).focus-visible[selected]) .checkmark,:host(:not([disabled]).is-highlighted[selected]) .checkmark,:host(:not([disabled]).is-open[selected]) .checkmark,:host(:not([disabled]):focus[selected]) .checkmark,:host(:not([disabled]):hover[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark{color:HighlightText}:host(:not([disabled]).is-highlighted[selected]) .checkmark,:host(:not([disabled]).is-open[selected]) .checkmark,:host(:not([disabled]):focus-visible[selected]) .checkmark,:host(:not([disabled]):focus[selected]) .checkmark,:host(:not([disabled]):hover[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark{color:HighlightText}}#label{flex:1 1 auto;-webkit-hyphens:auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([hidden]){display:none}:host([disabled]){pointer-events:none}#button{inset:0;position:absolute}::slotted([slot=value]){align-self:start}:host([dir=ltr]) ::slotted([slot=value]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=value]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{margin-right:0}:host([dir=ltr]) slot[name=icon]+#label{margin-left:0}:host([dir=rtl]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap);padding-right:0}
+)}:host(:not([disabled]).focus-visible[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark,:host(:not([disabled])[selected]) .is-highlighted .checkmark,:host(:not([disabled])[selected]) .is-open .checkmark,:host(:not([disabled])[selected]:focus) .checkmark,:host(:not([disabled])[selected]:hover) .checkmark{color:HighlightText}:host(:not([disabled]).focus-visible[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark,:host(:not([disabled])[selected]) .is-highlighted .checkmark,:host(:not([disabled])[selected]) .is-open .checkmark,:host(:not([disabled])[selected]:focus) .checkmark,:host(:not([disabled])[selected]:hover) .checkmark{color:HighlightText}:host(:not([disabled]):focus-visible[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark,:host(:not([disabled])[selected]) .is-highlighted .checkmark,:host(:not([disabled])[selected]) .is-open .checkmark,:host(:not([disabled])[selected]:focus) .checkmark,:host(:not([disabled])[selected]:hover) .checkmark{color:HighlightText}}#label{flex:1 1 auto;-webkit-hyphens:auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([hidden]){display:none}:host([disabled]){pointer-events:none}#button{inset:0;position:absolute}::slotted([slot=value]){align-self:start}:host([dir=ltr]) ::slotted([slot=value]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=value]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{margin-right:0}:host([dir=ltr]) slot[name=icon]+#label{margin-left:0}:host([dir=rtl]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap);padding-right:0}::slotted([slot=submenu]){max-width:100%;width:max-content}
 `;
 export default styles;
 //# sourceMappingURL=menu-item.css.dev.js.map

package/src/menu-item.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu-item.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 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.checkmark{align-self:flex-start;display:none;opacity:1;transform:scale(1)}:host([dir=ltr]) .checkmark{padding-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .checkmark{padding-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}.checkmark{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]) .chevron{padding-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .chevron{padding-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}.chevron{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]){border-left:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host([dir=rtl]){border-right:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--spectrum-listitem-texticon-text-size);font-style:normal;font-weight:var(--spectrum-listitem-texticon-text-font-weight);margin:0;min-height:var(--spectrum-listitem-texticon-height);padding:var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-right) var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-left);position:relative;text-decoration:none}:host(:focus){outline:none}:host([dir=ltr][selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([dir=rtl][selected]){padding-left:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([selected]) .checkmark{display:block}.icon,::slotted([slot=icon]){align-self:flex-start;flex-shrink:0}:host([dir=ltr]) .icon+#label,:host([dir=ltr]) slot[name=icon]+#label{margin-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .icon+#label,:host([dir=rtl]) slot[name=icon]+#label{margin-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}.icon+#label,slot[name=icon]+#label{width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap) - var(--spectrum-listitem-textthumbnail-padding-left) - var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n))}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .checkmark,:host([dir=ltr]) .chevron{padding-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .checkmark,:host([dir=rtl]) .chevron{padding-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .chevron{transform:matrix(-1,0,0,1,0,0)}:host{background-color:var(\n--spectrum-listitem-m-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-listitem-m-texticon-text-color,var(--spectrum-alias-component-text-color-default)\n)}:host([dir=ltr].focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=ltr].focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=ltr]:focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl].focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl].focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl]:focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host(.focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(.focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(:focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(.is-highlighted),:host(.is-open),:host(:focus),:host(:hover){background-color:var(\n--spectrum-listitem-m-texticon-background-color-hover,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-hover,var(--spectrum-alias-component-text-color-hover)\n)}:host([selected]){color:var(\n--spectrum-listitem-m-texticon-text-color-selected,var(--spectrum-alias-component-text-color-default)\n)}:host([selected]) .checkmark{color:var(\n--spectrum-listitem-m-texticon-ui-icon-color-selected,var(--spectrum-alias-icon-color-selected)\n)}:host(:active),:host([active]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-down,var(--spectrum-alias-background-color-hover-overlay)\n)}:host([disabled]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);background-image:none;color:var(\n--spectrum-listitem-m-texticon-text-color-disabled,var(--spectrum-alias-component-text-color-disabled)\n);cursor:default}@media (forced-colors:active){:host{--spectrum-listheading-text-color:ButtonText;--spectrum-listitem-m-texticon-background-color:ButtonFace;--spectrum-listitem-m-texticon-background-color-disabled:ButtonFace;--spectrum-listitem-m-texticon-background-color-down:ButtonFace;--spectrum-listitem-m-texticon-background-color-hover:Highlight;--spectrum-listitem-m-texticon-background-color-key-focus:Highlight;--spectrum-listitem-m-texticon-focus-indicator-color:Highlight;--spectrum-listitem-m-texticon-text-color:ButtonText;--spectrum-listitem-m-texticon-text-color-disabled:GrayText;--spectrum-listitem-m-texticon-text-color-hover:HighlightText;--spectrum-listitem-m-texticon-text-color-key-focus:HighlightText;--spectrum-listitem-m-texticon-text-color-selected:ButtonText;--spectrum-listitem-m-texticon-ui-icon-color-selected:Highlight;forced-color-adjust:none}:host(:not([disabled]).focus-visible),:host(:not([disabled]).is-highlighted),:host(:not([disabled]).is-open),:host(:not([disabled]):focus),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(:not([disabled]).is-highlighted),:host(:not([disabled]).is-open),:host(:not([disabled]):focus),:host(:not([disabled]):focus-visible),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(:not([disabled]).focus-visible[selected]) .checkmark,:host(:not([disabled]).is-highlighted[selected]) .checkmark,:host(:not([disabled]).is-open[selected]) .checkmark,:host(:not([disabled]):focus[selected]) .checkmark,:host(:not([disabled]):hover[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark{color:HighlightText}:host(:not([disabled]).is-highlighted[selected]) .checkmark,:host(:not([disabled]).is-open[selected]) .checkmark,:host(:not([disabled]):focus-visible[selected]) .checkmark,:host(:not([disabled]):focus[selected]) .checkmark,:host(:not([disabled]):hover[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark{color:HighlightText}}#label{flex:1 1 auto;-webkit-hyphens:auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([hidden]){display:none}:host([disabled]){pointer-events:none}#button{inset:0;position:absolute}::slotted([slot=value]){align-self:start}:host([dir=ltr]) ::slotted([slot=value]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=value]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{margin-right:0}:host([dir=ltr]) slot[name=icon]+#label{margin-left:0}:host([dir=rtl]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap);padding-right:0}\n`;\nexport default styles;"],
-  "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;AA8Ef,eAAe;",
+  "sourcesContent": ["/*\nCopyright 2023 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.checkmark{align-self:flex-start;display:none;opacity:1;transform:scale(1)}:host([dir=ltr]) .checkmark{padding-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .checkmark{padding-right:var(--spectrum-listitem-texticon-icon-gap)}.checkmark{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .chevron{padding-right:var(--spectrum-listitem-texticon-icon-gap)}.chevron{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]){border-left:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host([dir=rtl]){border-right:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--spectrum-listitem-texticon-text-size);font-style:normal;font-weight:var(--spectrum-listitem-texticon-text-font-weight);margin:0;min-height:var(--spectrum-listitem-texticon-height);padding:var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-right) var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-left);position:relative;text-decoration:none}:host(:focus){outline:none}:host([dir=ltr][selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([dir=rtl][selected]){padding-left:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([selected]) .checkmark{display:block}.icon,::slotted([slot=icon]){align-self:flex-start;flex-shrink:0}:host([dir=ltr]) .icon+#label,:host([dir=ltr]) [name=icon]+#label{margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .icon+#label,:host([dir=rtl]) [name=icon]+#label{margin-right:var(--spectrum-listitem-texticon-icon-gap)}.icon+#label,[name=icon]+#label{width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap) - var(--spectrum-listitem-textthumbnail-padding-left) - var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n))}#label{flex:auto}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .checkmark,:host([dir=ltr]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .checkmark,:host([dir=rtl]) .chevron{padding-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .chevron{transform:matrix(-1,0,0,1,0,0)}:host{background-color:var(\n--spectrum-listitem-m-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-listitem-m-texticon-text-color,var(--spectrum-alias-component-text-color-default)\n)}:host([dir=ltr].focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=ltr].focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=ltr]:focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl].focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl].focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl]:focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host(.focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(.focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(:focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host .is-highlighted,:host .is-open,:host(:focus),:host(:hover){background-color:var(\n--spectrum-listitem-m-texticon-background-color-hover,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-hover,var(--spectrum-alias-component-text-color-hover)\n)}:host([selected]){color:var(\n--spectrum-listitem-m-texticon-text-color-selected,var(--spectrum-alias-component-text-color-default)\n)}:host([selected]) .checkmark{color:var(\n--spectrum-listitem-m-texticon-ui-icon-color-selected,var(--spectrum-alias-icon-color-selected)\n)}:host([active]),:host:active{background-color:var(\n--spectrum-listitem-m-texticon-background-color-down,var(--spectrum-alias-background-color-hover-overlay)\n)}:host([disabled]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);background-image:none;color:var(\n--spectrum-listitem-m-texticon-text-color-disabled,var(--spectrum-alias-component-text-color-disabled)\n);cursor:default}@media (forced-colors:active){:host{--spectrum-listheading-text-color:ButtonText;--spectrum-listitem-m-texticon-background-color:ButtonFace;--spectrum-listitem-m-texticon-background-color-disabled:ButtonFace;--spectrum-listitem-m-texticon-background-color-down:ButtonFace;--spectrum-listitem-m-texticon-background-color-hover:Highlight;--spectrum-listitem-m-texticon-background-color-key-focus:Highlight;--spectrum-listitem-m-texticon-focus-indicator-color:Highlight;--spectrum-listitem-m-texticon-text-color:ButtonText;--spectrum-listitem-m-texticon-text-color-disabled:GrayText;--spectrum-listitem-m-texticon-text-color-hover:HighlightText;--spectrum-listitem-m-texticon-text-color-key-focus:HighlightText;--spectrum-listitem-m-texticon-text-color-selected:ButtonText;--spectrum-listitem-m-texticon-ui-icon-color-selected:Highlight;forced-color-adjust:none}:host(:not([disabled])) .is-highlighted,:host(:not([disabled])) .is-open,:host(:not([disabled]).focus-visible),:host(:not([disabled]):focus),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(:not([disabled])) .is-highlighted,:host(:not([disabled])) .is-open,:host(:not([disabled]):focus),:host(:not([disabled]):focus-visible),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(:not([disabled]).focus-visible[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark,:host(:not([disabled])[selected]) .is-highlighted .checkmark,:host(:not([disabled])[selected]) .is-open .checkmark,:host(:not([disabled])[selected]:focus) .checkmark,:host(:not([disabled])[selected]:hover) .checkmark{color:HighlightText}:host(:not([disabled]).focus-visible[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark,:host(:not([disabled])[selected]) .is-highlighted .checkmark,:host(:not([disabled])[selected]) .is-open .checkmark,:host(:not([disabled])[selected]:focus) .checkmark,:host(:not([disabled])[selected]:hover) .checkmark{color:HighlightText}:host(:not([disabled]):focus-visible[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark,:host(:not([disabled])[selected]) .is-highlighted .checkmark,:host(:not([disabled])[selected]) .is-open .checkmark,:host(:not([disabled])[selected]:focus) .checkmark,:host(:not([disabled])[selected]:hover) .checkmark{color:HighlightText}}#label{flex:1 1 auto;-webkit-hyphens:auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([hidden]){display:none}:host([disabled]){pointer-events:none}#button{inset:0;position:absolute}::slotted([slot=value]){align-self:start}:host([dir=ltr]) ::slotted([slot=value]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=value]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{margin-right:0}:host([dir=ltr]) slot[name=icon]+#label{margin-left:0}:host([dir=rtl]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap);padding-right:0}::slotted([slot=submenu]){max-width:100%;width:max-content}\n`;\nexport default styles;"],
+  "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;AA8Df,eAAe;",
   "names": []
 }

package/src/menu-item.css.js

@@ -1,30 +1,14 @@
 "use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
-.checkmark{align-self:flex-start;display:none;opacity:1;transform:scale(1)}:host([dir=ltr]) .checkmark{padding-left:var(
---spectrum-listitem-texticon-icon-gap
-)}:host([dir=rtl]) .checkmark{padding-right:var(
---spectrum-listitem-texticon-icon-gap
-)}.checkmark{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]) .chevron{padding-left:var(
---spectrum-listitem-texticon-icon-gap
-)}:host([dir=rtl]) .chevron{padding-right:var(
---spectrum-listitem-texticon-icon-gap
-)}.chevron{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]){border-left:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host([dir=rtl]){border-right:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--spectrum-listitem-texticon-text-size);font-style:normal;font-weight:var(--spectrum-listitem-texticon-text-font-weight);margin:0;min-height:var(--spectrum-listitem-texticon-height);padding:var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-right) var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-left);position:relative;text-decoration:none}:host(:focus){outline:none}:host([dir=ltr][selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(
+.checkmark{align-self:flex-start;display:none;opacity:1;transform:scale(1)}:host([dir=ltr]) .checkmark{padding-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .checkmark{padding-right:var(--spectrum-listitem-texticon-icon-gap)}.checkmark{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .chevron{padding-right:var(--spectrum-listitem-texticon-icon-gap)}.chevron{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]){border-left:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host([dir=rtl]){border-right:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--spectrum-listitem-texticon-text-size);font-style:normal;font-weight:var(--spectrum-listitem-texticon-text-font-weight);margin:0;min-height:var(--spectrum-listitem-texticon-height);padding:var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-right) var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-left);position:relative;text-decoration:none}:host(:focus){outline:none}:host([dir=ltr][selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(
 --spectrum-popover-border-size,
 var(--spectrum-alias-border-size-thin)
 ))}:host([dir=rtl][selected]){padding-left:calc(var(--spectrum-listitem-texticon-padding-right) - var(
 --spectrum-popover-border-size,
 var(--spectrum-alias-border-size-thin)
-))}:host([selected]) .checkmark{display:block}.icon,::slotted([slot=icon]){align-self:flex-start;flex-shrink:0}:host([dir=ltr]) .icon+#label,:host([dir=ltr]) slot[name=icon]+#label{margin-left:var(
---spectrum-listitem-texticon-icon-gap
-)}:host([dir=rtl]) .icon+#label,:host([dir=rtl]) slot[name=icon]+#label{margin-right:var(
---spectrum-listitem-texticon-icon-gap
-)}.icon+#label,slot[name=icon]+#label{width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap) - var(--spectrum-listitem-textthumbnail-padding-left) - var(
+))}:host([selected]) .checkmark{display:block}.icon,::slotted([slot=icon]){align-self:flex-start;flex-shrink:0}:host([dir=ltr]) .icon+#label,:host([dir=ltr]) [name=icon]+#label{margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .icon+#label,:host([dir=rtl]) [name=icon]+#label{margin-right:var(--spectrum-listitem-texticon-icon-gap)}.icon+#label,[name=icon]+#label{width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap) - var(--spectrum-listitem-textthumbnail-padding-left) - var(
 --spectrum-alias-workflow-icon-size-m,
 var(--spectrum-global-dimension-size-225)
-))}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .checkmark,:host([dir=ltr]) .chevron{padding-left:var(
---spectrum-listitem-texticon-icon-gap
-)}:host([dir=rtl]) .checkmark,:host([dir=rtl]) .chevron{padding-right:var(
---spectrum-listitem-texticon-icon-gap
-)}:host([dir=rtl]) .chevron{transform:matrix(-1,0,0,1,0,0)}:host{background-color:var(
+))}#label{flex:auto}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .checkmark,:host([dir=ltr]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .checkmark,:host([dir=rtl]) .chevron{padding-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .chevron{transform:matrix(-1,0,0,1,0,0)}:host{background-color:var(
 --spectrum-listitem-m-texticon-background-color,var(--spectrum-alias-background-color-transparent)
 );color:var(
 --spectrum-listitem-m-texticon-text-color,var(--spectrum-alias-component-text-color-default)
@@ -52,7 +36,7 @@ var(--spectrum-global-dimension-size-225)
 --spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)
 );color:var(
 --spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)
-)}:host(.is-highlighted),:host(.is-open),:host(:focus),:host(:hover){background-color:var(
+)}:host .is-highlighted,:host .is-open,:host(:focus),:host(:hover){background-color:var(
 --spectrum-listitem-m-texticon-background-color-hover,var(--spectrum-alias-background-color-hover-overlay)
 );color:var(
 --spectrum-listitem-m-texticon-text-color-hover,var(--spectrum-alias-component-text-color-hover)
@@ -60,20 +44,20 @@ var(--spectrum-global-dimension-size-225)
 --spectrum-listitem-m-texticon-text-color-selected,var(--spectrum-alias-component-text-color-default)
 )}:host([selected]) .checkmark{color:var(
 --spectrum-listitem-m-texticon-ui-icon-color-selected,var(--spectrum-alias-icon-color-selected)
-)}:host(:active),:host([active]){background-color:var(
+)}:host([active]),:host:active{background-color:var(
 --spectrum-listitem-m-texticon-background-color-down,var(--spectrum-alias-background-color-hover-overlay)
 )}:host([disabled]){background-color:var(
 --spectrum-listitem-m-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)
 );background-image:none;color:var(
 --spectrum-listitem-m-texticon-text-color-disabled,var(--spectrum-alias-component-text-color-disabled)
-);cursor:default}@media (forced-colors:active){:host{--spectrum-listheading-text-color:ButtonText;--spectrum-listitem-m-texticon-background-color:ButtonFace;--spectrum-listitem-m-texticon-background-color-disabled:ButtonFace;--spectrum-listitem-m-texticon-background-color-down:ButtonFace;--spectrum-listitem-m-texticon-background-color-hover:Highlight;--spectrum-listitem-m-texticon-background-color-key-focus:Highlight;--spectrum-listitem-m-texticon-focus-indicator-color:Highlight;--spectrum-listitem-m-texticon-text-color:ButtonText;--spectrum-listitem-m-texticon-text-color-disabled:GrayText;--spectrum-listitem-m-texticon-text-color-hover:HighlightText;--spectrum-listitem-m-texticon-text-color-key-focus:HighlightText;--spectrum-listitem-m-texticon-text-color-selected:ButtonText;--spectrum-listitem-m-texticon-ui-icon-color-selected:Highlight;forced-color-adjust:none}:host(:not([disabled]).focus-visible),:host(:not([disabled]).is-highlighted),:host(:not([disabled]).is-open),:host(:not([disabled]):focus),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(
+);cursor:default}@media (forced-colors:active){:host{--spectrum-listheading-text-color:ButtonText;--spectrum-listitem-m-texticon-background-color:ButtonFace;--spectrum-listitem-m-texticon-background-color-disabled:ButtonFace;--spectrum-listitem-m-texticon-background-color-down:ButtonFace;--spectrum-listitem-m-texticon-background-color-hover:Highlight;--spectrum-listitem-m-texticon-background-color-key-focus:Highlight;--spectrum-listitem-m-texticon-focus-indicator-color:Highlight;--spectrum-listitem-m-texticon-text-color:ButtonText;--spectrum-listitem-m-texticon-text-color-disabled:GrayText;--spectrum-listitem-m-texticon-text-color-hover:HighlightText;--spectrum-listitem-m-texticon-text-color-key-focus:HighlightText;--spectrum-listitem-m-texticon-text-color-selected:ButtonText;--spectrum-listitem-m-texticon-ui-icon-color-selected:Highlight;forced-color-adjust:none}:host(:not([disabled])) .is-highlighted,:host(:not([disabled])) .is-open,:host(:not([disabled]).focus-visible),:host(:not([disabled]):focus),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(
 --spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)
 );color:var(
 --spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)
-)}:host(:not([disabled]).is-highlighted),:host(:not([disabled]).is-open),:host(:not([disabled]):focus),:host(:not([disabled]):focus-visible),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(
+)}:host(:not([disabled])) .is-highlighted,:host(:not([disabled])) .is-open,:host(:not([disabled]):focus),:host(:not([disabled]):focus-visible),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(
 --spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)
 );color:var(
 --spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)
-)}:host(:not([disabled]).focus-visible[selected]) .checkmark,:host(:not([disabled]).is-highlighted[selected]) .checkmark,:host(:not([disabled]).is-open[selected]) .checkmark,:host(:not([disabled]):focus[selected]) .checkmark,:host(:not([disabled]):hover[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark{color:HighlightText}:host(:not([disabled]).is-highlighted[selected]) .checkmark,:host(:not([disabled]).is-open[selected]) .checkmark,:host(:not([disabled]):focus-visible[selected]) .checkmark,:host(:not([disabled]):focus[selected]) .checkmark,:host(:not([disabled]):hover[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark{color:HighlightText}}#label{flex:1 1 auto;-webkit-hyphens:auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([hidden]){display:none}:host([disabled]){pointer-events:none}#button{inset:0;position:absolute}::slotted([slot=value]){align-self:start}:host([dir=ltr]) ::slotted([slot=value]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=value]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{margin-right:0}:host([dir=ltr]) slot[name=icon]+#label{margin-left:0}:host([dir=rtl]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap);padding-right:0}
+)}:host(:not([disabled]).focus-visible[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark,:host(:not([disabled])[selected]) .is-highlighted .checkmark,:host(:not([disabled])[selected]) .is-open .checkmark,:host(:not([disabled])[selected]:focus) .checkmark,:host(:not([disabled])[selected]:hover) .checkmark{color:HighlightText}:host(:not([disabled]).focus-visible[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark,:host(:not([disabled])[selected]) .is-highlighted .checkmark,:host(:not([disabled])[selected]) .is-open .checkmark,:host(:not([disabled])[selected]:focus) .checkmark,:host(:not([disabled])[selected]:hover) .checkmark{color:HighlightText}:host(:not([disabled]):focus-visible[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark,:host(:not([disabled])[selected]) .is-highlighted .checkmark,:host(:not([disabled])[selected]) .is-open .checkmark,:host(:not([disabled])[selected]:focus) .checkmark,:host(:not([disabled])[selected]:hover) .checkmark{color:HighlightText}}#label{flex:1 1 auto;-webkit-hyphens:auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([hidden]){display:none}:host([disabled]){pointer-events:none}#button{inset:0;position:absolute}::slotted([slot=value]){align-self:start}:host([dir=ltr]) ::slotted([slot=value]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=value]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{margin-right:0}:host([dir=ltr]) slot[name=icon]+#label{margin-left:0}:host([dir=rtl]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap);padding-right:0}::slotted([slot=submenu]){max-width:100%;width:max-content}
 `;export default o;
 //# sourceMappingURL=menu-item.css.js.map

package/src/menu-item.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu-item.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 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.checkmark{align-self:flex-start;display:none;opacity:1;transform:scale(1)}:host([dir=ltr]) .checkmark{padding-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .checkmark{padding-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}.checkmark{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]) .chevron{padding-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .chevron{padding-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}.chevron{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]){border-left:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host([dir=rtl]){border-right:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--spectrum-listitem-texticon-text-size);font-style:normal;font-weight:var(--spectrum-listitem-texticon-text-font-weight);margin:0;min-height:var(--spectrum-listitem-texticon-height);padding:var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-right) var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-left);position:relative;text-decoration:none}:host(:focus){outline:none}:host([dir=ltr][selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([dir=rtl][selected]){padding-left:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([selected]) .checkmark{display:block}.icon,::slotted([slot=icon]){align-self:flex-start;flex-shrink:0}:host([dir=ltr]) .icon+#label,:host([dir=ltr]) slot[name=icon]+#label{margin-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .icon+#label,:host([dir=rtl]) slot[name=icon]+#label{margin-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}.icon+#label,slot[name=icon]+#label{width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap) - var(--spectrum-listitem-textthumbnail-padding-left) - var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n))}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .checkmark,:host([dir=ltr]) .chevron{padding-left:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .checkmark,:host([dir=rtl]) .chevron{padding-right:var(\n--spectrum-listitem-texticon-icon-gap\n)}:host([dir=rtl]) .chevron{transform:matrix(-1,0,0,1,0,0)}:host{background-color:var(\n--spectrum-listitem-m-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-listitem-m-texticon-text-color,var(--spectrum-alias-component-text-color-default)\n)}:host([dir=ltr].focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=ltr].focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=ltr]:focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl].focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl].focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl]:focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host(.focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(.focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(:focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(.is-highlighted),:host(.is-open),:host(:focus),:host(:hover){background-color:var(\n--spectrum-listitem-m-texticon-background-color-hover,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-hover,var(--spectrum-alias-component-text-color-hover)\n)}:host([selected]){color:var(\n--spectrum-listitem-m-texticon-text-color-selected,var(--spectrum-alias-component-text-color-default)\n)}:host([selected]) .checkmark{color:var(\n--spectrum-listitem-m-texticon-ui-icon-color-selected,var(--spectrum-alias-icon-color-selected)\n)}:host(:active),:host([active]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-down,var(--spectrum-alias-background-color-hover-overlay)\n)}:host([disabled]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);background-image:none;color:var(\n--spectrum-listitem-m-texticon-text-color-disabled,var(--spectrum-alias-component-text-color-disabled)\n);cursor:default}@media (forced-colors:active){:host{--spectrum-listheading-text-color:ButtonText;--spectrum-listitem-m-texticon-background-color:ButtonFace;--spectrum-listitem-m-texticon-background-color-disabled:ButtonFace;--spectrum-listitem-m-texticon-background-color-down:ButtonFace;--spectrum-listitem-m-texticon-background-color-hover:Highlight;--spectrum-listitem-m-texticon-background-color-key-focus:Highlight;--spectrum-listitem-m-texticon-focus-indicator-color:Highlight;--spectrum-listitem-m-texticon-text-color:ButtonText;--spectrum-listitem-m-texticon-text-color-disabled:GrayText;--spectrum-listitem-m-texticon-text-color-hover:HighlightText;--spectrum-listitem-m-texticon-text-color-key-focus:HighlightText;--spectrum-listitem-m-texticon-text-color-selected:ButtonText;--spectrum-listitem-m-texticon-ui-icon-color-selected:Highlight;forced-color-adjust:none}:host(:not([disabled]).focus-visible),:host(:not([disabled]).is-highlighted),:host(:not([disabled]).is-open),:host(:not([disabled]):focus),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(:not([disabled]).is-highlighted),:host(:not([disabled]).is-open),:host(:not([disabled]):focus),:host(:not([disabled]):focus-visible),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(:not([disabled]).focus-visible[selected]) .checkmark,:host(:not([disabled]).is-highlighted[selected]) .checkmark,:host(:not([disabled]).is-open[selected]) .checkmark,:host(:not([disabled]):focus[selected]) .checkmark,:host(:not([disabled]):hover[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark{color:HighlightText}:host(:not([disabled]).is-highlighted[selected]) .checkmark,:host(:not([disabled]).is-open[selected]) .checkmark,:host(:not([disabled]):focus-visible[selected]) .checkmark,:host(:not([disabled]):focus[selected]) .checkmark,:host(:not([disabled]):hover[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark{color:HighlightText}}#label{flex:1 1 auto;-webkit-hyphens:auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([hidden]){display:none}:host([disabled]){pointer-events:none}#button{inset:0;position:absolute}::slotted([slot=value]){align-self:start}:host([dir=ltr]) ::slotted([slot=value]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=value]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{margin-right:0}:host([dir=ltr]) slot[name=icon]+#label{margin-left:0}:host([dir=rtl]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap);padding-right:0}\n`;\nexport default styles;"],
-  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8Ef,eAAeC",
+  "sourcesContent": ["/*\nCopyright 2023 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.checkmark{align-self:flex-start;display:none;opacity:1;transform:scale(1)}:host([dir=ltr]) .checkmark{padding-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .checkmark{padding-right:var(--spectrum-listitem-texticon-icon-gap)}.checkmark{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .chevron{padding-right:var(--spectrum-listitem-texticon-icon-gap)}.chevron{flex-grow:0;margin-top:calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px)}:host([dir=ltr]){border-left:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host([dir=rtl]){border-right:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}:host{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--spectrum-listitem-texticon-text-size);font-style:normal;font-weight:var(--spectrum-listitem-texticon-text-font-weight);margin:0;min-height:var(--spectrum-listitem-texticon-height);padding:var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-right) var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-left);position:relative;text-decoration:none}:host(:focus){outline:none}:host([dir=ltr][selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([dir=rtl][selected]){padding-left:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([selected]) .checkmark{display:block}.icon,::slotted([slot=icon]){align-self:flex-start;flex-shrink:0}:host([dir=ltr]) .icon+#label,:host([dir=ltr]) [name=icon]+#label{margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .icon+#label,:host([dir=rtl]) [name=icon]+#label{margin-right:var(--spectrum-listitem-texticon-icon-gap)}.icon+#label,[name=icon]+#label{width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap) - var(--spectrum-listitem-textthumbnail-padding-left) - var(\n--spectrum-alias-workflow-icon-size-m,\nvar(--spectrum-global-dimension-size-225)\n))}#label{flex:auto}:host([no-wrap]) #label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .checkmark,:host([dir=ltr]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .checkmark,:host([dir=rtl]) .chevron{padding-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) .chevron{transform:matrix(-1,0,0,1,0,0)}:host{background-color:var(\n--spectrum-listitem-m-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-listitem-m-texticon-text-color,var(--spectrum-alias-component-text-color-default)\n)}:host([dir=ltr].focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=ltr].focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=ltr]:focus-visible),:host([dir=ltr][focused]){border-left-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl].focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl].focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host([dir=rtl]:focus-visible),:host([dir=rtl][focused]){border-right-color:var(\n--spectrum-listitem-m-texticon-focus-indicator-color,var(--spectrum-alias-border-color-key-focus)\n)}:host(.focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(.focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(:focus-visible),:host([focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host .is-highlighted,:host .is-open,:host(:focus),:host(:hover){background-color:var(\n--spectrum-listitem-m-texticon-background-color-hover,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-hover,var(--spectrum-alias-component-text-color-hover)\n)}:host([selected]){color:var(\n--spectrum-listitem-m-texticon-text-color-selected,var(--spectrum-alias-component-text-color-default)\n)}:host([selected]) .checkmark{color:var(\n--spectrum-listitem-m-texticon-ui-icon-color-selected,var(--spectrum-alias-icon-color-selected)\n)}:host([active]),:host:active{background-color:var(\n--spectrum-listitem-m-texticon-background-color-down,var(--spectrum-alias-background-color-hover-overlay)\n)}:host([disabled]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-disabled,var(--spectrum-alias-background-color-transparent)\n);background-image:none;color:var(\n--spectrum-listitem-m-texticon-text-color-disabled,var(--spectrum-alias-component-text-color-disabled)\n);cursor:default}@media (forced-colors:active){:host{--spectrum-listheading-text-color:ButtonText;--spectrum-listitem-m-texticon-background-color:ButtonFace;--spectrum-listitem-m-texticon-background-color-disabled:ButtonFace;--spectrum-listitem-m-texticon-background-color-down:ButtonFace;--spectrum-listitem-m-texticon-background-color-hover:Highlight;--spectrum-listitem-m-texticon-background-color-key-focus:Highlight;--spectrum-listitem-m-texticon-focus-indicator-color:Highlight;--spectrum-listitem-m-texticon-text-color:ButtonText;--spectrum-listitem-m-texticon-text-color-disabled:GrayText;--spectrum-listitem-m-texticon-text-color-hover:HighlightText;--spectrum-listitem-m-texticon-text-color-key-focus:HighlightText;--spectrum-listitem-m-texticon-text-color-selected:ButtonText;--spectrum-listitem-m-texticon-ui-icon-color-selected:Highlight;forced-color-adjust:none}:host(:not([disabled])) .is-highlighted,:host(:not([disabled])) .is-open,:host(:not([disabled]).focus-visible),:host(:not([disabled]):focus),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(:not([disabled])) .is-highlighted,:host(:not([disabled])) .is-open,:host(:not([disabled]):focus),:host(:not([disabled]):focus-visible),:host(:not([disabled]):hover),:host(:not([disabled])[focused]){background-color:var(\n--spectrum-listitem-m-texticon-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay)\n);color:var(\n--spectrum-listitem-m-texticon-text-color-key-focus,var(--spectrum-alias-component-text-color-key-focus)\n)}:host(:not([disabled]).focus-visible[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark,:host(:not([disabled])[selected]) .is-highlighted .checkmark,:host(:not([disabled])[selected]) .is-open .checkmark,:host(:not([disabled])[selected]:focus) .checkmark,:host(:not([disabled])[selected]:hover) .checkmark{color:HighlightText}:host(:not([disabled]).focus-visible[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark,:host(:not([disabled])[selected]) .is-highlighted .checkmark,:host(:not([disabled])[selected]) .is-open .checkmark,:host(:not([disabled])[selected]:focus) .checkmark,:host(:not([disabled])[selected]:hover) .checkmark{color:HighlightText}:host(:not([disabled]):focus-visible[selected]) .checkmark,:host(:not([disabled])[focused][selected]) .checkmark,:host(:not([disabled])[selected]) .is-highlighted .checkmark,:host(:not([disabled])[selected]) .is-open .checkmark,:host(:not([disabled])[selected]:focus) .checkmark,:host(:not([disabled])[selected]:hover) .checkmark{color:HighlightText}}#label{flex:1 1 auto;-webkit-hyphens:auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu-itemLabel--wrapping{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([hidden]){display:none}:host([disabled]){pointer-events:none}#button{inset:0;position:absolute}::slotted([slot=value]){align-self:start}:host([dir=ltr]) ::slotted([slot=value]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=value]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}:host([dir=ltr]) ::slotted([slot=icon]){margin-right:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) ::slotted([slot=icon]){margin-left:var(--spectrum-listitem-texticon-icon-gap)}:host([dir=rtl]) slot[name=icon]+#label{margin-right:0}:host([dir=ltr]) slot[name=icon]+#label{margin-left:0}:host([dir=rtl]) .chevron{padding-left:var(--spectrum-listitem-texticon-icon-gap);padding-right:0}::slotted([slot=submenu]){max-width:100%;width:max-content}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8Df,eAAeC",
   "names": ["css", "styles"]
 }

package/src/menu.css.dev.js

@@ -1,9 +1,7 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-:host{--spectrum-menu-margin-x:var(
---spectrum-global-dimension-size-40
-);--spectrum-listitem-texticon-heading-text-size:var(
+:host{--spectrum-menu-margin-x:var(--spectrum-global-dimension-size-40);--spectrum-listitem-texticon-heading-text-size:var(
 --spectrum-global-dimension-font-size-50
 );--spectrum-listitem-texticon-heading-text-font-weight:400;--spectrum-listitem-texticon-heading-text-transform:uppercase;--spectrum-listitem-texticon-heading-letter-spacing:0.06em;--spectrum-listitem-texticon-heading-margin:var(
 --spectrum-global-dimension-size-75
@@ -42,21 +40,15 @@ var(--spectrum-alias-border-size-thin)
 --spectrum-popover-padding-y,var(--spectrum-global-dimension-size-50)
 );margin-left:0;margin-right:0;margin-top:var(
 --spectrum-popover-padding-y,var(--spectrum-global-dimension-size-50)
-);overflow:auto;padding:0}:host([dir=ltr][selects]) ::slotted(sp-menu-item){padding-right:var(
---spectrum-listitem-texticon-selectable-padding-right
-)}:host([dir=rtl][selects]) ::slotted(sp-menu-item){padding-left:var(
---spectrum-listitem-texticon-selectable-padding-right
-)}:host([dir=ltr][selects]) ::slotted(sp-menu-item[selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(
+);overflow:auto;padding:0}:host([dir=ltr][selects]) ::slotted(sp-menu-item){padding-right:var(--spectrum-listitem-texticon-selectable-padding-right)}:host([dir=rtl][selects]) ::slotted(sp-menu-item){padding-left:var(--spectrum-listitem-texticon-selectable-padding-right)}:host([dir=ltr][selects]) ::slotted(sp-menu-item[selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(
 --spectrum-popover-border-size,
 var(--spectrum-alias-border-size-thin)
 ))}:host([dir=rtl][selects]) ::slotted(sp-menu-item[selected]){padding-left:calc(var(--spectrum-listitem-texticon-padding-right) - var(
 --spectrum-popover-border-size,
 var(--spectrum-alias-border-size-thin)
-))}::slotted(sp-menu){display:block}:host{--spectrum-listheading-text-color:var(
---spectrum-global-color-gray-700
-)}:host{background-color:var(
+))}:host{--spectrum-listheading-text-color:var(--spectrum-global-color-gray-700)}:host{background-color:var(
 --spectrum-listitem-m-texticon-background-color,var(--spectrum-alias-background-color-transparent)
-)}:host{--spectrum-listitem-selectable-padding-right:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-listitem-icon-gap));display:inline-flex;flex-direction:column;width:var(--swc-menu-width)}:host(:focus){outline:none}::slotted(*){--swc-menu-width:100%;flex-shrink:0}
+)}:host{--spectrum-listitem-selectable-padding-right:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-listitem-icon-gap));display:inline-flex;flex-direction:column}:host(:focus){outline:none}::slotted(*){flex-shrink:0}
 `;
 export default styles;
 //# sourceMappingURL=menu.css.dev.js.map

package/src/menu.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 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:host{--spectrum-menu-margin-x:var(\n--spectrum-global-dimension-size-40\n);--spectrum-listitem-texticon-heading-text-size:var(\n--spectrum-global-dimension-font-size-50\n);--spectrum-listitem-texticon-heading-text-font-weight:400;--spectrum-listitem-texticon-heading-text-transform:uppercase;--spectrum-listitem-texticon-heading-letter-spacing:0.06em;--spectrum-listitem-texticon-heading-margin:var(\n--spectrum-global-dimension-size-75\n) 0 0 0;--spectrum-listitem-texticon-heading-padding:0 var(--spectrum-global-dimension-size-450) 0 var(--spectrum-global-dimension-size-150);--spectrum-listitem-texticon-padding-y:var(\n--spectrum-global-dimension-size-85\n);--spectrum-listitem-texticon-selectable-padding-right:calc(var(--spectrum-listitem-texticon-ui-icon-width) + var(--spectrum-listitem-texticon-ui-icon-gap) + var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n));--spectrum-listitem-texticon-label-line-height:1.3;--spectrum-listitem-texticon-heading-line-height:var(\n--spectrum-alias-body-text-line-height,var(--spectrum-global-font-line-height-medium)\n)}:host{--spectrum-listitem-texticon-padding-left:var(\n--spectrum-listitem-m-texticon-padding-left\n);--spectrum-listitem-textthumbnail-padding-left:var(\n--spectrum-listitem-m-textthumbnail-padding-left\n);--spectrum-listitem-texticon-text-size:var(\n--spectrum-listitem-m-texticon-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-listitem-texticon-text-font-weight:var(\n--spectrum-listitem-m-texticon-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-listitem-texticon-icon-gap:var(\n--spectrum-listitem-m-texticon-icon-gap,var(--spectrum-global-dimension-size-100)\n);--spectrum-listitem-texticon-divider-padding:var(\n--spectrum-listitem-m-texticon-divider-padding,var(--spectrum-global-dimension-static-size-40)\n);--spectrum-listitem-texticon-ui-icon-margin-top:var(\n--spectrum-listitem-m-texticon-ui-icon-margin-top,var(--spectrum-global-dimension-size-125)\n);--spectrum-listitem-texticon-ui-icon-width:var(\n--spectrum-listitem-m-texticon-ui-icon-width,var(--spectrum-alias-ui-icon-checkmark-size-100)\n);--spectrum-listitem-texticon-ui-icon-gap:var(\n--spectrum-listitem-m-texticon-ui-icon-gap,var(--spectrum-global-dimension-size-100)\n);--spectrum-listitem-texticon-padding-right:var(\n--spectrum-listitem-m-texticon-padding-right,var(--spectrum-global-dimension-size-150)\n);--spectrum-listitem-texticon-focus-indicator-size:var(\n--spectrum-listitem-m-texticon-focus-indicator-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-listitem-texticon-height:var(\n--spectrum-listitem-m-texticon-height,var(--spectrum-global-dimension-size-400)\n)}:host{box-sizing:border-box;display:inline-block;list-style-type:none;margin-bottom:var(\n--spectrum-popover-padding-y,var(--spectrum-global-dimension-size-50)\n);margin-left:0;margin-right:0;margin-top:var(\n--spectrum-popover-padding-y,var(--spectrum-global-dimension-size-50)\n);overflow:auto;padding:0}:host([dir=ltr][selects]) ::slotted(sp-menu-item){padding-right:var(\n--spectrum-listitem-texticon-selectable-padding-right\n)}:host([dir=rtl][selects]) ::slotted(sp-menu-item){padding-left:var(\n--spectrum-listitem-texticon-selectable-padding-right\n)}:host([dir=ltr][selects]) ::slotted(sp-menu-item[selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([dir=rtl][selects]) ::slotted(sp-menu-item[selected]){padding-left:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}::slotted(sp-menu){display:block}:host{--spectrum-listheading-text-color:var(\n--spectrum-global-color-gray-700\n)}:host{background-color:var(\n--spectrum-listitem-m-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n)}:host{--spectrum-listitem-selectable-padding-right:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-listitem-icon-gap));display:inline-flex;flex-direction:column;width:var(--swc-menu-width)}:host(:focus){outline:none}::slotted(*){--swc-menu-width:100%;flex-shrink:0}\n`;\nexport default styles;"],
-  "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;AA0Df,eAAe;",
+  "sourcesContent": ["/*\nCopyright 2023 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:host{--spectrum-menu-margin-x:var(--spectrum-global-dimension-size-40);--spectrum-listitem-texticon-heading-text-size:var(\n--spectrum-global-dimension-font-size-50\n);--spectrum-listitem-texticon-heading-text-font-weight:400;--spectrum-listitem-texticon-heading-text-transform:uppercase;--spectrum-listitem-texticon-heading-letter-spacing:0.06em;--spectrum-listitem-texticon-heading-margin:var(\n--spectrum-global-dimension-size-75\n) 0 0 0;--spectrum-listitem-texticon-heading-padding:0 var(--spectrum-global-dimension-size-450) 0 var(--spectrum-global-dimension-size-150);--spectrum-listitem-texticon-padding-y:var(\n--spectrum-global-dimension-size-85\n);--spectrum-listitem-texticon-selectable-padding-right:calc(var(--spectrum-listitem-texticon-ui-icon-width) + var(--spectrum-listitem-texticon-ui-icon-gap) + var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n));--spectrum-listitem-texticon-label-line-height:1.3;--spectrum-listitem-texticon-heading-line-height:var(\n--spectrum-alias-body-text-line-height,var(--spectrum-global-font-line-height-medium)\n)}:host{--spectrum-listitem-texticon-padding-left:var(\n--spectrum-listitem-m-texticon-padding-left\n);--spectrum-listitem-textthumbnail-padding-left:var(\n--spectrum-listitem-m-textthumbnail-padding-left\n);--spectrum-listitem-texticon-text-size:var(\n--spectrum-listitem-m-texticon-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-listitem-texticon-text-font-weight:var(\n--spectrum-listitem-m-texticon-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-listitem-texticon-icon-gap:var(\n--spectrum-listitem-m-texticon-icon-gap,var(--spectrum-global-dimension-size-100)\n);--spectrum-listitem-texticon-divider-padding:var(\n--spectrum-listitem-m-texticon-divider-padding,var(--spectrum-global-dimension-static-size-40)\n);--spectrum-listitem-texticon-ui-icon-margin-top:var(\n--spectrum-listitem-m-texticon-ui-icon-margin-top,var(--spectrum-global-dimension-size-125)\n);--spectrum-listitem-texticon-ui-icon-width:var(\n--spectrum-listitem-m-texticon-ui-icon-width,var(--spectrum-alias-ui-icon-checkmark-size-100)\n);--spectrum-listitem-texticon-ui-icon-gap:var(\n--spectrum-listitem-m-texticon-ui-icon-gap,var(--spectrum-global-dimension-size-100)\n);--spectrum-listitem-texticon-padding-right:var(\n--spectrum-listitem-m-texticon-padding-right,var(--spectrum-global-dimension-size-150)\n);--spectrum-listitem-texticon-focus-indicator-size:var(\n--spectrum-listitem-m-texticon-focus-indicator-size,var(--spectrum-alias-border-size-thick)\n);--spectrum-listitem-texticon-height:var(\n--spectrum-listitem-m-texticon-height,var(--spectrum-global-dimension-size-400)\n)}:host{box-sizing:border-box;display:inline-block;list-style-type:none;margin-bottom:var(\n--spectrum-popover-padding-y,var(--spectrum-global-dimension-size-50)\n);margin-left:0;margin-right:0;margin-top:var(\n--spectrum-popover-padding-y,var(--spectrum-global-dimension-size-50)\n);overflow:auto;padding:0}:host([dir=ltr][selects]) ::slotted(sp-menu-item){padding-right:var(--spectrum-listitem-texticon-selectable-padding-right)}:host([dir=rtl][selects]) ::slotted(sp-menu-item){padding-left:var(--spectrum-listitem-texticon-selectable-padding-right)}:host([dir=ltr][selects]) ::slotted(sp-menu-item[selected]){padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host([dir=rtl][selects]) ::slotted(sp-menu-item[selected]){padding-left:calc(var(--spectrum-listitem-texticon-padding-right) - var(\n--spectrum-popover-border-size,\nvar(--spectrum-alias-border-size-thin)\n))}:host{--spectrum-listheading-text-color:var(--spectrum-global-color-gray-700)}:host{background-color:var(\n--spectrum-listitem-m-texticon-background-color,var(--spectrum-alias-background-color-transparent)\n)}:host{--spectrum-listitem-selectable-padding-right:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-listitem-icon-gap));display:inline-flex;flex-direction:column}:host(:focus){outline:none}::slotted(*){flex-shrink:0}\n`;\nexport default styles;"],
+  "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;AAkDf,eAAe;",
   "names": []
 }