@momentum-design/components 0.70.3 → 0.70.4

package/dist/custom-elements.json

@@ -1439,110 +1439,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/brandvisual/brandvisual.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\ndisplayed correctly within applications.\n\nFeatures:\n- Dynamically loads brandvisuals based on the `name` attribute.\n- Emits a `load` event when the brandvisual is successfully fetched.\n- Emits an `error` event when the brandvisual import fails.\n- Supports accessibility best practices.\n- Used for brand representation within the design system.",
-          "name": "Brandvisual",
-          "members": [
-            {
-              "kind": "field",
-              "name": "brandVisualData",
-              "type": {
-                "text": "HTMLElement | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "BrandVisualNames | undefined"
-              },
-              "description": "Name of the brandVisual (= filename)",
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "getBrandVisualData",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleBrandVisualLoadedSuccess",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "brandVisualHtml",
-                  "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "The brandvisual html element which has been fetched from the brandvisual provider."
-                }
-              ],
-              "description": "Sets the brandVisualData state to the fetched brandvisual.\nDispatches a 'load' event on the component once the brandvisual has been successfully loaded."
-            },
-            {
-              "kind": "method",
-              "name": "handleBrandVisualLoadedFailure",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "error",
-                  "type": {
-                    "text": "unknown"
-                  }
-                }
-              ],
-              "description": "Dispatches an 'error' event on the component when the brandvisual import has failed.\nThis event bubbles and is cancelable.\nThe error detail is set to the error object."
-            }
-          ],
-          "events": [
-            {
-              "description": "(React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.",
-              "name": "load",
-              "reactName": "onLoad"
-            },
-            {
-              "description": "(React: onError) This event is dispatched when the brandvisual fetching has failed.",
-              "name": "error",
-              "reactName": "onError"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "BrandVisualNames | undefined"
-              },
-              "description": "Name of the brandVisual (= filename)",
-              "fieldName": "name"
-            }
-          ],
-          "superclass": {
-            "name": "Component",
-            "module": "/src/models"
-          },
-          "tagName": "mdc-brandvisual",
-          "jsDoc": "/**\n * The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\n * displayed correctly within applications.\n *\n * Features:\n * - Dynamically loads brandvisuals based on the `name` attribute.\n * - Emits a `load` event when the brandvisual is successfully fetched.\n * - Emits an `error` event when the brandvisual import fails.\n * - Supports accessibility best practices.\n * - Used for brand representation within the design system.\n *\n * @tagname mdc-brandvisual\n *\n * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.\n * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.\n *\n */",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Brandvisual",
-            "module": "components/brandvisual/brandvisual.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/badge/badge.component.js",
@@ -1864,6 +1760,110 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/brandvisual/brandvisual.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\ndisplayed correctly within applications.\n\nFeatures:\n- Dynamically loads brandvisuals based on the `name` attribute.\n- Emits a `load` event when the brandvisual is successfully fetched.\n- Emits an `error` event when the brandvisual import fails.\n- Supports accessibility best practices.\n- Used for brand representation within the design system.",
+          "name": "Brandvisual",
+          "members": [
+            {
+              "kind": "field",
+              "name": "brandVisualData",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "BrandVisualNames | undefined"
+              },
+              "description": "Name of the brandVisual (= filename)",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "getBrandVisualData",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleBrandVisualLoadedSuccess",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "brandVisualHtml",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "The brandvisual html element which has been fetched from the brandvisual provider."
+                }
+              ],
+              "description": "Sets the brandVisualData state to the fetched brandvisual.\nDispatches a 'load' event on the component once the brandvisual has been successfully loaded."
+            },
+            {
+              "kind": "method",
+              "name": "handleBrandVisualLoadedFailure",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "error",
+                  "type": {
+                    "text": "unknown"
+                  }
+                }
+              ],
+              "description": "Dispatches an 'error' event on the component when the brandvisual import has failed.\nThis event bubbles and is cancelable.\nThe error detail is set to the error object."
+            }
+          ],
+          "events": [
+            {
+              "description": "(React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.",
+              "name": "load",
+              "reactName": "onLoad"
+            },
+            {
+              "description": "(React: onError) This event is dispatched when the brandvisual fetching has failed.",
+              "name": "error",
+              "reactName": "onError"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "BrandVisualNames | undefined"
+              },
+              "description": "Name of the brandVisual (= filename)",
+              "fieldName": "name"
+            }
+          ],
+          "superclass": {
+            "name": "Component",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-brandvisual",
+          "jsDoc": "/**\n * The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\n * displayed correctly within applications.\n *\n * Features:\n * - Dynamically loads brandvisuals based on the `name` attribute.\n * - Emits a `load` event when the brandvisual is successfully fetched.\n * - Emits an `error` event when the brandvisual import fails.\n * - Supports accessibility best practices.\n * - Used for brand representation within the design system.\n *\n * @tagname mdc-brandvisual\n *\n * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.\n * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.\n *\n */",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Brandvisual",
+            "module": "components/brandvisual/brandvisual.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/bullet/bullet.component.js",
@@ -3631,6 +3631,7 @@
               "default": "''",
               "description": "The title of the card - part of header section",
               "attribute": "card-title",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -3645,6 +3646,7 @@
               "default": "''",
               "description": "The subtitle of the card - part of header section",
               "attribute": "subtitle",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -3659,6 +3661,7 @@
               "default": "''",
               "description": "The image source URL to render on the card",
               "attribute": "image-src",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -3673,6 +3676,7 @@
               "default": "''",
               "description": "The image alt for accessibility support",
               "attribute": "image-alt",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -3687,6 +3691,7 @@
               "description": "The variant of the card. It can either be set to 'border' or 'ghost'",
               "default": "'border'",
               "attribute": "variant",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -3716,6 +3721,7 @@
               "description": "The tag name for the card title. It supports all the types that `msc-text` supports",
               "default": "'span'",
               "attribute": "title-tag-name",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -3730,6 +3736,7 @@
               "description": "The tag name for the subtitle. It supports all the types that `msc-text` supports",
               "default": "'span'",
               "attribute": "subtitle-tag-name",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -3743,6 +3750,7 @@
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
               "attribute": "icon-name",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -4000,6 +4008,7 @@
               "default": "''",
               "description": "The title of the card - part of header section",
               "attribute": "card-title",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -4014,6 +4023,7 @@
               "default": "''",
               "description": "The subtitle of the card - part of header section",
               "attribute": "subtitle",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -4028,6 +4038,7 @@
               "default": "''",
               "description": "The image source URL to render on the card",
               "attribute": "image-src",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -4042,6 +4053,7 @@
               "default": "''",
               "description": "The image alt for accessibility support",
               "attribute": "image-alt",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -4056,6 +4068,7 @@
               "description": "The variant of the card. It can either be set to 'border' or 'ghost'",
               "default": "'border'",
               "attribute": "variant",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -4085,6 +4098,7 @@
               "description": "The tag name for the card title. It supports all the types that `msc-text` supports",
               "default": "'span'",
               "attribute": "title-tag-name",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -4099,6 +4113,7 @@
               "description": "The tag name for the subtitle. It supports all the types that `msc-text` supports",
               "default": "'span'",
               "attribute": "subtitle-tag-name",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -4112,6 +4127,7 @@
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
               "attribute": "icon-name",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "CardComponentMixin",
                 "module": "utils/mixins/CardComponentMixin.js"
@@ -4787,7 +4803,8 @@
               },
               "description": "The selection type of the card. It can either be set to 'check' or 'checkbox'",
               "default": "'check'",
-              "attribute": "selection-type"
+              "attribute": "selection-type",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -4890,6 +4907,7 @@
               "default": "''",
               "description": "The title of the card - part of header section",
               "attribute": "card-title",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -4904,6 +4922,7 @@
               "default": "''",
               "description": "The subtitle of the card - part of header section",
               "attribute": "subtitle",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -4918,6 +4937,7 @@
               "default": "''",
               "description": "The image source URL to render on the card",
               "attribute": "image-src",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -4932,6 +4952,7 @@
               "default": "''",
               "description": "The image alt for accessibility support",
               "attribute": "image-alt",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -4946,6 +4967,7 @@
               "description": "The variant of the card. It can either be set to 'border' or 'ghost'",
               "default": "'border'",
               "attribute": "variant",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -4975,6 +4997,7 @@
               "description": "The tag name for the card title. It supports all the types that `msc-text` supports",
               "default": "'span'",
               "attribute": "title-tag-name",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -4989,6 +5012,7 @@
               "description": "The tag name for the subtitle. It supports all the types that `msc-text` supports",
               "default": "'span'",
               "attribute": "subtitle-tag-name",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -5002,6 +5026,7 @@
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
               "attribute": "icon-name",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -5391,27 +5416,68 @@
             },
             {
               "kind": "method",
-              "name": "toggleOnEnter",
-              "privacy": "private",
+              "name": "setDisabled",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "disabled",
                   "type": {
-                    "text": "KeyboardEvent"
-                  },
-                  "description": "The keyboard event"
+                    "text": "boolean"
+                  }
                 }
-              ],
-              "description": "Toggles the checked state when enter key is used"
+              ]
             },
             {
               "kind": "method",
-              "name": "toggleOnSpace",
+              "name": "updateCardRadio",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "cards",
+                  "type": {
+                    "text": "CardRadio[]"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "toggleOnEnter",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  },
+                  "description": "The keyboard event"
+                }
+              ],
+              "description": "Toggles the checked state when enter key is used"
+            },
+            {
+              "kind": "method",
+              "name": "toggleOnSpace",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
                     "text": "KeyboardEvent"
                   },
                   "description": "The keyboard event"
@@ -5473,6 +5539,7 @@
               "default": "''",
               "description": "The title of the card - part of header section",
               "attribute": "card-title",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -5487,6 +5554,7 @@
               "default": "''",
               "description": "The subtitle of the card - part of header section",
               "attribute": "subtitle",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -5501,6 +5569,7 @@
               "default": "''",
               "description": "The image source URL to render on the card",
               "attribute": "image-src",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -5515,6 +5584,7 @@
               "default": "''",
               "description": "The image alt for accessibility support",
               "attribute": "image-alt",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -5529,6 +5599,7 @@
               "description": "The variant of the card. It can either be set to 'border' or 'ghost'",
               "default": "'border'",
               "attribute": "variant",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -5558,6 +5629,7 @@
               "description": "The tag name for the card title. It supports all the types that `msc-text` supports",
               "default": "'span'",
               "attribute": "title-tag-name",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -5572,6 +5644,7 @@
               "description": "The tag name for the subtitle. It supports all the types that `msc-text` supports",
               "default": "'span'",
               "attribute": "subtitle-tag-name",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -5585,6 +5658,7 @@
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
               "attribute": "icon-name",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "Card",
                 "module": "components/card/card.component.js"
@@ -12536,51 +12610,78 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/linksimple/linksimple.component.js",
+      "path": "components/link/link.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "`mdc-linksimple` is a lightweight link component that can be used to navigate\nwithin the application or to an external URL. It does not have any predefined default size.\n\nThe `children` of the `mdc-linksimple` component can be customized to suit\ndifferent use cases, including text, icons, or other inline content. For the child to be an icon,\nthe `mdc-icon` component should be used to render.",
-          "name": "Linksimple",
-          "cssProperties": [
-            {
-              "description": "Border radius of the link.",
-              "name": "--mdc-link-border-radius"
-            },
-            {
-              "description": "Color of the link’s child content in the active state.",
-              "name": "--mdc-link-color-active"
-            },
-            {
-              "description": "Color of the link’s child content in the disabled state.",
-              "name": "--mdc-link-color-disabled"
-            },
+          "description": "`mdc-link` component can be used to navigate to a different page\nwithin the application or to an external site. It can be used to link to\nemails or phone numbers.\n\nThe `children` of the link component is expected to be the text content.\n\nFor `icon`, the `mdc-icon` component is used to render the icon.",
+          "name": "Link",
+          "members": [
             {
-              "description": "Color of the link’s child content in the hover state.",
-              "name": "--mdc-link-color-hover"
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "LinkSize"
+              },
+              "description": "Size of the link.\nAcceptable values include:\n\n- 'small'\n- 'midsize'\n- 'large'",
+              "default": "large",
+              "attribute": "size",
+              "reflects": true
             },
             {
-              "description": "Color of the link’s child content in the normal state.",
-              "name": "--mdc-link-color-normal"
+              "kind": "method",
+              "name": "getIconSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "description": "Method to get the size of the trailing icon based on the link size."
             },
             {
-              "description": "Color of the inverted link’s child content in the active state.",
-              "name": "--mdc-link-inverted-color-active"
+              "kind": "field",
+              "name": "iconName",
+              "type": {
+                "text": "IconNames | undefined"
+              },
+              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "attribute": "icon-name",
+              "inheritedFrom": {
+                "name": "IconNameMixin",
+                "module": "utils/mixins/IconNameMixin.js"
+              }
             },
             {
-              "description": "Color of the inverted link’s child content in the disabled state.",
-              "name": "--mdc-link-inverted-color-disabled"
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
+              "default": "undefined",
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "DisabledMixin",
+                "module": "utils/mixins/DisabledMixin.js"
+              }
             },
             {
-              "description": "Color of the inverted link’s child content in the hover state.",
-              "name": "--mdc-link-inverted-color-hover"
+              "kind": "field",
+              "name": "tabIndex",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "This property specifies the tab order of the element.",
+              "attribute": "tabIndex",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "TabIndexMixin",
+                "module": "utils/mixins/TabIndexMixin.js"
+              }
             },
-            {
-              "description": "Color of the inverted link’s child content in the normal state.",
-              "name": "--mdc-link-inverted-color-normal"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
               "name": "inline",
@@ -12590,7 +12691,11 @@
               "description": "The link can be inline or standalone.",
               "default": "false",
               "attribute": "inline",
-              "reflects": true
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "components/linksimple/linksimple.component.js"
+              }
             },
             {
               "kind": "field",
@@ -12601,7 +12706,11 @@
               "description": "The link color can be inverted by setting the inverted attribute to true.",
               "default": "false",
               "attribute": "inverted",
-              "reflects": true
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "components/linksimple/linksimple.component.js"
+              }
             },
             {
               "kind": "field",
@@ -12612,7 +12721,11 @@
               "default": "'#'",
               "description": "Href for navigation. The URL that the hyperlink points to",
               "attribute": "href",
-              "reflects": true
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "components/linksimple/linksimple.component.js"
+              }
             },
             {
               "kind": "field",
@@ -12623,7 +12736,11 @@
               "default": "'_self'",
               "description": "Optional target: _blank, _self, _parent, _top and _unfencedTop",
               "attribute": "target",
-              "reflects": true
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "components/linksimple/linksimple.component.js"
+              }
             },
             {
               "kind": "field",
@@ -12633,12 +12750,20 @@
               },
               "description": "Optional rel attribute that defines the relationship of the linked URL as space-separated link types.",
               "attribute": "rel",
-              "reflects": true
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "components/linksimple/linksimple.component.js"
+              }
             },
             {
               "kind": "field",
               "name": "handleNavigation",
-              "privacy": "private"
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "components/linksimple/linksimple.component.js"
+              }
             },
             {
               "kind": "method",
@@ -12653,105 +12778,72 @@
                   "description": "Whether the element should be disabled"
                 }
               ],
-              "description": "Sets or removes `aria-disabled` and updates `tabIndex` to reflect\nthe disabled state. When disabled, the element becomes unfocusable;\nwhen enabled, the previous `tabIndex` is restored."
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
-              "default": "undefined",
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "DisabledMixin",
-                "module": "utils/mixins/DisabledMixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "tabIndex",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "This property specifies the tab order of the element.",
-              "attribute": "tabIndex",
-              "reflects": true,
+              "description": "Sets or removes `aria-disabled` and updates `tabIndex` to reflect\nthe disabled state. When disabled, the element becomes unfocusable;\nwhen enabled, the previous `tabIndex` is restored.",
               "inheritedFrom": {
-                "name": "TabIndexMixin",
-                "module": "utils/mixins/TabIndexMixin.js"
+                "name": "Linksimple",
+                "module": "components/linksimple/linksimple.component.js"
               }
             }
           ],
           "events": [
             {
-              "description": "(React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.",
+              "description": "(React: onClick) Fired when the user activates the Link using a mouse or assistive technology.",
               "name": "click",
-              "reactName": "onClick"
+              "reactName": "onClick",
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "src/components/linksimple/linksimple.component.ts"
+              }
             },
             {
-              "description": "(React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.",
+              "description": "(React: onKeyDown) Fired when the user presses a key while the Link has focus.",
               "name": "keydown",
-              "reactName": "onKeyDown"
+              "reactName": "onKeyDown",
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "src/components/linksimple/linksimple.component.ts"
+              }
             },
             {
-              "description": "(React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.",
+              "description": "(React: onFocus) Fired when the Link receives keyboard or mouse focus.",
               "name": "focus",
-              "reactName": "onFocus"
+              "reactName": "onFocus",
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "src/components/linksimple/linksimple.component.ts"
+              }
             },
             {
-              "description": "(React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.",
+              "description": "(React: onBlur) Fired when the Link loses keyboard or mouse focus.",
               "name": "blur",
-              "reactName": "onBlur"
+              "reactName": "onBlur",
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "src/components/linksimple/linksimple.component.ts"
+              }
             }
           ],
           "attributes": [
             {
-              "name": "inline",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "LinkSize"
               },
-              "description": "The link can be inline or standalone.",
-              "default": "false",
-              "fieldName": "inline"
+              "description": "Size of the link.\nAcceptable values include:\n\n- 'small'\n- 'midsize'\n- 'large'",
+              "default": "large",
+              "fieldName": "size"
             },
             {
-              "name": "inverted",
+              "name": "icon-name",
               "type": {
-                "text": "boolean"
+                "text": "IconNames | undefined"
               },
-              "description": "The link color can be inverted by setting the inverted attribute to true.",
-              "default": "false",
-              "fieldName": "inverted"
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "'#'",
-              "description": "Href for navigation. The URL that the hyperlink points to",
-              "fieldName": "href"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "string"
-              },
-              "default": "'_self'",
-              "description": "Optional target: _blank, _self, _parent, _top and _unfencedTop",
-              "fieldName": "target"
-            },
-            {
-              "name": "rel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional rel attribute that defines the relationship of the linked URL as space-separated link types.",
-              "fieldName": "rel"
+              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "fieldName": "iconName",
+              "inheritedFrom": {
+                "name": "IconNameMixin",
+                "module": "src/utils/mixins/IconNameMixin.ts"
+              }
             },
             {
               "name": "disabled",
@@ -12778,301 +12870,347 @@
                 "name": "TabIndexMixin",
                 "module": "src/utils/mixins/TabIndexMixin.ts"
               }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "DisabledMixin",
-              "module": "/src/utils/mixins/DisabledMixin"
-            },
-            {
-              "name": "TabIndexMixin",
-              "module": "/src/utils/mixins/TabIndexMixin"
-            }
-          ],
-          "superclass": {
-            "name": "Component",
-            "module": "/src/models"
-          },
-          "tagName": "mdc-linksimple",
-          "jsDoc": "/**\n * `mdc-linksimple` is a lightweight link component that can be used to navigate\n * within the application or to an external URL. It does not have any predefined default size.\n *\n * The `children` of the `mdc-linksimple` component can be customized to suit\n * different use cases, including text, icons, or other inline content. For the child to be an icon,\n * the `mdc-icon` component should be used to render.\n *\n * @tagname mdc-linksimple\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 * @cssproperty --mdc-link-border-radius - Border radius of the link.\n * @cssproperty --mdc-link-color-active - Color of the link’s child content in the active state.\n * @cssproperty --mdc-link-color-disabled - Color of the link’s child content in the disabled state.\n * @cssproperty --mdc-link-color-hover - Color of the link’s child content in the hover state.\n * @cssproperty --mdc-link-color-normal - Color of the link’s child content in the normal state.\n * @cssproperty --mdc-link-inverted-color-active - Color of the inverted link’s child content in the active state.\n * @cssproperty --mdc-link-inverted-color-disabled - Color of the inverted link’s child content in the disabled state.\n * @cssproperty --mdc-link-inverted-color-hover - Color of the inverted link’s child content in the hover state.\n * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted link’s child content in the normal state.\n */",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Linksimple",
-            "module": "components/linksimple/linksimple.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/link/link.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "`mdc-link` component can be used to navigate to a different page\nwithin the application or to an external site. It can be used to link to\nemails or phone numbers.\n\nThe `children` of the link component is expected to be the text content.\n\nFor `icon`, the `mdc-icon` component is used to render the icon.",
-          "name": "Link",
-          "members": [
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "LinkSize"
-              },
-              "description": "Size of the link.\nAcceptable values include:\n\n- 'small'\n- 'midsize'\n- 'large'",
-              "default": "large",
-              "attribute": "size",
-              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "getIconSize",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "description": "Method to get the size of the trailing icon based on the link size."
-            },
-            {
-              "kind": "field",
-              "name": "iconName",
-              "type": {
-                "text": "IconNames | undefined"
-              },
-              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
-              "attribute": "icon-name",
-              "inheritedFrom": {
-                "name": "IconNameMixin",
-                "module": "utils/mixins/IconNameMixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
-              "default": "undefined",
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "components/linksimple/linksimple.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "tabIndex",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "This property specifies the tab order of the element.",
-              "attribute": "tabIndex",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "components/linksimple/linksimple.component.js"
-              }
-            },
-            {
-              "kind": "field",
               "name": "inline",
               "type": {
                 "text": "boolean"
               },
               "description": "The link can be inline or standalone.",
               "default": "false",
-              "attribute": "inline",
-              "reflects": true,
+              "fieldName": "inline",
               "inheritedFrom": {
                 "name": "Linksimple",
-                "module": "components/linksimple/linksimple.component.js"
+                "module": "src/components/linksimple/linksimple.component.ts"
               }
             },
             {
-              "kind": "field",
               "name": "inverted",
               "type": {
                 "text": "boolean"
               },
               "description": "The link color can be inverted by setting the inverted attribute to true.",
               "default": "false",
-              "attribute": "inverted",
-              "reflects": true,
+              "fieldName": "inverted",
               "inheritedFrom": {
                 "name": "Linksimple",
-                "module": "components/linksimple/linksimple.component.js"
+                "module": "src/components/linksimple/linksimple.component.ts"
               }
             },
             {
-              "kind": "field",
               "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "'#'",
               "description": "Href for navigation. The URL that the hyperlink points to",
-              "attribute": "href",
-              "reflects": true,
+              "fieldName": "href",
               "inheritedFrom": {
                 "name": "Linksimple",
-                "module": "components/linksimple/linksimple.component.js"
+                "module": "src/components/linksimple/linksimple.component.ts"
               }
             },
             {
-              "kind": "field",
               "name": "target",
               "type": {
                 "text": "string"
               },
               "default": "'_self'",
               "description": "Optional target: _blank, _self, _parent, _top and _unfencedTop",
-              "attribute": "target",
-              "reflects": true,
+              "fieldName": "target",
               "inheritedFrom": {
                 "name": "Linksimple",
-                "module": "components/linksimple/linksimple.component.js"
+                "module": "src/components/linksimple/linksimple.component.ts"
               }
             },
             {
-              "kind": "field",
               "name": "rel",
               "type": {
                 "text": "string | undefined"
               },
               "description": "Optional rel attribute that defines the relationship of the linked URL as space-separated link types.",
-              "attribute": "rel",
-              "reflects": true,
+              "fieldName": "rel",
               "inheritedFrom": {
                 "name": "Linksimple",
-                "module": "components/linksimple/linksimple.component.js"
+                "module": "src/components/linksimple/linksimple.component.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "IconNameMixin",
+              "module": "/src/utils/mixins/IconNameMixin"
+            }
+          ],
+          "superclass": {
+            "name": "Linksimple",
+            "module": "/src/components/linksimple/linksimple.component"
+          },
+          "tagName": "mdc-link",
+          "jsDoc": "/**\n * `mdc-link` component can be used to navigate to a different page\n * within the application or to an external site. It can be used to link to\n * emails or phone numbers.\n *\n * The `children` of the link component is expected to be the text content.\n *\n * For `icon`, the `mdc-icon` component is used to render the icon.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-link\n *\n * @event click - (React: onClick) Fired when the user activates the Link using a mouse or assistive technology.\n * @event keydown - (React: onKeyDown) Fired when the user presses a key while the Link has focus.\n * @event focus - (React: onFocus) Fired when the Link receives keyboard or mouse focus.\n * @event blur - (React: onBlur) Fired when the Link loses keyboard or mouse focus.\n */",
+          "customElement": true,
+          "cssProperties": [
+            {
+              "description": "Border radius of the link.",
+              "name": "--mdc-link-border-radius",
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "src/components/linksimple/linksimple.component.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "handleNavigation",
-              "privacy": "private",
+              "description": "Color of the link’s child content in the active state.",
+              "name": "--mdc-link-color-active",
               "inheritedFrom": {
                 "name": "Linksimple",
-                "module": "components/linksimple/linksimple.component.js"
+                "module": "src/components/linksimple/linksimple.component.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "setDisabled",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "disabled",
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "Whether the element should be disabled"
-                }
-              ],
-              "description": "Sets or removes `aria-disabled` and updates `tabIndex` to reflect\nthe disabled state. When disabled, the element becomes unfocusable;\nwhen enabled, the previous `tabIndex` is restored.",
+              "description": "Color of the link’s child content in the disabled state.",
+              "name": "--mdc-link-color-disabled",
               "inheritedFrom": {
                 "name": "Linksimple",
-                "module": "components/linksimple/linksimple.component.js"
+                "module": "src/components/linksimple/linksimple.component.ts"
               }
-            }
-          ],
-          "events": [
+            },
             {
-              "description": "(React: onClick) Fired when the user activates the Link using a mouse or assistive technology.",
-              "name": "click",
-              "reactName": "onClick",
+              "description": "Color of the link’s child content in the hover state.",
+              "name": "--mdc-link-color-hover",
               "inheritedFrom": {
                 "name": "Linksimple",
                 "module": "src/components/linksimple/linksimple.component.ts"
               }
             },
             {
-              "description": "(React: onKeyDown) Fired when the user presses a key while the Link has focus.",
-              "name": "keydown",
-              "reactName": "onKeyDown",
+              "description": "Color of the link’s child content in the normal state.",
+              "name": "--mdc-link-color-normal",
               "inheritedFrom": {
                 "name": "Linksimple",
                 "module": "src/components/linksimple/linksimple.component.ts"
               }
             },
             {
-              "description": "(React: onFocus) Fired when the Link receives keyboard or mouse focus.",
-              "name": "focus",
-              "reactName": "onFocus",
+              "description": "Color of the inverted link’s child content in the active state.",
+              "name": "--mdc-link-inverted-color-active",
               "inheritedFrom": {
                 "name": "Linksimple",
                 "module": "src/components/linksimple/linksimple.component.ts"
               }
             },
             {
-              "description": "(React: onBlur) Fired when the Link loses keyboard or mouse focus.",
-              "name": "blur",
-              "reactName": "onBlur",
+              "description": "Color of the inverted link’s child content in the disabled state.",
+              "name": "--mdc-link-inverted-color-disabled",
               "inheritedFrom": {
                 "name": "Linksimple",
                 "module": "src/components/linksimple/linksimple.component.ts"
               }
+            },
+            {
+              "description": "Color of the inverted link’s child content in the hover state.",
+              "name": "--mdc-link-inverted-color-hover",
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "src/components/linksimple/linksimple.component.ts"
+              }
+            },
+            {
+              "description": "Color of the inverted link’s child content in the normal state.",
+              "name": "--mdc-link-inverted-color-normal",
+              "inheritedFrom": {
+                "name": "Linksimple",
+                "module": "src/components/linksimple/linksimple.component.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Link",
+            "module": "components/link/link.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/linksimple/linksimple.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`mdc-linksimple` is a lightweight link component that can be used to navigate\nwithin the application or to an external URL. It does not have any predefined default size.\n\nThe `children` of the `mdc-linksimple` component can be customized to suit\ndifferent use cases, including text, icons, or other inline content. For the child to be an icon,\nthe `mdc-icon` component should be used to render.",
+          "name": "Linksimple",
+          "cssProperties": [
+            {
+              "description": "Border radius of the link.",
+              "name": "--mdc-link-border-radius"
+            },
+            {
+              "description": "Color of the link’s child content in the active state.",
+              "name": "--mdc-link-color-active"
+            },
+            {
+              "description": "Color of the link’s child content in the disabled state.",
+              "name": "--mdc-link-color-disabled"
+            },
+            {
+              "description": "Color of the link’s child content in the hover state.",
+              "name": "--mdc-link-color-hover"
+            },
+            {
+              "description": "Color of the link’s child content in the normal state.",
+              "name": "--mdc-link-color-normal"
+            },
+            {
+              "description": "Color of the inverted link’s child content in the active state.",
+              "name": "--mdc-link-inverted-color-active"
+            },
+            {
+              "description": "Color of the inverted link’s child content in the disabled state.",
+              "name": "--mdc-link-inverted-color-disabled"
+            },
+            {
+              "description": "Color of the inverted link’s child content in the hover state.",
+              "name": "--mdc-link-inverted-color-hover"
+            },
+            {
+              "description": "Color of the inverted link’s child content in the normal state.",
+              "name": "--mdc-link-inverted-color-normal"
             }
           ],
-          "attributes": [
+          "members": [
+            {
+              "kind": "field",
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The link can be inline or standalone.",
+              "default": "false",
+              "attribute": "inline",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The link color can be inverted by setting the inverted attribute to true.",
+              "default": "false",
+              "attribute": "inverted",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "'#'",
+              "description": "Href for navigation. The URL that the hyperlink points to",
+              "attribute": "href",
+              "reflects": true
+            },
             {
-              "name": "size",
+              "kind": "field",
+              "name": "target",
               "type": {
-                "text": "LinkSize"
+                "text": "string"
               },
-              "description": "Size of the link.\nAcceptable values include:\n\n- 'small'\n- 'midsize'\n- 'large'",
-              "default": "large",
-              "fieldName": "size"
+              "default": "'_self'",
+              "description": "Optional target: _blank, _self, _parent, _top and _unfencedTop",
+              "attribute": "target",
+              "reflects": true
             },
             {
-              "name": "icon-name",
+              "kind": "field",
+              "name": "rel",
               "type": {
-                "text": "IconNames | undefined"
+                "text": "string | undefined"
               },
-              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
-              "fieldName": "iconName",
-              "inheritedFrom": {
-                "name": "IconNameMixin",
-                "module": "src/utils/mixins/IconNameMixin.ts"
-              }
+              "description": "Optional rel attribute that defines the relationship of the linked URL as space-separated link types.",
+              "attribute": "rel",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "handleNavigation",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setDisabled",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "disabled",
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "description": "Whether the element should be disabled"
+                }
+              ],
+              "description": "Sets or removes `aria-disabled` and updates `tabIndex` to reflect\nthe disabled state. When disabled, the element becomes unfocusable;\nwhen enabled, the previous `tabIndex` is restored."
             },
             {
+              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean | undefined"
               },
               "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
               "default": "undefined",
-              "fieldName": "disabled",
+              "attribute": "disabled",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
+                "name": "DisabledMixin",
+                "module": "utils/mixins/DisabledMixin.js"
               }
             },
             {
+              "kind": "field",
               "name": "tabIndex",
               "type": {
                 "text": "number"
               },
               "default": "0",
               "description": "This property specifies the tab order of the element.",
-              "fieldName": "tabIndex",
+              "attribute": "tabIndex",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
+                "name": "TabIndexMixin",
+                "module": "utils/mixins/TabIndexMixin.js"
               }
+            }
+          ],
+          "events": [
+            {
+              "description": "(React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.",
+              "name": "click",
+              "reactName": "onClick"
+            },
+            {
+              "description": "(React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.",
+              "name": "keydown",
+              "reactName": "onKeyDown"
+            },
+            {
+              "description": "(React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.",
+              "name": "focus",
+              "reactName": "onFocus"
             },
+            {
+              "description": "(React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.",
+              "name": "blur",
+              "reactName": "onBlur"
+            }
+          ],
+          "attributes": [
             {
               "name": "inline",
               "type": {
@@ -13080,11 +13218,7 @@
               },
               "description": "The link can be inline or standalone.",
               "default": "false",
-              "fieldName": "inline",
-              "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
-              }
+              "fieldName": "inline"
             },
             {
               "name": "inverted",
@@ -13093,11 +13227,7 @@
               },
               "description": "The link color can be inverted by setting the inverted attribute to true.",
               "default": "false",
-              "fieldName": "inverted",
-              "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
-              }
+              "fieldName": "inverted"
             },
             {
               "name": "href",
@@ -13106,11 +13236,7 @@
               },
               "default": "'#'",
               "description": "Href for navigation. The URL that the hyperlink points to",
-              "fieldName": "href",
-              "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
-              }
+              "fieldName": "href"
             },
             {
               "name": "target",
@@ -13119,11 +13245,7 @@
               },
               "default": "'_self'",
               "description": "Optional target: _blank, _self, _parent, _top and _unfencedTop",
-              "fieldName": "target",
-              "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
-              }
+              "fieldName": "target"
             },
             {
               "name": "rel",
@@ -13131,100 +13253,52 @@
                 "text": "string | undefined"
               },
               "description": "Optional rel attribute that defines the relationship of the linked URL as space-separated link types.",
-              "fieldName": "rel",
-              "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "IconNameMixin",
-              "module": "/src/utils/mixins/IconNameMixin"
-            }
-          ],
-          "superclass": {
-            "name": "Linksimple",
-            "module": "/src/components/linksimple/linksimple.component"
-          },
-          "tagName": "mdc-link",
-          "jsDoc": "/**\n * `mdc-link` component can be used to navigate to a different page\n * within the application or to an external site. It can be used to link to\n * emails or phone numbers.\n *\n * The `children` of the link component is expected to be the text content.\n *\n * For `icon`, the `mdc-icon` component is used to render the icon.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-link\n *\n * @event click - (React: onClick) Fired when the user activates the Link using a mouse or assistive technology.\n * @event keydown - (React: onKeyDown) Fired when the user presses a key while the Link has focus.\n * @event focus - (React: onFocus) Fired when the Link receives keyboard or mouse focus.\n * @event blur - (React: onBlur) Fired when the Link loses keyboard or mouse focus.\n */",
-          "customElement": true,
-          "cssProperties": [
-            {
-              "description": "Border radius of the link.",
-              "name": "--mdc-link-border-radius",
-              "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
-              }
-            },
-            {
-              "description": "Color of the link’s child content in the active state.",
-              "name": "--mdc-link-color-active",
-              "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
-              }
-            },
-            {
-              "description": "Color of the link’s child content in the disabled state.",
-              "name": "--mdc-link-color-disabled",
-              "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
-              }
-            },
-            {
-              "description": "Color of the link’s child content in the hover state.",
-              "name": "--mdc-link-color-hover",
-              "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
-              }
-            },
-            {
-              "description": "Color of the link’s child content in the normal state.",
-              "name": "--mdc-link-color-normal",
-              "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
-              }
+              "fieldName": "rel"
             },
             {
-              "description": "Color of the inverted link’s child content in the active state.",
-              "name": "--mdc-link-inverted-color-active",
+              "name": "disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
+              "default": "undefined",
+              "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
+                "name": "DisabledMixin",
+                "module": "src/utils/mixins/DisabledMixin.ts"
               }
             },
             {
-              "description": "Color of the inverted link’s child content in the disabled state.",
-              "name": "--mdc-link-inverted-color-disabled",
+              "name": "tabIndex",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "This property specifies the tab order of the element.",
+              "fieldName": "tabIndex",
               "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
+                "name": "TabIndexMixin",
+                "module": "src/utils/mixins/TabIndexMixin.ts"
               }
-            },
+            }
+          ],
+          "mixins": [
             {
-              "description": "Color of the inverted link’s child content in the hover state.",
-              "name": "--mdc-link-inverted-color-hover",
-              "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
-              }
+              "name": "DisabledMixin",
+              "module": "/src/utils/mixins/DisabledMixin"
             },
             {
-              "description": "Color of the inverted link’s child content in the normal state.",
-              "name": "--mdc-link-inverted-color-normal",
-              "inheritedFrom": {
-                "name": "Linksimple",
-                "module": "src/components/linksimple/linksimple.component.ts"
-              }
+              "name": "TabIndexMixin",
+              "module": "/src/utils/mixins/TabIndexMixin"
             }
-          ]
+          ],
+          "superclass": {
+            "name": "Component",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-linksimple",
+          "jsDoc": "/**\n * `mdc-linksimple` is a lightweight link component that can be used to navigate\n * within the application or to an external URL. It does not have any predefined default size.\n *\n * The `children` of the `mdc-linksimple` component can be customized to suit\n * different use cases, including text, icons, or other inline content. For the child to be an icon,\n * the `mdc-icon` component should be used to render.\n *\n * @tagname mdc-linksimple\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 * @cssproperty --mdc-link-border-radius - Border radius of the link.\n * @cssproperty --mdc-link-color-active - Color of the link’s child content in the active state.\n * @cssproperty --mdc-link-color-disabled - Color of the link’s child content in the disabled state.\n * @cssproperty --mdc-link-color-hover - Color of the link’s child content in the hover state.\n * @cssproperty --mdc-link-color-normal - Color of the link’s child content in the normal state.\n * @cssproperty --mdc-link-inverted-color-active - Color of the inverted link’s child content in the active state.\n * @cssproperty --mdc-link-inverted-color-disabled - Color of the inverted link’s child content in the disabled state.\n * @cssproperty --mdc-link-inverted-color-hover - Color of the inverted link’s child content in the hover state.\n * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted link’s child content in the normal state.\n */",
+          "customElement": true
         }
       ],
       "exports": [
@@ -13232,8 +13306,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "Link",
-            "module": "components/link/link.component.js"
+            "name": "Linksimple",
+            "module": "components/linksimple/linksimple.component.js"
           }
         }
       ]
@@ -29802,7 +29876,8 @@
               },
               "default": "''",
               "description": "The title of the card - part of header section",
-              "attribute": "card-title"
+              "attribute": "card-title",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -29812,7 +29887,8 @@
               },
               "default": "''",
               "description": "The subtitle of the card - part of header section",
-              "attribute": "subtitle"
+              "attribute": "subtitle",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -29822,7 +29898,8 @@
               },
               "default": "''",
               "description": "The image source URL to render on the card",
-              "attribute": "image-src"
+              "attribute": "image-src",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -29832,7 +29909,8 @@
               },
               "default": "''",
               "description": "The image alt for accessibility support",
-              "attribute": "image-alt"
+              "attribute": "image-alt",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -29842,7 +29920,8 @@
               },
               "description": "The variant of the card. It can either be set to 'border' or 'ghost'",
               "default": "'border'",
-              "attribute": "variant"
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -29863,7 +29942,8 @@
               },
               "description": "The tag name for the card title. It supports all the types that `msc-text` supports",
               "default": "'span'",
-              "attribute": "title-tag-name"
+              "attribute": "title-tag-name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -29873,7 +29953,8 @@
               },
               "description": "The tag name for the subtitle. It supports all the types that `msc-text` supports",
               "default": "'span'",
-              "attribute": "subtitle-tag-name"
+              "attribute": "subtitle-tag-name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -29882,7 +29963,8 @@
                 "text": "IconNames | undefined"
               },
               "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
-              "attribute": "icon-name"
+              "attribute": "icon-name",
+              "reflects": true
             },
             {
               "kind": "method",