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

package/dist/custom-elements.json

@@ -37,7 +37,7 @@
               "description": "Sets the color of the icon",
               "attribute": "color",
               "expandedType": {
-                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasised' | 'secondary' | 'success'"
+                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasized' | 'secondary' | 'success'"
               }
             },
             {
@@ -85,7 +85,7 @@
               "description": "Sets the color of the icon",
               "fieldName": "color",
               "expandedType": {
-                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasised' | 'secondary' | 'success'"
+                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasized' | 'secondary' | 'success'"
               }
             },
             {
@@ -513,6 +513,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "#internals",
@@ -529,16 +536,6 @@
                 "text": "CustomStateSet"
               }
             },
-            {
-              "kind": "field",
-              "name": "buttonLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Close'",
-              "description": "Close button aria-label",
-              "attribute": "button-label"
-            },
             {
               "kind": "field",
               "name": "icon",
@@ -551,6 +548,19 @@
                 "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "persistent",
@@ -584,15 +594,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "button-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Close'",
-              "description": "Close button aria-label",
-              "fieldName": "buttonLabel"
-            },
             {
               "name": "icon",
               "type": {
@@ -604,6 +605,18 @@
                 "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
               }
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "persistent",
               "type": {
@@ -836,16 +849,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 +874,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "aria-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Loading...'",
-              "description": "Defines the aria-label",
-              "fieldName": "ariaLabel"
-            },
             {
               "name": "invert",
               "type": {
@@ -1325,6 +1319,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "debug",
@@ -1375,21 +1376,25 @@
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "Language"
               },
-              "description": "If defined, adds name to the input-element",
-              "attribute": "name"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
               "kind": "field",
-              "name": "requiredLabel",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "attribute": "required-label"
+              "description": "If defined, adds name to the input-element",
+              "attribute": "name"
             },
             {
               "kind": "field",
@@ -1500,20 +1505,24 @@
               "fieldName": "label"
             },
             {
-              "name": "name",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "Language"
               },
-              "description": "If defined, adds name to the input-element",
-              "fieldName": "name"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
-              "name": "required-label",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "fieldName": "requiredLabel"
+              "description": "If defined, adds name to the input-element",
+              "fieldName": "name"
             },
             {
               "name": "severity",
@@ -1580,6 +1589,13 @@
           "description": "",
           "name": "SkfDatepickerCalendar",
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "eventid",
@@ -1607,6 +1623,19 @@
               "attribute": "invalid-dates",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "locale",
@@ -1748,6 +1777,18 @@
               "description": "A comma-separated list of dates (yyyy-mm-dd format) that are not selectable.",
               "fieldName": "invalidDates"
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "locale",
               "type": {
@@ -1860,6 +1901,19 @@
               "description": "A comma-separated list of dates (yyyy-mm-dd format) that are not selectable.",
               "attribute": "invalid-dates"
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "range",
@@ -1951,6 +2005,18 @@
               "description": "A comma-separated list of dates (yyyy-mm-dd format) that are not selectable.",
               "fieldName": "invalidDates"
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "range",
               "type": {
@@ -2002,6 +2068,13 @@
           "description": "",
           "name": "SkfDatepicker",
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "focusTimeoutId",
@@ -2034,6 +2107,19 @@
               "description": "If defined, sets the input's label. Alternatively, you can use the `label` attribute.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "hideLabel",
@@ -2098,15 +2184,6 @@
               "description": "If true, makes the element not mutable, meaning the user can not edit the control",
               "attribute": "readonly"
             },
-            {
-              "kind": "field",
-              "name": "requiredLabel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "attribute": "required-label"
-            },
             {
               "kind": "field",
               "name": "selectableFrom",
@@ -2223,6 +2300,18 @@
               "description": "If defined, sets the input's label. Alternatively, you can use the `label` attribute.",
               "fieldName": "label"
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "hide-label",
               "type": {
@@ -2279,14 +2368,6 @@
               "description": "If true, makes the element not mutable, meaning the user can not edit the control",
               "fieldName": "readonly"
             },
-            {
-              "name": "required-label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "fieldName": "requiredLabel"
-            },
             {
               "name": "selectable-from",
               "type": {
@@ -2492,12 +2573,10 @@
           "members": [
             {
               "kind": "field",
-              "name": "closeButtonAriaLabel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, sets the aria-label for the close button",
-              "attribute": "close-button-aria-label"
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
@@ -2518,6 +2597,19 @@
               "description": "If true, makes the dialog stretch edge to edge on screen",
               "attribute": "fullscreen"
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "noCloseButton",
@@ -2584,14 +2676,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "close-button-aria-label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, sets the aria-label for the close button",
-              "fieldName": "closeButtonAriaLabel"
-            },
             {
               "name": "heading",
               "type": {
@@ -2609,6 +2693,18 @@
               "description": "If true, makes the dialog stretch edge to edge on screen",
               "fieldName": "fullscreen"
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "no-close-button",
               "type": {
@@ -2702,7 +2798,7 @@
               "description": "Defines the Divider color",
               "attribute": "color",
               "expandedType": {
-                "text": "'primary' | 'inverse' | 'emphasised' | 'secondary' | 'tertiary'"
+                "text": "'primary' | 'inverse' | 'emphasized' | 'secondary' | 'tertiary'"
               }
             },
             {
@@ -2736,7 +2832,7 @@
               "description": "Defines the Divider color",
               "fieldName": "color",
               "expandedType": {
-                "text": "'primary' | 'inverse' | 'emphasised' | 'secondary' | 'tertiary'"
+                "text": "'primary' | 'inverse' | 'emphasized' | 'secondary' | 'tertiary'"
               }
             },
             {
@@ -2793,6 +2889,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "#internals",
@@ -2811,22 +2914,25 @@
             },
             {
               "kind": "field",
-              "name": "closeButtonAriaLabel",
+              "name": "heading",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'Close dialog'",
-              "description": "If defined, sets the aria-label for the close button",
-              "attribute": "close-button-aria-label"
+              "description": "Heading for the Drawer",
+              "attribute": "heading"
             },
             {
               "kind": "field",
-              "name": "heading",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "Language"
               },
-              "description": "Heading for the Drawer",
-              "attribute": "heading"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
               "kind": "field",
@@ -2894,15 +3000,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "close-button-aria-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Close dialog'",
-              "description": "If defined, sets the aria-label for the close button",
-              "fieldName": "closeButtonAriaLabel"
-            },
             {
               "name": "heading",
               "type": {
@@ -2911,6 +3008,18 @@
               "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": {
@@ -3456,6 +3565,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "#internals",
@@ -3472,6 +3588,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",
@@ -3484,6 +3613,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": {
@@ -3529,6 +3670,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "compact",
@@ -3538,13 +3686,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",
@@ -3572,13 +3723,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",
@@ -3649,36 +3803,6 @@
               "description": "Indicates whether the value of the control can be automatically completed by the browser. See\n[MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/autocomplete) for details.",
               "attribute": "autocomplete"
             },
-            {
-              "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",
-              "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"
-              },
-              "default": "'Show password'",
-              "description": "Custom aria-label for the visibility button **Notice!** Only applicable to type=password.",
-              "attribute": "button-aria-label-show"
-            },
             {
               "kind": "field",
               "name": "customInvalid",
@@ -3734,6 +3858,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",
@@ -3817,15 +3954,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",
@@ -3934,33 +4062,6 @@
               "description": "Indicates whether the value of the control can be automatically completed by the browser. See\n[MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/autocomplete) for details.",
               "fieldName": "autocomplete"
             },
-            {
-              "name": "button-aria-label-clear",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Clear input'",
-              "description": "Custom aria-label for the clear button. **Notice!** Only applicable to type=search.",
-              "fieldName": "buttonAriaLabelClear"
-            },
-            {
-              "name": "button-aria-label-hide",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Hide password'",
-              "description": "Custom aria-label for the visibility button. **Notice!** Only applicable to type=password.",
-              "fieldName": "buttonAriaLabelHide"
-            },
-            {
-              "name": "button-aria-label-show",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Show password'",
-              "description": "Custom aria-label for the visibility button **Notice!** Only applicable to type=password.",
-              "fieldName": "buttonAriaLabelShow"
-            },
             {
               "name": "custom-invalid",
               "description": "If defined, forces component to invalid state until removed. Its value is used as hint text.",
@@ -4009,6 +4110,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": {
@@ -4082,14 +4195,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": {
@@ -4564,11 +4669,28 @@
           "name": "SkfMenu",
           "slots": [
             {
-              "description": "The menu popover content",
+              "description": "The menu content",
               "name": ""
             }
           ],
-          "members": [],
+          "members": [
+            {
+              "type": {
+                "text": "(void) => void"
+              },
+              "description": "Method that opens the menu",
+              "name": "open()",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "(void) => void"
+              },
+              "description": "Method that closes the menu",
+              "name": "close()",
+              "kind": "field"
+            }
+          ],
           "events": [
             {
               "type": {
@@ -4656,6 +4778,22 @@
               "default": "false",
               "description": "If true, hides the arrow",
               "attribute": "hideArrow"
+            },
+            {
+              "type": {
+                "text": "(void) => void"
+              },
+              "description": "Method that opens the popover",
+              "name": "open()",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "(void) => void"
+              },
+              "description": "Method that closes the popover",
+              "name": "close()",
+              "kind": "field"
             }
           ],
           "events": [
@@ -4663,14 +4801,14 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired when the menu is opened",
+              "description": "Fired when the popover is opened",
               "name": "skf-opened"
             },
             {
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired when the menu is closed",
+              "description": "Fired when the popover is closed",
               "name": "skf-closed"
             }
           ],
@@ -4687,7 +4825,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "The id of the element the menu will be anchored to",
+              "description": "The id of the element the popover will be anchored to",
               "name": "anchor"
             },
             {
@@ -4858,6 +4996,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "debug",
@@ -4900,21 +5045,25 @@
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "Language"
               },
-              "description": "If defined, adds name to the input-element",
-              "attribute": "name"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
               "kind": "field",
-              "name": "requiredLabel",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "attribute": "required-label"
+              "description": "If defined, adds name to the input-element",
+              "attribute": "name"
             },
             {
               "kind": "field",
@@ -5019,20 +5168,24 @@
               "fieldName": "label"
             },
             {
-              "name": "name",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "Language"
               },
-              "description": "If defined, adds name to the input-element",
-              "fieldName": "name"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
-              "name": "required-label",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "fieldName": "requiredLabel"
+              "description": "If defined, adds name to the input-element",
+              "fieldName": "name"
             },
             {
               "name": "size",
@@ -5358,6 +5511,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "#internals",
@@ -5411,6 +5571,19 @@
                 "text": "'error' | 'info' | 'warning' | 'success' | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "onClick",
@@ -5467,6 +5640,18 @@
                 "text": "'error' | 'info' | 'warning' | 'success' | undefined"
               }
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "removable",
               "type": {
@@ -5512,6 +5697,22 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_componentIsConnected",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "buttonLabel",
@@ -5582,6 +5783,19 @@
               "attribute": "label",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "max",
@@ -5620,15 +5834,6 @@
               "description": "If defined, set name of the component",
               "attribute": "name"
             },
-            {
-              "kind": "field",
-              "name": "requiredLabel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "attribute": "required-label"
-            },
             {
               "kind": "field",
               "name": "severity",
@@ -5662,7 +5867,7 @@
             {
               "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",
@@ -5716,6 +5921,13 @@
               },
               "description": "{detail: {value: string | null, option: SkfSelectOption}} Fired when the select dropdown is toggled",
               "name": "skf-select-option-select"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when the calendar view is updated",
+              "name": "skf-update-calendar-view"
             }
           ],
           "attributes": [
@@ -5786,6 +5998,18 @@
               "description": "If defined, displays provided label",
               "fieldName": "label"
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "max",
               "type": {
@@ -5819,14 +6043,6 @@
               "description": "If defined, set name of the component",
               "fieldName": "name"
             },
-            {
-              "name": "required-label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "fieldName": "requiredLabel"
-            },
             {
               "name": "severity",
               "type": {
@@ -5880,7 +6096,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-select-option>` is a component is used nested in a skf-select or skf-select-option-group.",
+          "description": "The `<skf-select-option>` is a component is used nested in a skf-select or skf-select-option-group.\nIt represents an individual option in a select dropdown.",
           "name": "SkfSelectOption",
           "slots": [
             {
@@ -5952,7 +6168,7 @@
               "attribute": "icon-color",
               "reflects": true,
               "expandedType": {
-                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasised' | 'secondary' | 'success' | undefined"
+                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasized' | 'secondary' | 'success' | undefined"
               }
             },
             {
@@ -5984,7 +6200,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
             },
@@ -6040,7 +6256,7 @@
               "description": "If defined, sets provided color on the icon",
               "fieldName": "iconColor",
               "expandedType": {
-                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasised' | 'secondary' | 'success' | undefined"
+                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasized' | 'secondary' | 'success' | undefined"
               }
             },
             {
@@ -6062,7 +6278,7 @@
             },
             {
               "name": "value",
-              "description": "Returns or sets the tags value. If value is omitted, defaults to the tags text.",
+              "description": "Returns or sets the option value. If value is omitted, defaults to the tags slotted text.",
               "fieldName": "value"
             }
           ],
@@ -6289,6 +6505,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "debug",
@@ -6332,21 +6555,25 @@
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "Language"
               },
-              "description": "If defined, adds name to the input-element",
-              "attribute": "name"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
               "kind": "field",
-              "name": "requiredLabel",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "attribute": "required-label"
+              "description": "If defined, adds name to the input-element",
+              "attribute": "name"
             },
             {
               "kind": "field",
@@ -6427,20 +6654,24 @@
               "fieldName": "label"
             },
             {
-              "name": "name",
+              "name": "lang",
               "type": {
-                "text": "string | undefined"
+                "text": "Language"
               },
-              "description": "If defined, adds name to the input-element",
-              "fieldName": "name"
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
             },
             {
-              "name": "required-label",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "fieldName": "requiredLabel"
+              "description": "If defined, adds name to the input-element",
+              "fieldName": "name"
             },
             {
               "name": "size",
@@ -6786,6 +7017,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
               "kind": "field",
               "name": "cols",
@@ -6840,6 +7078,19 @@
               "description": "If defined, sets the input's label unless the default slot is used. Alternatively, you can use the `label` attribute.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "kind": "field",
               "name": "name",
@@ -6886,15 +7137,6 @@
               "description": "If true, makes the element not mutable, meaning the user can not edit the control",
               "attribute": "readonly"
             },
-            {
-              "kind": "field",
-              "name": "requiredLabel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "attribute": "required-label"
-            },
             {
               "kind": "field",
               "name": "rows",
@@ -7029,6 +7271,18 @@
               "description": "If defined, sets the input's label unless the default slot is used. Alternatively, you can use the `label` attribute.",
               "fieldName": "label"
             },
+            {
+              "name": "lang",
+              "type": {
+                "text": "Language"
+              },
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
+              "expandedType": {
+                "text": "'en' | 'es' | 'pt' | 'sv'"
+              }
+            },
             {
               "name": "name",
               "type": {
@@ -7070,14 +7324,6 @@
               "description": "If true, makes the element not mutable, meaning the user can not edit the control",
               "fieldName": "readonly"
             },
-            {
-              "name": "required-label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, renders an alternative A11y text for the asterisk",
-              "fieldName": "requiredLabel"
-            },
             {
               "name": "rows",
               "type": {
@@ -7247,6 +7493,17 @@
               "name": "parentAnimationDiv",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "#localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)",
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "#internals",
@@ -7273,13 +7530,15 @@
             },
             {
               "kind": "field",
-              "name": "buttonLabel",
+              "name": "icon",
               "type": {
-                "text": "string"
+                "text": "Icon | undefined"
+              },
+              "description": "If defined, displays leading icon",
+              "attribute": "icon",
+              "expandedType": {
+                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
               },
-              "default": "'Close'",
-              "description": "Close button aria-label",
-              "attribute": "button-label",
               "inheritedFrom": {
                 "name": "SkfAlert",
                 "module": "src/components/alert/alert.component.ts"
@@ -7287,14 +7546,15 @@
             },
             {
               "kind": "field",
-              "name": "icon",
+              "name": "lang",
               "type": {
-                "text": "Icon | undefined"
+                "text": "Language"
               },
-              "description": "If defined, displays leading icon",
-              "attribute": "icon",
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "attribute": "lang",
               "expandedType": {
-                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
+                "text": "'en' | 'es' | 'pt' | 'sv'"
               },
               "inheritedFrom": {
                 "name": "SkfAlert",
@@ -7342,27 +7602,30 @@
               "fieldName": "timer"
             },
             {
-              "name": "button-label",
+              "name": "icon",
               "type": {
-                "text": "string"
+                "text": "Icon | undefined"
+              },
+              "description": "If defined, displays leading icon",
+              "fieldName": "icon",
+              "expandedType": {
+                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
               },
-              "default": "'Close'",
-              "description": "Close button aria-label",
-              "fieldName": "buttonLabel",
               "inheritedFrom": {
                 "name": "SkfAlert",
                 "module": "src/components/alert/alert.component.ts"
               }
             },
             {
-              "name": "icon",
+              "name": "lang",
               "type": {
-                "text": "Icon | undefined"
+                "text": "Language"
               },
-              "description": "If defined, displays leading icon",
-              "fieldName": "icon",
+              "default": "'en'",
+              "description": "Sets the internal language of the component",
+              "fieldName": "lang",
               "expandedType": {
-                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
+                "text": "'en' | 'es' | 'pt' | 'sv'"
               },
               "inheritedFrom": {
                 "name": "SkfAlert",
@@ -7675,31 +7938,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "method",
-              "name": "openExtended"
-            },
-            {
-              "kind": "method",
-              "name": "closeExtended"
-            },
-            {
-              "kind": "method",
-              "name": "addEventListeners",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "$element",
-                  "type": {
-                    "text": "HTMLElement | Element"
-                  }
-                }
-              ]
-            },
             {
               "kind": "field",
               "name": "offset",
@@ -7723,15 +7961,37 @@
                 "text": "string"
               },
               "default": "'tooltip'"
+            },
+            {
+              "type": {
+                "text": "(void) => void"
+              },
+              "description": "Method that opens the tooltip",
+              "name": "open()",
+              "kind": "field"
+            },
+            {
+              "type": {
+                "text": "(void) => void"
+              },
+              "description": "Method that closes the tooltip",
+              "name": "close()",
+              "kind": "field"
             }
           ],
           "events": [
             {
-              "description": "Fired when the dropdown is opened",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the tooltip is opened",
               "name": "skf-opened"
             },
             {
-              "description": "Fired when the dropdown is closed",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the tooltip is closed",
               "name": "skf-closed"
             }
           ],