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

package/custom-elements.json

@@ -2667,6 +2667,12 @@
           "type": "DROPDOWN_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "warn",
           "description": "Specify whether the control is currently in warning state",
@@ -2868,6 +2874,13 @@
           "type": "DROPDOWN_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "isFluid",
+          "attribute": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "warn",
           "attribute": "warn",
@@ -5859,6 +5872,12 @@
           "type": "DROPDOWN_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "warn",
           "description": "Specify whether the control is currently in warning state",
@@ -6015,6 +6034,13 @@
           "type": "DROPDOWN_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "isFluid",
+          "attribute": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "warn",
           "attribute": "warn",
@@ -6498,6 +6524,444 @@
         }
       ]
     },
+    {
+      "name": "cds-fluid-dropdown-skeleton",
+      "path": "./src/components/fluid-dropdown/fluid-dropdown-skeleton.ts",
+      "description": "Fluid dropdown skeleton.",
+      "attributes": [
+        {
+          "name": "hide-label",
+          "description": "Specify whether the label should be hidden, or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the ListBox.",
+          "type": "DROPDOWN_SIZE",
+          "default": "\"md\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "hideLabel",
+          "attribute": "hide-label",
+          "description": "Specify whether the label should be hidden, or not.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Specify the size of the ListBox.",
+          "type": "DROPDOWN_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "cds-fluid-dropdown",
+      "path": "./src/components/fluid-dropdown/fluid-dropdown.ts",
+      "description": "Fluid dropdown.",
+      "attributes": [
+        {
+          "name": "is-condensed",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "aria-label",
+          "description": "'aria-label' of the ListBox component.\nSpecify a label to be read by screen readers on the container node",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "direction",
+          "description": "Specify the direction of the dropdown. Can be either top or bottom.",
+          "type": "DROPDOWN_DIRECTION",
+          "default": "\"bottom\""
+        },
+        {
+          "name": "autoalign",
+          "description": "Specify whether auto align functionality should be applied",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "description": "`true` if this dropdown should be disabled.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "helper-text",
+          "description": "The helper text.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "hide-label",
+          "description": "Specify whether the title text should be hidden or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalid-text",
+          "description": "Message which is displayed if the value is invalid.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "title-text",
+          "description": "Provide the title text that will be read by a screen reader when visiting this control",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "description": "Name for the dropdown in the `FormData`",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "description": "`true` if this dropdown should be open.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "read-only",
+          "description": "Whether or not the Dropdown is readonly",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "description": "Dropdown size.",
+          "type": "DROPDOWN_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "toggle-label-closed",
+          "description": "The `aria-label` attribute for the UI indicating the closed state.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "toggle-label-open",
+          "description": "The `aria-label` attribute for the UI indicating the open state.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "description": "Generic label that will be used as the textual representation of what this field is for",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "description": "`true` if this dropdown should use the inline UI variant.",
+          "type": "DROPDOWN_TYPE",
+          "default": "\"\""
+        },
+        {
+          "name": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warn",
+          "description": "Specify whether the control is currently in warning state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warn-text",
+          "description": "Provide the text that is displayed when the control is in warning state",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "invalid",
+          "description": "`true` to show the UI of the invalid state.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "description": "`true` if the value is required.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required-validity-message",
+          "description": "The special validity message for `required`.",
+          "type": "string",
+          "default": "\"Please fill out this field.\""
+        },
+        {
+          "name": "validity-message",
+          "description": "The validity message.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "description": "The value of the selected item.",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "isCondensed",
+          "attribute": "is-condensed",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "ariaLabel",
+          "attribute": "aria-label",
+          "description": "'aria-label' of the ListBox component.\nSpecify a label to be read by screen readers on the container node",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "direction",
+          "attribute": "direction",
+          "description": "Specify the direction of the dropdown. Can be either top or bottom.",
+          "type": "DROPDOWN_DIRECTION",
+          "default": "\"bottom\""
+        },
+        {
+          "name": "autoalign",
+          "attribute": "autoalign",
+          "description": "Specify whether auto align functionality should be applied",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "`true` if this dropdown should be disabled.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "helperText",
+          "attribute": "helper-text",
+          "description": "The helper text.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "hideLabel",
+          "attribute": "hide-label",
+          "description": "Specify whether the title text should be hidden or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalidText",
+          "attribute": "invalid-text",
+          "description": "Message which is displayed if the value is invalid.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "titleText",
+          "attribute": "title-text",
+          "description": "Provide the title text that will be read by a screen reader when visiting this control",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "name",
+          "attribute": "name",
+          "description": "Name for the dropdown in the `FormData`",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "attribute": "open",
+          "description": "`true` if this dropdown should be open.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "readOnly",
+          "attribute": "read-only",
+          "description": "Whether or not the Dropdown is readonly",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Dropdown size.",
+          "type": "DROPDOWN_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "toggleLabelClosed",
+          "attribute": "toggle-label-closed",
+          "description": "The `aria-label` attribute for the UI indicating the closed state.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "toggleLabelOpen",
+          "attribute": "toggle-label-open",
+          "description": "The `aria-label` attribute for the UI indicating the open state.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Generic label that will be used as the textual representation of what this field is for",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "type",
+          "attribute": "type",
+          "description": "`true` if this dropdown should use the inline UI variant.",
+          "type": "DROPDOWN_TYPE",
+          "default": "\"\""
+        },
+        {
+          "name": "isFluid",
+          "attribute": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warn",
+          "attribute": "warn",
+          "description": "Specify whether the control is currently in warning state",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "warnText",
+          "attribute": "warn-text",
+          "description": "Provide the text that is displayed when the control is in warning state",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "toggleLabel",
+          "description": "The computed aria-label for the toggle button based on open state.",
+          "type": "string"
+        },
+        {
+          "name": "TRIGGER_KEYS",
+          "description": "Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.",
+          "type": "Set<string>",
+          "default": "\"new Set([' ', 'Enter'])\""
+        },
+        {
+          "name": "shadowRootOptions",
+          "type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
+          "default": "{\"delegatesFocus\":true}"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"styles\",\"styles\"]"
+        },
+        {
+          "name": "invalid",
+          "attribute": "invalid",
+          "description": "`true` to show the UI of the invalid state.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "required",
+          "attribute": "required",
+          "description": "`true` if the value is required.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "requiredValidityMessage",
+          "attribute": "required-validity-message",
+          "description": "The special validity message for `required`.",
+          "type": "string",
+          "default": "\"Please fill out this field.\""
+        },
+        {
+          "name": "validityMessage",
+          "attribute": "validity-message",
+          "description": "The validity message.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The value of the selected item.",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "events": [
+        {
+          "name": "cds-dropdown-beingselected",
+          "description": "The custom event fired before a dropdown item is selected upon a user gesture.\nCancellation of this event stops changing the user-initiated selection."
+        },
+        {
+          "name": "cds-dropdown-beingtoggled",
+          "description": "The custom event fired before the open state of this dropdown is toggled upon a user gesture.\nCancellation of this event stops the user-initiated toggling."
+        },
+        {
+          "name": "cds-dropdown-selected",
+          "description": "The custom event fired after a dropdown item is selected upon a user gesture."
+        },
+        {
+          "name": "cds-dropdown-toggled",
+          "description": "The custom event fired after the open state of this dropdown is toggled upon a user gesture."
+        },
+        {
+          "name": "input"
+        },
+        {
+          "name": "invalid"
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "label",
+          "description": "text The label text."
+        },
+        {
+          "name": "helper",
+          "description": "text The helper text."
+        },
+        {
+          "name": "trigger",
+          "description": "button The trigger button."
+        },
+        {
+          "name": "menu",
+          "description": "body The menu body."
+        },
+        {
+          "name": "validity",
+          "description": "message The validity message."
+        }
+      ]
+    },
     {
       "name": "cds-fluid-number-input-skeleton",
       "path": "./src/components/fluid-number-input/fluid-number-input-skeleton.ts",
@@ -12182,6 +12646,12 @@
           "type": "DROPDOWN_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "warn",
           "description": "Specify whether the control is currently in warning state",
@@ -12384,6 +12854,13 @@
           "type": "DROPDOWN_TYPE",
           "default": "\"\""
         },
+        {
+          "name": "isFluid",
+          "attribute": "isFluid",
+          "description": "Specify whether the textarea is fluid or not",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "warn",
           "attribute": "warn",

package/es/components/checkbox/checkbox.js

@@ -221,14 +221,20 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSCheckbox.prototype, "readonly", void 0);
-__decorate([property({ type: Boolean })], CDSCheckbox.prototype, "invalid", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], CDSCheckbox.prototype, "invalid", void 0);
 __decorate([property({
 	type: String,
 	attribute: "invalid-text"
 })], CDSCheckbox.prototype, "invalidText", void 0);
 __decorate([property({ attribute: "title" })], CDSCheckbox.prototype, "title", void 0);
 __decorate([property()], CDSCheckbox.prototype, "value", void 0);
-__decorate([property({ type: Boolean })], CDSCheckbox.prototype, "warn", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], CDSCheckbox.prototype, "warn", void 0);
 __decorate([property({
 	type: String,
 	attribute: "warn-text"

package/es/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-checkbox\n * @fires cds-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 })\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 })\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-checkbox\n * @fires cds-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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"}

package/es/components/contained-list/contained-list-item.d.ts

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

package/es/components/contained-list/contained-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contained-list-item.d.ts","sourceRoot":"","sources":["../../../src/components/contained-list/contained-list-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC;;;;;;;;GAQG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB,iBAAiB;IAOjB,MAAM;IA8CN;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"contained-list-item.d.ts","sourceRoot":"","sources":["../../../src/components/contained-list/contained-list-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC;;;;;;;;GAQG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB,iBAAiB;IAOjB,MAAM;IAoCN;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}

package/es/components/contained-list/contained-list-item.js

@@ -15,7 +15,7 @@ import { classMap } from "lit/directives/class-map.js";
 
 //#region src/components/contained-list/contained-list-item.ts
 /**
-* Copyright IBM Corp. 2022, 2025
+* Copyright IBM Corp. 2022, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
@@ -71,16 +71,8 @@ let CDSContainedListItem = class CDSContainedListItem extends LitElement {
 		});
 		const contentClasses = `${prefix}--contained-list-item__content`;
 		const content = html`
-      ${_hasIcon ? html`
-            <div class="${prefix}--contained-list-item__icon">
-              <slot
-                name="icon"
-                @slotchange="${this._handleIconSlotChange}"></slot>
-            </div>
-          ` : html`<slot
-            name="icon"
-            @slotchange="${this._handleIconSlotChange}"></slot>`}
-      <div><slot></slot></div>
+      <slot name="icon" @slotchange="${this._handleIconSlotChange}"></slot>
+      <slot></slot>
     `;
 		return html`
       <div class="${classes}">