@momentum-design/components 0.129.11 → 0.129.13

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

@@ -1,4 +1,4 @@
-import type { CSSResult } from 'lit';
+import type { CSSResult, TemplateResult } from 'lit';
 import { Component } from '../../models';
 import type { BannerVariant } from './banner.types';
 /**
@@ -51,7 +51,7 @@ declare class Banner extends Component {
     /**
      * Banner label text
      */
-    label: string;
+    label?: string;
     /**
      * Banner secondary label text
      *
@@ -74,7 +74,7 @@ declare class Banner extends Component {
      * @returns Template result containing label and optional secondary label elements
      */
     private getTextLabel;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): TemplateResult<1>;
     static styles: Array<CSSResult>;
 }
 export default Banner;

package/dist/components/banner/banner.component.js

@@ -63,10 +63,6 @@ class Banner extends Component {
          * @default 'custom'
          */
         this.variant = DEFAULTS.VARIANT;
-        /**
-         * Banner label text
-         */
-        this.label = '';
     }
     /**
      * @internal
@@ -79,12 +75,7 @@ class Banner extends Component {
         if (!iconName)
             return nothing;
         return html `
-      <mdc-icon
-        name="${iconName}"
-        size="${DEFAULTS.PREFIX_ICON_SIZE}"
-        part="leading-icon"
-        length-unit="rem"
-      ></mdc-icon>
+      <mdc-icon name="${iconName}" size="${DEFAULTS.PREFIX_ICON_SIZE}" part="leading-icon" length-unit="rem"></mdc-icon>
     `;
     }
     /**
@@ -115,12 +106,11 @@ class Banner extends Component {
     `;
     }
     render() {
-        var _a;
         return html `
       <slot name="content">
         <div part="leading">
           <slot name="leading-icon">
-            ${this.variant !== DEFAULTS.VARIANT ? this.renderIcon((_a = getIconNameForVariant(this.variant)) !== null && _a !== void 0 ? _a : '') : nothing}
+            ${this.variant !== DEFAULTS.VARIANT ? this.renderIcon(getIconNameForVariant(this.variant)) : nothing}
           </slot>
           <slot name="leading-text">
             <div part="leading-text">${this.getTextLabel()}</div>

package/dist/components/banner/banner.constants.d.ts

@@ -1,3 +1,4 @@
+import type { IconNames } from '../icon/icon.types';
 declare const TAG_NAME: "mdc-banner";
 /**
  * Banner variants
@@ -13,10 +14,10 @@ declare const BANNER_VARIANT: {
  * Icon names for variants
  */
 declare const VARIANT_ICON_NAMES: {
-    readonly INFORMATIONAL_ICON_NAME: "info-circle-bold";
-    readonly SUCCESS_ICON_NAME: "check-circle-bold";
-    readonly WARNING_ICON_NAME: "warning-bold";
-    readonly ERROR_ICON_NAME: "error-legacy-bold";
+    readonly INFORMATIONAL_ICON_NAME: Extract<IconNames, "info-circle-bold">;
+    readonly SUCCESS_ICON_NAME: Extract<IconNames, "check-circle-bold">;
+    readonly WARNING_ICON_NAME: Extract<IconNames, "warning-bold">;
+    readonly ERROR_ICON_NAME: Extract<IconNames, "error-legacy-bold">;
 };
 /**
  * Default values
@@ -25,4 +26,4 @@ declare const DEFAULTS: {
     readonly VARIANT: "custom";
     readonly PREFIX_ICON_SIZE: 1.25;
 };
-export { TAG_NAME, BANNER_VARIANT, DEFAULTS, VARIANT_ICON_NAMES };
+export { BANNER_VARIANT, DEFAULTS, TAG_NAME, VARIANT_ICON_NAMES };

package/dist/components/banner/banner.constants.js

@@ -26,4 +26,4 @@ const DEFAULTS = {
     VARIANT: BANNER_VARIANT.CUSTOM,
     PREFIX_ICON_SIZE: 1.25,
 };
-export { TAG_NAME, BANNER_VARIANT, DEFAULTS, VARIANT_ICON_NAMES };
+export { BANNER_VARIANT, DEFAULTS, TAG_NAME, VARIANT_ICON_NAMES };

package/dist/components/banner/banner.utils.d.ts

@@ -1,3 +1,4 @@
+import type { IconNames } from '../icon/icon.types';
 import type { BannerVariant } from './banner.types';
-declare const getIconNameForVariant: (variant: BannerVariant) => string | null;
+declare const getIconNameForVariant: (variant: BannerVariant) => IconNames | null;
 export { getIconNameForVariant };

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

@@ -4797,9 +4797,8 @@
               "kind": "field",
               "name": "label",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
               "description": "Banner label text",
               "attribute": "label",
               "reflects": true
@@ -4839,9 +4838,8 @@
             {
               "name": "label",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
               "description": "Banner label text",
               "fieldName": "label"
             },
@@ -6080,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"
             },
             {
@@ -6206,6 +6204,12 @@
               "name": "postfix-icon"
             }
           ],
+          "slots": [
+            {
+              "description": "The default slot for buttonlink text content.",
+              "name": "default"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -6257,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": {
@@ -6541,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
@@ -6645,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"
             },
@@ -6802,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",
@@ -6869,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
         }
       ],
@@ -20624,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": {
@@ -20997,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",
@@ -21374,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
@@ -21385,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
@@ -21472,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",
@@ -21520,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,
@@ -21634,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": [
@@ -21642,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": {
@@ -21655,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"
             },
@@ -21664,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"
             },
@@ -21820,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
         }
       ],
@@ -21924,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
             },
@@ -22126,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
  */