@skf-design-system/ui-components 1.0.0-beta.7 → 1.0.1-beta.0

package/dist/custom-elements.json

@@ -164,880 +164,1279 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/card/card.component.ts",
+      "path": "src/components/alert/alert.component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-card>` can be used to group related subjects in a container",
-          "name": "SkfCard",
+          "description": "The `<skf-alert>` is a type of notification that appears in-line",
+          "name": "SkfAlert",
           "slots": [
             {
-              "description": "The card's main content",
+              "description": "Alert message. **Notice!** See design principles for approved content",
               "name": ""
+            },
+            {
+              "description": "Slot for the link",
+              "name": "link"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "noBorder",
+              "name": "buttonLabel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "If true, removes border",
-              "attribute": "no-border"
+              "default": "'Close'",
+              "description": "Close button aria-label",
+              "attribute": "button-label"
             },
             {
               "kind": "field",
-              "name": "noPadding",
+              "name": "icon",
               "type": {
-                "text": "boolean"
+                "text": "SkfIcon['name'] | undefined"
               },
-              "default": "false",
-              "description": "If true, removes padding",
-              "attribute": "no-padding"
+              "description": "If defined, displays leading icon",
+              "attribute": "icon"
             },
             {
               "kind": "field",
-              "name": "stretch",
+              "name": "persistent",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "default": "false",
-              "description": "If true, the Card fills the parent element height",
-              "attribute": "stretch",
+              "description": "If true, renders with an close button and sets aria-role to `status`",
+              "attribute": "persistent",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "severity",
+              "type": {
+                "text": "\"error\" | \"info\" | \"warning\" | \"success\" | \"alert\""
+              },
+              "description": "If defined, gives the supplied appearance",
+              "attribute": "severity",
               "reflects": true
             }
           ],
+          "events": [
+            {
+              "description": "Fires when the close button is clicked",
+              "name": "skf-alert-close"
+            }
+          ],
           "attributes": [
             {
-              "name": "no-border",
+              "name": "button-label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "If true, removes border",
-              "fieldName": "noBorder"
+              "default": "'Close'",
+              "description": "Close button aria-label",
+              "fieldName": "buttonLabel"
             },
             {
-              "name": "no-padding",
+              "name": "icon",
               "type": {
-                "text": "boolean"
+                "text": "SkfIcon['name'] | undefined"
               },
-              "default": "false",
-              "description": "If true, removes padding",
-              "fieldName": "noPadding"
+              "description": "If defined, displays leading icon",
+              "fieldName": "icon"
             },
             {
-              "name": "stretch",
+              "name": "persistent",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "default": "false",
-              "description": "If true, the Card fills the parent element height",
-              "fieldName": "stretch"
+              "description": "If true, renders with an close button and sets aria-role to `status`",
+              "fieldName": "persistent"
+            },
+            {
+              "name": "severity",
+              "type": {
+                "text": "\"error\" | \"info\" | \"warning\" | \"success\" | \"alert\""
+              },
+              "description": "If defined, gives the supplied appearance",
+              "fieldName": "severity"
             }
           ],
           "superclass": {
             "name": "SkfElement",
             "package": "@internal/components/skf-element.js"
           },
-          "tagName": "skf-card",
+          "tagName": "skf-alert",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfCard",
+          "name": "SkfAlert",
           "declaration": {
-            "name": "SkfCard",
-            "module": "src/components/card/card.component.ts"
+            "name": "SkfAlert",
+            "module": "src/components/alert/alert.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/checkbox/checkbox.component.ts",
+      "path": "src/components/breadcrumb/breadcrumb.component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-checkbox>` component is used to create a checkbox input",
-          "name": "SkfCheckbox",
+          "description": "The `<skf-breadcrumb>` component consists of multiple `<skf-breadcrumb-item>`, working together.",
+          "name": "SkfBreadcrumb",
           "slots": [
             {
-              "description": "The Radios label. Alternatively, you can use the `label` attribute.",
+              "description": "One or more `<skf-breadcrumb-item>`",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "debug",
+              "name": "label",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "description": "If defined, outputs helping hints in console",
-              "attribute": "debug"
+              "default": "'Breadcrumb'",
+              "description": "aria-label for the breadcrumb control",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "size",
               "type": {
-                "text": "boolean | undefined"
+                "text": "'md' | 'sm'"
               },
-              "description": "If true, outputs helping hints in console",
-              "attribute": "checked",
+              "default": "'md'",
+              "description": "Displays an alternative size",
+              "attribute": "size",
               "reflects": true
-            },
+            }
+          ],
+          "events": [
             {
-              "kind": "field",
-              "name": "customInvalid",
+              "description": "Fired when the item is clicked",
+              "name": "click"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "description": "If true, forces component to invalid state until removed",
-              "attribute": "custom-invalid",
-              "reflects": true
+              "default": "'Breadcrumb'",
+              "description": "aria-label for the breadcrumb control",
+              "fieldName": "label"
             },
             {
-              "kind": "field",
-              "name": "indeterminate",
+              "name": "size",
               "type": {
-                "text": "boolean | undefined"
+                "text": "'md' | 'sm'"
               },
-              "description": "If true and the checkbox is unchecked, the checkbox will appear indeterminate",
-              "attribute": "indeterminate",
-              "reflects": true
-            },
+              "default": "'md'",
+              "description": "Displays an alternative size",
+              "fieldName": "size"
+            }
+          ],
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element"
+          },
+          "tagName": "skf-breadcrumb",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfBreadcrumb",
+          "declaration": {
+            "name": "SkfBreadcrumb",
+            "module": "src/components/breadcrumb/breadcrumb.component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/breadcrumb-item/breadcrumb-item.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<skf-breadcrumb-item>` is used in conjunction with the `<skf-breadcrumb>` component",
+          "name": "SkfBreadcrumbItem",
+          "slots": [
+            {
+              "description": "Label of the breadcrumb item",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "_onClick",
               "type": {
-                "text": "string | undefined"
+                "text": "(event: Event, route: string) => void | undefined"
               },
-              "description": "If defined, sets the input's label. Alternatively, you can use the `label` attribute.",
-              "attribute": "label"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "href",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, adds name to the input-element",
-              "attribute": "name"
+              "description": "If defined, loads url on click",
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "requiredLabel",
+              "name": "onClick",
+              "description": "If defined, custom onClick where the second return parameter enables custom routing. **Notice!** Only applicable if `href` is defined."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "href",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "attribute": "required-label"
-            },
+              "description": "If defined, loads url on click",
+              "fieldName": "href"
+            }
+          ],
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element"
+          },
+          "tagName": "skf-breadcrumb-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfBreadcrumbItem",
+          "declaration": {
+            "name": "SkfBreadcrumbItem",
+            "module": "src/components/breadcrumb-item/breadcrumb-item.component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/button/button.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Component to be used in forms or for interactivity",
+          "name": "SkfButton",
+          "slots": [
+            {
+              "description": "The Primary content",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "severity",
+              "name": "formAssociated",
               "type": {
-                "text": "\"alert\" | \"success\" | \"info\" | \"warning\""
+                "text": "boolean"
               },
-              "description": "If defined, styles checkbox using provided severity",
-              "attribute": "severity",
-              "reflects": true
+              "static": true,
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "showValid",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "boolean | undefined"
+                "text": "object"
               },
-              "description": "If true, displays valid state after interaction",
-              "attribute": "show-valid"
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true }"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "destructive",
               "type": {
-                "text": "'sm' | 'md'"
+                "text": "boolean"
               },
-              "default": "'md'",
-              "description": "Size of the checkbox",
-              "attribute": "size",
-              "reflects": true
+              "default": "false",
+              "description": "If true, gives destructive appearance. **Notice!** Only applicable if `variant` is `primary`.",
+              "attribute": "destructive"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The current value of the input field",
-              "attribute": "value"
+              "default": "false",
+              "description": "If true, removes border",
+              "attribute": "disabled"
             },
             {
-              "kind": "method",
-              "name": "handleInvalidChange"
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
+              },
+              "description": "If provided, renders an icon before or after the text",
+              "attribute": "icon"
             },
             {
-              "kind": "method",
-              "name": "handleDebugInvalid"
+              "kind": "field",
+              "name": "iconOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, removes border",
+              "attribute": "iconOnly"
             },
             {
-              "kind": "method",
-              "name": "handleCustomInvalidChange"
-            }
-          ],
-          "events": [
-            {
-              "description": "{object} - When the value of the input changes",
-              "name": "change"
-            }
-          ],
-          "attributes": [
+              "kind": "field",
+              "name": "iconPosition",
+              "type": {
+                "text": "'left' | 'right' | undefined"
+              },
+              "default": "'left'",
+              "description": "If provided, determines the positioning of the icon in relation to the text",
+              "attribute": "icon-position"
+            },
             {
+              "kind": "field",
+              "name": "loading",
               "type": {
                 "text": "boolean"
               },
-              "description": "If true, sets disabled state",
-              "name": "disabled"
+              "default": "false",
+              "description": "If true, hides text & icon and shows loading indicator. **Notice!** Only applicable if `variant` is `primary`.",
+              "attribute": "loading"
             },
             {
+              "kind": "field",
+              "name": "noValidate",
               "type": {
                 "text": "boolean"
               },
-              "description": "If true, value is required or must be checked for the form to be submittable",
-              "name": "required"
+              "default": "false",
+              "attribute": "no-validate"
             },
             {
-              "name": "debug",
+              "kind": "field",
+              "name": "size",
               "type": {
-                "text": "boolean | undefined"
+                "text": "'sm' | 'md' | 'lg'"
               },
-              "description": "If defined, outputs helping hints in console",
-              "fieldName": "debug"
+              "default": "'md'",
+              "description": "If provided, displays an alternative size",
+              "attribute": "size",
+              "reflects": true
             },
             {
-              "name": "checked",
+              "kind": "field",
+              "name": "type",
               "type": {
-                "text": "boolean | undefined"
+                "text": "'button' | 'submit' | 'reset'"
               },
-              "description": "If true, outputs helping hints in console",
-              "fieldName": "checked"
+              "default": "'button'",
+              "description": "If provided, changes the button type",
+              "attribute": "type"
             },
             {
-              "name": "custom-invalid",
+              "kind": "field",
+              "name": "variant",
               "type": {
-                "text": "boolean | undefined"
+                "text": "'primary' | 'secondary' | 'tertiary'"
               },
-              "description": "If true, forces component to invalid state until removed",
-              "fieldName": "customInvalid"
+              "default": "'primary'",
+              "description": "If provided, alters the appearance",
+              "attribute": "variant",
+              "reflects": true
             },
             {
-              "name": "indeterminate",
+              "kind": "method",
+              "name": "click",
+              "description": "Simulates a click on the button."
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires when the button is clicked",
+              "name": "click"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "destructive",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "description": "If true and the checkbox is unchecked, the checkbox will appear indeterminate",
-              "fieldName": "indeterminate"
+              "default": "false",
+              "description": "If true, gives destructive appearance. **Notice!** Only applicable if `variant` is `primary`.",
+              "fieldName": "destructive"
             },
             {
-              "name": "label",
+              "name": "disabled",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "If defined, sets the input's label. Alternatively, you can use the `label` attribute.",
-              "fieldName": "label"
+              "default": "false",
+              "description": "If true, removes border",
+              "fieldName": "disabled"
             },
             {
-              "name": "name",
+              "name": "icon",
               "type": {
-                "text": "string | undefined"
+                "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
               },
-              "description": "If defined, adds name to the input-element",
-              "fieldName": "name"
+              "description": "If provided, renders an icon before or after the text",
+              "fieldName": "icon"
             },
             {
-              "name": "required-label",
+              "name": "iconOnly",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "fieldName": "requiredLabel"
+              "default": "false",
+              "description": "If true, removes border",
+              "fieldName": "iconOnly"
             },
             {
-              "name": "severity",
+              "name": "icon-position",
               "type": {
-                "text": "\"alert\" | \"success\" | \"info\" | \"warning\""
+                "text": "'left' | 'right' | undefined"
               },
-              "description": "If defined, styles checkbox using provided severity",
-              "fieldName": "severity"
+              "default": "'left'",
+              "description": "If provided, determines the positioning of the icon in relation to the text",
+              "fieldName": "iconPosition"
             },
             {
-              "name": "show-valid",
+              "name": "loading",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "description": "If true, displays valid state after interaction",
-              "fieldName": "showValid"
+              "default": "false",
+              "description": "If true, hides text & icon and shows loading indicator. **Notice!** Only applicable if `variant` is `primary`.",
+              "fieldName": "loading"
+            },
+            {
+              "name": "no-validate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "noValidate"
             },
             {
               "name": "size",
               "type": {
-                "text": "'sm' | 'md'"
+                "text": "'sm' | 'md' | 'lg'"
               },
               "default": "'md'",
-              "description": "Size of the checkbox",
+              "description": "If provided, displays an alternative size",
               "fieldName": "size"
             },
             {
-              "name": "value",
+              "name": "type",
               "type": {
-                "text": "string"
+                "text": "'button' | 'submit' | 'reset'"
               },
-              "default": "''",
-              "description": "The current value of the input field",
-              "fieldName": "value"
+              "default": "'button'",
+              "description": "If provided, changes the button type",
+              "fieldName": "type"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'secondary' | 'tertiary'"
+              },
+              "default": "'primary'",
+              "description": "If provided, alters the appearance",
+              "fieldName": "variant"
             }
           ],
           "superclass": {
-            "name": "FormBase",
-            "package": "@internal/components/formBase.js"
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element.js"
           },
-          "tagName": "skf-checkbox",
+          "tagName": "skf-button",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfCheckbox",
+          "name": "SkfButton",
           "declaration": {
-            "name": "SkfCheckbox",
-            "module": "src/components/checkbox/checkbox.component.ts"
+            "name": "SkfButton",
+            "module": "src/components/button/button.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/collapse/collapse.component.ts",
+      "path": "src/components/card/card.component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-collapse>` component is a general purpose container for content that can be collapsed / expanded.\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/6590bf-accordion) for design principles.",
-          "name": "SkfCollapse",
+          "description": "The `<skf-card>` can be used to group related subjects in a container",
+          "name": "SkfCard",
           "slots": [
             {
-              "description": "Main content",
+              "description": "The card's main content",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "animated",
+              "name": "noBorder",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, will animate the expand/collapse state",
-              "attribute": "animated",
-              "reflects": true
+              "description": "If true, removes border",
+              "attribute": "no-border"
             },
             {
               "kind": "field",
-              "name": "expanded",
+              "name": "noPadding",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, will set the collapse to be expanded by default",
-              "attribute": "expanded",
-              "reflects": true
+              "description": "If true, removes padding",
+              "attribute": "no-padding"
             },
             {
               "kind": "field",
-              "name": "heading",
+              "name": "stretch",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Heading for the collapse",
-              "attribute": "heading"
-            },
+              "default": "false",
+              "description": "If true, the Card fills the parent element height",
+              "attribute": "stretch",
+              "reflects": true
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "headingAs",
+              "name": "no-border",
               "type": {
-                "text": "\"h2\" | \"h3\" | \"h4\""
+                "text": "boolean"
               },
-              "default": "'h2'",
-              "description": "Defines which heading element will be rendered",
-              "attribute": "heading-as"
+              "default": "false",
+              "description": "If true, removes border",
+              "fieldName": "noBorder"
             },
             {
-              "kind": "field",
-              "name": "small",
+              "name": "no-padding",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, renders the small version",
-              "attribute": "small",
-              "reflects": true
+              "description": "If true, removes padding",
+              "fieldName": "noPadding"
             },
             {
-              "kind": "field",
-              "name": "truncate",
+              "name": "stretch",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, will truncate the heading in collapsed state",
-              "attribute": "truncate",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "setClose",
-              "description": "Class method as alternative to manipulate attribute"
-            },
-            {
-              "kind": "method",
-              "name": "setOpen",
-              "description": "Class method as alternative to manipulate attribute"
-            }
-          ],
-          "events": [
-            {
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Event emitted when toggled",
-              "name": "skf-collapse-toggle"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "animated",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, will animate the expand/collapse state",
-              "fieldName": "animated"
-            },
-            {
-              "name": "expanded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, will set the collapse to be expanded by default",
-              "fieldName": "expanded"
-            },
-            {
-              "name": "heading",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Heading for the collapse",
-              "fieldName": "heading"
-            },
-            {
-              "name": "heading-as",
-              "type": {
-                "text": "\"h2\" | \"h3\" | \"h4\""
-              },
-              "default": "'h2'",
-              "description": "Defines which heading element will be rendered",
-              "fieldName": "headingAs"
-            },
-            {
-              "name": "small",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, renders the small version",
-              "fieldName": "small"
-            },
-            {
-              "name": "truncate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, will truncate the heading in collapsed state",
-              "fieldName": "truncate"
+              "description": "If true, the Card fills the parent element height",
+              "fieldName": "stretch"
             }
           ],
           "superclass": {
             "name": "SkfElement",
             "package": "@internal/components/skf-element.js"
           },
-          "tagName": "skf-collapse",
+          "tagName": "skf-card",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfCollapse",
+          "name": "SkfCard",
           "declaration": {
-            "name": "SkfCollapse",
-            "module": "src/components/collapse/collapse.component.ts"
+            "name": "SkfCard",
+            "module": "src/components/card/card.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dialog/dialog.component.ts",
+      "path": "src/components/checkbox/checkbox.component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-dialog>` is a component that open up a dialog with the content provided",
-          "name": "SkfDialog",
-          "cssProperties": [
-            {
-              "description": "A custom height for the Dialog. Pass valid CSS **block-size** values",
-              "name": "--skf-dialog-height"
-            },
+          "description": "The `<skf-checkbox>` component is used to create a checkbox input",
+          "name": "SkfCheckbox",
+          "slots": [
             {
-              "description": "A custom width for the Dialog Pass valid CSS **inline-size** values",
-              "name": "--skf-dialog-width"
+              "description": "The Radios label. Alternatively, you can use the `label` attribute.",
+              "name": ""
             }
           ],
-          "slots": [
+          "members": [
             {
-              "description": "The dialog component's content",
-              "name": ""
+              "kind": "field",
+              "name": "debug",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If defined, outputs helping hints in console",
+              "attribute": "debug"
             },
             {
-              "description": "The dialog component's heading",
-              "name": "heading"
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, outputs helping hints in console",
+              "attribute": "checked",
+              "reflects": true
             },
             {
-              "description": "The dialog component's buttons goes here",
-              "name": "footer"
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "customInvalid",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, forces component to invalid state until removed",
+              "attribute": "custom-invalid",
+              "reflects": true
+            },
             {
               "kind": "field",
-              "name": "closeButtonAriaLabel",
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true and the checkbox is unchecked, the checkbox will appear indeterminate",
+              "attribute": "indeterminate",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, sets the aria-label for the close button",
-              "attribute": "close-button-aria-label"
+              "description": "If defined, sets the input's label. Alternatively, you can use the `label` attribute.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "heading",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Title for the modal/dialog",
-              "attribute": "heading"
+              "description": "If defined, adds name to the input-element",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "fullscreen",
+              "name": "requiredLabel",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "If true, makes the dialog stretch edge to edge on screen",
-              "attribute": "fullscreen"
+              "description": "If defined, renders an alternative A11y text for the asterisk",
+              "attribute": "required-label"
             },
             {
               "kind": "field",
-              "name": "noCloseButton",
+              "name": "severity",
               "type": {
-                "text": "boolean"
+                "text": "\"alert\" | \"success\" | \"info\" | \"warning\""
               },
-              "default": "false",
-              "description": "If true, removes the close button",
-              "attribute": "no-close-button"
+              "description": "If defined, styles checkbox using provided severity",
+              "attribute": "severity",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "noPadding",
+              "name": "showValid",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "default": "false",
-              "description": "If defined, removes the inner padding",
-              "attribute": "no-padding"
+              "description": "If true, displays valid state after interaction",
+              "attribute": "show-valid"
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "size",
               "type": {
-                "text": "boolean | null | undefined"
+                "text": "'sm' | 'md'"
               },
-              "attribute": "open",
+              "default": "'md'",
+              "description": "Size of the checkbox",
+              "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "onClose",
+              "name": "value",
               "type": {
-                "text": "((event: Event) => void) | null | undefined"
+                "text": "string"
               },
-              "default": "null",
-              "description": "If provided, will run function on dialog close"
+              "default": "''",
+              "description": "The current value of the input field",
+              "attribute": "value"
             },
             {
               "kind": "method",
-              "name": "handleOpenChange"
+              "name": "handleInvalidChange"
             },
             {
-              "kind": "field",
-              "name": "showModal",
-              "description": "Method that opens the dialog in modal state"
+              "kind": "method",
+              "name": "handleDebugInvalid"
             },
             {
-              "kind": "field",
-              "name": "close",
-              "description": "Method that closes the dialog"
+              "kind": "method",
+              "name": "handleCustomInvalidChange"
             }
           ],
           "events": [
             {
-              "description": "Fires when the dialog is opened (after transitioned in)",
-              "name": "skf-dialog-open"
-            },
-            {
-              "description": "Fires when the dialog is closed (before transitioned out)",
-              "name": "skf-dialog-close"
-            },
-            {
-              "description": "Fires when the dialog is closed (after transitioned out)",
-              "name": "close"
+              "description": "{object} - When the value of the input changes",
+              "name": "change"
             }
           ],
           "attributes": [
             {
-              "name": "close-button-aria-label",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "If defined, sets the aria-label for the close button",
-              "fieldName": "closeButtonAriaLabel"
+              "description": "If true, sets disabled state",
+              "name": "disabled"
             },
             {
-              "name": "heading",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Title for the modal/dialog",
-              "fieldName": "heading"
+              "description": "If true, value is required or must be checked for the form to be submittable",
+              "name": "required"
             },
             {
-              "name": "fullscreen",
+              "name": "debug",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "default": "false",
-              "description": "If true, makes the dialog stretch edge to edge on screen",
-              "fieldName": "fullscreen"
+              "description": "If defined, outputs helping hints in console",
+              "fieldName": "debug"
             },
             {
-              "name": "no-close-button",
+              "name": "checked",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "default": "false",
-              "description": "If true, removes the close button",
-              "fieldName": "noCloseButton"
+              "description": "If true, outputs helping hints in console",
+              "fieldName": "checked"
             },
             {
-              "name": "no-padding",
+              "name": "custom-invalid",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "default": "false",
-              "description": "If defined, removes the inner padding",
-              "fieldName": "noPadding"
+              "description": "If true, forces component to invalid state until removed",
+              "fieldName": "customInvalid"
             },
             {
-              "name": "open",
+              "name": "indeterminate",
               "type": {
-                "text": "boolean | null | undefined"
+                "text": "boolean | undefined"
               },
-              "fieldName": "open"
+              "description": "If true and the checkbox is unchecked, the checkbox will appear indeterminate",
+              "fieldName": "indeterminate"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, sets the input's label. Alternatively, you can use the `label` attribute.",
+              "fieldName": "label"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, adds name to the input-element",
+              "fieldName": "name"
+            },
+            {
+              "name": "required-label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, renders an alternative A11y text for the asterisk",
+              "fieldName": "requiredLabel"
+            },
+            {
+              "name": "severity",
+              "type": {
+                "text": "\"alert\" | \"success\" | \"info\" | \"warning\""
+              },
+              "description": "If defined, styles checkbox using provided severity",
+              "fieldName": "severity"
+            },
+            {
+              "name": "show-valid",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, displays valid state after interaction",
+              "fieldName": "showValid"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'sm' | 'md'"
+              },
+              "default": "'md'",
+              "description": "Size of the checkbox",
+              "fieldName": "size"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current value of the input field",
+              "fieldName": "value"
             }
           ],
           "superclass": {
-            "name": "SkfElement",
-            "package": "@internal/components/skf-element"
+            "name": "FormBase",
+            "package": "@internal/components/formBase.js"
           },
-          "tagName": "skf-dialog",
+          "tagName": "skf-checkbox",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfDialog",
+          "name": "SkfCheckbox",
           "declaration": {
-            "name": "SkfDialog",
-            "module": "src/components/dialog/dialog.component.ts"
+            "name": "SkfCheckbox",
+            "module": "src/components/checkbox/checkbox.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/alert/alert.component.ts",
+      "path": "src/components/collapse/collapse.component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-alert>` is a type of notification that appears in-line",
-          "name": "SkfAlert",
+          "description": "The `<skf-collapse>` component is a general purpose container for content that can be collapsed / expanded.\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/6590bf-accordion) for design principles.",
+          "name": "SkfCollapse",
           "slots": [
             {
-              "description": "Alert message. **Notice!** See design principles for approved content",
+              "description": "Main content",
               "name": ""
-            },
-            {
-              "description": "Slot for the link",
-              "name": "link"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "closeable",
+              "name": "animated",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "description": "If true, alert is being used as a toast (alertdialog) with an close button",
-              "attribute": "closeable",
+              "default": "false",
+              "description": "If true, will animate the expand/collapse state",
+              "attribute": "animated",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "buttonLabel",
+              "name": "expanded",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Close'",
-              "description": "Close button aria-label",
-              "attribute": "button-label"
+              "default": "false",
+              "description": "If true, will set the collapse to be expanded by default",
+              "attribute": "expanded",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "icon",
+              "name": "heading",
               "type": {
-                "text": "SkfIcon['name'] | undefined"
+                "text": "string | undefined"
               },
-              "description": "If defined, displays leading icon",
-              "attribute": "icon"
+              "description": "Heading for the collapse",
+              "attribute": "heading"
             },
             {
               "kind": "field",
-              "name": "severity",
+              "name": "headingAs",
               "type": {
-                "text": "\"error\" | \"info\" | \"warning\" | \"success\" | \"alert\""
+                "text": "\"h2\" | \"h3\" | \"h4\""
               },
-              "description": "If defined, gives the supplied appearance",
-              "attribute": "severity",
+              "default": "'h2'",
+              "description": "Defines which heading element will be rendered",
+              "attribute": "heading-as"
+            },
+            {
+              "kind": "field",
+              "name": "small",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, renders the small version",
+              "attribute": "small",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "truncate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, will truncate the heading in collapsed state",
+              "attribute": "truncate",
               "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "setClose",
+              "description": "Class method as alternative to manipulate attribute"
+            },
+            {
+              "kind": "method",
+              "name": "setOpen",
+              "description": "Class method as alternative to manipulate attribute"
             }
           ],
           "events": [
             {
-              "description": "Fires when the close button is clicked",
-              "name": "skf-alert-close"
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Event emitted when toggled",
+              "name": "skf-collapse-toggle"
             }
           ],
           "attributes": [
             {
-              "name": "closeable",
+              "name": "animated",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "description": "If true, alert is being used as a toast (alertdialog) with an close button",
-              "fieldName": "closeable"
+              "default": "false",
+              "description": "If true, will animate the expand/collapse state",
+              "fieldName": "animated"
             },
             {
-              "name": "button-label",
+              "name": "expanded",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Close'",
-              "description": "Close button aria-label",
-              "fieldName": "buttonLabel"
+              "default": "false",
+              "description": "If true, will set the collapse to be expanded by default",
+              "fieldName": "expanded"
             },
             {
-              "name": "icon",
+              "name": "heading",
               "type": {
-                "text": "SkfIcon['name'] | undefined"
+                "text": "string | undefined"
               },
-              "description": "If defined, displays leading icon",
-              "fieldName": "icon"
+              "description": "Heading for the collapse",
+              "fieldName": "heading"
             },
             {
-              "name": "severity",
+              "name": "heading-as",
               "type": {
-                "text": "\"error\" | \"info\" | \"warning\" | \"success\" | \"alert\""
+                "text": "\"h2\" | \"h3\" | \"h4\""
               },
-              "description": "If defined, gives the supplied appearance",
-              "fieldName": "severity"
+              "default": "'h2'",
+              "description": "Defines which heading element will be rendered",
+              "fieldName": "headingAs"
+            },
+            {
+              "name": "small",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, renders the small version",
+              "fieldName": "small"
+            },
+            {
+              "name": "truncate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, will truncate the heading in collapsed state",
+              "fieldName": "truncate"
             }
           ],
           "superclass": {
             "name": "SkfElement",
             "package": "@internal/components/skf-element.js"
           },
-          "tagName": "skf-alert",
+          "tagName": "skf-collapse",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfAlert",
+          "name": "SkfCollapse",
           "declaration": {
-            "name": "SkfAlert",
-            "module": "src/components/alert/alert.component.ts"
+            "name": "SkfCollapse",
+            "module": "src/components/collapse/collapse.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/divider/divider.component.ts",
+      "path": "src/components/dialog/dialog.component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<Divider>` component can separate items from each other, to visually emphasize their lack of a relationship between groups of information",
-          "name": "SkfDivider",
+          "description": "The `<skf-dialog>` is a component that open up a dialog with the content provided",
+          "name": "SkfDialog",
           "cssProperties": [
             {
-              "description": "The amount of space the divider occupies. Pass valid CSS **margin-block** values when horizontal and **margin-inline** when vertical",
-              "name": "--skf-divider-spacing"
+              "description": "A custom height for the Dialog. Pass valid CSS **block-size** values",
+              "name": "--skf-dialog-height"
             },
             {
-              "description": "The amount of space the divider should be indented. Pass valid CSS **margin-inline** values when horizontal and **margin-block** when vertical",
-              "name": "--skf-divider-inset"
+              "description": "A custom width for the Dialog Pass valid CSS **inline-size** values",
+              "name": "--skf-dialog-width"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The dialog component's content",
+              "name": ""
+            },
+            {
+              "description": "The dialog component's buttons goes here",
+              "name": "footer"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "#internals",
-              "privacy": "private",
+              "name": "closeButtonAriaLabel",
               "type": {
-                "text": "ElementInternals"
-              }
+                "text": "string | undefined"
+              },
+              "description": "If defined, sets the aria-label for the close button",
+              "attribute": "close-button-aria-label"
+            },
+            {
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Title for the modal/dialog",
+              "attribute": "heading"
+            },
+            {
+              "kind": "field",
+              "name": "fullscreen",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, makes the dialog stretch edge to edge on screen",
+              "attribute": "fullscreen"
+            },
+            {
+              "kind": "field",
+              "name": "noCloseButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, removes the close button",
+              "attribute": "no-close-button"
+            },
+            {
+              "kind": "field",
+              "name": "noPadding",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If defined, removes the inner padding",
+              "attribute": "no-padding"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean | null | undefined"
+              },
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "onClose",
+              "type": {
+                "text": "((event: Event) => void) | null | undefined"
+              },
+              "default": "null",
+              "description": "If provided, will run function on dialog close"
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "field",
+              "name": "showModal",
+              "description": "Method that opens the dialog in modal state"
+            },
+            {
+              "kind": "field",
+              "name": "close",
+              "description": "Method that closes the dialog"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires when the dialog is opened (after transitioned in)",
+              "name": "skf-dialog-open"
+            },
+            {
+              "description": "Fires when the dialog is closed (before transitioned out)",
+              "name": "skf-dialog-close"
+            },
+            {
+              "description": "Fires when the dialog is closed (after transitioned out)",
+              "name": "close"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "close-button-aria-label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, sets the aria-label for the close button",
+              "fieldName": "closeButtonAriaLabel"
+            },
+            {
+              "name": "heading",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Title for the modal/dialog",
+              "fieldName": "heading"
+            },
+            {
+              "name": "fullscreen",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, makes the dialog stretch edge to edge on screen",
+              "fieldName": "fullscreen"
+            },
+            {
+              "name": "no-close-button",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, removes the close button",
+              "fieldName": "noCloseButton"
+            },
+            {
+              "name": "no-padding",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If defined, removes the inner padding",
+              "fieldName": "noPadding"
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean | null | undefined"
+              },
+              "fieldName": "open"
+            }
+          ],
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element"
+          },
+          "tagName": "skf-dialog",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfDialog",
+          "declaration": {
+            "name": "SkfDialog",
+            "module": "src/components/dialog/dialog.component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/divider/divider.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<Divider>` component can separate items from each other, to visually emphasize their lack of a relationship between groups of information",
+          "name": "SkfDivider",
+          "cssProperties": [
+            {
+              "description": "The amount of space the divider occupies. Pass valid CSS **margin-block** values when horizontal and **margin-inline** when vertical",
+              "name": "--skf-divider-spacing"
+            },
+            {
+              "description": "The amount of space the divider should be indented. Pass valid CSS **margin-inline** values when horizontal and **margin-block** when vertical",
+              "name": "--skf-divider-inset"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
             },
             {
               "kind": "field",
@@ -1122,289 +1521,54 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/button/button.component.ts",
+      "path": "src/components/heading/heading.component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Component to be used in forms or for interactivity",
-          "name": "SkfButton",
+          "description": "The `<Heading>` component is to deliniate content on a page. When using, take note not to skip heading levels.<br>\nIt extends the interface of native html `<h1>` to `<h4>` elements.",
+          "name": "SkfHeading",
           "slots": [
             {
-              "description": "The Primary content",
+              "description": "The headings content",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "formAssociated",
-              "type": {
-                "text": "boolean"
-              },
-              "static": true,
-              "default": "true"
-            },
-            {
-              "kind": "field",
-              "name": "shadowRootOptions",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true }"
-            },
-            {
-              "kind": "field",
-              "name": "destructive",
+              "name": "as",
               "type": {
-                "text": "boolean"
+                "text": "\"h1\" | \"h2\" | \"h3\" | \"h4\""
               },
-              "default": "false",
-              "description": "If true, gives destructive appearance. **Notice!** Only applicable if `variant` is `primary`.",
-              "attribute": "destructive"
+              "default": "'h1'",
+              "description": "Controls which heading element will be rendered. Should not be used to affect appearance",
+              "attribute": "as",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "styledAs",
               "type": {
-                "text": "boolean"
+                "text": "\"h1\" | \"h2\" | \"h3\" | \"h4\""
               },
-              "default": "false",
-              "description": "If true, removes border",
-              "attribute": "disabled"
-            },
+              "description": "If provided, changes the appearance of the heading",
+              "attribute": "styled-as"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "icon",
+              "name": "as",
               "type": {
-                "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
+                "text": "\"h1\" | \"h2\" | \"h3\" | \"h4\""
               },
-              "description": "If provided, renders an icon before or after the text",
-              "attribute": "icon"
+              "default": "'h1'",
+              "description": "Controls which heading element will be rendered. Should not be used to affect appearance",
+              "fieldName": "as"
             },
             {
-              "kind": "field",
-              "name": "iconPosition",
+              "name": "styled-as",
               "type": {
-                "text": "'left' | 'right' | undefined"
-              },
-              "default": "'left'",
-              "description": "If provided, determines the positioning of the icon in relation to the text",
-              "attribute": "icon-position"
-            },
-            {
-              "kind": "field",
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, hides text & icon and shows loading indicator. **Notice!** Only applicable if `variant` is `primary`.",
-              "attribute": "loading"
-            },
-            {
-              "kind": "field",
-              "name": "noValidate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "no-validate"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'sm' | 'md' | 'lg'"
-              },
-              "default": "'md'",
-              "description": "If provided, displays an alternative size",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "'button' | 'submit' | 'reset'"
-              },
-              "default": "'button'",
-              "description": "If provided, changes the button type",
-              "attribute": "type"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'secondary'"
-              },
-              "default": "'primary'",
-              "description": "If provided, alters the appearance",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "click",
-              "description": "Simulates a click on the button."
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires when the button is clicked",
-              "name": "click"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "destructive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, gives destructive appearance. **Notice!** Only applicable if `variant` is `primary`.",
-              "fieldName": "destructive"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, removes border",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "icon",
-              "type": {
-                "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
-              },
-              "description": "If provided, renders an icon before or after the text",
-              "fieldName": "icon"
-            },
-            {
-              "name": "icon-position",
-              "type": {
-                "text": "'left' | 'right' | undefined"
-              },
-              "default": "'left'",
-              "description": "If provided, determines the positioning of the icon in relation to the text",
-              "fieldName": "iconPosition"
-            },
-            {
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, hides text & icon and shows loading indicator. **Notice!** Only applicable if `variant` is `primary`.",
-              "fieldName": "loading"
-            },
-            {
-              "name": "no-validate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "noValidate"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'sm' | 'md' | 'lg'"
-              },
-              "default": "'md'",
-              "description": "If provided, displays an alternative size",
-              "fieldName": "size"
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "'button' | 'submit' | 'reset'"
-              },
-              "default": "'button'",
-              "description": "If provided, changes the button type",
-              "fieldName": "type"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'secondary'"
-              },
-              "default": "'primary'",
-              "description": "If provided, alters the appearance",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "SkfElement",
-            "package": "@internal/components/skf-element.js"
-          },
-          "tagName": "skf-button",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkfButton",
-          "declaration": {
-            "name": "SkfButton",
-            "module": "src/components/button/button.component.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/heading/heading.component.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `<Heading>` component is to deliniate content on a page. When using, take note not to skip heading levels.<br>\nIt extends the interface of native html `<h1>` to `<h4>` elements.",
-          "name": "SkfHeading",
-          "slots": [
-            {
-              "description": "The headings content",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "as",
-              "type": {
-                "text": "\"h1\" | \"h2\" | \"h3\" | \"h4\""
-              },
-              "default": "'h1'",
-              "description": "Controls which heading element will be rendered. Should not be used to affect appearance",
-              "attribute": "as",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "styledAs",
-              "type": {
-                "text": "\"h1\" | \"h2\" | \"h3\" | \"h4\""
-              },
-              "description": "If provided, changes the appearance of the heading",
-              "attribute": "styled-as"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "as",
-              "type": {
-                "text": "\"h1\" | \"h2\" | \"h3\" | \"h4\""
-              },
-              "default": "'h1'",
-              "description": "Controls which heading element will be rendered. Should not be used to affect appearance",
-              "fieldName": "as"
-            },
-            {
-              "name": "styled-as",
-              "type": {
-                "text": "\"h1\" | \"h2\" | \"h3\" | \"h4\""
+                "text": "\"h1\" | \"h2\" | \"h3\" | \"h4\""
               },
               "description": "If provided, changes the appearance of the heading",
               "fieldName": "styledAs"
@@ -1438,15 +1602,6 @@
           "description": "The `<skf-icon>` component is used to clarify interface elements. When used, should always be paired with (possibly invisible) text",
           "name": "SkfIcon",
           "members": [
-            {
-              "kind": "field",
-              "name": "_rootId",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "'root'"
-            },
             {
               "kind": "field",
               "name": "color",
@@ -1486,16 +1641,6 @@
               "description": "Size of the icon",
               "attribute": "size",
               "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "renderDecorativeIcon",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "renderInformativeIcon",
-              "privacy": "private"
             }
           ],
           "attributes": [
@@ -2066,56 +2211,657 @@
               "fieldName": "validateOn"
             },
             {
-              "name": "value",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current value of the input field",
+              "fieldName": "value"
+            }
+          ],
+          "superclass": {
+            "name": "FormBase",
+            "package": "@internal/components/formBase.js"
+          },
+          "tagName": "skf-input",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfInput",
+          "declaration": {
+            "name": "SkfInput",
+            "module": "src/components/input/input.component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/link/link.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<skf-link>` can be used as either a regular link or a link styled semantic button",
+          "name": "SkfLink",
+          "slots": [
+            {
+              "description": "The links' main content",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "classMap",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "_onClick",
+              "type": {
+                "text": "(event: Event, route?: string) => void | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "as",
+              "type": {
+                "text": "'button' | 'a'"
+              },
+              "default": "'a'",
+              "description": "Defines the semantic element to render",
+              "attribute": "as",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "'primary' | 'inverse'"
+              },
+              "default": "'primary'",
+              "description": "Defines the text-color",
+              "attribute": "color",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, disables the link",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, downloads the url",
+              "attribute": "download"
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, loads url on click",
+              "attribute": "href"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
+              },
+              "description": "If defined, renders an icon before or after the text",
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "iconPlacement",
+              "type": {
+                "text": "'left' | 'right'"
+              },
+              "default": "'left'",
+              "description": "Defines the position of the icon in relation to the text",
+              "attribute": "icon-placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, describes the relationship between a linked resource and the current document",
+              "attribute": "rel"
+            },
+            {
+              "kind": "field",
+              "name": "route",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, used on conjunction with onClick property, second argument",
+              "attribute": "route",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "stretch",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, fills the parents horizontal axis",
+              "attribute": "stretch",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "If defined, specifies where to open the linked document",
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "'button' | 'submit' | 'reset'"
+              },
+              "default": "'button'",
+              "description": "Defines the type of button",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "onClick",
+              "description": "If provided, custom function triggered by click where the second return parameter enables custom routing.",
+              "type": {
+                "text": "function"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "as",
+              "type": {
+                "text": "'button' | 'a'"
+              },
+              "default": "'a'",
+              "description": "Defines the semantic element to render",
+              "fieldName": "as"
+            },
+            {
+              "name": "color",
+              "type": {
+                "text": "'primary' | 'inverse'"
+              },
+              "default": "'primary'",
+              "description": "Defines the text-color",
+              "fieldName": "color"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, disables the link",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "download",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, downloads the url",
+              "fieldName": "download"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, loads url on click",
+              "fieldName": "href"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
+              },
+              "description": "If defined, renders an icon before or after the text",
+              "fieldName": "icon"
+            },
+            {
+              "name": "icon-placement",
+              "type": {
+                "text": "'left' | 'right'"
+              },
+              "default": "'left'",
+              "description": "Defines the position of the icon in relation to the text",
+              "fieldName": "iconPlacement"
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, describes the relationship between a linked resource and the current document",
+              "fieldName": "rel"
+            },
+            {
+              "name": "route",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, used on conjunction with onClick property, second argument",
+              "fieldName": "route"
+            },
+            {
+              "name": "stretch",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, fills the parents horizontal axis",
+              "fieldName": "stretch"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "If defined, specifies where to open the linked document",
+              "fieldName": "target"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "'button' | 'submit' | 'reset'"
+              },
+              "default": "'button'",
+              "description": "Defines the type of button",
+              "fieldName": "type"
+            }
+          ],
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element.js"
+          },
+          "tagName": "skf-link",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfLink",
+          "declaration": {
+            "name": "SkfLink",
+            "module": "src/components/link/link.component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/loader/loader.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<skf-loader>` component is a progress indicator that uses circular indicators for short, indeterminate activities",
+          "name": "SkfLoader",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading...'",
+              "description": "Defines the aria-label",
+              "attribute": "aria-label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "invert",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, inverts the color (to be used on colored backgrounds)",
+              "attribute": "invert"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'md' | 'sm' | undefined"
+              },
+              "default": "'md'",
+              "description": "Defines the size of the loader",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'progressbar'"
+            },
+            {
+              "kind": "field",
+              "name": "ariaLive",
+              "type": {
+                "text": "string"
+              },
+              "default": "'polite'"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading...'",
+              "description": "Defines the aria-label",
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "invert",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, inverts the color (to be used on colored backgrounds)",
+              "fieldName": "invert"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'md' | 'sm' | undefined"
+              },
+              "default": "'md'",
+              "description": "Defines the size of the loader",
+              "fieldName": "size"
+            }
+          ],
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element.js"
+          },
+          "tagName": "skf-loader",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfLoader",
+          "declaration": {
+            "name": "SkfLoader",
+            "module": "src/components/loader/loader.component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/logo/logo.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<skf-logo>` component is used to display the SKF logo.",
+          "name": "SkfLogo",
+          "cssProperties": [
+            {
+              "description": "The height of the logo",
+              "name": "--skf-logo-height"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "'SKF logotype'",
+              "description": "Defines the title of the logo",
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "\"primary\" | \"secondary\" | \"inverse\""
+              },
+              "default": "'primary'",
+              "description": "Defines the color of the logo",
+              "attribute": "color"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "'SKF logotype'",
+              "description": "Defines the title of the logo",
+              "fieldName": "title"
+            },
+            {
+              "name": "color",
+              "type": {
+                "text": "\"primary\" | \"secondary\" | \"inverse\""
+              },
+              "default": "'primary'",
+              "description": "Defines the color of the logo",
+              "fieldName": "color"
+            }
+          ],
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element.js"
+          },
+          "tagName": "skf-logo",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfLogo",
+          "declaration": {
+            "name": "SkfLogo",
+            "module": "src/components/logo/logo.component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/menu/menu.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<skf-menu>` is a component that displays a list of actions or options.",
+          "name": "SkfMenu",
+          "slots": [
+            {
+              "description": "The menu popover content",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "addEventListeners",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "$element",
+                  "type": {
+                    "text": "HTMLElement | Element"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "removeEventListeners",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "$element",
+                  "type": {
+                    "text": "HTMLElement | Element"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "\"top\" | \"right\" | \"bottom\" | \"left\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\""
+              },
+              "default": "'bottom-start'",
+              "description": "The placement of the menu"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the menu is open",
+              "name": "isOpen",
+              "default": "false",
+              "kind": "field"
+            },
+            {
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The current value of the input field",
-              "fieldName": "value"
+              "description": "The id of the element the menu will be anchored to",
+              "name": "anchor",
+              "kind": "field"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when the menu is opened",
+              "name": "open"
+            },
+            {
+              "description": "Fired when the menu is closed",
+              "name": "close"
             }
           ],
           "superclass": {
-            "name": "FormBase",
-            "package": "@internal/components/formBase.js"
+            "name": "SkfPopoverBase",
+            "package": "@internal/base-classes/popover/popover.base.js"
           },
-          "tagName": "skf-input",
+          "tagName": "skf-menu",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfInput",
+          "name": "SkfMenu",
           "declaration": {
-            "name": "SkfInput",
-            "module": "src/components/input/input.component.ts"
+            "name": "SkfMenu",
+            "module": "src/components/menu/menu.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/link/link.component.ts",
+      "path": "src/components/menu-item/menu-item.component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-link>` can be used as either a regular link or a link styled semantic button",
-          "name": "SkfLink",
+          "description": "The `<skf-menu-item>` is a component that displays a list of actions or options.",
+          "name": "SkfMenuItem",
           "slots": [
             {
-              "description": "The links' main content",
-              "name": ""
+              "description": "The component's main content",
+              "name": "",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
+            },
+            {
+              "description": "A named slot of the component",
+              "name": "my-named-slot"
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "classMap",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'menu-item': true }",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "_onClick",
               "type": {
                 "text": "(event: Event, route?: string) => void | undefined"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "kind": "field",
@@ -2126,7 +2872,11 @@
               "default": "'a'",
               "description": "Defines the semantic element to render",
               "attribute": "as",
-              "reflects": true
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "kind": "field",
@@ -2137,7 +2887,11 @@
               "default": "'primary'",
               "description": "Defines the text-color",
               "attribute": "color",
-              "reflects": true
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "kind": "field",
@@ -2147,7 +2901,11 @@
               },
               "description": "If true, disables the link",
               "attribute": "disabled",
-              "reflects": true
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "kind": "field",
@@ -2156,7 +2914,11 @@
                 "text": "string | undefined"
               },
               "description": "If defined, downloads the url",
-              "attribute": "download"
+              "attribute": "download",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "kind": "field",
@@ -2165,7 +2927,11 @@
                 "text": "string | undefined"
               },
               "description": "If defined, loads url on click",
-              "attribute": "href"
+              "attribute": "href",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "kind": "field",
@@ -2174,7 +2940,11 @@
                 "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
               },
               "description": "If defined, renders an icon before or after the text",
-              "attribute": "icon"
+              "attribute": "icon",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "kind": "field",
@@ -2185,7 +2955,11 @@
               "default": "'left'",
               "description": "Defines the position of the icon in relation to the text",
               "attribute": "icon-placement",
-              "reflects": true
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "kind": "field",
@@ -2194,7 +2968,11 @@
                 "text": "string | undefined"
               },
               "description": "If defined, describes the relationship between a linked resource and the current document",
-              "attribute": "rel"
+              "attribute": "rel",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "kind": "field",
@@ -2204,7 +2982,11 @@
               },
               "description": "If defined, used on conjunction with onClick property, second argument",
               "attribute": "route",
-              "reflects": true
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "kind": "field",
@@ -2215,7 +2997,11 @@
               "default": "false",
               "description": "If true, fills the parents horizontal axis",
               "attribute": "stretch",
-              "reflects": true
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "kind": "field",
@@ -2224,7 +3010,11 @@
                 "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
               },
               "description": "If defined, specifies where to open the linked document",
-              "attribute": "target"
+              "attribute": "target",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "kind": "field",
@@ -2234,7 +3024,11 @@
               },
               "default": "'button'",
               "description": "Defines the type of button",
-              "attribute": "type"
+              "attribute": "type",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "kind": "field",
@@ -2242,9 +3036,52 @@
               "description": "If provided, custom function triggered by click where the second return parameter enables custom routing.",
               "type": {
                 "text": "function"
+              },
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when something happens",
+              "name": "my-tag-my-event"
+            },
+            {
+              "description": "Fired when the component is clicked",
+              "name": "click"
+            },
+            {
+              "description": "Fired when the mouse is over the component",
+              "name": "mouseover"
+            },
+            {
+              "description": "Fired when the mouse is out of the component",
+              "name": "mouseout"
+            },
+            {
+              "description": "Fired when the component is focused",
+              "name": "focus"
+            },
+            {
+              "description": "Fired when the component is blurred",
+              "name": "blur"
+            },
+            {
+              "description": "Fired when the component's value changes",
+              "name": "change"
+            }
+          ],
+          "superclass": {
+            "name": "SkfLink",
+            "package": "@components/link/link.component.js"
+          },
+          "tagName": "skf-menu-item",
+          "customElement": true,
           "attributes": [
             {
               "name": "as",
@@ -2253,7 +3090,11 @@
               },
               "default": "'a'",
               "description": "Defines the semantic element to render",
-              "fieldName": "as"
+              "fieldName": "as",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "name": "color",
@@ -2262,7 +3103,11 @@
               },
               "default": "'primary'",
               "description": "Defines the text-color",
-              "fieldName": "color"
+              "fieldName": "color",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "name": "disabled",
@@ -2270,7 +3115,11 @@
                 "text": "boolean | undefined"
               },
               "description": "If true, disables the link",
-              "fieldName": "disabled"
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "name": "download",
@@ -2278,7 +3127,11 @@
                 "text": "string | undefined"
               },
               "description": "If defined, downloads the url",
-              "fieldName": "download"
+              "fieldName": "download",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "name": "href",
@@ -2286,7 +3139,11 @@
                 "text": "string | undefined"
               },
               "description": "If defined, loads url on click",
-              "fieldName": "href"
+              "fieldName": "href",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "name": "icon",
@@ -2294,7 +3151,11 @@
                 "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
               },
               "description": "If defined, renders an icon before or after the text",
-              "fieldName": "icon"
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "name": "icon-placement",
@@ -2303,7 +3164,11 @@
               },
               "default": "'left'",
               "description": "Defines the position of the icon in relation to the text",
-              "fieldName": "iconPlacement"
+              "fieldName": "iconPlacement",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "name": "rel",
@@ -2311,7 +3176,11 @@
                 "text": "string | undefined"
               },
               "description": "If defined, describes the relationship between a linked resource and the current document",
-              "fieldName": "rel"
+              "fieldName": "rel",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "name": "route",
@@ -2319,7 +3188,11 @@
                 "text": "string | undefined"
               },
               "description": "If defined, used on conjunction with onClick property, second argument",
-              "fieldName": "route"
+              "fieldName": "route",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "name": "stretch",
@@ -2328,230 +3201,204 @@
               },
               "default": "false",
               "description": "If true, fills the parents horizontal axis",
-              "fieldName": "stretch"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
-              },
-              "description": "If defined, specifies where to open the linked document",
-              "fieldName": "target"
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "'button' | 'submit' | 'reset'"
-              },
-              "default": "'button'",
-              "description": "Defines the type of button",
-              "fieldName": "type"
-            }
-          ],
-          "superclass": {
-            "name": "SkfElement",
-            "package": "@internal/components/skf-element.js"
-          },
-          "tagName": "skf-link",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkfLink",
-          "declaration": {
-            "name": "SkfLink",
-            "module": "src/components/link/link.component.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/loader/loader.component.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `<skf-loader>` component is a progress indicator that uses circular indicators for short, indeterminate activities",
-          "name": "SkfLoader",
-          "members": [
-            {
-              "kind": "field",
-              "name": "#internals",
-              "privacy": "private",
-              "type": {
-                "text": "ElementInternals"
+              "fieldName": "stretch",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "ariaLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Loading...'",
-              "description": "Defines the aria-label",
-              "attribute": "aria-label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "invert",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, inverts the color (to be used on colored backgrounds)",
-              "attribute": "invert"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'md' | 'sm' | undefined"
-              },
-              "default": "'md'",
-              "description": "Defines the size of the loader",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'progressbar'"
-            },
-            {
-              "kind": "field",
-              "name": "ariaLive",
-              "type": {
-                "text": "string"
-              },
-              "default": "'polite'"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "aria-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Loading...'",
-              "description": "Defines the aria-label",
-              "fieldName": "ariaLabel"
-            },
-            {
-              "name": "invert",
+              "name": "target",
               "type": {
-                "text": "boolean"
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
               },
-              "default": "false",
-              "description": "If true, inverts the color (to be used on colored backgrounds)",
-              "fieldName": "invert"
+              "description": "If defined, specifies where to open the linked document",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
-              "name": "size",
+              "name": "type",
               "type": {
-                "text": "'md' | 'sm' | undefined"
+                "text": "'button' | 'submit' | 'reset'"
               },
-              "default": "'md'",
-              "description": "Defines the size of the loader",
-              "fieldName": "size"
+              "default": "'button'",
+              "description": "Defines the type of button",
+              "fieldName": "type",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             }
-          ],
-          "superclass": {
-            "name": "SkfElement",
-            "package": "@internal/components/skf-element.js"
-          },
-          "tagName": "skf-loader",
-          "customElement": true
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfLoader",
+          "name": "SkfMenuItem",
           "declaration": {
-            "name": "SkfLoader",
-            "module": "src/components/loader/loader.component.ts"
+            "name": "SkfMenuItem",
+            "module": "src/components/menu-item/menu-item.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/logo/logo.component.ts",
+      "path": "src/components/popover/popover.component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-logo>` component is used to display the SKF logo.",
-          "name": "SkfLogo",
-          "cssProperties": [
+          "description": "The `<skf-popover>` is a general purpose component that displays the slot content.",
+          "name": "SkfPopover",
+          "slots": [
             {
-              "description": "The height of the logo",
-              "name": "--skf-logo-height"
+              "description": "The popover content",
+              "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "title",
+              "name": "offset",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "'SKF logotype'",
-              "description": "Defines the title of the logo",
-              "attribute": "title"
+              "default": "8",
+              "description": "If defined, sets a custom offset for the popover",
+              "attribute": "offset"
             },
             {
               "kind": "field",
-              "name": "color",
+              "name": "hideArrow",
               "type": {
-                "text": "\"primary\" | \"secondary\" | \"inverse\""
+                "text": "boolean"
               },
-              "default": "'primary'",
-              "description": "Defines the color of the logo",
-              "attribute": "color"
+              "default": "false",
+              "description": "If true, hides the arrow",
+              "attribute": "hideArrow"
+            },
+            {
+              "kind": "method",
+              "name": "hideArrowChanged"
+            },
+            {
+              "kind": "method",
+              "name": "addEventListeners",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "$element",
+                  "type": {
+                    "text": "HTMLElement | Element"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "removeEventListeners",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "$element",
+                  "type": {
+                    "text": "HTMLElement | Element"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "arrow",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "!this.hideArrow"
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "\"top\" | \"right\" | \"bottom\" | \"left\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\""
+              },
+              "default": "'bottom-start'",
+              "description": "The placement of the menu"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the menu is open",
+              "name": "isOpen",
+              "default": "false",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The id of the element the menu will be anchored to",
+              "name": "anchor",
+              "kind": "field"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when the menu is opened",
+              "name": "open"
+            },
+            {
+              "description": "Fired when the menu is closed",
+              "name": "close"
             }
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "offset",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "'SKF logotype'",
-              "description": "Defines the title of the logo",
-              "fieldName": "title"
+              "default": "8",
+              "description": "If defined, sets a custom offset for the popover",
+              "fieldName": "offset"
             },
             {
-              "name": "color",
+              "name": "hideArrow",
               "type": {
-                "text": "\"primary\" | \"secondary\" | \"inverse\""
+                "text": "boolean"
               },
-              "default": "'primary'",
-              "description": "Defines the color of the logo",
-              "fieldName": "color"
+              "default": "false",
+              "description": "If true, hides the arrow",
+              "fieldName": "hideArrow"
             }
           ],
           "superclass": {
-            "name": "SkfElement",
-            "package": "@internal/components/skf-element.js"
+            "name": "SkfPopoverBase",
+            "package": "@internal/base-classes/popover/popover.base.js"
           },
-          "tagName": "skf-logo",
+          "tagName": "skf-popover",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfLogo",
+          "name": "SkfPopover",
           "declaration": {
-            "name": "SkfLogo",
-            "module": "src/components/logo/logo.component.ts"
+            "name": "SkfPopover",
+            "module": "src/components/popover/popover.component.ts"
           }
         }
       ]
@@ -3075,6 +3922,10 @@
               "name": "value",
               "description": "Read only, returns the selected value. (if multiple: in a comma separated string)"
             },
+            {
+              "kind": "method",
+              "name": "handleExpandedChange"
+            },
             {
               "kind": "field",
               "name": "_selectedOptions",
@@ -3367,121 +4218,317 @@
           ],
           "attributes": [
             {
-              "name": "disabled",
+              "name": "disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, prevents interaction with the option",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "SkfIcon['name'] | undefined"
+              },
+              "description": "If defined, set an icon",
+              "fieldName": "icon"
+            },
+            {
+              "name": "icon-color",
+              "type": {
+                "text": "SeverityFgColor | undefined"
+              },
+              "description": "If defined, sets provided color on the icon",
+              "fieldName": "iconColor"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, sets the option as selected",
+              "fieldName": "selected"
+            },
+            {
+              "name": "short-label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, sets a short label",
+              "fieldName": "shortLabel"
+            },
+            {
+              "name": "value",
+              "description": "Returns or sets the tags value. If value is omitted, defaults to the tags text.",
+              "fieldName": "value"
+            }
+          ],
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element.js"
+          },
+          "tagName": "skf-select-option",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfSelectOption",
+          "declaration": {
+            "name": "SkfSelectOption",
+            "module": "src/components/select-option/select-option.component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/select-option-group/select-option-group.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<skf-select-option-group>` is a component that groups select-options",
+          "name": "SkfSelectOptionGroup",
+          "slots": [
+            {
+              "description": "The component's placeholder content",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Default label'",
+              "attribute": "label",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Default label'",
+              "fieldName": "label"
+            }
+          ],
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element"
+          },
+          "tagName": "skf-select-option-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfSelectOptionGroup",
+          "declaration": {
+            "name": "SkfSelectOptionGroup",
+            "module": "src/components/select-option-group/select-option-group.component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/stepper/stepper.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<skf-stepper>` is a component that displays a list of actions or options.",
+          "name": "SkfStepper",
+          "slots": [
+            {
+              "description": "One or more `<skf-stepper-item>`",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "activeIndex",
               "type": {
-                "text": "boolean | undefined"
+                "text": "number"
               },
-              "description": "If true, prevents interaction with the option",
-              "fieldName": "disabled"
+              "default": "-1",
+              "description": "Sets the active item",
+              "attribute": "activeIndex"
             },
             {
-              "name": "icon",
+              "kind": "field",
+              "name": "linear",
               "type": {
-                "text": "SkfIcon['name'] | undefined"
+                "text": "boolean"
               },
-              "description": "If defined, set an icon",
-              "fieldName": "icon"
+              "default": "false",
+              "description": "If true, sets linear mode (user can't go back to completed steps due to dependencies)",
+              "attribute": "linear"
             },
             {
-              "name": "icon-color",
-              "type": {
-                "text": "SeverityFgColor | undefined"
-              },
-              "description": "If defined, sets provided color on the icon",
-              "fieldName": "iconColor"
-            },
+              "kind": "field",
+              "name": "_handleSelected",
+              "privacy": "private"
+            }
+          ],
+          "events": [
             {
-              "name": "selected",
+              "description": "Dispatched when the stepper item is selected",
+              "name": "skf-stepper-item-select"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "activeIndex",
               "type": {
-                "text": "boolean | undefined"
+                "text": "number"
               },
-              "description": "If true, sets the option as selected",
-              "fieldName": "selected"
+              "default": "-1",
+              "description": "Sets the active item",
+              "fieldName": "activeIndex"
             },
             {
-              "name": "short-label",
+              "name": "linear",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "If defined, sets a short label",
-              "fieldName": "shortLabel"
-            },
-            {
-              "name": "value",
-              "description": "Returns or sets the tags value. If value is omitted, defaults to the tags text.",
-              "fieldName": "value"
+              "default": "false",
+              "description": "If true, sets linear mode (user can't go back to completed steps due to dependencies)",
+              "fieldName": "linear"
             }
           ],
           "superclass": {
             "name": "SkfElement",
-            "package": "@internal/components/skf-element.js"
+            "package": "@internal/components/skf-element"
           },
-          "tagName": "skf-select-option",
+          "tagName": "skf-stepper",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfSelectOption",
+          "name": "SkfStepper",
           "declaration": {
-            "name": "SkfSelectOption",
-            "module": "src/components/select-option/select-option.component.ts"
+            "name": "SkfStepper",
+            "module": "src/components/stepper/stepper.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/select-option-group/select-option-group.component.ts",
+      "path": "src/components/stepper-item/stepper-item.component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-select-option-group>` is a component that groups select-options",
-          "name": "SkfSelectOptionGroup",
+          "description": "The `<skf-stepper-item>` is used in conjunction with the `<skf-stepper>` component",
+          "name": "SkfStepperItem",
           "slots": [
             {
-              "description": "The component's placeholder content",
+              "description": "Label of the stepper item",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "#muteEvents",
+              "privacy": "private",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Default label'",
-              "attribute": "label",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#triggerActiveIndexUpdate",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "state",
+              "type": {
+                "text": "Extract<SkfStepperItemState, 'active' | 'completed'> | undefined"
+              },
+              "description": "If defined, gives the supplied appearance",
+              "attribute": "state",
               "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "completed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, item marked as completed",
+              "attribute": "completed"
+            },
+            {
+              "kind": "field",
+              "name": "_setInternalState"
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'listitem'"
+            }
+          ],
+          "events": [
+            {
+              "description": "Dispatched when the stepper item is selected",
+              "name": "skf-stepper-item-select"
             }
           ],
           "attributes": [
             {
-              "name": "label",
+              "name": "state",
               "type": {
-                "text": "string"
+                "text": "Extract<SkfStepperItemState, 'active' | 'completed'> | undefined"
               },
-              "default": "'Default label'",
-              "fieldName": "label"
+              "description": "If defined, gives the supplied appearance",
+              "fieldName": "state"
+            },
+            {
+              "name": "completed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, item marked as completed",
+              "fieldName": "completed"
             }
           ],
           "superclass": {
             "name": "SkfElement",
             "package": "@internal/components/skf-element"
           },
-          "tagName": "skf-select-option-group",
+          "tagName": "skf-stepper-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfSelectOptionGroup",
+          "name": "SkfStepperItem",
           "declaration": {
-            "name": "SkfSelectOptionGroup",
-            "module": "src/components/select-option-group/select-option-group.component.ts"
+            "name": "SkfStepperItem",
+            "module": "src/components/stepper-item/stepper-item.component.ts"
           }
         }
       ]
@@ -4542,31 +5589,40 @@
           "members": [
             {
               "kind": "field",
-              "name": "closeable",
+              "name": "debug",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If provided, adds a close button to the toast and will not disapear until user actively dismisses it.",
-              "attribute": "closeable"
+              "attribute": "debug"
             },
             {
               "kind": "field",
-              "name": "debug",
+              "name": "icon",
               "type": {
-                "text": "boolean"
+                "text": "SkfAlert['icon'] | undefined"
+              },
+              "description": "If defined, displays leading icon",
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "persistent",
+              "type": {
+                "text": "SkfAlert['persistent']"
               },
               "default": "false",
-              "attribute": "debug"
+              "description": "If true, renders with an close button and sets aria-role to `status`",
+              "attribute": "persistent"
             },
             {
               "kind": "field",
               "name": "severity",
               "type": {
-                "text": "'info' | 'success' | 'warning' | 'error'"
+                "text": "SkfAlert['severity']"
               },
               "default": "'info'",
-              "description": "Severity of the toast.",
+              "description": "If defined, gives the supplied appearance",
               "attribute": "severity"
             },
             {
@@ -4591,29 +5647,37 @@
           ],
           "attributes": [
             {
-              "name": "closeable",
+              "name": "debug",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If provided, adds a close button to the toast and will not disapear until user actively dismisses it.",
-              "fieldName": "closeable"
+              "fieldName": "debug"
             },
             {
-              "name": "debug",
+              "name": "icon",
               "type": {
-                "text": "boolean"
+                "text": "SkfAlert['icon'] | undefined"
+              },
+              "description": "If defined, displays leading icon",
+              "fieldName": "icon"
+            },
+            {
+              "name": "persistent",
+              "type": {
+                "text": "SkfAlert['persistent']"
               },
               "default": "false",
-              "fieldName": "debug"
+              "description": "If true, renders with an close button and sets aria-role to `status`",
+              "fieldName": "persistent"
             },
             {
               "name": "severity",
               "type": {
-                "text": "'info' | 'success' | 'warning' | 'error'"
+                "text": "SkfAlert['severity']"
               },
               "default": "'info'",
-              "description": "Severity of the toast.",
+              "description": "If defined, gives the supplied appearance",
               "fieldName": "severity"
             },
             {
@@ -4669,7 +5733,7 @@
                 "text": "boolean"
               },
               "privacy": "protected",
-              "default": "!!this.closeable"
+              "default": "!!this.persistent"
             },
             {
               "kind": "field",
@@ -4749,20 +5813,6 @@
               "name": "parentAnimationDiv",
               "readonly": true
             },
-            {
-              "kind": "field",
-              "name": "closeable",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If true, alert is being used as a toast (alertdialog) with an close button",
-              "attribute": "closeable",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SkfAlert",
-                "module": "src/components/alert/alert.component.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "buttonLabel",
@@ -4790,6 +5840,20 @@
                 "module": "src/components/alert/alert.component.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "persistent",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, renders with an close button and sets aria-role to `status`",
+              "attribute": "persistent",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "severity",
@@ -4814,18 +5878,6 @@
               "default": "0",
               "fieldName": "timer"
             },
-            {
-              "name": "closeable",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If true, alert is being used as a toast (alertdialog) with an close button",
-              "fieldName": "closeable",
-              "inheritedFrom": {
-                "name": "SkfAlert",
-                "module": "src/components/alert/alert.component.ts"
-              }
-            },
             {
               "name": "button-label",
               "type": {
@@ -4851,6 +5903,18 @@
                 "module": "src/components/alert/alert.component.ts"
               }
             },
+            {
+              "name": "persistent",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true, renders with an close button and sets aria-role to `status`",
+              "fieldName": "persistent",
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            },
             {
               "name": "severity",
               "type": {
@@ -4963,6 +6027,119 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/tooltip/tooltip.component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<skf-tooltip>` is a component that displays a list of actions or options.",
+          "name": "SkfTooltip",
+          "slots": [
+            {
+              "description": "The tooltip popover content",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "addEventListeners",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "$element",
+                  "type": {
+                    "text": "HTMLElement | Element"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "removeEventListeners",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "$element",
+                  "type": {
+                    "text": "HTMLElement | Element"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "offset",
+              "type": {
+                "text": "number"
+              },
+              "default": "8"
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "\"top\" | \"right\" | \"bottom\" | \"left\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\""
+              },
+              "default": "'top'",
+              "description": "The placement of the dropdown"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the dropdown is open",
+              "name": "isOpen",
+              "default": "false",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The id of the element the dropdown will be anchored to",
+              "name": "anchor",
+              "kind": "field"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when the dropdown is opened",
+              "name": "open"
+            },
+            {
+              "description": "Fired when the dropdown is closed",
+              "name": "close"
+            }
+          ],
+          "superclass": {
+            "name": "SkfPopoverBase",
+            "package": "@internal/base-classes/popover/popover.base.js"
+          },
+          "tagName": "skf-tooltip",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfTooltip",
+          "declaration": {
+            "name": "SkfTooltip",
+            "module": "src/components/tooltip/tooltip.component.ts"
+          }
+        }
+      ]
     }
   ]
 }