@pine-ds/core 3.4.3 → 3.5.1

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

@@ -5,6 +5,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @part button-text - Exposes the button text for styling.
  * @part caret - Exposes the caret icon component for styling. Appears only on the disclosure variant.
  * @part icon - Exposes the icon component for styling.
+ * @part loader-svg - Exposes the loader SVG element for color customization. Appears only when loading.
  * @slot (default) - Button text.
  * @slot start - Content to display before the button text.
  * @slot end - Content to display after the button text.

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

@@ -92,6 +92,11 @@ export declare class PdsInput {
      * Text to be displayed as the input label.
      */
     label?: string;
+    /**
+     * Visually hides the label text for instances where only the input should be displayed. Label remains accessible to assistive technology such as screen readers.
+     * Note: When true, the action slot is also hidden to maintain a minimal UI.
+     */
+    hideLabel: boolean;
     /**
      * Specifies the maximum value for the input field.
      */

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

@@ -1,4 +1,5 @@
 /**
+ * @part loader-svg - Exposes the spinner SVG element for color customization.
  * @slot label - Default slot for Loader label text.
  */
 export declare class PdsLoader {

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

@@ -25,7 +25,8 @@ export declare class PdsSelect {
      */
     errorMessage: string;
     /**
-     * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.
+     * Visually hides the label text for instances where only the select should be displayed. Label remains accessible to assistive technology such as screen readers.
+     * Note: When true, the action slot is also hidden to maintain a minimal UI.
      */
     hideLabel: boolean;
     /**

package/dist/types/components/pds-table/pds-table-cell/pds-table-cell.d.ts

@@ -1,8 +1,18 @@
 export declare class PdsTableCell {
     hostElement: HTMLPdsTableCellElement;
     private tableRef;
+    private scrollContainer;
+    private setupTimer;
+    private setupRetries;
     componentWillRender(): void;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private setupScrollListener;
+    private cleanupScrollListener;
+    /**
+     * Sets the text alignment within the cell.
+     */
+    cellAlign?: 'start' | 'center' | 'end' | 'justify';
     /**
      * Truncates content to a max width of 100px and adds an ellipsis.
      */
@@ -13,6 +23,11 @@ export declare class PdsTableCell {
      */
     private tableScrolling;
     private classNames;
+    /**
+     * Handles scroll events to update fixed column shadow state.
+     * Updates the tableScrolling state to control CSS classes for fixed column shadows.
+     * @private
+     */
     private handleScroll;
     render(): any;
 }

package/dist/types/components/pds-table/pds-table-head-cell/pds-table-head-cell.d.ts

@@ -2,6 +2,13 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class PdsTableHeadCell {
     hostElement: HTMLPdsTableHeadCellElement;
     private tableRef;
+    private scrollContainer;
+    private setupTimer;
+    private setupRetries;
+    /**
+     * Sets the text alignment within the head cell.
+     */
+    cellAlign?: 'start' | 'center' | 'end' | 'justify';
     /**
      * Determines whether the table column is sortable when set to `true`.
      */
@@ -29,6 +36,14 @@ export declare class PdsTableHeadCell {
     isSelected: boolean;
     componentWillRender(): void;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private setupScrollListener;
+    private cleanupScrollListener;
+    /**
+     * Handles scroll events to update fixed column shadow state.
+     * Updates the tableScrolling state to control CSS classes for fixed column shadows.
+     * @private
+     */
     private handleScroll;
     private toggleSort;
     private classNames;

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

@@ -1,6 +1,11 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class PdsTable {
     el: HTMLPdsTableElement;
+    private scrollContainer;
+    private _responsiveHandleScroll;
+    private _responsiveHandleResize;
+    private _responsiveResizeObserver;
+    private _teardownResponsive;
     /**
      * Determines if the table displays with reduced table cell padding.
      */
@@ -45,6 +50,25 @@ export declare class PdsTable {
         isSelected: boolean;
     }>;
     componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /**
+     * Sets up responsive scrolling behavior for the table.
+     *
+     * This method creates a horizontal scrolling system where:
+     * - The table content can scroll horizontally when it exceeds the container width
+     * - Scroll shadows appear at the left/right edges to indicate scrollable content
+     * - Fixed columns remain sticky during horizontal scrolling
+     * - Shadows respect border-radius and don't appear when there's nothing to scroll
+     *
+     * Architecture:
+     * - Host element: Contains everything, respects parent constraints
+     * - Container element: Handles horizontal scrolling (overflow-x: auto)
+     * - Shadow elements: Positioned fixed relative to host, show scroll indicators
+     *
+     * @private
+     */
+    private setupResponsiveScrolling;
     private classNames;
     private sortTable;
     handleTableSort(event: CustomEvent<{

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

@@ -34,7 +34,7 @@ export declare class PdsTextarea {
      */
     pdsTextareaChange: EventEmitter<TextareaChangeEventDetail>;
     /**
-     * Sets focus on the native `textarea` in the `pds-texarea`. Use this method instead of the global
+     * Sets focus on the native `textarea` in the `pds-textarea`. Use this method instead of the global
      * `textarea.focus()`.
      */
     setFocus(): Promise<void>;
@@ -72,6 +72,11 @@ export declare class PdsTextarea {
      * Text to be displayed as the textarea label.
      */
     label?: string;
+    /**
+     * Visually hides the label text for instances where only the textarea should be displayed. Label remains accessible to assistive technology such as screen readers.
+     * Note: When true, the action slot is also hidden to maintain a minimal UI.
+     */
+    hideLabel: boolean;
     /**
      * Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.
      */

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

@@ -1,3 +1,4 @@
+import { PlacementType } from "../../utils/types";
 /**
  * @slot (default) - The tooltip's target element
  * @slot content - HTML content for the tooltip
@@ -10,21 +11,17 @@ export declare class PdsTooltip {
      */
     private _isInteractiveOpen;
     private portalEl;
+    private resolvedPlacement;
     private triggerEl;
     private contentDiv;
     private slotMutationObserver;
-    private overlayResizeObserver;
     private currentPathname;
     private pathnameCheckInterval;
+    private stopAutoUpdate;
     /**
      * Reference to the Host element
      */
     el: HTMLPdsTooltipElement;
-    /**
-     * Determines when the tooltip is open
-     * @defaultValue false
-     */
-    isOpen: boolean;
     /**
      * Content for the tooltip. If HTML is required, use the content slot
      */
@@ -37,7 +34,7 @@ export declare class PdsTooltip {
      * Determines whether or not the tooltip has an arrow
      * @defaultValue true
      */
-    hasArrow?: boolean;
+    hasArrow: boolean;
     /**
      * Enable this option when using the content slot
      * @defaultValue false
@@ -47,7 +44,7 @@ export declare class PdsTooltip {
      * Determines the preferred position of the tooltip
      * @defaultValue "right"
      */
-    placement: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+    placement: PlacementType;
     /**
      * Sets the maximum width of the tooltip content
      * @defaultValue "352px"
@@ -60,7 +57,8 @@ export declare class PdsTooltip {
     opened: boolean;
     handleOpenToggle(newValue: boolean, oldValue: boolean): void;
     componentWillLoad(): void;
-    componentDidLoad(): () => void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
     componentDidRender(): void;
     /**
      * Shows the tooltip by enabling the opened property
@@ -73,7 +71,6 @@ export declare class PdsTooltip {
     private handleHide;
     private handleShow;
     private handlePageShow;
-    private handleScroll;
     private handleSpaNavigation;
     private checkPathnameChange;
     /**
@@ -84,8 +81,8 @@ export declare class PdsTooltip {
      */
     private determinePositioningAnchor;
     /**
-     * Centralized method to calculate and apply the tooltip's position.
-     * Uses the determined anchor element and the current content dimensions.
+     * Centralized method to calculate and apply the tooltip's position using floating UI.
+     * Uses the determined anchor element and applies computePosition with flip, offset, and shift.
      */
     private repositionPortal;
     private createPortal;

package/dist/types/components.d.ts

@@ -290,6 +290,11 @@ export namespace Components {
           * At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.
          */
         "sizeXs"?: BoxColumnType;
+        /**
+          * Defines whether flex items are forced onto one line or can wrap onto multiple lines.
+          * @defaultValue false
+         */
+        "wrap"?: boolean;
     }
     interface PdsButton {
         /**
@@ -656,6 +661,10 @@ export namespace Components {
           * Displays a message or hint below the input field.
          */
         "helperMessage"?: string;
+        /**
+          * Visually hides the label text for instances where only the input should be displayed. Label remains accessible to assistive technology such as screen readers. Note: When true, the action slot is also hidden to maintain a minimal UI.
+         */
+        "hideLabel": boolean;
         /**
           * Determines whether or not the input field is invalid or throws an error.
          */
@@ -984,7 +993,7 @@ export namespace Components {
          */
         "helperMessage": string;
         /**
-          * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.
+          * Visually hides the label text for instances where only the select should be displayed. Label remains accessible to assistive technology such as screen readers. Note: When true, the action slot is also hidden to maintain a minimal UI.
          */
         "hideLabel": boolean;
         /**
@@ -1130,6 +1139,10 @@ export namespace Components {
     interface PdsTableBody {
     }
     interface PdsTableCell {
+        /**
+          * Sets the text alignment within the cell.
+         */
+        "cellAlign"?: 'start' | 'center' | 'end' | 'justify';
         /**
           * Truncates content to a max width of 100px and adds an ellipsis.
          */
@@ -1147,6 +1160,10 @@ export namespace Components {
         "isSelected": boolean;
     }
     interface PdsTableHeadCell {
+        /**
+          * Sets the text alignment within the head cell.
+         */
+        "cellAlign"?: 'start' | 'center' | 'end' | 'justify';
         /**
           * Determines whether the table column is sortable when set to `true`.
          */
@@ -1288,6 +1305,10 @@ export namespace Components {
           * Displays a message or hint below the textarea field.
          */
         "helperMessage"?: string;
+        /**
+          * Visually hides the label text for instances where only the textarea should be displayed. Label remains accessible to assistive technology such as screen readers. Note: When true, the action slot is also hidden to maintain a minimal UI.
+         */
+        "hideLabel": boolean;
         /**
           * Determines whether or not the textarea is invalid or throws an error.
           * @defaultValue false
@@ -1320,7 +1341,7 @@ export namespace Components {
          */
         "rows"?: number;
         /**
-          * Sets focus on the native `textarea` in the `pds-texarea`. Use this method instead of the global `textarea.focus()`.
+          * Sets focus on the native `textarea` in the `pds-textarea`. Use this method instead of the global `textarea.focus()`.
          */
         "setFocus": () => Promise<void>;
         /**
@@ -1367,7 +1388,7 @@ export namespace Components {
           * Determines whether or not the tooltip has an arrow
           * @defaultValue true
          */
-        "hasArrow"?: boolean;
+        "hasArrow": boolean;
         /**
           * Hides the tooltip by disabling the opened property
          */
@@ -1391,18 +1412,7 @@ export namespace Components {
           * Determines the preferred position of the tooltip
           * @defaultValue "right"
          */
-        "placement": 'top'
-    | 'top-start'
-    | 'top-end'
-    | 'right'
-    | 'right-start'
-    | 'right-end'
-    | 'bottom'
-    | 'bottom-start'
-    | 'bottom-end'
-    | 'left'
-    | 'left-start'
-    | 'left-end';
+        "placement": PlacementType;
         /**
           * Shows the tooltip by enabling the opened property
          */
@@ -2334,6 +2344,11 @@ declare namespace LocalJSX {
           * At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.
          */
         "sizeXs"?: BoxColumnType;
+        /**
+          * Defines whether flex items are forced onto one line or can wrap onto multiple lines.
+          * @defaultValue false
+         */
+        "wrap"?: boolean;
     }
     interface PdsButton {
         /**
@@ -2710,6 +2725,10 @@ declare namespace LocalJSX {
           * Displays a message or hint below the input field.
          */
         "helperMessage"?: string;
+        /**
+          * Visually hides the label text for instances where only the input should be displayed. Label remains accessible to assistive technology such as screen readers. Note: When true, the action slot is also hidden to maintain a minimal UI.
+         */
+        "hideLabel"?: boolean;
         /**
           * Determines whether or not the input field is invalid or throws an error.
          */
@@ -3054,7 +3073,7 @@ declare namespace LocalJSX {
          */
         "helperMessage"?: string;
         /**
-          * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.
+          * Visually hides the label text for instances where only the select should be displayed. Label remains accessible to assistive technology such as screen readers. Note: When true, the action slot is also hidden to maintain a minimal UI.
          */
         "hideLabel"?: boolean;
         /**
@@ -3216,6 +3235,10 @@ declare namespace LocalJSX {
     interface PdsTableBody {
     }
     interface PdsTableCell {
+        /**
+          * Sets the text alignment within the cell.
+         */
+        "cellAlign"?: 'start' | 'center' | 'end' | 'justify';
         /**
           * Truncates content to a max width of 100px and adds an ellipsis.
          */
@@ -3237,6 +3260,10 @@ declare namespace LocalJSX {
         "onPdsTableSelectAll"?: (event: PdsTableHeadCustomEvent<{ isSelected: boolean }>) => void;
     }
     interface PdsTableHeadCell {
+        /**
+          * Sets the text alignment within the head cell.
+         */
+        "cellAlign"?: 'start' | 'center' | 'end' | 'justify';
         /**
           * Event emitted to signal that a table column header has been sorted, providing information about the sorted column's name and sorting direction.
          */
@@ -3382,6 +3409,10 @@ declare namespace LocalJSX {
           * Displays a message or hint below the textarea field.
          */
         "helperMessage"?: string;
+        /**
+          * Visually hides the label text for instances where only the textarea should be displayed. Label remains accessible to assistive technology such as screen readers. Note: When true, the action slot is also hidden to maintain a minimal UI.
+         */
+        "hideLabel"?: boolean;
         /**
           * Determines whether or not the textarea is invalid or throws an error.
           * @defaultValue false
@@ -3496,18 +3527,7 @@ declare namespace LocalJSX {
           * Determines the preferred position of the tooltip
           * @defaultValue "right"
          */
-        "placement"?: 'top'
-    | 'top-start'
-    | 'top-end'
-    | 'right'
-    | 'right-start'
-    | 'right-end'
-    | 'bottom'
-    | 'bottom-start'
-    | 'bottom-end'
-    | 'left'
-    | 'left-start'
-    | 'left-end';
+        "placement"?: PlacementType;
     }
     interface IntrinsicElements {
         "mock-pds-modal": MockPdsModal;