@pine-ds/core 3.18.0 → 3.20.0

package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.d.ts

@@ -16,6 +16,13 @@ export declare class PdsDropdownMenuItem implements BasePdsProps {
      * @defaultValue false
      */
     disabled: boolean;
+    /**
+     * Prompts the user to save the linked URL instead of navigating to it.
+     * It can be used without a value to download with the default filename,
+     * or with a string value to suggest a specific filename for the download.
+     * Only applies when href is set.
+     */
+    download?: string;
     /**
      *  If provided, renders the dropdown-item as an anchor (`<a>`) element instead of a button.
      */

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

@@ -7,6 +7,12 @@ export declare class PdsLink {
      * Sets the link color.
      */
     color?: string;
+    /**
+     * Prompts the user to save the linked URL instead of navigating to it.
+     * It can be used without a value to download with the default filename,
+     * or with a string value to suggest a specific filename for the download.
+     */
+    download?: string;
     /**
      * A unique identifier used for the underlying component `id` attribute.
      */

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

@@ -36,7 +36,7 @@ export declare class PdsText {
     /**
      * Determines what semantic text tag to render.
      */
-    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'code' | 'pre' | 'strong' | 'em';
+    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'code' | 'pre' | 'strong' | 'em';
     /**
      * If set or `true`, the text will be truncated. Must add a `width` to the element.
      * When text overflows, a tooltip showing the full text will appear on hover/focus.

package/dist/types/components.d.ts

@@ -8,7 +8,7 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { BoxColumnType, BoxShadowSizeType, BoxSpacingType } from "./utils/types";
 import { Event } from "./stencil-public-runtime";
 import { CheckboxChangeEventDetail } from "./components/pds-checkbox/checkbox-interface";
-import { ChipSentimentType, ChipVariantType, PlacementType } from "./utils/types";
+import { ChipSentimentType, ChipSizeType, ChipVariantType, PlacementType } from "./utils/types";
 import { ComboboxLoadOptionsEventDetail, ComboboxOption, ComboboxSearchEventDetail } from "./components/pds-combobox/combobox-interface";
 import { PdsFilterClearEventDetail, PdsFilterCloseEventDetail, PdsFilterOpenEventDetail, PdsFilterVariant } from "./components/pds-filters/pds-filter/filter-interface";
 import { InputChangeEventDetail, InputInputEventDetail } from "./components/pds-input/input-interface";
@@ -20,7 +20,7 @@ import { TextareaChangeEventDetail, TextareaInputEventDetail } from "./component
 export { BoxColumnType, BoxShadowSizeType, BoxSpacingType } from "./utils/types";
 export { Event } from "./stencil-public-runtime";
 export { CheckboxChangeEventDetail } from "./components/pds-checkbox/checkbox-interface";
-export { ChipSentimentType, ChipVariantType, PlacementType } from "./utils/types";
+export { ChipSentimentType, ChipSizeType, ChipVariantType, PlacementType } from "./utils/types";
 export { ComboboxLoadOptionsEventDetail, ComboboxOption, ComboboxSearchEventDetail } from "./components/pds-combobox/combobox-interface";
 export { PdsFilterClearEventDetail, PdsFilterCloseEventDetail, PdsFilterOpenEventDetail, PdsFilterVariant } from "./components/pds-filters/pds-filter/filter-interface";
 export { InputChangeEventDetail, InputInputEventDetail } from "./components/pds-input/input-interface";
@@ -719,7 +719,11 @@ export namespace Components {
           * Determines the button's disabled state.
           * @defaultValue false
          */
-        "disabled"?: boolean;
+        "disabled": boolean;
+        /**
+          * Prompts the user to save the linked URL instead of navigating to it. It can be used without a value to download with the default filename, or with a string value to suggest a specific filename for the download. Only applies when href is set.
+         */
+        "download"?: string;
         /**
           * Determines if the button should take up the full width of its container.
           * @defaultValue false
@@ -839,8 +843,9 @@ export namespace Components {
          */
         "icon"?: string;
         /**
-          * Determines whether the chip should be displayed in a larger size.
+          * 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;
         /**
@@ -860,6 +865,11 @@ export namespace Components {
           * @defaultValue 'neutral'
          */
         "sentiment": ChipSentimentType;
+        /**
+          * Sets the size of the chip.
+          * @defaultValue 'md'
+         */
+        "size"?: ChipSizeType;
         /**
           * Sets the style variant of the chip. Note: This prop is ignored when sentiment is 'brand'.
           * @defaultValue 'text'
@@ -1072,6 +1082,10 @@ export namespace Components {
           * @defaultValue false
          */
         "disabled": boolean;
+        /**
+          * Prompts the user to save the linked URL instead of navigating to it. It can be used without a value to download with the default filename, or with a string value to suggest a specific filename for the download. Only applies when href is set.
+         */
+        "download"?: string;
         /**
           * Determines whether the link should open in a new tab and display an external icon. This is a simpler alternative to using `target="_blank"` for the common case.
           * @defaultValue false
@@ -1282,6 +1296,10 @@ export namespace Components {
           * A unique identifier used for the underlying component `id` attribute.
          */
         "componentId": string;
+        /**
+          * Prompts the user to save the linked URL instead of navigating to it. It can be used without a value to download with the default filename, or with a string value to suggest a specific filename for the download.
+         */
+        "download"?: string;
         /**
           * Determines whether the link should open in a new tab.
           * @defaultValue false
@@ -2054,18 +2072,11 @@ export namespace Components {
         /**
           * Sets the text decoration.
          */
-        "decoration"?: | 'strikethrough'
-  | 'underline-dotted';
+        "decoration"?: 'strikethrough' | 'underline-dotted';
         /**
           * Set the bottom margin for the text.
          */
-        "gutter"?: | '2xl'
-  | 'xl'
-  | 'lg'
-  | 'md'
-  | 'sm'
-  | 'xs'
-  | '2xs';
+        "gutter"?: '2xl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
         /**
           * If set or `true`, the text will be italic.
          */
@@ -2074,33 +2085,34 @@ export namespace Components {
           * Sets the font size.
          */
         "size"?: | '2xl'
-  | 'xl'
-  | 'lg'
-  | 'md'
-  | 'sm'
-  | 'xs'
-  | '2xs'
-  | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6';
+    | 'xl'
+    | 'lg'
+    | 'md'
+    | 'sm'
+    | 'xs'
+    | '2xs'
+    | 'h1'
+    | 'h2'
+    | 'h3'
+    | 'h4'
+    | 'h5'
+    | 'h6';
         /**
           * Determines what semantic text tag to render.
-          * @default "p"
+          * @default 'p'
          */
         "tag": | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6'
-  | 'p'
-  | 'code'
-  | 'pre'
-  | 'strong'
-  | 'em';
+    | 'h2'
+    | 'h3'
+    | 'h4'
+    | 'h5'
+    | 'h6'
+    | 'p'
+    | 'span'
+    | 'code'
+    | 'pre'
+    | 'strong'
+    | 'em';
         /**
           * If set or `true`, the text will be truncated. Must add a `width` to the element. When text overflows, a tooltip showing the full text will appear on hover/focus. Note: When truncate is enabled, the element automatically receives tabindex="0" for keyboard accessibility.
          */
@@ -2109,11 +2121,11 @@ export namespace Components {
           * Sets the font weight.
          */
         "weight"?: | 'extra-light'
-  | 'light'
-  | 'regular'
-  | 'medium'
-  | 'semibold'
-  | 'bold';
+    | 'light'
+    | 'regular'
+    | 'medium'
+    | 'semibold'
+    | 'bold';
     }
     interface PdsTextarea {
         /**
@@ -3713,6 +3725,10 @@ declare namespace LocalJSX {
           * @defaultValue false
          */
         "disabled"?: boolean;
+        /**
+          * Prompts the user to save the linked URL instead of navigating to it. It can be used without a value to download with the default filename, or with a string value to suggest a specific filename for the download. Only applies when href is set.
+         */
+        "download"?: string;
         /**
           * Determines if the button should take up the full width of its container.
           * @defaultValue false
@@ -3838,8 +3854,9 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
         /**
-          * Determines whether the chip should be displayed in a larger size.
+          * 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;
         /**
@@ -3863,6 +3880,11 @@ declare namespace LocalJSX {
           * @defaultValue 'neutral'
          */
         "sentiment"?: ChipSentimentType;
+        /**
+          * Sets the size of the chip.
+          * @defaultValue 'md'
+         */
+        "size"?: ChipSizeType;
         /**
           * Sets the style variant of the chip. Note: This prop is ignored when sentiment is 'brand'.
           * @defaultValue 'text'
@@ -4079,6 +4101,10 @@ declare namespace LocalJSX {
           * @defaultValue false
          */
         "disabled"?: boolean;
+        /**
+          * Prompts the user to save the linked URL instead of navigating to it. It can be used without a value to download with the default filename, or with a string value to suggest a specific filename for the download. Only applies when href is set.
+         */
+        "download"?: string;
         /**
           * Determines whether the link should open in a new tab and display an external icon. This is a simpler alternative to using `target="_blank"` for the common case.
           * @defaultValue false
@@ -4313,6 +4339,10 @@ declare namespace LocalJSX {
           * A unique identifier used for the underlying component `id` attribute.
          */
         "componentId"?: string;
+        /**
+          * Prompts the user to save the linked URL instead of navigating to it. It can be used without a value to download with the default filename, or with a string value to suggest a specific filename for the download.
+         */
+        "download"?: string;
         /**
           * Determines whether the link should open in a new tab.
           * @defaultValue false
@@ -5118,18 +5148,11 @@ declare namespace LocalJSX {
         /**
           * Sets the text decoration.
          */
-        "decoration"?: | 'strikethrough'
-  | 'underline-dotted';
+        "decoration"?: 'strikethrough' | 'underline-dotted';
         /**
           * Set the bottom margin for the text.
          */
-        "gutter"?: | '2xl'
-  | 'xl'
-  | 'lg'
-  | 'md'
-  | 'sm'
-  | 'xs'
-  | '2xs';
+        "gutter"?: '2xl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
         /**
           * If set or `true`, the text will be italic.
          */
@@ -5138,33 +5161,34 @@ declare namespace LocalJSX {
           * Sets the font size.
          */
         "size"?: | '2xl'
-  | 'xl'
-  | 'lg'
-  | 'md'
-  | 'sm'
-  | 'xs'
-  | '2xs'
-  | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6';
+    | 'xl'
+    | 'lg'
+    | 'md'
+    | 'sm'
+    | 'xs'
+    | '2xs'
+    | 'h1'
+    | 'h2'
+    | 'h3'
+    | 'h4'
+    | 'h5'
+    | 'h6';
         /**
           * Determines what semantic text tag to render.
-          * @default "p"
+          * @default 'p'
          */
         "tag"?: | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6'
-  | 'p'
-  | 'code'
-  | 'pre'
-  | 'strong'
-  | 'em';
+    | 'h2'
+    | 'h3'
+    | 'h4'
+    | 'h5'
+    | 'h6'
+    | 'p'
+    | 'span'
+    | 'code'
+    | 'pre'
+    | 'strong'
+    | 'em';
         /**
           * If set or `true`, the text will be truncated. Must add a `width` to the element. When text overflows, a tooltip showing the full text will appear on hover/focus. Note: When truncate is enabled, the element automatically receives tabindex="0" for keyboard accessibility.
          */
@@ -5173,11 +5197,11 @@ declare namespace LocalJSX {
           * Sets the font weight.
          */
         "weight"?: | 'extra-light'
-  | 'light'
-  | 'regular'
-  | 'medium'
-  | 'semibold'
-  | 'bold';
+    | 'light'
+    | 'regular'
+    | 'medium'
+    | 'semibold'
+    | 'bold';
     }
     interface PdsTextarea {
         /**

package/dist/types/utils/types.d.ts

@@ -3,4 +3,5 @@ export type BoxColumnType = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8'
 export type BoxSpacingType = 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | '025' | '050' | '100' | '125' | '150' | '200' | '250' | '300' | '350' | '400' | '450' | '500' | '550' | '600' | '650' | '700' | '750' | '800';
 export type BoxShadowSizeType = 'none' | '050' | '100' | '150' | '200' | '300' | '400' | '500';
 export type ChipSentimentType = 'accent' | 'brand' | 'danger' | 'info' | 'neutral' | 'success' | 'warning';
+export type ChipSizeType = 'sm' | 'md' | 'lg';
 export type ChipVariantType = 'text' | 'tag' | 'dropdown';

package/dist/vscode.html-data.json

@@ -6722,6 +6722,13 @@
             "value": "Determines the button's disabled state.\n\n**Default:** `false`"
           }
         },
+        {
+          "name": "download",
+          "description": {
+            "kind": "markdown",
+            "value": "Prompts the user to save the linked URL instead of navigating to it.\nIt can be used without a value to download with the default filename,\nor with a string value to suggest a specific filename for the download.\nOnly applies when href is set."
+          }
+        },
         {
           "name": "full-width",
           "description": {
@@ -6972,7 +6979,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), [Large](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#large)\n\n**Slots:**\n- `(default)` - The chip's label text.\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)\n\n**Slots:**\n- `(default)` - The chip's label text.\n\n**Events:**\n- `pdsTagCloseClick` - Event emitted when the close button is clicked on a tag variant chip."
       },
       "attributes": [
         {
@@ -7000,7 +7007,7 @@
           "name": "large",
           "description": {
             "kind": "markdown",
-            "value": "Determines whether the chip should be displayed in a larger size.\n\n**Default:** `false`"
+            "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."
           }
         },
         {
@@ -7085,6 +7092,24 @@
             }
           ]
         },
+        {
+          "name": "size",
+          "description": {
+            "kind": "markdown",
+            "value": "Sets the size of the chip.\n\n**Type:** `\"lg\" | \"md\" | \"sm\"`"
+          },
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            }
+          ]
+        },
         {
           "name": "variant",
           "description": {
@@ -7115,7 +7140,7 @@
       "name": "pds-combobox",
       "description": {
         "kind": "markdown",
-        "value": "A combobox is a text input with a dropdown list of options, allowing users to filter and select from a list. It is useful for searchable selects and autocomplete scenarios.\n\n**Slots:**\n- `empty` - Custom empty state message when no options match\n- `loading` - Custom loading indicator\n- `option` - Option elements for the combobox dropdown\n- `trigger-content` - Custom content for the button trigger when customTriggerContent is true\n\n**CSS Parts:**\n- `button-trigger` - No description\n- `chip-trigger` - No description\n- `input` - No description\n\n**Events:**\n- `pdsComboboxChange` - Emitted when the value changes.\n- `pdsComboboxLoadOptions` - Emitted to request more options (pagination).\n- `pdsComboboxSearch` - Emitted on search input (for consumer-managed async)."
+        "value": "A combobox is a text input with a dropdown list of options, allowing users to filter and select from a list. It is useful for searchable selects and autocomplete scenarios.\n\n**Slots:**\n- `empty` - Custom empty state message when no options match\n- `loading` - Custom loading indicator\n- `option` - Option elements for the combobox dropdown\n- `trigger-content` - Custom content for the button trigger when customTriggerContent is true\n\n**CSS Parts:**\n- `button-trigger` - No description\n- `chip-trigger` - No description\n- `combobox` - No description\n- `input` - No description\n\n**Events:**\n- `pdsComboboxChange` - Emitted when the value changes.\n- `pdsComboboxLoadOptions` - Emitted to request more options (pagination).\n- `pdsComboboxSearch` - Emitted on search input (for consumer-managed async)."
       },
       "attributes": [
         {
@@ -7583,6 +7608,13 @@
             "value": "It determines whether or not the dropdown-item is disabled.\n\n**Default:** `false`"
           }
         },
+        {
+          "name": "download",
+          "description": {
+            "kind": "markdown",
+            "value": "Prompts the user to save the linked URL instead of navigating to it.\nIt can be used without a value to download with the default filename,\nor with a string value to suggest a specific filename for the download.\nOnly applies when href is set."
+          }
+        },
         {
           "name": "external",
           "description": {
@@ -8010,6 +8042,13 @@
             "value": "A unique identifier used for the underlying component `id` attribute."
           }
         },
+        {
+          "name": "download",
+          "description": {
+            "kind": "markdown",
+            "value": "Prompts the user to save the linked URL instead of navigating to it.\nIt can be used without a value to download with the default filename,\nor with a string value to suggest a specific filename for the download."
+          }
+        },
         {
           "name": "external",
           "description": {
@@ -8141,7 +8180,7 @@
       "name": "pds-modal",
       "description": {
         "kind": "markdown",
-        "value": "\n\n**Examples:**\n[Variants](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#variants), [Default](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#default), [Sizes](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#sizes), [Destructive Actions](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#destructive-actions), [Scrollable Content](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#scrollable-content), [Nested Modals](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#nested-modals)\n\n**Events:**\n- `pdsModalClose` - Emitted when the modal is closed\n- `pdsModalOpen` - Emitted when the modal is opened"
+        "value": "\n\n**Examples:**\n[Variants](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#variants), [Default](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#default), [Sizes](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#sizes), [Destructive Actions](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#destructive-actions), [Scrollable Content](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#scrollable-content), [Nested Modals](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#nested-modals)\n\n**CSS Parts:**\n- `modal` - No description\n\n**Events:**\n- `pdsModalClose` - Emitted when the modal is closed\n- `pdsModalOpen` - Emitted when the modal is opened"
       },
       "attributes": [
         {
@@ -9997,7 +10036,7 @@
           "name": "tag",
           "description": {
             "kind": "markdown",
-            "value": "Determines what semantic text tag to render.\n\n**Type:** `\"code\" | \"em\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"pre\" | \"strong\"`\n\n**Default:** `\"p\"`"
+            "value": "Determines what semantic text tag to render.\n\n**Type:** `\"code\" | \"em\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"pre\" | \"span\" | \"strong\"`\n\n**Default:** `'p'`"
           },
           "values": [
             {
@@ -10030,6 +10069,9 @@
             {
               "name": "pre"
             },
+            {
+              "name": "span"
+            },
             {
               "name": "strong"
             }