@carbon/web-components 2.52.0 → 2.53.0

package/es/components/chat-button/chat-button-skeleton.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 button_default from "../button/button.scss.js";
 import { CHAT_BUTTON_SIZE } from "./defs.js";
 import chat_button_default from "./chat-button.scss.js";
 import { LitElement, adoptStyles, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
-
 //#region src/components/chat-button/chat-button-skeleton.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -30,7 +29,7 @@ import { classMap } from "lit/directives/class-map.js";
 let CDSChatButtonSkeleton = class CDSChatButtonSkeleton extends LitElement {
 	constructor(..._args) {
 		super(..._args);
-		this.size = CHAT_BUTTON_SIZE.LARGE;
+		this.size = "lg";
 	}
 	connectedCallback() {
 		super.connectedCallback();
@@ -38,17 +37,17 @@ let CDSChatButtonSkeleton = class CDSChatButtonSkeleton extends LitElement {
 	}
 	render() {
 		return html` <div class="${classMap({
-			[`${prefix}--skeleton`]: true,
-			[`${prefix}--btn`]: true,
-			[`${prefix}--chat-btn`]: true,
-			[`${prefix}--layout--size-${this.size}`]: this.size
+			[`cds--skeleton`]: true,
+			[`cds--btn`]: true,
+			[`cds--chat-btn`]: true,
+			[`cds--layout--size-${this.size}`]: this.size
 		})}"></div> `;
 	}
 };
 __decorate([property({ reflect: true })], CDSChatButtonSkeleton.prototype, "size", void 0);
-CDSChatButtonSkeleton = __decorate([carbonElement(`${prefix}-chat-button-skeleton`)], CDSChatButtonSkeleton);
+CDSChatButtonSkeleton = __decorate([carbonElement(`cds-chat-button-skeleton`)], CDSChatButtonSkeleton);
 var chat_button_skeleton_default = CDSChatButtonSkeleton;
-
 //#endregion
 export { CHAT_BUTTON_SIZE, chat_button_skeleton_default as default };
+
 //# sourceMappingURL=chat-button-skeleton.js.map

package/es/components/chat-button/chat-button-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-button-skeleton.js","names":["buttonStyles","styles","customElement"],"sources":["../../../src/components/chat-button/chat-button-skeleton.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 { classMap } from 'lit/directives/class-map.js';\nimport { adoptStyles, LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { CHAT_BUTTON_SIZE } from './defs';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './chat-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { CHAT_BUTTON_SIZE };\n/**\n * Chat button skeleton.\n *\n * @element cds-chat-button-skeleton\n */\n@customElement(`${prefix}-chat-button-skeleton`)\nclass CDSChatButtonSkeleton extends LitElement {\n  /**\n   * Specify the size of the `ChatButtonSkeleton`, from the following list of sizes: 'sm', 'md', 'lg'\n   */\n  @property({ reflect: true })\n  size = CHAT_BUTTON_SIZE.LARGE;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [buttonStyles, styles]);\n  }\n\n  render() {\n    const skeletonClasses = classMap({\n      [`${prefix}--skeleton`]: true,\n      [`${prefix}--btn`]: true,\n      [`${prefix}--chat-btn`]: true,\n      [`${prefix}--layout--size-${this.size}`]: this.size,\n    });\n\n    return html` <div class=\"${skeletonClasses}\"></div> `;\n  }\n}\n\nexport default CDSChatButtonSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,kCACM,8BAA8B,WAAW;;;cAKtC,iBAAiB;;CAExB,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,cAAY,KAAK,YAA0B,CAACA,gBAAcC,oBAAO,CAAC;;CAGpE,SAAS;AAQP,SAAO,IAAI,gBAPa,SAAS;IAC9B,GAAG,OAAO,cAAc;IACxB,GAAG,OAAO,SAAS;IACnB,GAAG,OAAO,cAAc;IACxB,GAAG,OAAO,iBAAiB,KAAK,SAAS,KAAK;GAChD,CAAC,CAEyC;;;YAjB5C,SAAS,EAAE,SAAS,MAAM,CAAC;oCAL7BC,cAAc,GAAG,OAAO,uBAAuB;AA0BhD,mCAAe"}
+{"version":3,"file":"chat-button-skeleton.js","names":["buttonStyles","styles","customElement"],"sources":["../../../src/components/chat-button/chat-button-skeleton.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 { classMap } from 'lit/directives/class-map.js';\nimport { adoptStyles, LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { CHAT_BUTTON_SIZE } from './defs';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './chat-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { CHAT_BUTTON_SIZE };\n/**\n * Chat button skeleton.\n *\n * @element cds-chat-button-skeleton\n */\n@customElement(`${prefix}-chat-button-skeleton`)\nclass CDSChatButtonSkeleton extends LitElement {\n  /**\n   * Specify the size of the `ChatButtonSkeleton`, from the following list of sizes: 'sm', 'md', 'lg'\n   */\n  @property({ reflect: true })\n  size = CHAT_BUTTON_SIZE.LARGE;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [buttonStyles, styles]);\n  }\n\n  render() {\n    const skeletonClasses = classMap({\n      [`${prefix}--skeleton`]: true,\n      [`${prefix}--btn`]: true,\n      [`${prefix}--chat-btn`]: true,\n      [`${prefix}--layout--size-${this.size}`]: this.size,\n    });\n\n    return html` <div class=\"${skeletonClasses}\"></div> `;\n  }\n}\n\nexport default CDSChatButtonSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAA,wBAAA,MACM,8BAA8B,WAAW;;;;;CAO7C,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,cAAY,KAAK,YAA0B,CAACA,gBAAcC,oBAAO,CAAC;;CAGpE,SAAS;AAQP,SAAO,IAAI,gBAPa,SAAS;IAC9B,kBAAwB;IACxB,aAAmB;IACnB,kBAAwB;IACxB,qBAA2B,KAAK,SAAS,KAAK;GAChD,CAAC,CAEyC;;;YAjB5C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,sBAAA,WAAA,QAAA,KAAA,EAAA;oCAL7BC,cAAc,2BAAiC,CAAA,EAAA,sBAAA;AA0BhD,IAAA,+BAAe"}

package/es/components/chat-button/chat-button.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 button_default from "../button/button.scss.js";
 import "../button/button.js";
 import { CHAT_BUTTON_KIND, CHAT_BUTTON_SIZE } from "./defs.js";
 import chat_button_default$1 from "./chat-button.scss.js";
 import { LitElement, adoptStyles, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/chat-button/chat-button.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -33,8 +32,8 @@ let CDSChatButton = class CDSChatButton extends LitElement {
 		super(..._args);
 		this._hasIcon = false;
 		this.disabled = false;
-		this.kind = CHAT_BUTTON_KIND.PRIMARY;
-		this.size = CHAT_BUTTON_SIZE.LARGE;
+		this.kind = "primary";
+		this.size = "lg";
 		this.isQuickAction = false;
 		this.isSelected = false;
 	}
@@ -51,18 +50,18 @@ let CDSChatButton = class CDSChatButton extends LitElement {
 	}
 	render() {
 		const allowedSizes = [
-			CHAT_BUTTON_SIZE.SMALL,
-			CHAT_BUTTON_SIZE.MEDIUM,
-			CHAT_BUTTON_SIZE.LARGE
+			"sm",
+			"md",
+			"lg"
 		];
 		if (this.isQuickAction) {
-			this.kind = CHAT_BUTTON_KIND.GHOST;
-			this.size = CHAT_BUTTON_SIZE.SMALL;
-		} else this.size = allowedSizes.includes(this.size) ? this.size : CHAT_BUTTON_SIZE.LARGE;
-		let classes = `${prefix}--chat-btn`;
-		classes += this._hasIcon ? ` ${prefix}--chat-btn--with-icon` : "";
-		classes += this.isQuickAction ? ` ${prefix}--chat-btn--quick-action` : "";
-		classes += this.isSelected ? ` ${prefix}--chat-btn--quick-action--selected` : "";
+			this.kind = "ghost";
+			this.size = "sm";
+		} else this.size = allowedSizes.includes(this.size) ? this.size : "lg";
+		let classes = `cds--chat-btn`;
+		classes += this._hasIcon ? ` cds--chat-btn--with-icon` : "";
+		classes += this.isQuickAction ? ` cds--chat-btn--quick-action` : "";
+		classes += this.isSelected ? ` cds--chat-btn--quick-action--selected` : "";
 		return html`
       <cds-button
         button-class-name="${classes}"
@@ -92,9 +91,9 @@ __decorate([property({
 	attribute: "is-selected",
 	type: Boolean
 })], CDSChatButton.prototype, "isSelected", void 0);
-CDSChatButton = __decorate([carbonElement(`${prefix}-chat-button`)], CDSChatButton);
+CDSChatButton = __decorate([carbonElement(`cds-chat-button`)], CDSChatButton);
 var chat_button_default = CDSChatButton;
-
 //#endregion
 export { CHAT_BUTTON_KIND, CHAT_BUTTON_SIZE, chat_button_default as default };
+
 //# sourceMappingURL=chat-button.js.map

package/es/components/chat-button/chat-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-button.js","names":["buttonStyles","styles","customElement"],"sources":["../../../src/components/chat-button/chat-button.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 { adoptStyles, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport '../button/button';\nimport { CHAT_BUTTON_SIZE, CHAT_BUTTON_KIND } from './defs';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './chat-button.scss?lit';\n\nexport { CHAT_BUTTON_SIZE, CHAT_BUTTON_KIND };\n\n/**\n * Chat Button\n *\n * @element cds-chat-button\n *\n */\n@customElement(`${prefix}-chat-button`)\nclass CDSChatButton extends LitElement {\n  /**\n   * `true` if there is an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    this._hasIcon = (target as HTMLSlotElement).assignedNodes().some(\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim() // eslint-disable-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    );\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   *  Specify whether the `ChatButton` should be disabled\n   */\n  @property({ reflect: true })\n  kind = CHAT_BUTTON_KIND.PRIMARY;\n\n  /**\n   * Chat button size.\n   */\n  @property({ reflect: true })\n  size = CHAT_BUTTON_SIZE.LARGE;\n\n  /**\n   * Specify whether the `ChatButton` should be rendered as a quick action button\n   */\n  @property({ attribute: 'is-quick-action', type: Boolean })\n  isQuickAction = false;\n\n  /**\n   * Specify whether the quick action `ChatButton` should be rendered as selected. This disables the input\n   */\n  @property({ attribute: 'is-selected', type: Boolean })\n  isSelected = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [buttonStyles, styles]);\n  }\n\n  render() {\n    const allowedSizes = [\n      CHAT_BUTTON_SIZE.SMALL,\n      CHAT_BUTTON_SIZE.MEDIUM,\n      CHAT_BUTTON_SIZE.LARGE,\n    ];\n\n    if (this.isQuickAction) {\n      this.kind = CHAT_BUTTON_KIND.GHOST;\n      this.size = CHAT_BUTTON_SIZE.SMALL;\n    } else {\n      // Do not allow size larger than `lg`\n      this.size = allowedSizes.includes(this.size)\n        ? this.size\n        : CHAT_BUTTON_SIZE.LARGE;\n    }\n\n    let classes = `${prefix}--chat-btn`;\n    classes += this._hasIcon ? ` ${prefix}--chat-btn--with-icon` : '';\n    classes += this.isQuickAction ? ` ${prefix}--chat-btn--quick-action` : '';\n    classes += this.isSelected\n      ? ` ${prefix}--chat-btn--quick-action--selected`\n      : '';\n\n    return html`\n      <cds-button\n        button-class-name=\"${classes}\"\n        size=\"${this.size}\"\n        kind=\"${this.kind}\"\n        ?disabled=\"${this.disabled}\">\n        <slot></slot\n        ><slot\n          name=\"icon\"\n          slot=\"icon\"\n          @slotchange=\"${this._handleSlotChange}\"></slot>\n      </cds-button>\n    `;\n  }\n}\n\nexport default CDSChatButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,0BACM,sBAAsB,WAAW;;;kBAIlB;kBAgBR;cAMJ,iBAAiB;cAMjB,iBAAiB;uBAMR;oBAMH;;;;;CAnCb,AAAQ,kBAAkB,EAAE,UAAiB;AAC3C,OAAK,WAAY,OAA2B,eAAe,CAAC,MACzD,SAAS,KAAK,aAAa,KAAK,aAAa,KAAM,YAAa,MAAM,CACxE;AACD,OAAK,eAAe;;CAiCtB,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,cAAY,KAAK,YAA0B,CAACA,gBAAcC,sBAAO,CAAC;;CAGpE,SAAS;EACP,MAAM,eAAe;GACnB,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB;GAClB;AAED,MAAI,KAAK,eAAe;AACtB,QAAK,OAAO,iBAAiB;AAC7B,QAAK,OAAO,iBAAiB;QAG7B,MAAK,OAAO,aAAa,SAAS,KAAK,KAAK,GACxC,KAAK,OACL,iBAAiB;EAGvB,IAAI,UAAU,GAAG,OAAO;AACxB,aAAW,KAAK,WAAW,IAAI,OAAO,yBAAyB;AAC/D,aAAW,KAAK,gBAAgB,IAAI,OAAO,4BAA4B;AACvE,aAAW,KAAK,aACZ,IAAI,OAAO,sCACX;AAEJ,SAAO,IAAI;;6BAEc,QAAQ;gBACrB,KAAK,KAAK;gBACV,KAAK,KAAK;qBACL,KAAK,SAAS;;;;;yBAKV,KAAK,kBAAkB;;;;;YAnE7C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS;CAAE,WAAW;CAAmB,MAAM;CAAS,CAAC;YAMzD,SAAS;CAAE,WAAW;CAAe,MAAM;CAAS,CAAC;4BA5CvDC,cAAc,GAAG,OAAO,cAAc;AA6FvC,0BAAe"}
+{"version":3,"file":"chat-button.js","names":["buttonStyles","styles","customElement"],"sources":["../../../src/components/chat-button/chat-button.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 { adoptStyles, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport '../button/button';\nimport { CHAT_BUTTON_SIZE, CHAT_BUTTON_KIND } from './defs';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './chat-button.scss?lit';\n\nexport { CHAT_BUTTON_SIZE, CHAT_BUTTON_KIND };\n\n/**\n * Chat Button\n *\n * @element cds-chat-button\n *\n */\n@customElement(`${prefix}-chat-button`)\nclass CDSChatButton extends LitElement {\n  /**\n   * `true` if there is an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    this._hasIcon = (target as HTMLSlotElement).assignedNodes().some(\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim() // eslint-disable-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    );\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   *  Specify whether the `ChatButton` should be disabled\n   */\n  @property({ reflect: true })\n  kind = CHAT_BUTTON_KIND.PRIMARY;\n\n  /**\n   * Chat button size.\n   */\n  @property({ reflect: true })\n  size = CHAT_BUTTON_SIZE.LARGE;\n\n  /**\n   * Specify whether the `ChatButton` should be rendered as a quick action button\n   */\n  @property({ attribute: 'is-quick-action', type: Boolean })\n  isQuickAction = false;\n\n  /**\n   * Specify whether the quick action `ChatButton` should be rendered as selected. This disables the input\n   */\n  @property({ attribute: 'is-selected', type: Boolean })\n  isSelected = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [buttonStyles, styles]);\n  }\n\n  render() {\n    const allowedSizes = [\n      CHAT_BUTTON_SIZE.SMALL,\n      CHAT_BUTTON_SIZE.MEDIUM,\n      CHAT_BUTTON_SIZE.LARGE,\n    ];\n\n    if (this.isQuickAction) {\n      this.kind = CHAT_BUTTON_KIND.GHOST;\n      this.size = CHAT_BUTTON_SIZE.SMALL;\n    } else {\n      // Do not allow size larger than `lg`\n      this.size = allowedSizes.includes(this.size)\n        ? this.size\n        : CHAT_BUTTON_SIZE.LARGE;\n    }\n\n    let classes = `${prefix}--chat-btn`;\n    classes += this._hasIcon ? ` ${prefix}--chat-btn--with-icon` : '';\n    classes += this.isQuickAction ? ` ${prefix}--chat-btn--quick-action` : '';\n    classes += this.isSelected\n      ? ` ${prefix}--chat-btn--quick-action--selected`\n      : '';\n\n    return html`\n      <cds-button\n        button-class-name=\"${classes}\"\n        size=\"${this.size}\"\n        kind=\"${this.kind}\"\n        ?disabled=\"${this.disabled}\">\n        <slot></slot\n        ><slot\n          name=\"icon\"\n          slot=\"icon\"\n          @slotchange=\"${this._handleSlotChange}\"></slot>\n      </cds-button>\n    `;\n  }\n}\n\nexport default CDSChatButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,gBAAA,MACM,sBAAsB,WAAW;;;kBAIlB;kBAgBR;;;uBAkBK;oBAMH;;;;;CAnCb,kBAA0B,EAAE,UAAiB;AAC3C,OAAK,WAAY,OAA2B,eAAe,CAAC,MACzD,SAAS,KAAK,aAAa,KAAK,aAAa,KAAM,YAAa,MAAM,CACxE;AACD,OAAK,eAAe;;CAiCtB,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,cAAY,KAAK,YAA0B,CAACA,gBAAcC,sBAAO,CAAC;;CAGpE,SAAS;EACP,MAAM,eAAe;;;;GAIpB;AAED,MAAI,KAAK,eAAe;AACtB,QAAK,OAAA;AACL,QAAK,OAAA;QAGL,MAAK,OAAO,aAAa,SAAS,KAAK,KAAK,GACxC,KAAK,OAAA;EAIX,IAAI,UAAU;AACd,aAAW,KAAK,WAAW,8BAAoC;AAC/D,aAAW,KAAK,gBAAgB,iCAAuC;AACvE,aAAW,KAAK,aACZ,2CACA;AAEJ,SAAO,IAAI;;6BAEc,QAAQ;gBACrB,KAAK,KAAK;gBACV,KAAK,KAAK;qBACL,KAAK,SAAS;;;;;yBAKV,KAAK,kBAAkB;;;;;YAnE7C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,cAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,cAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,cAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,WAAW;CAAmB,MAAM;CAAS,CAAC,CAAA,EAAA,cAAA,WAAA,iBAAA,KAAA,EAAA;YAMzD,SAAS;CAAE,WAAW;CAAe,MAAM;CAAS,CAAC,CAAA,EAAA,cAAA,WAAA,cAAA,KAAA,EAAA;4BA5CvDC,cAAc,kBAAwB,CAAA,EAAA,cAAA;AA6FvC,IAAA,sBAAe"}

package/es/components/chat-button/chat-button.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/chat-button/chat-button.scss?lit
 var chat_button_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-chat-button-skeleton){--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}"]);
-
 //#endregion
 export { chat_button_default as default };
+
 //# sourceMappingURL=chat-button.scss.js.map

package/es/components/chat-button/defs.js

@@ -56,7 +56,7 @@ let CHAT_BUTTON_KIND = /* @__PURE__ */ function(CHAT_BUTTON_KIND) {
 	CHAT_BUTTON_KIND["DANGER"] = "danger";
 	return CHAT_BUTTON_KIND;
 }({});
-
 //#endregion
 export { CHAT_BUTTON_KIND, CHAT_BUTTON_SIZE };
+
 //# sourceMappingURL=defs.js.map

package/es/components/chat-button/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/chat-button/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Chat Button size.\n */\nexport enum CHAT_BUTTON_SIZE {\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/**\n * Chat button kind.\n */\nexport enum CHAT_BUTTON_KIND {\n  /**\n   * Primary button.\n   */\n  PRIMARY = 'primary',\n\n  /**\n   * Secondary button.\n   */\n  SECONDARY = 'secondary',\n\n  /**\n   * Tertiary button.\n   */\n  TERTIARY = 'tertiary',\n\n  /**\n   * Ghost button.\n   */\n  GHOST = 'ghost',\n\n  /**\n   * Danger button.\n   */\n  DANGER = 'danger',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,8DAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;;;AAMF,IAAY,8DAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/chat-button/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Chat Button size.\n */\nexport enum CHAT_BUTTON_SIZE {\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/**\n * Chat button kind.\n */\nexport enum CHAT_BUTTON_KIND {\n  /**\n   * Primary button.\n   */\n  PRIMARY = 'primary',\n\n  /**\n   * Secondary button.\n   */\n  SECONDARY = 'secondary',\n\n  /**\n   * Tertiary button.\n   */\n  TERTIARY = 'tertiary',\n\n  /**\n   * Ghost button.\n   */\n  GHOST = 'ghost',\n\n  /**\n   * Danger button.\n   */\n  DANGER = 'danger',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,mBAAL,yBAAA,kBAAA;;;;AAIL,kBAAA,WAAA;;;;AAKA,kBAAA,YAAA;;;;AAKA,kBAAA,WAAA;;KACD;;;;AAKD,IAAY,mBAAL,yBAAA,kBAAA;;;;AAIL,kBAAA,aAAA;;;;AAKA,kBAAA,eAAA;;;;AAKA,kBAAA,cAAA;;;;AAKA,kBAAA,WAAA;;;;AAKA,kBAAA,YAAA;;KACD"}

package/es/components/checkbox/checkbox-group.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2024
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/checkbox/checkbox-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,cAAc,MAAC;IAEf;;OAEG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,UAAU,MAAC;IAEX;;OAEG;IAEH,OAAO,MAAC;IAER;;OAEG;IAEH,WAAW,MAAC;IAEZ;;;OAGG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,UAAU,MAAC;IAEX;;OAEG;IAEH,WAAW,uBAAiC;IAE5C;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAKd,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAoB7C;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B,OAAO,CAAC,iBAAiB,KAAA;IAwBzB,MAAM;IAiFN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,cAAc,MAAC;IAEf;;OAEG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,UAAU,MAAC;IAEX;;OAEG;IAEH,OAAO,MAAC;IAER;;OAEG;IAEH,WAAW,MAAC;IAEZ;;;OAGG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,UAAU,MAAC;IAEX;;OAEG;IAEH,WAAW,uBAAiC;IAE5C;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAKd,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAoB7C;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B,OAAO,CAAC,iBAAiB,KAAA;IA6BzB,MAAM;IA2FN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}

package/es/components/checkbox/checkbox-group.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 checkbox_default from "./checkbox.scss.js";
 import { CHECKBOX_ORIENTATION } from "./defs.js";
@@ -16,10 +16,9 @@ import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import WarningFilled16 from "@carbon/icons/es/warning--filled/16.js";
 import WarningAltFilled16 from "@carbon/icons/es/warning--alt--filled/16.js";
-
 //#region src/components/checkbox/checkbox-group.ts
 /**
-* Copyright IBM Corp. 2019, 2024
+* Copyright IBM Corp. 2019, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
@@ -32,7 +31,7 @@ import WarningAltFilled16 from "@carbon/icons/es/warning--alt--filled/16.js";
 let CDSCheckboxGroup = class CDSCheckboxGroup extends LitElement {
 	constructor(..._args) {
 		super(..._args);
-		this.orientation = CHECKBOX_ORIENTATION.VERTICAL;
+		this.orientation = "vertical";
 		this.readonly = false;
 		this.warn = false;
 		this.warnText = "";
@@ -59,54 +58,58 @@ let CDSCheckboxGroup = class CDSCheckboxGroup extends LitElement {
 				});
 			}
 		});
-		if (changedProperties.has("invalid")) {
-			const { invalid } = this;
+		if (changedProperties.has("invalid") || changedProperties.has("disabled") || changedProperties.has("readonly")) {
+			const { invalid, disabled, readonly } = this;
+			const hasInvalidState = invalid && !disabled && !readonly;
 			checkboxes.forEach((elem) => {
-				if (invalid) elem.setAttribute("invalid-group", "");
+				if (hasInvalidState) elem.setAttribute("invalid-group", "");
 				else elem.removeAttribute("invalid-group");
 			});
 		}
 	}
 	render() {
 		const { ariaLabelledBy, disabled, helperText, invalid, invalidText, legendId, legendText, orientation, readonly, warn, warnText, _hasAILabel: hasAILabel, _handleSlotChange: handleSlotChange } = this;
-		const showWarning = !readonly && !invalid && warn;
-		const showHelper = !invalid && !warn;
+		const normalizedProps = {
+			invalid: !readonly && !disabled && invalid,
+			warn: !readonly && !invalid && !disabled && warn
+		};
+		const showHelper = !normalizedProps.invalid && !normalizedProps.warn;
 		const checkboxGroupInstanceId = Math.random().toString(16).slice(2);
 		const helperId = !helperText ? void 0 : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;
-		const helper = helperText ? html` <div id="${helperId}" class="${prefix}--form__helper-text">
+		const helper = helperText ? html` <div id="${helperId}" class="${"cds"}--form__helper-text">
           ${helperText}
         </div>` : null;
 		return html`
       <fieldset
         class="${classMap({
-			[`${prefix}--checkbox-group`]: true,
-			[`${prefix}--checkbox-group--readonly`]: readonly,
-			[`${prefix}--checkbox-group--invalid`]: !readonly && invalid,
-			[`${prefix}--checkbox-group--warning`]: showWarning,
-			[`${prefix}--checkbox-group--slug`]: hasAILabel,
-			[`${prefix}--checkbox-group--${orientation}`]: orientation === "horizontal"
+			[`cds--checkbox-group`]: true,
+			[`cds--checkbox-group--readonly`]: readonly,
+			[`cds--checkbox-group--invalid`]: normalizedProps.invalid,
+			[`cds--checkbox-group--warning`]: normalizedProps.warn,
+			[`cds--checkbox-group--slug`]: hasAILabel,
+			[`cds--checkbox-group--${orientation}`]: orientation === "horizontal"
 		})}"
-        ?data-invalid=${invalid}
+        ?data-invalid=${normalizedProps.invalid}
         ?disabled=${disabled}
-        aria-disabled=${readonly}
+        aria-disabled=${readonly || disabled}
         ?aria-labelledby=${ariaLabelledBy || legendId}
-        ?aria-describedby=${!invalid && !warn && helper ? helperId : void 0}
+        ?aria-describedby=${!normalizedProps.invalid && !normalizedProps.warn && helper ? helperId : void 0}
         orientation=${orientation}>
-        <legend class="${prefix}--label" id=${legendId || ariaLabelledBy}>
+        <legend class="${"cds"}--label" id=${legendId || ariaLabelledBy}>
           ${legendText}
           <slot name="ai-label" @slotchange="${handleSlotChange}"></slot>
           <slot name="decorator" @slotchange="${handleSlotChange}"></slot>
           <slot name="slug" @slotchange="${handleSlotChange}"></slot>
         </legend>
         <slot></slot>
-        <div class="${prefix}--checkbox-group__validation-msg">
-          ${!readonly && invalid ? html`
-                ${iconLoader(WarningFilled16, { class: `${prefix}--checkbox__invalid-icon` })}
-                <div class="${prefix}--form-requirement">${invalidText}</div>
+        <div class="${"cds"}--checkbox-group__validation-msg">
+          ${normalizedProps.invalid ? html`
+                ${iconLoader(WarningFilled16, { class: `cds--checkbox__invalid-icon` })}
+                <div class="${"cds"}--form-requirement">${invalidText}</div>
               ` : null}
-          ${showWarning ? html`
-                ${iconLoader(WarningAltFilled16, { class: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning` })}
-                <div class="${prefix}--form-requirement">${warnText}</div>
+          ${normalizedProps.warn ? html`
+                ${iconLoader(WarningAltFilled16, { class: `cds--checkbox__invalid-icon cds--checkbox__invalid-icon--warning` })}
+                <div class="${"cds"}--form-requirement">${warnText}</div>
               ` : null}
         </div>
         ${showHelper ? helper : null}
@@ -117,7 +120,7 @@ let CDSCheckboxGroup = class CDSCheckboxGroup extends LitElement {
 	* A selector that will return the checkboxes.
 	*/
 	static get selectorCheckbox() {
-		return `${prefix}-checkbox`;
+		return `cds-checkbox`;
 	}
 	/**
 	* A selector that will return the slug item.
@@ -125,13 +128,13 @@ let CDSCheckboxGroup = class CDSCheckboxGroup extends LitElement {
 	* remove in v12
 	*/
 	static get slugItem() {
-		return `${prefix}-slug`;
+		return `cds-slug`;
 	}
 	/**
 	* A selector that will return the AI Label item.
 	*/
 	static get aiLabelItem() {
-		return `${prefix}-ai-label`;
+		return `cds-ai-label`;
 	}
 	static {
 		this.shadowRootOptions = {
@@ -191,9 +194,9 @@ __decorate([property({
 	reflect: true,
 	attribute: "warn-text"
 })], CDSCheckboxGroup.prototype, "warnText", void 0);
-CDSCheckboxGroup = __decorate([carbonElement(`${prefix}-checkbox-group`)], CDSCheckboxGroup);
+CDSCheckboxGroup = __decorate([carbonElement(`cds-checkbox-group`)], CDSCheckboxGroup);
 var checkbox_group_default = CDSCheckboxGroup;
-
 //#endregion
 export { CHECKBOX_ORIENTATION, checkbox_group_default as default };
+
 //# sourceMappingURL=checkbox-group.js.map

package/es/components/checkbox/checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.js","names":["styles","customElement"],"sources":["../../../src/components/checkbox/checkbox-group.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport CDSCheckbox from './checkbox';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './checkbox.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { CHECKBOX_ORIENTATION } from './defs';\n\nexport { CHECKBOX_ORIENTATION };\n/**\n * Check box.\n *\n * @element cds-checkbox-group\n */\n@customElement(`${prefix}-checkbox-group`)\nclass CDSCheckboxGroup extends LitElement {\n  /**\n   * fieldset `aria-labelledby`\n   */\n  @property({ type: String, reflect: true, attribute: 'aria-labelledby' })\n  ariaLabelledBy;\n\n  /**\n   * Specify whether the form group is currently disabled\n   */\n  @property({ type: Boolean })\n  disabled;\n\n  /**\n   * Provide text for the form group for additional help\n   */\n  @property({ type: String, reflect: true, attribute: 'helper-text' })\n  helperText;\n\n  /**\n   * Specify whether the form group is currently invalid\n   */\n  @property({ type: Boolean, attribute: 'invalid' })\n  invalid;\n\n  /**\n   * Provide the text that is displayed when the form group is in an invalid state\n   */\n  @property({ type: String, reflect: true, attribute: 'invalid-text' })\n  invalidText;\n\n  /**\n   * Provide id for the fieldset <legend> which corresponds to the fieldset\n   * `aria-labelledby`\n   */\n  @property({ type: String, reflect: true, attribute: 'legend-id' })\n  legendId;\n\n  /**\n   * Provide the text to be rendered inside of the fieldset <legend>\n   */\n  @property({ type: String, reflect: true, attribute: 'legend-text' })\n  legendText;\n\n  /**\n   * Provide the orientation for how the checkbox should be displayed\n   */\n  @property({ type: String, reflect: true, attribute: 'orientation' })\n  orientation = CHECKBOX_ORIENTATION.VERTICAL;\n\n  /**\n   * Whether the CheckboxGroup should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Specify whether the form group is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the form group is in warning state\n   */\n  @property({ type: String, reflect: true, attribute: 'warn-text' })\n  warnText = '';\n\n  /*\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSCheckboxGroup).aiLabelItem\n            ) ||\n            // remove slug reference in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSCheckboxGroup).slugItem\n            )\n          : false\n      );\n\n    this._hasAILabel = Boolean(hasContent);\n    (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  updated(changedProperties) {\n    const { selectorCheckbox } = this.constructor as typeof CDSCheckboxGroup;\n    const checkboxes = this.querySelectorAll(selectorCheckbox);\n    ['disabled', 'readonly', 'orientation'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSCheckboxGroup]: value } = this;\n        // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n        checkboxes.forEach((elem) => {\n          (elem as CDSCheckbox)[name] = value;\n        });\n      }\n    });\n    if (changedProperties.has('invalid')) {\n      const { invalid } = this;\n      checkboxes.forEach((elem) => {\n        if (invalid) {\n          (elem as CDSCheckbox).setAttribute('invalid-group', '');\n        } else {\n          (elem as CDSCheckbox).removeAttribute('invalid-group');\n        }\n      });\n    }\n  }\n\n  render() {\n    const {\n      ariaLabelledBy,\n      disabled,\n      helperText,\n      invalid,\n      invalidText,\n      legendId,\n      legendText,\n      orientation,\n      readonly,\n      warn,\n      warnText,\n      _hasAILabel: hasAILabel,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const showWarning = !readonly && !invalid && warn;\n    const showHelper = !invalid && !warn;\n\n    const checkboxGroupInstanceId = Math.random().toString(16).slice(2);\n\n    const helperId = !helperText\n      ? undefined\n      : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;\n\n    const helper = helperText\n      ? html` <div id=\"${helperId}\" class=\"${prefix}--form__helper-text\">\n          ${helperText}\n        </div>`\n      : null;\n\n    const fieldsetClasses = classMap({\n      [`${prefix}--checkbox-group`]: true,\n      [`${prefix}--checkbox-group--readonly`]: readonly,\n      [`${prefix}--checkbox-group--invalid`]: !readonly && invalid,\n      [`${prefix}--checkbox-group--warning`]: showWarning,\n      [`${prefix}--checkbox-group--slug`]: hasAILabel,\n      [`${prefix}--checkbox-group--${orientation}`]:\n        orientation === 'horizontal',\n    });\n\n    return html`\n      <fieldset\n        class=\"${fieldsetClasses}\"\n        ?data-invalid=${invalid}\n        ?disabled=${disabled}\n        aria-disabled=${readonly}\n        ?aria-labelledby=${ariaLabelledBy || legendId}\n        ?aria-describedby=${!invalid && !warn && helper ? helperId : undefined}\n        orientation=${orientation}>\n        <legend class=\"${prefix}--label\" id=${legendId || ariaLabelledBy}>\n          ${legendText}\n          <slot name=\"ai-label\" @slotchange=\"${handleSlotChange}\"></slot>\n          <slot name=\"decorator\" @slotchange=\"${handleSlotChange}\"></slot>\n          <slot name=\"slug\" @slotchange=\"${handleSlotChange}\"></slot>\n        </legend>\n        <slot></slot>\n        <div class=\"${prefix}--checkbox-group__validation-msg\">\n          ${!readonly && invalid\n            ? html`\n                ${iconLoader(WarningFilled16, {\n                  class: `${prefix}--checkbox__invalid-icon`,\n                })}\n                <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n              `\n            : null}\n          ${showWarning\n            ? html`\n                ${iconLoader(WarningAltFilled16, {\n                  class: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`,\n                })}\n                <div class=\"${prefix}--form-requirement\">${warnText}</div>\n              `\n            : null}\n        </div>\n        ${showHelper ? helper : null}\n      </fieldset>\n    `;\n  }\n\n  /**\n   * A selector that will return the checkboxes.\n   */\n  static get selectorCheckbox() {\n    return `${prefix}-checkbox`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSCheckboxGroup;\n"],"mappings":"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"}
+{"version":3,"file":"checkbox-group.js","names":["styles","customElement"],"sources":["../../../src/components/checkbox/checkbox-group.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport CDSCheckbox from './checkbox';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './checkbox.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { CHECKBOX_ORIENTATION } from './defs';\n\nexport { CHECKBOX_ORIENTATION };\n/**\n * Check box.\n *\n * @element cds-checkbox-group\n */\n@customElement(`${prefix}-checkbox-group`)\nclass CDSCheckboxGroup extends LitElement {\n  /**\n   * fieldset `aria-labelledby`\n   */\n  @property({ type: String, reflect: true, attribute: 'aria-labelledby' })\n  ariaLabelledBy;\n\n  /**\n   * Specify whether the form group is currently disabled\n   */\n  @property({ type: Boolean })\n  disabled;\n\n  /**\n   * Provide text for the form group for additional help\n   */\n  @property({ type: String, reflect: true, attribute: 'helper-text' })\n  helperText;\n\n  /**\n   * Specify whether the form group is currently invalid\n   */\n  @property({ type: Boolean, attribute: 'invalid' })\n  invalid;\n\n  /**\n   * Provide the text that is displayed when the form group is in an invalid state\n   */\n  @property({ type: String, reflect: true, attribute: 'invalid-text' })\n  invalidText;\n\n  /**\n   * Provide id for the fieldset <legend> which corresponds to the fieldset\n   * `aria-labelledby`\n   */\n  @property({ type: String, reflect: true, attribute: 'legend-id' })\n  legendId;\n\n  /**\n   * Provide the text to be rendered inside of the fieldset <legend>\n   */\n  @property({ type: String, reflect: true, attribute: 'legend-text' })\n  legendText;\n\n  /**\n   * Provide the orientation for how the checkbox should be displayed\n   */\n  @property({ type: String, reflect: true, attribute: 'orientation' })\n  orientation = CHECKBOX_ORIENTATION.VERTICAL;\n\n  /**\n   * Whether the CheckboxGroup should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Specify whether the form group is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the form group is in warning state\n   */\n  @property({ type: String, reflect: true, attribute: 'warn-text' })\n  warnText = '';\n\n  /*\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSCheckboxGroup).aiLabelItem\n            ) ||\n            // remove slug reference in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSCheckboxGroup).slugItem\n            )\n          : false\n      );\n\n    this._hasAILabel = Boolean(hasContent);\n    (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  updated(changedProperties) {\n    const { selectorCheckbox } = this.constructor as typeof CDSCheckboxGroup;\n    const checkboxes = this.querySelectorAll(selectorCheckbox);\n    ['disabled', 'readonly', 'orientation'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSCheckboxGroup]: value } = this;\n        // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n        checkboxes.forEach((elem) => {\n          (elem as CDSCheckbox)[name] = value;\n        });\n      }\n    });\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readonly')\n    ) {\n      const { invalid, disabled, readonly } = this;\n      const hasInvalidState = invalid && !disabled && !readonly;\n      checkboxes.forEach((elem) => {\n        if (hasInvalidState) {\n          (elem as CDSCheckbox).setAttribute('invalid-group', '');\n        } else {\n          (elem as CDSCheckbox).removeAttribute('invalid-group');\n        }\n      });\n    }\n  }\n\n  render() {\n    const {\n      ariaLabelledBy,\n      disabled,\n      helperText,\n      invalid,\n      invalidText,\n      legendId,\n      legendText,\n      orientation,\n      readonly,\n      warn,\n      warnText,\n      _hasAILabel: hasAILabel,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const normalizedProps: {\n      invalid: boolean;\n      warn: boolean;\n    } = {\n      invalid: !readonly && !disabled && invalid,\n      warn: !readonly && !invalid && !disabled && warn,\n    };\n    const showHelper = !normalizedProps.invalid && !normalizedProps.warn;\n\n    const checkboxGroupInstanceId = Math.random().toString(16).slice(2);\n\n    const helperId = !helperText\n      ? undefined\n      : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;\n\n    const helper = helperText\n      ? html` <div id=\"${helperId}\" class=\"${prefix}--form__helper-text\">\n          ${helperText}\n        </div>`\n      : null;\n\n    const fieldsetClasses = classMap({\n      [`${prefix}--checkbox-group`]: true,\n      [`${prefix}--checkbox-group--readonly`]: readonly,\n      [`${prefix}--checkbox-group--invalid`]: normalizedProps.invalid,\n      [`${prefix}--checkbox-group--warning`]: normalizedProps.warn,\n      [`${prefix}--checkbox-group--slug`]: hasAILabel,\n      [`${prefix}--checkbox-group--${orientation}`]:\n        orientation === 'horizontal',\n    });\n\n    return html`\n      <fieldset\n        class=\"${fieldsetClasses}\"\n        ?data-invalid=${normalizedProps.invalid}\n        ?disabled=${disabled}\n        aria-disabled=${readonly || disabled}\n        ?aria-labelledby=${ariaLabelledBy || legendId}\n        ?aria-describedby=${!normalizedProps.invalid &&\n        !normalizedProps.warn &&\n        helper\n          ? helperId\n          : undefined}\n        orientation=${orientation}>\n        <legend class=\"${prefix}--label\" id=${legendId || ariaLabelledBy}>\n          ${legendText}\n          <slot name=\"ai-label\" @slotchange=\"${handleSlotChange}\"></slot>\n          <slot name=\"decorator\" @slotchange=\"${handleSlotChange}\"></slot>\n          <slot name=\"slug\" @slotchange=\"${handleSlotChange}\"></slot>\n        </legend>\n        <slot></slot>\n        <div class=\"${prefix}--checkbox-group__validation-msg\">\n          ${normalizedProps.invalid\n            ? html`\n                ${iconLoader(WarningFilled16, {\n                  class: `${prefix}--checkbox__invalid-icon`,\n                })}\n                <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n              `\n            : null}\n          ${normalizedProps.warn\n            ? html`\n                ${iconLoader(WarningAltFilled16, {\n                  class: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`,\n                })}\n                <div class=\"${prefix}--form-requirement\">${warnText}</div>\n              `\n            : null}\n        </div>\n        ${showHelper ? helper : null}\n      </fieldset>\n    `;\n  }\n\n  /**\n   * A selector that will return the checkboxes.\n   */\n  static get selectorCheckbox() {\n    return `${prefix}-checkbox`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSCheckboxGroup;\n"],"mappings":"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"}

package/es/components/checkbox/checkbox-skeleton.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 checkbox_default from "./checkbox.scss.js";
 import { LitElement, html } from "lit";
-
 //#region src/components/checkbox/checkbox-skeleton.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -24,8 +23,8 @@ import { LitElement, html } from "lit";
 let CDSCheckboxSkeleton = class CDSCheckboxSkeleton extends LitElement {
 	render() {
 		return html`
-      <label class="${prefix}--checkbox-label" for="checkbox" part="label">
-        <span class="${prefix}--checkbox-label-text ${prefix}--skeleton"
+      <label class="${"cds"}--checkbox-label" for="checkbox" part="label">
+        <span class="${"cds"}--checkbox-label-text ${"cds"}--skeleton"
           ><slot></slot
         ></span>
       </label>
@@ -35,9 +34,9 @@ let CDSCheckboxSkeleton = class CDSCheckboxSkeleton extends LitElement {
 		this.styles = checkbox_default;
 	}
 };
-CDSCheckboxSkeleton = __decorate([carbonElement(`${prefix}-checkbox-skeleton`)], CDSCheckboxSkeleton);
+CDSCheckboxSkeleton = __decorate([carbonElement(`cds-checkbox-skeleton`)], CDSCheckboxSkeleton);
 var checkbox_skeleton_default = CDSCheckboxSkeleton;
-
 //#endregion
 export { checkbox_skeleton_default as default };
+
 //# sourceMappingURL=checkbox-skeleton.js.map

package/es/components/checkbox/checkbox-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/checkbox/checkbox-skeleton.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 { prefix } from '../../globals/settings';\nimport styles from './checkbox.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-checkbox-skeleton`)\nclass CDSCheckboxSkeleton extends LitElement {\n  render() {\n    return html`\n      <label class=\"${prefix}--checkbox-label\" for=\"checkbox\" part=\"label\">\n        <span class=\"${prefix}--checkbox-label-text ${prefix}--skeleton\"\n          ><slot></slot\n        ></span>\n      </label>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCheckboxSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,gCACM,4BAA4B,WAAW;CAC3C,SAAS;AACP,SAAO,IAAI;sBACO,OAAO;uBACN,OAAO,wBAAwB,OAAO;;;;;;;gBAO3CA;;;kCAZjBC,cAAc,GAAG,OAAO,oBAAoB;AAe7C,gCAAe"}
+{"version":3,"file":"checkbox-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/checkbox/checkbox-skeleton.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 { prefix } from '../../globals/settings';\nimport styles from './checkbox.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-checkbox-skeleton`)\nclass CDSCheckboxSkeleton extends LitElement {\n  render() {\n    return html`\n      <label class=\"${prefix}--checkbox-label\" for=\"checkbox\" part=\"label\">\n        <span class=\"${prefix}--checkbox-label-text ${prefix}--skeleton\"\n          ><slot></slot\n        ></span>\n      </label>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCheckboxSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeA,IAAA,sBAAA,MACM,4BAA4B,WAAW;CAC3C,SAAS;AACP,SAAO,IAAI;4BACc;6BACC,wBAAA,MAA+B;;;;;;;gBAO3CA;;;kCAZjBC,cAAc,wBAA8B,CAAA,EAAA,oBAAA;AAe7C,IAAA,4BAAe"}

package/es/components/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;AAWvC;;;;;;;GAOG;AACH,cACM,WAAY,SAAQ,gBAAiC;IAEzD,SAAS,CAAC,aAAa,EAAG,gBAAgB,CAAC;IAE3C;;OAEG;IACH,SAAS,CAAC,aAAa;IAiBvB;;OAEG;IACH,OAAO,CAAC,YAAY;IAMpB,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,MAAC;IAEX;;;OAGG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,EAAE,SAAc;IAEhB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;;OAGG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,MAAC;IAEZ;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,cAAc,MAAC;IAEf;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAwB7C;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B,OAAO;IAQP,iBAAiB;IAOjB,MAAM;IAsFN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;AAWvC;;;;;;;GAOG;AACH,cACM,WAAY,SAAQ,gBAAiC;IAEzD,SAAS,CAAC,aAAa,EAAG,gBAAgB,CAAC;IAE3C;;OAEG;IACH,SAAS,CAAC,aAAa;IAiBvB;;OAEG;IACH,OAAO,CAAC,YAAY;IAMpB,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,MAAC;IAEX;;;OAGG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,EAAE,SAAc;IAEhB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;;OAGG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,MAAC;IAEZ;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,cAAc,MAAC;IAEf;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAwB7C;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B,OAAO;IAQP,iBAAiB;IAOjB,MAAM;IA4FN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,WAAW,CAAC"}

package/es/components/checkbox/checkbox.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 FocusMixin from "../../globals/mixins/focus.js";
 import FormMixin from "../../globals/mixins/form.js";
@@ -18,7 +18,6 @@ import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import WarningFilled16 from "@carbon/icons/es/warning--filled/16.js";
 import WarningAltFilled16 from "@carbon/icons/es/warning--alt--filled/16.js";
-
 //#region src/components/checkbox/checkbox.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -101,23 +100,26 @@ let CDSCheckbox = class CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {
 	}
 	render() {
 		const { checked, disabled, helperText, hideLabel, id, indeterminate, invalid, invalidText, labelText, name, readonly, title, value, warn, warnText, defaultChecked, _handleChange: handleChange, _handleClick: handleClick } = this;
-		const showWarning = !readonly && !invalid && warn;
-		const showHelper = !invalid && !warn;
-		const helper = helperText ? html` <div class="${prefix}--form__helper-text">${helperText}</div>` : null;
-		const labelClasses = classMap({ [`${prefix}--checkbox-label`]: true });
+		const normalizedProps = {
+			invalid: !readonly && !disabled && invalid,
+			warn: !readonly && !invalid && !disabled && warn
+		};
+		const showHelper = !normalizedProps.invalid && !normalizedProps.warn;
+		const helper = helperText ? html` <div class="${"cds"}--form__helper-text">${helperText}</div>` : null;
+		const labelClasses = classMap({ [`cds--checkbox-label`]: true });
 		const labelTextClasses = classMap({
-			[`${prefix}--checkbox-label-text`]: true,
-			[`${prefix}--visually-hidden`]: hideLabel
+			[`cds--checkbox-label-text`]: true,
+			[`cds--visually-hidden`]: hideLabel
 		});
 		return html`
       <input
         id="${ifDefined(id)}"
         type="checkbox"
         part="input"
-        class="${`${prefix}--checkbox`}"
+        class="${`cds--checkbox`}"
         aria-readonly="${String(readonly)}"
         .checked="${checked}"
-        ?data-invalid="${invalid}"
+        ?data-invalid="${normalizedProps.invalid}"
         ?disabled="${disabled}"
         ?defaultChecked="${defaultChecked}"
         .indeterminate="${indeterminate}"
@@ -137,14 +139,14 @@ let CDSCheckbox = class CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {
       <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
       <slot name="decorator" @slotchange="${this._handleSlotChange}"></slot>
       <slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
-      <div class="${prefix}--checkbox__validation-msg">
-        ${!readonly && invalid ? html`
-              ${iconLoader(WarningFilled16, { class: `${prefix}--checkbox__invalid-icon` })}
-              <div class="${prefix}--form-requirement">${invalidText}</div>
+      <div class="${"cds"}--checkbox__validation-msg">
+        ${normalizedProps.invalid ? html`
+              ${iconLoader(WarningFilled16, { class: `cds--checkbox__invalid-icon` })}
+              <div class="${"cds"}--form-requirement">${invalidText}</div>
             ` : null}
-        ${showWarning ? html`
-              ${iconLoader(WarningAltFilled16, { class: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning` })}
-              <div class="${prefix}--form-requirement">${warnText}</div>
+        ${normalizedProps.warn ? html`
+              ${iconLoader(WarningAltFilled16, { class: `cds--checkbox__invalid-icon cds--checkbox__invalid-icon--warning` })}
+              <div class="${"cds"}--form-requirement">${warnText}</div>
             ` : null}
       </div>
       ${showHelper ? helper : null}
@@ -154,7 +156,7 @@ let CDSCheckbox = class CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {
 	* The name of the custom event fired after this changebox changes its checked state.
 	*/
 	static get eventChange() {
-		return `${prefix}-checkbox-changed`;
+		return `cds-checkbox-changed`;
 	}
 	/**
 	* A selector that will return the slug item.
@@ -162,13 +164,13 @@ let CDSCheckbox = class CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {
 	* Remove in v12
 	*/
 	static get slugItem() {
-		return `${prefix}-slug`;
+		return `cds-slug`;
 	}
 	/**
 	* A selector that will return the ai-label item.
 	*/
 	static get aiLabelItem() {
-		return `${prefix}-ai-label`;
+		return `cds-ai-label`;
 	}
 	static {
 		this.shadowRootOptions = {
@@ -243,9 +245,9 @@ __decorate([property({
 	type: Boolean,
 	attribute: "default-checked"
 })], CDSCheckbox.prototype, "defaultChecked", void 0);
-CDSCheckbox = __decorate([carbonElement(`${prefix}-checkbox`)], CDSCheckbox);
+CDSCheckbox = __decorate([carbonElement(`cds-checkbox`)], CDSCheckbox);
 var checkbox_default = CDSCheckbox;
-
 //#endregion
 export { checkbox_default as default };
+
 //# sourceMappingURL=checkbox.js.map