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

package/es-custom/components/textarea/textarea.d.ts

@@ -1,14 +1,10 @@
 /**
- * Copyright IBM Corp. 2026
+ * Copyright IBM Corp. 2019, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-import CDSTextInput from "../text-input/text-input.js";
-import * as lit_html0 from "lit-html";
-
-//#region src/components/textarea/textarea.d.ts
+import CDSTextInput from '../text-input/text-input';
 /**
  * Text area.
  *
@@ -18,89 +14,86 @@ import * as lit_html0 from "lit-html";
  * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.
  */
 declare class CDSTextarea extends CDSTextInput {
-  /**
-   * Manually handles maxCount for counterMode = 'word'
-   * @param event The keyboard event.
-   */
-  protected _onKeyDown(evt: KeyboardEvent): void;
-  /**
-   * Handles `onPaste` event on the `<input>`.
-   * Manually handles maxCount for counterMode = 'word' when
-   * the user is pasting text
-   *
-   * @param event The clipboard event.
-   */
-  protected _onPaste(evt: ClipboardEvent): void;
-  /**
-   * Handles `oninput` event on the `<input>`.
-   *
-   * @param event The event.
-   * @param event.target The event target.
-   */
-  protected _handleInput({
-    target
-  }: Event): void;
-  /**
-   * The number of columns for the textarea to show by default
-   */
-  cols: any;
-  /**
-   * Specify whether the textarea is fluid or not
-   */
-  isFluid: boolean;
-  /**
-   * Specify the method used for calculating the counter number
-   */
-  counterMode: 'character' | 'word';
-  /**
-   * ID to link the `label` and `textarea`
-   */
-  id: string;
-  /**
-   * Pattern to validate the textarea against for HTML validity checking
-   */
-  pattern: string;
-  /**
-   * Boolean property to set the required status
-   */
-  required: boolean;
-  /**
-   * The number of rows for the textarea to show by default
-   */
-  rows: number;
-  /**
-   * Get a reference to the underlying textarea so we can directly apply values.
-   * This lets us fixe a bug where after a user would clear text, the value wouldn't update programmatically
-   */
-  protected _textarea: HTMLTextAreaElement;
-  /**
-   * The previous counterMode selected. This lets the counterMode state update
-   * when the user toggles between both modes.
-   */
-  private _prevCounterMode;
-  /**
-   * Observes the textarea wrapper’s size to re-measure helper/invalid/warn text width when
-   * cols is updated
-   */
-  private _resizeObserver?;
-  render(): lit_html0.TemplateResult<1>;
-  updated(): void;
-  /**
-   * Measures the width of the wrapper and applies that to the max-width of the
-   * helper-text and invalid/warn-text
-   */
-  private _measureWrapper;
-  disconnectedCallback(): void;
-  static shadowRootOptions: {
-    delegatesFocus: boolean;
-    clonable?: boolean;
-    customElementRegistry?: CustomElementRegistry;
-    mode: ShadowRootMode;
-    serializable?: boolean;
-    slotAssignment?: SlotAssignmentMode;
-  };
-  static styles: any;
+    /**
+     * Manually handles maxCount for counterMode = 'word'
+     * @param event The keyboard event.
+     */
+    protected _onKeyDown(evt: KeyboardEvent): void;
+    /**
+     * Handles `onPaste` event on the `<input>`.
+     * Manually handles maxCount for counterMode = 'word' when
+     * the user is pasting text
+     *
+     * @param event The clipboard event.
+     */
+    protected _onPaste(evt: ClipboardEvent): void;
+    /**
+     * Handles `oninput` event on the `<input>`.
+     *
+     * @param event The event.
+     * @param event.target The event target.
+     */
+    protected _handleInput({ target }: Event): void;
+    /**
+     * The number of columns for the textarea to show by default
+     */
+    cols: any;
+    /**
+     * Specify whether the textarea is fluid or not
+     */
+    isFluid: boolean;
+    /**
+     * Specify the method used for calculating the counter number
+     */
+    counterMode: 'character' | 'word';
+    /**
+     * ID to link the `label` and `textarea`
+     */
+    id: string;
+    /**
+     * Pattern to validate the textarea against for HTML validity checking
+     */
+    pattern: string;
+    /**
+     * Boolean property to set the required status
+     */
+    required: boolean;
+    /**
+     * The number of rows for the textarea to show by default
+     */
+    rows: number;
+    /**
+     * Get a reference to the underlying textarea so we can directly apply values.
+     * This lets us fixe a bug where after a user would clear text, the value wouldn't update programmatically
+     */
+    protected _textarea: HTMLTextAreaElement;
+    /**
+     * The previous counterMode selected. This lets the counterMode state update
+     * when the user toggles between both modes.
+     */
+    private _prevCounterMode;
+    /**
+     * Observes the textarea wrapper’s size to re-measure helper/invalid/warn text width when
+     * cols is updated
+     */
+    private _resizeObserver?;
+    render(): import("lit-html").TemplateResult<1>;
+    updated(): void;
+    /**
+     * Measures the width of the wrapper and applies that to the max-width of the
+     * helper-text and invalid/warn-text
+     */
+    private _measureWrapper;
+    disconnectedCallback(): void;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static styles: any;
 }
-//#endregion
-export { CDSTextarea as default };
+export default CDSTextarea;
 //# sourceMappingURL=textarea.d.ts.map

package/es-custom/components/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/textarea.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAUH,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAKpD;;;;;;;GAOG;AACH,cACM,WAAY,SAAQ,YAAY;IACpC;;;OAGG;IACH,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,aAAa;IAgBvC;;;;;;OAMG;IACH,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,cAAc;IA+BtC;;;;;OAKG;IACH,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAIxC;;OAEG;IAEH,IAAI,MAAC;IAEL;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAYH,WAAW,EAAE,WAAW,GAAG,MAAM,CAAe;IAEhD;;OAEG;IAEH,EAAE,SAAM;IAER;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,SAAK;IAET;;;OAGG;IAEH,SAAS,CAAC,SAAS,EAAG,mBAAmB,CAAC;IAE1C;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAA0C;IAElE;;;OAGG;IACH,OAAO,CAAC,eAAe,CAAC,CAAiB;IAEzC,MAAM;IAmIN,OAAO,IAAI,IAAI;IAyBf;;;OAGG;IACH,OAAO,CAAC,eAAe;IAqBvB,oBAAoB;IAKpB,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,WAAW,CAAC"}

package/es-custom/components/tile/clickable-tile.d.ts

@@ -1,65 +1,60 @@
 /**
- * Copyright IBM Corp. 2026
+ * Copyright IBM Corp. 2019, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-import CDSLink from "../link/link.js";
-import { FORM_ELEMENT_COLOR_SCHEME } from "../../globals/shared-enums.js";
-import * as lit_html0 from "lit-html";
-
-//#region src/components/tile/clickable-tile.d.ts
+import CDSLink from '../link/link';
+import { TILE_COLOR_SCHEME } from './defs';
 /**
  * Clickable tile.
  *
  * @element cds-custom-clickable-tile
  */
 declare class CDSClickableTile extends CDSLink {
-  protected get _classes(): any;
-  /**
-   * The color scheme.
-   *
-   * @default
-   */
-  colorScheme: FORM_ELEMENT_COLOR_SCHEME;
-  /**
-   * The a11y role for `<a>`.
-   */
-  linkRole: string;
-  /**
-   * Specify if the `ClickableTile` component should be rendered with rounded corners.
-   * Only valid when `ai-label` prop is present
-   */
-  hasRoundedCorners: boolean;
-  aiLabel: boolean;
-  /**
-   * deprecated - remove in v12
-   */
-  slug: boolean;
-  /**
-   * If using `slug`, set `ai-label` attribute to true so
-   * the styles are applied for slug as well
-   *
-   * remove in v12
-   */
-  connectedCallback(): void;
-  /**
-   * @returns The inner content.
-   */
-  protected _renderInner(): lit_html0.TemplateResult<1>;
-  /**
-   * A selector that will return the slug item.
-   *
-   * remove in v12
-   */
-  static get slugItem(): string;
-  /**
-   * A selector that will return the AI Label item.
-   */
-  static get aiLabelItem(): string;
-  static styles: any;
+    protected get _classes(): any;
+    /**
+     * The color scheme.
+     *
+     * @default
+     */
+    colorScheme: TILE_COLOR_SCHEME;
+    /**
+     * The a11y role for `<a>`.
+     */
+    linkRole: string;
+    /**
+     * Specify if the `ClickableTile` component should be rendered with rounded corners.
+     * Only valid when `ai-label` prop is present
+     */
+    hasRoundedCorners: boolean;
+    aiLabel: boolean;
+    /**
+     * deprecated - remove in v12
+     */
+    slug: boolean;
+    /**
+     * If using `slug`, set `ai-label` attribute to true so
+     * the styles are applied for slug as well
+     *
+     * remove in v12
+     */
+    connectedCallback(): void;
+    /**
+     * @returns The inner content.
+     */
+    protected _renderInner(): import("lit-html").TemplateResult<1>;
+    /**
+     * A selector that will return the slug item.
+     *
+     * remove in v12
+     */
+    static get slugItem(): string;
+    /**
+     * A selector that will return the AI Label item.
+     */
+    static get aiLabelItem(): string;
+    static styles: any;
 }
-//#endregion
-export { CDSClickableTile as default };
+export default CDSClickableTile;
 //# sourceMappingURL=clickable-tile.d.ts.map

package/es-custom/components/tile/clickable-tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickable-tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/clickable-tile.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAK3C;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,OAAO;IAEpC,SAAS,KAAK,QAAQ,IAAI,GAAG,CAU5B;IAED;;;;OAIG;IAEH,WAAW,oBAA6B;IAExC;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;;OAGG;IAEH,iBAAiB,UAAS;IAG1B,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,UAAS;IAEb;;;;;OAKG;IACH,iBAAiB;IAQjB;;OAEG;IACH,SAAS,CAAC,YAAY;IAUtB;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}

package/es-custom/components/tile/defs.d.ts

@@ -1,9 +1,8 @@
 /**
- * Copyright IBM Corp. 2026
+ * Copyright IBM Corp. 2020, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-import { FORM_ELEMENT_COLOR_SCHEME } from "../../globals/shared-enums.js";
-export { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME };
+export { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';
+//# sourceMappingURL=defs.d.ts.map

package/es-custom/components/tile/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/components/tile/defs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,yBAAyB,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC"}

package/es-custom/components/tile/expandable-tile.d.ts

@@ -1,29 +1,27 @@
 /**
- * Copyright IBM Corp. 2026
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-import Handle from "../../globals/internal/handle.js";
-import { FORM_ELEMENT_COLOR_SCHEME } from "../../globals/shared-enums.js";
-import * as lit_html0 from "lit-html";
-
-//#region src/components/tile/expandable-tile.d.ts
+import { LitElement } from 'lit';
+import { TILE_COLOR_SCHEME } from './defs';
 declare const CDSExpandableTile_base: {
-  new (): {
-    _handles: Set<Handle>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-  };
-  _hostListeners: {
-    [listenerName: string]: {
-      [type: string]: {
-        options?: boolean | AddEventListenerOptions;
-      };
+    new (...args: any[]): {
+        _handles: Set<import("../../globals/internal/handle").default>;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
     };
-  };
-};
+    _hostListeners: {
+        [listenerName: string]: {
+            [type: string]: {
+                options?: boolean | AddEventListenerOptions;
+            };
+        };
+    };
+} & (new (...args: any[]) => {
+    focus(): void;
+}) & typeof LitElement;
 /**
  * Expandable tile.
  *
@@ -34,68 +32,65 @@ declare const CDSExpandableTile_base: {
  * @fires cds-custom-expandable-tile-toggled - The custom event fired after a the expanded state is changed upon a user gesture.
  */
 declare class CDSExpandableTile extends CDSExpandableTile_base {
-  /**
-   * The computed height of the below-the-fold content.
-   */
-  private _belowTheContentHeight;
-  /**
-   * `true` if there is an AI Label.
-   */
-  protected _hasAILabel: boolean;
-  /**
-   * Handles `slotchange` event.
-   */
-  protected _handleSlotChange({
-    target
-  }: Event): void;
-  /**
-   * Handles `slotchange` event on the below-the-fold content.
-   *
-   * @param event The event.
-   */
-  private _handleSlotChangeBelowTheFoldContent;
-  private _handleExpand;
-  private _handleClick;
-  /**
-   * The color scheme.
-   */
-  colorScheme: FORM_ELEMENT_COLOR_SCHEME;
-  /**
-   * `true` to expand this expandable tile.
-   */
-  expanded: boolean;
-  /**
-   * Specify if the `ExpandableTile` component should be rendered with rounded corners.
-   * Only valid when `ai-label` prop is present
-   */
-  hasRoundedCorners: boolean;
-  /**
-   * `true` to expand this expandable tile.
-   */
-  withInteractive: boolean;
-  updated(): void;
-  render(): lit_html0.TemplateResult<1>;
-  /**
-   * A selector that will return the slug item.
-   *
-   * remove in v12
-   */
-  static get slugItem(): string;
-  /**
-   * A selector that will return the AI Label item.
-   */
-  static get aiLabelItem(): string;
-  /**
-   * The name of the custom event fired before the expanded state is changed upon a user gesture.
-   * Cancellation of this event stops changing the user-initiated change in expanded state.
-   */
-  static get eventBeforeToggle(): string;
-  /**
-   * The name of the custom event fired after a the expanded state is changed upon a user gesture.
-   */
-  static get eventToggle(): string;
-  static styles: any;
+    /**
+     * The computed height of the below-the-fold content.
+     */
+    private _belowTheContentHeight;
+    /**
+     * `true` if there is an AI Label.
+     */
+    protected _hasAILabel: boolean;
+    /**
+     * Handles `slotchange` event.
+     */
+    protected _handleSlotChange({ target }: Event): void;
+    /**
+     * Handles `slotchange` event on the below-the-fold content.
+     *
+     * @param event The event.
+     */
+    private _handleSlotChangeBelowTheFoldContent;
+    private _handleExpand;
+    private _handleClick;
+    /**
+     * The color scheme.
+     */
+    colorScheme: TILE_COLOR_SCHEME;
+    /**
+     * `true` to expand this expandable tile.
+     */
+    expanded: boolean;
+    /**
+     * Specify if the `ExpandableTile` component should be rendered with rounded corners.
+     * Only valid when `ai-label` prop is present
+     */
+    hasRoundedCorners: boolean;
+    /**
+     * `true` to expand this expandable tile.
+     */
+    withInteractive: boolean;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * A selector that will return the slug item.
+     *
+     * remove in v12
+     */
+    static get slugItem(): string;
+    /**
+     * A selector that will return the AI Label item.
+     */
+    static get aiLabelItem(): string;
+    /**
+     * The name of the custom event fired before the expanded state is changed upon a user gesture.
+     * Cancellation of this event stops changing the user-initiated change in expanded state.
+     */
+    static get eventBeforeToggle(): string;
+    /**
+     * The name of the custom event fired after a the expanded state is changed upon a user gesture.
+     */
+    static get eventToggle(): string;
+    static styles: any;
 }
-//#endregion
-export { CDSExpandableTile as default };
+export default CDSExpandableTile;
 //# sourceMappingURL=expandable-tile.d.ts.map

package/es-custom/components/tile/expandable-tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandable-tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/expandable-tile.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;uBAG+B,CAAC;;;;;;;AAE3E;;;;;;;;GAQG;AACH,cACM,iBAAkB,SAAQ,sBAAyC;IACvE;;OAEG;IACH,OAAO,CAAC,sBAAsB,CAAK;IAEnC;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAsB7C;;;;OAIG;IACH,OAAO,CAAC,oCAAoC;IAkB5C,OAAO,CAAC,aAAa;IAyBrB,OAAO,CAAC,YAAY,CAIlB;IAEF;;OAEG;IAEH,WAAW,oBAA6B;IAExC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,iBAAiB,UAAS;IAE1B;;OAEG;IAEH,eAAe,UAAS;IAExB,OAAO;IAQP,MAAM;IAsCN;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC"}

package/es-custom/components/tile/index.d.ts

@@ -1,13 +1,13 @@
 /**
- * Copyright IBM Corp. 2026
+ * Copyright IBM Corp. 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-import "./clickable-tile.js";
-import "./expandable-tile.js";
-import "./selectable-tile.js";
-import "./radio-tile.js";
-import "./tile.js";
-import "./tile-group.js";
+import './clickable-tile';
+import './expandable-tile';
+import './radio-tile';
+import './selectable-tile';
+import './tile';
+import './tile-group';
+//# sourceMappingURL=index.d.ts.map

package/es-custom/components/tile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tile/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,cAAc,CAAC;AACtB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,QAAQ,CAAC;AAChB,OAAO,cAAc,CAAC"}

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

@@ -1,14 +1,10 @@
 /**
- * Copyright IBM Corp. 2026
+ * Copyright IBM Corp. 2019, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-import CDSSelectableTile from "./selectable-tile.js";
-import * as lit_html0 from "lit-html";
-
-//#region src/components/tile/radio-tile.d.ts
+import SelectableTile from './selectable-tile';
 /**
  * Radio tile.
  *
@@ -16,18 +12,17 @@ import * as lit_html0 from "lit-html";
  * @fires cds-custom-radio-tile-selected
  *   The name of the custom event fired after this radio tile changes its selected state.
  */
-declare class CDSRadioTile extends CDSSelectableTile {
-  /**
-   * Handles `change` event on the `<input>` in the shadow DOM.
-   */
-  protected _handleChange(): void;
-  protected _handleKeydown: (event: KeyboardEvent) => void;
-  render(): lit_html0.TemplateResult<1>;
-  /**
-   * The name of the custom event fired after this selectable tile changes its selected state.
-   */
-  static get eventRadioChange(): string;
+declare class CDSRadioTile extends SelectableTile {
+    /**
+     * Handles `change` event on the `<input>` in the shadow DOM.
+     */
+    protected _handleChange(): void;
+    protected _handleKeydown: (event: KeyboardEvent) => void;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * The name of the custom event fired after this selectable tile changes its selected state.
+     */
+    static get eventRadioChange(): string;
 }
-//#endregion
-export { CDSRadioTile as default };
+export default CDSRadioTile;
 //# sourceMappingURL=radio-tile.d.ts.map

package/es-custom/components/tile/radio-tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/radio-tile.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAK/C;;;;;;GAMG;AACH,cACM,YAAa,SAAQ,cAAc;IACvC;;OAEG;IACH,SAAS,CAAC,aAAa;IAgBvB,SAAS,CAAC,cAAc,GAAI,OAAO,aAAa,UAI9C;IAEF,MAAM;IA+CN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;CACF;AAED,eAAe,YAAY,CAAC"}