npm - @carbon/web-components - Versions diffs - 2.58.1 → 2.59.0 - Mend

@carbon/web-components 2.58.1 → 2.59.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (568) hide show

package/es-custom/components/icon-button/icon-button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AACzB,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,MAAM,QAAQ,CAAC;AAKzE,OAAO,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,CAAC;AAE3D;;;;GAIG;AACH,cACM,aAAc,SAAQ,SAAS;IACnC;;OAEG;IAEH;;OAEG;IAEH,KAAK,SAAS;IAEd;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,iBAAiB,UAAQ;IAEzB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,YAAY,SAAO;IAEnB;;OAEG;IAEH,YAAY,SAAO;IAEnB;;OAEG;IAEH,IAAI,~~SAAQ~~;~~IAEZ~~,iBAAiB;IAUjB,OAAO,CAAC,iBAAiB,KAAA;IAkBzB,SAAS,CAAC,qBAAqB;IAQ/B,MAAM;CAsBP;AAED,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AACzB,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,MAAM,QAAQ,CAAC;AAKzE,OAAO,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,CAAC;AAE3D;;;;GAIG;AACH,cACM,aAAc,SAAQ,SAAS;IACnC;;OAEG;IAEH;;OAEG;IAEH,KAAK,SAAS;IAEd;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,iBAAiB,UAAQ;IAEzB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,YAAY,SAAO;IAEnB;;OAEG;IAEH,YAAY,SAAO;IAEnB;;OAEG;IAEH,IAAI,CAAC,EAAE,gBAAgB,GAAG,MAAM,CAAQ;IAExC,iBAAiB;IAUjB,OAAO,CAAC,iBAAiB,KAAA;IAkBzB,SAAS,CAAC,qBAAqB;IAQ/B,MAAM;CAsBP;AAED,eAAe,aAAa,CAAC"}

package/es-custom/components/icon-button/icon-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-button.js","names":["CDSButton","tooltipStyles","buttonStyles","styles","customElement"],"sources":["../../../src/components/icon-button/icon-button.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport '../tooltip/index';\nimport '../button/index';\nimport CDSButton from '../button/button';\nimport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT } from './defs';\nimport tooltipStyles from '../tooltip/tooltip.scss?lit';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './icon-button.scss?lit';\n\nexport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT };\n\n/\n Icon Button\n \n @element cds-custom-icon-button\n /\n@customElement(`${prefix}-icon-button`)\nclass CDSIconButton extends CDSButton {\n /\n Checks if a badge indicator is being used with incorrect properties\n /\n\n /\n Specify how the trigger should align with the tooltip\n /\n @property({ reflect: true, type: String })\n align = 'top';\n\n /\n Specify whether a auto align functionality should be applied\n /\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /\n Determines whether the tooltip should close when inner content is activated (click, Enter or Space)\n /\n @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n closeOnActivation = true;\n\n /\n Specify whether the tooltip should be open when it first renders\n /\n @property({ reflect: true, type: Boolean })\n defaultOpen = false;\n\n /\n Specify the duration in milliseconds to delay before displaying the tooltip\n /\n @property({ attribute: 'enter-delay-ms', type: Number })\n enterDelayMs = 100;\n\n /\n Specify the duration in milliseconds to delay before hiding the tooltip\n /\n @property({ attribute: 'leave-delay-ms', type: Number })\n leaveDelayMs = 100;\n\n /\n Specify the size of the Button. Defaults to `md`.\n */\n @property({ reflect: true })\n size = 'md';\n\n connectedCallback() {\n super.connectedCallback();\n\n adoptStyles(this.renderRoot as ShadowRoot, [\n tooltipStyles,\n buttonStyles,\n styles,\n ]);\n }\n\n updated(changedProperties) {\n super.updated?.(changedProperties);\n if (changedProperties) {\n this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.shadowRoot?.querySelector(`.${prefix}--tooltip`)\n ?.classList.add(`${prefix}--icon-tooltip`);\n\n const tooltipContent = this.querySelector(\n '[slot=tooltip-content]'\n )?.textContent;\n this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.querySelector(`button`)\n ?.setAttribute('aria-label', String(tooltipContent));\n }\n }\n\n protected _renderTooltipContent() {\n return html`\n <cds-custom-tooltip-content ?hidden=${this.disabled}>\n <slot name=\"tooltip-content\"></slot>\n </cds-custom-tooltip-content>\n `;\n }\n\n render() {\n const {\n align,\n autoalign,\n closeOnActivation,\n defaultOpen,\n enterDelayMs,\n leaveDelayMs,\n } = this;\n return html`\n <cds-custom-tooltip\n ?autoalign=${autoalign}\n align=${align}\n ?defaultOpen=${defaultOpen}\n ?closeOnActivation=${closeOnActivation}\n enter-delay-ms=${enterDelayMs}\n leave-delay-ms=${leaveDelayMs}\n .dropShadow=${false}>\n ${super.render()} ${this._renderTooltipContent()}\n </cds-custom-tooltip>\n `;\n }\n}\n\nexport default CDSIconButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,gBAAA,MACM,sBAAsBA,iBAAU;;;eAS5B;mBAMI;2BAMQ;qBAMN;sBAMC;sBAMA;~~cAMR~~;;~~CAEP~~,oBAAoB;EAClB,MAAM,kBAAkB;EAExB,YAAY,KAAK,YAA0B;GACzCC;GACAC;GACAC;EACF,CAAC;CACH;CAEA,QAAQ,mBAAmB;EACzB,MAAM,UAAU,iBAAiB;EACjC,IAAI,mBAAmB;GACrB,KAAK,YACD,cAAc,aAAmB,CAAC,EAClC,YAAY,cAAc,eAAqB,CAAC,EAChD,UAAU,IAAI,mBAAyB;GAE3C,MAAM,iBAAiB,KAAK,cAC1B,wBACF,CAAC,EAAE;GACH,KAAK,YACD,cAAc,aAAmB,CAAC,EAClC,cAAc,QAAQ,CAAC,EACvB,aAAa,cAAc,OAAO,cAAc,CAAC;EACvD;CACF;CAEA,wBAAkC;EAChC,OAAO,IAAI;qCACsB,KAAK,SAAS;;;;CAIjD;CAEA,SAAS;EACP,MAAM,EACJ,OACA,WACA,mBACA,aACA,cACA,iBACE;EACJ,OAAO,IAAI;;qBAEM,UAAU;gBACf,MAAM;uBACC,YAAY;6BACN,kBAAkB;yBACtB,aAAa;yBACb,aAAa;sBAChB,MAAM;UAClB,MAAM,OAAO,EAAE,GAAG,KAAK,sBAAsB,EAAE;;;CAGvD;AACF;YAjGG,SAAS;CAAE,SAAS;CAAM,MAAM;AAAO,CAAC,CAAA,GAAA,cAAA,WAAA,SAAA,KAAA,CAAA;YAMxC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,aAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,WAAW;CAAuB,SAAS;CAAM,MAAM;AAAQ,CAAC,CAAA,GAAA,cAAA,WAAA,qBAAA,KAAA,CAAA;YAM3E,SAAS;CAAE,SAAS;CAAM,MAAM;AAAQ,CAAC,CAAA,GAAA,cAAA,WAAA,eAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,WAAW;CAAkB,MAAM;AAAO,CAAC,CAAA,GAAA,cAAA,WAAA,gBAAA,KAAA,CAAA;YAMtD,SAAS;CAAE,WAAW;CAAkB,MAAM;AAAO,CAAC,CAAA,GAAA,cAAA,WAAA,gBAAA,KAAA,CAAA;YAMtD,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,cAAA,WAAA,QAAA,KAAA,CAAA;4BA7C5BC,cAAc,iBAAuB,CAAA,GAAA,aAAA;AA4GtC,IAAA,sBAAe"}
1	+ {"version":3,"file":"icon-button.js","names":["CDSButton","tooltipStyles","buttonStyles","styles","customElement"],"sources":["../../../src/components/icon-button/icon-button.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport '../tooltip/index';\nimport '../button/index';\nimport CDSButton from '../button/button';\nimport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT } from './defs';\nimport tooltipStyles from '../tooltip/tooltip.scss?lit';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './icon-button.scss?lit';\n\nexport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT };\n\n/\n Icon Button\n \n @element cds-custom-icon-button\n /\n@customElement(`${prefix}-icon-button`)\nclass CDSIconButton extends CDSButton {\n /\n Checks if a badge indicator is being used with incorrect properties\n /\n\n /\n Specify how the trigger should align with the tooltip\n /\n @property({ reflect: true, type: String })\n align = 'top';\n\n /\n Specify whether a auto align functionality should be applied\n /\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /\n Determines whether the tooltip should close when inner content is activated (click, Enter or Space)\n /\n @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n closeOnActivation = true;\n\n /\n Specify whether the tooltip should be open when it first renders\n /\n @property({ reflect: true, type: Boolean })\n defaultOpen = false;\n\n /\n Specify the duration in milliseconds to delay before displaying the tooltip\n /\n @property({ attribute: 'enter-delay-ms', type: Number })\n enterDelayMs = 100;\n\n /\n Specify the duration in milliseconds to delay before hiding the tooltip\n /\n @property({ attribute: 'leave-delay-ms', type: Number })\n leaveDelayMs = 100;\n\n /\n Specify the size of the Button. Defaults to `md`.\n */\n @property({ reflect: true })\n size?: ICON_BUTTON_SIZE \| string = 'md';\n\n connectedCallback() {\n super.connectedCallback();\n\n adoptStyles(this.renderRoot as ShadowRoot, [\n tooltipStyles,\n buttonStyles,\n styles,\n ]);\n }\n\n updated(changedProperties) {\n super.updated?.(changedProperties);\n if (changedProperties) {\n this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.shadowRoot?.querySelector(`.${prefix}--tooltip`)\n ?.classList.add(`${prefix}--icon-tooltip`);\n\n const tooltipContent = this.querySelector(\n '[slot=tooltip-content]'\n )?.textContent;\n this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.querySelector(`button`)\n ?.setAttribute('aria-label', String(tooltipContent));\n }\n }\n\n protected _renderTooltipContent() {\n return html`\n <cds-custom-tooltip-content ?hidden=${this.disabled}>\n <slot name=\"tooltip-content\"></slot>\n </cds-custom-tooltip-content>\n `;\n }\n\n render() {\n const {\n align,\n autoalign,\n closeOnActivation,\n defaultOpen,\n enterDelayMs,\n leaveDelayMs,\n } = this;\n return html`\n <cds-custom-tooltip\n ?autoalign=${autoalign}\n align=${align}\n ?defaultOpen=${defaultOpen}\n ?closeOnActivation=${closeOnActivation}\n enter-delay-ms=${enterDelayMs}\n leave-delay-ms=${leaveDelayMs}\n .dropShadow=${false}>\n ${super.render()} ${this._renderTooltipContent()}\n </cds-custom-tooltip>\n `;\n }\n}\n\nexport default CDSIconButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,gBAAA,MACM,sBAAsBA,iBAAU;;;eAS5B;mBAMI;2BAMQ;qBAMN;sBAMC;sBAMA;cAMoB;;CAEnC,oBAAoB;EAClB,MAAM,kBAAkB;EAExB,YAAY,KAAK,YAA0B;GACzCC;GACAC;GACAC;EACF,CAAC;CACH;CAEA,QAAQ,mBAAmB;EACzB,MAAM,UAAU,iBAAiB;EACjC,IAAI,mBAAmB;GACrB,KAAK,YACD,cAAc,aAAmB,CAAC,EAClC,YAAY,cAAc,eAAqB,CAAC,EAChD,UAAU,IAAI,mBAAyB;GAE3C,MAAM,iBAAiB,KAAK,cAC1B,wBACF,CAAC,EAAE;GACH,KAAK,YACD,cAAc,aAAmB,CAAC,EAClC,cAAc,QAAQ,CAAC,EACvB,aAAa,cAAc,OAAO,cAAc,CAAC;EACvD;CACF;CAEA,wBAAkC;EAChC,OAAO,IAAI;qCACsB,KAAK,SAAS;;;;CAIjD;CAEA,SAAS;EACP,MAAM,EACJ,OACA,WACA,mBACA,aACA,cACA,iBACE;EACJ,OAAO,IAAI;;qBAEM,UAAU;gBACf,MAAM;uBACC,YAAY;6BACN,kBAAkB;yBACtB,aAAa;yBACb,aAAa;sBAChB,MAAM;UAClB,MAAM,OAAO,EAAE,GAAG,KAAK,sBAAsB,EAAE;;;CAGvD;AACF;YAjGG,SAAS;CAAE,SAAS;CAAM,MAAM;AAAO,CAAC,CAAA,GAAA,cAAA,WAAA,SAAA,KAAA,CAAA;YAMxC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,aAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,WAAW;CAAuB,SAAS;CAAM,MAAM;AAAQ,CAAC,CAAA,GAAA,cAAA,WAAA,qBAAA,KAAA,CAAA;YAM3E,SAAS;CAAE,SAAS;CAAM,MAAM;AAAQ,CAAC,CAAA,GAAA,cAAA,WAAA,eAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,WAAW;CAAkB,MAAM;AAAO,CAAC,CAAA,GAAA,cAAA,WAAA,gBAAA,KAAA,CAAA;YAMtD,SAAS;CAAE,WAAW;CAAkB,MAAM;AAAO,CAAC,CAAA,GAAA,cAAA,WAAA,gBAAA,KAAA,CAAA;YAMtD,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,cAAA,WAAA,QAAA,KAAA,CAAA;4BA7C5BC,cAAc,iBAAuB,CAAA,GAAA,aAAA;AA4GtC,IAAA,sBAAe"}

package/es-custom/components/icon-button/icon-button.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/icon-button/icon-button.scss?lit
-var icon_button_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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-custom--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-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--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-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--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-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--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-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--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-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--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-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--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-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:host(cds-custom-icon-button){--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}:host(cds-custom-icon-button[kind=ghost]) ::slotted([slot=icon]){color:var(--cds-icon-primary,#161616)}"]);
+var icon_button_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:host(cds-custom-icon-button){--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}:host(cds-custom-icon-button[kind=ghost]) ::slotted([slot=icon]){color:var(--cds-icon-primary,#161616)}"]);
 //#endregion
 export { icon_button_default as default };

package/es-custom/components/icon-button/icon-button.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-button.scss.js","names":[],"sources":["../../../src/components/icon-button/icon-button.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/utilities' as ;\n@use '@carbon/styles/scss/breakpoint' as ;\n@use '@carbon/styles/scss/layout' as ;\n@use '@carbon/styles/scss/theme' as *;\n\n:host(#{$prefix}-icon-button) {\n @include emit-layout-tokens();\n}\n\n:host(#{$prefix}-icon-button[kind='ghost']) ::slotted([slot='icon']) {\n color: $icon-primary;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"icon-button.scss.js","names":[],"sources":["../../../src/components/icon-button/icon-button.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/utilities' as ;\n@use '@carbon/styles/scss/breakpoint' as ;\n@use '@carbon/styles/scss/utilities/layout' as ;\n@use '@carbon/styles/scss/theme' as *;\n\n:host(#{$prefix}-icon-button) {\n @include emit-layout-tokens();\n}\n\n:host(#{$prefix}-icon-button[kind='ghost']) ::slotted([slot='icon']) {\n color: $icon-primary;\n}\n"],"mappings":""}

package/es-custom/components/icon-indicator/icon-indicator.d.ts CHANGED Viewed

@@ -1,11 +1,13 @@
 /**
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2026
  *
  * 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 { LitElement } from 'lit';
 import { ICON_INDICATOR_KIND } from './defs';
+import { POPOVER_ALIGNMENT } from '../popover/defs';
+import '../tooltip/definition-tooltip';
 export { ICON_INDICATOR_KIND };
 /**
  * Icon Indicator.
@@ -13,6 +15,23 @@ export { ICON_INDICATOR_KIND };
  * @element cds-custom-icon-indicator
  */
 declare class CDSIconIndicator extends LitElement {
+    /**
+     * Specify how the tooltip should align with the icon in compact mode
+     */
+    align: POPOVER_ALIGNMENT;
+    /**
+     * Will auto-align the tooltip in compact mode
+     */
+    autoalign: boolean;
+    /**
+     * When true, displays only the icon with the label in a tooltip
+     */
+    compact: boolean;
+    /**
+     * Description for the icon announced to screen readers in compact mode.
+     * Defaults to `label` when not provided.
+     */
+    iconDescription?: string;
     /**
      * Icon indicator should be size 16 or 20
      */

package/es-custom/components/icon-indicator/icon-indicator.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/icon-indicator/icon-indicator.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;~~AAyB7C~~,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAyD/B;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,IAAI,EAAG,mBAAmB,CAAC;IAE3B,MAAM;~~IAKN~~,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}
1	+ {"version":3,"file":"icon-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/icon-indicator/icon-indicator.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,+BAA+B,CAAC;AAyBvC,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAyD/B;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,KAAK,EAAE,iBAAiB,CAA2B;IAEnD;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;;OAGG;IAEH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,IAAI,EAAG,mBAAmB,CAAC;IAE3B,MAAM;IAsBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}

package/es-custom/components/icon-indicator/icon-indicator.js CHANGED Viewed

@@ -9,6 +9,8 @@ import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
 import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
+import "../popover/defs.js";
+import "../tooltip/definition-tooltip.js";
 import { ICON_INDICATOR_KIND } from "./defs.js";
 import icon_indicator_default$1 from "./icon-indicator.scss.js";
 import { LitElement, html } from "lit";
@@ -39,7 +41,7 @@ import WarningSquareFilled16 from "@carbon/icons/es/warning-square--filled/16.js
 import WarningSquareFilled20 from "@carbon/icons/es/warning-square--filled/20.js";
 //#region src/components/icon-indicator/icon-indicator.ts
 /**
-* Copyright IBM Corp. 2019, 2023
+* Copyright IBM Corp. 2019, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
@@ -102,16 +104,42 @@ const iconMap = {
 let CDSIconIndicator = class CDSIconIndicator extends LitElement {
 	constructor(..._args) {
 		super(..._args);
+		this.align = "right";
+		this.autoalign = false;
+		this.compact = false;
 		this.size = 16;
 	}
 	render() {
 		const IconComponent = iconMap[this.kind]?.[this.size];
-		return html`${iconLoader(IconComponent, { size: this.size })}${this.label}`;
+		const iconElement = iconLoader(IconComponent, { size: this.size });
+		if (this.compact) return html`
+        <cds-custom-definition-tooltip
+          align=${this.align}
+          ?autoalign=${this.autoalign}
+          open-on-hover>
+          ${iconElement}
+          <span class="${"cds-custom"}--visually-hidden"
+            >${this.iconDescription ?? this.label}</span
+          >
+          <span slot="definition">${this.label}</span>
+        </cds-custom-definition-tooltip>
+      `;
+		return html`${iconElement}${this.label}`;
 	}
 	static {
 		this.styles = icon_indicator_default$1;
 	}
 };
+__decorate([property({ reflect: true })], CDSIconIndicator.prototype, "align", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: false
+})], CDSIconIndicator.prototype, "autoalign", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], CDSIconIndicator.prototype, "compact", void 0);
+__decorate([property({ attribute: "icon-description" })], CDSIconIndicator.prototype, "iconDescription", void 0);
 __decorate([property()], CDSIconIndicator.prototype, "size", void 0);
 __decorate([property()], CDSIconIndicator.prototype, "label", void 0);
 __decorate([property()], CDSIconIndicator.prototype, "kind", void 0);

package/es-custom/components/icon-indicator/icon-indicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-indicator.js","names":["styles","customElement"],"sources":["../../../src/components/icon-indicator/icon-indicator.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, ~~2023~~\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ICON_INDICATOR_KIND } from './defs';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';\nimport ErrorFilled20 from '@carbon/icons/es/error--filled/20.js';\nimport WarningAltInvertedFilled16 from '@carbon/icons/es/warning--alt-inverted--filled/16.js';\nimport WarningAltInvertedFilled20 from '@carbon/icons/es/warning--alt-inverted--filled/20.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport WarningAltFilled20 from '@carbon/icons/es/warning--alt--filled/20.js';\nimport UndefinedFilled16 from '@carbon/icons/es/undefined--filled/16.js';\nimport UndefinedFilled20 from '@carbon/icons/es/undefined--filled/20.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport CheckmarkFilled20 from '@carbon/icons/es/checkmark--filled/20.js';\nimport CheckmarkOutline16 from '@carbon/icons/es/checkmark--outline/16.js';\nimport CheckmarkOutline20 from '@carbon/icons/es/checkmark--outline/20.js';\nimport InProgress16 from '@carbon/icons/es/in-progress/16.js';\nimport InProgress20 from '@carbon/icons/es/in-progress/20.js';\nimport Incomplete16 from '@carbon/icons/es/incomplete/16.js';\nimport Incomplete20 from '@carbon/icons/es/incomplete/20.js';\nimport CircleDash16 from '@carbon/icons/es/circle-dash/16.js';\nimport CircleDash20 from '@carbon/icons/es/circle-dash/20.js';\nimport PendingFilled16 from '@carbon/icons/es/pending--filled/16.js';\nimport PendingFilled20 from '@carbon/icons/es/pending--filled/20.js';\nimport UnknownFilled16 from '@carbon/icons/es/unknown--filled/16.js';\nimport UnknownFilled20 from '@carbon/icons/es/unknown--filled/20.js';\nimport WarningSquareFilled16 from '@carbon/icons/es/warning-square--filled/16.js';\nimport WarningSquareFilled20 from '@carbon/icons/es/warning-square--filled/20.js';\nexport { ICON_INDICATOR_KIND };\n\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './icon-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst iconMap = {\n [ICON_INDICATOR_KIND.FAILED]: {\n 16: ErrorFilled16,\n 20: ErrorFilled20,\n },\n [ICON_INDICATOR_KIND['CAUTION-MAJOR']]: {\n 16: WarningAltInvertedFilled16,\n 20: WarningAltInvertedFilled20,\n },\n [ICON_INDICATOR_KIND['CAUTION-MINOR']]: {\n 16: WarningAltFilled16,\n 20: WarningAltFilled20,\n },\n [ICON_INDICATOR_KIND.UNDEFINED]: {\n 16: UndefinedFilled16,\n 20: UndefinedFilled20,\n },\n [ICON_INDICATOR_KIND.SUCCEEDED]: {\n 16: CheckmarkFilled16,\n 20: CheckmarkFilled20,\n },\n [ICON_INDICATOR_KIND.NORMAL]: {\n 16: CheckmarkOutline16,\n 20: CheckmarkOutline20,\n },\n [ICON_INDICATOR_KIND['IN-PROGRESS']]: {\n 16: InProgress16,\n 20: InProgress20,\n },\n [ICON_INDICATOR_KIND.INCOMPLETE]: {\n 16: Incomplete16,\n 20: Incomplete20,\n },\n [ICON_INDICATOR_KIND['NOT-STARTED']]: {\n 16: CircleDash16,\n 20: CircleDash20,\n },\n [ICON_INDICATOR_KIND.PENDING]: {\n 16: PendingFilled16,\n 20: PendingFilled20,\n },\n [ICON_INDICATOR_KIND.UNKNOWN]: {\n 16: UnknownFilled16,\n 20: UnknownFilled20,\n },\n [ICON_INDICATOR_KIND.INFORMATIVE]: {\n 16: WarningSquareFilled16,\n 20: WarningSquareFilled20,\n },\n};\n\n/\n Icon Indicator.\n \n @element cds-custom-icon-indicator\n /\n@customElement(`${prefix}-icon-indicator`)\nclass CDSIconIndicator extends LitElement {\n /\n Icon indicator should be size 16 or 20\n /\n @property()\n size = 16;\n\n /\n Label next to the icon.\n /\n @property()\n label!: string;\n\n /\n Icon Indicator kind\n */\n @property()\n kind!: ICON_INDICATOR_KIND;\n\n render() {\n const IconComponent = iconMap[this.kind]?.[this.size];\n ~~return~~ ~~html`${~~iconLoader(IconComponent, { size: this.size })}${this.label}`;\n }\n\n static styles = styles;\n}\n\nexport default CDSIconIndicator;\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA~~,MAAM,UAAU;aACgB;EAC5B,IAAI;EACJ,IAAI;CACN;oBACwC;EACtC,IAAI;EACJ,IAAI;CACN;oBACwC;EACtC,IAAI;EACJ,IAAI;CACN;gBACiC;EAC/B,IAAI;EACJ,IAAI;CACN;gBACiC;EAC/B,IAAI;EACJ,IAAI;CACN;aAC8B;EAC5B,IAAI;EACJ,IAAI;CACN;kBACsC;EACpC,IAAI;EACJ,IAAI;CACN;iBACkC;EAChC,IAAI;EACJ,IAAI;CACN;kBACsC;EACpC,IAAI;EACJ,IAAI;CACN;cAC+B;EAC7B,IAAI;EACJ,IAAI;CACN;cAC+B;EAC7B,IAAI;EACJ,IAAI;CACN;kBACmC;EACjC,IAAI;EACJ,IAAI;CACN;AACF;;;;;;AAOA,IAAA,mBAAA,MACM,yBAAyB,WAAW~~;;;cAKjC~~;;CAcP,SAAS;EACP,MAAM,gBAAgB,QAAQ,KAAK,KAAK,GAAG,KAAK;EAChD,~~OAAO~~,~~IAAI~~,~~GAAG,~~WAAW,eAAe,EAAE,MAAM,KAAK,KAAK,CAAC,IAAI,KAAK;~~CACtE~~;;gBAEgBA;;AAClB;~~YArBG~~,SAAS,CAAA,GAAA,iBAAA,WAAA,QAAA,KAAA,CAAA;YAMT,SAAS,CAAA,GAAA,iBAAA,WAAA,SAAA,KAAA,CAAA;YAMT,SAAS,CAAA,GAAA,iBAAA,WAAA,QAAA,KAAA,CAAA;+~~BAjBXC~~,cAAc,oBAA0B,CAAA,GAAA,gBAAA;~~AA4BzC~~,IAAA,yBAAe"}
1	+ {"version":3,"file":"icon-indicator.js","names":["styles","customElement"],"sources":["../../../src/components/icon-indicator/icon-indicator.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ICON_INDICATOR_KIND } from './defs';\nimport { POPOVER_ALIGNMENT } from '../popover/defs';\nimport '../tooltip/definition-tooltip';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';\nimport ErrorFilled20 from '@carbon/icons/es/error--filled/20.js';\nimport WarningAltInvertedFilled16 from '@carbon/icons/es/warning--alt-inverted--filled/16.js';\nimport WarningAltInvertedFilled20 from '@carbon/icons/es/warning--alt-inverted--filled/20.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport WarningAltFilled20 from '@carbon/icons/es/warning--alt--filled/20.js';\nimport UndefinedFilled16 from '@carbon/icons/es/undefined--filled/16.js';\nimport UndefinedFilled20 from '@carbon/icons/es/undefined--filled/20.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport CheckmarkFilled20 from '@carbon/icons/es/checkmark--filled/20.js';\nimport CheckmarkOutline16 from '@carbon/icons/es/checkmark--outline/16.js';\nimport CheckmarkOutline20 from '@carbon/icons/es/checkmark--outline/20.js';\nimport InProgress16 from '@carbon/icons/es/in-progress/16.js';\nimport InProgress20 from '@carbon/icons/es/in-progress/20.js';\nimport Incomplete16 from '@carbon/icons/es/incomplete/16.js';\nimport Incomplete20 from '@carbon/icons/es/incomplete/20.js';\nimport CircleDash16 from '@carbon/icons/es/circle-dash/16.js';\nimport CircleDash20 from '@carbon/icons/es/circle-dash/20.js';\nimport PendingFilled16 from '@carbon/icons/es/pending--filled/16.js';\nimport PendingFilled20 from '@carbon/icons/es/pending--filled/20.js';\nimport UnknownFilled16 from '@carbon/icons/es/unknown--filled/16.js';\nimport UnknownFilled20 from '@carbon/icons/es/unknown--filled/20.js';\nimport WarningSquareFilled16 from '@carbon/icons/es/warning-square--filled/16.js';\nimport WarningSquareFilled20 from '@carbon/icons/es/warning-square--filled/20.js';\nexport { ICON_INDICATOR_KIND };\n\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './icon-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst iconMap = {\n [ICON_INDICATOR_KIND.FAILED]: {\n 16: ErrorFilled16,\n 20: ErrorFilled20,\n },\n [ICON_INDICATOR_KIND['CAUTION-MAJOR']]: {\n 16: WarningAltInvertedFilled16,\n 20: WarningAltInvertedFilled20,\n },\n [ICON_INDICATOR_KIND['CAUTION-MINOR']]: {\n 16: WarningAltFilled16,\n 20: WarningAltFilled20,\n },\n [ICON_INDICATOR_KIND.UNDEFINED]: {\n 16: UndefinedFilled16,\n 20: UndefinedFilled20,\n },\n [ICON_INDICATOR_KIND.SUCCEEDED]: {\n 16: CheckmarkFilled16,\n 20: CheckmarkFilled20,\n },\n [ICON_INDICATOR_KIND.NORMAL]: {\n 16: CheckmarkOutline16,\n 20: CheckmarkOutline20,\n },\n [ICON_INDICATOR_KIND['IN-PROGRESS']]: {\n 16: InProgress16,\n 20: InProgress20,\n },\n [ICON_INDICATOR_KIND.INCOMPLETE]: {\n 16: Incomplete16,\n 20: Incomplete20,\n },\n [ICON_INDICATOR_KIND['NOT-STARTED']]: {\n 16: CircleDash16,\n 20: CircleDash20,\n },\n [ICON_INDICATOR_KIND.PENDING]: {\n 16: PendingFilled16,\n 20: PendingFilled20,\n },\n [ICON_INDICATOR_KIND.UNKNOWN]: {\n 16: UnknownFilled16,\n 20: UnknownFilled20,\n },\n [ICON_INDICATOR_KIND.INFORMATIVE]: {\n 16: WarningSquareFilled16,\n 20: WarningSquareFilled20,\n },\n};\n\n/\n Icon Indicator.\n \n @element cds-custom-icon-indicator\n /\n@customElement(`${prefix}-icon-indicator`)\nclass CDSIconIndicator extends LitElement {\n /\n Specify how the tooltip should align with the icon in compact mode\n /\n @property({ reflect: true })\n align: POPOVER_ALIGNMENT = POPOVER_ALIGNMENT.RIGHT;\n\n /\n Will auto-align the tooltip in compact mode\n /\n @property({ type: Boolean, reflect: false })\n autoalign = false;\n\n /\n When true, displays only the icon with the label in a tooltip\n /\n @property({ type: Boolean, reflect: true })\n compact = false;\n\n /\n Description for the icon announced to screen readers in compact mode.\n * Defaults to `label` when not provided.\n /\n @property({ attribute: 'icon-description' })\n iconDescription?: string;\n\n /\n Icon indicator should be size 16 or 20\n /\n @property()\n size = 16;\n\n /\n Label next to the icon.\n /\n @property()\n label!: string;\n\n /\n Icon Indicator kind\n */\n @property()\n kind!: ICON_INDICATOR_KIND;\n\n render() {\n const IconComponent = iconMap[this.kind]?.[this.size];\n const iconElement = iconLoader(IconComponent, { size: this.size });\n\n if (this.compact) {\n return html`\n <cds-custom-definition-tooltip\n align=${this.align}\n ?autoalign=${this.autoalign}\n open-on-hover>\n ${iconElement}\n <span class=\"${prefix}--visually-hidden\"\n >${this.iconDescription ?? this.label}</span\n >\n <span slot=\"definition\">${this.label}</span>\n </cds-custom-definition-tooltip>\n `;\n }\n\n return html`${iconElement}${this.label}`;\n }\n\n static styles = styles;\n}\n\nexport default CDSIconIndicator;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,UAAU;aACgB;EAC5B,IAAI;EACJ,IAAI;CACN;oBACwC;EACtC,IAAI;EACJ,IAAI;CACN;oBACwC;EACtC,IAAI;EACJ,IAAI;CACN;gBACiC;EAC/B,IAAI;EACJ,IAAI;CACN;gBACiC;EAC/B,IAAI;EACJ,IAAI;CACN;aAC8B;EAC5B,IAAI;EACJ,IAAI;CACN;kBACsC;EACpC,IAAI;EACJ,IAAI;CACN;iBACkC;EAChC,IAAI;EACJ,IAAI;CACN;kBACsC;EACpC,IAAI;EACJ,IAAI;CACN;cAC+B;EAC7B,IAAI;EACJ,IAAI;CACN;cAC+B;EAC7B,IAAI;EACJ,IAAI;CACN;kBACmC;EACjC,IAAI;EACJ,IAAI;CACN;AACF;;;;;;AAOA,IAAA,mBAAA,MACM,yBAAyB,WAAW;;;;mBAW5B;iBAMF;cAaH;;CAcP,SAAS;EACP,MAAM,gBAAgB,QAAQ,KAAK,KAAK,GAAG,KAAK;EAChD,MAAM,cAAc,WAAW,eAAe,EAAE,MAAM,KAAK,KAAK,CAAC;EAEjE,IAAI,KAAK,SACP,OAAO,IAAI;;kBAEC,KAAK,MAAM;uBACN,KAAK,UAAU;;YAE1B,YAAY;+BACQ;eACjB,KAAK,mBAAmB,KAAK,MAAM;;oCAEd,KAAK,MAAM;;;EAK3C,OAAO,IAAI,GAAG,cAAc,KAAK;CACnC;;gBAEgBA;;AAClB;YA/DG,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,SAAA,KAAA,CAAA;YAM1B,SAAS;CAAE,MAAM;CAAS,SAAS;AAAM,CAAC,CAAA,GAAA,iBAAA,WAAA,aAAA,KAAA,CAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,WAAA,KAAA,CAAA;YAOzC,SAAS,EAAE,WAAW,mBAAmB,CAAC,CAAA,GAAA,iBAAA,WAAA,mBAAA,KAAA,CAAA;YAM1C,SAAS,CAAA,GAAA,iBAAA,WAAA,QAAA,KAAA,CAAA;YAMT,SAAS,CAAA,GAAA,iBAAA,WAAA,SAAA,KAAA,CAAA;YAMT,SAAS,CAAA,GAAA,iBAAA,WAAA,QAAA,KAAA,CAAA;+BA1CXC,cAAc,oBAA0B,CAAA,GAAA,gBAAA;AAsEzC,IAAA,yBAAe"}

package/es-custom/components/icon-indicator/icon-indicator.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/icon-indicator/icon-indicator.scss?lit
-var icon_indicator_default = css([".cds-custom--icon-indicator,:host(cds-custom-icon-indicator){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;color:var(--cds-text-secondary,#525252)}.cds-custom--icon-indicator svg,:host(cds-custom-icon-indicator) svg{align-self:center;margin-inline-end:.5rem}.cds-custom--icon-indicator--20,:host(cds-custom-icon-indicator[size=\"20\"]){font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0)}.cds-custom--icon-indicator--failed,:host(cds-custom-icon-indicator[kind=failed]) svg{fill:var(--cds-status-red,#da1e28)}.cds-custom--icon-indicator--caution-major,:host(cds-custom-icon-indicator[kind=caution-major]) svg{fill:var(--cds-status-orange,#ff832b)}.cds-custom--icon-indicator--caution-major path:first-of-type,:host(cds-custom-icon-indicator[kind=caution-major]) svg path:first-of-type{fill:#000}.cds-custom--icon-indicator--caution-minor,:host(cds-custom-icon-indicator[kind=caution-minor]) svg{fill:var(--cds-status-yellow,#f1c21b)}.cds-custom--icon-indicator--caution-minor path:first-of-type,:host(cds-custom-icon-indicator[kind=caution-minor]) svg path:first-of-type{fill:#000}.cds-custom--icon-indicator--undefined,:host(cds-custom-icon-indicator[kind=undefined]) svg{fill:var(--cds-status-purple,#8a3ffc)}.cds-custom--icon-indicator--succeeded,:host(cds-custom-icon-indicator[kind=succeeded]) svg{fill:var(--cds-status-green,#24a148)}.cds-custom--icon-indicator--normal,:host(cds-custom-icon-indicator[kind=normal]) svg{fill:var(--cds-status-blue,#0043ce)}.cds-custom--icon-indicator--in-progress,:host(cds-custom-icon-indicator[kind=in-progress]) svg{fill:var(--cds-status-blue,#0043ce)}.cds-custom--icon-indicator--incomplete,:host(cds-custom-icon-indicator[kind=incomplete]) svg{fill:var(--cds-status-blue,#0043ce)}.cds-custom--icon-indicator--not-started,:host(cds-custom-icon-indicator[kind=not-started]) svg{fill:var(--cds-status-gray,#6f6f6f)}.cds-custom--icon-indicator--pending,:host(cds-custom-icon-indicator[kind=pending]) svg{fill:var(--cds-status-gray,#6f6f6f)}.cds-custom--icon-indicator--unknown,:host(cds-custom-icon-indicator[kind=unknown]) svg{fill:var(--cds-status-gray,#6f6f6f)}.cds-custom--icon-indicator--informative,:host(cds-custom-icon-indicator[kind=informative]) svg{fill:var(--cds-status-blue,#0043ce)}"]);
+var icon_indicator_default = css([".cds-custom--icon-indicator,:host(cds-custom-icon-indicator){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;align-items:center;color:var(--cds-text-secondary,#525252);gap:.5rem;line-height:unset}.cds-custom--icon-indicator svg,:host(cds-custom-icon-indicator) svg{align-self:center}.cds-custom--icon-indicator--20,:host(cds-custom-icon-indicator[size=\"20\"]){font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:unset}.cds-custom--icon-indicator--failed,:host(cds-custom-icon-indicator[kind=failed]) svg{fill:var(--cds-status-red,#da1e28)}.cds-custom--icon-indicator--caution-major,:host(cds-custom-icon-indicator[kind=caution-major]) svg{fill:var(--cds-status-orange,#ff832b)}.cds-custom--icon-indicator--caution-major path:first-of-type,:host(cds-custom-icon-indicator[kind=caution-major]) svg path:first-of-type{fill:#000}.cds-custom--icon-indicator--caution-minor,:host(cds-custom-icon-indicator[kind=caution-minor]) svg{fill:var(--cds-status-yellow,#f1c21b)}.cds-custom--icon-indicator--caution-minor path:first-of-type,:host(cds-custom-icon-indicator[kind=caution-minor]) svg path:first-of-type{fill:#000}.cds-custom--icon-indicator--undefined,:host(cds-custom-icon-indicator[kind=undefined]) svg{fill:var(--cds-status-purple,#8a3ffc)}.cds-custom--icon-indicator--succeeded,:host(cds-custom-icon-indicator[kind=succeeded]) svg{fill:var(--cds-status-green,#24a148)}.cds-custom--icon-indicator--normal,:host(cds-custom-icon-indicator[kind=normal]) svg{fill:var(--cds-status-blue,#0043ce)}.cds-custom--icon-indicator--in-progress,:host(cds-custom-icon-indicator[kind=in-progress]) svg{fill:var(--cds-status-blue,#0043ce)}.cds-custom--icon-indicator--incomplete,:host(cds-custom-icon-indicator[kind=incomplete]) svg{fill:var(--cds-status-blue,#0043ce)}.cds-custom--icon-indicator--not-started,:host(cds-custom-icon-indicator[kind=not-started]) svg{fill:var(--cds-status-gray,#6f6f6f)}.cds-custom--icon-indicator--pending,:host(cds-custom-icon-indicator[kind=pending]) svg{fill:var(--cds-status-gray,#6f6f6f)}.cds-custom--icon-indicator--unknown,:host(cds-custom-icon-indicator[kind=unknown]) svg{fill:var(--cds-status-gray,#6f6f6f)}.cds-custom--icon-indicator--informative,:host(cds-custom-icon-indicator[kind=informative]) svg{fill:var(--cds-status-blue,#0043ce)}.cds-custom--icon-indicator__button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--icon-indicator__button *,.cds-custom--icon-indicator__button :after,.cds-custom--icon-indicator__button :before{box-sizing:inherit}.cds-custom--icon-indicator__button::-moz-focus-inner{border:0}.cds-custom--icon-indicator__button{display:flex}.cds-custom--icon-indicator__button:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--icon-indicator__button:focus{outline-style:dotted}}.cds-custom--icon-indicator .cds-custom--definition-tooltip,:host(cds-custom-icon-indicator) .cds-custom--definition-tooltip{padding-block:.125rem}.cds-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:host(cds-custom-icon-indicator[compact]) cds-custom-definition-tooltip{--cds-tooltip-padding-block:0.125rem}:host(cds-custom-icon-indicator[compact]) cds-custom-definition-tooltip::part(definition-term){display:flex;border:none}"]);
 //#endregion
 export { icon_indicator_default as default };

package/es-custom/components/icon-indicator/icon-indicator.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-indicator.scss.js","names":[],"sources":["../../../src/components/icon-indicator/icon-indicator.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, ~~2024~~\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/components/icon-indicator/index' as ;\n\n:host(#{$prefix}-icon-indicator) {\n @extend .#{$prefix}--icon-indicator;\n}\n\n:host(#{$prefix}-icon-indicator[size='20']) {\n @extend .#{$prefix}--icon-indicator--20;\n}\n\n:host(#{$prefix}-icon-indicator[kind='failed']) svg {\n @extend .#{$prefix}--icon-indicator--failed;\n}\n\n:host(#{$prefix}-icon-indicator[kind='caution-major']) svg {\n @extend .#{$prefix}--icon-indicator--caution-major;\n}\n\n:host(#{$prefix}-icon-indicator[kind='caution-minor']) svg {\n @extend .#{$prefix}--icon-indicator--caution-minor;\n}\n\n:host(#{$prefix}-icon-indicator[kind='undefined']) svg {\n @extend .#{$prefix}--icon-indicator--undefined;\n}\n\n:host(#{$prefix}-icon-indicator[kind='succeeded']) svg {\n @extend .#{$prefix}--icon-indicator--succeeded;\n}\n\n:host(#{$prefix}-icon-indicator[kind='normal']) svg {\n @extend .#{$prefix}--icon-indicator--normal;\n}\n\n:host(#{$prefix}-icon-indicator[kind='in-progress']) svg {\n @extend .#{$prefix}--icon-indicator--in-progress;\n}\n\n:host(#{$prefix}-icon-indicator[kind='incomplete']) svg {\n @extend .#{$prefix}--icon-indicator--incomplete;\n}\n\n:host(#{$prefix}-icon-indicator[kind='not-started']) svg {\n @extend .#{$prefix}--icon-indicator--not-started;\n}\n\n:host(#{$prefix}-icon-indicator[kind='pending']) svg {\n @extend .#{$prefix}--icon-indicator--pending;\n}\n\n:host(#{$prefix}-icon-indicator[kind='unknown']) svg {\n @extend .#{$prefix}--icon-indicator--unknown;\n}\n\n:host(#{$prefix}-icon-indicator[kind='informative']) svg {\n @extend .#{$prefix}--icon-indicator--informative;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"icon-indicator.scss.js","names":[],"sources":["../../../src/components/icon-indicator/icon-indicator.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/components/icon-indicator/index' as ;\n@use '@carbon/styles/scss/utilities/custom-property';\n@use '@carbon/styles/scss/utilities/visually-hidden' as ;\n\n:host(#{$prefix}-icon-indicator) {\n @extend .#{$prefix}--icon-indicator;\n}\n\n:host(#{$prefix}-icon-indicator[size='20']) {\n @extend .#{$prefix}--icon-indicator--20;\n}\n\n:host(#{$prefix}-icon-indicator[kind='failed']) svg {\n @extend .#{$prefix}--icon-indicator--failed;\n}\n\n:host(#{$prefix}-icon-indicator[kind='caution-major']) svg {\n @extend .#{$prefix}--icon-indicator--caution-major;\n}\n\n:host(#{$prefix}-icon-indicator[kind='caution-minor']) svg {\n @extend .#{$prefix}--icon-indicator--caution-minor;\n}\n\n:host(#{$prefix}-icon-indicator[kind='undefined']) svg {\n @extend .#{$prefix}--icon-indicator--undefined;\n}\n\n:host(#{$prefix}-icon-indicator[kind='succeeded']) svg {\n @extend .#{$prefix}--icon-indicator--succeeded;\n}\n\n:host(#{$prefix}-icon-indicator[kind='normal']) svg {\n @extend .#{$prefix}--icon-indicator--normal;\n}\n\n:host(#{$prefix}-icon-indicator[kind='in-progress']) svg {\n @extend .#{$prefix}--icon-indicator--in-progress;\n}\n\n:host(#{$prefix}-icon-indicator[kind='incomplete']) svg {\n @extend .#{$prefix}--icon-indicator--incomplete;\n}\n\n:host(#{$prefix}-icon-indicator[kind='not-started']) svg {\n @extend .#{$prefix}--icon-indicator--not-started;\n}\n\n:host(#{$prefix}-icon-indicator[kind='pending']) svg {\n @extend .#{$prefix}--icon-indicator--pending;\n}\n\n:host(#{$prefix}-icon-indicator[kind='unknown']) svg {\n @extend .#{$prefix}--icon-indicator--unknown;\n}\n\n:host(#{$prefix}-icon-indicator[kind='informative']) svg {\n @extend .#{$prefix}--icon-indicator--informative;\n}\n\n:host(#{$prefix}-icon-indicator[compact]) {\n #{$prefix}-definition-tooltip {\n @include custom-property.declaration('tooltip-padding-block', $spacing-01);\n }\n\n #{$prefix}-definition-tooltip::part(definition-term) {\n display: flex;\n border: none;\n }\n}\n\n.#{$prefix}--visually-hidden {\n @extend .#{$prefix}--visually-hidden;\n}\n"],"mappings":""}

package/es-custom/components/layout/layout.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/layout/layout.scss?lit
-var layout_default = css([".cds-custom--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-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--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-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--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-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--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-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--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-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--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-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--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}:host(cds-custom-layout){--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;display:contents}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}"]);
+var layout_default = css([":host(cds-custom-layout){--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;display:contents}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}:host(cds-custom-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)}"]);
 //#endregion
 export { layout_default as default };

package/es-custom/components/layout/layout.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"layout.scss.js","names":[],"sources":["../../../src/components/layout/layout.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp.2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/utilities/convert' as ;\n@use '@carbon/styles/scss/layout' as ;\n\n:host(#{$prefix}-layout) {\n @include emit-layout-tokens();\n\n display: contents;\n}\n\n@include emit-layout-tokens-to-shadow-host('#{$prefix}-layout');\n"],"mappings":""}
1	+ {"version":3,"file":"layout.scss.js","names":[],"sources":["../../../src/components/layout/layout.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp.2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/utilities/convert' as ;\n@use '@carbon/styles/scss/utilities/layout' as ;\n\n:host(#{$prefix}-layout) {\n @include emit-layout-tokens();\n\n display: contents;\n}\n\n@include emit-layout-tokens-to-shadow-host('#{$prefix}-layout');\n"],"mappings":""}

package/es-custom/components/link/link.d.ts CHANGED Viewed

@@ -101,7 +101,7 @@ declare class CDSLink extends CDSLink_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/es-custom/components/menu/menu-item-selectable.d.ts CHANGED Viewed

@@ -34,7 +34,7 @@ declare class CDSmenuItemSelectable extends LitElement {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/es-custom/components/menu/menu-item.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/menu/menu-item.scss?lit
-var menu_item_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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-custom--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-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--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-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--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-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--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-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--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-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--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-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--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-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--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-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--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-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--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-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--menu{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--menu *,.cds-custom--menu :after,.cds-custom--menu :before{box-sizing:inherit}.cds-custom--menu{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:fixed;z-index:9000;padding:.25rem 0;background-color:var(--cds-layer);max-inline-size:18rem;min-inline-size:10rem;opacity:0;overflow-y:auto;visibility:hidden}.cds-custom--menu--border{outline:1px solid var(--cds-border-subtle)}.cds-custom--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds-custom--menu--with-icons{min-inline-size:12rem}.cds-custom--menu--open{visibility:visible}.cds-custom--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--menu--open:focus{outline-style:dotted}}.cds-custom--menu:not(.cds-custom--menu--open) .cds-custom--menu--open{visibility:hidden}.cds-custom--menu--shown{overflow:visible;opacity:1}.cds-custom--menu-item{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);display:grid;align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;grid-template-columns:1fr max-content;padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--menu-item:focus{outline-style:dotted}}.cds-custom--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds-custom--menu--xs .cds-custom--menu-item{block-size:1.5rem}.cds-custom--menu--sm .cds-custom--menu-item{block-size:2rem}.cds-custom--menu--md .cds-custom--menu-item{block-size:2.5rem}.cds-custom--menu--lg .cds-custom--menu-item{block-size:3rem}.cds-custom--menu-item-group>ul,.cds-custom--menu-item-radio-group>ul{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--menu-item-group>ul *,.cds-custom--menu-item-group>ul :after,.cds-custom--menu-item-group>ul :before,.cds-custom--menu-item-radio-group>ul *,.cds-custom--menu-item-radio-group>ul :after,.cds-custom--menu-item-radio-group>ul :before{box-sizing:inherit}.cds-custom--menu--with-icons>.cds-custom--menu-item,.cds-custom--menu--with-icons>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-icons>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item{grid-template-columns:1rem 1fr max-content}.cds-custom--menu--with-icons>.cds-custom--menu-item-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-icons>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-icons>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon{display:flex}.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item,.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds-custom--menu-item--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--menu-item--disabled.cds-custom--menu-item--danger:hover,.cds-custom--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--menu-item--danger:focus,.cds-custom--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds-custom--menu-item-divider,:host(cds-custom-menu-item-divider){display:block;background-color:var(--cds-border-subtle);block-size:.0625rem;inline-size:100%;margin-block:.25rem}:host(cds-custom-menu-item){font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);display:grid;align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;grid-template-columns:1fr max-content;padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-custom-menu-item) svg{color:var(--cds-icon-secondary,#525252)}:host(cds-custom-menu-item:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-menu-item:focus){outline-style:dotted}}:host(cds-custom-menu-item:hover){background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}:host(cds-custom-menu-item:hover) svg{color:var(--cds-icon-primary,#161616)}:host(cds-custom-menu-item-group)>ul,:host(cds-custom-menu-item-radio-group)>ul{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}:host(cds-custom-menu-item-group)>ul *,:host(cds-custom-menu-item-group)>ul :after,:host(cds-custom-menu-item-group)>ul :before,:host(cds-custom-menu-item-radio-group)>ul *,:host(cds-custom-menu-item-radio-group)>ul :after,:host(cds-custom-menu-item-radio-group)>ul :before{box-sizing:inherit}.cds-custom--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom--menu-item__shortcut{display:flex}.cds-custom--menu-item__icon{display:var(--child-icon-property,none)}:host([aria-disabled=true]){color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host([aria-disabled=true]) :where(*){color:inherit}:host([aria-disabled=true].cds-custom--menu-item--danger:hover),:host([aria-disabled=true]:hover){background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(.cds-custom--menu-item--danger:focus),:host(.cds-custom--menu-item--danger:hover){background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds-custom--menu-item__icon,.cds-custom--menu-item__selection-icon{display:none}:host(cds-custom-menu-item){block-size:var(--block-size-value);grid-template-columns:var(--grid-template)}:host(cds-custom-menu-item) .cds-custom--menu-item__icon{display:var(--display-icon-item)}.cds-custom--menu-item__selection-icon{display:var(--display-selection-icon)}span[slot=render-icon]{display:flex}"]);
+var menu_item_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--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-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--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-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--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-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--menu{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--menu *,.cds-custom--menu :after,.cds-custom--menu :before{box-sizing:inherit}.cds-custom--menu{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:fixed;z-index:9000;padding:.25rem 0;background-color:var(--cds-layer);max-inline-size:18rem;min-inline-size:10rem;opacity:0;overflow-y:auto;visibility:hidden}.cds-custom--menu--border{outline:1px solid var(--cds-border-subtle)}.cds-custom--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds-custom--menu--with-icons{min-inline-size:12rem}.cds-custom--menu--open{visibility:visible}.cds-custom--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--menu--open:focus{outline-style:dotted}}.cds-custom--menu:not(.cds-custom--menu--open) .cds-custom--menu--open{visibility:hidden}.cds-custom--menu--shown{overflow:visible;opacity:1}.cds-custom--menu-item{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);display:grid;align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;grid-template-columns:1fr max-content;padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--menu-item:focus{outline-style:dotted}}.cds-custom--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds-custom--menu--xs .cds-custom--menu-item{block-size:1.5rem}.cds-custom--menu--sm .cds-custom--menu-item{block-size:2rem}.cds-custom--menu--md .cds-custom--menu-item{block-size:2.5rem}.cds-custom--menu--lg .cds-custom--menu-item{block-size:3rem}.cds-custom--menu-item-group>ul,.cds-custom--menu-item-radio-group>ul{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--menu-item-group>ul *,.cds-custom--menu-item-group>ul :after,.cds-custom--menu-item-group>ul :before,.cds-custom--menu-item-radio-group>ul *,.cds-custom--menu-item-radio-group>ul :after,.cds-custom--menu-item-radio-group>ul :before{box-sizing:inherit}.cds-custom--menu--with-icons>.cds-custom--menu-item,.cds-custom--menu--with-icons>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-icons>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item{grid-template-columns:1rem 1fr max-content}.cds-custom--menu--with-icons>.cds-custom--menu-item-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-icons>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-icons>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon{display:flex}.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item,.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds-custom--menu-item--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--menu-item--disabled.cds-custom--menu-item--danger:hover,.cds-custom--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--menu-item--danger:focus,.cds-custom--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds-custom--menu-item--danger:focus{box-shadow:inset 0 0 0 .1875rem var(--cds-background,#fff)}.cds-custom--menu-item-divider,:host(cds-custom-menu-item-divider){display:block;background-color:var(--cds-border-subtle);block-size:.0625rem;inline-size:100%;margin-block:.25rem}:host(cds-custom-menu-item){font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);display:grid;align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;grid-template-columns:1fr max-content;padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-custom-menu-item) svg{color:var(--cds-icon-secondary,#525252)}:host(cds-custom-menu-item:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-menu-item:focus){outline-style:dotted}}:host(cds-custom-menu-item:hover){background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}:host(cds-custom-menu-item:hover) svg{color:var(--cds-icon-primary,#161616)}:host(cds-custom-menu-item-group)>ul,:host(cds-custom-menu-item-radio-group)>ul{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}:host(cds-custom-menu-item-group)>ul *,:host(cds-custom-menu-item-group)>ul :after,:host(cds-custom-menu-item-group)>ul :before,:host(cds-custom-menu-item-radio-group)>ul *,:host(cds-custom-menu-item-radio-group)>ul :after,:host(cds-custom-menu-item-radio-group)>ul :before{box-sizing:inherit}.cds-custom--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom--menu-item__shortcut{display:flex}.cds-custom--menu-item__icon{display:var(--child-icon-property,none)}:host([aria-disabled=true]){color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host([aria-disabled=true]) :where(*){color:inherit}:host([aria-disabled=true].cds-custom--menu-item--danger:hover),:host([aria-disabled=true]:hover){background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(.cds-custom--menu-item--danger:focus),:host(.cds-custom--menu-item--danger:hover){background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}:host(.cds-custom--menu-item--danger:focus){box-shadow:inset 0 0 0 .1875rem var(--cds-background,#fff)}.cds-custom--menu-item__icon,.cds-custom--menu-item__selection-icon{display:none}:host(cds-custom-menu-item){block-size:var(--block-size-value);grid-template-columns:var(--grid-template)}:host(cds-custom-menu-item) .cds-custom--menu-item__icon{display:var(--display-icon-item)}.cds-custom--menu-item__selection-icon{display:var(--display-selection-icon)}span[slot=render-icon]{display:flex}"]);
 //#endregion
 export { menu_item_default as default };

package/es-custom/components/menu/menu-item.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu-item.scss.js","names":[],"sources":["../../../src/components/menu/menu-item.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2024\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/type' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/motion' as ;\n@use '@carbon/styles/scss/utilities' as ;\n@use '@carbon/styles/scss/components/button/tokens' as button-tokens;\n@use '@carbon/styles/scss/utilities/convert' as ;\n@use '@carbon/styles/scss/components/menu' as ;\n@use '@carbon/styles/scss/utilities/component-reset';\n\n:host(#{$prefix}-menu-item) {\n @include type-style('body-short-01');\n\n display: grid;\n align-items: center;\n block-size: $spacing-07;\n color: $text-secondary;\n column-gap: $spacing-03;\n cursor: pointer;\n grid-template-columns: 1fr max-content;\n padding-inline: $spacing-05;\n transition: background-color $duration-fast-01 motion(standard, productive);\n\n svg {\n color: $icon-secondary;\n }\n}\n:host(#{$prefix}-menu-item:focus) {\n @include focus-outline('outline');\n}\n:host(#{$prefix}-menu-item-divider) {\n @extend .#{$prefix}--menu-item-divider;\n}\n\n:host(#{$prefix}-menu-item:hover) {\n background-color: $layer-hover;\n color: $text-primary;\n\n svg {\n color: $icon-primary;\n }\n}\n:host(#{$prefix}-menu-item-group),\n:host(#{$prefix}-menu-item-radio-group) {\n > ul {\n @include component-reset.reset;\n }\n}\n\n.#{$prefix}--menu-item__label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.#{$prefix}--menu-item__shortcut {\n display: flex;\n}\n\n.#{$prefix}--menu-item__icon {\n display: var(--child-icon-property, none);\n}\n\n:host([aria-disabled='true']) {\n color: $text-disabled;\n cursor: not-allowed;\n}\n\n:host([aria-disabled='true']) :where(*) {\n color: inherit;\n}\n\n:host([aria-disabled='true']:hover),\n:host([aria-disabled='true'].#{$prefix}--menu-item--danger:hover) {\n background-color: $layer;\n color: $text-disabled;\n}\n\n:host(.#{$prefix}--menu-item--danger:hover),\n:host(.#{$prefix}--menu-item--danger:focus) {\n background-color: button-tokens.$button-danger-primary;\n color: $text-on-color;\n}\n\n.#{$prefix}--menu-item__icon,\n.#{$prefix}--menu-item__selection-icon {\n display: none;\n}\n\n:host(#{$prefix}-menu-item) {\n block-size: var(--block-size-value);\n grid-template-columns: var(--grid-template);\n .#{$prefix}--menu-item__icon {\n display: var(--display-icon-item);\n }\n}\n.#{$prefix}--menu-item__selection-icon {\n display: var(--display-selection-icon);\n}\n\nspan[slot='render-icon'] {\n display: flex;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"menu-item.scss.js","names":[],"sources":["../../../src/components/menu/menu-item.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2024\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/type' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/motion' as ;\n@use '@carbon/styles/scss/utilities' as ;\n@use '@carbon/styles/scss/components/button/tokens' as button-tokens;\n@use '@carbon/styles/scss/utilities/convert' as ;\n@use '@carbon/styles/scss/components/menu' as ;\n@use '@carbon/styles/scss/utilities/component-reset';\n\n:host(#{$prefix}-menu-item) {\n @include type-style('body-short-01');\n\n display: grid;\n align-items: center;\n block-size: $spacing-07;\n color: $text-secondary;\n column-gap: $spacing-03;\n cursor: pointer;\n grid-template-columns: 1fr max-content;\n padding-inline: $spacing-05;\n transition: background-color $duration-fast-01 motion(standard, productive);\n\n svg {\n color: $icon-secondary;\n }\n}\n:host(#{$prefix}-menu-item:focus) {\n @include focus-outline('outline');\n}\n:host(#{$prefix}-menu-item-divider) {\n @extend .#{$prefix}--menu-item-divider;\n}\n\n:host(#{$prefix}-menu-item:hover) {\n background-color: $layer-hover;\n color: $text-primary;\n\n svg {\n color: $icon-primary;\n }\n}\n:host(#{$prefix}-menu-item-group),\n:host(#{$prefix}-menu-item-radio-group) {\n > ul {\n @include component-reset.reset;\n }\n}\n\n.#{$prefix}--menu-item__label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.#{$prefix}--menu-item__shortcut {\n display: flex;\n}\n\n.#{$prefix}--menu-item__icon {\n display: var(--child-icon-property, none);\n}\n\n:host([aria-disabled='true']) {\n color: $text-disabled;\n cursor: not-allowed;\n}\n\n:host([aria-disabled='true']) :where(*) {\n color: inherit;\n}\n\n:host([aria-disabled='true']:hover),\n:host([aria-disabled='true'].#{$prefix}--menu-item--danger:hover) {\n background-color: $layer;\n color: $text-disabled;\n}\n\n:host(.#{$prefix}--menu-item--danger:hover),\n:host(.#{$prefix}--menu-item--danger:focus) {\n background-color: button-tokens.$button-danger-primary;\n color: $text-on-color;\n}\n\n:host(.#{$prefix}--menu-item--danger:focus) {\n box-shadow: inset 0 0 0 to-rem(3px) $background;\n}\n\n.#{$prefix}--menu-item__icon,\n.#{$prefix}--menu-item__selection-icon {\n display: none;\n}\n\n:host(#{$prefix}-menu-item) {\n block-size: var(--block-size-value);\n grid-template-columns: var(--grid-template);\n .#{$prefix}--menu-item__icon {\n display: var(--display-icon-item);\n }\n}\n.#{$prefix}--menu-item__selection-icon {\n display: var(--display-selection-icon);\n}\n\nspan[slot='render-icon'] {\n display: flex;\n}\n"],"mappings":""}

package/es-custom/components/menu/menu.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/menu/menu.scss?lit
-var menu_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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-custom--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-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--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-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--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-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--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-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--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-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--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-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--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-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--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-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--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-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--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-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--menu{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--menu *,.cds-custom--menu :after,.cds-custom--menu :before{box-sizing:inherit}.cds-custom--menu{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:fixed;z-index:9000;padding:.25rem 0;background-color:var(--cds-layer);max-inline-size:18rem;min-inline-size:10rem}.cds-custom--menu--border{outline:1px solid var(--cds-border-subtle)}.cds-custom--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds-custom--menu:not(.cds-custom--menu--open) .cds-custom--menu--open{visibility:hidden}.cds-custom--menu--shown{overflow:visible}.cds-custom--menu-item{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);display:grid;align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;grid-template-columns:1fr max-content;padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--menu-item:focus{outline-style:dotted}}.cds-custom--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds-custom--menu--xs .cds-custom--menu-item{block-size:1.5rem}.cds-custom--menu--sm .cds-custom--menu-item{block-size:2rem}.cds-custom--menu--md .cds-custom--menu-item{block-size:2.5rem}.cds-custom--menu--lg .cds-custom--menu-item{block-size:3rem}.cds-custom--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom--menu-item__shortcut{display:flex}.cds-custom--menu-item-group>ul,.cds-custom--menu-item-radio-group>ul{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--menu-item-group>ul *,.cds-custom--menu-item-group>ul :after,.cds-custom--menu-item-group>ul :before,.cds-custom--menu-item-radio-group>ul *,.cds-custom--menu-item-radio-group>ul :after,.cds-custom--menu-item-radio-group>ul :before{box-sizing:inherit}.cds-custom--menu-item__icon,.cds-custom--menu-item__selection-icon{display:none}.cds-custom--menu--with-icons>.cds-custom--menu-item,.cds-custom--menu--with-icons>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-icons>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item{grid-template-columns:1rem 1fr max-content}.cds-custom--menu--with-icons>.cds-custom--menu-item-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-icons>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-icons>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon{display:flex}.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item,.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds-custom--menu-item--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--menu-item--disabled.cds-custom--menu-item--danger:hover,.cds-custom--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--menu-item--danger:focus,.cds-custom--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds-custom--menu-item-divider{display:block;background-color:var(--cds-border-subtle);block-size:.0625rem;inline-size:100%;margin-block:.25rem}.cds-custom--menu--with-icons{--child-icon-property:flex;--child-grid-template-columns:1rem 1fr max-content}:host(cds-custom-menu){position:fixed;z-index:9000;--grid-template:1fr max-content;--display-icon-item:none;--display-selection-icon:none;--block-size-value:2rem}:host(cds-custom-menu):not([open]){pointer-events:none}.cds-custom--menu--with-icons{--grid-template:1rem 1fr max-content;--display-icon-item:flex}.cds-custom--menu--with-selectable-items{--grid-template:1rem 1fr max-content;--display-selection-icon:flex}.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items{--grid-template:1rem 1rem 1fr max-content}.cds-custom--menu{opacity:0;overflow-y:auto;pointer-events:none;visibility:hidden}.cds-custom--menu--shown{opacity:1}.cds-custom--menu--open{visibility:visible}.cds-custom--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--menu--open:focus{outline-style:dotted}}.cds-custom--menu--open.cds-custom--menu--shown{pointer-events:auto}.cds-custom--menu--with-icons{min-inline-size:12rem}.cds-custom--menu--xs{--block-size-value:1.5rem}.cds-custom--menu--sm{--block-size-value:2rem}.cds-custom--menu--md{--block-size-value:2.5rem}.cds-custom--menu--lg{--block-size-value:3rem}"]);
+var menu_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--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-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--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-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--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-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--menu{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--menu *,.cds-custom--menu :after,.cds-custom--menu :before{box-sizing:inherit}.cds-custom--menu{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:fixed;z-index:9000;padding:.25rem 0;background-color:var(--cds-layer);max-inline-size:18rem;min-inline-size:10rem}.cds-custom--menu--border{outline:1px solid var(--cds-border-subtle)}.cds-custom--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds-custom--menu:not(.cds-custom--menu--open) .cds-custom--menu--open{visibility:hidden}.cds-custom--menu--shown{overflow:visible}.cds-custom--menu-item{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);display:grid;align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;grid-template-columns:1fr max-content;padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--menu-item:focus{outline-style:dotted}}.cds-custom--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds-custom--menu--xs .cds-custom--menu-item{block-size:1.5rem}.cds-custom--menu--sm .cds-custom--menu-item{block-size:2rem}.cds-custom--menu--md .cds-custom--menu-item{block-size:2.5rem}.cds-custom--menu--lg .cds-custom--menu-item{block-size:3rem}.cds-custom--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom--menu-item__shortcut{display:flex}.cds-custom--menu-item-group>ul,.cds-custom--menu-item-radio-group>ul{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--menu-item-group>ul *,.cds-custom--menu-item-group>ul :after,.cds-custom--menu-item-group>ul :before,.cds-custom--menu-item-radio-group>ul *,.cds-custom--menu-item-radio-group>ul :after,.cds-custom--menu-item-radio-group>ul :before{box-sizing:inherit}.cds-custom--menu-item__icon,.cds-custom--menu-item__selection-icon{display:none}.cds-custom--menu--with-icons>.cds-custom--menu-item,.cds-custom--menu--with-icons>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-icons>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item{grid-template-columns:1rem 1fr max-content}.cds-custom--menu--with-icons>.cds-custom--menu-item-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-icons>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-icons>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon{display:flex}.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item,.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds-custom--menu-item--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--menu-item--disabled.cds-custom--menu-item--danger:hover,.cds-custom--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--menu-item--danger:focus,.cds-custom--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds-custom--menu-item--danger:focus{box-shadow:inset 0 0 0 .1875rem var(--cds-background,#fff)}.cds-custom--menu-item-divider{display:block;background-color:var(--cds-border-subtle);block-size:.0625rem;inline-size:100%;margin-block:.25rem}.cds-custom--menu--with-icons{--child-icon-property:flex;--child-grid-template-columns:1rem 1fr max-content}:host(cds-custom-menu){position:fixed;z-index:9000;--grid-template:1fr max-content;--display-icon-item:none;--display-selection-icon:none;--block-size-value:2rem}:host(cds-custom-menu):not([open]){pointer-events:none}.cds-custom--menu--with-icons{--grid-template:1rem 1fr max-content;--display-icon-item:flex}.cds-custom--menu--with-selectable-items{--grid-template:1rem 1fr max-content;--display-selection-icon:flex}.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items{--grid-template:1rem 1rem 1fr max-content}.cds-custom--menu{opacity:0;overflow-y:auto;pointer-events:none;visibility:hidden}.cds-custom--menu--shown{opacity:1}.cds-custom--menu--open{visibility:visible}.cds-custom--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--menu--open:focus{outline-style:dotted}}.cds-custom--menu--open.cds-custom--menu--shown{pointer-events:auto}.cds-custom--menu--with-icons{min-inline-size:12rem}.cds-custom--menu--xs{--block-size-value:1.5rem}.cds-custom--menu--sm{--block-size-value:2rem}.cds-custom--menu--md{--block-size-value:2.5rem}.cds-custom--menu--lg{--block-size-value:3rem}"]);
 //#endregion
 export { menu_default as default };