@pine-ds/core 3.31.1 → 4.0.0

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

@@ -92,10 +92,30 @@ export declare class PdsBox {
      * If `true`, the box will have a border.
      */
     border?: boolean;
+    /**
+     * If `true`, the box will have a border on the block-end edge. If `false`, the block-end edge will have no border.
+     * Overrides `border` for this edge.
+     */
+    borderBlockEnd?: boolean;
+    /**
+     * If `true`, the box will have a border on the block-start edge. If `false`, the block-start edge will have no border.
+     * Overrides `border` for this edge.
+     */
+    borderBlockStart?: boolean;
     /**
      *  Defines the border color of the box.
      */
     borderColor?: string;
+    /**
+     * If `true`, the box will have a border on the inline-end edge. If `false`, the inline-end edge will have no border.
+     * Overrides `border` for this edge.
+     */
+    borderInlineEnd?: boolean;
+    /**
+     * If `true`, the box will have a border on the inline-start edge. If `false`, the inline-start edge will have no border.
+     * Overrides `border` for this edge.
+     */
+    borderInlineStart?: boolean;
     /**
      * Defines how rounded the box corners are.
      * @defaultValue none

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

@@ -5,6 +5,12 @@ import type { ChipSentimentType, ChipSizeType, ChipVariantType } from "../../uti
  * @part button
  */
 export declare class PdsChip {
+    el: HTMLPdsChipElement;
+    /** The label span that clips; the overflow anchor for the truncation tooltip. */
+    private labelTextEl?;
+    /** The node the tooltip is currently bound to, so a remount can re-bind. */
+    private tooltipBoundEl?;
+    private truncationCleanup;
     /**
      * A unique identifier used for the underlying component `id` attribute.
      */
@@ -19,12 +25,6 @@ export declare class PdsChip {
      * The name of the icon to display before the chip text.
      */
     icon?: string;
-    /**
-     * Determines whether the chip should be displayed in a larger size. DEPRECATED.
-     * @defaultValue false
-     * @deprecated Use `size` prop instead. Set `size="lg"` for the large variant.
-     */
-    large: boolean;
     /**
      * Sets the size of the chip.
      * @defaultValue 'md'
@@ -63,16 +63,26 @@ export declare class PdsChip {
      * @defaultValue 'Remove'
      */
     dismissLabel: string;
+    /**
+     * Sets the maximum width of the chip, truncating the label with an ellipsis when it overflows.
+     * Accepts any CSS length (e.g. '200px', '20ch'). The slot is documented as label text — slotting richer markup may not truncate the way you expect.
+     */
+    maxWidth?: string;
     /**
      * Event emitted when the close button is clicked on a tag variant chip.
      */
     pdsTagCloseClick: EventEmitter<void>;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    private initTruncationTooltip;
+    private destroyTruncationTooltip;
     private handleCloseClick;
     private get effectiveSize();
     private classNames;
     private get effectiveVariant();
     private get iconSize();
     private setChipContent;
+    private get hostStyles();
     private renderCloseButton;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -272,10 +272,26 @@ export namespace Components {
           * @default false
          */
         "border"?: boolean;
+        /**
+          * If `true`, the box will have a border on the block-end edge. If `false`, the block-end edge will have no border. Overrides `border` for this edge.
+         */
+        "borderBlockEnd"?: boolean;
+        /**
+          * If `true`, the box will have a border on the block-start edge. If `false`, the block-start edge will have no border. Overrides `border` for this edge.
+         */
+        "borderBlockStart"?: boolean;
         /**
           * Defines the border color of the box.
          */
         "borderColor"?: string;
+        /**
+          * If `true`, the box will have a border on the inline-end edge. If `false`, the inline-end edge will have no border. Overrides `border` for this edge.
+         */
+        "borderInlineEnd"?: boolean;
+        /**
+          * If `true`, the box will have a border on the inline-start edge. If `false`, the inline-start edge will have no border. Overrides `border` for this edge.
+         */
+        "borderInlineStart"?: boolean;
         /**
           * Defines how rounded the box corners are.
           * @defaultValue none
@@ -880,11 +896,9 @@ export namespace Components {
          */
         "icon"?: string;
         /**
-          * Determines whether the chip should be displayed in a larger size. DEPRECATED.
-          * @defaultValue false
-          * @deprecated Use `size` prop instead. Set `size="lg"` for the large variant.
+          * Sets the maximum width of the chip, truncating the label with an ellipsis when it overflows. Accepts any CSS length (e.g. '200px', '20ch'). The slot is documented as label text — slotting richer markup may not truncate the way you expect.
          */
-        "large": boolean;
+        "maxWidth"?: string;
         /**
           * HTTP method to use for the remove action. Adds data-method and data-turbo-method attributes for Rails/Turbo compatibility. Only applies when removeUrl is provided.
          */
@@ -3538,10 +3552,26 @@ declare namespace LocalJSX {
           * @default false
          */
         "border"?: boolean;
+        /**
+          * If `true`, the box will have a border on the block-end edge. If `false`, the block-end edge will have no border. Overrides `border` for this edge.
+         */
+        "borderBlockEnd"?: boolean;
+        /**
+          * If `true`, the box will have a border on the block-start edge. If `false`, the block-start edge will have no border. Overrides `border` for this edge.
+         */
+        "borderBlockStart"?: boolean;
         /**
           * Defines the border color of the box.
          */
         "borderColor"?: string;
+        /**
+          * If `true`, the box will have a border on the inline-end edge. If `false`, the inline-end edge will have no border. Overrides `border` for this edge.
+         */
+        "borderInlineEnd"?: boolean;
+        /**
+          * If `true`, the box will have a border on the inline-start edge. If `false`, the inline-start edge will have no border. Overrides `border` for this edge.
+         */
+        "borderInlineStart"?: boolean;
         /**
           * Defines how rounded the box corners are.
           * @defaultValue none
@@ -4156,11 +4186,9 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
         /**
-          * Determines whether the chip should be displayed in a larger size. DEPRECATED.
-          * @defaultValue false
-          * @deprecated Use `size` prop instead. Set `size="lg"` for the large variant.
+          * Sets the maximum width of the chip, truncating the label with an ellipsis when it overflows. Accepts any CSS length (e.g. '200px', '20ch'). The slot is documented as label text — slotting richer markup may not truncate the way you expect.
          */
-        "large"?: boolean;
+        "maxWidth"?: string;
         /**
           * Event emitted when the close button is clicked on a tag variant chip.
          */
@@ -5939,7 +5967,11 @@ declare namespace LocalJSX {
         "autoXl": boolean;
         "backgroundColor": string;
         "border": boolean;
+        "borderBlockEnd": boolean;
+        "borderBlockStart": boolean;
         "borderColor": string;
+        "borderInlineEnd": boolean;
+        "borderInlineStart": boolean;
         "borderRadius": `none` | `xs`| `sm` | `md` | `lg` | `circle`;
         "direction": `row` | `column`;
         "display": `flex` | `inline-flex` | `block` | `inline-block`;
@@ -6072,7 +6104,6 @@ declare namespace LocalJSX {
         "componentId": string;
         "dot": boolean;
         "icon": string;
-        "large": boolean;
         "size": ChipSizeType;
         "sentiment": ChipSentimentType;
         "variant": ChipVariantType;
@@ -6080,6 +6111,7 @@ declare namespace LocalJSX {
         "removeHttpMethod": 'get' | 'post' | 'put' | 'patch' | 'delete';
         "removeTarget": '_blank' | '_self' | '_parent' | '_top';
         "dismissLabel": string;
+        "maxWidth": string;
     }
     interface PdsComboboxAttributes {
         "componentId": string;

package/dist/types/{private/tmp/claude-501/-Users-qjason-Documents-GitHub/dc3bfd4f-fc9e-49b8-b152-4257ab4ca83c/scratchpad/pine-publish-backfill → home/runner/work/pine/pine}/libs/core/.stencil/scripts/vscode-custom-data-generator.d.ts

@@ -1,4 +1,4 @@
-import { JsonDocs } from '../../../../../../../../../../../stencil-public-runtime';
+import { JsonDocs } from '../../../../../../../../../stencil-public-runtime';
 export declare function generateVSCodeCustomData(docs: JsonDocs, outputPath: string): void;
 export default function vscodeCustomDataOutputTarget(outputPath?: string): {
     type: "docs-custom";

package/dist/vscode.html-data.json

@@ -580,6 +580,20 @@
             "value": "If `true`, the box will have a border.\n\n**Default:** `false`"
           }
         },
+        {
+          "name": "border-block-end",
+          "description": {
+            "kind": "markdown",
+            "value": "If `true`, the box will have a border on the block-end edge. If `false`, the block-end edge will have no border.\nOverrides `border` for this edge."
+          }
+        },
+        {
+          "name": "border-block-start",
+          "description": {
+            "kind": "markdown",
+            "value": "If `true`, the box will have a border on the block-start edge. If `false`, the block-start edge will have no border.\nOverrides `border` for this edge."
+          }
+        },
         {
           "name": "border-color",
           "description": {
@@ -587,6 +601,20 @@
             "value": "Defines the border color of the box."
           }
         },
+        {
+          "name": "border-inline-end",
+          "description": {
+            "kind": "markdown",
+            "value": "If `true`, the box will have a border on the inline-end edge. If `false`, the inline-end edge will have no border.\nOverrides `border` for this edge."
+          }
+        },
+        {
+          "name": "border-inline-start",
+          "description": {
+            "kind": "markdown",
+            "value": "If `true`, the box will have a border on the inline-start edge. If `false`, the inline-start edge will have no border.\nOverrides `border` for this edge."
+          }
+        },
         {
           "name": "border-radius",
           "description": {
@@ -7032,7 +7060,7 @@
       "name": "pds-chip",
       "description": {
         "kind": "markdown",
-        "value": "Chips are used to inform users about the status of an object or to associate properties with a parent. Commonly used in tabular data to indicate status.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#default), [Sentiment](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#sentiment), [Dot](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#dot), [Icon](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#icon), [Dropdown](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#dropdown), [Tag](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#tag), [Sizes](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#sizes)\n\n**Slots:**\n- `(default)` - The chip's label text.\n\n**CSS Parts:**\n- `button` - No description\n\n**Events:**\n- `pdsTagCloseClick` - Event emitted when the close button is clicked on a tag variant chip."
+        "value": "Chips are used to inform users about the status of an object or to associate properties with a parent. Commonly used in tabular data to indicate status.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#default), [Sentiment](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#sentiment), [Dot](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#dot), [Icon](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#icon), [Dropdown](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#dropdown), [Tag](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#tag), [Sizes](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#sizes), [Truncating a long label](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#truncating-a-long-label)\n\n**Slots:**\n- `(default)` - The chip's label text.\n\n**CSS Parts:**\n- `button` - No description\n\n**Events:**\n- `pdsTagCloseClick` - Event emitted when the close button is clicked on a tag variant chip."
       },
       "attributes": [
         {
@@ -7064,10 +7092,10 @@
           }
         },
         {
-          "name": "large",
+          "name": "max-width",
           "description": {
             "kind": "markdown",
-            "value": "Determines whether the chip should be displayed in a larger size. DEPRECATED.\n\n**Default:** `false`\n\n⚠️ **Deprecated:** Use `size` prop instead. Set `size=\"lg\"` for the large variant."
+            "value": "Sets the maximum width of the chip, truncating the label with an ellipsis when it overflows.\nAccepts any CSS length (e.g. '200px', '20ch'). The slot is documented as label text — slotting richer markup may not truncate the way you expect."
           }
         },
         {