@pine-ds/core 3.5.2 → 3.7.0

package/dist/types/components/pds-tabs/pds-tabs.d.ts

@@ -1,6 +1,7 @@
 /**
 * @slot tabs - Content is placed within the `div[role="tablist"]` element as children
 * @slot tabpanels - Content is placed directly after the `div[role="tablist"]` element as siblings
+* @part tab-list - Exposes the container element that holds all the tab buttons for styling.
 */
 export declare class PdsTabs {
     private tabs;

package/dist/types/components/pds-textarea/pds-textarea.d.ts

@@ -9,6 +9,8 @@ export declare class PdsTextarea {
     private inheritedAttributes;
     private originalPdsInput?;
     private internals?;
+    private resizeObserver?;
+    private characterCounter?;
     el: HTMLPdsTextareaElement;
     /**
      * Emitted when the input loses focus.
@@ -99,6 +101,10 @@ export declare class PdsTextarea {
      * Sets number of rows of text visible without needing to scroll in the textarea.
      */
     rows?: number;
+    /**
+     * Specifies the maximum number of characters allowed in the textarea. When set, displays a character counter.
+     */
+    maxLength?: number;
     /**
      * The value of the textarea.
      */
@@ -113,6 +119,7 @@ export declare class PdsTextarea {
      * Update the native input element when the value changes
      */
     protected valueChanged(): void;
+    protected maxLengthChanged(): void;
     /**
      * Emits an `pdsInput` event.
      */
@@ -128,8 +135,21 @@ export declare class PdsTextarea {
     private onTextareaChange;
     private textareaClassNames;
     connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    /**
+     * Sets up ResizeObserver to track textarea resize for character counter positioning
+     */
+    private setupResizeObserver;
+    /**
+     * Updates character counter position to stay within textarea boundaries during resize
+     */
+    private updateCharacterCounterPosition;
+    /**
+     * Renders the character counter when maxLength is set
+     */
+    private renderCharacterCounter;
     private renderAction;
     /**
      * Updates the form value using ElementInternals API