@carbon/web-components 2.25.2 → 2.26.0

package/es/components/menu/menu-item.js

@@ -0,0 +1,309 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __decorate } from 'tslib';
+import { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { prefix } from '../../globals/settings.js';
+import styles from './menu-item.scss.js';
+import { carbonElement } from '../../globals/decorators/carbon-element.js';
+import CaretLeft16 from '../../icons/caret--left/16';
+import CaretRight16 from '../../icons/caret--right/16';
+import { consume } from '@lit/context';
+import { MenuContext } from './menu-context.js';
+import Checkmark16 from '../../icons/checkmark/16';
+import HostListener from '../../globals/decorators/host-listener.js';
+import HostListenerMixin from '../../globals/mixins/host-listener.js';
+import { MENU_ITEM_KIND } from './defs.js';
+export { MENU_ITEM_KIND } from './defs.js';
+
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Menu Item.
+ *
+ * @element cds-menu-item
+ */
+let CDSmenuItem = class CDSmenuItem extends HostListenerMixin(HostListenerMixin(LitElement)) {
+    constructor() {
+        var _a;
+        super(...arguments);
+        this.hoverIntentDelay = 150; // in ms
+        /**
+         * Whether the menu submen for an item is open or not.
+         */
+        this.submenuOpen = false;
+        this.kind = MENU_ITEM_KIND.DEFAULT;
+        /**
+         * Menu boundaries.
+         */
+        this.boundaries = { x: -1, y: -1 };
+        this.ariaChecked = (_a = this.getAttribute('selected')) !== null && _a !== void 0 ? _a : 'false';
+        /**
+         * Checks if document direction is rtl.
+         */
+        this.isRtl = false;
+        /**
+         * Checks if document direction is rtl.
+         */
+        this.hasSubmenu = false;
+        this._handleClick = (e) => {
+            if (this.hasSubmenu) {
+                this._openSubmenu();
+            }
+            else if (e.type === 'keydown') {
+                this.click();
+            }
+        };
+        this._handleMouseEnter = () => {
+            this.hoverIntentTimeout = setTimeout(() => {
+                this._openSubmenu();
+            }, this.hoverIntentDelay);
+        };
+        this._handleMouseLeave = () => {
+            if (this.hoverIntentTimeout) {
+                clearTimeout(this.hoverIntentTimeout);
+                this._closeSubmenu();
+                this.focus();
+            }
+        };
+        this._openSubmenu = () => {
+            const { x, y, width, height } = this.getBoundingClientRect();
+            if (this.isRtl) {
+                this.boundaries = {
+                    x: [-x, x - width],
+                    y: [y, y + height],
+                };
+            }
+            else {
+                this.boundaries = {
+                    x: [x, x + width],
+                    y: [y, y + height],
+                };
+            }
+            this.submenuOpen = true;
+        };
+        this._registerSubMenuItems = () => {
+            const observer = new MutationObserver((mutationsList) => {
+                var _a, _b, _c, _d, _e, _f;
+                for (const mutation of mutationsList) {
+                    if (mutation.type === 'childList') {
+                        const submenuSlot = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="submenu"]');
+                        const item = (_c = (_b = submenuSlot === null || submenuSlot === void 0 ? void 0 : submenuSlot.assignedElements) === null || _b === void 0 ? void 0 : _b.call(submenuSlot)) === null || _c === void 0 ? void 0 : _c[0];
+                        if (item) {
+                            switch (item.tagName) {
+                                case 'CDS-MENU-ITEM-RADIO-GROUP':
+                                    this.submenuEntry = item.querySelector(`${prefix}-menu-item`);
+                                    break;
+                                case 'CDS-MENU-ITEM-GROUP': {
+                                    const slotElements = (_e = (_d = item.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('slot')) === null || _e === void 0 ? void 0 : _e.assignedElements();
+                                    const firstElement = (slotElements === null || slotElements === void 0 ? void 0 : slotElements.length) &&
+                                        ((_f = slotElements[0].shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector(`${prefix}-menu-item`));
+                                    this.submenuEntry = firstElement;
+                                    break;
+                                }
+                                case 'CDS-MENU-ITEM':
+                                    this.submenuEntry = item;
+                                    break;
+                            }
+                        }
+                    }
+                }
+            });
+            observer.observe(this.shadowRoot, {
+                childList: true,
+                subtree: true,
+            });
+        };
+        this._closeSubmenu = () => {
+            var _a, _b;
+            this.boundaries = {
+                x: -1,
+                y: -1,
+            };
+            this.submenuOpen = false;
+            (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${prefix}--menu-item`)) === null || _b === void 0 ? void 0 : _b.focus();
+        };
+        this._handleKeyDown = (e) => {
+            if (this.hasSubmenu && ['ArrowRight', 'Enter', ' '].includes(e.key)) {
+                this._openSubmenu();
+                setTimeout(() => {
+                    this.submenuEntry.focus();
+                });
+                e.stopPropagation();
+            }
+            else if (e.key === 'Enter' || e.key === ' ') {
+                this._handleClick(e);
+            }
+        };
+    }
+    async dispatchIconDetect() {
+        const hasRenderIcon = !!this.querySelector('[slot="render-icon"]');
+        if (hasRenderIcon) {
+            await undefined; // this is used to replace setTimeout with 0 time out, which is much fater.
+            this.dispatchEvent(new CustomEvent('icon-detect', {
+                bubbles: true, // Allows event to bubble up the DOM
+                composed: true, // Allows event to cross shadow DOM boundary
+            }));
+        }
+    }
+    _updateAttributes() {
+        if (this.disabled && !this.hasSubmenu) {
+            this.setAttribute('aria-disabled', this.disabled);
+        }
+        else {
+            this.removeAttribute('aria-disabled');
+        }
+        if (this.hasSubmenu) {
+            this.setAttribute('aria-haspopup', this.hasSubmenu + '');
+        }
+        else {
+            this.removeAttribute('aria-haspopup');
+        }
+        if (this.closest(`${prefix}-menu-item-radio-group`)) {
+            this.setAttribute('role', 'menuitemradio');
+            this.setAttribute('aria-checked', this.ariaChecked + '');
+        }
+        else if (!this.getAttribute('role')) {
+            this.setAttribute('role', 'menuitem');
+        }
+        this.setAttribute('tabindex', '-1');
+    }
+    firstUpdated() {
+        this.hasSubmenu = !!this.querySelector('[slot="submenu"]');
+        this.dispatchIconDetect();
+        this.isRtl = document.dir === 'rtl';
+        this._registerSubMenuItems();
+        this._updateAttributes();
+        this.addEventListener(`${prefix}-menu-closed`, () => {
+            this.focus();
+            this._closeSubmenu();
+        });
+    }
+    updated(_changedProperties) {
+        if (this.hasSubmenu) {
+            this.setAttribute('aria-expanded', this.hasSubmenu + '');
+        }
+        else {
+            this.removeAttribute('aria-expanded');
+        }
+        if (this.kind === MENU_ITEM_KIND.DANGER)
+            this.classList.toggle(`${prefix}--menu-item--danger`);
+    }
+    handleClick(event) {
+        this._handleClick(event);
+    }
+    handleMouseEnter() {
+        if (this.hasSubmenu) {
+            this._handleMouseEnter();
+        }
+    }
+    handleMouseLeave() {
+        if (this.hasSubmenu) {
+            this._handleMouseLeave();
+        }
+    }
+    handleKeyDown(event) {
+        this._handleKeyDown(event);
+    }
+    render() {
+        var _a;
+        const { label, shortcut, submenuOpen, boundaries, isRtl } = this;
+        const menuClassName = this.context.hasSelectableItems
+            ? `${prefix}--menu--with-selectable-items`
+            : '';
+        return html `
+      <div class="${prefix}--menu-item__selection-icon">
+        ${this.ariaChecked === 'true' ? Checkmark16() : undefined}
+      </div>
+
+      <div class="${prefix}--menu-item__icon">
+        <slot name="render-icon"></slot>
+      </div>
+      <div class="${prefix}--menu-item__label">${label}</div>
+      ${shortcut && !this.hasSubmenu
+            ? html ` <div class="${prefix}--menu-item__shortcut">${shortcut}</div> `
+            : html ``}
+      ${this.hasSubmenu
+            ? html `
+            <div class="${prefix}--menu-item__shortcut">
+              ${isRtl ? CaretLeft16() : CaretRight16()}
+            </div>
+            <cds-menu
+              className=${menuClassName}
+              size=${(_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.getAttribute('size')}
+              ?isChild="${this.hasSubmenu}"
+              label="${label}"
+              .open="${submenuOpen}"
+              .x="${boundaries.x}"
+              .y="${boundaries.y}">
+              <slot name="submenu"></slot>
+            </cds-menu>
+          `
+            : html ``}
+    `;
+    }
+};
+CDSmenuItem.styles = styles; // `styles` here is a `CSSResult` generated by custom Vite loader
+__decorate([
+    consume({ context: MenuContext })
+], CDSmenuItem.prototype, "context", void 0);
+__decorate([
+    property({ type: String })
+], CDSmenuItem.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], CDSmenuItem.prototype, "shortcut", void 0);
+__decorate([
+    property({ type: Boolean })
+], CDSmenuItem.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], CDSmenuItem.prototype, "submenuOpen", void 0);
+__decorate([
+    property()
+], CDSmenuItem.prototype, "kind", void 0);
+__decorate([
+    property()
+], CDSmenuItem.prototype, "boundaries", void 0);
+__decorate([
+    property({ attribute: 'aria-checked' })
+], CDSmenuItem.prototype, "ariaChecked", void 0);
+__decorate([
+    state()
+], CDSmenuItem.prototype, "submenuEntry", void 0);
+__decorate([
+    state()
+], CDSmenuItem.prototype, "isRtl", void 0);
+__decorate([
+    state()
+], CDSmenuItem.prototype, "hasSubmenu", void 0);
+__decorate([
+    HostListener('click', { capture: true })
+], CDSmenuItem.prototype, "handleClick", null);
+__decorate([
+    HostListener('mouseenter')
+], CDSmenuItem.prototype, "handleMouseEnter", null);
+__decorate([
+    HostListener('mouseleave')
+], CDSmenuItem.prototype, "handleMouseLeave", null);
+__decorate([
+    HostListener('keydown')
+], CDSmenuItem.prototype, "handleKeyDown", null);
+CDSmenuItem = __decorate([
+    carbonElement(`${prefix}-menu-item`)
+], CDSmenuItem);
+var CDSmenuItem$1 = CDSmenuItem;
+
+export { CDSmenuItem$1 as default };
+//# sourceMappingURL=menu-item.js.map

package/es/components/menu/menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.js","sources":["../../../src/components/menu/menu-item.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}

package/es/components/menu/menu-item.scss.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { css } from 'lit';
+
+var styles = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--menu{background-color:var(--cds-layer);border:0;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;max-inline-size:18rem;min-inline-size:10rem;opacity:0;overflow-y:auto;padding:.25rem 0;position:fixed;vertical-align:baseline;visibility:hidden;z-index:9000}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--shown{opacity:1;overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider,:host(cds-menu-item-divider){background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}:host(cds-menu-item){align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-menu-item) svg{color:var(--cds-icon-secondary,#525252)}:host(cds-menu-item:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-menu-item:focus){outline-style:dotted}}:host(cds-menu-item:hover){background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}:host(cds-menu-item:hover) svg{color:var(--cds-icon-primary,#161616)}:host(cds-menu-item-group)>ul,:host(cds-menu-item-radio-group)>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}:host(cds-menu-item-group)>ul *,:host(cds-menu-item-group)>ul :after,:host(cds-menu-item-group)>ul :before,:host(cds-menu-item-radio-group)>ul *,:host(cds-menu-item-radio-group)>ul :after,:host(cds-menu-item-radio-group)>ul :before{box-sizing:inherit}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item__icon{display:var(--child-icon-property,none)}:host([aria-disabled=true]) *{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host([aria-disabled=true].cds--menu-item--danger:hover),:host([aria-disabled=true]:hover){background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(.cds--menu-item--danger:focus),:host(.cds--menu-item--danger:hover){background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}:host(cds-menu-item){block-size:var(--block-size-value);grid-template-columns:var(--grid-template)}:host(cds-menu-item) .cds--menu-item__icon{display:var(--display-icon-item)}.cds--menu-item__selection-icon{display:var(--display-selection-icon)}span[slot=render-icon]{display:flex}"]);
+
+export { styles as default };
+//# sourceMappingURL=menu-item.scss.js.map

package/es/components/menu/menu-item.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}