@carbon/web-components 2.42.0 → 2.42.1-rc.0

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

@@ -167,7 +167,7 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
     }
     render() {
         const { readOnly, invalid, invalidText, warn, warnText, disabled, orientation, legendText, helperText, _hasAILabel: hasAILabel, _handleSlotChange: handleSlotChange, } = this;
-        const showWarning = !readOnly && !invalid && warn;
+        const showWarning = !readOnly && !disabled && !invalid && warn;
         const showHelper = !invalid && !disabled && !warn;
         const invalidIcon = iconLoader(WarningFilled16, {
             class: `${prefix}--radio-button__invalid-icon`,
@@ -182,6 +182,8 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
             [`${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,
         });
         return html ` <fieldset
@@ -198,7 +200,7 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
         <slot></slot>
       </fieldset>
       <div class="${prefix}--radio-button__validation-msg">
-        ${!readOnly && invalid
+        ${!readOnly && !disabled && invalid
             ? html `
               ${invalidIcon}
               <div class="${prefix}--form-requirement">${invalidText}</div>

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.js","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 && !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--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 && 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"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"radio-button-group.js","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"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAoBH;;;;;;;AAOG;AAEH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,SAAS,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAA;AAA1E,IAAA,WAAA,GAAA;;AACE;;AAEG;AAIK,QAAA,IAAA,CAAA,6BAA6B,GAAG,CAAC,KAAkB,KAAI;;AAE7D,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB;;AAGF,YAAA,MAAM,EAAE,mBAAmB,EAAE,GAAG;AAC7B,iBAAA,WAAyC;YAC5C,MAAM,QAAQ,GAAG,IAAI,CACnB,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,EAC1C,CAAC,IAAI,KAAM,IAAuB,CAAC,OAAO,CAC3C;AAED,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK;YAC3B,IAAI,CAAC,KAAK,GAAG,QAAQ,IAAI,QAAQ,CAAC,KAAK;AAEvC,YAAA,IAAI,QAAQ,KAAK,IAAI,CAAC,KAAK,EAAE;AAC3B,gBAAA,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,WAAyC;AACtE,gBAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,WAAW,EAAE;AAC3B,oBAAA,OAAO,EAAE,IAAI;AACb,oBAAA,QAAQ,EAAE,IAAI;AACd,oBAAA,MAAM,EAAE;wBACN,KAAK,EAAE,IAAI,CAAC,KAAK;wBACjB,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,KAAK;AACN,qBAAA;AACF,iBAAA,CAAC,CACH;;AAEL,SAAC;AAqCD;;AAEG;QACO,IAAW,CAAA,WAAA,GAAG,KAAK;AAQ7B;;AAEG;QAEH,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEhB;;AAEG;AAEH,QAAA,IAAA,CAAA,aAAa,GAAG,2BAA2B,CAAC,KAAK;AAEjD;;AAEG;QAEH,IAAU,CAAA,UAAA,GAAG,EAAE;AAQf;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAG,KAAK;AAEZ;;AAEG;QAEH,IAAQ,CAAA,QAAA,GAAG,EAAE;AAEb;;AAEG;QAEH,IAAO,CAAA,OAAA,GAAG,KAAK;AAEf;;AAEG;QAEH,IAAW,CAAA,WAAA,GAAG,EAAE;AAQhB;;AAEG;AAEH,QAAA,IAAA,CAAA,WAAW,GAAG,wBAAwB,CAAC,UAAU;AAEjD;;AAEG;QAEH,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEhB;;AAEG;QAEH,IAAQ,CAAA,QAAA,GAAG,KAAK;;AApHhB,IAAA,eAAe,CAAC,KAAoB,EAAA;AAClC,QAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK;QAC1B,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI;AACtC,QAAA,IACE,CAAC,QAAQ;YACT,OAAO,IAAI,KAAK,WAAW;AAC3B,YAAA,OAAO,KAAK,KAAK,WAAW,EAC5B;AACA,YAAA,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC;;;AAIhC;;AAEG;IACO,iBAAiB,CAAC,EAAE,MAAM,EAAS,EAAA;QAC3C,MAAM,UAAU,GAAI;AACjB,aAAA,aAAa;aACb,MAAM,CAAC,CAAC,IAAI,KACV,IAAoB,CAAC,OAAO,KAAK;cAC7B,IAAoB,CAAC,OAAO,CAC1B,IAAI,CAAC,WAA0C,CAAC,WAAW,CAC7D;;gBAEA,IAAoB,CAAC,OAAO,CAC1B,IAAI,CAAC,WAA0C,CAAC,QAAQ;cAE3D,KAAK,CACV;AAEH,QAAA,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,UAAU,CAAC;QACrC,UAAU,CAAC,CAAC,CAAiB,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QAC3D,IAAI,CAAC,aAAa,EAAE;;AA2FtB,IAAA,OAAO,CAAC,iBAAiB,EAAA;AACvB,QAAA,MAAM,EAAE,mBAAmB,EAAE,GAAG;AAC7B,aAAA,WAAyC;AAC5C,QAAA;YACE,UAAU;YACV,eAAe;YACf,aAAa;YACb,UAAU;YACV,MAAM;YACN,UAAU;AACX,SAAA,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACjB,YAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBAC/B,MAAM,EAAE,CAAC,IAAiC,GAAG,KAAK,EAAE,GAAG,IAAI;;gBAE3D,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,EAAE,CAAC,IAAI,KAAI;AAC1D,oBAAA,IAAuB,CAAC,IAAI,CAAC,GAAG,KAAK;AACxC,iBAAC,CAAC;;AAEN,SAAC,CAAC;AACF,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAClC,YAAA,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI;YACtB,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,EAAE,CAAC,IAAI,KAAI;AAC1D,gBAAA,IAAuB,CAAC,OAAO;AAC9B,oBAAA,KAAK,KAAM,IAAuB,CAAC,KAAK;AAC5C,aAAC,CAAC;;AAEJ,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;YACpC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,EAAE,CAAC,IAAI,KAAI;AAC1D,gBAAA,IAAuB,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;AACjD,aAAC,CAAC;;;IAIN,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,UAAU,EACV,WAAW,EAAE,UAAU,EACvB,iBAAiB,EAAE,gBAAgB,GACpC,GAAG,IAAI;AAER,QAAA,MAAM,WAAW,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,IAAI;QAC9D,MAAM,UAAU,GAAG,CAAC,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI;AAEjD,QAAA,MAAM,WAAW,GAAG,UAAU,CAAC,eAAe,EAAE;YAC9C,KAAK,EAAE,CAAG,EAAA,MAAM,CAA8B,4BAAA,CAAA;AAC/C,SAAA,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAG,UAAU,CAAC,kBAAkB,EAAE;AAC9C,YAAA,KAAK,EAAE,CAAA,EAAG,MAAM,CAAA,6BAAA,EAAgC,MAAM,CAAuC,qCAAA,CAAA;AAC9F,SAAA,CAAC;QAEF,MAAM,MAAM,GAAG;AACb,cAAE,IAAI,CAAA,eAAe,MAAM,CAAA,qBAAA,EAAwB,UAAU,CAAQ,MAAA;cACnE,IAAI;QAER,MAAM,eAAe,GAAG,QAAQ,CAAC;AAC/B,YAAA,CAAC,CAAG,EAAA,MAAM,CAAsB,oBAAA,CAAA,GAAG,IAAI;AACvC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAgC,8BAAA,CAAA,GAAG,QAAQ;YACrD,CAAC,CAAA,EAAG,MAAM,CAAyB,sBAAA,EAAA,WAAW,EAAE,GAC9C,WAAW,KAAK,UAAU;YAC5B,CAAC,CAAA,EAAG,MAAM,CAAA,6BAAA,CAA+B,GACvC,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,OAAO;AACnC,YAAA,CAAC,CAAG,EAAA,MAAM,CAA+B,6BAAA,CAAA,GAAG,WAAW;AACvD,YAAA,CAAC,CAAG,EAAA,MAAM,CAA4B,0BAAA,CAAA,GAAG,UAAU;AACpD,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA,CAAA;iBACE,eAAe,CAAA;qBACX,QAAQ,CAAA;yBACJ,QAAQ,CAAA;UACvB;AACA,cAAE,IAAI,CAAA,CAAA,gBAAA,EAAmB,MAAM,CAAA;gBACzB,UAAU;mDACyB,gBAAgB,CAAA;+CACpB,gBAAgB,CAAA;AACzC,qBAAA;AACZ,cAAE,CAAE,CAAA;;;oBAGM,MAAM,CAAA;AAChB,QAAA,EAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI;cACxB,IAAI,CAAA;gBACA,WAAW;AACC,0BAAA,EAAA,MAAM,uBAAuB,WAAW,CAAA;AACvD,YAAA;AACH,cAAE,IAAI;UACN;AACA,cAAE,IAAI,CAAA,CAAA,EAAG,QAAQ;4BACC,MAAM,CAAA,oBAAA,EAAuB,QAAQ,CAAQ,MAAA;AAC/D,cAAE,IAAI;;QAER,UAAU,GAAG,MAAM,GAAG,IAAI,CAAA,CAAE;;AAGlC;;AAEG;AACH,IAAA,WAAW,mBAAmB,GAAA;QAC5B,OAAO,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe;;AAGjC;;;;AAIG;AACH,IAAA,WAAW,QAAQ,GAAA;QACjB,OAAO,CAAA,EAAG,MAAM,CAAA,KAAA,CAAO;;AAGzB;;AAEG;AACH,IAAA,WAAW,WAAW,GAAA;QACpB,OAAO,CAAA,EAAG,MAAM,CAAA,SAAA,CAAW;;AAG7B;;AAEG;AACH,IAAA,WAAW,WAAW,GAAA;QACpB,OAAO,CAAA,EAAG,MAAM,CAAA,2BAAA,CAA6B;;AAG/C;;AAEG;AACH,IAAA,WAAW,sBAAsB,GAAA;QAC/B,OAAO,CAAA,EAAG,MAAM,CAAA,qBAAA,CAAuB;;;AAGlC,mBAAM,CAAA,MAAA,GAAG,MAAH;AAtSL,UAAA,CAAA;IAHP,YAAY,CAAC,wBAAwB;;;AAiCpC,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,+BAAA,EAAA,MAAA,CAAA;AA8CF,UAAA,CAAA;AADC,IAAA,QAAQ;AACgB,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;AAMzB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE;AACN,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAMlD,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE;AACrC,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAMhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE;AAC3B,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAMX,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAC7B,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE;AACtB,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMd,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAC1B,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAMhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE;AACtB,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;AADC,IAAA,QAAQ;AACK,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMd,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACuB,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAMlD,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAKjB,UAAA,CAAA;AADC,IAAA,QAAQ;AACM,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAhKX,mBAAmB,GAAA,UAAA,CAAA;AADxB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB;AACvC,CAAA,EAAA,mBAAmB,CA8SxB;AAED,4BAAe,mBAAmB;;;;"}

package/es-custom/components/radio-button/radio-button.d.ts

@@ -787,6 +787,14 @@ declare class CDSRadioButton extends CDSRadioButton_base {
      * Specify if the currently value is invalid.
      */
     invalid: boolean;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state
+     */
+    warnText: string;
     /**
      * The label position.
      */

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

@@ -199,6 +199,14 @@ let CDSRadioButton = class CDSRadioButton extends HostListenerMixin(FocusMixin(L
          * Specify if the currently value is invalid.
          */
         this.invalid = false;
+        /**
+         * Specify whether the control is currently in warning state
+         */
+        this.warn = false;
+        /**
+         * Provide the text that is displayed when the control is in warning state
+         */
+        this.warnText = '';
         /**
          * The label position.
          */
@@ -250,7 +258,12 @@ let CDSRadioButton = class CDSRadioButton extends HostListenerMixin(FocusMixin(L
         }
     }
     updated(changedProperties) {
-        const { _hasAILabel: hasAILabel, _inputNode: inputNode, _radioButtonDelegate: radioButtonDelegate, name, } = this;
+        const { _hasAILabel: hasAILabel, _inputNode: inputNode, _radioButtonDelegate: radioButtonDelegate, name, disabled, disabledItem, readOnly, invalid, warn, } = this;
+        // Normalize input props similar to useNormalizedInputProps in React
+        const normalizedProps = {
+            invalid: !readOnly && !disabled && !disabledItem && invalid,
+            warn: !readOnly && !disabled && !disabledItem && !invalid && warn,
+        };
         if (changedProperties.has('checked') || changedProperties.has('name')) {
             if (!this._manager) {
                 this._manager = RadioGroupManager.get(this.getRootNode({ composed: true }));
@@ -273,13 +286,38 @@ let CDSRadioButton = class CDSRadioButton extends HostListenerMixin(FocusMixin(L
                 ? '-1'
                 : '0');
         }
+        // Handle validation states based on normalized props
+        if (changedProperties.has('invalid') ||
+            changedProperties.has('warn') ||
+            changedProperties.has('disabled') ||
+            changedProperties.has('disabledItem') ||
+            changedProperties.has('readOnly')) {
+            // Apply normalized validation states
+            if (normalizedProps.invalid) {
+                this.setAttribute('invalid', '');
+                this.removeAttribute('warn');
+            }
+            else if (normalizedProps.warn) {
+                this.setAttribute('warn', '');
+                this.removeAttribute('invalid');
+            }
+            else {
+                this.removeAttribute('invalid');
+                this.removeAttribute('warn');
+            }
+        }
         // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452
         hasAILabel
             ? this.setAttribute('ai-label', '')
             : this.removeAttribute('ai-label');
     }
     render() {
-        const { checked, hideLabel, labelText, name, value, disabled, disabledItem, readOnly, } = this;
+        const { checked, hideLabel, labelText, name, value, disabled, disabledItem, readOnly, invalid, warn, } = this;
+        // Normalize input props similar to useNormalizedInputProps in React
+        const normalizedProps = {
+            invalid: !readOnly && !disabled && !disabledItem && invalid,
+            warn: !readOnly && !disabled && !disabledItem && !invalid && warn,
+        };
         const innerLabelClasses = classMap({
             [`${prefix}--radio-button__label-text`]: true,
             [`${prefix}--visually-hidden`]: hideLabel,
@@ -295,7 +333,13 @@ let CDSRadioButton = class CDSRadioButton extends HostListenerMixin(FocusMixin(L
         aria-readonly="${String(Boolean(readOnly))}"
         name=${ifDefined(name)}
         value=${ifDefined(value)} />
-      <label for="input" class="${prefix}--radio-button__label">
+      <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>
         <span class="${innerLabelClasses}">
           <slot> ${labelText} </slot>
@@ -362,6 +406,12 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], CDSRadioButton.prototype, "invalid", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CDSRadioButton.prototype, "warn", void 0);
+__decorate([
+    property({ attribute: 'warn-text' })
+], CDSRadioButton.prototype, "warnText", void 0);
 __decorate([
     property({ reflect: true, attribute: 'label-position' })
 ], CDSRadioButton.prototype, "labelPosition", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button.js","sources":["../../../src/components/radio-button/radio-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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n  NAVIGATION_DIRECTION,\n  ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_LABEL_POSITION };\n\n/**\n * Map of navigation direction by key for horizontal alignment.\n */\nconst navigationDirectionForKeyHorizontal = {\n  ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,\n  Left: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowRight: NAVIGATION_DIRECTION.FORWARD,\n  Right: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * Map of navigation direction by key for vertical alignment.\n */\nconst navigationDirectionForKeyVertical = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for radio button.\n */\nclass RadioButtonDelegate implements ManagedRadioButtonDelegate {\n  /**\n   * The radio button to target.\n   */\n  private _radio: HTMLInputElement;\n\n  constructor(radio: HTMLInputElement) {\n    this._radio = radio;\n  }\n\n  get checked() {\n    return this._radio.checked;\n  }\n\n  set checked(checked) {\n    const { host } = this._radio.getRootNode() as ShadowRoot;\n    const { eventChange } = host.constructor as typeof CDSRadioButton;\n    (host as CDSRadioButton).checked = checked;\n    this._radio.tabIndex = checked ? 0 : -1;\n    host.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n          value: this._radio.value,\n          name: this._radio.name,\n        },\n      })\n    );\n  }\n\n  get tabIndex() {\n    return this._radio.tabIndex;\n  }\n\n  set tabIndex(tabIndex) {\n    this._radio.tabIndex = tabIndex;\n  }\n\n  get name() {\n    return this._radio.name;\n  }\n\n  get disabled() {\n    return this._radio.disabled;\n  }\n\n  compareDocumentPosition(other: RadioButtonDelegate) {\n    return this._radio.compareDocumentPosition(other._radio);\n  }\n\n  focus() {\n    this._radio.focus();\n  }\n}\n\n/**\n * Radio button.\n *\n * @element cds-custom-radio-button\n * @fires cds-custom-radio-button-changed - The custom event fired after this radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button`)\nclass CDSRadioButton extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The radio group manager associated with the radio button.\n   */\n  private _manager: RadioGroupManager | null = null;\n\n  /**\n   * The interface for `RadioGroupManager` for radio button.\n   */\n  private _radioButtonDelegate!: RadioButtonDelegate;\n\n  /**\n   * The hidden radio button.\n   */\n  @query('input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\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 _handleClick = (event) => {\n    if (\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.aiLabelItem\n      ) &&\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.slugItem\n      )\n    ) {\n      const {\n        disabled,\n        _radioButtonDelegate: radioButtonDelegate,\n        readOnly,\n      } = this;\n      if (readOnly) {\n        event.preventDefault();\n        return;\n      }\n      if (radioButtonDelegate && !disabled && !this.disabledItem) {\n        this.checked = true;\n        if (this._manager) {\n          this._manager.select(radioButtonDelegate, this.readOnly);\n        }\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSRadioButton).eventChange,\n            {\n              bubbles: true,\n              composed: true,\n              detail: {\n                checked: this.checked,\n                value: this.value,\n                name: this.name,\n                event,\n              },\n            }\n          )\n        );\n      }\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSRadioButton).eventChange,\n          {\n            bubbles: true,\n            composed: true,\n            detail: {\n              checked: this.checked,\n              value: this.value,\n              name: this.name,\n              event,\n            },\n          }\n        )\n      );\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\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 _handleKeydown = (event: KeyboardEvent) => {\n    if (\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.aiLabelItem\n      ) &&\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.slugItem\n      )\n    ) {\n      const {\n        orientation,\n        _radioButtonDelegate: radioButtonDelegate,\n        disabled,\n        disabledItem,\n        readOnly,\n      } = this;\n      const manager = this._manager;\n      if (readOnly) {\n        event.preventDefault();\n        return;\n      }\n      if (radioButtonDelegate && manager && !disabled && !disabledItem) {\n        const navigationDirectionForKey =\n          orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL\n            ? navigationDirectionForKeyHorizontal\n            : navigationDirectionForKeyVertical;\n        const navigationDirection = navigationDirectionForKey[event.key];\n        if (navigationDirection) {\n          manager.select(\n            manager.navigate(radioButtonDelegate, navigationDirection),\n            this.readOnly\n          );\n        }\n        if (event.key === ' ' || event.key === 'Enter') {\n          manager.select(radioButtonDelegate, this.readOnly);\n        }\n      }\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 CDSRadioButton).aiLabelItem\n            ) ||\n            // remove reference to slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSRadioButton).slugItem\n            )\n          : false\n      );\n\n    this._hasAILabel = Boolean(hasContent);\n    const type = (hasContent[0] as HTMLElement).getAttribute('kind');\n    (hasContent[0] as HTMLElement).setAttribute(\n      'size',\n      type === 'inline' ? 'md' : 'mini'\n    );\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  /**\n   * `true` if this radio button should be checked.\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * `true` if the radio button is used in a data table\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * Specify whether the `<radio-button>` should be checked by default\n   */\n  @property({ type: Boolean, attribute: 'default-checked' })\n  defaultChecked = false;\n\n  /**\n   * `true` if the radio button item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabledItem = false;\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   * `true` if the label should be hidden.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = 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 text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\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   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * `true` if the radio button is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  disconnectedCallback() {\n    if (this._manager) {\n      this._manager.delete(this._radioButtonDelegate);\n    }\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this._radioButtonDelegate = new RadioButtonDelegate(this._inputNode);\n\n    // If user hasn’t explicitly set `checked`, respect `defaultChecked`\n    if (this.defaultChecked && this.checked === false) {\n      this.checked = true;\n    }\n  }\n\n  updated(changedProperties) {\n    const {\n      _hasAILabel: hasAILabel,\n      _inputNode: inputNode,\n      _radioButtonDelegate: radioButtonDelegate,\n      name,\n    } = this;\n\n    if (changedProperties.has('checked') || changedProperties.has('name')) {\n      if (!this._manager) {\n        this._manager = RadioGroupManager.get(\n          this.getRootNode({ composed: true }) as Document\n        );\n      }\n      const { _manager: manager } = this;\n      if (changedProperties.has('name')) {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        manager!.delete(radioButtonDelegate, changedProperties.get('name'));\n        if (name) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          manager!.add(radioButtonDelegate);\n        }\n      }\n      // Disabled items should have tabIndex -1.\n      inputNode.setAttribute(\n        'tabindex',\n        !name ||\n          !manager ||\n          this.disabled ||\n          this.disabledItem ||\n          !manager.shouldBeFocusable(radioButtonDelegate)\n          ? '-1'\n          : '0'\n      );\n    }\n    // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452\n    hasAILabel\n      ? this.setAttribute('ai-label', '')\n      : this.removeAttribute('ai-label');\n  }\n\n  render() {\n    const {\n      checked,\n      hideLabel,\n      labelText,\n      name,\n      value,\n      disabled,\n      disabledItem,\n      readOnly,\n    } = this;\n    const innerLabelClasses = classMap({\n      [`${prefix}--radio-button__label-text`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"radio\"\n        type=\"radio\"\n        class=\"${prefix}--radio-button\"\n        .checked=${checked}\n        ?disabled=\"${disabledItem || disabled}\"\n        ?required=${this.required}\n        aria-readonly=\"${String(Boolean(readOnly))}\"\n        name=${ifDefined(name)}\n        value=${ifDefined(value)} />\n      <label for=\"input\" class=\"${prefix}--radio-button__label\">\n        <span class=\"${prefix}--radio-button__appearance\"></span>\n        <span class=\"${innerLabelClasses}\">\n          <slot> ${labelText} </slot>\n          <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot\n        ></span>\n      </label>\n    `;\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 changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSRadioButton;\n"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"radio-button.js","sources":["../../../src/components/radio-button/radio-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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n  NAVIGATION_DIRECTION,\n  ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_LABEL_POSITION };\n\n/**\n * Map of navigation direction by key for horizontal alignment.\n */\nconst navigationDirectionForKeyHorizontal = {\n  ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,\n  Left: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowRight: NAVIGATION_DIRECTION.FORWARD,\n  Right: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * Map of navigation direction by key for vertical alignment.\n */\nconst navigationDirectionForKeyVertical = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for radio button.\n */\nclass RadioButtonDelegate implements ManagedRadioButtonDelegate {\n  /**\n   * The radio button to target.\n   */\n  private _radio: HTMLInputElement;\n\n  constructor(radio: HTMLInputElement) {\n    this._radio = radio;\n  }\n\n  get checked() {\n    return this._radio.checked;\n  }\n\n  set checked(checked) {\n    const { host } = this._radio.getRootNode() as ShadowRoot;\n    const { eventChange } = host.constructor as typeof CDSRadioButton;\n    (host as CDSRadioButton).checked = checked;\n    this._radio.tabIndex = checked ? 0 : -1;\n    host.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n          value: this._radio.value,\n          name: this._radio.name,\n        },\n      })\n    );\n  }\n\n  get tabIndex() {\n    return this._radio.tabIndex;\n  }\n\n  set tabIndex(tabIndex) {\n    this._radio.tabIndex = tabIndex;\n  }\n\n  get name() {\n    return this._radio.name;\n  }\n\n  get disabled() {\n    return this._radio.disabled;\n  }\n\n  compareDocumentPosition(other: RadioButtonDelegate) {\n    return this._radio.compareDocumentPosition(other._radio);\n  }\n\n  focus() {\n    this._radio.focus();\n  }\n}\n\n/**\n * Radio button.\n *\n * @element cds-custom-radio-button\n * @fires cds-custom-radio-button-changed - The custom event fired after this radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button`)\nclass CDSRadioButton extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The radio group manager associated with the radio button.\n   */\n  private _manager: RadioGroupManager | null = null;\n\n  /**\n   * The interface for `RadioGroupManager` for radio button.\n   */\n  private _radioButtonDelegate!: RadioButtonDelegate;\n\n  /**\n   * The hidden radio button.\n   */\n  @query('input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\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 _handleClick = (event) => {\n    if (\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.aiLabelItem\n      ) &&\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.slugItem\n      )\n    ) {\n      const {\n        disabled,\n        _radioButtonDelegate: radioButtonDelegate,\n        readOnly,\n      } = this;\n      if (readOnly) {\n        event.preventDefault();\n        return;\n      }\n      if (radioButtonDelegate && !disabled && !this.disabledItem) {\n        this.checked = true;\n        if (this._manager) {\n          this._manager.select(radioButtonDelegate, this.readOnly);\n        }\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSRadioButton).eventChange,\n            {\n              bubbles: true,\n              composed: true,\n              detail: {\n                checked: this.checked,\n                value: this.value,\n                name: this.name,\n                event,\n              },\n            }\n          )\n        );\n      }\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSRadioButton).eventChange,\n          {\n            bubbles: true,\n            composed: true,\n            detail: {\n              checked: this.checked,\n              value: this.value,\n              name: this.name,\n              event,\n            },\n          }\n        )\n      );\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\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 _handleKeydown = (event: KeyboardEvent) => {\n    if (\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.aiLabelItem\n      ) &&\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.slugItem\n      )\n    ) {\n      const {\n        orientation,\n        _radioButtonDelegate: radioButtonDelegate,\n        disabled,\n        disabledItem,\n        readOnly,\n      } = this;\n      const manager = this._manager;\n      if (readOnly) {\n        event.preventDefault();\n        return;\n      }\n      if (radioButtonDelegate && manager && !disabled && !disabledItem) {\n        const navigationDirectionForKey =\n          orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL\n            ? navigationDirectionForKeyHorizontal\n            : navigationDirectionForKeyVertical;\n        const navigationDirection = navigationDirectionForKey[event.key];\n        if (navigationDirection) {\n          manager.select(\n            manager.navigate(radioButtonDelegate, navigationDirection),\n            this.readOnly\n          );\n        }\n        if (event.key === ' ' || event.key === 'Enter') {\n          manager.select(radioButtonDelegate, this.readOnly);\n        }\n      }\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 CDSRadioButton).aiLabelItem\n            ) ||\n            // remove reference to slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSRadioButton).slugItem\n            )\n          : false\n      );\n\n    this._hasAILabel = Boolean(hasContent);\n    const type = (hasContent[0] as HTMLElement).getAttribute('kind');\n    (hasContent[0] as HTMLElement).setAttribute(\n      'size',\n      type === 'inline' ? 'md' : 'mini'\n    );\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  /**\n   * `true` if this radio button should be checked.\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * `true` if the radio button is used in a data table\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * Specify whether the `<radio-button>` should be checked by default\n   */\n  @property({ type: Boolean, attribute: 'default-checked' })\n  defaultChecked = false;\n\n  /**\n   * `true` if the radio button item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabledItem = false;\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   * `true` if the label should be hidden.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\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   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\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   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * `true` if the radio button is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  disconnectedCallback() {\n    if (this._manager) {\n      this._manager.delete(this._radioButtonDelegate);\n    }\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this._radioButtonDelegate = new RadioButtonDelegate(this._inputNode);\n\n    // If user hasn’t explicitly set `checked`, respect `defaultChecked`\n    if (this.defaultChecked && this.checked === false) {\n      this.checked = true;\n    }\n  }\n\n  updated(changedProperties) {\n    const {\n      _hasAILabel: hasAILabel,\n      _inputNode: inputNode,\n      _radioButtonDelegate: radioButtonDelegate,\n      name,\n      disabled,\n      disabledItem,\n      readOnly,\n      invalid,\n      warn,\n    } = this;\n\n    // Normalize input props similar to useNormalizedInputProps in React\n    const normalizedProps = {\n      disabled: !readOnly && (disabled || disabledItem),\n      invalid: !readOnly && !disabled && !disabledItem && invalid,\n      warn: !readOnly && !disabled && !disabledItem && !invalid && warn,\n    };\n\n    if (changedProperties.has('checked') || changedProperties.has('name')) {\n      if (!this._manager) {\n        this._manager = RadioGroupManager.get(\n          this.getRootNode({ composed: true }) as Document\n        );\n      }\n      const { _manager: manager } = this;\n      if (changedProperties.has('name')) {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        manager!.delete(radioButtonDelegate, changedProperties.get('name'));\n        if (name) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          manager!.add(radioButtonDelegate);\n        }\n      }\n      // Disabled items should have tabIndex -1.\n      inputNode.setAttribute(\n        'tabindex',\n        !name ||\n          !manager ||\n          this.disabled ||\n          this.disabledItem ||\n          !manager.shouldBeFocusable(radioButtonDelegate)\n          ? '-1'\n          : '0'\n      );\n    }\n    // Handle validation states based on normalized props\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('warn') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('disabledItem') ||\n      changedProperties.has('readOnly')\n    ) {\n      // Apply normalized validation states\n      if (normalizedProps.invalid) {\n        this.setAttribute('invalid', '');\n        this.removeAttribute('warn');\n      } else if (normalizedProps.warn) {\n        this.setAttribute('warn', '');\n        this.removeAttribute('invalid');\n      } else {\n        this.removeAttribute('invalid');\n        this.removeAttribute('warn');\n      }\n    }\n\n    // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452\n    hasAILabel\n      ? this.setAttribute('ai-label', '')\n      : this.removeAttribute('ai-label');\n  }\n\n  render() {\n    const {\n      checked,\n      hideLabel,\n      labelText,\n      name,\n      value,\n      disabled,\n      disabledItem,\n      readOnly,\n      invalid,\n      warn,\n    } = this;\n\n    // Normalize input props similar to useNormalizedInputProps in React\n    const normalizedProps = {\n      disabled: !readOnly && (disabled || disabledItem),\n      invalid: !readOnly && !disabled && !disabledItem && invalid,\n      warn: !readOnly && !disabled && !disabledItem && !invalid && warn,\n    };\n    const innerLabelClasses = classMap({\n      [`${prefix}--radio-button__label-text`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"radio\"\n        type=\"radio\"\n        class=\"${prefix}--radio-button\"\n        .checked=${checked}\n        ?disabled=\"${disabledItem || disabled}\"\n        ?required=${this.required}\n        aria-readonly=\"${String(Boolean(readOnly))}\"\n        name=${ifDefined(name)}\n        value=${ifDefined(value)} />\n      <label\n        for=\"input\"\n        class=\"${prefix}--radio-button__label ${normalizedProps.invalid\n          ? `${prefix}--radio-button__label--invalid`\n          : ''} ${normalizedProps.warn\n          ? `${prefix}--radio-button__label--warn`\n          : ''}\">\n        <span class=\"${prefix}--radio-button__appearance\"></span>\n        <span class=\"${innerLabelClasses}\">\n          <slot> ${labelText} </slot>\n          <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot\n        ></span>\n      </label>\n    `;\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 changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSRadioButton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAoBH;;AAEG;AACH,MAAM,mCAAmC,GAAG;IAC1C,SAAS,EAAE,oBAAoB,CAAC,QAAQ;AACxC,IAAA,IAAI,EAAE,oBAAoB,CAAC,QAAQ;IACnC,UAAU,EAAE,oBAAoB,CAAC,OAAO;AACxC,IAAA,KAAK,EAAE,oBAAoB,CAAC,OAAO;CACpC;AAED;;AAEG;AACH,MAAM,iCAAiC,GAAG;IACxC,OAAO,EAAE,oBAAoB,CAAC,QAAQ;AACtC,IAAA,EAAE,EAAE,oBAAoB,CAAC,QAAQ;IACjC,SAAS,EAAE,oBAAoB,CAAC,OAAO;AACvC,IAAA,IAAI,EAAE,oBAAoB,CAAC,OAAO;CACnC;AAED;;AAEG;AACH,MAAM,mBAAmB,CAAA;AAMvB,IAAA,WAAA,CAAY,KAAuB,EAAA;AACjC,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;;AAGrB,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO;;IAG5B,IAAI,OAAO,CAAC,OAAO,EAAA;QACjB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,EAAgB;AACxD,QAAA,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,WAAoC;AAChE,QAAA,IAAuB,CAAC,OAAO,GAAG,OAAO;AAC1C,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,OAAO,GAAG,CAAC,GAAG,EAAE;AACvC,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,WAAW,EAAE;AAC3B,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE;gBACN,OAAO;AACP,gBAAA,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK;AACxB,gBAAA,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI;AACvB,aAAA;AACF,SAAA,CAAC,CACH;;AAGH,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ;;IAG7B,IAAI,QAAQ,CAAC,QAAQ,EAAA;AACnB,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;;AAGjC,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI;;AAGzB,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ;;AAG7B,IAAA,uBAAuB,CAAC,KAA0B,EAAA;QAChD,OAAO,IAAI,CAAC,MAAM,CAAC,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC;;IAG1D,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;;AAEtB;AAED;;;;;AAKG;AAEH,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,iBAAiB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAA;AAAtE,IAAA,WAAA,GAAA;;AACE;;AAEG;QACK,IAAQ,CAAA,QAAA,GAA6B,IAAI;AAajD;;AAEG;AAIK,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,KAAK,KAAI;;AAC/B,YAAA,IACE,CAAE,KAAK,CAAC,MAAsB,CAAC,OAAO,CACpC,CAAA,EAAA,GAAC,IAAI,CAAC,WAAqC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,CACzD;AACD,gBAAA,CAAE,KAAK,CAAC,MAAsB,CAAC,OAAO,CACpC,CAAA,EAAA,GAAC,IAAI,CAAC,WAAqC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CACtD,EACD;gBACA,MAAM,EACJ,QAAQ,EACR,oBAAoB,EAAE,mBAAmB,EACzC,QAAQ,GACT,GAAG,IAAI;gBACR,IAAI,QAAQ,EAAE;oBACZ,KAAK,CAAC,cAAc,EAAE;oBACtB;;gBAEF,IAAI,mBAAmB,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AAC1D,oBAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,oBAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;wBACjB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,mBAAmB,EAAE,IAAI,CAAC,QAAQ,CAAC;;oBAE1D,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAAqC,CAAC,WAAW,EACvD;AACE,wBAAA,OAAO,EAAE,IAAI;AACb,wBAAA,QAAQ,EAAE,IAAI;AACd,wBAAA,MAAM,EAAE;4BACN,OAAO,EAAE,IAAI,CAAC,OAAO;4BACrB,KAAK,EAAE,IAAI,CAAC,KAAK;4BACjB,IAAI,EAAE,IAAI,CAAC,IAAI;4BACf,KAAK;AACN,yBAAA;AACF,qBAAA,CACF,CACF;;gBAEH,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAAqC,CAAC,WAAW,EACvD;AACE,oBAAA,OAAO,EAAE,IAAI;AACb,oBAAA,QAAQ,EAAE,IAAI;AACd,oBAAA,MAAM,EAAE;wBACN,OAAO,EAAE,IAAI,CAAC,OAAO;wBACrB,KAAK,EAAE,IAAI,CAAC,KAAK;wBACjB,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,KAAK;AACN,qBAAA;AACF,iBAAA,CACF,CACF;;AAEL,SAAC;AAED;;AAEG;AAIK,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,KAAoB,KAAI;;AAChD,YAAA,IACE,CAAE,KAAK,CAAC,MAAsB,CAAC,OAAO,CACpC,CAAA,EAAA,GAAC,IAAI,CAAC,WAAqC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,CACzD;AACD,gBAAA,CAAE,KAAK,CAAC,MAAsB,CAAC,OAAO,CACpC,CAAA,EAAA,GAAC,IAAI,CAAC,WAAqC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CACtD,EACD;AACA,gBAAA,MAAM,EACJ,WAAW,EACX,oBAAoB,EAAE,mBAAmB,EACzC,QAAQ,EACR,YAAY,EACZ,QAAQ,GACT,GAAG,IAAI;AACR,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ;gBAC7B,IAAI,QAAQ,EAAE;oBACZ,KAAK,CAAC,cAAc,EAAE;oBACtB;;gBAEF,IAAI,mBAAmB,IAAI,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,EAAE;AAChE,oBAAA,MAAM,yBAAyB,GAC7B,WAAW,KAAK,wBAAwB,CAAC;AACvC,0BAAE;0BACA,iCAAiC;oBACvC,MAAM,mBAAmB,GAAG,yBAAyB,CAAC,KAAK,CAAC,GAAG,CAAC;oBAChE,IAAI,mBAAmB,EAAE;AACvB,wBAAA,OAAO,CAAC,MAAM,CACZ,OAAO,CAAC,QAAQ,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,EAC1D,IAAI,CAAC,QAAQ,CACd;;AAEH,oBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;wBAC9C,OAAO,CAAC,MAAM,CAAC,mBAAmB,EAAE,IAAI,CAAC,QAAQ,CAAC;;;;AAI1D,SAAC;AA6BD;;AAEG;QACO,IAAW,CAAA,WAAA,GAAG,KAAK;AAE7B;;AAEG;QAEH,IAAO,CAAA,OAAA,GAAG,KAAK;AAEf;;AAEG;QAEH,IAAS,CAAA,SAAA,GAAG,KAAK;AAEjB;;AAEG;QAEH,IAAc,CAAA,cAAA,GAAG,KAAK;AAEtB;;AAEG;QAEH,IAAY,CAAA,YAAA,GAAG,KAAK;AAEpB;;AAEG;QAEH,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEhB;;AAEG;QAEH,IAAS,CAAA,SAAA,GAAG,KAAK;AAEjB;;AAEG;QAEH,IAAO,CAAA,OAAA,GAAG,KAAK;AAEf;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAG,KAAK;AAEZ;;AAEG;QAEH,IAAQ,CAAA,QAAA,GAAG,EAAE;AAEb;;AAEG;AAEH,QAAA,IAAA,CAAA,aAAa,GAAG,2BAA2B,CAAC,KAAK;AAEjD;;AAEG;QAEH,IAAS,CAAA,SAAA,GAAG,EAAE;AAQd;;AAEG;AAEH,QAAA,IAAA,CAAA,WAAW,GAAG,wBAAwB,CAAC,UAAU;AAEjD;;AAEG;QAEH,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEhB;;AAEG;QAEH,IAAQ,CAAA,QAAA,GAAG,KAAK;;AAxHhB;;AAEG;IACO,iBAAiB,CAAC,EAAE,MAAM,EAAS,EAAA;QAC3C,MAAM,UAAU,GAAI;AACjB,aAAA,aAAa;aACb,MAAM,CAAC,CAAC,IAAI,KACV,IAAoB,CAAC,OAAO,KAAK;cAC7B,IAAoB,CAAC,OAAO,CAC1B,IAAI,CAAC,WAAqC,CAAC,WAAW,CACxD;;gBAEA,IAAoB,CAAC,OAAO,CAC1B,IAAI,CAAC,WAAqC,CAAC,QAAQ;cAEtD,KAAK,CACV;AAEH,QAAA,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,UAAU,CAAC;QACtC,MAAM,IAAI,GAAI,UAAU,CAAC,CAAC,CAAiB,CAAC,YAAY,CAAC,MAAM,CAAC;QAC/D,UAAU,CAAC,CAAC,CAAiB,CAAC,YAAY,CACzC,MAAM,EACN,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,MAAM,CAClC;QACD,IAAI,CAAC,aAAa,EAAE;;IAwGtB,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAAC;;QAEjD,KAAK,CAAC,oBAAoB,EAAE;;IAG9B,YAAY,GAAA;QACV,IAAI,CAAC,oBAAoB,GAAG,IAAI,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC;;QAGpE,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE;AACjD,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;;;AAIvB,IAAA,OAAO,CAAC,iBAAiB,EAAA;QACvB,MAAM,EACJ,WAAW,EAAE,UAAU,EACvB,UAAU,EAAE,SAAS,EACrB,oBAAoB,EAAE,mBAAmB,EACzC,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,IAAI,GACL,GAAG,IAAI;;AAGR,QAAA,MAAM,eAAe,GAAG;YAEtB,OAAO,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,IAAI,OAAO;AAC3D,YAAA,IAAI,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,IAAI,CAAC,OAAO,IAAI,IAAI;SAClE;AAED,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AACrE,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,gBAAA,IAAI,CAAC,QAAQ,GAAG,iBAAiB,CAAC,GAAG,CACnC,IAAI,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAa,CACjD;;AAEH,YAAA,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI;AAClC,YAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;;AAEjC,gBAAA,OAAQ,CAAC,MAAM,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;gBACnE,IAAI,IAAI,EAAE;;AAER,oBAAA,OAAQ,CAAC,GAAG,CAAC,mBAAmB,CAAC;;;;AAIrC,YAAA,SAAS,CAAC,YAAY,CACpB,UAAU,EACV,CAAC,IAAI;AACH,gBAAA,CAAC,OAAO;AACR,gBAAA,IAAI,CAAC,QAAQ;AACb,gBAAA,IAAI,CAAC,YAAY;AACjB,gBAAA,CAAC,OAAO,CAAC,iBAAiB,CAAC,mBAAmB;AAC9C,kBAAE;kBACA,GAAG,CACR;;;AAGH,QAAA,IACE,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC;AAChC,YAAA,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC;AAC7B,YAAA,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC;AACjC,YAAA,iBAAiB,CAAC,GAAG,CAAC,cAAc,CAAC;AACrC,YAAA,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EACjC;;AAEA,YAAA,IAAI,eAAe,CAAC,OAAO,EAAE;AAC3B,gBAAA,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC;AAChC,gBAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;;AACvB,iBAAA,IAAI,eAAe,CAAC,IAAI,EAAE;AAC/B,gBAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC;AAC7B,gBAAA,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC;;iBAC1B;AACL,gBAAA,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC;AAC/B,gBAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;;;;QAKhC;cACI,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE;AAClC,cAAE,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;;IAGtC,MAAM,GAAA;QACJ,MAAM,EACJ,OAAO,EACP,SAAS,EACT,SAAS,EACT,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,IAAI,GACL,GAAG,IAAI;;AAGR,QAAA,MAAM,eAAe,GAAG;YAEtB,OAAO,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,IAAI,OAAO;AAC3D,YAAA,IAAI,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,IAAI,CAAC,OAAO,IAAI,IAAI;SAClE;QACD,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AACjC,YAAA,CAAC,CAAG,EAAA,MAAM,CAA4B,0BAAA,CAAA,GAAG,IAAI;AAC7C,YAAA,CAAC,CAAG,EAAA,MAAM,CAAmB,iBAAA,CAAA,GAAG,SAAS;AAC1C,SAAA,CAAC;AACF,QAAA,OAAO,IAAI,CAAA;;;;iBAIE,MAAM,CAAA;mBACJ,OAAO;AACL,mBAAA,EAAA,YAAY,IAAI,QAAQ,CAAA;AACzB,kBAAA,EAAA,IAAI,CAAC,QAAQ;AACR,uBAAA,EAAA,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAA;eACnC,SAAS,CAAC,IAAI,CAAC;gBACd,SAAS,CAAC,KAAK,CAAC,CAAA;;;iBAGf,MAAM,CAAA,sBAAA,EAAyB,eAAe,CAAC;cACpD,CAAG,EAAA,MAAM,CAAgC,8BAAA;AAC3C,cAAE,EAAE,CAAI,CAAA,EAAA,eAAe,CAAC;cACtB,CAAG,EAAA,MAAM,CAA6B,2BAAA;AACxC,cAAE,EAAE,CAAA;uBACS,MAAM,CAAA;uBACN,iBAAiB,CAAA;mBACrB,SAAS,CAAA;AACmB,6CAAA,EAAA,IAAI,CAAC,iBAAiB,CAAA;AAC1B,yCAAA,EAAA,IAAI,CAAC,iBAAiB,CAAA;;;KAG5D;;AAGH;;;;AAIG;AACH,IAAA,WAAW,QAAQ,GAAA;QACjB,OAAO,CAAA,EAAG,MAAM,CAAA,KAAA,CAAO;;AAGzB;;AAEG;AACH,IAAA,WAAW,WAAW,GAAA;QACpB,OAAO,CAAA,EAAG,MAAM,CAAA,SAAA,CAAW;;AAG7B;;AAEG;AACH,IAAA,WAAW,WAAW,GAAA;QACpB,OAAO,CAAA,EAAG,MAAM,CAAA,qBAAA,CAAuB;;;AAGlC,cAAiB,CAAA,iBAAA,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnB,UAAU,CAAC,iBAAiB,KAC/B,cAAc,EAAE,IAAI,EAAA,CAFE;AAIjB,cAAM,CAAA,MAAA,GAAG,MAAH;AAxZL,UAAA,CAAA;IADP,KAAK,CAAC,OAAO;AACwB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAQ9B,UAAA,CAAA;IAHP,YAAY,CAAC,OAAO;;;AA0DnB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAQM,UAAA,CAAA;IAHP,YAAY,CAAC,SAAS;;;AAyCrB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;AAsCF,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAC1B,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAMhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE;AACjD,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAMlB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE;AAClC,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;AAMvB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACrB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAMrB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE;AACjD,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAMlB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAC1B,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAMhB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAC7B,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE;AACtB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMd,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE;AACN,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAMlD,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE;AACtB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ;AACK,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMd,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACuB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAMlD,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;AADC,IAAA,QAAQ;AACM,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AA5PX,cAAc,GAAA,UAAA,CAAA;AADnB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe;AACjC,CAAA,EAAA,cAAc,CAwanB;AAED,uBAAe,cAAc;;;;"}

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

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item,:host(cds-custom-radio-button-group){align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--radio-button-group{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--radio-button-group *,.cds-custom--radio-button-group :after,.cds-custom--radio-button-group :before{box-sizing:inherit}.cds-custom--radio-button-group{align-items:center;display:flex;position:relative}.cds-custom--label+.cds-custom--form-item .cds-custom--radio-button-group,.cds-custom--label+:host(cds-custom-radio-button-group) .cds-custom--radio-button-group{margin-block-start:0}.cds-custom--radio-button-group--vertical,:host(cds-custom-radio-button-group[orientation=vertical]){align-items:flex-start;flex-direction:column}.cds-custom--radio-button-group--vertical.cds-custom--radio-button-group--label-left{align-items:flex-end}.cds-custom--radio-button-group--vertical .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button__label{margin-inline-end:0}.cds-custom--radio-button-group--vertical .cds-custom--radio-button__label:not(:last-of-type),:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button__label:not(:last-of-type){margin-block-end:.5rem}.cds-custom--radio-button{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;margin-block-start:.9rem;margin-inline-start:.63rem;visibility:inherit;white-space:nowrap}.cds-custom--radio-button__label{align-items:center;cursor:pointer;display:flex;margin-inline-end:1rem}.cds-custom--radio-button__label-text{flex:1;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--radio-button__appearance{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--radio-button__appearance *,.cds-custom--radio-button__appearance :after,.cds-custom--radio-button__appearance :before{box-sizing:inherit}.cds-custom--radio-button__appearance{background-color:transparent;block-size:1.125rem;border:1px solid var(--cds-icon-primary,#161616);border-radius:50%;flex-shrink:0;inline-size:1.125rem;margin-block:.0625rem .125rem;margin-inline:.125rem .625rem}.cds-custom--radio-button-group--vertical .cds-custom--radio-button__appearance,:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button__appearance{margin-block:0}.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{align-items:center;border-color:var(--cds-icon-primary,#161616);display:flex;justify-content:center}.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{background-color:var(--cds-icon-primary,#161616);block-size:100%;border-radius:50%;content:\"\";display:inline-block;inline-size:100%;position:relative;transform:scale(.5)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{background-color:ButtonText}}@media print{.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.cds-custom--radio-button:disabled+.cds-custom--radio-button__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--radio-button:disabled+.cds-custom--radio-button__label .cds-custom--radio-button__appearance,.cds-custom--radio-button:disabled:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--radio-button:disabled+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before,.cds-custom--radio-button:disabled:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{background-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--radio-button-group--readonly .cds-custom--radio-button+.cds-custom--radio-button__label .cds-custom--radio-button__appearance,:host(cds-custom-radio-button[readOnly]) .cds-custom--radio-button+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--radio-button-group--readonly .cds-custom--radio-button__label,:host(cds-custom-radio-button[readOnly]) .cds-custom--radio-button__label{cursor:default}.cds-custom--radio-button-group--readonly .cds-custom--radio-button__label-text,:host(cds-custom-radio-button[readOnly]) .cds-custom--radio-button__label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds-custom--radio-button-group--invalid .cds-custom--radio-button+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)}.cds-custom--radio-button__validation-msg{align-items:flex-end;display:none;margin-block-start:.375rem}.cds-custom--radio-button__invalid-icon{fill:var(--cds-support-error,#da1e28);margin-inline:.1875rem .0625rem}.cds-custom--radio-button__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--radio-button__invalid-icon--warning path:first-of-type{fill:#000}.cds-custom--radio-button-group--invalid+.cds-custom--radio-button__validation-msg,.cds-custom--radio-button-group--warning+.cds-custom--radio-button__validation-msg{display:flex}.cds-custom--radio-button-group--invalid+.cds-custom--radio-button__validation-msg .cds-custom--form-requirement,.cds-custom--radio-button-group--warning+.cds-custom--radio-button__validation-msg .cds-custom--form-requirement{display:block;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%;overflow:visible}.cds-custom--radio-button-group--invalid+.cds-custom--radio-button__validation-msg .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--radio-button-group~.cds-custom--form__helper-text{margin-block-start:.375rem}.cds-custom--radio-button:focus+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1.5px}.cds-custom--radio-button__label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--radio-button__label.cds-custom--skeleton:active,.cds-custom--radio-button__label.cds-custom--skeleton:focus,.cds-custom--radio-button__label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--radio-button__label.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--radio-button__label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--radio-button__label.cds-custom--skeleton{background:CanvasText}.cds-custom--radio-button__label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--radio-button__label.cds-custom--skeleton{block-size:1.125rem;inline-size:6.25rem}.cds-custom--radio-button__label.cds-custom--skeleton .cds-custom--radio-button__appearance{display:none}.cds-custom--radio-button-wrapper .cds-custom--radio-button__label,:host(cds-custom-radio-button) .cds-custom--radio-button__label{align-items:flex-start;display:flex;justify-content:center;margin:0}.cds-custom--radio-button-wrapper:not(:last-of-type),:not(:last-of-type):host(cds-custom-radio-button){margin-inline-end:1rem}.cds-custom--radio-button-group--vertical .cds-custom--radio-button-wrapper,.cds-custom--radio-button-group--vertical :host(cds-custom-radio-button),:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button-wrapper,:host(cds-custom-radio-button-group[orientation=vertical]) :host(cds-custom-radio-button){margin-block-end:.375rem;margin-inline-end:0}.cds-custom--radio-button-group--vertical .cds-custom--radio-button-wrapper .cds-custom--radio-button__label,.cds-custom--radio-button-group--vertical :host(cds-custom-radio-button) .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button-wrapper .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[orientation=vertical]) :host(cds-custom-radio-button) .cds-custom--radio-button__label{padding-block-start:.125rem}.cds-custom--radio-button-group--label-right .cds-custom--radio-button__label,.cds-custom--radio-button-wrapper.cds-custom--radio-button-wrapper--label-right .cds-custom--radio-button__label{flex-direction:row}.cds-custom--radio-button-group--label-left .cds-custom--radio-button__label,.cds-custom--radio-button-wrapper.cds-custom--radio-button-wrapper--label-left .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[label-position=left]) .cds-custom--radio-button__label{flex-direction:row-reverse}.cds-custom--radio-button-group--label-left .cds-custom--radio-button__appearance,.cds-custom--radio-button-wrapper.cds-custom--radio-button-wrapper--label-left .cds-custom--radio-button__appearance,:host(cds-custom-radio-button-group[label-position=left]) .cds-custom--radio-button__appearance{margin-inline:.5rem 0}.cds-custom--radio-button-group--decorator legend.cds-custom--label,.cds-custom--radio-button-group--slug legend.cds-custom--label,.cds-custom--radio-button-wrapper--decorator .cds-custom--radio-button__label-text,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text{display:flex}.cds-custom--radio-button-group--decorator legend.cds-custom--label .cds-custom--radio-button-group-inner--decorator>*,.cds-custom--radio-button-group--slug legend.cds-custom--label .cds-custom--ai-label,.cds-custom--radio-button-group--slug legend.cds-custom--label .cds-custom--slug,.cds-custom--radio-button-wrapper--decorator .cds-custom--radio-button__label-text .cds-custom--radio-button-wrapper-inner--decorator>*,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--ai-label,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--slug{margin-inline-start:.5rem}.cds-custom--radio-button-wrapper--decorator .cds-custom--radio-button__label-text .cds-custom--ai-label__button--inline,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--ai-label__button--inline,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--slug__button--inline{line-height:inherit;margin-block-start:-.0625rem}:host(cds-custom-radio-button-group[invalid]) .cds-custom--radio-button__validation-msg,:host(cds-custom-radio-button-group[warn]) .cds-custom--radio-button__validation-msg{display:flex}:host(cds-custom-radio-button-group[invalid]) .cds-custom--radio-button__validation-msg .cds-custom--form-requirement,:host(cds-custom-radio-button-group[warn]) .cds-custom--radio-button__validation-msg .cds-custom--form-requirement{display:block;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%;overflow:visible}:host(cds-custom-radio-button-group[invalid]) .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}:host(cds-custom-radio-button){outline:none}:host(cds-custom-radio-button) .cds-custom--radio-button__label{flex-direction:row}:host(cds-custom-radio-button:not(:last-of-type)){margin-inline-end:1rem}:host(cds-custom-radio-button[orientation=vertical]){margin-block-end:.375rem;margin-inline-end:0}:host(cds-custom-radio-button[invalid]:not([readOnly])) .cds-custom--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)!important}:host(cds-custom-radio-button[data-table]) .cds-custom--radio-button__label{inline-size:1.75rem}:host(cds-custom-radio-button[data-table]) .cds-custom--radio-button__appearance{margin-inline-end:-.125rem}:host(cds-custom-radio-button[disabledItem]) .cds-custom--radio-button__label,:host(cds-custom-radio-button[disabled]) .cds-custom--radio-button__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host(cds-custom-radio-button[disabledItem]) .cds-custom--radio-button__appearance,:host(cds-custom-radio-button[disabled]) .cds-custom--radio-button__appearance{border-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-custom-radio-button[disabledItem]) .cds-custom--radio-button__appearance:before,:host(cds-custom-radio-button[disabled]) .cds-custom--radio-button__appearance:before{background-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-custom-radio-button[label-position=left]) .cds-custom--radio-button__label{flex-direction:row-reverse}:host(cds-custom-radio-button[label-position=left]) .cds-custom--radio-button__appearance{margin-inline:.5rem 0}:host(cds-custom-radio-button[ai-label]) .cds-custom--radio-button__label-text{display:flex}:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-ai-label[inline]),:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-slug[inline]){line-height:inherit;margin-block-start:-.0625rem}:host(cds-custom-radio-button-group) .cds-custom--radio-button-group--slug ::slotted(cds-custom-ai-label),:host(cds-custom-radio-button-group) .cds-custom--radio-button-group--slug ::slotted(cds-custom-slug),:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-ai-label),:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-slug){margin-inline-start:.5rem}"]);
+var styles = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item,:host(cds-custom-radio-button-group){align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--radio-button-group{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--radio-button-group *,.cds-custom--radio-button-group :after,.cds-custom--radio-button-group :before{box-sizing:inherit}.cds-custom--radio-button-group{align-items:center;display:flex;position:relative}.cds-custom--label+.cds-custom--form-item .cds-custom--radio-button-group,.cds-custom--label+:host(cds-custom-radio-button-group) .cds-custom--radio-button-group{margin-block-start:0}.cds-custom--radio-button-group--vertical,:host(cds-custom-radio-button-group[orientation=vertical]){align-items:flex-start;flex-direction:column}.cds-custom--radio-button-group--vertical.cds-custom--radio-button-group--label-left{align-items:flex-end}.cds-custom--radio-button-group--vertical .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button__label{margin-inline-end:0}.cds-custom--radio-button-group--vertical .cds-custom--radio-button__label:not(:last-of-type),:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button__label:not(:last-of-type){margin-block-end:.5rem}.cds-custom--radio-button{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;margin-block-start:.9rem;margin-inline-start:.63rem;visibility:inherit;white-space:nowrap}.cds-custom--radio-button__label{align-items:center;cursor:pointer;display:flex;margin-inline-end:1rem}.cds-custom--radio-button__label-text{flex:1;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--radio-button__appearance{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--radio-button__appearance *,.cds-custom--radio-button__appearance :after,.cds-custom--radio-button__appearance :before{box-sizing:inherit}.cds-custom--radio-button__appearance{background-color:transparent;block-size:1.125rem;border:1px solid var(--cds-icon-primary,#161616);border-radius:50%;flex-shrink:0;inline-size:1.125rem;margin-block:.0625rem .125rem;margin-inline:.125rem .625rem}.cds-custom--radio-button-group--vertical .cds-custom--radio-button__appearance,:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button__appearance{margin-block:0}.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{align-items:center;border-color:var(--cds-icon-primary,#161616);display:flex;justify-content:center}.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{background-color:var(--cds-icon-primary,#161616);block-size:100%;border-radius:50%;content:\"\";display:inline-block;inline-size:100%;position:relative;transform:scale(.5)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{background-color:ButtonText}}@media print{.cds-custom--radio-button:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.cds-custom--radio-button:disabled+.cds-custom--radio-button__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--radio-button:disabled+.cds-custom--radio-button__label .cds-custom--radio-button__appearance,.cds-custom--radio-button:disabled:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--radio-button:disabled+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before,.cds-custom--radio-button:disabled:checked+.cds-custom--radio-button__label .cds-custom--radio-button__appearance:before{background-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--radio-button-group--readonly .cds-custom--radio-button+.cds-custom--radio-button__label .cds-custom--radio-button__appearance,:host(cds-custom-radio-button[readOnly]) .cds-custom--radio-button+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--radio-button-group--readonly .cds-custom--radio-button__label,:host(cds-custom-radio-button[readOnly]) .cds-custom--radio-button__label{cursor:default}.cds-custom--radio-button-group--readonly .cds-custom--radio-button__label-text,:host(cds-custom-radio-button[readOnly]) .cds-custom--radio-button__label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds-custom--radio-button-group--invalid .cds-custom--radio-button+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)}.cds-custom--radio-button__validation-msg{align-items:flex-end;display:none;margin-block-start:.375rem}.cds-custom--radio-button__invalid-icon{fill:var(--cds-support-error,#da1e28);margin-inline:.1875rem .0625rem}.cds-custom--radio-button__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--radio-button__invalid-icon--warning path:first-of-type{fill:#000}.cds-custom--radio-button-group--invalid+.cds-custom--radio-button__validation-msg,.cds-custom--radio-button-group--warning+.cds-custom--radio-button__validation-msg{display:flex}.cds-custom--radio-button-group--invalid+.cds-custom--radio-button__validation-msg .cds-custom--form-requirement,.cds-custom--radio-button-group--warning+.cds-custom--radio-button__validation-msg .cds-custom--form-requirement{display:block;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%;overflow:visible}.cds-custom--radio-button-group--invalid+.cds-custom--radio-button__validation-msg .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--radio-button-group~.cds-custom--form__helper-text{margin-block-start:.375rem}.cds-custom--radio-button:focus+.cds-custom--radio-button__label .cds-custom--radio-button__appearance{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1.5px}.cds-custom--radio-button__label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--radio-button__label.cds-custom--skeleton:active,.cds-custom--radio-button__label.cds-custom--skeleton:focus,.cds-custom--radio-button__label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--radio-button__label.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--radio-button__label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--radio-button__label.cds-custom--skeleton{background:CanvasText}.cds-custom--radio-button__label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--radio-button__label.cds-custom--skeleton{block-size:1.125rem;inline-size:6.25rem}.cds-custom--radio-button__label.cds-custom--skeleton .cds-custom--radio-button__appearance{display:none}.cds-custom--radio-button-wrapper .cds-custom--radio-button__label,:host(cds-custom-radio-button) .cds-custom--radio-button__label{align-items:flex-start;display:flex;justify-content:center;margin:0}.cds-custom--radio-button-wrapper:not(:last-of-type),:not(:last-of-type):host(cds-custom-radio-button){margin-inline-end:1rem}.cds-custom--radio-button-group--vertical .cds-custom--radio-button-wrapper,.cds-custom--radio-button-group--vertical :host(cds-custom-radio-button),:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button-wrapper,:host(cds-custom-radio-button-group[orientation=vertical]) :host(cds-custom-radio-button){margin-block-end:.375rem;margin-inline-end:0}.cds-custom--radio-button-group--vertical .cds-custom--radio-button-wrapper .cds-custom--radio-button__label,.cds-custom--radio-button-group--vertical :host(cds-custom-radio-button) .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[orientation=vertical]) .cds-custom--radio-button-wrapper .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[orientation=vertical]) :host(cds-custom-radio-button) .cds-custom--radio-button__label{padding-block-start:.125rem}.cds-custom--radio-button-group--label-right .cds-custom--radio-button__label,.cds-custom--radio-button-wrapper.cds-custom--radio-button-wrapper--label-right .cds-custom--radio-button__label{flex-direction:row}.cds-custom--radio-button-group--label-left .cds-custom--radio-button__label,.cds-custom--radio-button-wrapper.cds-custom--radio-button-wrapper--label-left .cds-custom--radio-button__label,:host(cds-custom-radio-button-group[label-position=left]) .cds-custom--radio-button__label{flex-direction:row-reverse}.cds-custom--radio-button-group--label-left .cds-custom--radio-button__appearance,.cds-custom--radio-button-wrapper.cds-custom--radio-button-wrapper--label-left .cds-custom--radio-button__appearance,:host(cds-custom-radio-button-group[label-position=left]) .cds-custom--radio-button__appearance{margin-inline:.5rem 0}.cds-custom--radio-button-group--decorator legend.cds-custom--label,.cds-custom--radio-button-group--slug legend.cds-custom--label,.cds-custom--radio-button-wrapper--decorator .cds-custom--radio-button__label-text,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text{display:flex}.cds-custom--radio-button-group--decorator legend.cds-custom--label .cds-custom--radio-button-group-inner--decorator>*,.cds-custom--radio-button-group--slug legend.cds-custom--label .cds-custom--ai-label,.cds-custom--radio-button-group--slug legend.cds-custom--label .cds-custom--slug,.cds-custom--radio-button-wrapper--decorator .cds-custom--radio-button__label-text .cds-custom--radio-button-wrapper-inner--decorator>*,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--ai-label,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--slug{margin-inline-start:.5rem}.cds-custom--radio-button-wrapper--decorator .cds-custom--radio-button__label-text .cds-custom--ai-label__button--inline,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--ai-label__button--inline,.cds-custom--radio-button-wrapper--slug .cds-custom--radio-button__label-text .cds-custom--slug__button--inline{line-height:inherit;margin-block-start:-.0625rem}:host(cds-custom-radio-button-group[invalid]:not([disabled])) .cds-custom--radio-button__validation-msg,:host(cds-custom-radio-button-group[warn]:not([disabled])) .cds-custom--radio-button__validation-msg{display:flex}:host(cds-custom-radio-button-group[invalid]:not([disabled])) .cds-custom--radio-button__validation-msg .cds-custom--form-requirement,:host(cds-custom-radio-button-group[warn]:not([disabled])) .cds-custom--radio-button__validation-msg .cds-custom--form-requirement{display:block;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%;overflow:visible}:host(cds-custom-radio-button-group[invalid]:not([disabled])) .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}:host(cds-custom-radio-button){outline:none}:host(cds-custom-radio-button) .cds-custom--radio-button__label{flex-direction:row}:host(cds-custom-radio-button:not(:last-of-type)){margin-inline-end:1rem}:host(cds-custom-radio-button[orientation=vertical]){margin-block-end:.375rem;margin-inline-end:0}:host(cds-custom-radio-button[invalid]:not([readOnly]):not([disabled]):not([disabledItem])) .cds-custom--radio-button__appearance{border-color:var(--cds-support-error,#da1e28)!important}:host(cds-custom-radio-button[data-table]) .cds-custom--radio-button__label{inline-size:1.75rem}:host(cds-custom-radio-button[data-table]) .cds-custom--radio-button__appearance{margin-inline-end:-.125rem}:host(cds-custom-radio-button[disabledItem]) .cds-custom--radio-button__label,:host(cds-custom-radio-button[disabled]) .cds-custom--radio-button__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host(cds-custom-radio-button[disabledItem]) .cds-custom--radio-button__appearance,:host(cds-custom-radio-button[disabled]) .cds-custom--radio-button__appearance{border-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-custom-radio-button[disabledItem]) .cds-custom--radio-button__appearance:before,:host(cds-custom-radio-button[disabled]) .cds-custom--radio-button__appearance:before{background-color:var(--cds-border-disabled,#c6c6c6)}:host(cds-custom-radio-button[label-position=left]) .cds-custom--radio-button__label{flex-direction:row-reverse}:host(cds-custom-radio-button[label-position=left]) .cds-custom--radio-button__appearance{margin-inline:.5rem 0}:host(cds-custom-radio-button[ai-label]) .cds-custom--radio-button__label-text{display:flex}:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-ai-label[inline]),:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-slug[inline]){line-height:inherit;margin-block-start:-.0625rem}:host(cds-custom-radio-button-group) .cds-custom--radio-button-group--slug ::slotted(cds-custom-ai-label),:host(cds-custom-radio-button-group) .cds-custom--radio-button-group--slug ::slotted(cds-custom-slug),:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-ai-label),:host(cds-custom-radio-button[ai-label]) ::slotted(cds-custom-slug){margin-inline-start:.5rem}"]);
 
 export { styles as default };
 //# sourceMappingURL=radio-button.scss.js.map

package/es-custom/components/search/search-skeleton.js

@@ -33,8 +33,8 @@ let CDSSearchSkeleton = class CDSSearchSkeleton extends LitElement {
     }
     render() {
         return html `
-      <span class="${prefix}--label"></span>
-      <div class="${prefix}--search-input"></div>
+      <span class="${prefix}--label ${prefix}--skeleton"></span>
+      <div class="${prefix}--text-input ${prefix}--skeleton"></div>
     `;
     }
 };

package/es-custom/components/search/search-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-skeleton.js","sources":["../../../src/components/search/search-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 { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport styles from './search.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of search.\n */\n@customElement(`${prefix}-search-skeleton`)\nclass CDSSearchSkeleton extends LitElement {\n  /**\n   * The search box size. Corresponds to the attribute with the same name.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  render() {\n    return html`\n      <span class=\"${prefix}--label\"></span>\n      <div class=\"${prefix}--search-input\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSearchSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;AAEG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU,CAAA;AAA1C,IAAA,WAAA,GAAA;;AACE;;AAEG;AAEH,QAAA,IAAA,CAAA,IAAI,GAAG,UAAU,CAAC,MAAM;;IAExB,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;qBACM,MAAM,CAAA;oBACP,MAAM,CAAA;KACrB;;;AAGI,iBAAM,CAAA,MAAA,GAAG,MAAH;AATb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACF,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AALrB,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB;AACpC,CAAA,EAAA,iBAAiB,CAetB;AAED,0BAAe,iBAAiB;;;;"}
+{"version":3,"file":"search-skeleton.js","sources":["../../../src/components/search/search-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 { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport styles from './search.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of search.\n */\n@customElement(`${prefix}-search-skeleton`)\nclass CDSSearchSkeleton extends LitElement {\n  /**\n   * The search box size. Corresponds to the attribute with the same name.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  render() {\n    return html`\n      <span class=\"${prefix}--label ${prefix}--skeleton\"></span>\n      <div class=\"${prefix}--text-input ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSearchSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;AAEG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU,CAAA;AAA1C,IAAA,WAAA,GAAA;;AACE;;AAEG;AAEH,QAAA,IAAA,CAAA,IAAI,GAAG,UAAU,CAAC,MAAM;;IAExB,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;AACM,mBAAA,EAAA,MAAM,WAAW,MAAM,CAAA;AACxB,kBAAA,EAAA,MAAM,gBAAgB,MAAM,CAAA;KAC3C;;;AAGI,iBAAM,CAAA,MAAA,GAAG,MAAH;AATb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACF,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AALrB,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB;AACpC,CAAA,EAAA,iBAAiB,CAetB;AAED,0BAAe,iBAAiB;;;;"}

package/es-custom/components/search/search.js

@@ -266,6 +266,7 @@ let CDSSearch = class CDSSearch extends HostListenerMixin(FocusMixin(FormMixin(L
         @input="${handleInput}" />
       <button
         part="close-button"
+        ?disabled="${disabled}"
         class="${clearClasses}"
         @click="${handleClearInputButtonClick}"
         type="button"