@momentum-design/components 0.129.12 → 0.129.13

package/dist/components/buttonlink/buttonlink.component.d.ts

@@ -5,18 +5,20 @@ declare const ButtonLink_base: import("../../utils/mixins/index.types").Construc
 /**
  * `mdc-buttonlink` combines the functional behavior of `mdc-linksimple` with the visual and structural
  * features of `mdc-button`. This includes support for variants, sizing, and optional
- * prefix and postfix icons via slots.
+ * prefix and postfix icons.
  *
  * ### Features:
- * - Behaves like an link while visually resembling a button.
- * - Supports slots for `prefix-icon` and `postfix-icon`.
+ * - Behaves like a link while visually resembling a button.
  * - Customizable size, color, and variant through attributes.
+ * - Supports prefix and postfix icons.
  * - Inherits accessibility and keyboard interaction support from `mdc-linksimple`.
  *
  * @dependency mdc-icon
  *
  * @tagname mdc-buttonlink
  *
+ * @slot default - The default slot for buttonlink text content.
+ *
  * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.
  * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.
  * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.
@@ -27,20 +29,20 @@ declare const ButtonLink_base: import("../../utils/mixins/index.types").Construc
  * @csspart button-text - The slot containing the buttonlink text.
  * @csspart postfix-icon - The postfix icon element.
  *
- * @cssproperty --mdc-button-height - Height for button size
- * @cssproperty --mdc-button-background - Background color of the button
- * @cssproperty --mdc-button-border-color - Borer color of the button
- * @cssproperty --mdc-button-text-color - Text color of the button
- * @cssproperty --mdc-button-line-height - Line height of the button text
+ * @cssproperty --mdc-button-height - Height of the buttonlink
+ * @cssproperty --mdc-button-background - Background color of the buttonlink
+ * @cssproperty --mdc-button-border-color - Border color of the buttonlink
+ * @cssproperty --mdc-button-text-color - Text color of the buttonlink
+ * @cssproperty --mdc-button-line-height - Line height of the buttonlink text
  * @cssproperty --mdc-button-prefix-icon-size - Size of the prefix icon
  * @cssproperty --mdc-button-postfix-icon-size - Size of the postfix icon
  */
 declare class ButtonLink extends ButtonLink_base {
     /**
-     * ButtonLink sizing is based on the buttonlink type.
-     * - **Pill buttonlink**: 40, 32, 28, 24.
-     * - **Icon buttonlink**: 64, 52, 40, 32, 28, 24.
-     * - Tertiary icon buttonlink can also be 20.
+     * Size of the buttonlink, determined by its type.
+     * - **Pill buttonlink**: 40 (2.5rem), 32 (2rem), 28 (1.75rem), 24 (1.5rem)
+     * - **Icon buttonlink**: 64 (4rem), 52 (3.25rem), 40 (2.5rem), 32 (2rem), 28 (1.75rem), 24 (1.5rem)
+     * - **Tertiary icon buttonlink** can also use: 20 (1.25rem)
      * @default 32
      */
     size: PillButtonSize | IconButtonSize;

package/dist/components/buttonlink/buttonlink.component.js

@@ -17,18 +17,20 @@ import styles from './buttonlink.styles';
 /**
  * `mdc-buttonlink` combines the functional behavior of `mdc-linksimple` with the visual and structural
  * features of `mdc-button`. This includes support for variants, sizing, and optional
- * prefix and postfix icons via slots.
+ * prefix and postfix icons.
  *
  * ### Features:
- * - Behaves like an link while visually resembling a button.
- * - Supports slots for `prefix-icon` and `postfix-icon`.
+ * - Behaves like a link while visually resembling a button.
  * - Customizable size, color, and variant through attributes.
+ * - Supports prefix and postfix icons.
  * - Inherits accessibility and keyboard interaction support from `mdc-linksimple`.
  *
  * @dependency mdc-icon
  *
  * @tagname mdc-buttonlink
  *
+ * @slot default - The default slot for buttonlink text content.
+ *
  * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.
  * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.
  * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.
@@ -39,11 +41,11 @@ import styles from './buttonlink.styles';
  * @csspart button-text - The slot containing the buttonlink text.
  * @csspart postfix-icon - The postfix icon element.
  *
- * @cssproperty --mdc-button-height - Height for button size
- * @cssproperty --mdc-button-background - Background color of the button
- * @cssproperty --mdc-button-border-color - Borer color of the button
- * @cssproperty --mdc-button-text-color - Text color of the button
- * @cssproperty --mdc-button-line-height - Line height of the button text
+ * @cssproperty --mdc-button-height - Height of the buttonlink
+ * @cssproperty --mdc-button-background - Background color of the buttonlink
+ * @cssproperty --mdc-button-border-color - Border color of the buttonlink
+ * @cssproperty --mdc-button-text-color - Text color of the buttonlink
+ * @cssproperty --mdc-button-line-height - Line height of the buttonlink text
  * @cssproperty --mdc-button-prefix-icon-size - Size of the prefix icon
  * @cssproperty --mdc-button-postfix-icon-size - Size of the postfix icon
  */
@@ -51,10 +53,10 @@ class ButtonLink extends ButtonComponentMixin(Linksimple) {
     constructor() {
         super(...arguments);
         /**
-         * ButtonLink sizing is based on the buttonlink type.
-         * - **Pill buttonlink**: 40, 32, 28, 24.
-         * - **Icon buttonlink**: 64, 52, 40, 32, 28, 24.
-         * - Tertiary icon buttonlink can also be 20.
+         * Size of the buttonlink, determined by its type.
+         * - **Pill buttonlink**: 40 (2.5rem), 32 (2rem), 28 (1.75rem), 24 (1.5rem)
+         * - **Icon buttonlink**: 64 (4rem), 52 (3.25rem), 40 (2.5rem), 32 (2rem), 28 (1.75rem), 24 (1.5rem)
+         * - **Tertiary icon buttonlink** can also use: 20 (1.25rem)
          * @default 32
          */
         this.size = DEFAULTS.SIZE;

package/dist/components/linkbutton/linkbutton.component.d.ts

@@ -20,6 +20,7 @@ declare const LinkButton_base: import("../../utils/mixins/index.types").Construc
  * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the linkbutton.
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the linkbutton.
  * @event focus - (React: onFocus) This event is dispatched when the linkbutton receives focus.
+ * @event blur - (React: onBlur) This event is dispatched when the linkbutton loses focus.
  *
  * @cssproperty --mdc-link-border-radius - Border radius of the linkbutton.
  * @cssproperty --mdc-link-color-active - Color of the linkbutton’s child content in the active state.
@@ -34,21 +35,24 @@ declare const LinkButton_base: import("../../utils/mixins/index.types").Construc
  */
 declare class LinkButton extends LinkButton_base {
     /**
-     * Sets the size of the linkbutton.
-     * Acceptable values:
-     * - 12
-     * - 14
-     * - 16
+     * Size of the linkbutton text and icon.
+     * - **12**: 0.75rem font size
+     * - **14**: 0.875rem font size
+     * - **16**: 1rem font size (default)
      * @default 16
      */
     size: LinkButtonSize;
     /**
-     * The linkbutton can be inline or standalone.
+     * Display mode of the linkbutton.
+     * - `false`: Standalone display (default)
+     * - `true`: Inline display within text flow
      * @default false
      */
     inline: boolean;
     /**
-     * The linkbutton color can be inverted by setting the inverted attribute to true.
+     * Color scheme of the linkbutton.
+     * - `false`: Normal color scheme for light backgrounds (default)
+     * - `true`: Inverted color scheme for dark backgrounds
      * @default false
      */
     inverted: boolean;
@@ -58,6 +62,7 @@ declare class LinkButton extends LinkButton_base {
      * Sets the `size` attribute for the linkbutton, falling back to the default if the value is invalid.
      *
      * @param size - The desired link size.
+     * @internal
      */
     private setSize;
     render(): import("lit-html").TemplateResult<1>;

package/dist/components/linkbutton/linkbutton.component.js

@@ -33,6 +33,7 @@ import styles from './linkbutton.styles';
  * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the linkbutton.
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the linkbutton.
  * @event focus - (React: onFocus) This event is dispatched when the linkbutton receives focus.
+ * @event blur - (React: onBlur) This event is dispatched when the linkbutton loses focus.
  *
  * @cssproperty --mdc-link-border-radius - Border radius of the linkbutton.
  * @cssproperty --mdc-link-color-active - Color of the linkbutton’s child content in the active state.
@@ -49,21 +50,24 @@ class LinkButton extends IconNameMixin(Buttonsimple) {
     constructor() {
         super(...arguments);
         /**
-         * Sets the size of the linkbutton.
-         * Acceptable values:
-         * - 12
-         * - 14
-         * - 16
+         * Size of the linkbutton text and icon.
+         * - **12**: 0.75rem font size
+         * - **14**: 0.875rem font size
+         * - **16**: 1rem font size (default)
          * @default 16
          */
         this.size = DEFAULTS.SIZE;
         /**
-         * The linkbutton can be inline or standalone.
+         * Display mode of the linkbutton.
+         * - `false`: Standalone display (default)
+         * - `true`: Inline display within text flow
          * @default false
          */
         this.inline = DEFAULTS.INLINE;
         /**
-         * The linkbutton color can be inverted by setting the inverted attribute to true.
+         * Color scheme of the linkbutton.
+         * - `false`: Normal color scheme for light backgrounds (default)
+         * - `true`: Inverted color scheme for dark backgrounds
          * @default false
          */
         this.inverted = DEFAULTS.INVERTED;
@@ -83,6 +87,7 @@ class LinkButton extends IconNameMixin(Buttonsimple) {
      * Sets the `size` attribute for the linkbutton, falling back to the default if the value is invalid.
      *
      * @param size - The desired link size.
+     * @internal
      */
     setSize(size) {
         this.setAttribute('size', Object.values(LINKBUTTON_SIZES).includes(size) ? `${size}` : DEFAULTS.SIZE.toString());

package/dist/components/linksimple/linksimple.component.d.ts

@@ -54,6 +54,12 @@ declare class Linksimple extends Linksimple_base {
     rel?: string;
     /**
      * Optional download attribute to instruct browsers to download the linked resource.
+     *
+     * Valid values:
+     * - empty string: browser suggests a name for the downloaded file
+     * - string: name of the downloaded file
+     *
+     * More details in the [Anchor element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download) docs.
      */
     download?: string;
     /**

package/dist/custom-elements.json

@@ -6078,27 +6078,27 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`mdc-buttonlink` combines the functional behavior of `mdc-linksimple` with the visual and structural\nfeatures of `mdc-button`. This includes support for variants, sizing, and optional\nprefix and postfix icons via slots.\n\n### Features:\n- Behaves like an link while visually resembling a button.\n- Supports slots for `prefix-icon` and `postfix-icon`.\n- Customizable size, color, and variant through attributes.\n- Inherits accessibility and keyboard interaction support from `mdc-linksimple`.",
+          "description": "`mdc-buttonlink` combines the functional behavior of `mdc-linksimple` with the visual and structural\nfeatures of `mdc-button`. This includes support for variants, sizing, and optional\nprefix and postfix icons.\n\n### Features:\n- Behaves like a link while visually resembling a button.\n- Customizable size, color, and variant through attributes.\n- Supports prefix and postfix icons.\n- Inherits accessibility and keyboard interaction support from `mdc-linksimple`.",
           "name": "ButtonLink",
           "cssProperties": [
             {
-              "description": "Height for button size",
+              "description": "Height of the buttonlink",
               "name": "--mdc-button-height"
             },
             {
-              "description": "Background color of the button",
+              "description": "Background color of the buttonlink",
               "name": "--mdc-button-background"
             },
             {
-              "description": "Borer color of the button",
+              "description": "Border color of the buttonlink",
               "name": "--mdc-button-border-color"
             },
             {
-              "description": "Text color of the button",
+              "description": "Text color of the buttonlink",
               "name": "--mdc-button-text-color"
             },
             {
-              "description": "Line height of the button text",
+              "description": "Line height of the buttonlink text",
               "name": "--mdc-button-line-height"
             },
             {
@@ -6204,6 +6204,12 @@
               "name": "postfix-icon"
             }
           ],
+          "slots": [
+            {
+              "description": "The default slot for buttonlink text content.",
+              "name": "default"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -6255,7 +6261,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Optional download attribute to instruct browsers to download the linked resource.",
+              "description": "Optional download attribute to instruct browsers to download the linked resource.\n\nValid values:\n- empty string: browser suggests a name for the downloaded file\n- string: name of the downloaded file\n\nMore details in the [Anchor element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download) docs.",
               "attribute": "download",
               "reflects": true,
               "inheritedFrom": {
@@ -6539,7 +6545,7 @@
               "type": {
                 "text": "PillButtonSize | IconButtonSize"
               },
-              "description": "ButtonLink sizing is based on the buttonlink type.\n- **Pill buttonlink**: 40, 32, 28, 24.\n- **Icon buttonlink**: 64, 52, 40, 32, 28, 24.\n- Tertiary icon buttonlink can also be 20.",
+              "description": "Size of the buttonlink, determined by its type.\n- **Pill buttonlink**: 40 (2.5rem), 32 (2rem), 28 (1.75rem), 24 (1.5rem)\n- **Icon buttonlink**: 64 (4rem), 52 (3.25rem), 40 (2.5rem), 32 (2rem), 28 (1.75rem), 24 (1.5rem)\n- **Tertiary icon buttonlink** can also use: 20 (1.25rem)",
               "default": "32",
               "attribute": "size",
               "reflects": true
@@ -6643,7 +6649,7 @@
               "type": {
                 "text": "PillButtonSize | IconButtonSize"
               },
-              "description": "ButtonLink sizing is based on the buttonlink type.\n- **Pill buttonlink**: 40, 32, 28, 24.\n- **Icon buttonlink**: 64, 52, 40, 32, 28, 24.\n- Tertiary icon buttonlink can also be 20.",
+              "description": "Size of the buttonlink, determined by its type.\n- **Pill buttonlink**: 40 (2.5rem), 32 (2rem), 28 (1.75rem), 24 (1.5rem)\n- **Icon buttonlink**: 64 (4rem), 52 (3.25rem), 40 (2.5rem), 32 (2rem), 28 (1.75rem), 24 (1.5rem)\n- **Tertiary icon buttonlink** can also use: 20 (1.25rem)",
               "default": "32",
               "fieldName": "size"
             },
@@ -6800,7 +6806,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Optional download attribute to instruct browsers to download the linked resource.",
+              "description": "Optional download attribute to instruct browsers to download the linked resource.\n\nValid values:\n- empty string: browser suggests a name for the downloaded file\n- string: name of the downloaded file\n\nMore details in the [Anchor element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download) docs.",
               "fieldName": "download",
               "inheritedFrom": {
                 "name": "Linksimple",
@@ -6867,7 +6873,7 @@
             "module": "/src/components/linksimple/linksimple.component"
           },
           "tagName": "mdc-buttonlink",
-          "jsDoc": "/**\n * `mdc-buttonlink` combines the functional behavior of `mdc-linksimple` with the visual and structural\n * features of `mdc-button`. This includes support for variants, sizing, and optional\n * prefix and postfix icons via slots.\n *\n * ### Features:\n * - Behaves like an link while visually resembling a button.\n * - Supports slots for `prefix-icon` and `postfix-icon`.\n * - Customizable size, color, and variant through attributes.\n * - Inherits accessibility and keyboard interaction support from `mdc-linksimple`.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-buttonlink\n *\n * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.\n * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.\n * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.\n * @event blur - (React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.\n *\n * @csspart anchor - The anchor element that wraps the buttonlink content.\n * @csspart prefix-icon - The prefix icon element.\n * @csspart button-text - The slot containing the buttonlink text.\n * @csspart postfix-icon - The postfix icon element.\n *\n * @cssproperty --mdc-button-height - Height for button size\n * @cssproperty --mdc-button-background - Background color of the button\n * @cssproperty --mdc-button-border-color - Borer color of the button\n * @cssproperty --mdc-button-text-color - Text color of the button\n * @cssproperty --mdc-button-line-height - Line height of the button text\n * @cssproperty --mdc-button-prefix-icon-size - Size of the prefix icon\n * @cssproperty --mdc-button-postfix-icon-size - Size of the postfix icon\n */",
+          "jsDoc": "/**\n * `mdc-buttonlink` combines the functional behavior of `mdc-linksimple` with the visual and structural\n * features of `mdc-button`. This includes support for variants, sizing, and optional\n * prefix and postfix icons.\n *\n * ### Features:\n * - Behaves like a link while visually resembling a button.\n * - Customizable size, color, and variant through attributes.\n * - Supports prefix and postfix icons.\n * - Inherits accessibility and keyboard interaction support from `mdc-linksimple`.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-buttonlink\n *\n * @slot default - The default slot for buttonlink text content.\n *\n * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.\n * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.\n * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.\n * @event blur - (React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.\n *\n * @csspart anchor - The anchor element that wraps the buttonlink content.\n * @csspart prefix-icon - The prefix icon element.\n * @csspart button-text - The slot containing the buttonlink text.\n * @csspart postfix-icon - The postfix icon element.\n *\n * @cssproperty --mdc-button-height - Height of the buttonlink\n * @cssproperty --mdc-button-background - Background color of the buttonlink\n * @cssproperty --mdc-button-border-color - Border color of the buttonlink\n * @cssproperty --mdc-button-text-color - Text color of the buttonlink\n * @cssproperty --mdc-button-line-height - Line height of the buttonlink text\n * @cssproperty --mdc-button-prefix-icon-size - Size of the prefix icon\n * @cssproperty --mdc-button-postfix-icon-size - Size of the postfix icon\n */",
           "customElement": true
         }
       ],
@@ -20622,7 +20628,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Optional download attribute to instruct browsers to download the linked resource.",
+              "description": "Optional download attribute to instruct browsers to download the linked resource.\n\nValid values:\n- empty string: browser suggests a name for the downloaded file\n- string: name of the downloaded file\n\nMore details in the [Anchor element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download) docs.",
               "attribute": "download",
               "reflects": true,
               "inheritedFrom": {
@@ -20995,7 +21001,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Optional download attribute to instruct browsers to download the linked resource.",
+              "description": "Optional download attribute to instruct browsers to download the linked resource.\n\nValid values:\n- empty string: browser suggests a name for the downloaded file\n- string: name of the downloaded file\n\nMore details in the [Anchor element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download) docs.",
               "fieldName": "download",
               "inheritedFrom": {
                 "name": "Linksimple",
@@ -21372,7 +21378,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "The linkbutton can be inline or standalone.",
+              "description": "Display mode of the linkbutton.\n- `false`: Standalone display (default)\n- `true`: Inline display within text flow",
               "default": "false",
               "attribute": "inline",
               "reflects": true
@@ -21383,7 +21389,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "The linkbutton color can be inverted by setting the inverted attribute to true.",
+              "description": "Color scheme of the linkbutton.\n- `false`: Normal color scheme for light backgrounds (default)\n- `true`: Inverted color scheme for dark backgrounds",
               "default": "false",
               "attribute": "inverted",
               "reflects": true
@@ -21470,21 +21476,6 @@
                 "module": "components/buttonsimple/buttonsimple.component.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "setSize",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "size",
-                  "type": {
-                    "text": "LinkButtonSize"
-                  },
-                  "description": "The desired link size."
-                }
-              ],
-              "description": "Sets the `size` attribute for the linkbutton, falling back to the default if the value is invalid."
-            },
             {
               "kind": "method",
               "name": "setSoftDisabled",
@@ -21518,7 +21509,7 @@
               "type": {
                 "text": "ButtonSize"
               },
-              "description": "Sets the size of the linkbutton.\nAcceptable values:\n- 12\n- 14\n- 16",
+              "description": "Size of the linkbutton text and icon.\n- **12**: 0.75rem font size\n- **14**: 0.875rem font size\n- **16**: 1rem font size (default)",
               "default": "16",
               "attribute": "size",
               "reflects": true,
@@ -21632,6 +21623,11 @@
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
               }
+            },
+            {
+              "description": "(React: onBlur) This event is dispatched when the linkbutton loses focus.",
+              "name": "blur",
+              "reactName": "onBlur"
             }
           ],
           "attributes": [
@@ -21640,7 +21636,7 @@
               "type": {
                 "text": "ButtonSize"
               },
-              "description": "Sets the size of the linkbutton.\nAcceptable values:\n- 12\n- 14\n- 16",
+              "description": "Size of the linkbutton text and icon.\n- **12**: 0.75rem font size\n- **14**: 0.875rem font size\n- **16**: 1rem font size (default)",
               "default": "16",
               "fieldName": "size",
               "inheritedFrom": {
@@ -21653,7 +21649,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "The linkbutton can be inline or standalone.",
+              "description": "Display mode of the linkbutton.\n- `false`: Standalone display (default)\n- `true`: Inline display within text flow",
               "default": "false",
               "fieldName": "inline"
             },
@@ -21662,7 +21658,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "The linkbutton color can be inverted by setting the inverted attribute to true.",
+              "description": "Color scheme of the linkbutton.\n- `false`: Normal color scheme for light backgrounds (default)\n- `true`: Inverted color scheme for dark backgrounds",
               "default": "false",
               "fieldName": "inverted"
             },
@@ -21818,7 +21814,7 @@
             "module": "/src/components/buttonsimple/buttonsimple.component"
           },
           "tagName": "mdc-linkbutton",
-          "jsDoc": "/**\n * `mdc-linkbutton` visually mimics a hyperlink while functioning as a button. It blends the appearance of `mdc-link` with the accessibility and interaction capabilities of `mdc-button`.\n *\n * ### Features:\n * - Looks like a link, behaves like a button.\n * - Supports slots for a text label and an optional trailing icon.\n * - Inherits accessibility and keyboard interaction behavior from `mdc-buttonsimple`.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-linkbutton\n *\n * @slot - Text label of the linkbutton.\n *\n * @event click - (React: onClick) This event is dispatched when the linkbutton is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the linkbutton.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the linkbutton.\n * @event focus - (React: onFocus) This event is dispatched when the linkbutton receives focus.\n *\n * @cssproperty --mdc-link-border-radius - Border radius of the linkbutton.\n * @cssproperty --mdc-link-color-active - Color of the linkbutton’s child content in the active state.\n * @cssproperty --mdc-link-color-disabled - Color of the linkbutton’s child content in the disabled state.\n * @cssproperty --mdc-link-color-hover - Color of the linkbutton’s child content in the hover state.\n * @cssproperty --mdc-link-color-normal - Color of the linkbutton’s child content in the normal state.\n * @cssproperty --mdc-link-inverted-color-active - Color of the inverted linkbutton’s child content in the active state.\n * @cssproperty --mdc-link-inverted-color-disabled - Color of the inverted linkbutton’s child content in the disabled state.\n * @cssproperty --mdc-link-inverted-color-hover - Color of the inverted linkbutton’s child content in the hover state.\n * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted linkbutton’s child content in the normal state.\n * @cssproperty --mdc-button-height - Height for button size\n */",
+          "jsDoc": "/**\n * `mdc-linkbutton` visually mimics a hyperlink while functioning as a button. It blends the appearance of `mdc-link` with the accessibility and interaction capabilities of `mdc-button`.\n *\n * ### Features:\n * - Looks like a link, behaves like a button.\n * - Supports slots for a text label and an optional trailing icon.\n * - Inherits accessibility and keyboard interaction behavior from `mdc-buttonsimple`.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-linkbutton\n *\n * @slot - Text label of the linkbutton.\n *\n * @event click - (React: onClick) This event is dispatched when the linkbutton is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the linkbutton.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the linkbutton.\n * @event focus - (React: onFocus) This event is dispatched when the linkbutton receives focus.\n * @event blur - (React: onBlur) This event is dispatched when the linkbutton loses focus.\n *\n * @cssproperty --mdc-link-border-radius - Border radius of the linkbutton.\n * @cssproperty --mdc-link-color-active - Color of the linkbutton’s child content in the active state.\n * @cssproperty --mdc-link-color-disabled - Color of the linkbutton’s child content in the disabled state.\n * @cssproperty --mdc-link-color-hover - Color of the linkbutton’s child content in the hover state.\n * @cssproperty --mdc-link-color-normal - Color of the linkbutton’s child content in the normal state.\n * @cssproperty --mdc-link-inverted-color-active - Color of the inverted linkbutton’s child content in the active state.\n * @cssproperty --mdc-link-inverted-color-disabled - Color of the inverted linkbutton’s child content in the disabled state.\n * @cssproperty --mdc-link-inverted-color-hover - Color of the inverted linkbutton’s child content in the hover state.\n * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted linkbutton’s child content in the normal state.\n * @cssproperty --mdc-button-height - Height for button size\n */",
           "customElement": true
         }
       ],
@@ -21922,7 +21918,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Optional download attribute to instruct browsers to download the linked resource.",
+              "description": "Optional download attribute to instruct browsers to download the linked resource.\n\nValid values:\n- empty string: browser suggests a name for the downloaded file\n- string: name of the downloaded file\n\nMore details in the [Anchor element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download) docs.",
               "attribute": "download",
               "reflects": true
             },
@@ -22124,7 +22120,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Optional download attribute to instruct browsers to download the linked resource.",
+              "description": "Optional download attribute to instruct browsers to download the linked resource.\n\nValid values:\n- empty string: browser suggests a name for the downloaded file\n- string: name of the downloaded file\n\nMore details in the [Anchor element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download) docs.",
               "fieldName": "download"
             },
             {

package/dist/react/buttonlink/index.d.ts

@@ -4,18 +4,20 @@ import type { Events as EventsInherited } from '../../components/linksimple/link
 /**
  * `mdc-buttonlink` combines the functional behavior of `mdc-linksimple` with the visual and structural
  * features of `mdc-button`. This includes support for variants, sizing, and optional
- * prefix and postfix icons via slots.
+ * prefix and postfix icons.
  *
  * ### Features:
- * - Behaves like an link while visually resembling a button.
- * - Supports slots for `prefix-icon` and `postfix-icon`.
+ * - Behaves like a link while visually resembling a button.
  * - Customizable size, color, and variant through attributes.
+ * - Supports prefix and postfix icons.
  * - Inherits accessibility and keyboard interaction support from `mdc-linksimple`.
  *
  * @dependency mdc-icon
  *
  * @tagname mdc-buttonlink
  *
+ * @slot default - The default slot for buttonlink text content.
+ *
  * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.
  * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.
  * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.
@@ -26,11 +28,11 @@ import type { Events as EventsInherited } from '../../components/linksimple/link
  * @csspart button-text - The slot containing the buttonlink text.
  * @csspart postfix-icon - The postfix icon element.
  *
- * @cssproperty --mdc-button-height - Height for button size
- * @cssproperty --mdc-button-background - Background color of the button
- * @cssproperty --mdc-button-border-color - Borer color of the button
- * @cssproperty --mdc-button-text-color - Text color of the button
- * @cssproperty --mdc-button-line-height - Line height of the button text
+ * @cssproperty --mdc-button-height - Height of the buttonlink
+ * @cssproperty --mdc-button-background - Background color of the buttonlink
+ * @cssproperty --mdc-button-border-color - Border color of the buttonlink
+ * @cssproperty --mdc-button-text-color - Text color of the buttonlink
+ * @cssproperty --mdc-button-line-height - Line height of the buttonlink text
  * @cssproperty --mdc-button-prefix-icon-size - Size of the prefix icon
  * @cssproperty --mdc-button-postfix-icon-size - Size of the postfix icon
  */

package/dist/react/buttonlink/index.js

@@ -5,18 +5,20 @@ import { TAG_NAME } from '../../components/buttonlink/buttonlink.constants';
 /**
  * `mdc-buttonlink` combines the functional behavior of `mdc-linksimple` with the visual and structural
  * features of `mdc-button`. This includes support for variants, sizing, and optional
- * prefix and postfix icons via slots.
+ * prefix and postfix icons.
  *
  * ### Features:
- * - Behaves like an link while visually resembling a button.
- * - Supports slots for `prefix-icon` and `postfix-icon`.
+ * - Behaves like a link while visually resembling a button.
  * - Customizable size, color, and variant through attributes.
+ * - Supports prefix and postfix icons.
  * - Inherits accessibility and keyboard interaction support from `mdc-linksimple`.
  *
  * @dependency mdc-icon
  *
  * @tagname mdc-buttonlink
  *
+ * @slot default - The default slot for buttonlink text content.
+ *
  * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.
  * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.
  * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.
@@ -27,11 +29,11 @@ import { TAG_NAME } from '../../components/buttonlink/buttonlink.constants';
  * @csspart button-text - The slot containing the buttonlink text.
  * @csspart postfix-icon - The postfix icon element.
  *
- * @cssproperty --mdc-button-height - Height for button size
- * @cssproperty --mdc-button-background - Background color of the button
- * @cssproperty --mdc-button-border-color - Borer color of the button
- * @cssproperty --mdc-button-text-color - Text color of the button
- * @cssproperty --mdc-button-line-height - Line height of the button text
+ * @cssproperty --mdc-button-height - Height of the buttonlink
+ * @cssproperty --mdc-button-background - Background color of the buttonlink
+ * @cssproperty --mdc-button-border-color - Border color of the buttonlink
+ * @cssproperty --mdc-button-text-color - Text color of the buttonlink
+ * @cssproperty --mdc-button-line-height - Line height of the buttonlink text
  * @cssproperty --mdc-button-prefix-icon-size - Size of the prefix icon
  * @cssproperty --mdc-button-postfix-icon-size - Size of the postfix icon
  */

package/dist/react/linkbutton/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/linkbutton';
+import type { Events } from '../../components/linkbutton/linkbutton.types';
 import type { Events as EventsInherited } from '../../components/buttonsimple/buttonsimple.types';
 /**
  * `mdc-linkbutton` visually mimics a hyperlink while functioning as a button. It blends the appearance of `mdc-link` with the accessibility and interaction capabilities of `mdc-button`.
@@ -19,6 +20,7 @@ import type { Events as EventsInherited } from '../../components/buttonsimple/bu
  * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the linkbutton.
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the linkbutton.
  * @event focus - (React: onFocus) This event is dispatched when the linkbutton receives focus.
+ * @event blur - (React: onBlur) This event is dispatched when the linkbutton loses focus.
  *
  * @cssproperty --mdc-link-border-radius - Border radius of the linkbutton.
  * @cssproperty --mdc-link-color-active - Color of the linkbutton’s child content in the active state.
@@ -32,6 +34,7 @@ import type { Events as EventsInherited } from '../../components/buttonsimple/bu
  * @cssproperty --mdc-button-height - Height for button size
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onBlur: EventName<Events["onBlurEvent"]>;
     onClick: EventName<EventsInherited["onClickEvent"]>;
     onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
     onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;

package/dist/react/linkbutton/index.js

@@ -20,6 +20,7 @@ import { TAG_NAME } from '../../components/linkbutton/linkbutton.constants';
  * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the linkbutton.
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the linkbutton.
  * @event focus - (React: onFocus) This event is dispatched when the linkbutton receives focus.
+ * @event blur - (React: onBlur) This event is dispatched when the linkbutton loses focus.
  *
  * @cssproperty --mdc-link-border-radius - Border radius of the linkbutton.
  * @cssproperty --mdc-link-color-active - Color of the linkbutton’s child content in the active state.
@@ -37,6 +38,7 @@ const reactWrapper = createComponent({
     elementClass: Component,
     react: React,
     events: {
+        onBlur: 'blur',
         onClick: 'click',
         onKeyDown: 'keydown',
         onKeyUp: 'keyup',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.129.12",
+  "version": "0.129.13",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"