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

package/es-custom/components/progress-indicator/progress-step.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 progress_indicator_default from "./progress-indicator.scss.js";
@@ -18,7 +18,6 @@ import CheckmarkOutline16 from "@carbon/icons/es/checkmark--outline/16.js";
 import Incomplete16 from "@carbon/icons/es/incomplete/16.js";
 import CircleDash16 from "@carbon/icons/es/circle-dash/16.js";
 import Warning16 from "@carbon/icons/es/warning/16.js";
-
 //#region src/components/progress-indicator/progress-step.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -30,10 +29,10 @@ import Warning16 from "@carbon/icons/es/warning/16.js";
 * Icons, keyed by state.
 */
 const icons = {
-	[PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,
-	[PROGRESS_STEP_STAT.INCOMPLETE]: CircleDash16,
-	[PROGRESS_STEP_STAT.INVALID]: Warning16,
-	[PROGRESS_STEP_STAT.CURRENT]: Incomplete16
+	["complete"]: CheckmarkOutline16,
+	["incomplete"]: CircleDash16,
+	["invalid"]: Warning16,
+	["current"]: Incomplete16
 };
 let CDSProgressStep = class CDSProgressStep extends FocusMixin(LitElement) {
 	constructor(..._args) {
@@ -43,15 +42,15 @@ let CDSProgressStep = class CDSProgressStep extends FocusMixin(LitElement) {
 		this._explicitState = null;
 		this.disabled = false;
 		this.spaceEqually = false;
-		this.state = PROGRESS_STEP_STAT.INCOMPLETE;
+		this.state = "incomplete";
 		this.vertical = false;
 		this.clickable = false;
 		this.complete = false;
 		this.current = false;
 		this.invalid = false;
 		this._fireStepClick = () => {
-			if (this.current || this.state === PROGRESS_STEP_STAT.CURRENT || this.disabled || !this.clickable) return;
-			this.dispatchEvent(new CustomEvent(`${prefix}-progress-step-click`, {
+			if (this.current || this.state === "current" || this.disabled || !this.clickable) return;
+			this.dispatchEvent(new CustomEvent(`cds-custom-progress-step-click`, {
 				bubbles: true,
 				composed: true,
 				detail: {}
@@ -78,19 +77,19 @@ let CDSProgressStep = class CDSProgressStep extends FocusMixin(LitElement) {
 		if (changedProperties.has("disabled")) this.setAttribute("aria-disabled", String(this.disabled));
 	}
 	_svgIcon(invalid, current, complete) {
-		if (invalid) return PROGRESS_STEP_STAT.INVALID;
-		if (current) return PROGRESS_STEP_STAT.CURRENT;
-		if (complete) return PROGRESS_STEP_STAT.COMPLETE;
+		if (invalid) return "invalid";
+		if (current) return "current";
+		if (complete) return "complete";
 		return false;
 	}
 	render() {
 		const { description, iconLabel, label, secondaryLabelText, secondaryLabel, state, complete, current, invalid } = this;
 		const svgLabel = iconLabel || description;
 		const optionalLabel = secondaryLabel || secondaryLabelText;
-		const isUnclickable = current || state === PROGRESS_STEP_STAT.CURRENT || this.disabled || !this.clickable;
+		const isUnclickable = current || state === "current" || this.disabled || !this.clickable;
 		return html`
       <div
-        class="${prefix}--progress-step-button ${isUnclickable ? `${prefix}--progress-step-button--unclickable` : ""}"
+        class="${"cds-custom"}--progress-step-button ${isUnclickable ? `cds-custom--progress-step-button--unclickable` : ""}"
         tabindex="${isUnclickable ? -1 : 0}"
         @click=${this._fireStepClick}
         @keydown=${this._onKeyDown}
@@ -98,23 +97,23 @@ let CDSProgressStep = class CDSProgressStep extends FocusMixin(LitElement) {
         aria-disabled="${String(isUnclickable)}"
         title="${label}">
         ${iconLoader(icons[this._svgIcon(invalid, current, complete) || state], {
-			class: invalid || state === PROGRESS_STEP_STAT.INVALID ? `${prefix}--progress__warning` : "",
+			class: invalid || state === "invalid" ? `cds-custom--progress__warning` : "",
 			title: svgLabel
 		})}
         <slot name="label-text">
           <p
-            class="${prefix}--progress-label"
+            class="${"cds-custom"}--progress-label"
             aria-describedby="label-tooltip"
             title="${label}">
             ${label}
           </p>
         </slot>
         <slot name="secondary-label-text">
-          ${!optionalLabel ? void 0 : html`<p class="${prefix}--progress-optional">
+          ${!optionalLabel ? void 0 : html`<p class="${"cds-custom"}--progress-optional">
                 ${optionalLabel}
               </p>`}
         </slot>
-        <span class="${prefix}--progress-line"></span>
+        <span class="${"cds-custom"}--progress-line"></span>
       </div>
     `;
 	}
@@ -159,9 +158,9 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSProgressStep.prototype, "invalid", void 0);
-CDSProgressStep = __decorate([carbonElement(`${prefix}-progress-step`)], CDSProgressStep);
+CDSProgressStep = __decorate([carbonElement(`cds-custom-progress-step`)], CDSProgressStep);
 var progress_step_default = CDSProgressStep;
-
 //#endregion
 export { PROGRESS_STEP_STAT, progress_step_default as default };
+
 //# sourceMappingURL=progress-step.js.map

package/es-custom/components/progress-indicator/progress-step.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-step.js","names":["styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-step.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CheckmarkOutline16 from '@carbon/icons/es/checkmark--outline/16.js';\nimport CircleDash16 from '@carbon/icons/es/circle-dash/16.js';\nimport Warning16 from '@carbon/icons/es/warning/16.js';\nimport Incomplete16 from '@carbon/icons/es/incomplete/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { PROGRESS_STEP_STAT };\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n  [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n  [PROGRESS_STEP_STAT.INCOMPLETE]: CircleDash16,\n  [PROGRESS_STEP_STAT.INVALID]: Warning16,\n  [PROGRESS_STEP_STAT.CURRENT]: Incomplete16,\n};\n\n/**\n * Progress step.\n *\n * @element cds-custom-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nexport default class CDSProgressStep extends FocusMixin(LitElement) {\n  /**\n   * Internal flags: true if the user explicitly passed these attributes.\n   */\n  private _explicitComplete = false;\n  private _explicitCurrent = false;\n  private _explicitState: string | null = null;\n\n  get hasExplicitState() {\n    return (\n      this._explicitComplete ||\n      this._explicitCurrent ||\n      this._explicitState !== null\n    );\n  }\n\n  /**\n   * `true` if the progress step should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The a11y text for the icon.\n   */\n  @property({ attribute: 'icon-label' })\n  iconLabel!: string;\n\n  @property({ reflect: true })\n  description!: string;\n\n  @property()\n  label!: string;\n\n  /**\n   * The secondary progress label.\n   * @deprecated Use `secondaryLabel` instead\n   */\n  @property({ attribute: 'secondary-label-text' })\n  secondaryLabelText!: string;\n\n  @property({ attribute: 'secondary-label' })\n  secondaryLabel!: string;\n\n  /**\n   * `true` if the progress step should grow equally to fill space.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  spaceEqually = false;\n\n  /**\n   * The progress state.\n   * @deprecated Use `currentIndex` instead\n   */\n  @property({ reflect: true })\n  state = PROGRESS_STEP_STAT.INCOMPLETE;\n\n  /**\n   * `true` if the progress step should be vertical.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  /**\n   * Set by the parent indicator. If true, the step is interactive unless it is\n   * current or disabled. This mirrors React's \"onChange prop exists\" semantics.\n   */\n  @property({ type: Boolean })\n  clickable = false;\n\n  /**\n   * Specify whether the step has been completed\n   */\n  @property({ type: Boolean, reflect: true })\n  complete = false;\n\n  /**\n   * Specify whether the step is the current step\n   */\n  @property({ type: Boolean, reflect: true })\n  current = false;\n\n  /**\n   * Specify whether the step is invalid\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    // Capture which attributes were explicitly set by the user\n    this._explicitComplete = this.hasAttribute('complete');\n    this._explicitCurrent = this.hasAttribute('current');\n    this._explicitState = this.getAttribute('state');\n\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('disabled')) {\n      this.setAttribute('aria-disabled', String(this.disabled));\n    }\n  }\n\n  // Fire internal click only when interactive\n  private _fireStepClick = () => {\n    const isUnclickable =\n      this.current ||\n      this.state === PROGRESS_STEP_STAT.CURRENT ||\n      this.disabled ||\n      !this.clickable;\n    if (isUnclickable) return;\n\n    this.dispatchEvent(\n      new CustomEvent(`${prefix}-progress-step-click`, {\n        bubbles: true,\n        composed: true,\n        detail: {},\n      })\n    );\n  };\n\n  private _onKeyDown = (ev: KeyboardEvent) => {\n    if (ev.key === 'Enter' || ev.key === ' ') {\n      ev.preventDefault();\n      this._fireStepClick();\n    }\n  };\n\n  private _svgIcon(invalid: boolean, current: boolean, complete: boolean) {\n    if (invalid) return PROGRESS_STEP_STAT.INVALID;\n    if (current) return PROGRESS_STEP_STAT.CURRENT;\n    if (complete) return PROGRESS_STEP_STAT.COMPLETE;\n    return false;\n  }\n\n  render() {\n    const {\n      description,\n      iconLabel,\n      label,\n      secondaryLabelText,\n      secondaryLabel,\n      state,\n      complete,\n      current,\n      invalid,\n    } = this;\n    const svgLabel = iconLabel || description;\n    const optionalLabel = secondaryLabel || secondaryLabelText;\n\n    // Unclickable if current OR disabled OR no onChange upstream (to match React)\n    const isUnclickable =\n      current ||\n      state === PROGRESS_STEP_STAT.CURRENT ||\n      this.disabled ||\n      !this.clickable;\n\n    return html`\n      <div\n        class=\"${prefix}--progress-step-button ${isUnclickable\n          ? `${prefix}--progress-step-button--unclickable`\n          : ''}\"\n        tabindex=\"${isUnclickable ? -1 : 0}\"\n        @click=${this._fireStepClick}\n        @keydown=${this._onKeyDown}\n        role=\"button\"\n        aria-disabled=\"${String(isUnclickable)}\"\n        title=\"${label}\">\n        ${iconLoader(\n          icons[this._svgIcon(invalid, current, complete) || state],\n          {\n            class:\n              invalid || state === PROGRESS_STEP_STAT.INVALID\n                ? `${prefix}--progress__warning`\n                : '',\n            title: svgLabel,\n          }\n        )}\n        <slot name=\"label-text\">\n          <p\n            class=\"${prefix}--progress-label\"\n            aria-describedby=\"label-tooltip\"\n            title=\"${label}\">\n            ${label}\n          </p>\n        </slot>\n        <slot name=\"secondary-label-text\">\n          ${!optionalLabel\n            ? undefined\n            : html`<p class=\"${prefix}--progress-optional\">\n                ${optionalLabel}\n              </p>`}\n        </slot>\n        <span class=\"${prefix}--progress-line\"></span>\n      </div>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n"],"mappings":"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"}
+{"version":3,"file":"progress-step.js","names":["styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-step.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CheckmarkOutline16 from '@carbon/icons/es/checkmark--outline/16.js';\nimport CircleDash16 from '@carbon/icons/es/circle-dash/16.js';\nimport Warning16 from '@carbon/icons/es/warning/16.js';\nimport Incomplete16 from '@carbon/icons/es/incomplete/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { PROGRESS_STEP_STAT };\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n  [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n  [PROGRESS_STEP_STAT.INCOMPLETE]: CircleDash16,\n  [PROGRESS_STEP_STAT.INVALID]: Warning16,\n  [PROGRESS_STEP_STAT.CURRENT]: Incomplete16,\n};\n\n/**\n * Progress step.\n *\n * @element cds-custom-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nexport default class CDSProgressStep extends FocusMixin(LitElement) {\n  /**\n   * Internal flags: true if the user explicitly passed these attributes.\n   */\n  private _explicitComplete = false;\n  private _explicitCurrent = false;\n  private _explicitState: string | null = null;\n\n  get hasExplicitState() {\n    return (\n      this._explicitComplete ||\n      this._explicitCurrent ||\n      this._explicitState !== null\n    );\n  }\n\n  /**\n   * `true` if the progress step should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The a11y text for the icon.\n   */\n  @property({ attribute: 'icon-label' })\n  iconLabel!: string;\n\n  @property({ reflect: true })\n  description!: string;\n\n  @property()\n  label!: string;\n\n  /**\n   * The secondary progress label.\n   * @deprecated Use `secondaryLabel` instead\n   */\n  @property({ attribute: 'secondary-label-text' })\n  secondaryLabelText!: string;\n\n  @property({ attribute: 'secondary-label' })\n  secondaryLabel!: string;\n\n  /**\n   * `true` if the progress step should grow equally to fill space.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  spaceEqually = false;\n\n  /**\n   * The progress state.\n   * @deprecated Use `currentIndex` instead\n   */\n  @property({ reflect: true })\n  state = PROGRESS_STEP_STAT.INCOMPLETE;\n\n  /**\n   * `true` if the progress step should be vertical.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  /**\n   * Set by the parent indicator. If true, the step is interactive unless it is\n   * current or disabled. This mirrors React's \"onChange prop exists\" semantics.\n   */\n  @property({ type: Boolean })\n  clickable = false;\n\n  /**\n   * Specify whether the step has been completed\n   */\n  @property({ type: Boolean, reflect: true })\n  complete = false;\n\n  /**\n   * Specify whether the step is the current step\n   */\n  @property({ type: Boolean, reflect: true })\n  current = false;\n\n  /**\n   * Specify whether the step is invalid\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    // Capture which attributes were explicitly set by the user\n    this._explicitComplete = this.hasAttribute('complete');\n    this._explicitCurrent = this.hasAttribute('current');\n    this._explicitState = this.getAttribute('state');\n\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('disabled')) {\n      this.setAttribute('aria-disabled', String(this.disabled));\n    }\n  }\n\n  // Fire internal click only when interactive\n  private _fireStepClick = () => {\n    const isUnclickable =\n      this.current ||\n      this.state === PROGRESS_STEP_STAT.CURRENT ||\n      this.disabled ||\n      !this.clickable;\n    if (isUnclickable) return;\n\n    this.dispatchEvent(\n      new CustomEvent(`${prefix}-progress-step-click`, {\n        bubbles: true,\n        composed: true,\n        detail: {},\n      })\n    );\n  };\n\n  private _onKeyDown = (ev: KeyboardEvent) => {\n    if (ev.key === 'Enter' || ev.key === ' ') {\n      ev.preventDefault();\n      this._fireStepClick();\n    }\n  };\n\n  private _svgIcon(invalid: boolean, current: boolean, complete: boolean) {\n    if (invalid) return PROGRESS_STEP_STAT.INVALID;\n    if (current) return PROGRESS_STEP_STAT.CURRENT;\n    if (complete) return PROGRESS_STEP_STAT.COMPLETE;\n    return false;\n  }\n\n  render() {\n    const {\n      description,\n      iconLabel,\n      label,\n      secondaryLabelText,\n      secondaryLabel,\n      state,\n      complete,\n      current,\n      invalid,\n    } = this;\n    const svgLabel = iconLabel || description;\n    const optionalLabel = secondaryLabel || secondaryLabelText;\n\n    // Unclickable if current OR disabled OR no onChange upstream (to match React)\n    const isUnclickable =\n      current ||\n      state === PROGRESS_STEP_STAT.CURRENT ||\n      this.disabled ||\n      !this.clickable;\n\n    return html`\n      <div\n        class=\"${prefix}--progress-step-button ${isUnclickable\n          ? `${prefix}--progress-step-button--unclickable`\n          : ''}\"\n        tabindex=\"${isUnclickable ? -1 : 0}\"\n        @click=${this._fireStepClick}\n        @keydown=${this._onKeyDown}\n        role=\"button\"\n        aria-disabled=\"${String(isUnclickable)}\"\n        title=\"${label}\">\n        ${iconLoader(\n          icons[this._svgIcon(invalid, current, complete) || state],\n          {\n            class:\n              invalid || state === PROGRESS_STEP_STAT.INVALID\n                ? `${prefix}--progress__warning`\n                : '',\n            title: svgLabel,\n          }\n        )}\n        <slot name=\"label-text\">\n          <p\n            class=\"${prefix}--progress-label\"\n            aria-describedby=\"label-tooltip\"\n            title=\"${label}\">\n            ${label}\n          </p>\n        </slot>\n        <slot name=\"secondary-label-text\">\n          ${!optionalLabel\n            ? undefined\n            : html`<p class=\"${prefix}--progress-optional\">\n                ${optionalLabel}\n              </p>`}\n        </slot>\n        <span class=\"${prefix}--progress-line\"></span>\n      </div>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n"],"mappings":"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"}

package/es-custom/components/radio-button/defs.js

@@ -40,7 +40,7 @@ let RADIO_BUTTON_ORIENTATION = /* @__PURE__ */ function(RADIO_BUTTON_ORIENTATION
 	RADIO_BUTTON_ORIENTATION["VERTICAL"] = "vertical";
 	return RADIO_BUTTON_ORIENTATION;
 }({});
-
 //#endregion
 export { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION };
+
 //# sourceMappingURL=defs.js.map

package/es-custom/components/radio-button/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/radio-button/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020\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 * The label position of radio button.\n */\nexport enum RADIO_BUTTON_LABEL_POSITION {\n  /**\n   * Placed at left.\n   */\n  LEFT = 'left',\n\n  /**\n   * Placed at right.\n   */\n  RIGHT = 'right',\n}\n\n/**\n * How to lay out radio buttons.\n */\nexport enum RADIO_BUTTON_ORIENTATION {\n  /**\n   * Laying out radio buttons horizontally.\n   */\n  HORIZONTAL = 'horizontal',\n\n  /**\n   * Laying out radio buttons vertically.\n   */\n  VERTICAL = 'vertical',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,oFAAL;;;;AAIL;;;;AAKA;;;;;;AAMF,IAAY,8EAAL;;;;AAIL;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/radio-button/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020\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 * The label position of radio button.\n */\nexport enum RADIO_BUTTON_LABEL_POSITION {\n  /**\n   * Placed at left.\n   */\n  LEFT = 'left',\n\n  /**\n   * Placed at right.\n   */\n  RIGHT = 'right',\n}\n\n/**\n * How to lay out radio buttons.\n */\nexport enum RADIO_BUTTON_ORIENTATION {\n  /**\n   * Laying out radio buttons horizontally.\n   */\n  HORIZONTAL = 'horizontal',\n\n  /**\n   * Laying out radio buttons vertically.\n   */\n  VERTICAL = 'vertical',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,8BAAL,yBAAA,6BAAA;;;;AAIL,6BAAA,UAAA;;;;AAKA,6BAAA,WAAA;;KACD;;;;AAKD,IAAY,2BAAL,yBAAA,0BAAA;;;;AAIL,0BAAA,gBAAA;;;;AAKA,0BAAA,cAAA;;KACD"}

package/es-custom/components/radio-button/radio-button-group.js

@@ -5,22 +5,21 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { find, forEach } from "../../globals/internal/collection-helpers.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 HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import FormMixin from "../../globals/mixins/form.js";
-import { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from "./defs.js";
+import { RADIO_BUTTON_ORIENTATION } from "./defs.js";
 import radio_button_default from "./radio-button.scss.js";
 import { LitElement, html } from "lit";
 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/radio-button/radio-button-group.ts
 /**
 * Copyright IBM Corp. 2019, 2025
@@ -60,13 +59,13 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
 		};
 		this._hasAILabel = false;
 		this.disabled = false;
-		this.labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;
+		this.labelPosition = "right";
 		this.legendText = "";
 		this.warn = false;
 		this.warnText = "";
 		this.invalid = false;
 		this.invalidText = "";
-		this.orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;
+		this.orientation = "horizontal";
 		this.readOnly = false;
 		this.required = false;
 	}
@@ -115,34 +114,34 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
 		const { readOnly, invalid, invalidText, warn, warnText, disabled, orientation, legendText, helperText, _hasAILabel: hasAILabel, _handleSlotChange: handleSlotChange } = this;
 		const showWarning = !readOnly && !disabled && !invalid && warn;
 		const showHelper = !invalid && !disabled && !warn;
-		const invalidIcon = iconLoader(WarningFilled16, { class: `${prefix}--radio-button__invalid-icon` });
-		const warnIcon = iconLoader(WarningAltFilled16, { class: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning` });
-		const helper = helperText ? html`<div class="${prefix}--form__helper-text">${helperText}</div>` : null;
+		const invalidIcon = iconLoader(WarningFilled16, { class: `cds-custom--radio-button__invalid-icon` });
+		const warnIcon = iconLoader(WarningAltFilled16, { class: `cds-custom--radio-button__invalid-icon cds-custom--radio-button__invalid-icon--warning` });
+		const helper = helperText ? html`<div class="${"cds-custom"}--form__helper-text">${helperText}</div>` : null;
 		return html` <fieldset
         class="${classMap({
-			[`${prefix}--radio-button-group`]: true,
-			[`${prefix}--radio-button-group--readonly`]: readOnly,
-			[`${prefix}--radio-button-group--${orientation}`]: orientation === "vertical",
-			[`${prefix}--radio-button-group--invalid`]: !readOnly && !disabled && invalid,
-			[`${prefix}--radio-button-group--warning`]: showWarning,
-			[`${prefix}--radio-button-group--slug`]: hasAILabel
+			[`cds-custom--radio-button-group`]: true,
+			[`cds-custom--radio-button-group--readonly`]: readOnly,
+			[`cds-custom--radio-button-group--${orientation}`]: orientation === "vertical",
+			[`cds-custom--radio-button-group--invalid`]: !readOnly && !disabled && invalid,
+			[`cds-custom--radio-button-group--warning`]: showWarning,
+			[`cds-custom--radio-button-group--slug`]: hasAILabel
 		})}"
         ?disabled="${disabled}"
         aria-readonly="${readOnly}">
-        ${legendText ? html` <legend class="${prefix}--label">
+        ${legendText ? html` <legend class="${"cds-custom"}--label">
               ${legendText}
               <slot name="ai-label" @slotchange="${handleSlotChange}"></slot>
               <slot name="slug" @slotchange="${handleSlotChange}"></slot>
             </legend>` : ``}
         <slot></slot>
       </fieldset>
-      <div class="${prefix}--radio-button__validation-msg">
+      <div class="${"cds-custom"}--radio-button__validation-msg">
         ${!readOnly && !disabled && invalid ? html`
               ${invalidIcon}
-              <div class="${prefix}--form-requirement">${invalidText}</div>
+              <div class="${"cds-custom"}--form-requirement">${invalidText}</div>
             ` : null}
         ${showWarning ? html`${warnIcon}
-              <div class="${prefix}--form-requirement">${warnText}</div>` : null}
+              <div class="${"cds-custom"}--form-requirement">${warnText}</div>` : null}
       </div>
       ${showHelper ? helper : null}`;
 	}
@@ -150,7 +149,7 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
 	* A selector that will return the radio buttons.
 	*/
 	static get selectorRadioButton() {
-		return `${prefix}-radio-button`;
+		return `cds-custom-radio-button`;
 	}
 	/**
 	* A selector that will return the slug item.
@@ -158,25 +157,25 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
 	* remove in v12
 	*/
 	static get slugItem() {
-		return `${prefix}-slug`;
+		return `cds-custom-slug`;
 	}
 	/**
 	* A selector that will return the AI Label item.
 	*/
 	static get aiLabelItem() {
-		return `${prefix}-ai-label`;
+		return `cds-custom-ai-label`;
 	}
 	/**
 	* The name of the custom event fired after this radio button group changes its selected item.
 	*/
 	static get eventChange() {
-		return `${prefix}-radio-button-group-changed`;
+		return `cds-custom-radio-button-group-changed`;
 	}
 	/**
 	* The name of the custom event fired after a radio button changes its checked state.
 	*/
 	static get eventChangeRadioButton() {
-		return `${prefix}-radio-button-changed`;
+		return `cds-custom-radio-button-changed`;
 	}
 	static {
 		this.styles = radio_button_default;
@@ -218,9 +217,9 @@ __decorate([property({
 	reflect: true
 })], CDSRadioButtonGroup.prototype, "required", void 0);
 __decorate([property()], CDSRadioButtonGroup.prototype, "value", void 0);
-CDSRadioButtonGroup = __decorate([carbonElement(`${prefix}-radio-button-group`)], CDSRadioButtonGroup);
+CDSRadioButtonGroup = __decorate([carbonElement(`cds-custom-radio-button-group`)], CDSRadioButtonGroup);
 var radio_button_group_default = CDSRadioButtonGroup;
-
 //#endregion
 export { RADIO_BUTTON_ORIENTATION, radio_button_group_default as default };
+
 //# sourceMappingURL=radio-button-group.js.map

package/es-custom/components/radio-button/radio-button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button-group.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport CDSRadioButton from './radio-button';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\n/**\n * Radio button group.\n *\n * @element cds-custom-radio-button-group\n * @fires cds-custom-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n * @fires cds-custom-radio-button-changed\n *   The name of the custom event fired after a radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass CDSRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n  /**\n   * Handles user-initiated change in selected radio button.\n   */\n  @HostListener('eventChangeRadioButton')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterChangeRadioButton = (event: CustomEvent) => {\n    // Bail out early if readOnly\n    if (this.readOnly) {\n      return;\n    }\n\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    const selected = find(\n      this.querySelectorAll(selectorRadioButton),\n      (elem) => (elem as CDSRadioButton).checked\n    );\n\n    const oldValue = this.value;\n    this.value = selected && selected.value;\n\n    if (oldValue !== this.value) {\n      const { eventChange } = this.constructor as typeof CDSRadioButtonGroup;\n      this.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n            name: this.name,\n            event,\n          },\n        })\n      );\n    }\n  };\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (\n      !disabled &&\n      typeof name !== 'undefined' &&\n      typeof value !== 'undefined'\n    ) {\n      formData.append(name, value);\n    }\n  }\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 CDSRadioButtonGroup).aiLabelItem\n            ) ||\n            // remove reference to slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSRadioButtonGroup).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  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  defaultSelected!: string;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'legend-text' })\n  legendText = '';\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText;\n\n  /**\n   * Specify whether the control 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 control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * Controls the readonly state of the radio button group.\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * `true` to specify if input selection in group is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  updated(changedProperties) {\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    [\n      'disabled',\n      'labelPosition',\n      'orientation',\n      'readOnly',\n      'name',\n      'required',\n    ].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSRadioButtonGroup]: value } = this;\n        // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n        forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n          (elem as CDSRadioButton)[name] = value;\n        });\n      }\n    });\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).checked =\n          value === (elem as CDSRadioButton).value;\n      });\n    }\n    if (changedProperties.has('invalid')) {\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).invalid = this.invalid;\n      });\n    }\n  }\n\n  render() {\n    const {\n      readOnly,\n      invalid,\n      invalidText,\n      warn,\n      warnText,\n      disabled,\n      orientation,\n      legendText,\n      helperText,\n      _hasAILabel: hasAILabel,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const showWarning = !readOnly && !disabled && !invalid && warn;\n    const showHelper = !invalid && !disabled && !warn;\n\n    const invalidIcon = iconLoader(WarningFilled16, {\n      class: `${prefix}--radio-button__invalid-icon`,\n    });\n\n    const warnIcon = iconLoader(WarningAltFilled16, {\n      class: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning`,\n    });\n\n    const helper = helperText\n      ? html`<div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n      : null;\n\n    const fieldsetClasses = classMap({\n      [`${prefix}--radio-button-group`]: true,\n      [`${prefix}--radio-button-group--readonly`]: readOnly,\n      [`${prefix}--radio-button-group--${orientation}`]:\n        orientation === 'vertical',\n      [`${prefix}--radio-button-group--invalid`]:\n        !readOnly && !disabled && invalid,\n      [`${prefix}--radio-button-group--warning`]: showWarning,\n      [`${prefix}--radio-button-group--slug`]: hasAILabel,\n    });\n\n    return html` <fieldset\n        class=\"${fieldsetClasses}\"\n        ?disabled=\"${disabled}\"\n        aria-readonly=\"${readOnly}\">\n        ${legendText\n          ? html` <legend class=\"${prefix}--label\">\n              ${legendText}\n              <slot name=\"ai-label\" @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"slug\" @slotchange=\"${handleSlotChange}\"></slot>\n            </legend>`\n          : ``}\n        <slot></slot>\n      </fieldset>\n      <div class=\"${prefix}--radio-button__validation-msg\">\n        ${!readOnly && !disabled && invalid\n          ? html`\n              ${invalidIcon}\n              <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n            `\n          : null}\n        ${showWarning\n          ? html`${warnIcon}\n              <div class=\"${prefix}--form-requirement\">${warnText}</div>`\n          : null}\n      </div>\n      ${showHelper ? helper : null}`;\n  }\n\n  /**\n   * A selector that will return the radio buttons.\n   */\n  static get selectorRadioButton() {\n    return `${prefix}-radio-button`;\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  /**\n   * The name of the custom event fired after this radio button group changes its selected item.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-group-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio button changes its checked state.\n   */\n  static get eventChangeRadioButton() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonGroup;\n"],"mappings":"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"}
+{"version":3,"file":"radio-button-group.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button-group.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport CDSRadioButton from './radio-button';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\n/**\n * Radio button group.\n *\n * @element cds-custom-radio-button-group\n * @fires cds-custom-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n * @fires cds-custom-radio-button-changed\n *   The name of the custom event fired after a radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass CDSRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n  /**\n   * Handles user-initiated change in selected radio button.\n   */\n  @HostListener('eventChangeRadioButton')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterChangeRadioButton = (event: CustomEvent) => {\n    // Bail out early if readOnly\n    if (this.readOnly) {\n      return;\n    }\n\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    const selected = find(\n      this.querySelectorAll(selectorRadioButton),\n      (elem) => (elem as CDSRadioButton).checked\n    );\n\n    const oldValue = this.value;\n    this.value = selected && selected.value;\n\n    if (oldValue !== this.value) {\n      const { eventChange } = this.constructor as typeof CDSRadioButtonGroup;\n      this.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n            name: this.name,\n            event,\n          },\n        })\n      );\n    }\n  };\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (\n      !disabled &&\n      typeof name !== 'undefined' &&\n      typeof value !== 'undefined'\n    ) {\n      formData.append(name, value);\n    }\n  }\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 CDSRadioButtonGroup).aiLabelItem\n            ) ||\n            // remove reference to slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSRadioButtonGroup).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  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  defaultSelected!: string;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'legend-text' })\n  legendText = '';\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText;\n\n  /**\n   * Specify whether the control 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 control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * Controls the readonly state of the radio button group.\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * `true` to specify if input selection in group is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  updated(changedProperties) {\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    [\n      'disabled',\n      'labelPosition',\n      'orientation',\n      'readOnly',\n      'name',\n      'required',\n    ].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSRadioButtonGroup]: value } = this;\n        // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n        forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n          (elem as CDSRadioButton)[name] = value;\n        });\n      }\n    });\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).checked =\n          value === (elem as CDSRadioButton).value;\n      });\n    }\n    if (changedProperties.has('invalid')) {\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).invalid = this.invalid;\n      });\n    }\n  }\n\n  render() {\n    const {\n      readOnly,\n      invalid,\n      invalidText,\n      warn,\n      warnText,\n      disabled,\n      orientation,\n      legendText,\n      helperText,\n      _hasAILabel: hasAILabel,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const showWarning = !readOnly && !disabled && !invalid && warn;\n    const showHelper = !invalid && !disabled && !warn;\n\n    const invalidIcon = iconLoader(WarningFilled16, {\n      class: `${prefix}--radio-button__invalid-icon`,\n    });\n\n    const warnIcon = iconLoader(WarningAltFilled16, {\n      class: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning`,\n    });\n\n    const helper = helperText\n      ? html`<div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n      : null;\n\n    const fieldsetClasses = classMap({\n      [`${prefix}--radio-button-group`]: true,\n      [`${prefix}--radio-button-group--readonly`]: readOnly,\n      [`${prefix}--radio-button-group--${orientation}`]:\n        orientation === 'vertical',\n      [`${prefix}--radio-button-group--invalid`]:\n        !readOnly && !disabled && invalid,\n      [`${prefix}--radio-button-group--warning`]: showWarning,\n      [`${prefix}--radio-button-group--slug`]: hasAILabel,\n    });\n\n    return html` <fieldset\n        class=\"${fieldsetClasses}\"\n        ?disabled=\"${disabled}\"\n        aria-readonly=\"${readOnly}\">\n        ${legendText\n          ? html` <legend class=\"${prefix}--label\">\n              ${legendText}\n              <slot name=\"ai-label\" @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"slug\" @slotchange=\"${handleSlotChange}\"></slot>\n            </legend>`\n          : ``}\n        <slot></slot>\n      </fieldset>\n      <div class=\"${prefix}--radio-button__validation-msg\">\n        ${!readOnly && !disabled && invalid\n          ? html`\n              ${invalidIcon}\n              <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n            `\n          : null}\n        ${showWarning\n          ? html`${warnIcon}\n              <div class=\"${prefix}--form-requirement\">${warnText}</div>`\n          : null}\n      </div>\n      ${showHelper ? helper : null}`;\n  }\n\n  /**\n   * A selector that will return the radio buttons.\n   */\n  static get selectorRadioButton() {\n    return `${prefix}-radio-button`;\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  /**\n   * The name of the custom event fired after this radio button group changes its selected item.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-group-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio button changes its checked state.\n   */\n  static get eventChangeRadioButton() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonGroup;\n"],"mappings":"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"}

package/es-custom/components/radio-button/radio-button-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 radio_button_default from "./radio-button.scss.js";
 import { LitElement, html } from "lit";
-
 //#region src/components/radio-button/radio-button-skeleton.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -24,17 +23,17 @@ import { LitElement, html } from "lit";
 let CDSRadioButtonSkeleton = class CDSRadioButtonSkeleton extends LitElement {
 	render() {
 		return html`
-      <div class="${prefix}--radio-button ${prefix}--skeleton"></div>
-      <span class="${prefix}--radio-button__label ${prefix}--skeleton"></span>
+      <div class="${"cds-custom"}--radio-button ${"cds-custom"}--skeleton"></div>
+      <span class="${"cds-custom"}--radio-button__label ${"cds-custom"}--skeleton"></span>
     `;
 	}
 	static {
 		this.styles = radio_button_default;
 	}
 };
-CDSRadioButtonSkeleton = __decorate([carbonElement(`${prefix}-radio-button-skeleton`)], CDSRadioButtonSkeleton);
+CDSRadioButtonSkeleton = __decorate([carbonElement(`cds-custom-radio-button-skeleton`)], CDSRadioButtonSkeleton);
 var radio_button_skeleton_default = CDSRadioButtonSkeleton;
-
 //#endregion
 export { radio_button_skeleton_default as default };
+
 //# sourceMappingURL=radio-button-skeleton.js.map

package/es-custom/components/radio-button/radio-button-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button-skeleton.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 { prefix } from '../../globals/settings';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass CDSRadioButtonSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n      <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,mCACM,+BAA+B,WAAW;CAC9C,SAAS;AACP,SAAO,IAAI;oBACK,OAAO,iBAAiB,OAAO;qBAC9B,OAAO,wBAAwB,OAAO;;;;gBAIzCA;;;qCATjBC,cAAc,GAAG,OAAO,wBAAwB;AAYjD,oCAAe"}
+{"version":3,"file":"radio-button-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button-skeleton.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 { prefix } from '../../globals/settings';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass CDSRadioButtonSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n      <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeA,IAAA,yBAAA,MACM,+BAA+B,WAAW;CAC9C,SAAS;AACP,SAAO,IAAI;0BACY,iBAAA,MAAwB;2BACvB,wBAAA,MAA+B;;;;gBAIzCA;;;qCATjBC,cAAc,4BAAkC,CAAA,EAAA,uBAAA;AAYjD,IAAA,gCAAe"}

package/es-custom/components/radio-button/radio-button.js

@@ -5,20 +5,19 @@
  * 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 HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
-import RadioGroupManager, { NAVIGATION_DIRECTION } from "../../globals/internal/radio-group-manager.js";
-import { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from "./defs.js";
+import RadioGroupManager from "../../globals/internal/radio-group-manager.js";
+import { RADIO_BUTTON_LABEL_POSITION } from "./defs.js";
 import radio_button_default$1 from "./radio-button.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/radio-button/radio-button.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -30,19 +29,19 @@ import { ifDefined } from "lit/directives/if-defined.js";
 * Map of navigation direction by key for horizontal alignment.
 */
 const navigationDirectionForKeyHorizontal = {
-	ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,
-	Left: NAVIGATION_DIRECTION.BACKWARD,
-	ArrowRight: NAVIGATION_DIRECTION.FORWARD,
-	Right: NAVIGATION_DIRECTION.FORWARD
+	ArrowLeft: -1,
+	Left: -1,
+	ArrowRight: 1,
+	Right: 1
 };
 /**
 * Map of navigation direction by key for vertical alignment.
 */
 const navigationDirectionForKeyVertical = {
-	ArrowUp: NAVIGATION_DIRECTION.BACKWARD,
-	Up: NAVIGATION_DIRECTION.BACKWARD,
-	ArrowDown: NAVIGATION_DIRECTION.FORWARD,
-	Down: NAVIGATION_DIRECTION.FORWARD
+	ArrowUp: -1,
+	Up: -1,
+	ArrowDown: 1,
+	Down: 1
 };
 /**
 * The interface for `RadioGroupManager` for radio button.
@@ -140,7 +139,7 @@ let CDSRadioButton = class CDSRadioButton extends HostListenerMixin(FocusMixin(L
 					return;
 				}
 				if (radioButtonDelegate && manager && !disabled && !disabledItem) {
-					const navigationDirection = (orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL ? navigationDirectionForKeyHorizontal : navigationDirectionForKeyVertical)[event.key];
+					const navigationDirection = (orientation === "horizontal" ? navigationDirectionForKeyHorizontal : navigationDirectionForKeyVertical)[event.key];
 					if (navigationDirection) manager.select(manager.navigate(radioButtonDelegate, navigationDirection), this.readOnly);
 					if (event.key === " " || event.key === "Enter") manager.select(radioButtonDelegate, this.readOnly);
 				}
@@ -156,9 +155,9 @@ let CDSRadioButton = class CDSRadioButton extends HostListenerMixin(FocusMixin(L
 		this.invalid = false;
 		this.warn = false;
 		this.warnText = "";
-		this.labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;
+		this.labelPosition = "right";
 		this.labelText = "";
-		this.orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;
+		this.orientation = "horizontal";
 		this.readOnly = false;
 		this.required = false;
 	}
@@ -217,14 +216,14 @@ let CDSRadioButton = class CDSRadioButton extends HostListenerMixin(FocusMixin(L
 			warn: !readOnly && !disabled && !disabledItem && !invalid && warn
 		};
 		const innerLabelClasses = classMap({
-			[`${prefix}--radio-button__label-text`]: true,
-			[`${prefix}--visually-hidden`]: hideLabel
+			[`cds-custom--radio-button__label-text`]: true,
+			[`cds-custom--visually-hidden`]: hideLabel
 		});
 		return html`
       <input
         id="radio"
         type="radio"
-        class="${prefix}--radio-button"
+        class="${"cds-custom"}--radio-button"
         .checked=${checked}
         ?disabled="${disabledItem || disabled}"
         ?required=${this.required}
@@ -233,8 +232,8 @@ let CDSRadioButton = class CDSRadioButton extends HostListenerMixin(FocusMixin(L
         value=${ifDefined(value)} />
       <label
         for="input"
-        class="${prefix}--radio-button__label ${normalizedProps.invalid ? `${prefix}--radio-button__label--invalid` : ""} ${normalizedProps.warn ? `${prefix}--radio-button__label--warn` : ""}">
-        <span class="${prefix}--radio-button__appearance"></span>
+        class="${"cds-custom"}--radio-button__label ${normalizedProps.invalid ? `cds-custom--radio-button__label--invalid` : ""} ${normalizedProps.warn ? `cds-custom--radio-button__label--warn` : ""}">
+        <span class="${"cds-custom"}--radio-button__appearance"></span>
         <span class="${innerLabelClasses}">
           <slot> ${labelText} </slot>
           <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
@@ -249,19 +248,19 @@ let CDSRadioButton = class CDSRadioButton extends HostListenerMixin(FocusMixin(L
 	* remove in v12
 	*/
 	static get slugItem() {
-		return `${prefix}-slug`;
+		return `cds-custom-slug`;
 	}
 	/**
 	* A selector that will return the AI Label item.
 	*/
 	static get aiLabelItem() {
-		return `${prefix}-ai-label`;
+		return `cds-custom-ai-label`;
 	}
 	/**
 	* The name of the custom event fired after this radio button changes its checked state.
 	*/
 	static get eventChange() {
-		return `${prefix}-radio-button-changed`;
+		return `cds-custom-radio-button-changed`;
 	}
 	static {
 		this.shadowRootOptions = {
@@ -327,9 +326,9 @@ __decorate([property({
 	reflect: true
 })], CDSRadioButton.prototype, "required", void 0);
 __decorate([property()], CDSRadioButton.prototype, "value", void 0);
-CDSRadioButton = __decorate([carbonElement(`${prefix}-radio-button`)], CDSRadioButton);
+CDSRadioButton = __decorate([carbonElement(`cds-custom-radio-button`)], CDSRadioButton);
 var radio_button_default = CDSRadioButton;
-
 //#endregion
 export { RADIO_BUTTON_LABEL_POSITION, radio_button_default as default };
+
 //# sourceMappingURL=radio-button.js.map