@pine-ds/core 4.8.0 → 4.9.1

package/dist/vscode.html-data.json

@@ -72,6 +72,13 @@
             "value": "If true, the leading icon is hidden.\n\n**Default:** `false`"
           }
         },
+        {
+          "name": "severity-label",
+          "description": {
+            "kind": "markdown",
+            "value": "Accessible label announcing the alert's severity, read before the heading\nand message. Pass a translated string to localize it; defaults to English\nfor each variant (`Error`, `Info`, `Success`, `Warning`). The `default`\nvariant has no severity and announces none unless this is set; pass an\nempty string to announce none for any variant."
+          }
+        },
         {
           "name": "small",
           "description": {
@@ -132,6 +139,13 @@
             "value": "Determines whether the badge is visible or not.\n\n**Default:** `false`"
           }
         },
+        {
+          "name": "badge-label",
+          "description": {
+            "kind": "markdown",
+            "value": "Accessible label for the badge icon. Pass a translated string to localize\nit; defaults to English. Pass an empty string to make the badge\ndecorative. Has no effect on dropdown avatars, where the trigger's\n`triggerLabel` owns the accessible name."
+          }
+        },
         {
           "name": "component-id",
           "description": {
@@ -6961,7 +6975,7 @@
       "name": "pds-checkbox",
       "description": {
         "kind": "markdown",
-        "value": "Checkboxes provide users with selectable options like toggling a single setting or selecting multiple options from a list.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#default), [Checked](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#checked), [Indeterminate](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#indeterminate), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#disabled), [Message](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#invalid), [Label slot](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#label-slot)\n\n**Slots:**\n- `label` - Content displayed as the checkbox label in place of the `label` text. Clicking it toggles the checkbox.\n\n**Events:**\n- `pdsCheckboxChange` - Event emitted that contains the `value` and `checked`.\n- `pdsCheckboxInput` - No description"
+        "value": "Checkboxes provide users with selectable options like toggling a single setting or selecting multiple options from a list.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#default), [Checked](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#checked), [Indeterminate](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#indeterminate), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#disabled), [Message](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#invalid), [Label slot](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#label-slot), [Pill](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#pill)\n\n**Slots:**\n- `label` - Content displayed as the checkbox label in place of the `label` text. Clicking it toggles the checkbox.\n\n**Events:**\n- `pdsCheckboxChange` - Event emitted that contains the `value` and `checked`.\n- `pdsCheckboxInput` - No description"
       },
       "attributes": [
         {
@@ -7003,14 +7017,14 @@
           "name": "hide-label",
           "description": {
             "kind": "markdown",
-            "value": "Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers."
+            "value": "Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers. Ignored when `variant` is `pill`."
           }
         },
         {
           "name": "indeterminate",
           "description": {
             "kind": "markdown",
-            "value": "If `true`, the checkbox will visually appear as indeterminate.\nOnly JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)."
+            "value": "If `true`, the checkbox will visually appear as indeterminate.\nOnly JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).\nHas no visual style when `variant` is `pill`."
           }
         },
         {
@@ -7047,6 +7061,21 @@
             "kind": "markdown",
             "value": "The value of the checkbox that is submitted with a form."
           }
+        },
+        {
+          "name": "variant",
+          "description": {
+            "kind": "markdown",
+            "value": "Sets the style variant of the checkbox. `pill` renders the label as a pill-shaped choice; the native input still handles keyboard, form, and screen reader behavior.\n\n**Type:** `\"default\" | \"pill\"`\n\n**Default:** `'default'`"
+          },
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "pill"
+            }
+          ]
         }
       ],
       "references": [
@@ -7621,6 +7650,13 @@
             "value": "Width of the trigger (button or input). Any valid CSS width value.\n\n**Default:** `'fit-content'`"
           }
         },
+        {
+          "name": "truncate",
+          "description": {
+            "kind": "markdown",
+            "value": "Determines whether the button trigger's label and the option labels should truncate and display with an ellipsis.\nWhen a label overflows, a `title` showing the full label will appear on hover.\nChip options, custom layouts and group rows aren't affected.\n\n**Default:** `false`"
+          }
+        },
         {
           "name": "value",
           "description": {
@@ -8416,6 +8452,13 @@
             "value": "Determines whether the link should open in a new tab and display an external icon.\nThis is a simpler alternative to using `target=\"_blank\"` for the common case.\nIgnored when `informational` is set.\n\n**Default:** `false`"
           }
         },
+        {
+          "name": "external-label",
+          "description": {
+            "kind": "markdown",
+            "value": "Accessible label for the external-link icon, passed to the inner\n`pds-link`. Pass a translated string to localize it; defaults to English.\nPass an empty string to make the icon decorative."
+          }
+        },
         {
           "name": "href",
           "description": {
@@ -8826,7 +8869,7 @@
       "name": "pds-link",
       "description": {
         "kind": "markdown",
-        "value": "A hyperlink is used as a navigational element to direct users to another location on the website or application.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#default), [Colors](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#colors), [Plain](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#plain), [External](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#external), [Target](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#target), [Font Size](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#font-size), [Custom Slot Text](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#custom-slot-text), [No Custom Slot Text](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#no-custom-slot-text)\n\n**Slots:**\n- `(default)` - Text content placed between the opening and closing tags. If no text is provided, the **href** will be used as a fallback.\n\n**CSS Parts:**\n- `link` - Link element styles."
+        "value": "A hyperlink is used as a navigational element to direct users to another location on the website or application.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#default), [Colors](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#colors), [Plain](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#plain), [External](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#external), [Target](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#target), [Font Size](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#font-size), [Custom Slot Text](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#custom-slot-text), [No Custom Slot Text](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#no-custom-slot-text), [Whole-row link](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#whole-row-link)\n\n**Slots:**\n- `(default)` - Text content placed between the opening and closing tags. If no text is provided, the **href** will be used as a fallback.\n\n**CSS Parts:**\n- `link` - Link element styles."
       },
       "attributes": [
         {
@@ -8864,6 +8907,13 @@
             "value": "Determines whether the link should open in a new tab.\n\n**Default:** `false`\n\n⚠️ **Deprecated:** Consider using the `target` prop for more control. This prop will be maintained for backward compatibility."
           }
         },
+        {
+          "name": "external-label",
+          "description": {
+            "kind": "markdown",
+            "value": "Accessible label for the icon that `external` shows, appended to the\nlink's name. It isn't announced when `target` keeps the link in the same\ntab. Pass a translated string to localize it; defaults to English. Pass an\nempty string to make the icon decorative."
+          }
+        },
         {
           "name": "font-size",
           "description": {
@@ -9815,7 +9865,7 @@
       "name": "pds-radio",
       "description": {
         "kind": "markdown",
-        "value": "Radio components allow users to select one option from a group of two or more choices.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#default), [Checked](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#checked), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#disabled), [Message](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#invalid), [With Border](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#with-border), [Group](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#group), [With Image](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#with-image)\n\n**Slots:**\n- `image` - Custom image content to display instead of the default radio input\n\n**CSS Parts:**\n- `image-container` - The container for the image\n\n**Events:**\n- `pdsRadioChange` - Emits a boolean indicating whether the radio is currently checked or unchecked."
+        "value": "Radio components allow users to select one option from a group of two or more choices.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#default), [Checked](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#checked), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#disabled), [Message](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#invalid), [With Border](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#with-border), [Pill](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#pill), [Group](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#group), [With Image](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#with-image)\n\n**Slots:**\n- `image` - Custom image content to display instead of the default radio input. Ignored when `variant` is `pill`.\n\n**CSS Parts:**\n- `image-container` - The container for the image\n\n**Events:**\n- `pdsRadioChange` - Emits a boolean indicating whether the radio is currently checked or unchecked."
       },
       "attributes": [
         {
@@ -9850,7 +9900,7 @@
           "name": "has-border",
           "description": {
             "kind": "markdown",
-            "value": "Adds a border around the radio component for better visual separation.\n\n**Default:** `false`"
+            "value": "Adds a border around the radio component for better visual separation. Ignored when `variant` is `pill`.\n\n**Default:** `false`"
           }
         },
         {
@@ -9864,7 +9914,7 @@
           "name": "hide-label",
           "description": {
             "kind": "markdown",
-            "value": "Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers."
+            "value": "Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers. Ignored when `variant` is `pill`."
           }
         },
         {
@@ -9901,6 +9951,21 @@
             "kind": "markdown",
             "value": "The value of the radio that is submitted with a form."
           }
+        },
+        {
+          "name": "variant",
+          "description": {
+            "kind": "markdown",
+            "value": "Sets the style variant of the radio. `pill` renders the label as a pill-shaped choice; the native input still handles keyboard, form, and screen reader behavior.\n\n**Type:** `\"default\" | \"pill\"`\n\n**Default:** `'default'`"
+          },
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "pill"
+            }
+          ]
         }
       ],
       "references": [
@@ -9914,7 +9979,7 @@
       "name": "pds-radio-group",
       "description": {
         "kind": "markdown",
-        "value": "Radio Groups wrap a set of related radio inputs, displaying a single error message and helper message for the whole group. Use them whenever users must pick exactly one option from a set.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#default), [With Label](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-label), [With Helper Messages on Child Radios](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-helper-messages-on-child-radios), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#invalid), [With Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-helper-message), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#disabled), [Horizontal Layout](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#horizontal-layout), [With Images](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-images)\n\n**Slots:**\n- `(default)` - Child pds-radio components\n\n**Events:**\n- `pdsRadioGroupChange` - Emits when a radio in the group is selected, providing the selected value and component ID."
+        "value": "Radio Groups wrap a set of related radio inputs, displaying a single error message and helper message for the whole group. Use them whenever users must pick exactly one option from a set.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#default), [With Label](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-label), [With Helper Messages on Child Radios](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-helper-messages-on-child-radios), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#invalid), [With Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-helper-message), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#disabled), [Horizontal Layout](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#horizontal-layout), [Pill](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#pill), [With Images](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-images)\n\n**Slots:**\n- `(default)` - Child pds-radio components\n\n**Events:**\n- `pdsRadioGroupChange` - Emits when a radio in the group is selected, providing the selected value and component ID."
       },
       "attributes": [
         {
@@ -11275,7 +11340,7 @@
           "name": "truncate",
           "description": {
             "kind": "markdown",
-            "value": "If set or `true`, the text will be truncated. Must add a `width` to the element.\nWhen text overflows, a tooltip showing the full text will appear on hover/focus.\nNote: While the text is overflowing, the element receives tabindex=\"0\" so the\ntooltip can be reached by keyboard. Text that fits is left out of the tab order."
+            "value": "If set or `true`, the text will be truncated. Must add a `width` to the element.\nWhen text overflows, a tooltip showing the full text will appear on hover/focus.\nNote: While the text is overflowing, the element receives tabindex=\"0\" so the\ntooltip can be reached by keyboard. Text that fits is left out of the tab order.\nInside a link or button (including `pds-button`, `pds-link`, `pds-tab`, and\n`pds-dropdown-menu-item`) that holds no other truncated text or `pds-chip` with a\n`max-width`, no tab stop is added; the tooltip appears when that control receives\nkeyboard focus."
           }
         },
         {
@@ -11496,6 +11561,13 @@
             "value": "The name of the icon to display in the toast."
           }
         },
+        {
+          "name": "severity-label",
+          "description": {
+            "kind": "markdown",
+            "value": "Accessible label announcing the toast's severity, read before the message.\nPass a translated string to localize it; defaults to English (`Error`) for\nthe `danger` type. Other types announce none unless this is set; pass an\nempty string to announce none."
+          }
+        },
         {
           "name": "type",
           "description": {
@@ -11526,7 +11598,7 @@
       "name": "pds-tooltip",
       "description": {
         "kind": "markdown",
-        "value": "Tooltips display helpful popup text when users hover over or keyboard focus on an element.\n\n**Examples:**\n[Trigger](https://pine-design-system.netlify.app/?path=/docs/components-tooltip--docs#trigger), [Content](https://pine-design-system.netlify.app/?path=/docs/components-tooltip--docs#content), [Positioning](https://pine-design-system.netlify.app/?path=/docs/components-tooltip--docs#positioning), [No Arrow](https://pine-design-system.netlify.app/?path=/docs/components-tooltip--docs#no-arrow), [Width/Sizing](https://pine-design-system.netlify.app/?path=/docs/components-tooltip--docs#width/sizing)\n\n**Slots:**\n- `(default)` - The tooltip's target element\n- `content` - HTML content for the tooltip"
+        "value": "Tooltips display helpful popup text when users hover over or keyboard focus on an element.\n\n**Examples:**\n[Trigger](https://pine-design-system.netlify.app/?path=/docs/components-tooltip--docs#trigger), [Content](https://pine-design-system.netlify.app/?path=/docs/components-tooltip--docs#content), [Positioning](https://pine-design-system.netlify.app/?path=/docs/components-tooltip--docs#positioning), [No Arrow](https://pine-design-system.netlify.app/?path=/docs/components-tooltip--docs#no-arrow), [Width/Sizing](https://pine-design-system.netlify.app/?path=/docs/components-tooltip--docs#width/sizing), [Inside a modal or popover](https://pine-design-system.netlify.app/?path=/docs/components-tooltip--docs#inside-a-modal-or-popover)\n\n**Slots:**\n- `(default)` - The tooltip's target element\n- `content` - HTML content for the tooltip"
       },
       "attributes": [
         {