@skf-design-system/ui-components 1.0.2-beta.5 → 1.0.2-beta.7

package/dist/custom-elements.json

@@ -37,7 +37,7 @@
               "description": "Sets the color of the icon",
               "attribute": "color",
               "expandedType": {
-                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasised' | 'secondary' | 'success'"
+                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasized' | 'secondary' | 'success'"
               }
             },
             {
@@ -85,7 +85,7 @@
               "description": "Sets the color of the icon",
               "fieldName": "color",
               "expandedType": {
-                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasised' | 'secondary' | 'success'"
+                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasized' | 'secondary' | 'success'"
               }
             },
             {
@@ -513,6 +513,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "#internals",
@@ -529,16 +536,6 @@
                 "text": "CustomStateSet"
               }
             },
-            {
-              "kind": "field",
-              "name": "buttonLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Close'",
-              "description": "Close button aria-label",
-              "attribute": "button-label"
-            },
             {
               "kind": "field",
               "name": "icon",
@@ -551,6 +548,19 @@
                 "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "persistent",
@@ -584,15 +594,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "button-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Close'",
-              "description": "Close button aria-label",
-              "fieldName": "buttonLabel"
-            },
             {
               "name": "icon",
               "type": {
@@ -604,6 +605,18 @@
                 "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
               }
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "persistent",
               "type": {
@@ -822,14 +835,19 @@
           "members": [
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
               "type": {
-                "text": "string"
-              },
-              "default": "'Loading...'",
-              "description": "Defines the aria-label",
-              "attribute": "aria-label",
-              "reflects": true
+                "text": "CustomStateSet"
+              }
             },
             {
               "kind": "field",
@@ -845,24 +863,17 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "'md' | 'sm' | undefined"
+                "text": "Size"
               },
               "default": "'md'",
               "description": "Defines the size of the loader",
               "attribute": "size",
-              "reflects": true
+              "expandedType": {
+                "text": "'sm' | 'md'"
+              }
             }
           ],
           "attributes": [
-            {
-              "name": "aria-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Loading...'",
-              "description": "Defines the aria-label",
-              "fieldName": "ariaLabel"
-            },
             {
               "name": "invert",
               "type": {
@@ -875,11 +886,14 @@
             {
               "name": "size",
               "type": {
-                "text": "'md' | 'sm' | undefined"
+                "text": "Size"
               },
               "default": "'md'",
               "description": "Defines the size of the loader",
-              "fieldName": "size"
+              "fieldName": "size",
+              "expandedType": {
+                "text": "'sm' | 'md'"
+              }
             }
           ],
           "superclass": {
@@ -1305,6 +1319,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "debug",
@@ -1355,21 +1376,25 @@
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "Language"
               },
-              "description": "If defined, adds name to the input-element",
-              "attribute": "name"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
               "kind": "field",
-              "name": "requiredLabel",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "attribute": "required-label"
+              "description": "If defined, adds name to the input-element",
+              "attribute": "name"
             },
             {
               "kind": "field",
@@ -1480,20 +1505,24 @@
               "fieldName": "label"
             },
             {
-              "name": "name",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "Language"
               },
-              "description": "If defined, adds name to the input-element",
-              "fieldName": "name"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
-              "name": "required-label",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "fieldName": "requiredLabel"
+              "description": "If defined, adds name to the input-element",
+              "fieldName": "name"
             },
             {
               "name": "severity",
@@ -1560,6 +1589,13 @@
           "description": "",
           "name": "SkfDatepickerCalendar",
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "eventid",
@@ -1587,6 +1623,19 @@
               "attribute": "invalid-dates",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "locale",
@@ -1728,6 +1777,18 @@
               "description": "A comma-separated list of dates (yyyy-mm-dd format) that are not selectable.",
               "fieldName": "invalidDates"
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "locale",
               "type": {
@@ -1840,6 +1901,19 @@
               "description": "A comma-separated list of dates (yyyy-mm-dd format) that are not selectable.",
               "attribute": "invalid-dates"
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "range",
@@ -1931,6 +2005,18 @@
               "description": "A comma-separated list of dates (yyyy-mm-dd format) that are not selectable.",
               "fieldName": "invalidDates"
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "range",
               "type": {
@@ -1982,6 +2068,13 @@
           "description": "",
           "name": "SkfDatepicker",
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "focusTimeoutId",
@@ -2014,6 +2107,19 @@
               "description": "If defined, sets the input's label. Alternatively, you can use the `label` attribute.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "hideLabel",
@@ -2078,15 +2184,6 @@
               "description": "If true, makes the element not mutable, meaning the user can not edit the control",
               "attribute": "readonly"
             },
-            {
-              "kind": "field",
-              "name": "requiredLabel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "attribute": "required-label"
-            },
             {
               "kind": "field",
               "name": "selectableFrom",
@@ -2203,6 +2300,18 @@
               "description": "If defined, sets the input's label. Alternatively, you can use the `label` attribute.",
               "fieldName": "label"
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "hide-label",
               "type": {
@@ -2259,14 +2368,6 @@
               "description": "If true, makes the element not mutable, meaning the user can not edit the control",
               "fieldName": "readonly"
             },
-            {
-              "name": "required-label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "fieldName": "requiredLabel"
-            },
             {
               "name": "selectable-from",
               "type": {
@@ -2472,12 +2573,10 @@
           "members": [
             {
               "kind": "field",
-              "name": "closeButtonAriaLabel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, sets the aria-label for the close button",
-              "attribute": "close-button-aria-label"
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
@@ -2498,6 +2597,19 @@
               "description": "If true, makes the dialog stretch edge to edge on screen",
               "attribute": "fullscreen"
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "noCloseButton",
@@ -2564,14 +2676,6 @@
             }
           ],
           "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": {
@@ -2589,6 +2693,18 @@
               "description": "If true, makes the dialog stretch edge to edge on screen",
               "fieldName": "fullscreen"
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "no-close-button",
               "type": {
@@ -2656,6 +2772,22 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              }
+            },
             {
               "kind": "field",
               "name": "color",
@@ -2665,9 +2797,8 @@
               "default": "'primary'",
               "description": "Defines the Divider color",
               "attribute": "color",
-              "reflects": true,
               "expandedType": {
-                "text": "'primary' | 'inverse' | 'emphasised' | 'secondary' | 'tertiary'"
+                "text": "'primary' | 'inverse' | 'emphasized' | 'secondary' | 'tertiary'"
               }
             },
             {
@@ -2688,8 +2819,7 @@
               },
               "default": "false",
               "description": "If true, renders the divider vertically",
-              "attribute": "vertical",
-              "reflects": true
+              "attribute": "vertical"
             }
           ],
           "attributes": [
@@ -2702,7 +2832,7 @@
               "description": "Defines the Divider color",
               "fieldName": "color",
               "expandedType": {
-                "text": "'primary' | 'inverse' | 'emphasised' | 'secondary' | 'tertiary'"
+                "text": "'primary' | 'inverse' | 'emphasized' | 'secondary' | 'tertiary'"
               }
             },
             {
@@ -2761,13 +2891,26 @@
           "members": [
             {
               "kind": "field",
-              "name": "closeButtonAriaLabel",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
               "type": {
-                "text": "string"
-              },
-              "default": "'Close dialog'",
-              "description": "If defined, sets the aria-label for the close button",
-              "attribute": "close-button-aria-label"
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              }
             },
             {
               "kind": "field",
@@ -2778,16 +2921,31 @@
               "description": "Heading for the Drawer",
               "attribute": "heading"
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "Size"
               },
               "default": "'md'",
               "description": "Sets the max-width",
               "attribute": "size",
-              "reflects": true
+              "expandedType": {
+                "text": "'sm' | 'md' | 'lg'"
+              }
             },
             {
               "kind": "field",
@@ -2804,12 +2962,14 @@
               "kind": "field",
               "name": "placement",
               "type": {
-                "text": "'left' | 'right'"
+                "text": "Placement"
               },
               "default": "'right'",
               "description": "Placement of the Drawer",
               "attribute": "placement",
-              "reflects": true
+              "expandedType": {
+                "text": "'left' | 'right'"
+              }
             },
             {
               "kind": "method",
@@ -2840,15 +3000,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "close-button-aria-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Close dialog'",
-              "description": "If defined, sets the aria-label for the close button",
-              "fieldName": "closeButtonAriaLabel"
-            },
             {
               "name": "heading",
               "type": {
@@ -2857,14 +3008,29 @@
               "description": "Heading for the Drawer",
               "fieldName": "heading"
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "size",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "Size"
               },
               "default": "'md'",
               "description": "Sets the max-width",
-              "fieldName": "size"
+              "fieldName": "size",
+              "expandedType": {
+                "text": "'sm' | 'md' | 'lg'"
+              }
             },
             {
               "name": "open",
@@ -2878,11 +3044,14 @@
             {
               "name": "placement",
               "type": {
-                "text": "'left' | 'right'"
+                "text": "Placement"
               },
               "default": "'right'",
               "description": "Placement of the Drawer",
-              "fieldName": "placement"
+              "fieldName": "placement",
+              "expandedType": {
+                "text": "'left' | 'right'"
+              }
             }
           ],
           "superclass": {
@@ -3005,999 +3174,1104 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/nav/nav.js",
+      "path": "components/link/link.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-nav>` is a component that displays a list of <nav-items>.",
-          "name": "SkfNav",
+          "description": "The `<skf-link>` can be used as either a regular link or a semantic button. The button variant is\nintended to be used for triggering javascript functions, not handling forms.",
+          "name": "SkfLink",
           "slots": [
             {
-              "description": "The component's main content",
+              "description": "The links' main content",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "vertical",
+              "name": "#internals",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "vertical",
-              "reflects": true
-            }
-          ],
-          "attributes": [
+                "text": "ElementInternals"
+              }
+            },
             {
-              "name": "vertical",
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "as",
+              "type": {
+                "text": "'button' | 'link'"
+              },
+              "default": "'link'",
+              "description": "Defines the semantic element to render",
+              "attribute": "as"
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "Color"
+              },
+              "default": "'primary'",
+              "description": "Defines the text-color",
+              "attribute": "color",
+              "expandedType": {
+                "text": "'primary' | 'inverse'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "vertical"
-            }
-          ],
-          "superclass": {
-            "name": "SkfElement",
-            "package": "@internal/components/skf-element"
-          },
-          "tagName": "skf-nav",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkfNav",
-          "declaration": {
-            "name": "SkfNav",
-            "module": "src/components/nav/nav.component.ts"
-          }
-        }
-      ],
-      "typeDefinitionPath": "components/nav/nav.d.ts"
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/header/header.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `<skf-header>` component is to be used as the site-header in the app. The navigation will be collapsed to mobile-view if the menu items exceed the available width.",
-          "name": "SkfHeader",
-          "slots": [
+              "description": "If true, disables the link",
+              "attribute": "disabled"
+            },
             {
-              "description": "Navigation items",
-              "name": ""
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If defined, downloads the url",
+              "attribute": "download"
+            },
             {
               "kind": "field",
-              "name": "compact",
-              "description": "If true, sets header to display in compact mode only (hanburger menu and drawer)",
-              "attribute": "compact",
-              "reflects": true
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, loads url on click",
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "hamburgerAriaLabel",
+              "name": "icon",
               "type": {
-                "text": "string"
+                "text": "Icon | undefined"
               },
-              "default": "'Show navigation'",
-              "description": "If defined, sets the aria-label for the hamburger button",
-              "attribute": "hamburger-aria-label"
+              "description": "If defined, renders an icon before or after the text",
+              "attribute": "icon",
+              "expandedType": {
+                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "siteName",
+              "name": "iconRight",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, the icon is placed to the right in relation to the text",
+              "attribute": "icon-right"
+            },
+            {
+              "kind": "field",
+              "name": "rel",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, sets the app or site's name",
-              "attribute": "site-name"
+              "description": "If defined, describes the relationship between a linked resource and the current document",
+              "attribute": "rel"
             },
             {
               "kind": "field",
-              "name": "siteUrl",
+              "name": "route",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, sets the site's base-url for the \"logo-link\"",
-              "attribute": "site-url"
+              "description": "If defined, used on conjunction with onClick property. **Notice!** Only applicable to as=button.",
+              "attribute": "route"
+            },
+            {
+              "kind": "field",
+              "name": "stretch",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, fills the parents horizontal axis",
+              "attribute": "stretch"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "If defined, specifies where to open the linked document",
+              "attribute": "target"
+            },
+            {
+              "kind": "method",
+              "name": "_handleAsChange"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the link is clicked",
+              "name": "skf-link-click"
             }
           ],
           "attributes": [
             {
-              "name": "compact",
-              "description": "If true, sets header to display in compact mode only (hanburger menu and drawer)",
-              "fieldName": "compact"
+              "name": "as",
+              "type": {
+                "text": "'button' | 'link'"
+              },
+              "default": "'link'",
+              "description": "Defines the semantic element to render",
+              "fieldName": "as"
             },
             {
-              "name": "hamburger-aria-label",
+              "name": "color",
               "type": {
-                "text": "string"
+                "text": "Color"
               },
-              "default": "'Show navigation'",
-              "description": "If defined, sets the aria-label for the hamburger button",
-              "fieldName": "hamburgerAriaLabel"
+              "default": "'primary'",
+              "description": "Defines the text-color",
+              "fieldName": "color",
+              "expandedType": {
+                "text": "'primary' | 'inverse'"
+              }
             },
             {
-              "name": "site-name",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, disables the link",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "download",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If defined, downloads the url",
+              "fieldName": "download"
+            },
+            {
+              "name": "href",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, sets the app or site's name",
-              "fieldName": "siteName"
+              "description": "If defined, loads url on click",
+              "fieldName": "href"
             },
             {
-              "name": "site-url",
+              "name": "icon",
+              "type": {
+                "text": "Icon | undefined"
+              },
+              "description": "If defined, renders an icon before or after the text",
+              "fieldName": "icon",
+              "expandedType": {
+                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
+              }
+            },
+            {
+              "name": "icon-right",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, the icon is placed to the right in relation to the text",
+              "fieldName": "iconRight"
+            },
+            {
+              "name": "rel",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, sets the site's base-url for the \"logo-link\"",
-              "fieldName": "siteUrl"
+              "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. **Notice!** Only applicable to as=button.",
+              "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"
             }
           ],
           "superclass": {
             "name": "SkfElement",
-            "package": "@internal/components/skf-element"
+            "package": "@internal/components/skf-element.js"
           },
-          "tagName": "skf-header",
+          "tagName": "skf-link",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfHeader",
+          "name": "SkfLink",
           "declaration": {
-            "name": "SkfHeader",
-            "module": "src/components/header/header.component.ts"
+            "name": "SkfLink",
+            "module": "src/components/link/link.component.ts"
           }
         }
       ],
-      "typeDefinitionPath": "components/header/header.d.ts"
+      "typeDefinitionPath": "components/link/link.d.ts"
     },
     {
       "kind": "javascript-module",
-      "path": "components/input/input.js",
+      "path": "components/nav/nav-item.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The skf-text-field is used to create a text input field. It can be used inside a form element or standalone\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/9481fa-input-field) for design principles",
-          "name": "SkfInput",
+          "description": "The `<skf-nav>` is a component that displays a list of <nav-items>.",
+          "name": "SkfNavItem",
           "slots": [
             {
-              "description": "The Inputs label. Alternatively, you can use the `label` attribute.",
+              "description": "The component's main content",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "customError",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "autocomplete",
+              "name": "#internals",
+              "privacy": "private",
               "type": {
-                "text": "HTMLInputElement['autocomplete'] | undefined"
-              },
-              "description": "Indicates whether the value of the control can be automatically completed by the browser. See\n[MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/autocomplete) for details.",
-              "attribute": "autocomplete"
+                "text": "ElementInternals"
+              }
             },
             {
               "kind": "field",
-              "name": "buttonAriaLabelClear",
+              "name": "#states",
+              "privacy": "private",
               "type": {
-                "text": "string"
-              },
-              "default": "'Clear input'",
-              "description": "Custom aria-label for the clear button. **Notice!** Only applicable to type=search.",
-              "attribute": "button-aria-label-clear"
+                "text": "CustomStateSet"
+              }
             },
             {
               "kind": "field",
-              "name": "buttonAriaLabelHide",
+              "name": "href",
               "type": {
                 "text": "string"
               },
-              "default": "'Hide password'",
-              "description": "Custom aria-label for the visibility button. **Notice!** Only applicable to type=password.",
-              "attribute": "button-aria-label-hide"
+              "default": "''",
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "buttonAriaLabelShow",
+              "name": "icon",
               "type": {
-                "text": "string"
+                "text": "Icon | undefined"
               },
-              "default": "'Show password'",
-              "description": "Custom aria-label for the visibility button **Notice!** Only applicable to type=password.",
-              "attribute": "button-aria-label-show"
-            },
-            {
-              "kind": "field",
-              "name": "customInvalid",
-              "description": "If defined, forces component to invalid state until removed. Its value is used as hint text.",
-              "attribute": "custom-invalid",
-              "reflects": true
+              "attribute": "icon",
+              "expandedType": {
+                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "debug",
+              "name": "vertical",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "If true, outputs helping hints in console",
-              "attribute": "debug"
-            },
+              "default": "false"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "hideLabel",
+              "name": "href",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "If true, hides the label visually",
-              "attribute": "hide-label"
+              "default": "''",
+              "fieldName": "href"
             },
             {
-              "kind": "field",
-              "name": "hint",
+              "name": "icon",
               "type": {
-                "text": "string | undefined"
+                "text": "Icon | undefined"
               },
-              "description": "If defined, displays informational text below the field",
-              "attribute": "hint"
-            },
+              "fieldName": "icon",
+              "expandedType": {
+                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element"
+          },
+          "tagName": "skf-nav-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfNavItem",
+          "declaration": {
+            "name": "SkfNavItem",
+            "module": "src/components/nav/nav-item.component.ts"
+          }
+        }
+      ],
+      "typeDefinitionPath": "components/nav/nav-item.d.ts"
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/nav/nav.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<skf-nav>` is a component that displays a list of <nav-items>.",
+          "name": "SkfNav",
+          "slots": [
             {
-              "kind": "field",
-              "name": "inputmode",
-              "type": {
-                "text": "HTMLInputElement['inputMode']"
-              },
-              "default": "'text'",
-              "description": "Provides a hint about the type of data that might be entered by the user while editing the element or its contents. See\n[MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inputMode) for details.",
-              "attribute": "inputmode"
-            },
+              "description": "The component's main content",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, sets the input's label. Alternatively, you can use the `label` attribute.",
-              "attribute": "label"
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "leading",
+              "name": "#internals",
+              "privacy": "private",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, displays a prefix/adornment before the input-element",
-              "attribute": "leading"
+                "text": "ElementInternals"
+              }
             },
             {
               "kind": "field",
-              "name": "max",
+              "name": "#states",
+              "privacy": "private",
               "type": {
-                "text": "number | string | undefined"
-              },
-              "description": "If defined, sets the maximum value to accept for this input",
-              "attribute": "max"
+                "text": "CustomStateSet"
+              }
             },
             {
               "kind": "field",
-              "name": "maxLength",
+              "name": "lang",
               "type": {
-                "text": "number | undefined"
+                "text": "Language"
               },
-              "description": "If defined, sets the maximum character length to accept for this input",
-              "attribute": "maxlength"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
               "kind": "field",
-              "name": "min",
+              "name": "vertical",
               "type": {
-                "text": "number | string | undefined"
+                "text": "boolean"
               },
-              "description": "If defined, sets the minimum value to accept for this input",
-              "attribute": "min"
-            },
+              "default": "false",
+              "description": "If true, the navigation will be displayed vertically",
+              "attribute": "vertical"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "minLength",
+              "name": "lang",
               "type": {
-                "text": "number | undefined"
+                "text": "Language"
               },
-              "description": "If defined, sets the minimum character length to accept for this input",
-              "attribute": "minlength"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
-              "kind": "field",
-              "name": "name",
+              "name": "vertical",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "If defined, adds name to the input-element",
-              "attribute": "name",
-              "reflects": true
-            },
+              "default": "false",
+              "description": "If true, the navigation will be displayed vertically",
+              "fieldName": "vertical"
+            }
+          ],
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element"
+          },
+          "tagName": "skf-nav",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfNav",
+          "declaration": {
+            "name": "SkfNav",
+            "module": "src/components/nav/nav.component.ts"
+          }
+        }
+      ],
+      "typeDefinitionPath": "components/nav/nav.d.ts"
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/header/header.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<skf-header>` component is to be used as the site-header in the app. The navigation will be collapsed to mobile-view if the menu items exceed the available width.",
+          "name": "SkfHeader",
+          "slots": [
+            {
+              "description": "Navigation items",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "pattern",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, adds name to the input-element",
-              "attribute": "pattern"
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, displays placeholder text",
-              "attribute": "placeholder"
+              "name": "compact",
+              "description": "If true, sets header to display in compact mode only (hanburger menu and drawer)",
+              "attribute": "compact",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "readonly",
+              "name": "lang",
               "type": {
-                "text": "boolean"
+                "text": "Language"
               },
-              "default": "false",
-              "description": "If true, makes the element not mutable, meaning the user can not edit the control",
-              "attribute": "readonly"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
               "kind": "field",
-              "name": "requiredLabel",
+              "name": "siteName",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "attribute": "required-label"
+              "description": "If defined, sets the app or site's name",
+              "attribute": "site-name"
             },
             {
               "kind": "field",
-              "name": "severity",
+              "name": "siteUrl",
               "type": {
-                "text": "FormFieldSeverity | undefined"
+                "text": "string | undefined"
               },
-              "description": "If defined, displays provided severity state",
-              "attribute": "severity",
-              "reflects": true
-            },
+              "description": "If defined, sets the site's base-url for the \"logo-link\"",
+              "attribute": "site-url"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "showValid",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, displays valid state after interaction",
-              "attribute": "show-valid"
+              "name": "compact",
+              "description": "If true, sets header to display in compact mode only (hanburger menu and drawer)",
+              "fieldName": "compact"
             },
             {
-              "kind": "field",
-              "name": "size",
+              "name": "lang",
               "type": {
-                "text": "'sm' | 'md'"
+                "text": "Language"
               },
-              "default": "'md'",
-              "description": "Size of the input",
-              "attribute": "size",
-              "reflects": true
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
-              "kind": "field",
-              "name": "trailing",
+              "name": "site-name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, displays a suffix/adornment after the input-element",
-              "attribute": "trailing"
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url'"
-              },
-              "default": "'text'",
-              "description": "Type of input",
-              "attribute": "type"
+              "description": "If defined, sets the app or site's name",
+              "fieldName": "siteName"
             },
             {
-              "kind": "field",
-              "name": "validateOn",
+              "name": "site-url",
               "type": {
-                "text": "'input' | 'change' | 'submit'"
+                "text": "string | undefined"
               },
-              "default": "'change'",
-              "description": "Sets validation start",
-              "attribute": "validate-on"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "description": "The current value of the input field",
-              "attribute": "value"
+              "description": "If defined, sets the site's base-url for the \"logo-link\"",
+              "fieldName": "siteUrl"
             }
           ],
-          "events": [
-            {
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fires when the value of the input changes",
-              "name": "change"
-            },
+          "superclass": {
+            "name": "SkfElement",
+            "package": "@internal/components/skf-element"
+          },
+          "tagName": "skf-header",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfHeader",
+          "declaration": {
+            "name": "SkfHeader",
+            "module": "src/components/header/header.component.ts"
+          }
+        }
+      ],
+      "typeDefinitionPath": "components/header/header.d.ts"
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/input/input.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The skf-text-field is used to create a text input field. It can be used inside a form element or standalone\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/9481fa-input-field) for design principles",
+          "name": "SkfInput",
+          "slots": [
             {
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fires when the input is invalid",
-              "name": "invalid"
+              "description": "The Inputs label. Alternatively, you can use the `label` attribute.",
+              "name": ""
             }
           ],
-          "attributes": [
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true, sets disabled state",
-              "name": "disabled",
-              "default": "false"
-            },
+          "members": [
             {
+              "kind": "field",
+              "name": "customError",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "description": "If true, value is required or must be checked for the form to be submittable",
-              "name": "required",
-              "default": "false"
+              "privacy": "private"
             },
             {
+              "kind": "field",
               "name": "autocomplete",
               "type": {
                 "text": "HTMLInputElement['autocomplete'] | undefined"
               },
               "description": "Indicates whether the value of the control can be automatically completed by the browser. See\n[MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/autocomplete) for details.",
-              "fieldName": "autocomplete"
-            },
-            {
-              "name": "button-aria-label-clear",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Clear input'",
-              "description": "Custom aria-label for the clear button. **Notice!** Only applicable to type=search.",
-              "fieldName": "buttonAriaLabelClear"
-            },
-            {
-              "name": "button-aria-label-hide",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Hide password'",
-              "description": "Custom aria-label for the visibility button. **Notice!** Only applicable to type=password.",
-              "fieldName": "buttonAriaLabelHide"
-            },
-            {
-              "name": "button-aria-label-show",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Show password'",
-              "description": "Custom aria-label for the visibility button **Notice!** Only applicable to type=password.",
-              "fieldName": "buttonAriaLabelShow"
+              "attribute": "autocomplete"
             },
             {
-              "name": "custom-invalid",
+              "kind": "field",
+              "name": "customInvalid",
               "description": "If defined, forces component to invalid state until removed. Its value is used as hint text.",
-              "fieldName": "customInvalid"
+              "attribute": "custom-invalid",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "debug",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "If true, outputs helping hints in console",
-              "fieldName": "debug"
+              "attribute": "debug"
             },
             {
-              "name": "hide-label",
+              "kind": "field",
+              "name": "hideLabel",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "If true, hides the label visually",
-              "fieldName": "hideLabel"
+              "attribute": "hide-label"
             },
             {
+              "kind": "field",
               "name": "hint",
               "type": {
                 "text": "string | undefined"
               },
               "description": "If defined, displays informational text below the field",
-              "fieldName": "hint"
+              "attribute": "hint"
             },
             {
+              "kind": "field",
               "name": "inputmode",
               "type": {
                 "text": "HTMLInputElement['inputMode']"
               },
               "default": "'text'",
               "description": "Provides a hint about the type of data that might be entered by the user while editing the element or its contents. See\n[MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inputMode) for details.",
-              "fieldName": "inputmode"
+              "attribute": "inputmode"
             },
             {
+              "kind": "field",
               "name": "label",
               "type": {
                 "text": "string | undefined"
               },
               "description": "If defined, sets the input's label. Alternatively, you can use the `label` attribute.",
-              "fieldName": "label"
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
+              "kind": "field",
               "name": "leading",
               "type": {
                 "text": "string | undefined"
               },
               "description": "If defined, displays a prefix/adornment before the input-element",
-              "fieldName": "leading"
+              "attribute": "leading"
             },
             {
+              "kind": "field",
               "name": "max",
               "type": {
                 "text": "number | string | undefined"
               },
               "description": "If defined, sets the maximum value to accept for this input",
-              "fieldName": "max"
+              "attribute": "max"
             },
             {
-              "name": "maxlength",
+              "kind": "field",
+              "name": "maxLength",
               "type": {
                 "text": "number | undefined"
               },
               "description": "If defined, sets the maximum character length to accept for this input",
-              "fieldName": "maxLength"
+              "attribute": "maxlength"
             },
             {
+              "kind": "field",
               "name": "min",
               "type": {
                 "text": "number | string | undefined"
               },
               "description": "If defined, sets the minimum value to accept for this input",
-              "fieldName": "min"
+              "attribute": "min"
             },
             {
-              "name": "minlength",
+              "kind": "field",
+              "name": "minLength",
               "type": {
                 "text": "number | undefined"
               },
               "description": "If defined, sets the minimum character length to accept for this input",
-              "fieldName": "minLength"
+              "attribute": "minlength"
             },
             {
+              "kind": "field",
               "name": "name",
               "type": {
                 "text": "string | undefined"
               },
               "description": "If defined, adds name to the input-element",
-              "fieldName": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "pattern",
               "type": {
                 "text": "string | undefined"
               },
               "description": "If defined, adds name to the input-element",
-              "fieldName": "pattern"
+              "attribute": "pattern"
             },
             {
+              "kind": "field",
               "name": "placeholder",
               "type": {
                 "text": "string | undefined"
               },
               "description": "If defined, displays placeholder text",
-              "fieldName": "placeholder"
+              "attribute": "placeholder"
             },
             {
+              "kind": "field",
               "name": "readonly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "If true, makes the element not mutable, meaning the user can not edit the control",
-              "fieldName": "readonly"
-            },
-            {
-              "name": "required-label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "fieldName": "requiredLabel"
+              "attribute": "readonly"
             },
             {
+              "kind": "field",
               "name": "severity",
               "type": {
                 "text": "FormFieldSeverity | undefined"
               },
               "description": "If defined, displays provided severity state",
-              "fieldName": "severity"
+              "attribute": "severity",
+              "reflects": true
             },
             {
-              "name": "show-valid",
+              "kind": "field",
+              "name": "showValid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "If true, displays valid state after interaction",
-              "fieldName": "showValid"
+              "attribute": "show-valid"
             },
             {
+              "kind": "field",
               "name": "size",
               "type": {
                 "text": "'sm' | 'md'"
               },
               "default": "'md'",
               "description": "Size of the input",
-              "fieldName": "size"
+              "attribute": "size",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "trailing",
               "type": {
                 "text": "string | undefined"
               },
               "description": "If defined, displays a suffix/adornment after the input-element",
-              "fieldName": "trailing"
+              "attribute": "trailing"
             },
             {
+              "kind": "field",
               "name": "type",
               "type": {
                 "text": "'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url'"
               },
               "default": "'text'",
               "description": "Type of input",
-              "fieldName": "type"
+              "attribute": "type"
             },
             {
-              "name": "validate-on",
+              "kind": "field",
+              "name": "validateOn",
               "type": {
                 "text": "'input' | 'change' | 'submit'"
               },
               "default": "'change'",
               "description": "Sets validation start",
-              "fieldName": "validateOn"
+              "attribute": "validate-on"
             },
             {
+              "kind": "field",
               "name": "value",
               "description": "The current value of the input field",
-              "fieldName": "value"
+              "attribute": "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"
-          }
-        }
-      ],
-      "typeDefinitionPath": "components/input/input.d.ts"
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/link/link.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `<skf-link>` can be used as either a regular link or a link styled semantic button",
-          "name": "SkfLink",
-          "slots": [
+          "events": [
             {
-              "description": "The links' main content",
-              "name": ""
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when the value of the input changes",
+              "name": "change"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when the input is invalid",
+              "name": "invalid"
             }
           ],
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
-              "name": "classMap",
               "type": {
-                "text": "object"
+                "text": "boolean"
               },
-              "static": true,
-              "default": "{}"
+              "description": "If true, sets disabled state",
+              "name": "disabled",
+              "default": "false"
             },
             {
-              "kind": "field",
-              "name": "as",
               "type": {
-                "text": "'button' | 'a'"
+                "text": "boolean"
               },
-              "default": "'a'",
-              "description": "Defines the semantic element to render",
-              "attribute": "as",
-              "reflects": true
+              "description": "If true, value is required or must be checked for the form to be submittable",
+              "name": "required",
+              "default": "false"
             },
             {
-              "kind": "field",
-              "name": "color",
+              "name": "autocomplete",
               "type": {
-                "text": "'primary' | 'inverse'"
+                "text": "HTMLInputElement['autocomplete'] | undefined"
               },
-              "default": "'primary'",
-              "description": "Defines the text-color",
-              "attribute": "color",
-              "reflects": true
+              "description": "Indicates whether the value of the control can be automatically completed by the browser. See\n[MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/autocomplete) for details.",
+              "fieldName": "autocomplete"
             },
             {
-              "kind": "field",
-              "name": "disabled",
+              "name": "custom-invalid",
+              "description": "If defined, forces component to invalid state until removed. Its value is used as hint text.",
+              "fieldName": "customInvalid"
+            },
+            {
+              "name": "debug",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, disables the link",
-              "attribute": "disabled",
-              "reflects": true
+              "description": "If true, outputs helping hints in console",
+              "fieldName": "debug"
             },
             {
-              "kind": "field",
-              "name": "download",
+              "name": "hide-label",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "If defined, downloads the url",
-              "attribute": "download"
+              "default": "false",
+              "description": "If true, hides the label visually",
+              "fieldName": "hideLabel"
             },
             {
-              "kind": "field",
-              "name": "href",
+              "name": "hint",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, loads url on click",
-              "attribute": "href"
+              "description": "If defined, displays informational text below the field",
+              "fieldName": "hint"
             },
             {
-              "kind": "field",
-              "name": "icon",
+              "name": "inputmode",
               "type": {
-                "text": "Icon | undefined"
+                "text": "HTMLInputElement['inputMode']"
               },
-              "description": "If defined, renders an icon before or after the text",
-              "attribute": "icon",
-              "expandedType": {
-                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
-              }
+              "default": "'text'",
+              "description": "Provides a hint about the type of data that might be entered by the user while editing the element or its contents. See\n[MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inputMode) for details.",
+              "fieldName": "inputmode"
             },
             {
-              "kind": "field",
-              "name": "iconPlacement",
+              "name": "label",
               "type": {
-                "text": "'left' | 'right'"
+                "text": "string | undefined"
               },
-              "default": "'left'",
-              "description": "Defines the position of the icon in relation to the text",
-              "attribute": "icon-placement",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "onClick",
-              "description": "If defined, accepts a function that runs on click. Forwards optional route as second argument."
+              "description": "If defined, sets the input's label. Alternatively, you can use the `label` attribute.",
+              "fieldName": "label"
             },
             {
-              "kind": "field",
-              "name": "rel",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "Language"
               },
-              "description": "If defined, describes the relationship between a linked resource and the current document",
-              "attribute": "rel"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
-              "kind": "field",
-              "name": "route",
+              "name": "leading",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, used on conjunction with onClick property, second argument",
-              "attribute": "route",
-              "reflects": true
+              "description": "If defined, displays a prefix/adornment before the input-element",
+              "fieldName": "leading"
             },
             {
-              "kind": "field",
-              "name": "stretch",
+              "name": "max",
               "type": {
-                "text": "boolean"
+                "text": "number | string | undefined"
               },
-              "default": "false",
-              "description": "If true, fills the parents horizontal axis",
-              "attribute": "stretch",
-              "reflects": true
+              "description": "If defined, sets the maximum value to accept for this input",
+              "fieldName": "max"
             },
             {
-              "kind": "field",
-              "name": "target",
+              "name": "maxlength",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+                "text": "number | undefined"
               },
-              "description": "If defined, specifies where to open the linked document",
-              "attribute": "target"
+              "description": "If defined, sets the maximum character length to accept for this input",
+              "fieldName": "maxLength"
             },
             {
-              "kind": "field",
-              "name": "type",
+              "name": "min",
               "type": {
-                "text": "SkfLinkType"
+                "text": "number | string | undefined"
               },
-              "default": "'button'",
-              "description": "Defines the type of button",
-              "attribute": "type",
-              "expandedType": {
-                "text": "'submit' | 'reset' | 'button'"
-              }
-            }
-          ],
-          "attributes": [
+              "description": "If defined, sets the minimum value to accept for this input",
+              "fieldName": "min"
+            },
             {
-              "name": "as",
+              "name": "minlength",
               "type": {
-                "text": "'button' | 'a'"
+                "text": "number | undefined"
               },
-              "default": "'a'",
-              "description": "Defines the semantic element to render",
-              "fieldName": "as"
+              "description": "If defined, sets the minimum character length to accept for this input",
+              "fieldName": "minLength"
             },
             {
-              "name": "color",
+              "name": "name",
               "type": {
-                "text": "'primary' | 'inverse'"
+                "text": "string | undefined"
               },
-              "default": "'primary'",
-              "description": "Defines the text-color",
-              "fieldName": "color"
+              "description": "If defined, adds name to the input-element",
+              "fieldName": "name"
             },
             {
-              "name": "disabled",
+              "name": "pattern",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "If true, disables the link",
-              "fieldName": "disabled"
+              "description": "If defined, adds name to the input-element",
+              "fieldName": "pattern"
             },
             {
-              "name": "download",
+              "name": "placeholder",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, downloads the url",
-              "fieldName": "download"
+              "description": "If defined, displays placeholder text",
+              "fieldName": "placeholder"
             },
             {
-              "name": "href",
+              "name": "readonly",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "If defined, loads url on click",
-              "fieldName": "href"
+              "default": "false",
+              "description": "If true, makes the element not mutable, meaning the user can not edit the control",
+              "fieldName": "readonly"
             },
             {
-              "name": "icon",
+              "name": "severity",
               "type": {
-                "text": "Icon | undefined"
+                "text": "FormFieldSeverity | undefined"
               },
-              "description": "If defined, renders an icon before or after the text",
-              "fieldName": "icon",
-              "expandedType": {
-                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
-              }
+              "description": "If defined, displays provided severity state",
+              "fieldName": "severity"
             },
             {
-              "name": "icon-placement",
+              "name": "show-valid",
               "type": {
-                "text": "'left' | 'right'"
+                "text": "boolean"
               },
-              "default": "'left'",
-              "description": "Defines the position of the icon in relation to the text",
-              "fieldName": "iconPlacement"
+              "default": "false",
+              "description": "If true, displays valid state after interaction",
+              "fieldName": "showValid"
             },
             {
-              "name": "rel",
+              "name": "size",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, describes the relationship between a linked resource and the current document",
-              "fieldName": "rel"
+                "text": "'sm' | 'md'"
+              },
+              "default": "'md'",
+              "description": "Size of the input",
+              "fieldName": "size"
             },
             {
-              "name": "route",
+              "name": "trailing",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, used on conjunction with onClick property, second argument",
-              "fieldName": "route"
+              "description": "If defined, displays a suffix/adornment after the input-element",
+              "fieldName": "trailing"
             },
             {
-              "name": "stretch",
+              "name": "type",
               "type": {
-                "text": "boolean"
+                "text": "'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url'"
               },
-              "default": "false",
-              "description": "If true, fills the parents horizontal axis",
-              "fieldName": "stretch"
+              "default": "'text'",
+              "description": "Type of input",
+              "fieldName": "type"
             },
             {
-              "name": "target",
+              "name": "validate-on",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+                "text": "'input' | 'change' | 'submit'"
               },
-              "description": "If defined, specifies where to open the linked document",
-              "fieldName": "target"
+              "default": "'change'",
+              "description": "Sets validation start",
+              "fieldName": "validateOn"
             },
             {
-              "name": "type",
-              "type": {
-                "text": "SkfLinkType"
-              },
-              "default": "'button'",
-              "description": "Defines the type of button",
-              "fieldName": "type",
-              "expandedType": {
-                "text": "'submit' | 'reset' | 'button'"
-              }
+              "name": "value",
+              "description": "The current value of the input field",
+              "fieldName": "value"
             }
           ],
           "superclass": {
-            "name": "SkfElement",
-            "package": "@internal/components/skf-element.js"
+            "name": "FormBase",
+            "package": "@internal/components/formBase.js"
           },
-          "tagName": "skf-link",
+          "tagName": "skf-input",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfLink",
+          "name": "SkfInput",
           "declaration": {
-            "name": "SkfLink",
-            "module": "src/components/link/link.component.ts"
+            "name": "SkfInput",
+            "module": "src/components/input/input.component.ts"
           }
         }
       ],
-      "typeDefinitionPath": "components/link/link.d.ts"
+      "typeDefinitionPath": "components/input/input.d.ts"
     },
     {
       "kind": "javascript-module",
@@ -4020,20 +4294,23 @@
           "members": [
             {
               "kind": "field",
-              "name": "role",
+              "name": "#internals",
+              "privacy": "private",
               "type": {
-                "text": "string"
+                "text": "ElementInternals"
               },
-              "default": "'menuitem'"
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "classMap",
+              "name": "#states",
+              "privacy": "private",
               "type": {
-                "text": "object"
+                "text": "CustomStateSet"
               },
-              "static": true,
-              "default": "{ 'menu-item': true }",
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
@@ -4043,12 +4320,11 @@
               "kind": "field",
               "name": "as",
               "type": {
-                "text": "'button' | 'a'"
+                "text": "'button' | 'link'"
               },
-              "default": "'a'",
+              "default": "'link'",
               "description": "Defines the semantic element to render",
               "attribute": "as",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
@@ -4058,12 +4334,14 @@
               "kind": "field",
               "name": "color",
               "type": {
-                "text": "'primary' | 'inverse'"
+                "text": "Color"
               },
               "default": "'primary'",
               "description": "Defines the text-color",
               "attribute": "color",
-              "reflects": true,
+              "expandedType": {
+                "text": "'primary' | 'inverse'"
+              },
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
@@ -4078,7 +4356,6 @@
               "default": "false",
               "description": "If true, disables the link",
               "attribute": "disabled",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
@@ -4088,8 +4365,9 @@
               "kind": "field",
               "name": "download",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If defined, downloads the url",
               "attribute": "download",
               "inheritedFrom": {
@@ -4128,23 +4406,13 @@
             },
             {
               "kind": "field",
-              "name": "iconPlacement",
+              "name": "iconRight",
               "type": {
-                "text": "'left' | 'right'"
+                "text": "boolean"
               },
-              "default": "'left'",
-              "description": "Defines the position of the icon in relation to the text",
-              "attribute": "icon-placement",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SkfLink",
-                "module": "src/components/link/link.component.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "onClick",
-              "description": "If defined, accepts a function that runs on click. Forwards optional route as second argument.",
+              "default": "false",
+              "description": "If true, the icon is placed to the right in relation to the text",
+              "attribute": "icon-right",
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
@@ -4169,9 +4437,8 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, used on conjunction with onClick property, second argument",
+              "description": "If defined, used on conjunction with onClick property. **Notice!** Only applicable to as=button.",
               "attribute": "route",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
@@ -4186,7 +4453,6 @@
               "default": "false",
               "description": "If true, fills the parents horizontal axis",
               "attribute": "stretch",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
@@ -4206,17 +4472,8 @@
               }
             },
             {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "SkfLinkType"
-              },
-              "default": "'button'",
-              "description": "Defines the type of button",
-              "attribute": "type",
-              "expandedType": {
-                "text": "'submit' | 'reset' | 'button'"
-              },
+              "kind": "method",
+              "name": "_handleAsChange",
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
@@ -4233,9 +4490,9 @@
             {
               "name": "as",
               "type": {
-                "text": "'button' | 'a'"
+                "text": "'button' | 'link'"
               },
-              "default": "'a'",
+              "default": "'link'",
               "description": "Defines the semantic element to render",
               "fieldName": "as",
               "inheritedFrom": {
@@ -4246,11 +4503,14 @@
             {
               "name": "color",
               "type": {
-                "text": "'primary' | 'inverse'"
+                "text": "Color"
               },
               "default": "'primary'",
               "description": "Defines the text-color",
               "fieldName": "color",
+              "expandedType": {
+                "text": "'primary' | 'inverse'"
+              },
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
@@ -4272,8 +4532,9 @@
             {
               "name": "download",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If defined, downloads the url",
               "fieldName": "download",
               "inheritedFrom": {
@@ -4309,13 +4570,13 @@
               }
             },
             {
-              "name": "icon-placement",
+              "name": "icon-right",
               "type": {
-                "text": "'left' | 'right'"
+                "text": "boolean"
               },
-              "default": "'left'",
-              "description": "Defines the position of the icon in relation to the text",
-              "fieldName": "iconPlacement",
+              "default": "false",
+              "description": "If true, the icon is placed to the right in relation to the text",
+              "fieldName": "iconRight",
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
@@ -4338,7 +4599,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, used on conjunction with onClick property, second argument",
+              "description": "If defined, used on conjunction with onClick property. **Notice!** Only applicable to as=button.",
               "fieldName": "route",
               "inheritedFrom": {
                 "name": "SkfLink",
@@ -4369,18 +4630,15 @@
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
               }
-            },
+            }
+          ],
+          "events": [
             {
-              "name": "type",
               "type": {
-                "text": "SkfLinkType"
-              },
-              "default": "'button'",
-              "description": "Defines the type of button",
-              "fieldName": "type",
-              "expandedType": {
-                "text": "'submit' | 'reset' | 'button'"
+                "text": "CustomEvent"
               },
+              "description": "Fired when the link is clicked",
+              "name": "skf-link-click",
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
@@ -4411,11 +4669,28 @@
           "name": "SkfMenu",
           "slots": [
             {
-              "description": "The menu popover content",
+              "description": "The menu content",
               "name": ""
             }
           ],
-          "members": [],
+          "members": [
+            {
+              "type": {
+                "text": "(void) => void"
+              },
+              "description": "Method that opens the menu",
+              "name": "open()",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "(void) => void"
+              },
+              "description": "Method that closes the menu",
+              "name": "close()",
+              "kind": "field"
+            }
+          ],
           "events": [
             {
               "type": {
@@ -4469,83 +4744,6 @@
       ],
       "typeDefinitionPath": "components/menu/menu.d.ts"
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/nav/nav-item.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `<skf-nav>` is a component that displays a list of <nav-items>.",
-          "name": "SkfNavItem",
-          "slots": [
-            {
-              "description": "The component's main content",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "'#'",
-              "attribute": "href",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "Icon | undefined"
-              },
-              "attribute": "icon",
-              "expandedType": {
-                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "'#'",
-              "fieldName": "href"
-            },
-            {
-              "name": "icon",
-              "type": {
-                "text": "Icon | undefined"
-              },
-              "fieldName": "icon",
-              "expandedType": {
-                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "SkfElement",
-            "package": "@internal/components/skf-element"
-          },
-          "tagName": "skf-nav-item",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkfNavItem",
-          "declaration": {
-            "name": "SkfNavItem",
-            "module": "src/components/nav/nav-item.component.ts"
-          }
-        }
-      ],
-      "typeDefinitionPath": "components/nav/nav-item.d.ts"
-    },
     {
       "kind": "javascript-module",
       "path": "components/popover/popover.js",
@@ -4580,6 +4778,22 @@
               "default": "false",
               "description": "If true, hides the arrow",
               "attribute": "hideArrow"
+            },
+            {
+              "type": {
+                "text": "(void) => void"
+              },
+              "description": "Method that opens the popover",
+              "name": "open()",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "(void) => void"
+              },
+              "description": "Method that closes the popover",
+              "name": "close()",
+              "kind": "field"
             }
           ],
           "events": [
@@ -4587,14 +4801,14 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired when the menu is opened",
+              "description": "Fired when the popover is opened",
               "name": "skf-opened"
             },
             {
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired when the menu is closed",
+              "description": "Fired when the popover is closed",
               "name": "skf-closed"
             }
           ],
@@ -4611,7 +4825,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "The id of the element the menu will be anchored to",
+              "description": "The id of the element the popover will be anchored to",
               "name": "anchor"
             },
             {
@@ -4671,6 +4885,22 @@
               "static": true,
               "default": "true"
             },
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              }
+            },
             {
               "kind": "field",
               "name": "animated",
@@ -4679,8 +4909,7 @@
               },
               "default": "false",
               "description": "If true, the progress-bar's fill value is animated",
-              "attribute": "animated",
-              "reflects": true
+              "attribute": "animated"
             },
             {
               "kind": "field",
@@ -4767,6 +4996,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "debug",
@@ -4809,21 +5045,25 @@
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "Language"
               },
-              "description": "If defined, adds name to the input-element",
-              "attribute": "name"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
               "kind": "field",
-              "name": "requiredLabel",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "attribute": "required-label"
+              "description": "If defined, adds name to the input-element",
+              "attribute": "name"
             },
             {
               "kind": "field",
@@ -4928,20 +5168,24 @@
               "fieldName": "label"
             },
             {
-              "name": "name",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "Language"
               },
-              "description": "If defined, adds name to the input-element",
-              "fieldName": "name"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
-              "name": "required-label",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "fieldName": "requiredLabel"
+              "description": "If defined, adds name to the input-element",
+              "fieldName": "name"
             },
             {
               "name": "size",
@@ -5187,6 +5431,22 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              }
+            },
             {
               "kind": "field",
               "name": "label",
@@ -5196,6 +5456,14 @@
               "default": "'Default label'",
               "attribute": "label",
               "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "small",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             }
           ],
           "attributes": [
@@ -5243,6 +5511,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "#internals",
@@ -5296,6 +5571,19 @@
                 "text": "'error' | 'info' | 'warning' | 'success' | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "onClick",
@@ -5352,6 +5640,18 @@
                 "text": "'error' | 'info' | 'warning' | 'success' | undefined"
               }
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "removable",
               "type": {
@@ -5397,6 +5697,22 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_componentIsConnected",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "buttonLabel",
@@ -5467,6 +5783,19 @@
               "attribute": "label",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "max",
@@ -5505,15 +5834,6 @@
               "description": "If defined, set name of the component",
               "attribute": "name"
             },
-            {
-              "kind": "field",
-              "name": "requiredLabel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "attribute": "required-label"
-            },
             {
               "kind": "field",
               "name": "severity",
@@ -5547,7 +5867,11 @@
             {
               "kind": "field",
               "name": "value",
-              "description": "Read only, returns the selected value. (if multiple: in a comma separated string)"
+              "description": "Returns the selected value. (if multiple: in a comma separated string). If set will default set corresponding option."
+            },
+            {
+              "kind": "method",
+              "name": "_handleSizeUpdate"
             },
             {
               "kind": "method",
@@ -5597,6 +5921,13 @@
               },
               "description": "{detail: {value: string | null, option: SkfSelectOption}} Fired when the select dropdown is toggled",
               "name": "skf-select-option-select"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when the calendar view is updated",
+              "name": "skf-update-calendar-view"
             }
           ],
           "attributes": [
@@ -5667,6 +5998,18 @@
               "description": "If defined, displays provided label",
               "fieldName": "label"
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "max",
               "type": {
@@ -5700,14 +6043,6 @@
               "description": "If defined, set name of the component",
               "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": {
@@ -5761,7 +6096,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-select-option>` is a component is used nested in a skf-select or skf-select-option-group.",
+          "description": "The `<skf-select-option>` is a component is used nested in a skf-select or skf-select-option-group.\nIt represents an individual option in a select dropdown.",
           "name": "SkfSelectOption",
           "slots": [
             {
@@ -5783,6 +6118,22 @@
               "static": true,
               "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true }"
             },
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              }
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -5817,7 +6168,7 @@
               "attribute": "icon-color",
               "reflects": true,
               "expandedType": {
-                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasised' | 'secondary' | 'success' | undefined"
+                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasized' | 'secondary' | 'success' | undefined"
               }
             },
             {
@@ -5849,21 +6200,17 @@
             {
               "kind": "field",
               "name": "value",
-              "description": "Returns or sets the tags value. If value is omitted, defaults to the tags text.",
+              "description": "Returns or sets the option value. If value is omitted, defaults to the tags slotted text.",
               "attribute": "value",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "small",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'option'"
-            },
-            {
-              "kind": "field",
-              "name": "_parent"
+              "default": "false"
             },
             {
               "kind": "field",
@@ -5909,7 +6256,7 @@
               "description": "If defined, sets provided color on the icon",
               "fieldName": "iconColor",
               "expandedType": {
-                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasised' | 'secondary' | 'success' | undefined"
+                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasized' | 'secondary' | 'success' | undefined"
               }
             },
             {
@@ -5931,7 +6278,7 @@
             },
             {
               "name": "value",
-              "description": "Returns or sets the tags value. If value is omitted, defaults to the tags text.",
+              "description": "Returns or sets the option value. If value is omitted, defaults to the tags slotted text.",
               "fieldName": "value"
             }
           ],
@@ -6011,14 +6358,6 @@
             {
               "kind": "field",
               "name": "_setInternalState"
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'listitem'"
             }
           ],
           "events": [
@@ -6166,6 +6505,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "debug",
@@ -6209,21 +6555,25 @@
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "Language"
               },
-              "description": "If defined, adds name to the input-element",
-              "attribute": "name"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
               "kind": "field",
-              "name": "requiredLabel",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "attribute": "required-label"
+              "description": "If defined, adds name to the input-element",
+              "attribute": "name"
             },
             {
               "kind": "field",
@@ -6304,20 +6654,24 @@
               "fieldName": "label"
             },
             {
-              "name": "name",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "Language"
               },
-              "description": "If defined, adds name to the input-element",
-              "fieldName": "name"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
-              "name": "required-label",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "fieldName": "requiredLabel"
+              "description": "If defined, adds name to the input-element",
+              "fieldName": "name"
             },
             {
               "name": "size",
@@ -6390,14 +6744,6 @@
                 "text": "boolean"
               },
               "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'tabpanel'"
             }
           ],
           "attributes": [
@@ -6610,14 +6956,6 @@
                 "text": "SkfTabs['variant']"
               },
               "default": "'expanded'"
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'tab'"
             }
           ],
           "events": [
@@ -6679,6 +7017,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "cols",
@@ -6733,6 +7078,19 @@
               "description": "If defined, sets the input's label unless the default slot is used. Alternatively, you can use the `label` attribute.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "name",
@@ -6779,15 +7137,6 @@
               "description": "If true, makes the element not mutable, meaning the user can not edit the control",
               "attribute": "readonly"
             },
-            {
-              "kind": "field",
-              "name": "requiredLabel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "attribute": "required-label"
-            },
             {
               "kind": "field",
               "name": "rows",
@@ -6922,6 +7271,18 @@
               "description": "If defined, sets the input's label unless the default slot is used. Alternatively, you can use the `label` attribute.",
               "fieldName": "label"
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "name",
               "type": {
@@ -6963,14 +7324,6 @@
               "description": "If true, makes the element not mutable, meaning the user can not edit the control",
               "fieldName": "readonly"
             },
-            {
-              "name": "required-label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "fieldName": "requiredLabel"
-            },
             {
               "name": "rows",
               "type": {
@@ -7140,6 +7493,17 @@
               "name": "parentAnimationDiv",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)",
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "#internals",
@@ -7166,13 +7530,15 @@
             },
             {
               "kind": "field",
-              "name": "buttonLabel",
+              "name": "icon",
               "type": {
-                "text": "string"
+                "text": "Icon | undefined"
+              },
+              "description": "If defined, displays leading icon",
+              "attribute": "icon",
+              "expandedType": {
+                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
               },
-              "default": "'Close'",
-              "description": "Close button aria-label",
-              "attribute": "button-label",
               "inheritedFrom": {
                 "name": "SkfAlert",
                 "module": "src/components/alert/alert.component.ts"
@@ -7180,14 +7546,15 @@
             },
             {
               "kind": "field",
-              "name": "icon",
+              "name": "lang",
               "type": {
-                "text": "Icon | undefined"
+                "text": "Language"
               },
-              "description": "If defined, displays leading icon",
-              "attribute": "icon",
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
               "expandedType": {
-                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
+                "text": "'en' | 'es' | 'pt' | 'sv'"
               },
               "inheritedFrom": {
                 "name": "SkfAlert",
@@ -7235,27 +7602,30 @@
               "fieldName": "timer"
             },
             {
-              "name": "button-label",
+              "name": "icon",
               "type": {
-                "text": "string"
+                "text": "Icon | undefined"
+              },
+              "description": "If defined, displays leading icon",
+              "fieldName": "icon",
+              "expandedType": {
+                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
               },
-              "default": "'Close'",
-              "description": "Close button aria-label",
-              "fieldName": "buttonLabel",
               "inheritedFrom": {
                 "name": "SkfAlert",
                 "module": "src/components/alert/alert.component.ts"
               }
             },
             {
-              "name": "icon",
+              "name": "lang",
               "type": {
-                "text": "Icon | undefined"
+                "text": "Language"
               },
-              "description": "If defined, displays leading icon",
-              "fieldName": "icon",
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
               "expandedType": {
-                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
+                "text": "'en' | 'es' | 'pt' | 'sv'"
               },
               "inheritedFrom": {
                 "name": "SkfAlert",
@@ -7568,39 +7938,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "method",
-              "name": "openExtended"
-            },
-            {
-              "kind": "method",
-              "name": "closeExtended"
-            },
-            {
-              "kind": "method",
-              "name": "addEventListeners",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "$element",
-                  "type": {
-                    "text": "HTMLElement | Element"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'tooltip'"
-            },
             {
               "kind": "field",
               "name": "offset",
@@ -7624,15 +7961,37 @@
                 "text": "string"
               },
               "default": "'tooltip'"
+            },
+            {
+              "type": {
+                "text": "(void) => void"
+              },
+              "description": "Method that opens the tooltip",
+              "name": "open()",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "(void) => void"
+              },
+              "description": "Method that closes the tooltip",
+              "name": "close()",
+              "kind": "field"
             }
           ],
           "events": [
             {
-              "description": "Fired when the dropdown is opened",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the tooltip is opened",
               "name": "skf-opened"
             },
             {
-              "description": "Fired when the dropdown is closed",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the tooltip is closed",
               "name": "skf-closed"
             }
           ],