@carbon/web-components 2.52.0 → 2.53.0-rc.0

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

@@ -1 +1 @@
-{"version":3,"file":"list-item.js","names":["styles","customElement"],"sources":["../../../src/components/list/list-item.ts"],"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\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * List item.\n *\n * @element cds-list-item\n * @slot nested - The nested child list.\n */\n@customElement(`${prefix}-list-item`)\nclass CDSListItem extends LitElement {\n  /**\n   * `true` if this list item is a child of a nested list.\n   * `<cds-ordered-list>` or `<cds-unordered-list>` automatically sets this property.\n   */\n  @property({ type: Boolean, reflect: true })\n  nested = false;\n\n  connectedCallback() {\n    // Uses attribute for lookup from child\n    this.toggleAttribute(\n      'nested',\n      Boolean(\n        this.closest(\n          (this.constructor as typeof CDSListItem).selectorNestedList\n        )\n      )\n    );\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`\n      <slot></slot>\n      <slot name=\"nested\"></slot>\n    `;\n  }\n\n  /**\n   * A selector that will return nested list.\n   */\n  static get selectorNestedList() {\n    return `${prefix}-ordered-list[slot=\"nested\"],${prefix}-unordered-list[slot=\"nested\"]`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSListItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,wBACM,oBAAoB,WAAW;;;gBAM1B;;CAET,oBAAoB;AAElB,OAAK,gBACH,UACA,QACE,KAAK,QACF,KAAK,YAAmC,mBAC1C,CACF,CACF;AACD,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;AAEvC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;;;;;;CASb,WAAW,qBAAqB;AAC9B,SAAO,GAAG,OAAO,+BAA+B,OAAO;;;gBAGzCA;;;YAjCf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;0BAN5CC,cAAc,GAAG,OAAO,YAAY;AA0CrC,wBAAe"}
+{"version":3,"file":"list-item.js","names":["styles","customElement"],"sources":["../../../src/components/list/list-item.ts"],"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\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * List item.\n *\n * @element cds-list-item\n * @slot nested - The nested child list.\n */\n@customElement(`${prefix}-list-item`)\nclass CDSListItem extends LitElement {\n  /**\n   * `true` if this list item is a child of a nested list.\n   * `<cds-ordered-list>` or `<cds-unordered-list>` automatically sets this property.\n   */\n  @property({ type: Boolean, reflect: true })\n  nested = false;\n\n  connectedCallback() {\n    // Uses attribute for lookup from child\n    this.toggleAttribute(\n      'nested',\n      Boolean(\n        this.closest(\n          (this.constructor as typeof CDSListItem).selectorNestedList\n        )\n      )\n    );\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`\n      <slot></slot>\n      <slot name=\"nested\"></slot>\n    `;\n  }\n\n  /**\n   * A selector that will return nested list.\n   */\n  static get selectorNestedList() {\n    return `${prefix}-ordered-list[slot=\"nested\"],${prefix}-unordered-list[slot=\"nested\"]`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSListItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,cAAA,MACM,oBAAoB,WAAW;;;gBAM1B;;CAET,oBAAoB;AAElB,OAAK,gBACH,UACA,QACE,KAAK,QACF,KAAK,YAAmC,mBAC1C,CACF,CACF;AACD,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;AAEvC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;;;;;;CASb,WAAW,qBAAqB;AAC9B,SAAO;;;gBAGOA;;;YAjCf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,YAAA,WAAA,UAAA,KAAA,EAAA;0BAN5CC,cAAc,gBAAsB,CAAA,EAAA,YAAA;AA0CrC,IAAA,oBAAe"}

package/es/components/list/list.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/list/list.scss?lit
 var list_default = css(["@charset \"UTF-8\";.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--list--nested *,.cds--list--nested :after,.cds--list--nested :before,.cds--list--ordered *,.cds--list--ordered :after,.cds--list--ordered :before,.cds--list--ordered--native *,.cds--list--ordered--native :after,.cds--list--ordered--native :before,.cds--list--unordered *,.cds--list--unordered :after,.cds--list--unordered :before{box-sizing:inherit}.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);list-style:none}.cds--list--unordered:not(.cds--list--nested){margin-inline-start:1rem}.cds--list--expressive,.cds--list--expressive .cds--list--nested{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}.cds--list--ordered--native{list-style:decimal}.cds--list__item{color:var(--cds-text-primary,#161616)}.cds--list--nested{margin-inline-start:2rem}.cds--list--nested .cds--list__item{padding-inline-start:.25rem}.cds--list--ordered:not(.cds--list--nested){counter-reset:item}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item{position:relative}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item:before{content:counter(item) \".\";counter-increment:item;inset-inline-start:-1.5rem;position:absolute}.cds--list--ordered--native.cds--list--nested,.cds--list--ordered.cds--list--nested{list-style-type:lower-latin}.cds--list--unordered>.cds--list__item{position:relative}.cds--list--unordered>.cds--list__item:before{content:\"–\";inset-inline-start:-1rem;position:absolute}.cds--list--unordered.cds--list--nested>.cds--list__item:before{content:\"▪︎\";inset-inline-start:-.75rem}:host(cds-ordered-list) .cds--list--nested,:host(cds-unordered-list) .cds--list--nested{margin-inline-start:2rem}:host(cds-ordered-list) .cds--list--nested ::slotted(cds-list-item),:host(cds-unordered-list) .cds--list--nested ::slotted(cds-list-item){padding-inline-start:.25rem}:host(cds-ordered-list) .cds--list--ordered.cds--list--nested{list-style-type:lower-latin}:host(cds-ordered-list):not(.cds--list--nested){counter-reset:item}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item){counter-increment:item;position:relative}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item):before{content:counter(item) \".\";inset-inline-start:-1.5rem;position:absolute}:host(cds-unordered-list){--cds-ce--list-marker:\"–\"}:host(cds-unordered-list)[slot=nested]{--cds-ce--list-marker:\"▪\"}:host(cds-unordered-list) ::slotted(cds-list-item){position:relative}:host(cds-unordered-list) ::slotted(cds-list-item):before{content:\"–\";inset-inline-start:-1rem;position:absolute}:host(cds-unordered-list[nested]) ::slotted(cds-list-item):before,:host(cds-unordered-list[slot=nested]) ::slotted(cds-list-item):before{content:\"▪\";inset-inline-start:-.75rem}:host(cds-list-item){color:var(--cds-text-primary,#161616);display:list-item}:host(cds-list-item):before{content:var(--cds-ce--list-marker,none);inset-inline-start:-1rem;position:absolute}:host(cds-list-item[nested]){margin-block:0}:host(cds-list-item[nested]) .cds-ce--list__item__nested-child{padding-block-start:0}"]);
-
 //#endregion
 export { list_default as default };
+
 //# sourceMappingURL=list.scss.js.map

package/es/components/list/ordered-list.js

@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import unordered_list_default from "./unordered-list.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
-
 //#region src/components/list/ordered-list.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -33,10 +32,10 @@ let CDSOrderedList = class CDSOrderedList extends unordered_list_default {
 	render() {
 		return html`
       <ol class="${classMap({
-			[`${prefix}--list--ordered`]: !this.native,
-			[`${prefix}--list--ordered--native`]: this.native,
-			[`${prefix}--list--nested`]: this.getAttribute("slot") === "nested" || this.nested,
-			[`${prefix}--list--expressive`]: this.isExpressive
+			[`cds--list--ordered`]: !this.native,
+			[`cds--list--ordered--native`]: this.native,
+			[`cds--list--nested`]: this.getAttribute("slot") === "nested" || this.nested,
+			[`cds--list--expressive`]: this.isExpressive
 		})}">
         <slot></slot>
       </ol>
@@ -47,9 +46,9 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSOrderedList.prototype, "native", void 0);
-CDSOrderedList = __decorate([carbonElement(`${prefix}-ordered-list`)], CDSOrderedList);
+CDSOrderedList = __decorate([carbonElement(`cds-ordered-list`)], CDSOrderedList);
 var ordered_list_default = CDSOrderedList;
-
 //#endregion
 export { ordered_list_default as default };
+
 //# sourceMappingURL=ordered-list.js.map

package/es/components/list/ordered-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"ordered-list.js","names":["CDSUnorderedList","customElement"],"sources":["../../../src/components/list/ordered-list.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 { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSUnorderedList from './unordered-list';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Ordered list.\n *\n * @element cds-ordered-list\n */\n@customElement(`${prefix}-ordered-list`)\nclass CDSOrderedList extends CDSUnorderedList {\n  /**\n   * Specify whether the ordered list should use native list styles instead of\n   * custom counter\n   */\n  @property({ type: Boolean, reflect: true })\n  native = false;\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--ordered`]: !this.native,\n      [`${prefix}--list--ordered--native`]: this.native,\n      [`${prefix}--list--nested`]:\n        this.getAttribute('slot') === 'nested' || this.nested,\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ol class=\"${classes}\">\n        <slot></slot>\n      </ol>\n    `;\n  }\n}\n\nexport default CDSOrderedList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,2BACM,uBAAuBA,uBAAiB;;;gBAMnC;;CAET,SAAS;AAQP,SAAO,IAAI;mBAPK,SAAS;IACtB,GAAG,OAAO,mBAAmB,CAAC,KAAK;IACnC,GAAG,OAAO,2BAA2B,KAAK;IAC1C,GAAG,OAAO,kBACT,KAAK,aAAa,OAAO,KAAK,YAAY,KAAK;IAChD,GAAG,OAAO,sBAAsB,KAAK;GACvC,CAAC,CAEqB;;;;;;YAZxB,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;6BAN5CC,cAAc,GAAG,OAAO,eAAe;AAyBxC,2BAAe"}
+{"version":3,"file":"ordered-list.js","names":["CDSUnorderedList","customElement"],"sources":["../../../src/components/list/ordered-list.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 { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSUnorderedList from './unordered-list';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Ordered list.\n *\n * @element cds-ordered-list\n */\n@customElement(`${prefix}-ordered-list`)\nclass CDSOrderedList extends CDSUnorderedList {\n  /**\n   * Specify whether the ordered list should use native list styles instead of\n   * custom counter\n   */\n  @property({ type: Boolean, reflect: true })\n  native = false;\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--ordered`]: !this.native,\n      [`${prefix}--list--ordered--native`]: this.native,\n      [`${prefix}--list--nested`]:\n        this.getAttribute('slot') === 'nested' || this.nested,\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ol class=\"${classes}\">\n        <slot></slot>\n      </ol>\n    `;\n  }\n}\n\nexport default CDSOrderedList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,iBAAA,MACM,uBAAuBA,uBAAiB;;;gBAMnC;;CAET,SAAS;AAQP,SAAO,IAAI;mBAPK,SAAS;IACtB,uBAA6B,CAAC,KAAK;IACnC,+BAAqC,KAAK;IAC1C,sBACC,KAAK,aAAa,OAAO,KAAK,YAAY,KAAK;IAChD,0BAAgC,KAAK;GACvC,CAAC,CAEqB;;;;;;YAZxB,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,UAAA,KAAA,EAAA;6BAN5CC,cAAc,mBAAyB,CAAA,EAAA,eAAA;AAyBxC,IAAA,uBAAe"}

package/es/components/list/unordered-list.js

@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import list_default from "./list.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
-
 //#region src/components/list/unordered-list.ts
 /**
 * Copyright IBM Corp. 2019, 2025
@@ -39,9 +38,9 @@ let CDSUnorderedList = class CDSUnorderedList extends LitElement {
 	render() {
 		return html`
       <ul class="${classMap({
-			[`${prefix}--list--unordered`]: true,
-			[`${prefix}--list--nested`]: this.getAttribute("slot") === "nested" || this.nested,
-			[`${prefix}--list--expressive`]: this.isExpressive
+			[`cds--list--unordered`]: true,
+			[`cds--list--nested`]: this.getAttribute("slot") === "nested" || this.nested,
+			[`cds--list--expressive`]: this.isExpressive
 		})}">
         <slot></slot>
       </ul>
@@ -51,7 +50,7 @@ let CDSUnorderedList = class CDSUnorderedList extends LitElement {
 	* A selector that will return list item.
 	*/
 	static get selectorListItem() {
-		return `${prefix}-list-item`;
+		return `cds-list-item`;
 	}
 	static {
 		this.styles = list_default;
@@ -63,9 +62,9 @@ __decorate([property({
 	attribute: "is-expressive"
 })], CDSUnorderedList.prototype, "isExpressive", void 0);
 __decorate([property({ type: Boolean })], CDSUnorderedList.prototype, "nested", void 0);
-CDSUnorderedList = __decorate([carbonElement(`${prefix}-unordered-list`)], CDSUnorderedList);
+CDSUnorderedList = __decorate([carbonElement(`cds-unordered-list`)], CDSUnorderedList);
 var unordered_list_default = CDSUnorderedList;
-
 //#endregion
 export { unordered_list_default as default };
+
 //# sourceMappingURL=unordered-list.js.map

package/es/components/list/unordered-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"unordered-list.js","names":["styles","customElement"],"sources":["../../../src/components/list/unordered-list.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Unordered list.\n *\n * @element cds-unordered-list\n */\n@customElement(`${prefix}-unordered-list`)\nclass CDSUnorderedList extends LitElement {\n  /**\n   * `true` if expressive theme enabled.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-expressive' })\n  isExpressive = false;\n\n  /**\n   * Specify whether the list is nested, or not\n   */\n  @property({ type: Boolean })\n  nested = false;\n\n  connectedCallback() {\n    if (\n      this.closest(\n        (this.constructor as typeof CDSUnorderedList).selectorListItem\n      ) ||\n      this.nested\n    ) {\n      this.setAttribute('slot', 'nested');\n    } else {\n      this.removeAttribute('slot');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--unordered`]: true,\n      [`${prefix}--list--nested`]:\n        this.getAttribute('slot') === 'nested' || this.nested,\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ul class=\"${classes}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return list item.\n   */\n  static get selectorListItem() {\n    return `${prefix}-list-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSUnorderedList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,6BACM,yBAAyB,WAAW;;;sBAKzB;gBAMN;;CAET,oBAAoB;AAClB,MACE,KAAK,QACF,KAAK,YAAwC,iBAC/C,IACD,KAAK,OAEL,MAAK,aAAa,QAAQ,SAAS;MAEnC,MAAK,gBAAgB,OAAO;AAE9B,QAAM,mBAAmB;;CAG3B,SAAS;AAOP,SAAO,IAAI;mBANK,SAAS;IACtB,GAAG,OAAO,qBAAqB;IAC/B,GAAG,OAAO,kBACT,KAAK,aAAa,OAAO,KAAK,YAAY,KAAK;IAChD,GAAG,OAAO,sBAAsB,KAAK;GACvC,CAAC,CAEqB;;;;;;;;CASzB,WAAW,mBAAmB;AAC5B,SAAO,GAAG,OAAO;;;gBAGHA;;;YA5Cf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAiB,CAAC;YAMtE,SAAS,EAAE,MAAM,SAAS,CAAC;+BAX7BC,cAAc,GAAG,OAAO,iBAAiB;AAoD1C,6BAAe"}
+{"version":3,"file":"unordered-list.js","names":["styles","customElement"],"sources":["../../../src/components/list/unordered-list.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Unordered list.\n *\n * @element cds-unordered-list\n */\n@customElement(`${prefix}-unordered-list`)\nclass CDSUnorderedList extends LitElement {\n  /**\n   * `true` if expressive theme enabled.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-expressive' })\n  isExpressive = false;\n\n  /**\n   * Specify whether the list is nested, or not\n   */\n  @property({ type: Boolean })\n  nested = false;\n\n  connectedCallback() {\n    if (\n      this.closest(\n        (this.constructor as typeof CDSUnorderedList).selectorListItem\n      ) ||\n      this.nested\n    ) {\n      this.setAttribute('slot', 'nested');\n    } else {\n      this.removeAttribute('slot');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--unordered`]: true,\n      [`${prefix}--list--nested`]:\n        this.getAttribute('slot') === 'nested' || this.nested,\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ul class=\"${classes}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return list item.\n   */\n  static get selectorListItem() {\n    return `${prefix}-list-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSUnorderedList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,mBAAA,MACM,yBAAyB,WAAW;;;sBAKzB;gBAMN;;CAET,oBAAoB;AAClB,MACE,KAAK,QACF,KAAK,YAAwC,iBAC/C,IACD,KAAK,OAEL,MAAK,aAAa,QAAQ,SAAS;MAEnC,MAAK,gBAAgB,OAAO;AAE9B,QAAM,mBAAmB;;CAG3B,SAAS;AAOP,SAAO,IAAI;mBANK,SAAS;IACtB,yBAA+B;IAC/B,sBACC,KAAK,aAAa,OAAO,KAAK,YAAY,KAAK;IAChD,0BAAgC,KAAK;GACvC,CAAC,CAEqB;;;;;;;;CASzB,WAAW,mBAAmB;AAC5B,SAAO;;;gBAGOA;;;YA5Cf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAiB,CAAC,CAAA,EAAA,iBAAA,WAAA,gBAAA,KAAA,EAAA;YAMtE,SAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,iBAAA,WAAA,UAAA,KAAA,EAAA;+BAX7BC,cAAc,qBAA2B,CAAA,EAAA,iBAAA;AAoD1C,IAAA,yBAAe"}

package/es/components/loading/defs.js

@@ -26,7 +26,7 @@ let LOADING_TYPE = /* @__PURE__ */ function(LOADING_TYPE) {
 	LOADING_TYPE["SMALL"] = "small";
 	return LOADING_TYPE;
 }({});
-
 //#endregion
 export { LOADING_TYPE };
+
 //# sourceMappingURL=defs.js.map

package/es/components/loading/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/loading/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2022, 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/**\n * Spinner types.\n */\nexport enum LOADING_TYPE {\n  /**\n   * Regular spinner.\n   */\n  REGULAR = 'regular',\n\n  /**\n   * Small spinner.\n   */\n  SMALL = 'small',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,sDAAL;;;;AAIL;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/loading/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2022, 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/**\n * Spinner types.\n */\nexport enum LOADING_TYPE {\n  /**\n   * Regular spinner.\n   */\n  REGULAR = 'regular',\n\n  /**\n   * Small spinner.\n   */\n  SMALL = 'small',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,eAAL,yBAAA,cAAA;;;;AAIL,cAAA,aAAA;;;;AAKA,cAAA,WAAA;;KACD"}

package/es/components/loading/loading-icon.js

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { html } from "lit";
-
 //#region src/components/loading/loading-icon.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -24,23 +23,23 @@ import { html } from "lit";
 var loading_icon_default = ({ description, small }) => {
 	const radius = small ? "42" : "44";
 	return html`
-    <svg class="${prefix}--loading__svg" viewBox="0 0 100 100">
+    <svg class="${"cds"}--loading__svg" viewBox="0 0 100 100">
       ${!description ? void 0 : html` <title>${description}</title> `}
       <circle
         ?hidden="${!small}"
-        class="${prefix}--loading__background"
+        class="${"cds"}--loading__background"
         cx="50%"
         cy="50%"
         r="${radius}" />
       <circle
-        class="${prefix}--loading__stroke"
+        class="${"cds"}--loading__stroke"
         cx="50%"
         cy="50%"
         r="${radius}" />
     </svg>
   `;
 };
-
 //#endregion
 export { loading_icon_default as default };
+
 //# sourceMappingURL=loading-icon.js.map

package/es/components/loading/loading-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading-icon.js","names":[],"sources":["../../../src/components/loading/loading-icon.ts"],"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\nimport { html } from 'lit';\nimport { prefix } from '../../globals/settings';\n\n/**\n * @param Object options The options.\n * @param [Object.assistiveText] The assistive text for the spinner icon.\n * @param [Object.type] The spinner type.\n * @returns The spinner icon.\n */\nexport default ({\n  description,\n  small,\n}: {\n  description?: string;\n  small?: boolean;\n}) => {\n  const radius = small ? '42' : '44';\n  return html`\n    <svg class=\"${prefix}--loading__svg\" viewBox=\"0 0 100 100\">\n      ${!description ? undefined : html` <title>${description}</title> `}\n      <circle\n        ?hidden=\"${!small}\"\n        class=\"${prefix}--loading__background\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r=\"${radius}\" />\n      <circle\n        class=\"${prefix}--loading__stroke\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r=\"${radius}\" />\n    </svg>\n  `;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,4BAAgB,EACd,aACA,YAII;CACJ,MAAM,SAAS,QAAQ,OAAO;AAC9B,QAAO,IAAI;kBACK,OAAO;QACjB,CAAC,cAAc,SAAY,IAAI,WAAW,YAAY,WAAW;;mBAEtD,CAAC,MAAM;iBACT,OAAO;;;aAGX,OAAO;;iBAEH,OAAO;;;aAGX,OAAO"}
+{"version":3,"file":"loading-icon.js","names":[],"sources":["../../../src/components/loading/loading-icon.ts"],"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\nimport { html } from 'lit';\nimport { prefix } from '../../globals/settings';\n\n/**\n * @param Object options The options.\n * @param [Object.assistiveText] The assistive text for the spinner icon.\n * @param [Object.type] The spinner type.\n * @returns The spinner icon.\n */\nexport default ({\n  description,\n  small,\n}: {\n  description?: string;\n  small?: boolean;\n}) => {\n  const radius = small ? '42' : '44';\n  return html`\n    <svg class=\"${prefix}--loading__svg\" viewBox=\"0 0 100 100\">\n      ${!description ? undefined : html` <title>${description}</title> `}\n      <circle\n        ?hidden=\"${!small}\"\n        class=\"${prefix}--loading__background\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r=\"${radius}\" />\n      <circle\n        class=\"${prefix}--loading__stroke\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r=\"${radius}\" />\n    </svg>\n  `;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,wBAAgB,EACd,aACA,YAII;CACJ,MAAM,SAAS,QAAQ,OAAO;AAC9B,QAAO,IAAI;wBACY;QACjB,CAAC,cAAc,KAAA,IAAY,IAAI,WAAW,YAAY,WAAW;;mBAEtD,CAAC,MAAM;uBACF;;;aAGX,OAAO;;uBAEI;;;aAGX,OAAO"}

package/es/components/loading/loading.js

@@ -5,16 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import { LOADING_TYPE } from "./defs.js";
 import loading_icon_default from "./loading-icon.js";
 import loading_default$1 from "./loading.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
-
 //#region src/components/loading/loading.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -50,10 +49,10 @@ let CDSLoading = class CDSLoading extends LitElement {
 	* @deprecated The 'type' property will be deprecated in the next major release. Please use `small` instead.
 	*/
 	get type() {
-		return this.small ? LOADING_TYPE.SMALL : LOADING_TYPE.REGULAR;
+		return this.small ? "small" : "regular";
 	}
 	set type(value) {
-		this.small = value == LOADING_TYPE.SMALL;
+		this.small = value == "small";
 	}
 	/**
 	*
@@ -69,9 +68,9 @@ let CDSLoading = class CDSLoading extends LitElement {
 	render() {
 		const { active, description, small, overlay } = this;
 		const innerClasses = classMap({
-			[`${prefix}--loading`]: true,
-			[`${prefix}--loading--stop`]: !active,
-			[`${prefix}--loading--small`]: small
+			[`cds--loading`]: true,
+			[`cds--loading--stop`]: !active,
+			[`cds--loading--small`]: small
 		});
 		const icon = loading_icon_default({
 			description,
@@ -102,9 +101,9 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSLoading.prototype, "active", void 0);
-CDSLoading = __decorate([carbonElement(`${prefix}-loading`)], CDSLoading);
+CDSLoading = __decorate([carbonElement(`cds-loading`)], CDSLoading);
 var loading_default = CDSLoading;
-
 //#endregion
 export { LOADING_TYPE, loading_default as default };
+
 //# sourceMappingURL=loading.js.map

package/es/components/loading/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.js","names":["getLoadingIcon","styles","customElement"],"sources":["../../../src/components/loading/loading.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { LOADING_TYPE } from './defs';\nimport getLoadingIcon from './loading-icon';\nimport styles from './loading.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Spinner indicating loading state.\n *\n * @element cds-loading\n */\n\n@customElement(`${prefix}-loading`)\nclass CDSLoading extends LitElement {\n  /**\n   * @deprecated\n   * The 'assistive-text' property will be deprecated in the next major release. Please use `description` instead.\n   */\n  @property({ attribute: 'assistive-text' })\n  get assistiveText() {\n    return this.description;\n  }\n  set assistiveText(value) {\n    this.description = value;\n  }\n\n  /**\n   * Specify a description that would be used to best describe the loading state\n   */\n  @property({ reflect: true })\n  description = 'Loading';\n\n  /**\n   *\n   * @deprecated The 'type' property will be deprecated in the next major release. Please use `small` instead.\n   */\n  @property()\n  get type() {\n    return this.small ? LOADING_TYPE.SMALL : LOADING_TYPE.REGULAR;\n  }\n  set type(value) {\n    this.small = value == LOADING_TYPE.SMALL;\n  }\n\n  /**\n   * Specify whether you would like the small variant of <Loading>\n   */\n  @property({ type: Boolean, reflect: true })\n  small = false;\n\n  /**\n   * `true` if overlay should be applied.\n   */\n  @property({ type: Boolean, reflect: true })\n  overlay = false;\n\n  /**\n   *\n   * @deprecated\n   * The 'inactive' property will be deprecated in the next major release. Please use `active` instead.\n   */\n  @property({ type: Boolean, reflect: true })\n  get inactive(): boolean {\n    return !this.active;\n  }\n\n  set inactive(value: boolean) {\n    this.active = !value;\n  }\n\n  /**\n   * Specify whether you want the loading indicator to be spinning or not\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  render() {\n    const { active, description, small, overlay } = this;\n\n    const innerClasses = classMap({\n      [`${prefix}--loading`]: true,\n      [`${prefix}--loading--stop`]: !active,\n      [`${prefix}--loading--small`]: small,\n    });\n    const icon = getLoadingIcon({ description, small });\n    return overlay ? html`<div class=\"${innerClasses}\">${icon}</div>` : icon;\n  }\n\n  static styles = styles;\n}\n\nexport { LOADING_TYPE };\n\nexport default CDSLoading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,uBACM,mBAAmB,WAAW;;;qBAiBpB;eAkBN;iBAME;gBAoBD;;;;;;CAxDT,IACI,gBAAgB;AAClB,SAAO,KAAK;;CAEd,IAAI,cAAc,OAAO;AACvB,OAAK,cAAc;;;;;;CAarB,IACI,OAAO;AACT,SAAO,KAAK,QAAQ,aAAa,QAAQ,aAAa;;CAExD,IAAI,KAAK,OAAO;AACd,OAAK,QAAQ,SAAS,aAAa;;;;;;;CAoBrC,IACI,WAAoB;AACtB,SAAO,CAAC,KAAK;;CAGf,IAAI,SAAS,OAAgB;AAC3B,OAAK,SAAS,CAAC;;CASjB,SAAS;EACP,MAAM,EAAE,QAAQ,aAAa,OAAO,YAAY;EAEhD,MAAM,eAAe,SAAS;IAC3B,GAAG,OAAO,aAAa;IACvB,GAAG,OAAO,mBAAmB,CAAC;IAC9B,GAAG,OAAO,oBAAoB;GAChC,CAAC;EACF,MAAM,OAAOA,qBAAe;GAAE;GAAa;GAAO,CAAC;AACnD,SAAO,UAAU,IAAI,eAAe,aAAa,IAAI,KAAK,UAAU;;;gBAGtDC;;;YAtEf,SAAS,EAAE,WAAW,kBAAkB,CAAC;YAWzC,SAAS,EAAE,SAAS,MAAM,CAAC;YAO3B,UAAU;YAWV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAQ1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAY1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;yBA7D5CC,cAAc,GAAG,OAAO,UAAU;AAiFnC,sBAAe"}
+{"version":3,"file":"loading.js","names":["getLoadingIcon","styles","customElement"],"sources":["../../../src/components/loading/loading.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { LOADING_TYPE } from './defs';\nimport getLoadingIcon from './loading-icon';\nimport styles from './loading.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Spinner indicating loading state.\n *\n * @element cds-loading\n */\n\n@customElement(`${prefix}-loading`)\nclass CDSLoading extends LitElement {\n  /**\n   * @deprecated\n   * The 'assistive-text' property will be deprecated in the next major release. Please use `description` instead.\n   */\n  @property({ attribute: 'assistive-text' })\n  get assistiveText() {\n    return this.description;\n  }\n  set assistiveText(value) {\n    this.description = value;\n  }\n\n  /**\n   * Specify a description that would be used to best describe the loading state\n   */\n  @property({ reflect: true })\n  description = 'Loading';\n\n  /**\n   *\n   * @deprecated The 'type' property will be deprecated in the next major release. Please use `small` instead.\n   */\n  @property()\n  get type() {\n    return this.small ? LOADING_TYPE.SMALL : LOADING_TYPE.REGULAR;\n  }\n  set type(value) {\n    this.small = value == LOADING_TYPE.SMALL;\n  }\n\n  /**\n   * Specify whether you would like the small variant of <Loading>\n   */\n  @property({ type: Boolean, reflect: true })\n  small = false;\n\n  /**\n   * `true` if overlay should be applied.\n   */\n  @property({ type: Boolean, reflect: true })\n  overlay = false;\n\n  /**\n   *\n   * @deprecated\n   * The 'inactive' property will be deprecated in the next major release. Please use `active` instead.\n   */\n  @property({ type: Boolean, reflect: true })\n  get inactive(): boolean {\n    return !this.active;\n  }\n\n  set inactive(value: boolean) {\n    this.active = !value;\n  }\n\n  /**\n   * Specify whether you want the loading indicator to be spinning or not\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  render() {\n    const { active, description, small, overlay } = this;\n\n    const innerClasses = classMap({\n      [`${prefix}--loading`]: true,\n      [`${prefix}--loading--stop`]: !active,\n      [`${prefix}--loading--small`]: small,\n    });\n    const icon = getLoadingIcon({ description, small });\n    return overlay ? html`<div class=\"${innerClasses}\">${icon}</div>` : icon;\n  }\n\n  static styles = styles;\n}\n\nexport { LOADING_TYPE };\n\nexport default CDSLoading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAA,aAAA,MACM,mBAAmB,WAAW;;;qBAiBpB;eAkBN;iBAME;gBAoBD;;;;;;CAxDT,IACI,gBAAgB;AAClB,SAAO,KAAK;;CAEd,IAAI,cAAc,OAAO;AACvB,OAAK,cAAc;;;;;;CAarB,IACI,OAAO;AACT,SAAO,KAAK,QAAA,UAAA;;CAEd,IAAI,KAAK,OAAO;AACd,OAAK,QAAQ,SAAA;;;;;;;CAoBf,IACI,WAAoB;AACtB,SAAO,CAAC,KAAK;;CAGf,IAAI,SAAS,OAAgB;AAC3B,OAAK,SAAS,CAAC;;CASjB,SAAS;EACP,MAAM,EAAE,QAAQ,aAAa,OAAO,YAAY;EAEhD,MAAM,eAAe,SAAS;IAC3B,iBAAuB;IACvB,uBAA6B,CAAC;IAC9B,wBAA8B;GAChC,CAAC;EACF,MAAM,OAAOA,qBAAe;GAAE;GAAa;GAAO,CAAC;AACnD,SAAO,UAAU,IAAI,eAAe,aAAa,IAAI,KAAK,UAAU;;;gBAGtDC;;;YAtEf,SAAS,EAAE,WAAW,kBAAkB,CAAC,CAAA,EAAA,WAAA,WAAA,iBAAA,KAAA;YAWzC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,WAAA,WAAA,eAAA,KAAA,EAAA;YAO3B,UAAU,CAAA,EAAA,WAAA,WAAA,QAAA,KAAA;YAWV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,WAAA,WAAA,SAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,WAAA,WAAA,WAAA,KAAA,EAAA;YAQ1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,WAAA,WAAA,YAAA,KAAA;YAY1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,WAAA,WAAA,UAAA,KAAA,EAAA;yBA7D5CC,cAAc,cAAoB,CAAA,EAAA,WAAA;AAiFnC,IAAA,kBAAe"}

package/es/components/loading/loading.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/loading/loading.scss?lit
 var loading_default = css([".cds--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--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--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--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--loading,:host(cds-loading){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--loading *,.cds--loading :after,.cds--loading :before,:host(cds-loading) *,:host(cds-loading) :after,:host(cds-loading) :before{box-sizing:inherit}.cds--loading,:host(cds-loading){animation-duration:.69s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:cds--rotate;animation-timing-function:linear}.cds--loading svg circle,:host(cds-loading) svg circle{animation-duration:10ms;animation-name:cds--init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading svg circle,:host(cds-loading) svg circle{animation:none}}.cds--loading,:host(cds-loading){block-size:5.5rem;inline-size:5.5rem}.cds--loading__svg{fill:transparent}.cds--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds--loading--small .cds--loading__stroke,:host(cds-loading[small]) .cds--loading__stroke{stroke-dashoffset:143.759616}.cds--loading--stop,:host(cds-loading:not([active])){animation:cds--rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,cds--rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds--loading--stop svg circle,:host(cds-loading:not([active])) svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:cds--stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading--stop svg circle,:host(cds-loading:not([active])) svg circle{animation:none}}.cds--loading--small,:host(cds-loading[small]){block-size:1rem;inline-size:1rem;line-height:1rem}.cds--loading--small circle,:host(cds-loading[small]) circle{stroke-width:16}.cds--loading--small .cds--loading__svg,:host(cds-loading[small]) .cds--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){circle.cds--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}.cds--loading-overlay,:host(cds-loading[overlay]){align-items:center;background-color:var(--cds-overlay,rgba(0,0,0,.6));block-size:100%;display:flex;inline-size:100%;inset-block-start:0;inset-inline-start:0;justify-content:center;position:fixed;transition:background-color .7s cubic-bezier(.4,.14,.3,1);z-index:6000}.cds--loading-overlay--stop{display:none}@keyframes cds--rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cds--rotate-end-p1{to{transform:rotate(1turn)}}@keyframes cds--rotate-end-p2{to{transform:rotate(-1turn)}}@keyframes cds--init-stroke{0%{stroke-dashoffset:276.4608}to{stroke-dashoffset:52.527552}}@keyframes cds--stroke-end{0%{stroke-dashoffset:52.527552}to{stroke-dashoffset:276.4608}}:host(cds-loading){display:block}:host(cds-loading[overlay]){animation:none}.cds--loading__background[hidden]{display:none}"]);
-
 //#endregion
 export { loading_default as default };
+
 //# sourceMappingURL=loading.scss.js.map

package/es/components/loading/types.js

@@ -6,7 +6,6 @@
  */
 
 import { LOADING_TYPE } from "./defs.js";
-
 //#region src/components/loading/types.ts
 /**
 * Copyright IBM Corp. 2019, 2022
@@ -18,7 +17,7 @@ import { LOADING_TYPE } from "./defs.js";
 * @deprecated Use `defs.ts`
 */
 var types_default = LOADING_TYPE;
-
 //#endregion
 export { types_default as default };
+
 //# sourceMappingURL=types.js.map

package/es/components/loading/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/loading/types.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2022\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 { LOADING_TYPE } from './defs';\n\n/**\n * @deprecated Use `defs.ts`\n */\nexport default LOADING_TYPE;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,oBAAe"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/loading/types.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2022\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 { LOADING_TYPE } from './defs';\n\n/**\n * @deprecated Use `defs.ts`\n */\nexport default LOADING_TYPE;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,IAAA,gBAAe"}

package/es/components/menu/defs.js

@@ -62,7 +62,7 @@ let MENU_BACKGROUND_TOKEN = /* @__PURE__ */ function(MENU_BACKGROUND_TOKEN) {
 	MENU_BACKGROUND_TOKEN["BACKGROUND"] = "background";
 	return MENU_BACKGROUND_TOKEN;
 }({});
-
 //#endregion
 export { MENU_BACKGROUND_TOKEN, MENU_ITEM_KIND, MENU_SIZE };
+
 //# sourceMappingURL=defs.js.map

package/es/components/menu/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/menu/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2022, 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/**\n * Menu size.\n */\nexport enum MENU_SIZE {\n  /**\n   * extra small size.\n   */\n  EXTRA_SMALL = 'xs',\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n/**\n * menu item kind\n */\nexport enum MENU_ITEM_KIND {\n  /**\n   * default kind\n   */\n  DEFAULT = 'default',\n  /**\n   * danger kind\n   */\n  DANGER = 'danger',\n}\n\n/**\n * Menu background token.\n */\nexport enum MENU_BACKGROUND_TOKEN {\n  /**\n   * Use the layer token for the background.\n   */\n  LAYER = 'layer',\n\n  /**\n   * Use the background token for the background.\n   */\n  BACKGROUND = 'background',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,gDAAL;;;;AAIL;;;;AAIA;;;;AAKA;;;;AAKA;;;;;;AAKF,IAAY,0DAAL;;;;AAIL;;;;AAIA;;;;;;AAMF,IAAY,wEAAL;;;;AAIL;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/menu/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2022, 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/**\n * Menu size.\n */\nexport enum MENU_SIZE {\n  /**\n   * extra small size.\n   */\n  EXTRA_SMALL = 'xs',\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n/**\n * menu item kind\n */\nexport enum MENU_ITEM_KIND {\n  /**\n   * default kind\n   */\n  DEFAULT = 'default',\n  /**\n   * danger kind\n   */\n  DANGER = 'danger',\n}\n\n/**\n * Menu background token.\n */\nexport enum MENU_BACKGROUND_TOKEN {\n  /**\n   * Use the layer token for the background.\n   */\n  LAYER = 'layer',\n\n  /**\n   * Use the background token for the background.\n   */\n  BACKGROUND = 'background',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,YAAL,yBAAA,WAAA;;;;AAIL,WAAA,iBAAA;;;;AAIA,WAAA,WAAA;;;;AAKA,WAAA,YAAA;;;;AAKA,WAAA,WAAA;;KACD;;;;AAID,IAAY,iBAAL,yBAAA,gBAAA;;;;AAIL,gBAAA,aAAA;;;;AAIA,gBAAA,YAAA;;KACD;;;;AAKD,IAAY,wBAAL,yBAAA,uBAAA;;;;AAIL,uBAAA,WAAA;;;;AAKA,uBAAA,gBAAA;;KACD"}

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

@@ -6,7 +6,6 @@
  */
 
 import { createContext } from "@lit/context";
-
 //#region src/components/menu/menu-context.ts
 /**
 * Copyright IBM Corp. 2024, 2026
@@ -21,7 +20,7 @@ const menuDefaultState = {
 	updateFromChild: () => {}
 };
 const MenuContext = createContext("myData");
-
 //#endregion
 export { MenuContext, menuDefaultState };
+
 //# sourceMappingURL=menu-context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu-context.js","names":[],"sources":["../../../src/components/menu/menu-context.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 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 { createContext } from '@lit/context';\n\nexport type MenuContextUpdate = Partial<Omit<StateType, 'updateFromChild'>>;\n\nexport type StateType = {\n  isRoot: boolean;\n  hasSelectableItems: boolean;\n  size: 'xs' | 'sm' | 'md' | 'lg' | null;\n  updateFromChild: (item: MenuContextUpdate) => void;\n};\n\nexport const menuDefaultState: StateType = {\n  isRoot: true,\n  hasSelectableItems: false,\n  size: null,\n  updateFromChild: () => {},\n};\n\nexport const MenuContext = createContext<StateType>('myData');\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,MAAa,mBAA8B;CACzC,QAAQ;CACR,oBAAoB;CACpB,MAAM;CACN,uBAAuB;CACxB;AAED,MAAa,cAAc,cAAyB,SAAS"}
+{"version":3,"file":"menu-context.js","names":[],"sources":["../../../src/components/menu/menu-context.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 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 { createContext } from '@lit/context';\n\nexport type MenuContextUpdate = Partial<Omit<StateType, 'updateFromChild'>>;\n\nexport type StateType = {\n  isRoot: boolean;\n  hasSelectableItems: boolean;\n  size: 'xs' | 'sm' | 'md' | 'lg' | null;\n  updateFromChild: (item: MenuContextUpdate) => void;\n};\n\nexport const menuDefaultState: StateType = {\n  isRoot: true,\n  hasSelectableItems: false,\n  size: null,\n  updateFromChild: () => {},\n};\n\nexport const MenuContext = createContext<StateType>('myData');\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAa,mBAA8B;CACzC,QAAQ;CACR,oBAAoB;CACpB,MAAM;CACN,uBAAuB;CACxB;AAED,MAAa,cAAc,cAAyB,SAAS"}

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

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import menu_item_default from "./menu-item.scss.js";
 import { LitElement } from "lit";
-
 //#region src/components/menu/menu-item-divider.ts
 /**
 * Copyright IBM Corp. 2024
@@ -32,9 +31,9 @@ let CDSmenuItemDivider = class CDSmenuItemDivider extends LitElement {
 		this.styles = menu_item_default;
 	}
 };
-CDSmenuItemDivider = __decorate([carbonElement(`${prefix}-menu-item-divider`)], CDSmenuItemDivider);
+CDSmenuItemDivider = __decorate([carbonElement(`cds-menu-item-divider`)], CDSmenuItemDivider);
 var menu_item_divider_default = CDSmenuItemDivider;
-
 //#endregion
 export { menu_item_divider_default as default };
+
 //# sourceMappingURL=menu-item-divider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item-divider.js","names":["styles","customElement"],"sources":["../../../src/components/menu/menu-item-divider.ts"],"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\nimport { LitElement } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './menu-item.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n/**\n * Menu Item.\n *\n * @element cds-menu-item-divider\n */\n@customElement(`${prefix}-menu-item-divider`)\nclass CDSmenuItemDivider extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'separator');\n    }\n    super.connectedCallback();\n  }\n  static styles = styles;\n}\nexport default CDSmenuItemDivider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,+BACM,2BAA2B,WAAW;CAC1C,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,YAAY;AAExC,QAAM,mBAAmB;;;gBAEXA;;;iCARjBC,cAAc,GAAG,OAAO,oBAAoB;AAU7C,gCAAe"}
+{"version":3,"file":"menu-item-divider.js","names":["styles","customElement"],"sources":["../../../src/components/menu/menu-item-divider.ts"],"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\nimport { LitElement } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './menu-item.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n/**\n * Menu Item.\n *\n * @element cds-menu-item-divider\n */\n@customElement(`${prefix}-menu-item-divider`)\nclass CDSmenuItemDivider extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'separator');\n    }\n    super.connectedCallback();\n  }\n  static styles = styles;\n}\nexport default CDSmenuItemDivider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,qBAAA,MACM,2BAA2B,WAAW;CAC1C,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,YAAY;AAExC,QAAM,mBAAmB;;;gBAEXA;;;iCARjBC,cAAc,wBAA8B,CAAA,EAAA,mBAAA;AAU7C,IAAA,4BAAe"}

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

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import menu_item_default from "./menu-item.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/menu/menu-item-group.ts
 /**
 * Copyright IBM Corp. 2024
@@ -38,9 +37,9 @@ let CDSmenuItemGroup = class CDSmenuItemGroup extends LitElement {
 	}
 };
 __decorate([property({ type: String })], CDSmenuItemGroup.prototype, "label", void 0);
-CDSmenuItemGroup = __decorate([carbonElement(`${prefix}-menu-item-group`)], CDSmenuItemGroup);
+CDSmenuItemGroup = __decorate([carbonElement(`cds-menu-item-group`)], CDSmenuItemGroup);
 var menu_item_group_default = CDSmenuItemGroup;
-
 //#endregion
 export { menu_item_group_default as default };
+
 //# sourceMappingURL=menu-item-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item-group.js","names":["styles","customElement"],"sources":["../../../src/components/menu/menu-item-group.ts"],"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\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './menu-item.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n/**\n * Menu Item.\n *\n * @element cds-menu-item-group\n */\n@customElement(`${prefix}-menu-item-group`)\nclass CDSmenuItemGroup extends LitElement {\n  /**\n   * Label for the menu item.\n   */\n  @property({ type: String })\n  label;\n\n  render() {\n    const { label } = this;\n    return html`\n      <ul role=\"group\" aria-label=\"${label}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n  static styles = styles;\n}\nexport default CDSmenuItemGroup;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,6BACM,yBAAyB,WAAW;CAOxC,SAAS;EACP,MAAM,EAAE,UAAU;AAClB,SAAO,IAAI;qCACsB,MAAM;;;;;;gBAKzBA;;;YAXf,SAAS,EAAE,MAAM,QAAQ,CAAC;+BAL5BC,cAAc,GAAG,OAAO,kBAAkB;AAkB3C,8BAAe"}
+{"version":3,"file":"menu-item-group.js","names":["styles","customElement"],"sources":["../../../src/components/menu/menu-item-group.ts"],"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\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './menu-item.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n/**\n * Menu Item.\n *\n * @element cds-menu-item-group\n */\n@customElement(`${prefix}-menu-item-group`)\nclass CDSmenuItemGroup extends LitElement {\n  /**\n   * Label for the menu item.\n   */\n  @property({ type: String })\n  label;\n\n  render() {\n    const { label } = this;\n    return html`\n      <ul role=\"group\" aria-label=\"${label}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n  static styles = styles;\n}\nexport default CDSmenuItemGroup;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,mBAAA,MACM,yBAAyB,WAAW;CAOxC,SAAS;EACP,MAAM,EAAE,UAAU;AAClB,SAAO,IAAI;qCACsB,MAAM;;;;;;gBAKzBA;;;YAXf,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,iBAAA,WAAA,SAAA,KAAA,EAAA;+BAL5BC,cAAc,sBAA4B,CAAA,EAAA,iBAAA;AAkB3C,IAAA,0BAAe"}

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

@@ -5,15 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import { MenuContext } from "./menu-context.js";
 import menu_item_default from "./menu-item.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { consume } from "@lit/context";
-
 //#region src/components/menu/menu-item-radio-group.ts
 /**
 * Copyright IBM Corp. 2024
@@ -35,7 +34,7 @@ let CDSmenuItemRadioGroup = class CDSmenuItemRadioGroup extends LitElement {
 	* The name of the custom event fired when the selection state changes.
 	*/
 	static get eventOnChange() {
-		return `${prefix}-item-changed`;
+		return `cds-item-changed`;
 	}
 	firstUpdated() {
 		this.context.updateFromChild({ hasSelectableItems: true });
@@ -51,7 +50,7 @@ let CDSmenuItemRadioGroup = class CDSmenuItemRadioGroup extends LitElement {
 		});
 	}
 	updated(_changedProperties) {
-		if (_changedProperties.has("selectedItem")) this.querySelectorAll(`${prefix}-menu-item`).forEach((item) => {
+		if (_changedProperties.has("selectedItem")) this.querySelectorAll(`cds-menu-item`).forEach((item) => {
 			if (item === this.selectedItem) item.setAttribute("aria-checked", "true");
 			else item.setAttribute("aria-checked", "false");
 		});
@@ -76,9 +75,9 @@ __decorate([property({
 	attribute: true
 })], CDSmenuItemRadioGroup.prototype, "selectedItem", void 0);
 __decorate([property()], CDSmenuItemRadioGroup.prototype, "itemToString", void 0);
-CDSmenuItemRadioGroup = __decorate([carbonElement(`${prefix}-menu-item-radio-group`)], CDSmenuItemRadioGroup);
+CDSmenuItemRadioGroup = __decorate([carbonElement(`cds-menu-item-radio-group`)], CDSmenuItemRadioGroup);
 var menu_item_radio_group_default = CDSmenuItemRadioGroup;
-
 //#endregion
 export { menu_item_radio_group_default as default };
+
 //# sourceMappingURL=menu-item-radio-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item-radio-group.js","names":["styles","customElement"],"sources":["../../../src/components/menu/menu-item-radio-group.ts"],"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\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './menu-item.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { consume } from '@lit/context';\nimport { MenuContext } from './menu-context';\n\n/**\n * Menu Item.\n *\n * @element cds-menu-item-radio-group\n */\n@customElement(`${prefix}-menu-item-radio-group`)\nclass CDSmenuItemRadioGroup extends LitElement {\n  @consume({ context: MenuContext })\n  context;\n\n  /**\n   * Label for the menu item radio group.\n   */\n  @property({ type: String })\n  label;\n  /**\n   * List of items in the radio group.\n   */\n  @property({ type: Array })\n  items = [];\n\n  /**\n   * Selected item in the radio group.\n   */\n  @property({ type: String, attribute: true })\n  selectedItem;\n\n  /**\n   * List of items in the radio group.\n   */\n  @property()\n  itemToString?: (item: Array<string | number>) => string;\n  /**\n   * The name of the custom event fired when the selection state changes.\n   */\n  static get eventOnChange() {\n    return `${prefix}-item-changed`;\n  }\n\n  firstUpdated(): void {\n    this.context.updateFromChild({ hasSelectableItems: true });\n\n    this.addEventListener(`click`, (e) => {\n      this.selectedItem = e.target;\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy: e.target,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSmenuItemRadioGroup).eventOnChange,\n            init\n          )\n        )\n      ) {\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSmenuItemRadioGroup).eventOnChange,\n            init\n          )\n        );\n      }\n    });\n  }\n\n  protected updated(_changedProperties): void {\n    if (_changedProperties.has('selectedItem')) {\n      this.querySelectorAll(`${prefix}-menu-item`).forEach((item) => {\n        if (item === this.selectedItem) {\n          item.setAttribute('aria-checked', 'true');\n        } else {\n          item.setAttribute('aria-checked', 'false');\n        }\n      });\n    }\n  }\n\n  render() {\n    const { label } = this;\n    return html`\n      <ul role=\"group\" aria-label=\"${label}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n  static styles = styles;\n}\nexport default CDSmenuItemRadioGroup;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,kCACM,8BAA8B,WAAW;;;eAarC,EAAE;;;;;CAgBV,WAAW,gBAAgB;AACzB,SAAO,GAAG,OAAO;;CAGnB,eAAqB;AACnB,OAAK,QAAQ,gBAAgB,EAAE,oBAAoB,MAAM,CAAC;AAE1D,OAAK,iBAAiB,UAAU,MAAM;AACpC,QAAK,eAAe,EAAE;GACtB,MAAM,OAAO;IACX,SAAS;IACT,YAAY;IACZ,UAAU;IACV,QAAQ,EACN,aAAa,EAAE,QAChB;IACF;AACD,OACE,KAAK,cACH,IAAI,YACD,KAAK,YAA6C,eACnD,KACD,CACF,CAED,MAAK,cACH,IAAI,YACD,KAAK,YAA6C,eACnD,KACD,CACF;IAEH;;CAGJ,AAAU,QAAQ,oBAA0B;AAC1C,MAAI,mBAAmB,IAAI,eAAe,CACxC,MAAK,iBAAiB,GAAG,OAAO,YAAY,CAAC,SAAS,SAAS;AAC7D,OAAI,SAAS,KAAK,aAChB,MAAK,aAAa,gBAAgB,OAAO;OAEzC,MAAK,aAAa,gBAAgB,QAAQ;IAE5C;;CAIN,SAAS;EACP,MAAM,EAAE,UAAU;AAClB,SAAO,IAAI;qCACsB,MAAM;;;;;;gBAKzBA;;;YAnFf,QAAQ,EAAE,SAAS,aAAa,CAAC;YAMjC,SAAS,EAAE,MAAM,QAAQ,CAAC;YAK1B,SAAS,EAAE,MAAM,OAAO,CAAC;YAMzB,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAM,CAAC;YAM3C,UAAU;oCAzBZC,cAAc,GAAG,OAAO,wBAAwB;AAuFjD,oCAAe"}
+{"version":3,"file":"menu-item-radio-group.js","names":["styles","customElement"],"sources":["../../../src/components/menu/menu-item-radio-group.ts"],"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\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './menu-item.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { consume } from '@lit/context';\nimport { MenuContext } from './menu-context';\n\n/**\n * Menu Item.\n *\n * @element cds-menu-item-radio-group\n */\n@customElement(`${prefix}-menu-item-radio-group`)\nclass CDSmenuItemRadioGroup extends LitElement {\n  @consume({ context: MenuContext })\n  context;\n\n  /**\n   * Label for the menu item radio group.\n   */\n  @property({ type: String })\n  label;\n  /**\n   * List of items in the radio group.\n   */\n  @property({ type: Array })\n  items = [];\n\n  /**\n   * Selected item in the radio group.\n   */\n  @property({ type: String, attribute: true })\n  selectedItem;\n\n  /**\n   * List of items in the radio group.\n   */\n  @property()\n  itemToString?: (item: Array<string | number>) => string;\n  /**\n   * The name of the custom event fired when the selection state changes.\n   */\n  static get eventOnChange() {\n    return `${prefix}-item-changed`;\n  }\n\n  firstUpdated(): void {\n    this.context.updateFromChild({ hasSelectableItems: true });\n\n    this.addEventListener(`click`, (e) => {\n      this.selectedItem = e.target;\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy: e.target,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSmenuItemRadioGroup).eventOnChange,\n            init\n          )\n        )\n      ) {\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSmenuItemRadioGroup).eventOnChange,\n            init\n          )\n        );\n      }\n    });\n  }\n\n  protected updated(_changedProperties): void {\n    if (_changedProperties.has('selectedItem')) {\n      this.querySelectorAll(`${prefix}-menu-item`).forEach((item) => {\n        if (item === this.selectedItem) {\n          item.setAttribute('aria-checked', 'true');\n        } else {\n          item.setAttribute('aria-checked', 'false');\n        }\n      });\n    }\n  }\n\n  render() {\n    const { label } = this;\n    return html`\n      <ul role=\"group\" aria-label=\"${label}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n  static styles = styles;\n}\nexport default CDSmenuItemRadioGroup;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,wBAAA,MACM,8BAA8B,WAAW;;;eAarC,EAAE;;;;;CAgBV,WAAW,gBAAgB;AACzB,SAAO;;CAGT,eAAqB;AACnB,OAAK,QAAQ,gBAAgB,EAAE,oBAAoB,MAAM,CAAC;AAE1D,OAAK,iBAAiB,UAAU,MAAM;AACpC,QAAK,eAAe,EAAE;GACtB,MAAM,OAAO;IACX,SAAS;IACT,YAAY;IACZ,UAAU;IACV,QAAQ,EACN,aAAa,EAAE,QAChB;IACF;AACD,OACE,KAAK,cACH,IAAI,YACD,KAAK,YAA6C,eACnD,KACD,CACF,CAED,MAAK,cACH,IAAI,YACD,KAAK,YAA6C,eACnD,KACD,CACF;IAEH;;CAGJ,QAAkB,oBAA0B;AAC1C,MAAI,mBAAmB,IAAI,eAAe,CACxC,MAAK,iBAAiB,gBAAsB,CAAC,SAAS,SAAS;AAC7D,OAAI,SAAS,KAAK,aAChB,MAAK,aAAa,gBAAgB,OAAO;OAEzC,MAAK,aAAa,gBAAgB,QAAQ;IAE5C;;CAIN,SAAS;EACP,MAAM,EAAE,UAAU;AAClB,SAAO,IAAI;qCACsB,MAAM;;;;;;gBAKzBA;;;YAnFf,QAAQ,EAAE,SAAS,aAAa,CAAC,CAAA,EAAA,sBAAA,WAAA,WAAA,KAAA,EAAA;YAMjC,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,sBAAA,WAAA,SAAA,KAAA,EAAA;YAK1B,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,EAAA,sBAAA,WAAA,SAAA,KAAA,EAAA;YAMzB,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAM,CAAC,CAAA,EAAA,sBAAA,WAAA,gBAAA,KAAA,EAAA;YAM3C,UAAU,CAAA,EAAA,sBAAA,WAAA,gBAAA,KAAA,EAAA;oCAzBZC,cAAc,4BAAkC,CAAA,EAAA,sBAAA;AAuFjD,IAAA,gCAAe"}

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

@@ -5,15 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import { MenuContext } from "./menu-context.js";
 import menu_item_default from "./menu-item.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { consume } from "@lit/context";
-
 //#region src/components/menu/menu-item-selectable.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -48,7 +47,7 @@ let CDSmenuItemSelectable = class CDSmenuItemSelectable extends LitElement {
 	* The name of the custom event fired when the selection state changes.
 	*/
 	static get eventOnChange() {
-		return `${prefix}-item-changed`;
+		return `cds-item-changed`;
 	}
 	static {
 		this.shadowRootOptions = {
@@ -61,7 +60,7 @@ let CDSmenuItemSelectable = class CDSmenuItemSelectable extends LitElement {
 		this.addEventListener("keydown", this._handleKeydown);
 	}
 	firstUpdated() {
-		const menuItemSelectable = this.shadowRoot?.querySelector(`${prefix}-menu-item`);
+		const menuItemSelectable = this.shadowRoot?.querySelector(`cds-menu-item`);
 		if (menuItemSelectable) menuItemSelectable.addEventListener("keydown", this._handleKeydown);
 		this.context.updateFromChild({ hasSelectableItems: true });
 	}
@@ -70,7 +69,7 @@ let CDSmenuItemSelectable = class CDSmenuItemSelectable extends LitElement {
 		return html`
       <cds-menu-item
         label="${label}"
-        class="${prefix}--menu-item-selectable--selected"
+        class="${"cds"}--menu-item-selectable--selected"
         role="menuitemcheckbox"
         shortcut=${this.shortcut}
         aria-checked="${selected}"
@@ -88,9 +87,9 @@ __decorate([property({ type: String })], CDSmenuItemSelectable.prototype, "label
 __decorate([property({ type: Boolean })], CDSmenuItemSelectable.prototype, "selected", void 0);
 __decorate([property()], CDSmenuItemSelectable.prototype, "renderIcon", void 0);
 __decorate([property()], CDSmenuItemSelectable.prototype, "shortcut", void 0);
-CDSmenuItemSelectable = __decorate([carbonElement(`${prefix}-menu-item-selectable`)], CDSmenuItemSelectable);
+CDSmenuItemSelectable = __decorate([carbonElement(`cds-menu-item-selectable`)], CDSmenuItemSelectable);
 var menu_item_selectable_default = CDSmenuItemSelectable;
-
 //#endregion
 export { menu_item_selectable_default as default };
+
 //# sourceMappingURL=menu-item-selectable.js.map