@skf-design-system/ui-components 1.0.0-alpha.38 → 1.0.0-alpha.39

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' | 'purple' | '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' | 'purple' | 'success'"
               }
             },
             {
@@ -125,7 +125,8 @@
             "package": "@internal/components/skf-element.js"
           },
           "tagName": "skf-icon",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/icon/icon.component.ts"
         }
       ],
       "exports": [
@@ -224,12 +225,18 @@
             {
               "kind": "method",
               "name": "setClose",
-              "description": "Class method as alternative to manipulate attribute"
+              "description": "Class method as alternative to manipulate attribute",
+              "type": {
+                "text": "setClose() => void"
+              }
             },
             {
               "kind": "method",
               "name": "setOpen",
-              "description": "Class method as alternative to manipulate attribute"
+              "description": "Class method as alternative to manipulate attribute",
+              "type": {
+                "text": "setOpen() => void"
+              }
             }
           ],
           "events": [
@@ -304,7 +311,8 @@
             "package": "@internal/components/skf-element.js"
           },
           "tagName": "skf-accordion-item",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/accordion/accordion-item.component.ts"
         }
       ],
       "exports": [
@@ -479,7 +487,8 @@
             "package": "@internal/components/skf-element.js"
           },
           "tagName": "skf-accordion",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/accordion/accordion.component.ts"
         }
       ],
       "exports": [
@@ -513,6 +522,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "#internals",
@@ -529,16 +545,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 +557,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 +603,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "button-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Close'",
-              "description": "Close button aria-label",
-              "fieldName": "buttonLabel"
-            },
             {
               "name": "icon",
               "type": {
@@ -604,6 +614,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": {
@@ -630,7 +652,8 @@
             "package": "@internal/components/skf-element.js"
           },
           "tagName": "skf-alert",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/alert/alert.component.ts"
         }
       ],
       "exports": [
@@ -698,7 +721,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-breadcrumb-item",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/breadcrumb/breadcrumb-item.component.ts"
         }
       ],
       "exports": [
@@ -796,7 +820,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-breadcrumb",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/breadcrumb/breadcrumb.component.ts"
         }
       ],
       "exports": [
@@ -836,16 +861,6 @@
                 "text": "CustomStateSet"
               }
             },
-            {
-              "kind": "field",
-              "name": "ariaLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Loading...'",
-              "description": "Defines the aria-label",
-              "attribute": "aria-label"
-            },
             {
               "kind": "field",
               "name": "invert",
@@ -871,15 +886,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "aria-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Loading...'",
-              "description": "Defines the aria-label",
-              "fieldName": "ariaLabel"
-            },
             {
               "name": "invert",
               "type": {
@@ -907,7 +913,8 @@
             "package": "@internal/components/skf-element.js"
           },
           "tagName": "skf-loader",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/loader/loader.component.ts"
         }
       ],
       "exports": [
@@ -1065,7 +1072,10 @@
             {
               "kind": "method",
               "name": "click",
-              "description": "Simulates a click on the button."
+              "description": "Simulates a click on the button.",
+              "type": {
+                "text": "click() => void"
+              }
             }
           ],
           "events": [
@@ -1178,7 +1188,8 @@
             "package": "@internal/components/skf-element.js"
           },
           "tagName": "skf-button",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/button/button.component.ts"
         }
       ],
       "exports": [
@@ -1295,7 +1306,8 @@
             "package": "@internal/components/skf-element.js"
           },
           "tagName": "skf-card",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/card/card.component.ts"
         }
       ],
       "exports": [
@@ -1325,6 +1337,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "debug",
@@ -1338,6 +1357,10 @@
             {
               "kind": "field",
               "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
               "description": "If true, outputs helping hints in console",
               "attribute": "checked",
               "reflects": true
@@ -1375,21 +1398,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",
@@ -1470,6 +1497,10 @@
             },
             {
               "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
               "description": "If true, outputs helping hints in console",
               "fieldName": "checked"
             },
@@ -1500,20 +1531,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",
@@ -1556,7 +1591,8 @@
             "package": "@internal/components/formBase.js"
           },
           "tagName": "skf-checkbox",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/checkbox/checkbox.component.ts"
         }
       ],
       "exports": [
@@ -1580,6 +1616,13 @@
           "description": "",
           "name": "SkfDatepickerCalendar",
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "eventid",
@@ -1693,7 +1736,10 @@
                     "text": "false"
                   }
                 }
-              ]
+              ],
+              "type": {
+                "text": "_createDate({ year, month, day }: DateParts, useTemporalApi?: false) => Date"
+              }
             },
             {
               "kind": "method",
@@ -1717,7 +1763,10 @@
                     "text": "boolean"
                   }
                 }
-              ]
+              ],
+              "type": {
+                "text": "_createDate({ year, month, day = 1 }: DateParts, useTemporalApi?: boolean) => Date | Temporal.PlainDate"
+              }
             },
             {
               "kind": "field",
@@ -1802,7 +1851,8 @@
             "package": "@internal/components/skf-element.js"
           },
           "tagName": "skf-datepicker-calendar",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/datepicker/datepicker-calendar.component.ts"
         }
       ],
       "exports": [
@@ -1860,6 +1910,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",
@@ -1951,6 +2014,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": {
@@ -2002,6 +2077,13 @@
           "description": "",
           "name": "SkfDatepicker",
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "focusTimeoutId",
@@ -2034,6 +2116,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",
@@ -2098,15 +2193,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",
@@ -2180,7 +2266,10 @@
             },
             {
               "kind": "method",
-              "name": "_handleValueChange"
+              "name": "_handleValueChange",
+              "type": {
+                "text": "_handleValueChange() => void"
+              }
             },
             {
               "kind": "field",
@@ -2189,16 +2278,25 @@
             },
             {
               "kind": "method",
-              "name": "showPopover"
+              "name": "showPopover",
+              "type": {
+                "text": "showPopover() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "hidePopover"
+              "name": "hidePopover",
+              "type": {
+                "text": "hidePopover() => void"
+              }
             },
             {
               "kind": "method",
               "name": "clear",
-              "description": "Clears the input field"
+              "description": "Clears the input field",
+              "type": {
+                "text": "clear() => void"
+              }
             }
           ],
           "attributes": [
@@ -2223,6 +2321,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": {
@@ -2279,14 +2389,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": {
@@ -2343,7 +2445,8 @@
             "package": "@internal/components/formBase.js"
           },
           "tagName": "skf-datepicker",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/datepicker/datepicker.component.ts"
         }
       ],
       "exports": [
@@ -2446,7 +2549,8 @@
             "package": "@internal/components/skf-element.js"
           },
           "tagName": "skf-heading",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/heading/heading.component.ts"
         }
       ],
       "exports": [
@@ -2492,12 +2596,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",
@@ -2518,6 +2620,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",
@@ -2552,12 +2667,18 @@
             {
               "kind": "method",
               "name": "showModal",
-              "description": "Method that opens the dialog in modal state"
+              "description": "Method that opens the dialog in modal state",
+              "type": {
+                "text": "showModal() => void"
+              }
             },
             {
               "kind": "method",
               "name": "close",
-              "description": "Method that closes the dialog"
+              "description": "Method that closes the dialog",
+              "type": {
+                "text": "close() => void"
+              }
             }
           ],
           "events": [
@@ -2584,14 +2705,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": {
@@ -2609,6 +2722,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": {
@@ -2642,7 +2767,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-dialog",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/dialog/dialog.component.ts"
         }
       ],
       "exports": [
@@ -2676,6 +2802,22 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              }
+            },
             {
               "kind": "field",
               "name": "color",
@@ -2685,9 +2827,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'"
               }
             },
             {
@@ -2708,8 +2849,7 @@
               },
               "default": "false",
               "description": "If true, renders the divider vertically",
-              "attribute": "vertical",
-              "reflects": true
+              "attribute": "vertical"
             }
           ],
           "attributes": [
@@ -2722,7 +2862,7 @@
               "description": "Defines the Divider color",
               "fieldName": "color",
               "expandedType": {
-                "text": "'primary' | 'inverse' | 'emphasised' | 'secondary' | 'tertiary'"
+                "text": "'primary' | 'inverse' | 'emphasized' | 'secondary' | 'tertiary'"
               }
             },
             {
@@ -2749,7 +2889,8 @@
             "package": "@internal/components/skf-element.js"
           },
           "tagName": "skf-divider",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/divider/divider.component.ts"
         }
       ],
       "exports": [
@@ -2781,13 +2922,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",
@@ -2798,16 +2952,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",
@@ -2824,16 +2993,21 @@
               "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",
-              "name": "close"
+              "name": "close",
+              "type": {
+                "text": "close() => void"
+              }
             }
           ],
           "events": [
@@ -2860,15 +3034,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": {
@@ -2877,14 +3042,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",
@@ -2898,11 +3078,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": {
@@ -2910,7 +3093,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-drawer",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/drawer/drawer.component.ts"
         }
       ],
       "exports": [
@@ -3008,7 +3192,8 @@
             "package": "@internal/components/skf-element.js"
           },
           "tagName": "skf-logo",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/logo/logo.component.ts"
         }
       ],
       "exports": [
@@ -3167,7 +3352,17 @@
             },
             {
               "kind": "method",
-              "name": "_handleAsChange"
+              "name": "_handleAsChange",
+              "type": {
+                "text": "_handleAsChange() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleDisabledChange",
+              "type": {
+                "text": "_handleDisabledChange() => void"
+              }
             }
           ],
           "events": [
@@ -3286,7 +3481,8 @@
             "package": "@internal/components/skf-element.js"
           },
           "tagName": "skf-link",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/link/link.component.ts"
         }
       ],
       "exports": [
@@ -3386,7 +3582,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-nav-item",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/nav/nav-item.component.ts"
         }
       ],
       "exports": [
@@ -3416,6 +3613,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "#internals",
@@ -3432,6 +3636,19 @@
                 "text": "CustomStateSet"
               }
             },
+            {
+              "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": "vertical",
@@ -3444,6 +3661,18 @@
             }
           ],
           "attributes": [
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "vertical",
               "type": {
@@ -3459,7 +3688,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-nav",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/nav/nav.component.ts"
         }
       ],
       "exports": [
@@ -3489,6 +3719,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "compact",
@@ -3498,13 +3735,16 @@
             },
             {
               "kind": "field",
-              "name": "hamburgerAriaLabel",
+              "name": "lang",
               "type": {
-                "text": "string"
+                "text": "Language"
               },
-              "default": "'Show navigation'",
-              "description": "If defined, sets the aria-label for the hamburger button",
-              "attribute": "hamburger-aria-label"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
               "kind": "field",
@@ -3532,13 +3772,16 @@
               "fieldName": "compact"
             },
             {
-              "name": "hamburger-aria-label",
+              "name": "lang",
               "type": {
-                "text": "string"
+                "text": "Language"
               },
-              "default": "'Show navigation'",
-              "description": "If defined, sets the aria-label for the hamburger button",
-              "fieldName": "hamburgerAriaLabel"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
               "name": "site-name",
@@ -3562,7 +3805,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-header",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/header/header.component.ts"
         }
       ],
       "exports": [
@@ -3611,33 +3855,12 @@
             },
             {
               "kind": "field",
-              "name": "buttonAriaLabelClear",
-              "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"
-            },
-            {
-              "kind": "field",
-              "name": "buttonAriaLabelHide",
+              "name": "autofocus",
               "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"
-            },
-            {
-              "kind": "field",
-              "name": "buttonAriaLabelShow",
-              "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Show password'",
-              "description": "Custom aria-label for the visibility button **Notice!** Only applicable to type=password.",
-              "attribute": "button-aria-label-show"
+              "default": "false",
+              "attribute": "autofocus"
             },
             {
               "kind": "field",
@@ -3694,6 +3917,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": "leading",
@@ -3777,15 +4013,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": "severity",
@@ -3851,22 +4078,50 @@
               "name": "value",
               "description": "The current value of the input field",
               "attribute": "value"
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "type": {
+                "text": "focus() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "type": {
+                "text": "blur() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "select",
+              "type": {
+                "text": "select() => void"
+              }
             }
           ],
           "events": [
             {
               "type": {
-                "text": "CustomEvent"
+                "text": "Event"
               },
               "description": "Fires when the value of the input changes",
               "name": "change"
             },
             {
               "type": {
-                "text": "CustomEvent"
+                "text": "Event"
               },
               "description": "Fires when the input is invalid",
               "name": "invalid"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when the input is cleared",
+              "name": "skf-cleared"
             }
           ],
           "attributes": [
@@ -3895,31 +4150,12 @@
               "fieldName": "autocomplete"
             },
             {
-              "name": "button-aria-label-clear",
+              "name": "autofocus",
               "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"
+                "text": "boolean"
               },
-              "default": "'Show password'",
-              "description": "Custom aria-label for the visibility button **Notice!** Only applicable to type=password.",
-              "fieldName": "buttonAriaLabelShow"
+              "default": "false",
+              "fieldName": "autofocus"
             },
             {
               "name": "custom-invalid",
@@ -3969,6 +4205,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": "leading",
               "type": {
@@ -4042,14 +4290,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": "severity",
               "type": {
@@ -4113,7 +4353,8 @@
             "package": "@internal/components/formBase.js"
           },
           "tagName": "skf-input",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/input/input.component.ts"
         }
       ],
       "exports": [
@@ -4332,6 +4573,20 @@
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
+              },
+              "type": {
+                "text": "_handleAsChange() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleDisabledChange",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              },
+              "type": {
+                "text": "_handleDisabledChange() => void"
               }
             }
           ],
@@ -4499,7 +4754,8 @@
                 "module": "src/components/link/link.component.ts"
               }
             }
-          ]
+          ],
+          "modulePath": "src/components/menu/menu-item.component.ts"
         }
       ],
       "exports": [
@@ -4524,11 +4780,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": {
@@ -4567,7 +4840,8 @@
             "package": "@internal/base-classes/popover/popover.base.js"
           },
           "tagName": "skf-menu",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/menu/menu.component.ts"
         }
       ],
       "exports": [
@@ -4616,6 +4890,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": [
@@ -4623,14 +4913,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"
             }
           ],
@@ -4647,7 +4937,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"
             },
             {
@@ -4674,7 +4964,8 @@
             "package": "@internal/base-classes/popover/popover.base.js"
           },
           "tagName": "skf-popover",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/popover/popover.component.ts"
         }
       ],
       "exports": [
@@ -4788,7 +5079,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-progress",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/progress/progress.component.ts"
         }
       ],
       "exports": [
@@ -4818,6 +5110,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "debug",
@@ -4860,21 +5159,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",
@@ -4979,20 +5282,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",
@@ -5035,7 +5342,8 @@
             "package": "@internal/components/formBase.js"
           },
           "tagName": "skf-radio",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/radio/radio.component.ts"
         }
       ],
       "exports": [
@@ -5151,7 +5459,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-segmented-button-item",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/segmented-button/segmented-button-item.component.ts"
         }
       ],
       "exports": [
@@ -5208,7 +5517,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-segmented-button",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/segmented-button/segmented-button.component.ts"
         }
       ],
       "exports": [
@@ -5288,7 +5598,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-select-option-group",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/select/select-option-group.component.ts"
         }
       ],
       "exports": [
@@ -5318,6 +5629,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "#internals",
@@ -5373,12 +5691,25 @@
             },
             {
               "kind": "field",
-              "name": "onClick",
+              "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": "clickCallback",
               "description": "If defined, accepts a function that runs on click"
             },
             {
               "kind": "field",
-              "name": "onRemove",
+              "name": "preRemoveCallback",
               "description": "If defined, accepts a function that runs on click. Self removal can be overridden by using `event.stopPropagation()`."
             },
             {
@@ -5427,6 +5758,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": {
@@ -5442,7 +5785,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-tag",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/tag/tag.component.ts"
         }
       ],
       "exports": [
@@ -5474,11 +5818,32 @@
           "members": [
             {
               "kind": "field",
-              "name": "buttonLabel",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_componentIsConnected",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_defaultButtonLabel",
               "type": {
                 "text": "string"
               },
-              "default": "'Select an option'",
+              "privacy": "private",
+              "default": "'Select an option'"
+            },
+            {
+              "kind": "field",
+              "name": "buttonLabel",
               "description": "Sets the first visible text on the component",
               "attribute": "button-label",
               "reflects": true
@@ -5542,6 +5907,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",
@@ -5551,6 +5929,14 @@
               "description": "If defined, limits the number of selectable options",
               "attribute": "max"
             },
+            {
+              "kind": "field",
+              "name": "maxVisibleItems",
+              "type": {
+                "text": "number | undefined"
+              },
+              "attribute": "max-visible-items"
+            },
             {
               "kind": "field",
               "name": "min",
@@ -5580,15 +5966,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",
@@ -5622,15 +5999,22 @@
             {
               "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": "field",
+              "name": "desiredPopupHeight",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleExpandedChange"
+              "name": "_handleSizeUpdate",
+              "type": {
+                "text": "_handleSizeUpdate() => void"
+              }
             },
             {
               "kind": "field",
@@ -5676,6 +6060,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 select options are connected, useful for setting selected option(s) via value property. E.g mySkfSelect.value = 'option1,option2';",
+              "name": "skf-select-connected"
             }
           ],
           "attributes": [
@@ -5697,10 +6088,6 @@
             },
             {
               "name": "button-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Select an option'",
               "description": "Sets the first visible text on the component",
               "fieldName": "buttonLabel"
             },
@@ -5746,6 +6133,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": {
@@ -5754,6 +6153,13 @@
               "description": "If defined, limits the number of selectable options",
               "fieldName": "max"
             },
+            {
+              "name": "max-visible-items",
+              "type": {
+                "text": "number | undefined"
+              },
+              "fieldName": "maxVisibleItems"
+            },
             {
               "name": "min",
               "type": {
@@ -5779,14 +6185,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": {
@@ -5819,7 +6217,8 @@
             "package": "@internal/components/formBase.js"
           },
           "tagName": "skf-select",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/select/select.component.ts"
         }
       ],
       "exports": [
@@ -5840,7 +6239,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": [
             {
@@ -5912,7 +6311,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' | 'purple' | 'success' | undefined"
               }
             },
             {
@@ -5944,7 +6343,7 @@
             {
               "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
             },
@@ -5956,18 +6355,6 @@
               },
               "default": "false"
             },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'option'"
-            },
-            {
-              "kind": "field",
-              "name": "_parent"
-            },
             {
               "kind": "field",
               "name": "_shortcutUpdate",
@@ -6012,7 +6399,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' | 'purple' | 'success' | undefined"
               }
             },
             {
@@ -6034,7 +6421,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"
             }
           ],
@@ -6043,7 +6430,8 @@
             "package": "@internal/components/skf-element.js"
           },
           "tagName": "skf-select-option",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/select/select-option.component.ts"
         }
       ],
       "exports": [
@@ -6114,14 +6502,6 @@
             {
               "kind": "field",
               "name": "_setInternalState"
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'listitem'"
             }
           ],
           "events": [
@@ -6154,7 +6534,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-stepper-item",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/stepper/stepper-item.component.ts"
         }
       ],
       "exports": [
@@ -6239,7 +6620,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-stepper",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/stepper/stepper.component.ts"
         }
       ],
       "exports": [
@@ -6269,6 +6651,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "debug",
@@ -6312,21 +6701,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",
@@ -6351,7 +6744,10 @@
             },
             {
               "kind": "method",
-              "name": "debugOutput"
+              "name": "debugOutput",
+              "type": {
+                "text": "debugOutput() => void"
+              }
             }
           ],
           "attributes": [
@@ -6407,20 +6803,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",
@@ -6446,7 +6846,8 @@
             "package": "@internal/components/formBase.js"
           },
           "tagName": "skf-switch",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/switch/switch.component.ts"
         }
       ],
       "exports": [
@@ -6493,14 +6894,6 @@
                 "text": "boolean"
               },
               "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'tabpanel'"
             }
           ],
           "attributes": [
@@ -6519,7 +6912,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-tab-panel",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/tabs/tab-panel.component.ts"
         }
       ],
       "exports": [
@@ -6657,7 +7051,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-tabs",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/tabs/tabs.component.ts"
         }
       ],
       "exports": [
@@ -6713,14 +7108,6 @@
                 "text": "SkfTabs['variant']"
               },
               "default": "'expanded'"
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'tab'"
             }
           ],
           "events": [
@@ -6752,7 +7139,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-tab",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/tabs/tab.component.ts"
         }
       ],
       "exports": [
@@ -6782,6 +7170,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "cols",
@@ -6836,6 +7231,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",
@@ -6882,15 +7290,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",
@@ -7025,6 +7424,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": {
@@ -7066,14 +7477,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": {
@@ -7132,7 +7535,8 @@
             "package": "@internal/components/formBase.js"
           },
           "tagName": "skf-textarea",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/textarea/textarea.component.ts"
         }
       ],
       "exports": [
@@ -7243,6 +7647,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",
@@ -7269,13 +7684,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"
@@ -7283,14 +7700,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",
@@ -7338,27 +7756,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",
@@ -7483,7 +7904,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-toast-wrapper",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/toast/toast-wrapper.component.ts"
         }
       ],
       "exports": [
@@ -7641,7 +8063,8 @@
             "package": "@internal/components/skf-element"
           },
           "tagName": "skf-toast",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/toast/toast.component.ts"
         }
       ],
       "exports": [
@@ -7671,39 +8094,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",
@@ -7727,15 +8117,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"
             }
           ],
@@ -7761,7 +8173,8 @@
             "package": "@internal/base-classes/popover/popover.base.js"
           },
           "tagName": "skf-tooltip",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/components/tooltip/tooltip.component.ts"
         }
       ],
       "exports": [