@carbon/web-components 2.52.0 → 2.53.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["styles","customElement"],"sources":["../../../src/components/checkbox/checkbox.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport styles from './checkbox.scss?lit';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Check box.\n *\n * @element cds-custom-checkbox\n * @fires cds-custom-checkbox-changed - The custom event fired after this changebox changes its checked state.\n * @csspart input The checkbox.\n * @csspart label The label.\n */\n@customElement(`${prefix}-checkbox`)\nclass CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {\n  @query('input')\n  protected _checkboxNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleChange() {\n    const { checked, indeterminate } = this._checkboxNode;\n    this.checked = checked;\n    this.indeterminate = indeterminate;\n    const { eventChange } = this.constructor as typeof CDSCheckbox;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n          indeterminate,\n        },\n      })\n    );\n  }\n\n  /**\n   * Prevent checkbox state from updating when readonly\n   */\n  private _handleClick(event: MouseEvent) {\n    if (this.readonly) {\n      event.preventDefault();\n    }\n  }\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { checked, disabled, name, value = 'on' } = this;\n    if (!disabled && checked) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Specify whether the underlying input should be checked\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'checked' })\n  checked = false;\n\n  /**\n   * Specify if checkbox is being used in a data table\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * Specify whether the Checkbox should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Provide text for the form group for additional help\n   */\n  @property({ type: String, reflect: true, attribute: 'helper-text' })\n  helperText;\n\n  /**\n   * Specify whether the checkbox should be present in the DOM,\n   * but invisible and uninteractable. Used for data-table purposes.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-checkbox' })\n  hideCheckbox = false;\n\n  /**\n   * Specify whether the label should be hidden, or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Specify a custom id for the checkbox\n   */\n  @property({ reflect: true })\n  id = 'checkbox';\n\n  /**\n   * Specify whether the Checkbox is in an indeterminate state\n   */\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false;\n\n  /**\n   * Provide a label to provide a description of the Checkbox input that you are\n   * exposing to the user\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * Specify whether the Checkbox is read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Specify whether the Checkbox is currently invalid\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Provide the text that is displayed when the Checkbox is in an invalid state\n   */\n  @property({ type: String, attribute: 'invalid-text' })\n  invalidText;\n\n  /**\n   * Specify a title for the node for the Checkbox\n   */\n  @property({ attribute: 'title' })\n  title = '';\n\n  /**\n   * The value.\n   */\n  @property()\n  value!: string;\n\n  /**\n   * Specify whether the Checkbox is in a warn state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the Checkbox is in a warn state\n   */\n  @property({ type: String, attribute: 'warn-text' })\n  warnText = false;\n\n  /**\n   * Specify whether the underlying input should be checked by default\n   */\n  @property({ type: Boolean, attribute: 'default-checked' })\n  defaultChecked;\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 CDSCheckbox).aiLabelItem\n            ) ||\n            // remove slug reference in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSCheckbox).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  updated() {\n    const { _hasAILabel: hasAILabel } = this;\n    if (hasAILabel) {\n      this.setAttribute('ai-label', '');\n    } else {\n      this.removeAttribute('ai-label');\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.defaultChecked) {\n      this.checked = this.defaultChecked;\n    }\n  }\n\n  render() {\n    const {\n      checked,\n      disabled,\n      helperText,\n      hideLabel,\n      id,\n      indeterminate,\n      invalid,\n      invalidText,\n      labelText,\n      name,\n      readonly,\n      title,\n      value,\n      warn,\n      warnText,\n      defaultChecked,\n      _handleChange: handleChange,\n      _handleClick: handleClick,\n    } = this;\n\n    const showWarning = !readonly && !invalid && warn;\n    const showHelper = !invalid && !warn;\n\n    const helper = helperText\n      ? html` <div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n      : null;\n\n    const labelClasses = classMap({\n      [`${prefix}--checkbox-label`]: true,\n    });\n    const labelTextClasses = classMap({\n      [`${prefix}--checkbox-label-text`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"${ifDefined(id)}\"\n        type=\"checkbox\"\n        part=\"input\"\n        class=\"${`${prefix}--checkbox`}\"\n        aria-readonly=\"${String(readonly)}\"\n        .checked=\"${checked}\"\n        ?data-invalid=\"${invalid}\"\n        ?disabled=\"${disabled}\"\n        ?defaultChecked=\"${defaultChecked}\"\n        .indeterminate=\"${indeterminate}\"\n        name=\"${ifDefined(name)}\"\n        value=\"${ifDefined(value)}\"\n        @change=\"${handleChange}\"\n        @click=\"${handleClick}\" />\n      <label\n        for=\"${ifDefined(id)}\"\n        part=\"label\"\n        class=\"${labelClasses}\"\n        title=\"${ifDefined(title)}\">\n        <span class=\"${labelTextClasses}\"\n          >${labelText ? labelText : html`<slot></slot>`}</span\n        >\n      </label>\n      <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <slot name=\"decorator\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <div class=\"${prefix}--checkbox__validation-msg\">\n        ${!readonly && invalid\n          ? html`\n              ${iconLoader(WarningFilled16, {\n                class: `${prefix}--checkbox__invalid-icon`,\n              })}\n              <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n            `\n          : null}\n        ${showWarning\n          ? html`\n              ${iconLoader(WarningAltFilled16, {\n                class: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`,\n              })}\n              <div class=\"${prefix}--form-requirement\">${warnText}</div>\n            `\n          : null}\n      </div>\n      ${showHelper ? helper : null}\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this changebox changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-checkbox-changed`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * Remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the ai-label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSCheckbox;\n"],"mappings":"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"}
+{"version":3,"file":"checkbox.js","names":["styles","customElement"],"sources":["../../../src/components/checkbox/checkbox.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport styles from './checkbox.scss?lit';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Check box.\n *\n * @element cds-custom-checkbox\n * @fires cds-custom-checkbox-changed - The custom event fired after this changebox changes its checked state.\n * @csspart input The checkbox.\n * @csspart label The label.\n */\n@customElement(`${prefix}-checkbox`)\nclass CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {\n  @query('input')\n  protected _checkboxNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleChange() {\n    const { checked, indeterminate } = this._checkboxNode;\n    this.checked = checked;\n    this.indeterminate = indeterminate;\n    const { eventChange } = this.constructor as typeof CDSCheckbox;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n          indeterminate,\n        },\n      })\n    );\n  }\n\n  /**\n   * Prevent checkbox state from updating when readonly\n   */\n  private _handleClick(event: MouseEvent) {\n    if (this.readonly) {\n      event.preventDefault();\n    }\n  }\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { checked, disabled, name, value = 'on' } = this;\n    if (!disabled && checked) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Specify whether the underlying input should be checked\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'checked' })\n  checked = false;\n\n  /**\n   * Specify if checkbox is being used in a data table\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * Specify whether the Checkbox should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Provide text for the form group for additional help\n   */\n  @property({ type: String, reflect: true, attribute: 'helper-text' })\n  helperText;\n\n  /**\n   * Specify whether the checkbox should be present in the DOM,\n   * but invisible and uninteractable. Used for data-table purposes.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-checkbox' })\n  hideCheckbox = false;\n\n  /**\n   * Specify whether the label should be hidden, or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Specify a custom id for the checkbox\n   */\n  @property({ reflect: true })\n  id = 'checkbox';\n\n  /**\n   * Specify whether the Checkbox is in an indeterminate state\n   */\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false;\n\n  /**\n   * Provide a label to provide a description of the Checkbox input that you are\n   * exposing to the user\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * Specify whether the Checkbox is read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Specify whether the Checkbox is currently invalid\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Provide the text that is displayed when the Checkbox is in an invalid state\n   */\n  @property({ type: String, attribute: 'invalid-text' })\n  invalidText;\n\n  /**\n   * Specify a title for the node for the Checkbox\n   */\n  @property({ attribute: 'title' })\n  title = '';\n\n  /**\n   * The value.\n   */\n  @property()\n  value!: string;\n\n  /**\n   * Specify whether the Checkbox is in a warn state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the Checkbox is in a warn state\n   */\n  @property({ type: String, attribute: 'warn-text' })\n  warnText = false;\n\n  /**\n   * Specify whether the underlying input should be checked by default\n   */\n  @property({ type: Boolean, attribute: 'default-checked' })\n  defaultChecked;\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 CDSCheckbox).aiLabelItem\n            ) ||\n            // remove slug reference in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSCheckbox).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  updated() {\n    const { _hasAILabel: hasAILabel } = this;\n    if (hasAILabel) {\n      this.setAttribute('ai-label', '');\n    } else {\n      this.removeAttribute('ai-label');\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.defaultChecked) {\n      this.checked = this.defaultChecked;\n    }\n  }\n\n  render() {\n    const {\n      checked,\n      disabled,\n      helperText,\n      hideLabel,\n      id,\n      indeterminate,\n      invalid,\n      invalidText,\n      labelText,\n      name,\n      readonly,\n      title,\n      value,\n      warn,\n      warnText,\n      defaultChecked,\n      _handleChange: handleChange,\n      _handleClick: handleClick,\n    } = this;\n\n    const normalizedProps: {\n      invalid: boolean;\n      warn: boolean;\n    } = {\n      invalid: !readonly && !disabled && invalid,\n      warn: !readonly && !invalid && !disabled && warn,\n    };\n    const showHelper = !normalizedProps.invalid && !normalizedProps.warn;\n\n    const helper = helperText\n      ? html` <div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n      : null;\n\n    const labelClasses = classMap({\n      [`${prefix}--checkbox-label`]: true,\n    });\n    const labelTextClasses = classMap({\n      [`${prefix}--checkbox-label-text`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"${ifDefined(id)}\"\n        type=\"checkbox\"\n        part=\"input\"\n        class=\"${`${prefix}--checkbox`}\"\n        aria-readonly=\"${String(readonly)}\"\n        .checked=\"${checked}\"\n        ?data-invalid=\"${normalizedProps.invalid}\"\n        ?disabled=\"${disabled}\"\n        ?defaultChecked=\"${defaultChecked}\"\n        .indeterminate=\"${indeterminate}\"\n        name=\"${ifDefined(name)}\"\n        value=\"${ifDefined(value)}\"\n        @change=\"${handleChange}\"\n        @click=\"${handleClick}\" />\n      <label\n        for=\"${ifDefined(id)}\"\n        part=\"label\"\n        class=\"${labelClasses}\"\n        title=\"${ifDefined(title)}\">\n        <span class=\"${labelTextClasses}\"\n          >${labelText ? labelText : html`<slot></slot>`}</span\n        >\n      </label>\n      <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <slot name=\"decorator\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <div class=\"${prefix}--checkbox__validation-msg\">\n        ${normalizedProps.invalid\n          ? html`\n              ${iconLoader(WarningFilled16, {\n                class: `${prefix}--checkbox__invalid-icon`,\n              })}\n              <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n            `\n          : null}\n        ${normalizedProps.warn\n          ? html`\n              ${iconLoader(WarningAltFilled16, {\n                class: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`,\n              })}\n              <div class=\"${prefix}--form-requirement\">${warnText}</div>\n            `\n          : null}\n      </div>\n      ${showHelper ? helper : null}\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this changebox changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-checkbox-changed`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * Remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the ai-label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSCheckbox;\n"],"mappings":"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"}

package/es-custom/components/checkbox/checkbox.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/checkbox/checkbox.scss?lit
-var checkbox_default = 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-checkbox){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{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;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::-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-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);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--checkbox-group{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--checkbox-group *,.cds-custom--checkbox-group :after,.cds-custom--checkbox-group :before{box-sizing:inherit}.cds-custom--form-item.cds-custom--checkbox-wrapper,:host(cds-custom-checkbox){margin-block-end:.375rem;position:relative}.cds-custom--form-item.cds-custom--checkbox-wrapper:first-of-type{margin-block-start:0}.cds-custom--label+.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--label+:host(cds-custom-checkbox){margin-block-start:-.125rem}.cds-custom--form-item.cds-custom--checkbox-wrapper:last-of-type{margin-block-end:.1875rem}.cds-custom--checkbox{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;inset-block-start:1.25rem;inset-inline-start:.7rem;visibility:inherit;white-space:nowrap}.cds-custom--checkbox-label html{font-size:100%}.cds-custom--checkbox-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--checkbox-label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--checkbox-label strong{font-weight:600}.cds-custom--checkbox-label{cursor:pointer;display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);min-block-size:1.25rem;padding-block-start:.0625rem;padding-inline-start:1.25rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--checkbox-label-text{padding-inline-start:.625rem}.cds-custom--checkbox-label:after,.cds-custom--checkbox-label:before{box-sizing:border-box}@media print{.cds-custom--checkbox-label:after,.cds-custom--checkbox-label:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.cds-custom--checkbox-label:before{border:1px solid var(--cds-icon-primary,#161616);border-radius:2px;position:absolute}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-label:before{border:1px solid ButtonBorder}}.cds-custom--checkbox-label:before{background-color:transparent;block-size:1rem;content:\"\";inline-size:1rem;inset-block-start:.125rem;inset-inline-start:0;margin-block:.0625rem .125rem;margin-inline:.1875rem 0}.cds-custom--checkbox-label:after{background:none;block-size:.3125rem;border-block-end:1.5px solid var(--cds-icon-inverse,#fff);border-inline-start:1.5px solid var(--cds-icon-inverse,#fff);content:\"\";inline-size:.5625rem;inset-block-start:.40625rem;inset-inline-start:.4375rem;margin-block-start:-.1875rem;position:absolute;transform:scale(0) rotate(-45deg);transform-origin:bottom right}.cds-custom--checkbox-label[data-contained-checkbox-state=true]:before,.cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate+.cds-custom--checkbox-label:before{background-color:var(--cds-icon-primary,#161616);border:1px}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-label[data-contained-checkbox-state=true]:before,.cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate+.cds-custom--checkbox-label:before{background-color:SelectedItem;border:1px solid ButtonBorder}}.cds-custom--checkbox-label[data-contained-checkbox-state=true]:after,.cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{transform:scale(1) rotate(-45deg)}.cds-custom--checkbox:indeterminate+.cds-custom--checkbox-label:after{border-block-end:2px solid var(--cds-icon-inverse,#fff);border-inline-start:0 solid var(--cds-icon-inverse,#fff);inline-size:.5rem;inset-block-start:.6875rem;transform:scale(1) rotate(0deg)}.cds-custom--checkbox-label[data-contained-checkbox-state=true].cds-custom--checkbox-label__focus:before,.cds-custom--checkbox-label__focus:before,.cds-custom--checkbox:checked:focus+.cds-custom--checkbox-label:before,.cds-custom--checkbox:focus+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate:focus+.cds-custom--checkbox-label:before{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--checkbox-label[data-contained-checkbox-disabled=true],.cds-custom--checkbox:disabled+.cds-custom--checkbox-label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--checkbox-label[data-contained-checkbox-disabled=true]:before,.cds-custom--checkbox:disabled+.cds-custom--checkbox-label:before{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]:before,.cds-custom--checkbox:checked:disabled+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate:disabled+.cds-custom--checkbox-label:before{background-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--checkbox-group[data-invalid] .cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,:host(cds-custom-checkbox:not([readonly])[invalid]) .cds-custom--checkbox-label:before{border:1px solid var(--cds-support-error,#da1e28)}.cds-custom--checkbox-group .cds-custom--checkbox-wrapper--invalid>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-group .cds-custom--checkbox-wrapper--warning>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-group .cds-custom--checkbox-wrapper>.cds-custom--form__helper-text,.cds-custom--checkbox-group :host(cds-custom-checkbox)>.cds-custom--form__helper-text,.cds-custom--checkbox-group :host(cds-custom-checkbox:not([readonly]):not([invalid])[warn])>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-group :host(cds-custom-checkbox:not([readonly])[invalid])>.cds-custom--checkbox__validation-msg{display:none}.cds-custom--checkbox-group:not(.cds-custom--checkbox-group[data-invalid]) .cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox-label:before,.cds-custom--checkbox-group:not(.cds-custom--checkbox-group[data-invalid]) .cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox-group:not(.cds-custom--checkbox-group[data-invalid]) :host(cds-custom-checkbox:not([readonly])[invalid]) .cds-custom--checkbox-label:before{border:1px solid var(--cds-icon-primary,#161616)}.cds-custom--checkbox-group__validation-msg,.cds-custom--checkbox__validation-msg{align-items:flex-start;display:none;inline-size:100%;margin-block-start:.25rem}.cds-custom--checkbox__invalid-icon{margin:.0625rem .0625rem 0 .1875rem;fill:var(--cds-support-error,#da1e28);min-inline-size:1rem}.cds-custom--checkbox__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--checkbox__invalid-icon--warning path:first-of-type{fill:#000}.cds-custom--checkbox-group--invalid .cds-custom--checkbox-group__validation-msg,.cds-custom--checkbox-group--warning .cds-custom--checkbox-group__validation-msg,.cds-custom--checkbox-wrapper--invalid>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-wrapper--warning>.cds-custom--checkbox__validation-msg,:host(cds-custom-checkbox:not([readonly]):not([invalid])[warn])>.cds-custom--checkbox__validation-msg,:host(cds-custom-checkbox:not([readonly])[invalid])>.cds-custom--checkbox__validation-msg{display:flex}.cds-custom--checkbox-group--invalid .cds-custom--checkbox-group__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-group--warning .cds-custom--checkbox-group__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-wrapper--warning .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,:host(cds-custom-checkbox:not([readonly]):not([invalid])[warn]) .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,:host(cds-custom-checkbox:not([readonly])[invalid]) .cds-custom--checkbox__validation-msg .cds-custom--form-requirement{display:block;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%;overflow:visible}.cds-custom--checkbox-group--invalid .cds-custom--checkbox-group__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,:host(cds-custom-checkbox:not([readonly])[invalid]) .cds-custom--checkbox__validation-msg .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--checkbox-group--readonly .cds-custom--checkbox-label,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox-label,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox-label{cursor:default}.cds-custom--checkbox-group--readonly .cds-custom--checkbox-label-text,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox-label-text,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox-label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds-custom--checkbox-group--readonly .cds-custom--checkbox+.cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox+.cds-custom--checkbox-label:before,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox+.cds-custom--checkbox-label:before{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--checkbox-group--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before{background:transparent;border:1px solid var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--checkbox-group--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{border-color:var(--cds-text-primary,#161616)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-group--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{fill:SelectedItemText}}.cds-custom--checkbox-skeleton .cds-custom--checkbox-label{cursor:default}.cds-custom--checkbox-label-text.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--checkbox-label-text.cds-custom--skeleton:active,.cds-custom--checkbox-label-text.cds-custom--skeleton:focus,.cds-custom--checkbox-label-text.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--checkbox-label-text.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--checkbox-label-text.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-label-text.cds-custom--skeleton{background:CanvasText}.cds-custom--checkbox-label-text.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--checkbox-label-text.cds-custom--skeleton{block-size:1rem;inline-size:6.25rem;margin-block:.0625rem 0;margin-inline:.375rem 0}.cds-custom--checkbox--inline{position:relative}[dir=rtl] .cds-custom--checkbox-label:after{margin-block-start:0;margin-inline-start:-.0625rem;transform-origin:center}[dir=rtl] .cds-custom--checkbox-label[data-contained-checkbox-state=true]:after,[dir=rtl] .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{transform:scale(1.2) rotate3d(.5,1,0,158deg)}.cds-custom--checkbox-group--decorator legend.cds-custom--label,.cds-custom--checkbox-group--slug legend.cds-custom--label,.cds-custom--checkbox-wrapper--decorator .cds-custom--checkbox-label-text,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text{display:flex}.cds-custom--checkbox-group--decorator legend.cds-custom--label .cds-custom--checkbox-group-inner--decorator>*,.cds-custom--checkbox-group--slug legend.cds-custom--label .cds-custom--ai-label,.cds-custom--checkbox-group--slug legend.cds-custom--label .cds-custom--slug,.cds-custom--checkbox-wrapper--decorator .cds-custom--checkbox-label-text .cds-custom--checkbox-wrapper-inner--decorator>*,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text .cds-custom--ai-label,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text .cds-custom--slug{margin-inline-start:.5rem}.cds-custom--checkbox-wrapper--decorator .cds-custom--checkbox-label-text .cds-custom--ai-label__button--inline,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text .cds-custom--ai-label__button--inline,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text .cds-custom--slug__button--inline{line-height:inherit;margin-block-start:-.0625rem}.cds-custom--checkbox-group--horizontal{display:flex;flex-flow:row wrap;justify-content:flex-start;position:relative}.cds-custom--checkbox-group--horizontal .cds-custom--form-item,.cds-custom--checkbox-group--horizontal :host(cds-custom-checkbox){flex:none;margin-block-end:0}.cds-custom--checkbox-group--horizontal .cds-custom--form-item:not(:last-of-type),.cds-custom--checkbox-group--horizontal :not(:last-of-type):host(cds-custom-checkbox){margin-inline-end:1rem}.cds-custom--checkbox-group--horizontal .cds-custom--checkbox-label-text{padding-inline-start:.5rem}.cds-custom--checkbox-group--horizontal .cds-custom--label+.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--checkbox-group--horizontal .cds-custom--label+:host(cds-custom-checkbox){margin-block-start:0}:host(cds-custom-checkbox:dir(rtl)) .cds-custom--checkbox-label[data-contained-checkbox-state=true]:after,:host(cds-custom-checkbox:dir(rtl)) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{margin-block-start:0;margin-inline-start:to-rem(-1px);transform:scale(1.2) rotate3d(.5,1,0,158deg);transform-origin:center}:host(cds-custom-checkbox[invalid-group]) .cds-custom--checkbox-label:before{border-color:var(--cds-support-error,#da1e28)}:host(cds-custom-checkbox[data-table]){margin:0}:host(cds-custom-checkbox[data-table][hide-checkbox]){pointer-events:none}:host(cds-custom-checkbox[data-table][hide-checkbox]) .cds-custom--checkbox-label:after,:host(cds-custom-checkbox[data-table][hide-checkbox]) .cds-custom--checkbox-label:before{background-color:transparent;border-color:transparent}:host(cds-custom-checkbox-skeleton) .cds-custom--checkbox-label{cursor:default}:host(cds-custom-checkbox-group){display:flex;inline-size:100%}:host(cds-custom-checkbox-group) .cds-custom--checkbox-group--slug ::slotted(cds-custom-ai-label),:host(cds-custom-checkbox-group) .cds-custom--checkbox-group--slug ::slotted(cds-custom-slug),:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-ai-label),:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-slug){margin-inline-start:.5rem}:host(cds-custom-checkbox[ai-label]){flex-direction:row}:host(cds-custom-checkbox[ai-label]) .cds-custom--checkbox-label-text{display:flex}:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-ai-label),:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-slug){align-self:center}:host(cds-custom-checkbox-group) .cds-custom--checkbox-group--horizontal ::slotted(cds-custom-checkbox){flex:none;margin-inline-end:1rem}"]);
-
+var checkbox_default = 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-checkbox){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{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;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::-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-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);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--checkbox-group{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--checkbox-group *,.cds-custom--checkbox-group :after,.cds-custom--checkbox-group :before{box-sizing:inherit}.cds-custom--form-item.cds-custom--checkbox-wrapper,:host(cds-custom-checkbox){margin-block-end:.375rem;position:relative}.cds-custom--form-item.cds-custom--checkbox-wrapper:first-of-type{margin-block-start:0}.cds-custom--label+.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--label+:host(cds-custom-checkbox){margin-block-start:-.125rem}.cds-custom--form-item.cds-custom--checkbox-wrapper:last-of-type{margin-block-end:.1875rem}.cds-custom--checkbox{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;inset-block-start:1.25rem;inset-inline-start:.7rem;visibility:inherit;white-space:nowrap}.cds-custom--checkbox-label html{font-size:100%}.cds-custom--checkbox-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--checkbox-label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--checkbox-label strong{font-weight:600}.cds-custom--checkbox-label{cursor:pointer;display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);min-block-size:1.25rem;padding-block-start:.0625rem;padding-inline-start:1.25rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--checkbox-label-text{padding-inline-start:.625rem}.cds-custom--checkbox-label:after,.cds-custom--checkbox-label:before{box-sizing:border-box}@media print{.cds-custom--checkbox-label:after,.cds-custom--checkbox-label:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.cds-custom--checkbox-label:before{border:1px solid var(--cds-icon-primary,#161616);border-radius:2px;position:absolute}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-label:before{border:1px solid ButtonBorder}}.cds-custom--checkbox-label:before{background-color:transparent;block-size:1rem;content:\"\";inline-size:1rem;inset-block-start:.125rem;inset-inline-start:0;margin-block:.0625rem .125rem;margin-inline:.1875rem 0}.cds-custom--checkbox-label:after{background:none;block-size:.3125rem;border-block-end:1.5px solid var(--cds-icon-inverse,#fff);border-inline-start:1.5px solid var(--cds-icon-inverse,#fff);content:\"\";inline-size:.5625rem;inset-block-start:.40625rem;inset-inline-start:.4375rem;margin-block-start:-.1875rem;position:absolute;transform:scale(0) rotate(-45deg);transform-origin:bottom right}.cds-custom--checkbox-label[data-contained-checkbox-state=true]:before,.cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate+.cds-custom--checkbox-label:before{background-color:var(--cds-icon-primary,#161616);border:1px}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-label[data-contained-checkbox-state=true]:before,.cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate+.cds-custom--checkbox-label:before{background-color:SelectedItem;border:1px solid ButtonBorder}}.cds-custom--checkbox-label[data-contained-checkbox-state=true]:after,.cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{transform:scale(1) rotate(-45deg)}.cds-custom--checkbox:indeterminate+.cds-custom--checkbox-label:after{border-block-end:2px solid var(--cds-icon-inverse,#fff);border-inline-start:0 solid var(--cds-icon-inverse,#fff);inline-size:.5rem;inset-block-start:.6875rem;transform:scale(1) rotate(0deg)}.cds-custom--checkbox-label[data-contained-checkbox-state=true].cds-custom--checkbox-label__focus:before,.cds-custom--checkbox-label__focus:before,.cds-custom--checkbox:checked:focus+.cds-custom--checkbox-label:before,.cds-custom--checkbox:focus+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate:focus+.cds-custom--checkbox-label:before{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--checkbox-label[data-contained-checkbox-disabled=true],.cds-custom--checkbox:disabled+.cds-custom--checkbox-label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--checkbox-label[data-contained-checkbox-disabled=true]:before,.cds-custom--checkbox:disabled+.cds-custom--checkbox-label:before{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]:before,.cds-custom--checkbox:checked:disabled+.cds-custom--checkbox-label:before,.cds-custom--checkbox:indeterminate:disabled+.cds-custom--checkbox-label:before{background-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--checkbox-group[data-invalid] .cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,:host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid]) .cds-custom--checkbox-label:before{border:1px solid var(--cds-support-error,#da1e28)}.cds-custom--checkbox-group .cds-custom--checkbox-wrapper--invalid>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-group .cds-custom--checkbox-wrapper--warning>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-group .cds-custom--checkbox-wrapper>.cds-custom--form__helper-text,.cds-custom--checkbox-group :host(cds-custom-checkbox)>.cds-custom--form__helper-text,.cds-custom--checkbox-group :host(cds-custom-checkbox:not([readonly]):not([disabled]):not([invalid])[warn])>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-group :host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid])>.cds-custom--checkbox__validation-msg{display:none}.cds-custom--checkbox-group:not(.cds-custom--checkbox-group[data-invalid]) .cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox-label:before,.cds-custom--checkbox-group:not(.cds-custom--checkbox-group[data-invalid]) .cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox-group:not(.cds-custom--checkbox-group[data-invalid]) :host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid]) .cds-custom--checkbox-label:before{border:1px solid var(--cds-icon-primary,#161616)}.cds-custom--checkbox-group__validation-msg,.cds-custom--checkbox__validation-msg{align-items:flex-start;display:none;inline-size:100%;margin-block-start:.25rem}.cds-custom--checkbox__invalid-icon{margin:.0625rem .0625rem 0 .1875rem;fill:var(--cds-support-error,#da1e28);min-inline-size:1rem}.cds-custom--checkbox__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--checkbox__invalid-icon--warning path:first-of-type{fill:#000}.cds-custom--checkbox-group--invalid .cds-custom--checkbox-group__validation-msg,.cds-custom--checkbox-group--warning .cds-custom--checkbox-group__validation-msg,.cds-custom--checkbox-wrapper--invalid>.cds-custom--checkbox__validation-msg,.cds-custom--checkbox-wrapper--warning>.cds-custom--checkbox__validation-msg,:host(cds-custom-checkbox:not([readonly]):not([disabled]):not([invalid])[warn])>.cds-custom--checkbox__validation-msg,:host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid])>.cds-custom--checkbox__validation-msg{display:flex}.cds-custom--checkbox-group--invalid .cds-custom--checkbox-group__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-group--warning .cds-custom--checkbox-group__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-wrapper--warning .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,:host(cds-custom-checkbox:not([readonly]):not([disabled]):not([invalid])[warn]) .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,:host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid]) .cds-custom--checkbox__validation-msg .cds-custom--form-requirement{display:block;margin-block-start:0;margin-inline-start:.5rem;max-block-size:100%;overflow:visible}.cds-custom--checkbox-group--invalid .cds-custom--checkbox-group__validation-msg .cds-custom--form-requirement,.cds-custom--checkbox-wrapper--invalid .cds-custom--checkbox__validation-msg .cds-custom--form-requirement,:host(cds-custom-checkbox:not([readonly]):not([disabled])[invalid]) .cds-custom--checkbox__validation-msg .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--checkbox-group--readonly .cds-custom--checkbox-label,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox-label,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox-label{cursor:default}.cds-custom--checkbox-group--readonly .cds-custom--checkbox-label-text,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox-label-text,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox-label-text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cds-custom--checkbox-group--readonly .cds-custom--checkbox+.cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox+.cds-custom--checkbox-label:before,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox+.cds-custom--checkbox-label:before{border-color:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--checkbox-group--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:before{background:transparent;border:1px solid var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--checkbox-group--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{border-color:var(--cds-text-primary,#161616)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-group--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,.cds-custom--checkbox-wrapper--readonly .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after,:host(cds-custom-checkbox[readonly]) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{fill:SelectedItemText}}.cds-custom--checkbox-skeleton .cds-custom--checkbox-label{cursor:default}.cds-custom--checkbox-label-text.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--checkbox-label-text.cds-custom--skeleton:active,.cds-custom--checkbox-label-text.cds-custom--skeleton:focus,.cds-custom--checkbox-label-text.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--checkbox-label-text.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--checkbox-label-text.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--checkbox-label-text.cds-custom--skeleton{background:CanvasText}.cds-custom--checkbox-label-text.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--checkbox-label-text.cds-custom--skeleton{block-size:1rem;inline-size:6.25rem;margin-block:.0625rem 0;margin-inline:.375rem 0}.cds-custom--checkbox--inline{position:relative}[dir=rtl] .cds-custom--checkbox-label:after{margin-block-start:0;margin-inline-start:-.0625rem;transform-origin:center}[dir=rtl] .cds-custom--checkbox-label[data-contained-checkbox-state=true]:after,[dir=rtl] .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{transform:scale(1.2) rotate3d(.5,1,0,158deg)}.cds-custom--checkbox-group--decorator legend.cds-custom--label,.cds-custom--checkbox-group--slug legend.cds-custom--label,.cds-custom--checkbox-wrapper--decorator .cds-custom--checkbox-label-text,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text{display:flex}.cds-custom--checkbox-group--decorator legend.cds-custom--label .cds-custom--checkbox-group-inner--decorator>*,.cds-custom--checkbox-group--slug legend.cds-custom--label .cds-custom--ai-label,.cds-custom--checkbox-group--slug legend.cds-custom--label .cds-custom--slug,.cds-custom--checkbox-wrapper--decorator .cds-custom--checkbox-label-text .cds-custom--checkbox-wrapper-inner--decorator>*,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text .cds-custom--ai-label,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text .cds-custom--slug{margin-inline-start:.5rem}.cds-custom--checkbox-wrapper--decorator .cds-custom--checkbox-label-text .cds-custom--ai-label__button--inline,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text .cds-custom--ai-label__button--inline,.cds-custom--checkbox-wrapper--slug .cds-custom--checkbox-label-text .cds-custom--slug__button--inline{line-height:inherit;margin-block-start:-.0625rem}.cds-custom--checkbox-group--horizontal{display:flex;flex-flow:row wrap;justify-content:flex-start;position:relative}.cds-custom--checkbox-group--horizontal .cds-custom--form-item,.cds-custom--checkbox-group--horizontal :host(cds-custom-checkbox){flex:none;margin-block-end:0}.cds-custom--checkbox-group--horizontal .cds-custom--form-item:not(:last-of-type),.cds-custom--checkbox-group--horizontal :not(:last-of-type):host(cds-custom-checkbox){margin-inline-end:1rem}.cds-custom--checkbox-group--horizontal .cds-custom--checkbox-label-text{padding-inline-start:.5rem}.cds-custom--checkbox-group--horizontal .cds-custom--label+.cds-custom--form-item.cds-custom--checkbox-wrapper,.cds-custom--checkbox-group--horizontal .cds-custom--label+:host(cds-custom-checkbox){margin-block-start:0}:host(cds-custom-checkbox:dir(rtl)) .cds-custom--checkbox-label[data-contained-checkbox-state=true]:after,:host(cds-custom-checkbox:dir(rtl)) .cds-custom--checkbox:checked+.cds-custom--checkbox-label:after{margin-block-start:0;margin-inline-start:to-rem(-1px);transform:scale(1.2) rotate3d(.5,1,0,158deg);transform-origin:center}:host(cds-custom-checkbox[invalid-group]) .cds-custom--checkbox-label:before{border-color:var(--cds-support-error,#da1e28)}:host(cds-custom-checkbox[data-table]){margin:0}:host(cds-custom-checkbox[data-table][hide-checkbox]){pointer-events:none}:host(cds-custom-checkbox[data-table][hide-checkbox]) .cds-custom--checkbox-label:after,:host(cds-custom-checkbox[data-table][hide-checkbox]) .cds-custom--checkbox-label:before{background-color:transparent;border-color:transparent}:host(cds-custom-checkbox-skeleton) .cds-custom--checkbox-label{cursor:default}:host(cds-custom-checkbox-group){display:flex;inline-size:100%}:host(cds-custom-checkbox-group) .cds-custom--checkbox-group--slug ::slotted(cds-custom-ai-label),:host(cds-custom-checkbox-group) .cds-custom--checkbox-group--slug ::slotted(cds-custom-slug),:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-ai-label),:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-slug){margin-inline-start:.5rem}:host(cds-custom-checkbox[ai-label]){flex-direction:row}:host(cds-custom-checkbox[ai-label]) .cds-custom--checkbox-label-text{display:flex}:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-ai-label),:host(cds-custom-checkbox[ai-label]) ::slotted(cds-custom-slug){align-self:center}:host(cds-custom-checkbox-group) .cds-custom--checkbox-group--horizontal ::slotted(cds-custom-checkbox){flex:none;margin-inline-end:1rem}"]);
 //#endregion
 export { checkbox_default as default };
+
 //# sourceMappingURL=checkbox.scss.js.map

package/es-custom/components/checkbox/checkbox.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.scss.js","names":[],"sources":["../../../src/components/checkbox/checkbox.scss?lit"],"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\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/utilities';\n@use '@carbon/styles/scss/components/form';\n@use '@carbon/styles/scss/components/checkbox';\n\n:host(#{$prefix}-checkbox) {\n  @extend .#{$prefix}--form-item;\n  @extend .#{$prefix}--checkbox-wrapper;\n}\n\n// RTL overrides\n:host(#{$prefix}-checkbox:dir(rtl)) {\n  .#{$prefix}--checkbox:checked + .#{$prefix}--checkbox-label::after,\n  .#{$prefix}--checkbox-label[data-contained-checkbox-state='true']::after {\n    margin-block-start: 0;\n    margin-inline-start: to-rem(-1px);\n    transform: scale(1.2) rotate3d(0.5, 1, 0, 158deg);\n    transform-origin: center;\n  }\n}\n\n:host(#{$prefix}-checkbox[readonly]) {\n  @extend .#{$prefix}--checkbox-wrapper--readonly;\n}\n\n:host(#{$prefix}-checkbox:not([readonly])[invalid]) {\n  @extend .#{$prefix}--checkbox-wrapper--invalid;\n}\n\n:host(#{$prefix}-checkbox[invalid-group]) .#{$prefix}--checkbox-label::before {\n  border-color: $support-error;\n}\n\n:host(#{$prefix}-checkbox:not([readonly]):not([invalid])[warn]) {\n  @extend .#{$prefix}--checkbox-wrapper--warning;\n}\n\n:host(#{$prefix}-checkbox[data-table]) {\n  margin: 0;\n}\n\n:host(#{$prefix}-checkbox[data-table][hide-checkbox]) {\n  pointer-events: none;\n\n  .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox-label::after {\n    border-color: transparent;\n    background-color: transparent;\n  }\n}\n\n:host(#{$prefix}-checkbox-skeleton) {\n  .#{$prefix}--checkbox-label {\n    cursor: default;\n  }\n}\n\n:host(#{$prefix}-checkbox-group) {\n  display: flex;\n  inline-size: 100%;\n}\n\n:host(#{$prefix}-checkbox-group) .#{$prefix}--checkbox-group--slug,\n:host(#{$prefix}-checkbox[ai-label]) {\n  ::slotted(#{$prefix}-ai-label),\n  ::slotted(#{$prefix}-slug) {\n    margin-inline-start: $spacing-03;\n  }\n}\n\n:host(#{$prefix}-checkbox[ai-label]) {\n  flex-direction: row;\n\n  .#{$prefix}--checkbox-label-text {\n    display: flex;\n  }\n}\n\n:host(#{$prefix}-checkbox[ai-label]) ::slotted(#{$prefix}-ai-label),\n:host(#{$prefix}-checkbox[ai-label]) ::slotted(#{$prefix}-slug) {\n  align-self: center;\n}\n\n:host(#{$prefix}-checkbox-group)\n  .#{$prefix}--checkbox-group--horizontal\n  ::slotted(#{$prefix}-checkbox) {\n  flex: none;\n  margin-inline-end: $spacing-05;\n}\n"],"mappings":""}
+{"version":3,"file":"checkbox.scss.js","names":[],"sources":["../../../src/components/checkbox/checkbox.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/utilities';\n@use '@carbon/styles/scss/components/form';\n@use '@carbon/styles/scss/components/checkbox';\n\n:host(#{$prefix}-checkbox) {\n  @extend .#{$prefix}--form-item;\n  @extend .#{$prefix}--checkbox-wrapper;\n}\n\n// RTL overrides\n:host(#{$prefix}-checkbox:dir(rtl)) {\n  .#{$prefix}--checkbox:checked + .#{$prefix}--checkbox-label::after,\n  .#{$prefix}--checkbox-label[data-contained-checkbox-state='true']::after {\n    margin-block-start: 0;\n    margin-inline-start: to-rem(-1px);\n    transform: scale(1.2) rotate3d(0.5, 1, 0, 158deg);\n    transform-origin: center;\n  }\n}\n\n:host(#{$prefix}-checkbox[readonly]) {\n  @extend .#{$prefix}--checkbox-wrapper--readonly;\n}\n\n:host(#{$prefix}-checkbox:not([readonly]):not([disabled])[invalid]) {\n  @extend .#{$prefix}--checkbox-wrapper--invalid;\n}\n\n:host(#{$prefix}-checkbox[invalid-group]) .#{$prefix}--checkbox-label::before {\n  border-color: $support-error;\n}\n\n:host(\n    #{$prefix}-checkbox:not([readonly]):not([disabled]):not([invalid])[warn]\n  ) {\n  @extend .#{$prefix}--checkbox-wrapper--warning;\n}\n\n:host(#{$prefix}-checkbox[data-table]) {\n  margin: 0;\n}\n\n:host(#{$prefix}-checkbox[data-table][hide-checkbox]) {\n  pointer-events: none;\n\n  .#{$prefix}--checkbox-label::before,\n  .#{$prefix}--checkbox-label::after {\n    border-color: transparent;\n    background-color: transparent;\n  }\n}\n\n:host(#{$prefix}-checkbox-skeleton) {\n  .#{$prefix}--checkbox-label {\n    cursor: default;\n  }\n}\n\n:host(#{$prefix}-checkbox-group) {\n  display: flex;\n  inline-size: 100%;\n}\n\n:host(#{$prefix}-checkbox-group) .#{$prefix}--checkbox-group--slug,\n:host(#{$prefix}-checkbox[ai-label]) {\n  ::slotted(#{$prefix}-ai-label),\n  ::slotted(#{$prefix}-slug) {\n    margin-inline-start: $spacing-03;\n  }\n}\n\n:host(#{$prefix}-checkbox[ai-label]) {\n  flex-direction: row;\n\n  .#{$prefix}--checkbox-label-text {\n    display: flex;\n  }\n}\n\n:host(#{$prefix}-checkbox[ai-label]) ::slotted(#{$prefix}-ai-label),\n:host(#{$prefix}-checkbox[ai-label]) ::slotted(#{$prefix}-slug) {\n  align-self: center;\n}\n\n:host(#{$prefix}-checkbox-group)\n  .#{$prefix}--checkbox-group--horizontal\n  ::slotted(#{$prefix}-checkbox) {\n  flex: none;\n  margin-inline-end: $spacing-05;\n}\n"],"mappings":""}

package/es-custom/components/checkbox/defs.js

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

package/es-custom/components/checkbox/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/checkbox/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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/**\n * How to lay out radio buttons.\n */\nexport enum CHECKBOX_ORIENTATION {\n  /**\n   * Laying out radio buttons horizontally.\n   */\n  HORIZONTAL = 'horizontal',\n\n  /**\n   * Laying out radio buttons vertically.\n   */\n  VERTICAL = 'vertical',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AASA,IAAY,sEAAL;;;;AAIL;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/checkbox/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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/**\n * How to lay out radio buttons.\n */\nexport enum CHECKBOX_ORIENTATION {\n  /**\n   * Laying out radio buttons horizontally.\n   */\n  HORIZONTAL = 'horizontal',\n\n  /**\n   * Laying out radio buttons vertically.\n   */\n  VERTICAL = 'vertical',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AASA,IAAY,uBAAL,yBAAA,sBAAA;;;;AAIL,sBAAA,gBAAA;;;;AAKA,sBAAA,cAAA;;KACD"}

package/es-custom/components/code-snippet/code-snippet-skeleton.js

@@ -5,15 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
-import { CODE_SNIPPET_TYPE } from "./defs.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import "./defs.js";
 import code_snippet_default from "./code-snippet.scss.js";
 import "./code-snippet.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/code-snippet/code-snippet-skeleton.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -27,12 +26,12 @@ import { property } from "lit/decorators.js";
 let CDSCodeSnippetSkeleton = class CDSCodeSnippetSkeleton extends LitElement {
 	constructor(..._args) {
 		super(..._args);
-		this.type = CODE_SNIPPET_TYPE.SINGLE;
+		this.type = "single";
 	}
 	render() {
 		return html`
-      <div class="${prefix}--snippet-container">
-        ${this.type !== CODE_SNIPPET_TYPE.MULTI ? html` <span></span> ` : html` <span></span><span></span><span></span> `}
+      <div class="${"cds-custom"}--snippet-container">
+        ${this.type !== "multi" ? html` <span></span> ` : html` <span></span><span></span><span></span> `}
       </div>
     `;
 	}
@@ -41,9 +40,9 @@ let CDSCodeSnippetSkeleton = class CDSCodeSnippetSkeleton extends LitElement {
 	}
 };
 __decorate([property({ reflect: true })], CDSCodeSnippetSkeleton.prototype, "type", void 0);
-CDSCodeSnippetSkeleton = __decorate([carbonElement(`${prefix}-code-snippet-skeleton`)], CDSCodeSnippetSkeleton);
+CDSCodeSnippetSkeleton = __decorate([carbonElement(`cds-custom-code-snippet-skeleton`)], CDSCodeSnippetSkeleton);
 var code_snippet_skeleton_default = CDSCodeSnippetSkeleton;
-
 //#endregion
 export { code_snippet_skeleton_default as default };
+
 //# sourceMappingURL=code-snippet-skeleton.js.map

package/es-custom/components/code-snippet/code-snippet-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-snippet-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/code-snippet/code-snippet-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 { CODE_SNIPPET_TYPE } from './code-snippet';\nimport styles from './code-snippet.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of code snippet.\n */\n@customElement(`${prefix}-code-snippet-skeleton`)\nclass CDSCodeSnippetSkeleton extends LitElement {\n  /**\n   * The type of code snippet. Corresponds to the attribute with the same name.\n   */\n  @property({ reflect: true })\n  type = CODE_SNIPPET_TYPE.SINGLE;\n\n  render() {\n    return html`\n      <div class=\"${prefix}--snippet-container\">\n        ${this.type !== CODE_SNIPPET_TYPE.MULTI\n          ? html` <span></span> `\n          : html` <span></span><span></span><span></span> `}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCodeSnippetSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,mCACM,+BAA+B,WAAW;;;cAKvC,kBAAkB;;CAEzB,SAAS;AACP,SAAO,IAAI;oBACK,OAAO;UACjB,KAAK,SAAS,kBAAkB,QAC9B,IAAI,oBACJ,IAAI,4CAA4C;;;;;gBAK1CA;;;YAbf,SAAS,EAAE,SAAS,MAAM,CAAC;qCAL7BC,cAAc,GAAG,OAAO,wBAAwB;AAqBjD,oCAAe"}
+{"version":3,"file":"code-snippet-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/code-snippet/code-snippet-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 { CODE_SNIPPET_TYPE } from './code-snippet';\nimport styles from './code-snippet.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of code snippet.\n */\n@customElement(`${prefix}-code-snippet-skeleton`)\nclass CDSCodeSnippetSkeleton extends LitElement {\n  /**\n   * The type of code snippet. Corresponds to the attribute with the same name.\n   */\n  @property({ reflect: true })\n  type = CODE_SNIPPET_TYPE.SINGLE;\n\n  render() {\n    return html`\n      <div class=\"${prefix}--snippet-container\">\n        ${this.type !== CODE_SNIPPET_TYPE.MULTI\n          ? html` <span></span> `\n          : html` <span></span><span></span><span></span> `}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCodeSnippetSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,yBAAA,MACM,+BAA+B,WAAW;;;;;CAO9C,SAAS;AACP,SAAO,IAAI;0BACY;UACjB,KAAK,SAAA,UACH,IAAI,oBACJ,IAAI,4CAA4C;;;;;gBAK1CA;;;YAbf,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,uBAAA,WAAA,QAAA,KAAA,EAAA;qCAL7BC,cAAc,4BAAkC,CAAA,EAAA,uBAAA;AAqBjD,IAAA,gCAAe"}

package/es-custom/components/code-snippet/code-snippet.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import "../button/button.js";
@@ -20,7 +20,6 @@ import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
 import ChevronDown16 from "@carbon/icons/es/chevron--down/16.js";
-
 //#region src/components/code-snippet/code-snippet.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -58,16 +57,16 @@ let CDSCodeSnippet = class CDSCodeSnippet extends FocusMixin(LitElement) {
 		this._hasLeftOverflow = false;
 		this._shouldShowMoreLessBtn = false;
 		this._resizeObserver = new ResizeObserver(() => {
-			const codeContainerRef = this.shadowRoot?.querySelector(`.${prefix}--snippet-container`);
+			const codeContainerRef = this.shadowRoot?.querySelector(`.cds-custom--snippet-container`);
 			const codeContentRef = codeContainerRef?.querySelector("code");
 			const { type, maxCollapsedNumberOfRows, maxExpandedNumberOfRows, minExpandedNumberOfRows, _rowHeightInPixels: rowHeightInPixels, _handleScroll: handleScroll } = this;
-			if (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) {
+			if (codeContentRef && type === "multi") {
 				const { height } = codeContentRef.getBoundingClientRect();
 				if (maxCollapsedNumberOfRows > 0 && (maxExpandedNumberOfRows <= 0 || maxExpandedNumberOfRows > maxCollapsedNumberOfRows) && height > maxCollapsedNumberOfRows * rowHeightInPixels) this._shouldShowMoreLessBtn = true;
 				else this._shouldShowMoreLessBtn = false;
 				if (this._expandedCode && minExpandedNumberOfRows > 0 && height <= minExpandedNumberOfRows * rowHeightInPixels) this._expandedCode = false;
 			}
-			if (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI || codeContainerRef && type === CODE_SNIPPET_TYPE.SINGLE) handleScroll();
+			if (codeContentRef && type === "multi" || codeContainerRef && type === "single") handleScroll();
 			this.requestUpdate();
 		});
 		this.copyText = "";
@@ -83,7 +82,7 @@ let CDSCodeSnippet = class CDSCodeSnippet extends FocusMixin(LitElement) {
 		this.showMoreText = "Show more";
 		this.tooltipContent = "Copy to clipboard";
 		this.wrapText = false;
-		this.type = CODE_SNIPPET_TYPE.SINGLE;
+		this.type = "single";
 	}
 	/**
 	* Handles `click` event on the copy button.
@@ -93,7 +92,7 @@ let CDSCodeSnippet = class CDSCodeSnippet extends FocusMixin(LitElement) {
 		const selection = doc.defaultView.getSelection();
 		selection.removeAllRanges();
 		const code = doc.createElement("code");
-		code.className = `${prefix}--visually-hidden`;
+		code.className = `cds-custom--visually-hidden`;
 		const pre = doc.createElement("pre");
 		const text = Array.from(this.childNodes).filter((node) => node.nodeType === Node.TEXT_NODE);
 		pre.textContent = this.copyText || text[0].textContent;
@@ -120,10 +119,10 @@ let CDSCodeSnippet = class CDSCodeSnippet extends FocusMixin(LitElement) {
 	*/
 	_handleScroll() {
 		if (this) {
-			const codeContainerRef = this?.shadowRoot?.querySelector(`.${prefix}--snippet-container`);
+			const codeContainerRef = this?.shadowRoot?.querySelector(`.cds-custom--snippet-container`);
 			const codeContentRef = codeContainerRef?.querySelector("pre");
-			if (this.type === CODE_SNIPPET_TYPE.INLINE || this.type === CODE_SNIPPET_TYPE.SINGLE && !codeContainerRef || this.type === CODE_SNIPPET_TYPE.MULTI && !codeContentRef) return;
-			const { horizontalOverflow, codeClientWidth, codeScrollWidth, codeScrollLeft } = this.type === CODE_SNIPPET_TYPE.SINGLE ? this._getCodeRefDimensions(codeContainerRef) : this._getCodeRefDimensions(codeContentRef);
+			if (this.type === "inline" || this.type === "single" && !codeContainerRef || this.type === "multi" && !codeContentRef) return;
+			const { horizontalOverflow, codeClientWidth, codeScrollWidth, codeScrollLeft } = this.type === "single" ? this._getCodeRefDimensions(codeContainerRef) : this._getCodeRefDimensions(codeContentRef);
 			this._hasLeftOverflow = horizontalOverflow && !!codeScrollLeft;
 			this._hasRightOverflow = horizontalOverflow && codeScrollLeft + codeClientWidth !== codeScrollWidth;
 			this.requestUpdate();
@@ -150,16 +149,16 @@ let CDSCodeSnippet = class CDSCodeSnippet extends FocusMixin(LitElement) {
 	}
 	render() {
 		const { disabled, feedback, feedbackTimeout, hideCopyButton, maxExpandedNumberOfRows, minExpandedNumberOfRows, maxCollapsedNumberOfRows, minCollapsedNumberOfRows, type, wrapText, tooltipContent, showMoreText, showLessText, _expandedCode: expandedCode, _handleCopyClick: handleCopyClick, _handleScroll: handleScroll, _hasRightOverflow: hasRightOverflow, _hasLeftOverflow: hasLeftOverflow, _rowHeightInPixels: rowHeightInPixels, _shouldShowMoreLessBtn: shouldShowMoreLessBtn } = this;
-		let classes = `${prefix}--snippet`;
-		if (type) classes += ` ${prefix}--snippet--${type}`;
-		if (type !== "inline" && disabled) classes += ` ${prefix}--snippet--disabled`;
-		if (hideCopyButton) classes += ` ${prefix}--snippet--no-copy`;
-		if (wrapText) classes += ` ${prefix}--snippet--wraptext`;
-		if (type == "multi" && hasRightOverflow) classes += ` ${prefix}--snippet--has-right-overflow`;
-		const expandButtonClass = `${prefix}--snippet-btn--expand`;
-		const disabledCopyButtonClasses = disabled ? `${prefix}--snippet--disabled` : "";
+		let classes = `cds-custom--snippet`;
+		if (type) classes += ` cds-custom--snippet--${type}`;
+		if (type !== "inline" && disabled) classes += ` cds-custom--snippet--disabled`;
+		if (hideCopyButton) classes += ` cds-custom--snippet--no-copy`;
+		if (wrapText) classes += ` cds-custom--snippet--wraptext`;
+		if (type == "multi" && hasRightOverflow) classes += ` cds-custom--snippet--has-right-overflow`;
+		const expandButtonClass = `cds-custom--snippet-btn--expand`;
+		const disabledCopyButtonClasses = disabled ? `cds-custom--snippet--disabled` : "";
 		const expandCodeBtnText = expandedCode ? showLessText : showMoreText;
-		if (type === CODE_SNIPPET_TYPE.INLINE) return html`
+		if (type === "inline") return html`
         <cds-custom-copy ?disabled=${disabled} button-class-name="${classes}" @click="${handleCopyClick}">
           <code slot="icon"><slot></slot></code>
           <span slot="tooltip-content">${tooltipContent}</span>
@@ -175,23 +174,23 @@ let CDSCodeSnippet = class CDSCodeSnippet extends FocusMixin(LitElement) {
 		}
 		return html`
       <div
-        role="${type === CODE_SNIPPET_TYPE.SINGLE || type === CODE_SNIPPET_TYPE.MULTI ? "textbox" : null}"
-        tabindex="${(type === CODE_SNIPPET_TYPE.SINGLE || type === CODE_SNIPPET_TYPE.MULTI) && !disabled ? 0 : null}"
-        class="${prefix}--snippet-container"
+        role="${type === "single" || type === "multi" ? "textbox" : null}"
+        tabindex="${(type === "single" || type === "multi") && !disabled ? 0 : null}"
+        class="${"cds-custom"}--snippet-container"
         aria-label="${"code-snippet"}"
-        aria-readonly="${type === CODE_SNIPPET_TYPE.SINGLE || type === CODE_SNIPPET_TYPE.MULTI ? true : null}"
-        aria-multiline="${type === CODE_SNIPPET_TYPE.MULTI ? true : null}"
-        @scroll="${type === CODE_SNIPPET_TYPE.SINGLE && handleScroll || null}"
+        aria-readonly="${type === "single" || type === "multi" ? true : null}"
+        aria-multiline="${type === "multi" ? true : null}"
+        @scroll="${type === "single" && handleScroll || null}"
         style=${styleMap(styles)}>
         <pre
-          @scroll="${type === CODE_SNIPPET_TYPE.MULTI && handleScroll || null}"><code><slot></slot></code></pre>
+          @scroll="${type === "multi" && handleScroll || null}"><code><slot></slot></code></pre>
       </div>
 
       ${hasLeftOverflow ? html`
-            <div class="${prefix}--snippet__overflow-indicator--left"></div>
+            <div class="${"cds-custom"}--snippet__overflow-indicator--left"></div>
           ` : ``}
-      ${hasRightOverflow && type !== CODE_SNIPPET_TYPE.MULTI ? html`
-            <div class="${prefix}--snippet__overflow-indicator--right"></div>
+      ${hasRightOverflow && type !== "multi" ? html`
+            <div class="${"cds-custom"}--snippet__overflow-indicator--right"></div>
           ` : ``}
       ${hideCopyButton ? `` : html`
             <cds-custom-copy-button
@@ -210,11 +209,11 @@ let CDSCodeSnippet = class CDSCodeSnippet extends FocusMixin(LitElement) {
               button-class-name=${expandButtonClass}
               ?disabled=${disabled}
               @click=${() => this._handleClickExpanded()}>
-              <span class="${prefix}--snippet-btn--text">
+              <span class="${"cds-custom"}--snippet-btn--text">
                 ${expandCodeBtnText}
               </span>
               ${iconLoader(ChevronDown16, {
-			class: `${prefix}--icon-chevron--down ${prefix}--snippet__icon`,
+			class: `cds-custom--icon-chevron--down cds-custom--snippet__icon`,
 			role: "img",
 			slot: "icon"
 		})}
@@ -260,9 +259,9 @@ __decorate([property({
 	attribute: "wrap-text"
 })], CDSCodeSnippet.prototype, "wrapText", void 0);
 __decorate([property({ reflect: true })], CDSCodeSnippet.prototype, "type", void 0);
-CDSCodeSnippet = __decorate([carbonElement(`${prefix}-code-snippet`)], CDSCodeSnippet);
+CDSCodeSnippet = __decorate([carbonElement(`cds-custom-code-snippet`)], CDSCodeSnippet);
 var code_snippet_default = CDSCodeSnippet;
-
 //#endregion
 export { FORM_ELEMENT_COLOR_SCHEME as CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE, code_snippet_default as default };
+
 //# sourceMappingURL=code-snippet.js.map