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

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

@@ -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-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;EACb,oBAAoB,SAAS;EAC5B,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,mBAAmB;EACtC,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,mBAAmB;EACtC,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,YAAY;EAC/B,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,YAAY;EAC/B,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,SAAS;EAC5B,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,iBAAiB;EACpC,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,aAAa;EAChC,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,iBAAiB;EACpC,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,UAAU;EAC7B,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,UAAU;EAC7B,IAAI;EACJ,IAAI;EACL;EACA,oBAAoB,cAAc;EACjC,IAAI;EACJ,IAAI;EACL;CACF;;;;;;AAOD,6BACM,yBAAyB,WAAW;;;cAKjC;;CAcP,SAAS;EACP,MAAM,gBAAgB,QAAQ,KAAK,QAAQ,KAAK;AAChD,SAAO,IAAI,GAAG,WAAW,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,KAAK;;;gBAGtDA;;;YApBf,UAAU;YAMV,UAAU;YAMV,UAAU;+BAjBZC,cAAc,GAAG,OAAO,iBAAiB;AA4B1C,6BAAe"}
+{"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-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;EACL;oBACuC;EACtC,IAAI;EACJ,IAAI;EACL;oBACuC;EACtC,IAAI;EACJ,IAAI;EACL;gBACgC;EAC/B,IAAI;EACJ,IAAI;EACL;gBACgC;EAC/B,IAAI;EACJ,IAAI;EACL;aAC6B;EAC5B,IAAI;EACJ,IAAI;EACL;kBACqC;EACpC,IAAI;EACJ,IAAI;EACL;iBACiC;EAChC,IAAI;EACJ,IAAI;EACL;kBACqC;EACpC,IAAI;EACJ,IAAI;EACL;cAC8B;EAC7B,IAAI;EACJ,IAAI;EACL;cAC8B;EAC7B,IAAI;EACJ,IAAI;EACL;kBACkC;EACjC,IAAI;EACJ,IAAI;EACL;CACF;;;;;;AAOD,IAAA,mBAAA,MACM,yBAAyB,WAAW;;;cAKjC;;CAcP,SAAS;EACP,MAAM,gBAAgB,QAAQ,KAAK,QAAQ,KAAK;AAChD,SAAO,IAAI,GAAG,WAAW,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,KAAK;;;gBAGtDA;;;YApBf,UAAU,CAAA,EAAA,iBAAA,WAAA,QAAA,KAAA,EAAA;YAMV,UAAU,CAAA,EAAA,iBAAA,WAAA,SAAA,KAAA,EAAA;YAMV,UAAU,CAAA,EAAA,iBAAA,WAAA,QAAA,KAAA,EAAA;+BAjBZC,cAAc,qBAA2B,CAAA,EAAA,iBAAA;AA4B1C,IAAA,yBAAe"}

package/es/components/icon-indicator/icon-indicator.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/icon-indicator/icon-indicator.scss?lit
 var icon_indicator_default = css([".cds--icon-indicator,:host(cds-icon-indicator){color:var(--cds-text-secondary,#525252);display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--icon-indicator svg,:host(cds-icon-indicator) svg{align-self:center;margin-inline-end:.5rem}.cds--icon-indicator--20,:host(cds-icon-indicator[size=\"20\"]){font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375)}.cds--icon-indicator--failed,:host(cds-icon-indicator[kind=failed]) svg{fill:var(--cds-status-red,#da1e28)}.cds--icon-indicator--caution-major,:host(cds-icon-indicator[kind=caution-major]) svg{fill:var(--cds-status-orange,#ff832b)}.cds--icon-indicator--caution-major path:first-of-type,:host(cds-icon-indicator[kind=caution-major]) svg path:first-of-type{fill:#000}.cds--icon-indicator--caution-minor,:host(cds-icon-indicator[kind=caution-minor]) svg{fill:var(--cds-status-yellow,#f1c21b)}.cds--icon-indicator--caution-minor path:first-of-type,:host(cds-icon-indicator[kind=caution-minor]) svg path:first-of-type{fill:#000}.cds--icon-indicator--undefined,:host(cds-icon-indicator[kind=undefined]) svg{fill:var(--cds-status-purple,#8a3ffc)}.cds--icon-indicator--succeeded,:host(cds-icon-indicator[kind=succeeded]) svg{fill:var(--cds-status-green,#24a148)}.cds--icon-indicator--normal,:host(cds-icon-indicator[kind=normal]) svg{fill:var(--cds-status-blue,#0043ce)}.cds--icon-indicator--in-progress,:host(cds-icon-indicator[kind=in-progress]) svg{fill:var(--cds-status-blue,#0043ce)}.cds--icon-indicator--incomplete,:host(cds-icon-indicator[kind=incomplete]) svg{fill:var(--cds-status-blue,#0043ce)}.cds--icon-indicator--not-started,:host(cds-icon-indicator[kind=not-started]) svg{fill:var(--cds-status-gray,#6f6f6f)}.cds--icon-indicator--pending,:host(cds-icon-indicator[kind=pending]) svg{fill:var(--cds-status-gray,#6f6f6f)}.cds--icon-indicator--unknown,:host(cds-icon-indicator[kind=unknown]) svg{fill:var(--cds-status-gray,#6f6f6f)}.cds--icon-indicator--informative,:host(cds-icon-indicator[kind=informative]) svg{fill:var(--cds-status-blue,#0043ce)}"]);
-
 //#endregion
 export { icon_indicator_default as default };
+
 //# sourceMappingURL=icon-indicator.scss.js.map

package/es/components/inline-loading/defs.js

@@ -34,7 +34,7 @@ let INLINE_LOADING_STATE = /* @__PURE__ */ function(INLINE_LOADING_STATE) {
 	INLINE_LOADING_STATE["ERROR"] = "error";
 	return INLINE_LOADING_STATE;
 }({});
-
 //#endregion
 export { INLINE_LOADING_STATE };
+
 //# sourceMappingURL=defs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/inline-loading/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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\n/**\n * Loading state for inline loading spinner.\n */\nexport enum INLINE_LOADING_STATE {\n  /**\n   * Inactive state.\n   */\n  INACTIVE = 'inactive',\n\n  /**\n   * State for loading in progress.\n   */\n  ACTIVE = 'active',\n\n  /**\n   * State for loading successful.\n   */\n  FINISHED = 'finished',\n\n  /**\n   * State for loading failure.\n   */\n  ERROR = 'error',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,sEAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/inline-loading/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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\n/**\n * Loading state for inline loading spinner.\n */\nexport enum INLINE_LOADING_STATE {\n  /**\n   * Inactive state.\n   */\n  INACTIVE = 'inactive',\n\n  /**\n   * State for loading in progress.\n   */\n  ACTIVE = 'active',\n\n  /**\n   * State for loading successful.\n   */\n  FINISHED = 'finished',\n\n  /**\n   * State for loading failure.\n   */\n  ERROR = 'error',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,uBAAL,yBAAA,sBAAA;;;;AAIL,sBAAA,cAAA;;;;AAKA,sBAAA,YAAA;;;;AAKA,sBAAA,cAAA;;;;AAKA,sBAAA,WAAA;;KACD"}

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

@@ -5,9 +5,9 @@
  * 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 iconLoader from "../../globals/internal/icon-loader.js";
 import loading_icon_default from "../loading/loading-icon.js";
 import { INLINE_LOADING_STATE } from "./defs.js";
@@ -17,7 +17,6 @@ import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import CheckmarkFilled16 from "@carbon/icons/es/checkmark--filled/16.js";
 import ErrorFilled16 from "@carbon/icons/es/error--filled/16.js";
-
 //#region src/components/inline-loading/inline-loading.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -36,7 +35,7 @@ let CDSInlineLoading = class CDSInlineLoading extends LitElement {
 		super(..._args);
 		this.iconDescription = "Loading";
 		this.successDelay = 1500;
-		this.status = INLINE_LOADING_STATE.ACTIVE;
+		this.status = "active";
 	}
 	/**
 	* @deprecated The 'assistive-text' property will be deprecated in the next major release. Please use `icon-description` instead.
@@ -52,8 +51,8 @@ let CDSInlineLoading = class CDSInlineLoading extends LitElement {
 	*/
 	_renderIcon() {
 		const { iconDescription, status } = this;
-		if (status === INLINE_LOADING_STATE.ERROR) return iconLoader(ErrorFilled16, {
-			class: `${prefix}--inline-loading--error`,
+		if (status === "error") return iconLoader(ErrorFilled16, {
+			class: `cds--inline-loading--error`,
 			"aria-label": iconDescription
 		});
 		const init = {
@@ -61,20 +60,20 @@ let CDSInlineLoading = class CDSInlineLoading extends LitElement {
 			cancelable: true,
 			composed: true
 		};
-		if (status === INLINE_LOADING_STATE.FINISHED) {
+		if (status === "finished") {
 			setTimeout(() => {
 				this.dispatchEvent(new CustomEvent(this.constructor.eventOnSuccess, init));
 			}, this.successDelay);
 			return iconLoader(CheckmarkFilled16, {
-				class: `${prefix}--inline-loading__checkmark-container`,
+				class: `cds--inline-loading__checkmark-container`,
 				"aria-label": iconDescription
 			});
 		}
-		if (status === INLINE_LOADING_STATE.INACTIVE || status === INLINE_LOADING_STATE.ACTIVE) return html`
+		if (status === "inactive" || status === "active") return html`
         <div class="${classMap({
-			[`${prefix}--loading`]: true,
-			[`${prefix}--loading--small`]: true,
-			[`${prefix}--loading--stop`]: status === INLINE_LOADING_STATE.INACTIVE
+			[`cds--loading`]: true,
+			[`cds--loading--small`]: true,
+			[`cds--loading--stop`]: status === "inactive"
 		})}">
           ${loading_icon_default({
 			description: iconDescription,
@@ -84,7 +83,7 @@ let CDSInlineLoading = class CDSInlineLoading extends LitElement {
       `;
 	}
 	static get eventOnSuccess() {
-		return `${prefix}-inline-loading-onsuccess`;
+		return `cds-inline-loading-onsuccess`;
 	}
 	connectedCallback() {
 		if (!this.hasAttribute("aria-live")) this.setAttribute("aria-live", "assertive");
@@ -94,11 +93,11 @@ let CDSInlineLoading = class CDSInlineLoading extends LitElement {
 		const statusIconResult = this._renderIcon();
 		return html`
       ${!statusIconResult ? void 0 : html`
-          <div class="${prefix}--inline-loading__animation">
+          <div class="${"cds"}--inline-loading__animation">
             ${statusIconResult}
           </div>
         `}
-      <div class="${prefix}--inline-loading__text"><slot></slot></div>
+      <div class="${"cds"}--inline-loading__text"><slot></slot></div>
     `;
 	}
 	static {
@@ -109,9 +108,9 @@ __decorate([property({ attribute: "assistive-text" })], CDSInlineLoading.prototy
 __decorate([property({ attribute: "icon-description" })], CDSInlineLoading.prototype, "iconDescription", void 0);
 __decorate([property({ attribute: "success-delay" })], CDSInlineLoading.prototype, "successDelay", void 0);
 __decorate([property({ reflect: true })], CDSInlineLoading.prototype, "status", void 0);
-CDSInlineLoading = __decorate([carbonElement(`${prefix}-inline-loading`)], CDSInlineLoading);
+CDSInlineLoading = __decorate([carbonElement(`cds-inline-loading`)], CDSInlineLoading);
 var inline_loading_default = CDSInlineLoading;
-
 //#endregion
 export { INLINE_LOADING_STATE, inline_loading_default as default };
+
 //# sourceMappingURL=inline-loading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"inline-loading.js","names":["getLoadingIcon","styles","customElement"],"sources":["../../../src/components/inline-loading/inline-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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';\nimport { prefix } from '../../globals/settings';\nimport getLoadingIcon from '../loading/loading-icon';\nimport { INLINE_LOADING_STATE } from './defs';\nimport styles from './inline-loading.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { INLINE_LOADING_STATE };\n\n/**\n * Lnline loading spinner.\n *\n * @element cds-inline-loading\n * @fires cds-inline-loading-onsuccess The custom event fired when inline-loading has finished status\n */\n@customElement(`${prefix}-inline-loading`)\nclass CDSInlineLoading extends LitElement {\n  /**\n   * @deprecated The 'assistive-text' property will be deprecated in the next major release. Please use `icon-description` instead.\n   */\n  @property({ attribute: 'assistive-text' })\n  get assistiveText() {\n    return this.iconDescription;\n  }\n  set assistiveText(value) {\n    this.iconDescription = value;\n  }\n  /**\n   * The assistive text for the spinner icon.\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = 'Loading';\n\n  /**\n   * Provide a delay for the setTimeout for success\n   */\n  @property({ attribute: 'success-delay' })\n  successDelay = 1500;\n\n  /**\n   * @returns The template for the status icon.\n   */\n  private _renderIcon() {\n    const { iconDescription, status } = this;\n    if (status === INLINE_LOADING_STATE.ERROR) {\n      return iconLoader(ErrorFilled16, {\n        class: `${prefix}--inline-loading--error`,\n        'aria-label': iconDescription,\n      });\n    }\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n    };\n\n    if (status === INLINE_LOADING_STATE.FINISHED) {\n      setTimeout(() => {\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSInlineLoading).eventOnSuccess,\n            init\n          )\n        );\n      }, this.successDelay);\n\n      return iconLoader(CheckmarkFilled16, {\n        class: `${prefix}--inline-loading__checkmark-container`,\n        'aria-label': iconDescription,\n      });\n    }\n    if (\n      status === INLINE_LOADING_STATE.INACTIVE ||\n      status === INLINE_LOADING_STATE.ACTIVE\n    ) {\n      const classes = classMap({\n        [`${prefix}--loading`]: true,\n        [`${prefix}--loading--small`]: true,\n        [`${prefix}--loading--stop`]: status === INLINE_LOADING_STATE.INACTIVE,\n      });\n      return html`\n        <div class=\"${classes}\">\n          ${getLoadingIcon({ description: iconDescription, small: true })}\n        </div>\n      `;\n    }\n    return undefined;\n  }\n\n  /**\n   * The loading status.\n   */\n  @property({ reflect: true })\n  status = INLINE_LOADING_STATE.ACTIVE;\n\n  static get eventOnSuccess() {\n    return `${prefix}-inline-loading-onsuccess`;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('aria-live')) {\n      this.setAttribute('aria-live', 'assertive');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const statusIconResult = this._renderIcon();\n    const statusIconWrapperResult = !statusIconResult\n      ? undefined\n      : html`\n          <div class=\"${prefix}--inline-loading__animation\">\n            ${statusIconResult}\n          </div>\n        `;\n    return html`\n      ${statusIconWrapperResult}\n      <div class=\"${prefix}--inline-loading__text\"><slot></slot></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSInlineLoading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,6BACM,yBAAyB,WAAW;;;yBAetB;sBAMH;gBAwDN,qBAAqB;;;;;CAzE9B,IACI,gBAAgB;AAClB,SAAO,KAAK;;CAEd,IAAI,cAAc,OAAO;AACvB,OAAK,kBAAkB;;;;;CAiBzB,AAAQ,cAAc;EACpB,MAAM,EAAE,iBAAiB,WAAW;AACpC,MAAI,WAAW,qBAAqB,MAClC,QAAO,WAAW,eAAe;GAC/B,OAAO,GAAG,OAAO;GACjB,cAAc;GACf,CAAC;EAEJ,MAAM,OAAO;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACX;AAED,MAAI,WAAW,qBAAqB,UAAU;AAC5C,oBAAiB;AACf,SAAK,cACH,IAAI,YACD,KAAK,YAAwC,gBAC9C,KACD,CACF;MACA,KAAK,aAAa;AAErB,UAAO,WAAW,mBAAmB;IACnC,OAAO,GAAG,OAAO;IACjB,cAAc;IACf,CAAC;;AAEJ,MACE,WAAW,qBAAqB,YAChC,WAAW,qBAAqB,OAOhC,QAAO,IAAI;sBALK,SAAS;IACtB,GAAG,OAAO,aAAa;IACvB,GAAG,OAAO,oBAAoB;IAC9B,GAAG,OAAO,mBAAmB,WAAW,qBAAqB;GAC/D,CAAC,CAEsB;YAClBA,qBAAe;GAAE,aAAa;GAAiB,OAAO;GAAM,CAAC,CAAC;;;;CAaxE,WAAW,iBAAiB;AAC1B,SAAO,GAAG,OAAO;;CAGnB,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,YAAY,CACjC,MAAK,aAAa,aAAa,YAAY;AAE7C,QAAM,mBAAmB;;CAG3B,SAAS;EACP,MAAM,mBAAmB,KAAK,aAAa;AAQ3C,SAAO,IAAI;QAPqB,CAAC,mBAC7B,SACA,IAAI;wBACY,OAAO;cACjB,iBAAiB;;UAIC;oBACZ,OAAO;;;;gBAITC;;;YArGf,SAAS,EAAE,WAAW,kBAAkB,CAAC;YAUzC,SAAS,EAAE,WAAW,oBAAoB,CAAC;YAM3C,SAAS,EAAE,WAAW,iBAAiB,CAAC;YAwDxC,SAAS,EAAE,SAAS,MAAM,CAAC;+BA7E7BC,cAAc,GAAG,OAAO,iBAAiB;AA6G1C,6BAAe"}
+{"version":3,"file":"inline-loading.js","names":["getLoadingIcon","styles","customElement"],"sources":["../../../src/components/inline-loading/inline-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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';\nimport { prefix } from '../../globals/settings';\nimport getLoadingIcon from '../loading/loading-icon';\nimport { INLINE_LOADING_STATE } from './defs';\nimport styles from './inline-loading.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { INLINE_LOADING_STATE };\n\n/**\n * Lnline loading spinner.\n *\n * @element cds-inline-loading\n * @fires cds-inline-loading-onsuccess The custom event fired when inline-loading has finished status\n */\n@customElement(`${prefix}-inline-loading`)\nclass CDSInlineLoading extends LitElement {\n  /**\n   * @deprecated The 'assistive-text' property will be deprecated in the next major release. Please use `icon-description` instead.\n   */\n  @property({ attribute: 'assistive-text' })\n  get assistiveText() {\n    return this.iconDescription;\n  }\n  set assistiveText(value) {\n    this.iconDescription = value;\n  }\n  /**\n   * The assistive text for the spinner icon.\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = 'Loading';\n\n  /**\n   * Provide a delay for the setTimeout for success\n   */\n  @property({ attribute: 'success-delay' })\n  successDelay = 1500;\n\n  /**\n   * @returns The template for the status icon.\n   */\n  private _renderIcon() {\n    const { iconDescription, status } = this;\n    if (status === INLINE_LOADING_STATE.ERROR) {\n      return iconLoader(ErrorFilled16, {\n        class: `${prefix}--inline-loading--error`,\n        'aria-label': iconDescription,\n      });\n    }\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n    };\n\n    if (status === INLINE_LOADING_STATE.FINISHED) {\n      setTimeout(() => {\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSInlineLoading).eventOnSuccess,\n            init\n          )\n        );\n      }, this.successDelay);\n\n      return iconLoader(CheckmarkFilled16, {\n        class: `${prefix}--inline-loading__checkmark-container`,\n        'aria-label': iconDescription,\n      });\n    }\n    if (\n      status === INLINE_LOADING_STATE.INACTIVE ||\n      status === INLINE_LOADING_STATE.ACTIVE\n    ) {\n      const classes = classMap({\n        [`${prefix}--loading`]: true,\n        [`${prefix}--loading--small`]: true,\n        [`${prefix}--loading--stop`]: status === INLINE_LOADING_STATE.INACTIVE,\n      });\n      return html`\n        <div class=\"${classes}\">\n          ${getLoadingIcon({ description: iconDescription, small: true })}\n        </div>\n      `;\n    }\n    return undefined;\n  }\n\n  /**\n   * The loading status.\n   */\n  @property({ reflect: true })\n  status = INLINE_LOADING_STATE.ACTIVE;\n\n  static get eventOnSuccess() {\n    return `${prefix}-inline-loading-onsuccess`;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('aria-live')) {\n      this.setAttribute('aria-live', 'assertive');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const statusIconResult = this._renderIcon();\n    const statusIconWrapperResult = !statusIconResult\n      ? undefined\n      : html`\n          <div class=\"${prefix}--inline-loading__animation\">\n            ${statusIconResult}\n          </div>\n        `;\n    return html`\n      ${statusIconWrapperResult}\n      <div class=\"${prefix}--inline-loading__text\"><slot></slot></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSInlineLoading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,IAAA,mBAAA,MACM,yBAAyB,WAAW;;;yBAetB;sBAMH;;;;;;CAjBf,IACI,gBAAgB;AAClB,SAAO,KAAK;;CAEd,IAAI,cAAc,OAAO;AACvB,OAAK,kBAAkB;;;;;CAiBzB,cAAsB;EACpB,MAAM,EAAE,iBAAiB,WAAW;AACpC,MAAI,WAAA,QACF,QAAO,WAAW,eAAe;GAC/B,OAAO;GACP,cAAc;GACf,CAAC;EAEJ,MAAM,OAAO;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACX;AAED,MAAI,WAAA,YAA0C;AAC5C,oBAAiB;AACf,SAAK,cACH,IAAI,YACD,KAAK,YAAwC,gBAC9C,KACD,CACF;MACA,KAAK,aAAa;AAErB,UAAO,WAAW,mBAAmB;IACnC,OAAO;IACP,cAAc;IACf,CAAC;;AAEJ,MACE,WAAA,cACA,WAAA,SAOA,QAAO,IAAI;sBALK,SAAS;IACtB,iBAAuB;IACvB,wBAA8B;IAC9B,uBAA6B,WAAA;GAC/B,CAAC,CAEsB;YAClBA,qBAAe;GAAE,aAAa;GAAiB,OAAO;GAAM,CAAC,CAAC;;;;CAaxE,WAAW,iBAAiB;AAC1B,SAAO;;CAGT,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,YAAY,CACjC,MAAK,aAAa,aAAa,YAAY;AAE7C,QAAM,mBAAmB;;CAG3B,SAAS;EACP,MAAM,mBAAmB,KAAK,aAAa;AAQ3C,SAAO,IAAI;QAPqB,CAAC,mBAC7B,KAAA,IACA,IAAI;8BACmB;cACjB,iBAAiB;;UAIC;0BACL;;;;gBAITC;;;YArGf,SAAS,EAAE,WAAW,kBAAkB,CAAC,CAAA,EAAA,iBAAA,WAAA,iBAAA,KAAA;YAUzC,SAAS,EAAE,WAAW,oBAAoB,CAAC,CAAA,EAAA,iBAAA,WAAA,mBAAA,KAAA,EAAA;YAM3C,SAAS,EAAE,WAAW,iBAAiB,CAAC,CAAA,EAAA,iBAAA,WAAA,gBAAA,KAAA,EAAA;YAwDxC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,UAAA,KAAA,EAAA;+BA7E7BC,cAAc,qBAA2B,CAAA,EAAA,iBAAA;AA6G1C,IAAA,yBAAe"}

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

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/inline-loading/inline-loading.scss?lit
 var inline_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{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{box-sizing:inherit}.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{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{animation:none}}.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{stroke-dashoffset:143.759616}.cds--loading--stop{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{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{animation:none}}.cds--loading--small{block-size:1rem;inline-size:1rem;line-height:1rem}.cds--loading--small circle{stroke-width:16}.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{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}}@keyframes prefix--stroke{to{stroke-dashoffset:0}}.cds--inline-loading,:host(cds-inline-loading){align-items:center;color:var(--cds-text-secondary,#525252);display:flex;inline-size:100%;min-block-size:2rem}.cds--inline-loading__text{font-size:var(--cds-label-02-font-size,.875rem);font-weight:var(--cds-label-02-font-weight,400);letter-spacing:var(--cds-label-02-letter-spacing,.16px);line-height:var(--cds-label-02-line-height,1.28572)}.cds--inline-loading__animation{align-items:center;display:flex;justify-content:center;margin-inline-end:.5rem;position:relative}.cds--inline-loading__checkmark-container{fill:var(--cds-support-success,#24a148)}.cds--inline-loading__checkmark-container.cds--inline-loading__svg{inline-size:.75rem;inset-block-start:.75rem;position:absolute}.cds--inline-loading__checkmark-container[hidden]{display:none}.cds--inline-loading__checkmark{animation-duration:.25s;animation-fill-mode:forwards;animation-name:cds--stroke;fill:none;stroke:var(--cds-interactive,#0f62fe);stroke-dasharray:12;stroke-dashoffset:12;stroke-width:1.8;transform-origin:50% 50%}.cds--inline-loading--error{block-size:1rem;fill:var(--cds-support-error,#da1e28);inline-size:1rem}.cds--inline-loading--error[hidden]{display:none}.cds--loading--small .cds--inline-loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds--btn .cds--inline-loading--btn{min-block-size:0}.cds--btn .cds--inline-loading--btn .cds--inline-loading__text{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.cds--inline-loading__checkmark-container{inset-block-start:1px;inset-inline-end:.5rem}.cds--inline-loading__checkmark{animation:none;stroke-dasharray:0;stroke-dashoffset:0}}"]);
-
 //#endregion
 export { inline_loading_default as default };
+
 //# sourceMappingURL=inline-loading.scss.js.map

package/es/components/layer/layer.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 layer_default$1 from "./layer.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/layer/layer.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -45,7 +44,7 @@ let CDSLayer = class CDSLayer extends LitElement {
 	updated() {
 		if (!this.layers) this.layers = this.querySelectorAll(this.constructor.selectorLayer);
 		this.layers.forEach((item) => {
-			const nextLevel = Math.max(MIN_LEVEL, Math.min(this.level + 1, MAX_LEVEL));
+			const nextLevel = Math.max(0, Math.min(this.level + 1, 2));
 			item.setAttribute("level", nextLevel.toString());
 		});
 		this.dispatchEvent(new CustomEvent(this.constructor.eventUseLayer, {
@@ -65,13 +64,13 @@ let CDSLayer = class CDSLayer extends LitElement {
 	* A selector that selects a layer component.
 	*/
 	static get selectorLayer() {
-		return `${prefix}-layer`;
+		return `cds-layer`;
 	}
 	/**
 	* A selector that selects a layer component.
 	*/
 	static get eventUseLayer() {
-		return `${prefix}-use-layer`;
+		return `cds-use-layer`;
 	}
 	static {
 		this.styles = layer_default$1;
@@ -86,9 +85,9 @@ __decorate([property({
 	type: Boolean,
 	attribute: "with-background"
 })], CDSLayer.prototype, "withBackground", void 0);
-CDSLayer = __decorate([carbonElement(`${prefix}-layer`)], CDSLayer);
+CDSLayer = __decorate([carbonElement(`cds-layer`)], CDSLayer);
 var layer_default = CDSLayer;
-
 //#endregion
 export { MAX_LEVEL, MIN_LEVEL, layer_default as default, levels };
+
 //# sourceMappingURL=layer.js.map

package/es/components/layer/layer.js.map

@@ -1 +1 @@
-{"version":3,"file":"layer.js","names":["styles","customElement"],"sources":["../../../src/components/layer/layer.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 { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './layer.scss?lit';\n\n/**\n * Layer level constants\n */\nexport const MIN_LEVEL = 0;\nexport const MAX_LEVEL = 2;\nexport const levels = ['zero', 'one', 'two'];\nexport type LayerLevel = 0 | 1 | 2;\n\n/**\n * Basic layer\n *\n * @element cds-layer\n * @fires cds-use-layer\n *   The custom event that returns the layer level and the layer element.\n * @slot children - The elements contained within the component.\n */\n@customElement(`${prefix}-layer`)\nclass CDSLayer extends LitElement {\n  /**\n   * Specify the layer level and override any existing levels based on hierarchy\n   */\n  @property({ type: Number, reflect: true })\n  level = 0;\n\n  @property()\n  layers;\n\n  @property({ type: Boolean, attribute: 'with-background' })\n  withBackground;\n\n  updated() {\n    if (!this.layers) {\n      this.layers = this.querySelectorAll(\n        (this.constructor as typeof CDSLayer).selectorLayer\n      );\n    }\n\n    this.layers.forEach((item) => {\n      const nextLevel = Math.max(\n        MIN_LEVEL,\n        Math.min(this.level + 1, MAX_LEVEL)\n      );\n      (item as HTMLElement).setAttribute('level', nextLevel.toString());\n    });\n\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSLayer).eventUseLayer, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          layer: this,\n          level: this.level,\n        },\n      })\n    );\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that selects a layer component.\n   */\n  static get selectorLayer() {\n    return `${prefix}-layer`;\n  }\n\n  /**\n   * A selector that selects a layer component.\n   */\n  static get eventUseLayer() {\n    return `${prefix}-use-layer`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSLayer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAa,YAAY;AACzB,MAAa,YAAY;AACzB,MAAa,SAAS;CAAC;CAAQ;CAAO;CAAM;;;;;;;;;AAW5C,qBACM,iBAAiB,WAAW;;;eAKxB;;CAQR,UAAU;AACR,MAAI,CAAC,KAAK,OACR,MAAK,SAAS,KAAK,iBAChB,KAAK,YAAgC,cACvC;AAGH,OAAK,OAAO,SAAS,SAAS;GAC5B,MAAM,YAAY,KAAK,IACrB,WACA,KAAK,IAAI,KAAK,QAAQ,GAAG,UAAU,CACpC;AACD,GAAC,KAAqB,aAAa,SAAS,UAAU,UAAU,CAAC;IACjE;AAEF,OAAK,cACH,IAAI,YAAa,KAAK,YAAgC,eAAe;GACnE,SAAS;GACT,YAAY;GACZ,UAAU;GACV,QAAQ;IACN,OAAO;IACP,OAAO,KAAK;IACb;GACF,CAAC,CACH;;CAGH,SAAS;AACP,SAAO,IAAI;;;;;CAMb,WAAW,gBAAgB;AACzB,SAAO,GAAG,OAAO;;;;;CAMnB,WAAW,gBAAgB;AACzB,SAAO,GAAG,OAAO;;;gBAGHA;;;YAvDf,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC;YAGzC,UAAU;YAGV,SAAS;CAAE,MAAM;CAAS,WAAW;CAAmB,CAAC;uBAX3DC,cAAc,GAAG,OAAO,QAAQ;AA+DjC,oBAAe"}
+{"version":3,"file":"layer.js","names":["styles","customElement"],"sources":["../../../src/components/layer/layer.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 { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './layer.scss?lit';\n\n/**\n * Layer level constants\n */\nexport const MIN_LEVEL = 0;\nexport const MAX_LEVEL = 2;\nexport const levels = ['zero', 'one', 'two'];\nexport type LayerLevel = 0 | 1 | 2;\n\n/**\n * Basic layer\n *\n * @element cds-layer\n * @fires cds-use-layer\n *   The custom event that returns the layer level and the layer element.\n * @slot children - The elements contained within the component.\n */\n@customElement(`${prefix}-layer`)\nclass CDSLayer extends LitElement {\n  /**\n   * Specify the layer level and override any existing levels based on hierarchy\n   */\n  @property({ type: Number, reflect: true })\n  level = 0;\n\n  @property()\n  layers;\n\n  @property({ type: Boolean, attribute: 'with-background' })\n  withBackground;\n\n  updated() {\n    if (!this.layers) {\n      this.layers = this.querySelectorAll(\n        (this.constructor as typeof CDSLayer).selectorLayer\n      );\n    }\n\n    this.layers.forEach((item) => {\n      const nextLevel = Math.max(\n        MIN_LEVEL,\n        Math.min(this.level + 1, MAX_LEVEL)\n      );\n      (item as HTMLElement).setAttribute('level', nextLevel.toString());\n    });\n\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSLayer).eventUseLayer, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          layer: this,\n          level: this.level,\n        },\n      })\n    );\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that selects a layer component.\n   */\n  static get selectorLayer() {\n    return `${prefix}-layer`;\n  }\n\n  /**\n   * A selector that selects a layer component.\n   */\n  static get eventUseLayer() {\n    return `${prefix}-use-layer`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSLayer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAa,YAAY;AACzB,MAAa,YAAY;AACzB,MAAa,SAAS;CAAC;CAAQ;CAAO;CAAM;;;;;;;;;AAW5C,IAAA,WAAA,MACM,iBAAiB,WAAW;;;eAKxB;;CAQR,UAAU;AACR,MAAI,CAAC,KAAK,OACR,MAAK,SAAS,KAAK,iBAChB,KAAK,YAAgC,cACvC;AAGH,OAAK,OAAO,SAAS,SAAS;GAC5B,MAAM,YAAY,KAAK,IAAA,GAErB,KAAK,IAAI,KAAK,QAAQ,GAAA,EAAa,CACpC;AACA,QAAqB,aAAa,SAAS,UAAU,UAAU,CAAC;IACjE;AAEF,OAAK,cACH,IAAI,YAAa,KAAK,YAAgC,eAAe;GACnE,SAAS;GACT,YAAY;GACZ,UAAU;GACV,QAAQ;IACN,OAAO;IACP,OAAO,KAAK;IACb;GACF,CAAC,CACH;;CAGH,SAAS;AACP,SAAO,IAAI;;;;;CAMb,WAAW,gBAAgB;AACzB,SAAO;;;;;CAMT,WAAW,gBAAgB;AACzB,SAAO;;;gBAGOA;;;YAvDf,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,SAAA,WAAA,SAAA,KAAA,EAAA;YAGzC,UAAU,CAAA,EAAA,SAAA,WAAA,UAAA,KAAA,EAAA;YAGV,SAAS;CAAE,MAAM;CAAS,WAAW;CAAmB,CAAC,CAAA,EAAA,SAAA,WAAA,kBAAA,KAAA,EAAA;uBAX3DC,cAAc,YAAkB,CAAA,EAAA,SAAA;AA+DjC,IAAA,gBAAe"}

package/es/components/layer/layer.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/layer/layer.scss?lit
 var layer_default = css([":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-one,:host(cds-layer[level=\"0\"]){--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,:host(cds-layer[level=\"1\"]){--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,:host(cds-layer[level=\"2\"]){--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,:host(cds-layer[level=\"0\"]):host(cds-layer[with-background]){background-color:var(--cds-layer-background)}.cds--layer-two.cds--layer__with-background,:host(cds-layer[level=\"1\"]):host(cds-layer[with-background]){background-color:var(--cds-layer-background)}.cds--layer-three.cds--layer__with-background,:host(cds-layer[level=\"2\"]):host(cds-layer[with-background]){background-color:var(--cds-layer-background)}:host(cds-layer){display:block}"]);
-
 //#endregion
 export { layer_default as default };
+
 //# sourceMappingURL=layer.scss.js.map

package/es/components/layout/index.js

@@ -7,5 +7,4 @@
 
 import { CDSLayout, LAYOUT_DENSITIES, LAYOUT_SIZES } from "./layout.js";
 import { CDSLayoutConstraint } from "./layout-constraint.js";
-
-export { CDSLayout, CDSLayoutConstraint, LAYOUT_DENSITIES, LAYOUT_SIZES };
+export { CDSLayout, CDSLayoutConstraint, LAYOUT_DENSITIES, LAYOUT_SIZES };

package/es/components/layout/layout-constraint.js

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import layout_default from "./layout.scss.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-
 //#region src/components/layout/layout-constraint.ts
 /**
 * Copyright IBM Corp. 2026
@@ -44,9 +43,9 @@ __decorate([property({
 	attribute: "size-max",
 	reflect: true
 })], CDSLayoutConstraint.prototype, "sizeMax", void 0);
-CDSLayoutConstraint = __decorate([customElement(`${prefix}-layout-constraint`)], CDSLayoutConstraint);
+CDSLayoutConstraint = __decorate([customElement(`cds-layout-constraint`)], CDSLayoutConstraint);
 var layout_constraint_default = CDSLayoutConstraint;
-
 //#endregion
 export { CDSLayoutConstraint, layout_constraint_default as default };
+
 //# sourceMappingURL=layout-constraint.js.map

package/es/components/layout/layout-constraint.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout-constraint.js","names":["styles"],"sources":["../../../src/components/layout/layout-constraint.ts"],"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\nimport { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './layout.scss?lit';\nimport { type LayoutSize } from './layout';\n\n/**\n * `<cds-layout-constraint>` restricts the size range available to its\n * descendant components.\n *\n * @element cds-layout-constraint\n */\n@customElement(`${prefix}-layout-constraint`)\nclass CDSLayoutConstraint extends LitElement {\n  static styles = styles;\n\n  @property({ attribute: 'size-default', reflect: true })\n  sizeDefault?: LayoutSize;\n\n  @property({ attribute: 'size-min', reflect: true })\n  sizeMin?: LayoutSize;\n\n  @property({ attribute: 'size-max', reflect: true })\n  sizeMax?: LayoutSize;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport { CDSLayoutConstraint };\nexport default CDSLayoutConstraint;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,gCACM,4BAA4B,WAAW;;gBAC3BA;;CAWhB,SAAS;AACP,SAAO,IAAI;;;YAVZ,SAAS;CAAE,WAAW;CAAgB,SAAS;CAAM,CAAC;YAGtD,SAAS;CAAE,WAAW;CAAY,SAAS;CAAM,CAAC;YAGlD,SAAS;CAAE,WAAW;CAAY,SAAS;CAAM,CAAC;kCAVpD,cAAc,GAAG,OAAO,oBAAoB;AAmB7C,gCAAe"}
+{"version":3,"file":"layout-constraint.js","names":["styles"],"sources":["../../../src/components/layout/layout-constraint.ts"],"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\nimport { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './layout.scss?lit';\nimport { type LayoutSize } from './layout';\n\n/**\n * `<cds-layout-constraint>` restricts the size range available to its\n * descendant components.\n *\n * @element cds-layout-constraint\n */\n@customElement(`${prefix}-layout-constraint`)\nclass CDSLayoutConstraint extends LitElement {\n  static styles = styles;\n\n  @property({ attribute: 'size-default', reflect: true })\n  sizeDefault?: LayoutSize;\n\n  @property({ attribute: 'size-min', reflect: true })\n  sizeMin?: LayoutSize;\n\n  @property({ attribute: 'size-max', reflect: true })\n  sizeMax?: LayoutSize;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport { CDSLayoutConstraint };\nexport default CDSLayoutConstraint;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,sBAAA,MACM,4BAA4B,WAAW;;gBAC3BA;;CAWhB,SAAS;AACP,SAAO,IAAI;;;YAVZ,SAAS;CAAE,WAAW;CAAgB,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,eAAA,KAAA,EAAA;YAGtD,SAAS;CAAE,WAAW;CAAY,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,WAAA,KAAA,EAAA;YAGlD,SAAS;CAAE,WAAW;CAAY,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,WAAA,KAAA,EAAA;kCAVpD,cAAc,wBAA8B,CAAA,EAAA,oBAAA;AAmB7C,IAAA,4BAAe"}

package/es/components/layout/layout.js

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import layout_default$1 from "./layout.scss.js";
 import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-
 //#region src/components/layout/layout.ts
 /**
 * Copyright IBM Corp. 2026
@@ -45,9 +44,9 @@ let CDSLayout = class CDSLayout extends LitElement {
 };
 __decorate([property({ reflect: true })], CDSLayout.prototype, "size", void 0);
 __decorate([property({ reflect: true })], CDSLayout.prototype, "density", void 0);
-CDSLayout = __decorate([customElement(`${prefix}-layout`)], CDSLayout);
+CDSLayout = __decorate([customElement(`cds-layout`)], CDSLayout);
 var layout_default = CDSLayout;
-
 //#endregion
 export { CDSLayout, LAYOUT_DENSITIES, LAYOUT_SIZES, layout_default as default };
+
 //# sourceMappingURL=layout.js.map

package/es/components/layout/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","names":["styles"],"sources":["../../../src/components/layout/layout.ts"],"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\nimport { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './layout.scss?lit';\n\nexport const LAYOUT_SIZES = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const;\nexport const LAYOUT_DENSITIES = ['condensed', 'normal'] as const;\n\nexport type LayoutSize = (typeof LAYOUT_SIZES)[number];\nexport type LayoutDensity = (typeof LAYOUT_DENSITIES)[number];\n\n/**\n * `<cds-layout>` sets a layout context (size and/or density) for all\n * descendant Carbon components.\n *\n * @see This component is in {@link https://web-components.carbondesignsystem.com/?path=/docs/preview-about-preview--about-preview|preview status}\n *\n * @element cds-layout\n */\n@customElement(`${prefix}-layout`)\nclass CDSLayout extends LitElement {\n  static styles = styles;\n\n  /**\n   * Size context for all descendant components.\n   */\n  @property({ reflect: true })\n  size?: LayoutSize;\n\n  /**\n   * Density context for all descendant components.\n   */\n  @property({ reflect: true })\n  density?: LayoutDensity;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport { CDSLayout };\nexport default CDSLayout;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,MAAa,eAAe;CAAC;CAAM;CAAM;CAAM;CAAM;CAAM;CAAM;AACjE,MAAa,mBAAmB,CAAC,aAAa,SAAS;;;;;;;;;AAavD,sBACM,kBAAkB,WAAW;;gBACjBA;;CAchB,SAAS;AACP,SAAO,IAAI;;;YAVZ,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;wBAb7B,cAAc,GAAG,OAAO,SAAS;AAsBlC,qBAAe"}
+{"version":3,"file":"layout.js","names":["styles"],"sources":["../../../src/components/layout/layout.ts"],"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\nimport { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './layout.scss?lit';\n\nexport const LAYOUT_SIZES = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const;\nexport const LAYOUT_DENSITIES = ['condensed', 'normal'] as const;\n\nexport type LayoutSize = (typeof LAYOUT_SIZES)[number];\nexport type LayoutDensity = (typeof LAYOUT_DENSITIES)[number];\n\n/**\n * `<cds-layout>` sets a layout context (size and/or density) for all\n * descendant Carbon components.\n *\n * @see This component is in {@link https://web-components.carbondesignsystem.com/?path=/docs/preview-about-preview--about-preview|preview status}\n *\n * @element cds-layout\n */\n@customElement(`${prefix}-layout`)\nclass CDSLayout extends LitElement {\n  static styles = styles;\n\n  /**\n   * Size context for all descendant components.\n   */\n  @property({ reflect: true })\n  size?: LayoutSize;\n\n  /**\n   * Density context for all descendant components.\n   */\n  @property({ reflect: true })\n  density?: LayoutDensity;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\nexport { CDSLayout };\nexport default CDSLayout;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,MAAa,eAAe;CAAC;CAAM;CAAM;CAAM;CAAM;CAAM;CAAM;AACjE,MAAa,mBAAmB,CAAC,aAAa,SAAS;;;;;;;;;AAavD,IAAA,YAAA,MACM,kBAAkB,WAAW;;gBACjBA;;CAchB,SAAS;AACP,SAAO,IAAI;;;YAVZ,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,UAAA,WAAA,WAAA,KAAA,EAAA;wBAb7B,cAAc,aAAmB,CAAA,EAAA,UAAA;AAsBlC,IAAA,iBAAe"}

package/es/components/layout/layout.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/layout/layout.scss?lit
 var layout_default = css([".cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-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-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-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-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-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-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-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-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-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 };
+
 //# sourceMappingURL=layout.scss.js.map

package/es/components/link/link.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 FocusMixin from "../../globals/mixins/focus.js";
 import link_default$1 from "./link.scss.js";
 import { LitElement, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-
 //#region src/components/link/link.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -50,7 +49,8 @@ let CDSLink = class CDSLink extends FocusMixin(LitElement) {
 	*/
 	_handleSlotChange({ target }) {
 		const { name } = target;
-		this[name === "icon" ? "_hasIcon" : ""] = target.assignedNodes().some((node) => node.nodeType !== Node.TEXT_NODE || node.textContent.trim());
+		const hasContent = target.assignedNodes().some((node) => node.nodeType !== Node.TEXT_NODE || node.textContent.trim());
+		this[name === "icon" ? "_hasIcon" : ""] = hasContent;
 		this.requestUpdate();
 	}
 	/**
@@ -59,12 +59,12 @@ let CDSLink = class CDSLink extends FocusMixin(LitElement) {
 	get _classes() {
 		const { disabled, size, inline, visited, _hasIcon } = this;
 		return classMap({
-			[`${prefix}--link`]: true,
-			[`${prefix}--link--disabled`]: disabled,
-			[`${prefix}--link--icon`]: _hasIcon,
-			[`${prefix}--link--inline`]: inline,
-			[`${prefix}--link--${size}`]: size,
-			[`${prefix}--link--visited`]: visited
+			[`cds--link`]: true,
+			[`cds--link--disabled`]: disabled,
+			[`cds--link--icon`]: _hasIcon,
+			[`cds--link--inline`]: inline,
+			[`cds--link--${size}`]: size,
+			[`cds--link--visited`]: visited
 		});
 	}
 	/**
@@ -74,7 +74,7 @@ let CDSLink = class CDSLink extends FocusMixin(LitElement) {
 		const { _hasIcon: hasIcon, _handleSlotChange: handleSlotChange } = this;
 		return html`
       <slot @slotchange="${handleSlotChange}"></slot>
-      <span ?hidden="${!hasIcon}" class="${prefix}--link__icon">
+      <span ?hidden="${!hasIcon}" class="${"cds"}--link__icon">
         <slot name="icon" @slotchange="${handleSlotChange}"></slot>
       </span>
     `;
@@ -147,9 +147,9 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSLink.prototype, "visited", void 0);
-CDSLink = __decorate([carbonElement(`${prefix}-link`)], CDSLink);
+CDSLink = __decorate([carbonElement(`cds-link`)], CDSLink);
 var link_default = CDSLink;
-
 //#endregion
 export { LINK_SIZE, link_default as default };
+
 //# sourceMappingURL=link.js.map

package/es/components/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":["styles","customElement"],"sources":["../../../src/components/link/link.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 { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './link.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Link size.\n */\nexport const LINK_SIZE = {\n  MEDIUM: 'md',\n  SMALL: 'sm',\n  LARGE: 'lg',\n};\n\n// Convert object key in a type\ntype LINK_SIZE_TYPE = (typeof LINK_SIZE)[keyof typeof LINK_SIZE];\n\n/**\n * Link.\n *\n * @element cds-link\n * @csspart link The link.\n */\n@customElement(`${prefix}-link`)\nclass CDSLink extends FocusMixin(LitElement) {\n  /**\n   * `true` if there is an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement).assignedNodes().some(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n    );\n    this[name === 'icon' ? '_hasIcon' : ''] = hasContent;\n    this.requestUpdate();\n  }\n\n  @query('#link')\n  protected _linkNode?: HTMLAnchorElement | HTMLParagraphElement;\n\n  /**\n   * The CSS class list for the link node.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n  protected get _classes(): any {\n    const { disabled, size, inline, visited, _hasIcon } = this;\n    return classMap({\n      [`${prefix}--link`]: true,\n      [`${prefix}--link--disabled`]: disabled,\n      [`${prefix}--link--icon`]: _hasIcon,\n      [`${prefix}--link--inline`]: inline,\n      [`${prefix}--link--${size}`]: size,\n      [`${prefix}--link--visited`]: visited,\n    });\n  }\n\n  /**\n   * @returns The inner content.\n   */\n\n  protected _renderInner() {\n    const { _hasIcon: hasIcon, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <span ?hidden=\"${!hasIcon}\" class=\"${prefix}--link__icon\">\n        <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n      </span>\n    `;\n  }\n\n  /**\n   * @returns The disabled link content.\n   */\n  protected _renderDisabledLink() {\n    const { _classes: classes } = this;\n    return html`\n      <p id=\"link\" part=\"link\" class=\"${classes}\">${this._renderInner()}</p>\n    `;\n  }\n\n  /**\n   * @returns The link content.\n   */\n  protected _renderLink() {\n    const {\n      download,\n      href,\n      hreflang,\n      linkRole,\n      ping,\n      rel,\n      target,\n      type,\n      _classes: classes,\n    } = this;\n    return html`\n      <a\n        tabindex=\"0\"\n        id=\"link\"\n        role=\"${ifDefined(linkRole)}\"\n        class=\"${classes}\"\n        part=\"link\"\n        download=\"${ifDefined(download)}\"\n        href=\"${ifDefined(href)}\"\n        hreflang=\"${ifDefined(hreflang)}\"\n        ping=\"${ifDefined(ping)}\"\n        rel=\"${ifDefined(rel)}\"\n        target=\"${ifDefined(target)}\"\n        type=\"${ifDefined(type)}\">\n        ${this._renderInner()}\n      </a>\n    `;\n  }\n\n  /**\n   * `true` if the link should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The default file name.\n   */\n  @property({ reflect: true })\n  download!: string;\n\n  /**\n   * Link `href`.\n   */\n  @property({ reflect: true })\n  href!: string;\n\n  /**\n   * The language of what `href` points to.\n   */\n  @property({ reflect: true })\n  hreflang!: string;\n\n  /**\n   * `true` if the link should be inline.\n   */\n  @property({ type: Boolean, reflect: true })\n  inline = false;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ attribute: 'link-role' })\n  linkRole!: string;\n\n  /**\n   * URLs to ping.\n   */\n  @property({ reflect: true })\n  ping!: string;\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * Link size.\n   */\n  @property({ reflect: true })\n  size: LINK_SIZE_TYPE = LINK_SIZE.MEDIUM;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * MIME type of the `target`.\n   */\n  @property({ reflect: true })\n  type!: string;\n\n  /**\n   * `true` if the link has been visited.\n   */\n  @property({ type: Boolean, reflect: true })\n  visited = false;\n\n  render() {\n    const { disabled } = this;\n    return disabled ? this._renderDisabledLink() : this._renderLink();\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSLink;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,YAAY;CACvB,QAAQ;CACR,OAAO;CACP,OAAO;CACR;;;;;;;AAWD,oBACM,gBAAgB,WAAW,WAAW,CAAC;;;kBAIxB;kBAgGR;gBAwBF;cAwBc,UAAU;iBAkBvB;;;;;CA7JV,AAAU,kBAAkB,EAAE,UAAiB;EAC7C,MAAM,EAAE,SAAS;AAKjB,OAAK,SAAS,SAAS,aAAa,MAJhB,OAA2B,eAAe,CAAC,MAE5D,SAAS,KAAK,aAAa,KAAK,aAAa,KAAM,YAAa,MAAM,CACxE;AAED,OAAK,eAAe;;;;;CAUtB,IAAc,WAAgB;EAC5B,MAAM,EAAE,UAAU,MAAM,QAAQ,SAAS,aAAa;AACtD,SAAO,SAAS;IACb,GAAG,OAAO,UAAU;IACpB,GAAG,OAAO,oBAAoB;IAC9B,GAAG,OAAO,gBAAgB;IAC1B,GAAG,OAAO,kBAAkB;IAC5B,GAAG,OAAO,UAAU,SAAS;IAC7B,GAAG,OAAO,mBAAmB;GAC/B,CAAC;;;;;CAOJ,AAAU,eAAe;EACvB,MAAM,EAAE,UAAU,SAAS,mBAAmB,qBAAqB;AACnE,SAAO,IAAI;2BACY,iBAAiB;uBACrB,CAAC,QAAQ,WAAW,OAAO;yCACT,iBAAiB;;;;;;;CAQxD,AAAU,sBAAsB;EAC9B,MAAM,EAAE,UAAU,YAAY;AAC9B,SAAO,IAAI;wCACyB,QAAQ,IAAI,KAAK,cAAc,CAAC;;;;;;CAOtE,AAAU,cAAc;EACtB,MAAM,EACJ,UACA,MACA,UACA,UACA,MACA,KACA,QACA,MACA,UAAU,YACR;AACJ,SAAO,IAAI;;;;gBAIC,UAAU,SAAS,CAAC;iBACnB,QAAQ;;oBAEL,UAAU,SAAS,CAAC;gBACxB,UAAU,KAAK,CAAC;oBACZ,UAAU,SAAS,CAAC;gBACxB,UAAU,KAAK,CAAC;eACjB,UAAU,IAAI,CAAC;kBACZ,UAAU,OAAO,CAAC;gBACpB,UAAU,KAAK,CAAC;UACtB,KAAK,cAAc,CAAC;;;;CA6E5B,SAAS;EACP,MAAM,EAAE,aAAa;AACrB,SAAO,WAAW,KAAK,qBAAqB,GAAG,KAAK,aAAa;;;2BAGxC;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YA9Jf,MAAM,QAAQ;YAgFd,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS,EAAE,WAAW,aAAa,CAAC;YAMpC,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;sBAtK5CC,cAAc,GAAG,OAAO,OAAO;AAqLhC,mBAAe"}
+{"version":3,"file":"link.js","names":["styles","customElement"],"sources":["../../../src/components/link/link.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 { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './link.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Link size.\n */\nexport const LINK_SIZE = {\n  MEDIUM: 'md',\n  SMALL: 'sm',\n  LARGE: 'lg',\n};\n\n// Convert object key in a type\ntype LINK_SIZE_TYPE = (typeof LINK_SIZE)[keyof typeof LINK_SIZE];\n\n/**\n * Link.\n *\n * @element cds-link\n * @csspart link The link.\n */\n@customElement(`${prefix}-link`)\nclass CDSLink extends FocusMixin(LitElement) {\n  /**\n   * `true` if there is an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement).assignedNodes().some(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n    );\n    this[name === 'icon' ? '_hasIcon' : ''] = hasContent;\n    this.requestUpdate();\n  }\n\n  @query('#link')\n  protected _linkNode?: HTMLAnchorElement | HTMLParagraphElement;\n\n  /**\n   * The CSS class list for the link node.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n  protected get _classes(): any {\n    const { disabled, size, inline, visited, _hasIcon } = this;\n    return classMap({\n      [`${prefix}--link`]: true,\n      [`${prefix}--link--disabled`]: disabled,\n      [`${prefix}--link--icon`]: _hasIcon,\n      [`${prefix}--link--inline`]: inline,\n      [`${prefix}--link--${size}`]: size,\n      [`${prefix}--link--visited`]: visited,\n    });\n  }\n\n  /**\n   * @returns The inner content.\n   */\n\n  protected _renderInner() {\n    const { _hasIcon: hasIcon, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <span ?hidden=\"${!hasIcon}\" class=\"${prefix}--link__icon\">\n        <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n      </span>\n    `;\n  }\n\n  /**\n   * @returns The disabled link content.\n   */\n  protected _renderDisabledLink() {\n    const { _classes: classes } = this;\n    return html`\n      <p id=\"link\" part=\"link\" class=\"${classes}\">${this._renderInner()}</p>\n    `;\n  }\n\n  /**\n   * @returns The link content.\n   */\n  protected _renderLink() {\n    const {\n      download,\n      href,\n      hreflang,\n      linkRole,\n      ping,\n      rel,\n      target,\n      type,\n      _classes: classes,\n    } = this;\n    return html`\n      <a\n        tabindex=\"0\"\n        id=\"link\"\n        role=\"${ifDefined(linkRole)}\"\n        class=\"${classes}\"\n        part=\"link\"\n        download=\"${ifDefined(download)}\"\n        href=\"${ifDefined(href)}\"\n        hreflang=\"${ifDefined(hreflang)}\"\n        ping=\"${ifDefined(ping)}\"\n        rel=\"${ifDefined(rel)}\"\n        target=\"${ifDefined(target)}\"\n        type=\"${ifDefined(type)}\">\n        ${this._renderInner()}\n      </a>\n    `;\n  }\n\n  /**\n   * `true` if the link should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The default file name.\n   */\n  @property({ reflect: true })\n  download!: string;\n\n  /**\n   * Link `href`.\n   */\n  @property({ reflect: true })\n  href!: string;\n\n  /**\n   * The language of what `href` points to.\n   */\n  @property({ reflect: true })\n  hreflang!: string;\n\n  /**\n   * `true` if the link should be inline.\n   */\n  @property({ type: Boolean, reflect: true })\n  inline = false;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ attribute: 'link-role' })\n  linkRole!: string;\n\n  /**\n   * URLs to ping.\n   */\n  @property({ reflect: true })\n  ping!: string;\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * Link size.\n   */\n  @property({ reflect: true })\n  size: LINK_SIZE_TYPE = LINK_SIZE.MEDIUM;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * MIME type of the `target`.\n   */\n  @property({ reflect: true })\n  type!: string;\n\n  /**\n   * `true` if the link has been visited.\n   */\n  @property({ type: Boolean, reflect: true })\n  visited = false;\n\n  render() {\n    const { disabled } = this;\n    return disabled ? this._renderDisabledLink() : this._renderLink();\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSLink;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,YAAY;CACvB,QAAQ;CACR,OAAO;CACP,OAAO;CACR;;;;;;;AAWD,IAAA,UAAA,MACM,gBAAgB,WAAW,WAAW,CAAC;;;kBAIxB;kBAgGR;gBAwBF;cAwBc,UAAU;iBAkBvB;;;;;CA7JV,kBAA4B,EAAE,UAAiB;EAC7C,MAAM,EAAE,SAAS;EACjB,MAAM,aAAc,OAA2B,eAAe,CAAC,MAE5D,SAAS,KAAK,aAAa,KAAK,aAAa,KAAM,YAAa,MAAM,CACxE;AACD,OAAK,SAAS,SAAS,aAAa,MAAM;AAC1C,OAAK,eAAe;;;;;CAUtB,IAAc,WAAgB;EAC5B,MAAM,EAAE,UAAU,MAAM,QAAQ,SAAS,aAAa;AACtD,SAAO,SAAS;IACb,cAAoB;IACpB,wBAA8B;IAC9B,oBAA0B;IAC1B,sBAA4B;IAC5B,cAAoB,SAAS;IAC7B,uBAA6B;GAC/B,CAAC;;;;;CAOJ,eAAyB;EACvB,MAAM,EAAE,UAAU,SAAS,mBAAmB,qBAAqB;AACnE,SAAO,IAAI;2BACY,iBAAiB;uBACrB,CAAC,QAAQ,WAAA,MAAkB;yCACT,iBAAiB;;;;;;;CAQxD,sBAAgC;EAC9B,MAAM,EAAE,UAAU,YAAY;AAC9B,SAAO,IAAI;wCACyB,QAAQ,IAAI,KAAK,cAAc,CAAC;;;;;;CAOtE,cAAwB;EACtB,MAAM,EACJ,UACA,MACA,UACA,UACA,MACA,KACA,QACA,MACA,UAAU,YACR;AACJ,SAAO,IAAI;;;;gBAIC,UAAU,SAAS,CAAC;iBACnB,QAAQ;;oBAEL,UAAU,SAAS,CAAC;gBACxB,UAAU,KAAK,CAAC;oBACZ,UAAU,SAAS,CAAC;gBACxB,UAAU,KAAK,CAAC;eACjB,UAAU,IAAI,CAAC;kBACZ,UAAU,OAAO,CAAC;gBACpB,UAAU,KAAK,CAAC;UACtB,KAAK,cAAc,CAAC;;;;CA6E5B,SAAS;EACP,MAAM,EAAE,aAAa;AACrB,SAAO,WAAW,KAAK,qBAAqB,GAAG,KAAK,aAAa;;;2BAGxC;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YA9Jf,MAAM,QAAQ,CAAA,EAAA,QAAA,WAAA,aAAA,KAAA,EAAA;YAgFd,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,QAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,QAAA,WAAA,YAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,QAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,QAAA,WAAA,YAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,QAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,aAAa,CAAC,CAAA,EAAA,QAAA,WAAA,YAAA,KAAA,EAAA;YAMpC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,QAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,QAAA,WAAA,OAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,QAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,QAAA,WAAA,UAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,QAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,QAAA,WAAA,WAAA,KAAA,EAAA;sBAtK5CC,cAAc,WAAiB,CAAA,EAAA,QAAA;AAqLhC,IAAA,eAAe"}

package/es/components/link/link.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/link/link.scss?lit
 var link_default = css([".cds--link{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--link *,.cds--link :after,.cds--link :before{box-sizing:inherit}.cds--link{color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));display:inline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:none;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active:not(.cds--link--disabled),.cds--link:active:visited,.cds--link:active:visited:hover{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--link:active:not(.cds--link--disabled),.cds--link:active:visited,.cds--link:active:visited:hover{outline-style:dotted}}.cds--link:active:not(.cds--link--disabled),.cds--link:active:visited,.cds--link:active:visited:hover{color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds--link:focus:not(.cds--link--disabled){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--link:focus:not(.cds--link--disabled){outline-style:dotted}}.cds--link:focus:not(.cds--link--disabled){outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds--link:visited{color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe))}.cds--link:visited:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds--link--disabled,.cds--link--disabled:hover{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--link--disabled *,.cds--link--disabled :after,.cds--link--disabled :before,.cds--link--disabled:hover *,.cds--link--disabled:hover :after,.cds--link--disabled:hover :before{box-sizing:inherit}.cds--link--disabled,.cds--link--disabled:hover{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);text-decoration:none}.cds--link.cds--link--visited,.cds--link.cds--link--visited:visited{color:var(--cds-link-visited-text-color,var(--cds-link-visited,#8a3ffc))}.cds--link.cds--link--visited:hover,.cds--link.cds--link--visited:visited:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds--link.cds--link--inline{display:inline;text-decoration:underline}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375)}.cds--link__icon{align-items:center;block-size:1lh;display:inline-flex;line-height:inherit;margin-inline-start:.5rem;vertical-align:text-bottom}.cds--link--lg .cds--link__icon>svg{block-size:1.25rem;inline-size:1.25rem}.cds--link--lg .cds--link__icon{block-size:1.25rem}:host(cds-link){outline:none}:host(cds-link) .cds--link--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(cds-link) .cds--link__icon[hidden]{display:none}:host(cds-link) .cds--link--lg .cds--link__icon ::slotted(svg){block-size:1.25rem;inline-size:1.25rem}"]);
-
 //#endregion
 export { link_default as default };
+
 //# sourceMappingURL=link.scss.js.map

package/es/components/list/list-item.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 list_default from "./list.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/list/list-item.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -45,7 +44,7 @@ let CDSListItem = class CDSListItem extends LitElement {
 	* A selector that will return nested list.
 	*/
 	static get selectorNestedList() {
-		return `${prefix}-ordered-list[slot="nested"],${prefix}-unordered-list[slot="nested"]`;
+		return `cds-ordered-list[slot="nested"],cds-unordered-list[slot="nested"]`;
 	}
 	static {
 		this.styles = list_default;
@@ -55,9 +54,9 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSListItem.prototype, "nested", void 0);
-CDSListItem = __decorate([carbonElement(`${prefix}-list-item`)], CDSListItem);
+CDSListItem = __decorate([carbonElement(`cds-list-item`)], CDSListItem);
 var list_item_default = CDSListItem;
-
 //#endregion
 export { list_item_default as default };
+
 //# sourceMappingURL=list-item.js.map