@skf-design-system/ui-components 1.0.2-beta.0 → 1.0.2-beta.1

package/dist/custom-elements.json

@@ -8,19 +8,22 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-icon>` component is used to clarify interface elements. When used, should always be paired with (possibly invisible) text",
+          "description": "The `<skf-icon>` component is used to clarify interface elements. When used, should always be paired with (possibly invisible) text.",
           "name": "SkfIcon",
           "members": [
             {
               "kind": "field",
               "name": "color",
               "type": {
-                "text": "\"primary\" | \"inverse\" | \"emphasised\" | \"secondary\" | \"success\" | \"info\" | \"warning\" | \"error\" | \"alert\""
+                "text": "IconColor"
               },
               "default": "'primary'",
               "description": "Sets the color of the icon",
               "attribute": "color",
-              "reflects": true
+              "reflects": true,
+              "expandedType": {
+                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasised' | 'secondary' | 'success'"
+              }
             },
             {
               "kind": "field",
@@ -35,32 +38,41 @@
               "kind": "field",
               "name": "name",
               "type": {
-                "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\""
+                "text": "Icon"
               },
               "description": "Name of the icon to display",
-              "attribute": "name"
+              "attribute": "name",
+              "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'"
+              }
             },
             {
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
+                "text": "SkfIconSize"
               },
               "default": "'md'",
               "description": "Size of the icon",
               "attribute": "size",
-              "reflects": true
+              "reflects": true,
+              "expandedType": {
+                "text": "'xs' | 'sm' | 'md' | 'lg'"
+              }
             }
           ],
           "attributes": [
             {
               "name": "color",
               "type": {
-                "text": "\"primary\" | \"inverse\" | \"emphasised\" | \"secondary\" | \"success\" | \"info\" | \"warning\" | \"error\" | \"alert\""
+                "text": "IconColor"
               },
               "default": "'primary'",
               "description": "Sets the color of the icon",
-              "fieldName": "color"
+              "fieldName": "color",
+              "expandedType": {
+                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasised' | 'secondary' | 'success'"
+              }
             },
             {
               "name": "label",
@@ -73,19 +85,25 @@
             {
               "name": "name",
               "type": {
-                "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\""
+                "text": "Icon"
               },
               "description": "Name of the icon to display",
-              "fieldName": "name"
+              "fieldName": "name",
+              "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'"
+              }
             },
             {
               "name": "size",
               "type": {
-                "text": "\"xs\" | \"sm\" | \"md\" | \"lg\""
+                "text": "SkfIconSize"
               },
               "default": "'md'",
               "description": "Size of the icon",
-              "fieldName": "size"
+              "fieldName": "size",
+              "expandedType": {
+                "text": "'xs' | 'sm' | 'md' | 'lg'"
+              }
             }
           ],
           "superclass": {
@@ -110,12 +128,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/collapse/collapse.js",
+      "path": "components/accordion/accordion-item.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-collapse>` component is a general purpose container for content that can be collapsed / expanded.\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/6590bf-accordion) for design principles.",
-          "name": "SkfCollapse",
+          "description": "The `<skf-accordion-item>` is used in conjunction with the `<skf-accordion>` component",
+          "name": "SkfAccordionItem",
           "slots": [
             {
               "description": "Main content",
@@ -130,7 +148,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, will animate the expand/collapse state",
+              "description": "If true, will animate the expand/accordion-item state",
               "attribute": "animated",
               "reflects": true
             },
@@ -141,7 +159,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, will set the collapse to be expanded by default",
+              "description": "If true, will set the accordion-item to be expanded by default",
               "attribute": "expanded",
               "reflects": true
             },
@@ -151,18 +169,21 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Heading for the collapse",
+              "description": "Heading for the accordion-item",
               "attribute": "heading"
             },
             {
               "kind": "field",
               "name": "headingAs",
               "type": {
-                "text": "\"h2\" | \"h3\" | \"h4\""
+                "text": "SkfAccordionItemHeadingType"
               },
               "default": "'h2'",
               "description": "Defines which heading element will be rendered",
-              "attribute": "heading-as"
+              "attribute": "heading-as",
+              "expandedType": {
+                "text": "'h2' | 'h3' | 'h4'"
+              }
             },
             {
               "kind": "field",
@@ -182,7 +203,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, will truncate the heading in collapsed state",
+              "description": "If true, will truncate the heading in accordion-item state",
               "attribute": "truncate",
               "reflects": true
             },
@@ -203,7 +224,7 @@
                 "text": "CustomEvent"
               },
               "description": "Event emitted when toggled",
-              "name": "skf-collapse-toggle"
+              "name": "skf-accordion-item-toggle"
             }
           ],
           "attributes": [
@@ -213,7 +234,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, will animate the expand/collapse state",
+              "description": "If true, will animate the expand/accordion-item state",
               "fieldName": "animated"
             },
             {
@@ -222,7 +243,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, will set the collapse to be expanded by default",
+              "description": "If true, will set the accordion-item to be expanded by default",
               "fieldName": "expanded"
             },
             {
@@ -230,17 +251,20 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Heading for the collapse",
+              "description": "Heading for the accordion-item",
               "fieldName": "heading"
             },
             {
               "name": "heading-as",
               "type": {
-                "text": "\"h2\" | \"h3\" | \"h4\""
+                "text": "SkfAccordionItemHeadingType"
               },
               "default": "'h2'",
               "description": "Defines which heading element will be rendered",
-              "fieldName": "headingAs"
+              "fieldName": "headingAs",
+              "expandedType": {
+                "text": "'h2' | 'h3' | 'h4'"
+              }
             },
             {
               "name": "small",
@@ -257,7 +281,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, will truncate the heading in collapsed state",
+              "description": "If true, will truncate the heading in accordion-item state",
               "fieldName": "truncate"
             }
           ],
@@ -265,21 +289,21 @@
             "name": "SkfElement",
             "package": "@internal/components/skf-element.js"
           },
-          "tagName": "skf-collapse",
+          "tagName": "skf-accordion-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfCollapse",
+          "name": "SkfAccordionItem",
           "declaration": {
-            "name": "SkfCollapse",
-            "module": "src/components/collapse/collapse.component.ts"
+            "name": "SkfAccordionItem",
+            "module": "src/components/accordion/accordion-item.component.ts"
           }
         }
       ],
-      "typeDefinitionPath": "components/collapse/collapse.d.ts"
+      "typeDefinitionPath": "components/accordion/accordion-item.d.ts"
     },
     {
       "kind": "javascript-module",
@@ -287,7 +311,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-accordion>` component consists of multiple `<skf-collapse>`, working together.\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/6590bf-accordion) for design principles.",
+          "description": "The `<skf-accordion>` component consists of one or more `<skf-accordion-item>` item(s) working together\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/6590bf-accordion) for design principles",
           "name": "SkfAccordion",
           "slots": [
             {
@@ -311,11 +335,14 @@
               "kind": "field",
               "name": "headingAs",
               "type": {
-                "text": "\"h1\" | \"h2\" | \"h3\" | \"h4\""
+                "text": "SkfAccordionItemHeadingType"
               },
               "default": "'h2'",
               "description": "Defines which heading element will be rendered",
-              "attribute": "heading-as"
+              "attribute": "heading-as",
+              "expandedType": {
+                "text": "'h2' | 'h3' | 'h4'"
+              }
             },
             {
               "kind": "field",
@@ -387,11 +414,14 @@
             {
               "name": "heading-as",
               "type": {
-                "text": "\"h1\" | \"h2\" | \"h3\" | \"h4\""
+                "text": "SkfAccordionItemHeadingType"
               },
               "default": "'h2'",
               "description": "Defines which heading element will be rendered",
-              "fieldName": "headingAs"
+              "fieldName": "headingAs",
+              "expandedType": {
+                "text": "'h2' | 'h3' | 'h4'"
+              }
             },
             {
               "name": "gap",
@@ -456,7 +486,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-alert>` is a type of notification that appears in-line",
+          "description": "The `<skf-alert>` is a type of notification that appears in-line\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/990ec5-alert) for design principles",
           "name": "SkfAlert",
           "slots": [
             {
@@ -483,11 +513,11 @@
               "kind": "field",
               "name": "icon",
               "type": {
-                "text": "SkfAlertIcon | undefined"
+                "text": "Icon | undefined"
               },
               "description": "If defined, displays leading icon",
               "attribute": "icon",
-              "parsedType": {
+              "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"
               }
             },
@@ -506,13 +536,13 @@
               "kind": "field",
               "name": "severity",
               "type": {
-                "text": "SkfAlertSeverity | undefined"
+                "text": "Severity | undefined"
               },
               "description": "If defined, gives the supplied appearance",
               "attribute": "severity",
               "reflects": true,
-              "parsedType": {
-                "text": "'error' | 'info' | 'warning' | 'success' | 'alert' | undefined"
+              "expandedType": {
+                "text": "'error' | 'info' | 'warning' | 'success' | undefined"
               }
             }
           ],
@@ -535,11 +565,11 @@
             {
               "name": "icon",
               "type": {
-                "text": "SkfAlertIcon | undefined"
+                "text": "Icon | undefined"
               },
               "description": "If defined, displays leading icon",
               "fieldName": "icon",
-              "parsedType": {
+              "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"
               }
             },
@@ -555,12 +585,12 @@
             {
               "name": "severity",
               "type": {
-                "text": "SkfAlertSeverity | undefined"
+                "text": "Severity | undefined"
               },
               "description": "If defined, gives the supplied appearance",
               "fieldName": "severity",
-              "parsedType": {
-                "text": "'error' | 'info' | 'warning' | 'success' | 'alert' | undefined"
+              "expandedType": {
+                "text": "'error' | 'info' | 'warning' | 'success' | undefined"
               }
             }
           ],
@@ -586,7 +616,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/breadcrumb-item/breadcrumb-item.js",
+      "path": "components/breadcrumb/breadcrumb-item.js",
       "declarations": [
         {
           "kind": "class",
@@ -646,11 +676,11 @@
           "name": "SkfBreadcrumbItem",
           "declaration": {
             "name": "SkfBreadcrumbItem",
-            "module": "src/components/breadcrumb-item/breadcrumb-item.component.ts"
+            "module": "src/components/breadcrumb/breadcrumb-item.component.ts"
           }
         }
       ],
-      "typeDefinitionPath": "components/breadcrumb-item/breadcrumb-item.d.ts"
+      "typeDefinitionPath": "components/breadcrumb/breadcrumb-item.d.ts"
     },
     {
       "kind": "javascript-module",
@@ -744,14 +774,6 @@
           "description": "The `<skf-loader>` component is a progress indicator that uses circular indicators for short, indeterminate activities",
           "name": "SkfLoader",
           "members": [
-            {
-              "kind": "field",
-              "name": "#internals",
-              "privacy": "private",
-              "type": {
-                "text": "ElementInternals"
-              }
-            },
             {
               "kind": "field",
               "name": "ariaLabel",
@@ -783,22 +805,6 @@
               "description": "Defines the size of the loader",
               "attribute": "size",
               "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'progressbar'"
-            },
-            {
-              "kind": "field",
-              "name": "ariaLive",
-              "type": {
-                "text": "string"
-              },
-              "default": "'polite'"
             }
           ],
           "attributes": [
@@ -856,7 +862,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Component to be used in forms or for interactivity",
+          "description": "Component to be used in forms or for interactivity\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/02493d-buttons) for design principles",
           "name": "SkfButton",
           "slots": [
             {
@@ -907,10 +913,13 @@
               "kind": "field",
               "name": "icon",
               "type": {
-                "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
+                "text": "Icon | undefined"
               },
               "description": "If provided, renders an icon before or after the text",
-              "attribute": "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"
+              }
             },
             {
               "kind": "field",
@@ -919,8 +928,8 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, removes border",
-              "attribute": "iconOnly"
+              "description": "If true, button will take a square shape",
+              "attribute": "icon-only"
             },
             {
               "kind": "field",
@@ -956,7 +965,7 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "'sm' | 'md' | 'lg' | undefined"
               },
               "default": "'md'",
               "description": "If provided, displays an alternative size",
@@ -967,11 +976,14 @@
               "kind": "field",
               "name": "type",
               "type": {
-                "text": "'button' | 'submit' | 'reset'"
+                "text": "SkfButtonType"
               },
               "default": "'button'",
               "description": "If provided, changes the button type",
-              "attribute": "type"
+              "attribute": "type",
+              "expandedType": {
+                "text": "'submit' | 'reset' | 'button'"
+              }
             },
             {
               "kind": "field",
@@ -984,10 +996,6 @@
               "attribute": "variant",
               "reflects": true
             },
-            {
-              "kind": "method",
-              "name": "_handleLoadingChange"
-            },
             {
               "kind": "method",
               "name": "click",
@@ -996,6 +1004,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent"
+              },
               "description": "Fires when the button is clicked",
               "name": "click"
             }
@@ -1022,18 +1033,21 @@
             {
               "name": "icon",
               "type": {
-                "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
+                "text": "Icon | undefined"
               },
               "description": "If provided, renders an icon before or after the text",
-              "fieldName": "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"
+              }
             },
             {
-              "name": "iconOnly",
+              "name": "icon-only",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, removes border",
+              "description": "If true, button will take a square shape",
               "fieldName": "iconOnly"
             },
             {
@@ -1065,7 +1079,7 @@
             {
               "name": "size",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "'sm' | 'md' | 'lg' | undefined"
               },
               "default": "'md'",
               "description": "If provided, displays an alternative size",
@@ -1074,11 +1088,14 @@
             {
               "name": "type",
               "type": {
-                "text": "'button' | 'submit' | 'reset'"
+                "text": "SkfButtonType"
               },
               "default": "'button'",
               "description": "If provided, changes the button type",
-              "fieldName": "type"
+              "fieldName": "type",
+              "expandedType": {
+                "text": "'submit' | 'reset' | 'button'"
+              }
             },
             {
               "name": "variant",
@@ -1116,7 +1133,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-card>` can be used to group related subjects in a container",
+          "description": "The `<skf-card>` can be used to group related subjects in a container\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/021eed-card) for design principles",
           "name": "SkfCard",
           "slots": [
             {
@@ -1293,7 +1310,7 @@
               "kind": "field",
               "name": "severity",
               "type": {
-                "text": "\"alert\" | \"success\" | \"info\" | \"warning\""
+                "text": "FormFieldSeverity | undefined"
               },
               "description": "If defined, styles checkbox using provided severity",
               "attribute": "severity",
@@ -1329,27 +1346,14 @@
               "default": "''",
               "description": "The current value of the input field",
               "attribute": "value"
-            },
-            {
-              "kind": "method",
-              "name": "handleCheckedChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleInvalidChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleDebugInvalid"
-            },
-            {
-              "kind": "method",
-              "name": "handleCustomInvalidChange"
             }
           ],
           "events": [
             {
-              "description": "{object} - When the value of the input changes",
+              "type": {
+                "text": "Event"
+              },
+              "description": "When the value of the input changes",
               "name": "change"
             }
           ],
@@ -1429,7 +1433,7 @@
             {
               "name": "severity",
               "type": {
-                "text": "\"alert\" | \"success\" | \"info\" | \"warning\""
+                "text": "FormFieldSeverity | undefined"
               },
               "description": "If defined, styles checkbox using provided severity",
               "fieldName": "severity"
@@ -2327,13 +2331,13 @@
               "kind": "field",
               "name": "as",
               "type": {
-                "text": "SkfHeadingType"
+                "text": "HeadingType"
               },
-              "default": "'h1'",
+              "default": "'h2'",
               "description": "Controls which heading element will be rendered. Should not be used to affect appearance",
               "attribute": "as",
               "reflects": true,
-              "parsedType": {
+              "expandedType": {
                 "text": "'h1' | 'h2' | 'h3' | 'h4'"
               }
             },
@@ -2341,12 +2345,12 @@
               "kind": "field",
               "name": "styledAs",
               "type": {
-                "text": "SkfHeadingType | undefined"
+                "text": "HeadingType | undefined"
               },
               "description": "If defined, changes the appearance of the heading",
               "attribute": "styled-as",
               "reflects": true,
-              "parsedType": {
+              "expandedType": {
                 "text": "'h1' | 'h2' | 'h3' | 'h4' | undefined"
               }
             }
@@ -2355,23 +2359,23 @@
             {
               "name": "as",
               "type": {
-                "text": "SkfHeadingType"
+                "text": "HeadingType"
               },
-              "default": "'h1'",
+              "default": "'h2'",
               "description": "Controls which heading element will be rendered. Should not be used to affect appearance",
               "fieldName": "as",
-              "parsedType": {
+              "expandedType": {
                 "text": "'h1' | 'h2' | 'h3' | 'h4'"
               }
             },
             {
               "name": "styled-as",
               "type": {
-                "text": "SkfHeadingType | undefined"
+                "text": "HeadingType | undefined"
               },
               "description": "If defined, changes the appearance of the heading",
               "fieldName": "styledAs",
-              "parsedType": {
+              "expandedType": {
                 "text": "'h1' | 'h2' | 'h3' | 'h4' | undefined"
               }
             }
@@ -2484,10 +2488,6 @@
               "attribute": "open",
               "reflects": true
             },
-            {
-              "kind": "method",
-              "name": "handleOpenChange"
-            },
             {
               "kind": "method",
               "name": "showModal",
@@ -2501,14 +2501,23 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent"
+              },
               "description": "Fires when the dialog is opened (after transitioned in)",
               "name": "skf-dialog-opened"
             },
             {
-              "description": "Fires when the dialog is closed (before transitioned out)",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when the dialog is closing (before transitioned out)",
               "name": "skf-dialog-closing"
             },
             {
+              "type": {
+                "text": "CustomEvent"
+              },
               "description": "Fires when the dialog is closed (after transitioned out)",
               "name": "skf-dialog-closed"
             }
@@ -2616,8 +2625,8 @@
               "description": "Defines the Divider color",
               "attribute": "color",
               "reflects": true,
-              "parsedType": {
-                "text": "'emphasised' | 'primary' | 'secondary' | 'tertiary' | 'inverse'"
+              "expandedType": {
+                "text": "'primary' | 'inverse' | 'emphasised' | 'secondary' | 'tertiary'"
               }
             },
             {
@@ -2651,8 +2660,8 @@
               "default": "'primary'",
               "description": "Defines the Divider color",
               "fieldName": "color",
-              "parsedType": {
-                "text": "'emphasised' | 'primary' | 'secondary' | 'tertiary' | 'inverse'"
+              "expandedType": {
+                "text": "'primary' | 'inverse' | 'emphasised' | 'secondary' | 'tertiary'"
               }
             },
             {
@@ -2700,7 +2709,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-drawer>` is a modal component that displays content and toggle by sliding from left/right viewport edge.",
+          "description": "The `<skf-drawer>` is a modal component that displays content and toggle by sliding from left/right viewport edge",
           "name": "SkfDrawer",
           "slots": [
             {
@@ -2761,40 +2770,6 @@
               "attribute": "placement",
               "reflects": true
             },
-            {
-              "kind": "method",
-              "name": "clickIsInsideElement",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                },
-                {
-                  "name": "el",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "_clickstartInDialog",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_handleMouseDown"
-            },
-            {
-              "kind": "field",
-              "name": "_handleMouseUp"
-            },
             {
               "kind": "method",
               "name": "close"
@@ -2802,14 +2777,23 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent"
+              },
               "description": "Fires when the drawer is opened (after transitioned in)",
               "name": "skf-drawer-opened"
             },
             {
-              "description": "Fires when the drawer is closed (before transitioned out)",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when the drawer is closing (before transitioned out)",
               "name": "skf-drawer-closing"
             },
             {
+              "type": {
+                "text": "CustomEvent"
+              },
               "description": "Fires when the drawer is closed (after transitioned out)",
               "name": "skf-drawer-closed"
             }
@@ -2909,11 +2893,14 @@
               "kind": "field",
               "name": "color",
               "type": {
-                "text": "\"primary\" | \"secondary\" | \"inverse\""
+                "text": "SkfLogoColor"
               },
               "default": "'primary'",
               "description": "Defines the color of the logo",
-              "attribute": "color"
+              "attribute": "color",
+              "expandedType": {
+                "text": "'primary' | 'inverse' | 'secondary'"
+              }
             }
           ],
           "attributes": [
@@ -2929,11 +2916,14 @@
             {
               "name": "color",
               "type": {
-                "text": "\"primary\" | \"secondary\" | \"inverse\""
+                "text": "SkfLogoColor"
               },
               "default": "'primary'",
               "description": "Defines the color of the logo",
-              "fieldName": "color"
+              "fieldName": "color",
+              "expandedType": {
+                "text": "'primary' | 'inverse' | 'secondary'"
+              }
             }
           ],
           "superclass": {
@@ -3018,7 +3008,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-header>` component is to be used as the site-header in the app",
+          "description": "The `<skf-header>` component is to be used as the site-header in the app. The navigation will be collapsed to mobile-view if the menu items exceed the available width.",
           "name": "SkfHeader",
           "slots": [
             {
@@ -3030,10 +3020,6 @@
             {
               "kind": "field",
               "name": "compact",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
               "description": "If true, sets header to display in compact mode only (hanburger menu and drawer)",
               "attribute": "compact",
               "reflects": true
@@ -3070,10 +3056,6 @@
           "attributes": [
             {
               "name": "compact",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
               "description": "If true, sets header to display in compact mode only (hanburger menu and drawer)",
               "fieldName": "compact"
             },
@@ -3129,7 +3111,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The skf-text-field is used to create a text input field. It can be used inside a form element or standalone.",
+          "description": "The skf-text-field is used to create a text input field. It can be used inside a form element or standalone\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/9481fa-input-field) for design principles",
           "name": "SkfInput",
           "slots": [
             {
@@ -3150,9 +3132,9 @@
               "kind": "field",
               "name": "autocomplete",
               "type": {
-                "text": "'on' | 'off' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-amount' | 'transaction-currency' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'url' | 'photo' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'email' | 'impp' | 'password' | 'webauthn' | 'work' | (string & {})"
+                "text": "HTMLInputElement['autocomplete'] | undefined"
               },
-              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
+              "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"
             },
             {
@@ -3196,8 +3178,9 @@
               "kind": "field",
               "name": "debug",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, outputs helping hints in console",
               "attribute": "debug"
             },
@@ -3205,8 +3188,9 @@
               "kind": "field",
               "name": "hideLabel",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, hides the label visually",
               "attribute": "hide-label"
             },
@@ -3223,10 +3207,10 @@
               "kind": "field",
               "name": "inputmode",
               "type": {
-                "text": "'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'"
+                "text": "HTMLInputElement['inputMode']"
               },
               "default": "'text'",
-              "description": "Tells what keyboard to use if applicable",
+              "description": "Provides a hint about the type of data that might be entered by the user while editing the element or its contents. See\n[MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inputMode) for details.",
               "attribute": "inputmode"
             },
             {
@@ -3315,8 +3299,9 @@
               "kind": "field",
               "name": "readonly",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, makes the element not mutable, meaning the user can not edit the control",
               "attribute": "readonly"
             },
@@ -3333,7 +3318,7 @@
               "kind": "field",
               "name": "severity",
               "type": {
-                "text": "\"success\" | \"info\" | \"warning\""
+                "text": "FormFieldSeverity | undefined"
               },
               "description": "If defined, displays provided severity state",
               "attribute": "severity",
@@ -3343,8 +3328,9 @@
               "kind": "field",
               "name": "showValid",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, displays valid state after interaction",
               "attribute": "show-valid"
             },
@@ -3372,10 +3358,10 @@
               "kind": "field",
               "name": "type",
               "type": {
-                "text": "'button' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week'"
+                "text": "'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url'"
               },
               "default": "'text'",
-              "description": "Type of input control",
+              "description": "Type of input",
               "attribute": "type"
             },
             {
@@ -3391,25 +3377,22 @@
             {
               "kind": "field",
               "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
               "description": "The current value of the input field",
-              "attribute": "value",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "valueChanged"
+              "attribute": "value"
             }
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent"
+              },
               "description": "Fires when the value of the input changes",
               "name": "change"
             },
             {
+              "type": {
+                "text": "CustomEvent"
+              },
               "description": "Fires when the input is invalid",
               "name": "invalid"
             }
@@ -3420,21 +3403,23 @@
                 "text": "boolean"
               },
               "description": "If true, sets disabled state",
-              "name": "disabled"
+              "name": "disabled",
+              "default": "false"
             },
             {
               "type": {
                 "text": "boolean"
               },
               "description": "If true, value is required or must be checked for the form to be submittable",
-              "name": "required"
+              "name": "required",
+              "default": "false"
             },
             {
               "name": "autocomplete",
               "type": {
-                "text": "'on' | 'off' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-amount' | 'transaction-currency' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'url' | 'photo' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'email' | 'impp' | 'password' | 'webauthn' | 'work' | (string & {})"
+                "text": "HTMLInputElement['autocomplete'] | undefined"
               },
-              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
+              "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"
             },
             {
@@ -3472,16 +3457,18 @@
             {
               "name": "debug",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, outputs helping hints in console",
               "fieldName": "debug"
             },
             {
               "name": "hide-label",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, hides the label visually",
               "fieldName": "hideLabel"
             },
@@ -3496,10 +3483,10 @@
             {
               "name": "inputmode",
               "type": {
-                "text": "'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'"
+                "text": "HTMLInputElement['inputMode']"
               },
               "default": "'text'",
-              "description": "Tells what keyboard to use if applicable",
+              "description": "Provides a hint about the type of data that might be entered by the user while editing the element or its contents. See\n[MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inputMode) for details.",
               "fieldName": "inputmode"
             },
             {
@@ -3577,8 +3564,9 @@
             {
               "name": "readonly",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, makes the element not mutable, meaning the user can not edit the control",
               "fieldName": "readonly"
             },
@@ -3593,7 +3581,7 @@
             {
               "name": "severity",
               "type": {
-                "text": "\"success\" | \"info\" | \"warning\""
+                "text": "FormFieldSeverity | undefined"
               },
               "description": "If defined, displays provided severity state",
               "fieldName": "severity"
@@ -3601,8 +3589,9 @@
             {
               "name": "show-valid",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, displays valid state after interaction",
               "fieldName": "showValid"
             },
@@ -3626,10 +3615,10 @@
             {
               "name": "type",
               "type": {
-                "text": "'button' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week'"
+                "text": "'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url'"
               },
               "default": "'text'",
-              "description": "Type of input control",
+              "description": "Type of input",
               "fieldName": "type"
             },
             {
@@ -3643,10 +3632,6 @@
             },
             {
               "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
               "description": "The current value of the input field",
               "fieldName": "value"
             }
@@ -3695,14 +3680,6 @@
               "static": true,
               "default": "{}"
             },
-            {
-              "kind": "field",
-              "name": "_onClick",
-              "type": {
-                "text": "(event: Event, route?: string) => void | undefined"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "as",
@@ -3729,8 +3706,9 @@
               "kind": "field",
               "name": "disabled",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, disables the link",
               "attribute": "disabled",
               "reflects": true
@@ -3757,10 +3735,13 @@
               "kind": "field",
               "name": "icon",
               "type": {
-                "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
+                "text": "Icon | undefined"
               },
               "description": "If defined, renders an icon before or after the text",
-              "attribute": "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"
+              }
             },
             {
               "kind": "field",
@@ -3773,6 +3754,11 @@
               "attribute": "icon-placement",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "onClick",
+              "description": "If defined, accepts a function that runs on click. Forwards optional route as second argument."
+            },
             {
               "kind": "field",
               "name": "rel",
@@ -3816,18 +3802,13 @@
               "kind": "field",
               "name": "type",
               "type": {
-                "text": "'button' | 'submit' | 'reset'"
+                "text": "SkfLinkType"
               },
               "default": "'button'",
               "description": "Defines the type of button",
-              "attribute": "type"
-            },
-            {
-              "kind": "field",
-              "name": "onClick",
-              "description": "If provided, custom function triggered by click where the second return parameter enables custom routing.",
-              "type": {
-                "text": "function"
+              "attribute": "type",
+              "expandedType": {
+                "text": "'submit' | 'reset' | 'button'"
               }
             }
           ],
@@ -3853,8 +3834,9 @@
             {
               "name": "disabled",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, disables the link",
               "fieldName": "disabled"
             },
@@ -3877,10 +3859,13 @@
             {
               "name": "icon",
               "type": {
-                "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
+                "text": "Icon | undefined"
               },
               "description": "If defined, renders an icon before or after the text",
-              "fieldName": "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"
+              }
             },
             {
               "name": "icon-placement",
@@ -3927,11 +3912,14 @@
             {
               "name": "type",
               "type": {
-                "text": "'button' | 'submit' | 'reset'"
+                "text": "SkfLinkType"
               },
               "default": "'button'",
               "description": "Defines the type of button",
-              "fieldName": "type"
+              "fieldName": "type",
+              "expandedType": {
+                "text": "'submit' | 'reset' | 'button'"
+              }
             }
           ],
           "superclass": {
@@ -3956,140 +3944,31 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/menu/menu.js",
+      "path": "components/menu/menu-item.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-menu>` is a component that displays a list of actions or options.",
-          "name": "SkfMenu",
+          "description": "The `<skf-menu-item>` is used in conjunction with the `<skf-menu>` component",
+          "name": "SkfMenuItem",
           "slots": [
             {
-              "description": "The menu popover content",
-              "name": ""
+              "description": "The component's main content",
+              "name": "",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
             }
           ],
           "members": [
             {
-              "kind": "method",
-              "name": "addEventListeners",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "$element",
-                  "type": {
-                    "text": "HTMLElement | Element"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "removeEventListeners",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "$element",
-                  "type": {
-                    "text": "HTMLElement | Element"
-                  }
-                }
-              ]
+              "default": "'menuitem'"
             },
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "string"
-              },
-              "default": "'bottom-start'"
-            },
-            {
-              "kind": "field",
-              "name": "triggerEvent",
-              "type": {
-                "text": "string"
-              },
-              "default": "'click'"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fired when the menu is opened",
-              "name": "skf-opened"
-            },
-            {
-              "description": "Fired when the menu is closed",
-              "name": "skf-closed"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "\"top\" | \"right\" | \"bottom\" | \"left\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\""
-              },
-              "description": "The placement of the menu",
-              "name": "placement",
-              "default": "'bottom-start'"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The id of the element the menu will be anchored to",
-              "name": "anchor"
-            }
-          ],
-          "superclass": {
-            "name": "SkfPopoverBase",
-            "package": "@internal/base-classes/popover/popover.base.js"
-          },
-          "tagName": "skf-menu",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkfMenu",
-          "declaration": {
-            "name": "SkfMenu",
-            "module": "src/components/menu/menu.component.ts"
-          }
-        }
-      ],
-      "typeDefinitionPath": "components/menu/menu.d.ts"
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/menu-item/menu-item.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `<skf-menu-item>` is a component that displays a list of actions or options.",
-          "name": "SkfMenuItem",
-          "slots": [
-            {
-              "description": "The component's main content",
-              "name": "",
-              "inheritedFrom": {
-                "name": "SkfLink",
-                "module": "src/components/link/link.component.ts"
-              }
-            },
-            {
-              "description": "A named slot of the component",
-              "name": "my-named-slot"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
               "name": "classMap",
@@ -4103,18 +3982,6 @@
                 "module": "src/components/link/link.component.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "_onClick",
-              "type": {
-                "text": "(event: Event, route?: string) => void | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SkfLink",
-                "module": "src/components/link/link.component.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "as",
@@ -4149,8 +4016,9 @@
               "kind": "field",
               "name": "disabled",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, disables the link",
               "attribute": "disabled",
               "reflects": true,
@@ -4189,10 +4057,13 @@
               "kind": "field",
               "name": "icon",
               "type": {
-                "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
+                "text": "Icon | undefined"
               },
               "description": "If defined, renders an icon before or after the text",
               "attribute": "icon",
+              "expandedType": {
+                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
+              },
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
@@ -4213,6 +4084,15 @@
                 "module": "src/components/link/link.component.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "onClick",
+              "description": "If defined, accepts a function that runs on click. Forwards optional route as second argument.",
+              "inheritedFrom": {
+                "name": "SkfLink",
+                "module": "src/components/link/link.component.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "rel",
@@ -4272,22 +4152,13 @@
               "kind": "field",
               "name": "type",
               "type": {
-                "text": "'button' | 'submit' | 'reset'"
+                "text": "SkfLinkType"
               },
               "default": "'button'",
               "description": "Defines the type of button",
               "attribute": "type",
-              "inheritedFrom": {
-                "name": "SkfLink",
-                "module": "src/components/link/link.component.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "onClick",
-              "description": "If provided, custom function triggered by click where the second return parameter enables custom routing.",
-              "type": {
-                "text": "function"
+              "expandedType": {
+                "text": "'submit' | 'reset' | 'button'"
               },
               "inheritedFrom": {
                 "name": "SkfLink",
@@ -4295,39 +4166,6 @@
               }
             }
           ],
-          "events": [
-            {
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when something happens",
-              "name": "my-tag-my-event"
-            },
-            {
-              "description": "Fired when the component is clicked",
-              "name": "click"
-            },
-            {
-              "description": "Fired when the mouse is over the component",
-              "name": "mouseover"
-            },
-            {
-              "description": "Fired when the mouse is out of the component",
-              "name": "mouseout"
-            },
-            {
-              "description": "Fired when the component is focused",
-              "name": "focus"
-            },
-            {
-              "description": "Fired when the component is blurred",
-              "name": "blur"
-            },
-            {
-              "description": "Fired when the component's value changes",
-              "name": "change"
-            }
-          ],
           "superclass": {
             "name": "SkfLink",
             "package": "@components/link/link.component.js"
@@ -4364,8 +4202,9 @@
             {
               "name": "disabled",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, disables the link",
               "fieldName": "disabled",
               "inheritedFrom": {
@@ -4400,10 +4239,13 @@
             {
               "name": "icon",
               "type": {
-                "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
+                "text": "Icon | undefined"
               },
               "description": "If defined, renders an icon before or after the text",
               "fieldName": "icon",
+              "expandedType": {
+                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
+              },
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
@@ -4474,11 +4316,14 @@
             {
               "name": "type",
               "type": {
-                "text": "'button' | 'submit' | 'reset'"
+                "text": "SkfLinkType"
               },
               "default": "'button'",
               "description": "Defines the type of button",
               "fieldName": "type",
+              "expandedType": {
+                "text": "'submit' | 'reset' | 'button'"
+              },
               "inheritedFrom": {
                 "name": "SkfLink",
                 "module": "src/components/link/link.component.ts"
@@ -4493,15 +4338,83 @@
           "name": "SkfMenuItem",
           "declaration": {
             "name": "SkfMenuItem",
-            "module": "src/components/menu-item/menu-item.component.ts"
+            "module": "src/components/menu/menu-item.component.ts"
           }
         }
       ],
-      "typeDefinitionPath": "components/menu-item/menu-item.d.ts"
+      "typeDefinitionPath": "components/menu/menu-item.d.ts"
     },
     {
       "kind": "javascript-module",
-      "path": "components/nav-item/nav-item.js",
+      "path": "components/menu/menu.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `<skf-menu>` is a component that displays a list of actions or options\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/983e5d-popover) for design principles",
+          "name": "SkfMenu",
+          "slots": [
+            {
+              "description": "The menu popover content",
+              "name": ""
+            }
+          ],
+          "members": [],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the menu is opened",
+              "name": "skf-opened"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the menu is closed",
+              "name": "skf-closed"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "\"top\" | \"right\" | \"bottom\" | \"left\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\""
+              },
+              "description": "The placement of the menu",
+              "name": "placement",
+              "default": "'bottom-start'"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The id of the element the menu will be anchored to",
+              "name": "anchor"
+            }
+          ],
+          "superclass": {
+            "name": "SkfPopoverBase",
+            "package": "@internal/base-classes/popover/popover.base.js"
+          },
+          "tagName": "skf-menu",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkfMenu",
+          "declaration": {
+            "name": "SkfMenu",
+            "module": "src/components/menu/menu.component.ts"
+          }
+        }
+      ],
+      "typeDefinitionPath": "components/menu/menu.d.ts"
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/nav/nav-item.js",
       "declarations": [
         {
           "kind": "class",
@@ -4564,11 +4477,11 @@
           "name": "SkfNavItem",
           "declaration": {
             "name": "SkfNavItem",
-            "module": "src/components/nav-item/nav-item.component.ts"
+            "module": "src/components/nav/nav-item.component.ts"
           }
         }
       ],
-      "typeDefinitionPath": "components/nav-item/nav-item.d.ts"
+      "typeDefinitionPath": "components/nav/nav-item.d.ts"
     },
     {
       "kind": "javascript-module",
@@ -4576,7 +4489,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-popover>` is a general purpose component that displays the slot content in a popover.",
+          "description": "The `<skf-popover>` is a general purpose component that displays the slot content in a popover.\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/983e5d-popover) for design principles",
           "name": "SkfPopover",
           "slots": [
             {
@@ -4604,76 +4517,20 @@
               "default": "false",
               "description": "If true, hides the arrow",
               "attribute": "hideArrow"
-            },
-            {
-              "kind": "method",
-              "name": "hideArrowChanged"
-            },
-            {
-              "kind": "method",
-              "name": "addEventListeners",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "$element",
-                  "type": {
-                    "text": "HTMLElement | Element"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "removeEventListeners",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "$element",
-                  "type": {
-                    "text": "HTMLElement | Element"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "arrow",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "!this.hideArrow"
-            },
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "string"
-              },
-              "default": "'bottom-start'"
-            },
-            {
-              "kind": "field",
-              "name": "triggerEvent",
-              "type": {
-                "text": "string"
-              },
-              "default": "'click'"
             }
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent"
+              },
               "description": "Fired when the menu is opened",
               "name": "skf-opened"
             },
             {
+              "type": {
+                "text": "CustomEvent"
+              },
               "description": "Fired when the menu is closed",
               "name": "skf-closed"
             }
@@ -4683,7 +4540,7 @@
               "type": {
                 "text": "\"top\" | \"right\" | \"bottom\" | \"left\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\""
               },
-              "description": "The placement of the menu",
+              "description": "The placement of the popover",
               "name": "placement",
               "default": "'bottom-start'"
             },
@@ -4838,7 +4695,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-radio>` component is used to create a radio input",
+          "description": "The `<skf-radio>` component is used to create a radio input\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/78d5dd-radio-button) for design principles",
           "name": "SkfRadio",
           "slots": [
             {
@@ -4920,7 +4777,7 @@
               "kind": "field",
               "name": "severity",
               "type": {
-                "text": "\"success\" | \"info\" | \"warning\" | \"alert\""
+                "text": "FormFieldSeverity | undefined"
               },
               "description": "If defined, displays provided severity state",
               "attribute": "severity"
@@ -4938,33 +4795,20 @@
             {
               "kind": "field",
               "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The current value of the input field",
-              "attribute": "value"
-            },
-            {
-              "kind": "method",
-              "name": "handleInvalidChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleDebugInvalid"
-            },
-            {
-              "kind": "method",
-              "name": "handleCheckedChanged"
-            },
-            {
-              "kind": "method",
-              "name": "handleCustomInvalidChange"
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current value of the input field",
+              "attribute": "value"
             }
           ],
           "events": [
             {
-              "description": "{object} - When the value of the input changes",
+              "type": {
+                "text": "Event"
+              },
+              "description": "When the value of the input changes",
               "name": "change"
             }
           ],
@@ -5048,7 +4892,7 @@
             {
               "name": "severity",
               "type": {
-                "text": "\"success\" | \"info\" | \"warning\" | \"alert\""
+                "text": "FormFieldSeverity | undefined"
               },
               "description": "If defined, displays provided severity state",
               "fieldName": "severity"
@@ -5094,7 +4938,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/segmented-button-item/segmented-button-item.js",
+      "path": "components/segmented-button/segmented-button-item.js",
       "declarations": [
         {
           "kind": "class",
@@ -5102,7 +4946,7 @@
           "name": "SkfSegmentedButtonItem",
           "slots": [
             {
-              "description": "The items label",
+              "description": "Label for the button",
               "name": ""
             }
           ],
@@ -5127,6 +4971,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, items is marked as selected",
+              "attribute": "selected",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "value",
@@ -5144,8 +4999,8 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired when something happens",
-              "name": "my-tag-my-event"
+              "description": "Fired when selected",
+              "name": "skf-segmented-button-item-select"
             }
           ],
           "attributes": [
@@ -5158,6 +5013,15 @@
               "description": "If true, items is marked as disabled",
               "fieldName": "disabled"
             },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, items is marked as selected",
+              "fieldName": "selected"
+            },
             {
               "name": "value",
               "type": {
@@ -5182,11 +5046,11 @@
           "name": "SkfSegmentedButtonItem",
           "declaration": {
             "name": "SkfSegmentedButtonItem",
-            "module": "src/components/segmented-button-item/segmented-button-item.component.ts"
+            "module": "src/components/segmented-button/segmented-button-item.component.ts"
           }
         }
       ],
-      "typeDefinitionPath": "components/segmented-button-item/segmented-button-item.d.ts"
+      "typeDefinitionPath": "components/segmented-button/segmented-button-item.d.ts"
     },
     {
       "kind": "javascript-module",
@@ -5203,16 +5067,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "defaultSelected",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Sets the default selected control",
-              "attribute": "default-selected"
-            },
             {
               "kind": "field",
               "name": "multiple",
@@ -5225,15 +5079,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "default-selected",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Sets the default selected control",
-              "fieldName": "defaultSelected"
-            },
             {
               "name": "multiple",
               "type": {
@@ -5266,187 +5111,59 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/select-option/select-option.js",
+      "path": "components/select/select-option-group.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-select-option>` is a component is used nested in a skf-select or skf-select-option-group.",
-          "name": "SkfSelectOption",
+          "description": "The `<skf-select-option-group>` is a component that groups select-options",
+          "name": "SkfSelectOptionGroup",
           "slots": [
             {
-              "description": "The option's text content",
+              "description": "The component's placeholder content",
               "name": ""
-            },
-            {
-              "description": "The option's slot for icon or custom meta information (svg).",
-              "name": "icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "shadowRootOptions",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true }"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If true, prevents interaction with the option",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "SkfIcon['name'] | undefined"
-              },
-              "description": "If defined, set an icon",
-              "attribute": "icon",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "iconColor",
-              "type": {
-                "text": "SeverityFgColor | undefined"
-              },
-              "description": "If defined, sets provided color on the icon",
-              "attribute": "icon-color",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If true, sets the option as selected",
-              "attribute": "selected",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "shortLabel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "If defined, sets a short label",
-              "attribute": "short-label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "text",
-              "description": "The option's label text (equivalent to the tags textContent)"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "description": "Returns or sets the tags value. If value is omitted, defaults to the tags text.",
-              "attribute": "value",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "role",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'option'"
-            },
-            {
-              "kind": "field",
-              "name": "_parent"
-            },
-            {
-              "kind": "field",
-              "name": "_shortcutUpdate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "events": [
-            {
-              "description": "{detail: { value: string | null, option: SkfSelectOption }} Fires when the option is selected/deselected.",
-              "name": "skf-select-option:select"
+              "default": "'Default label'",
+              "attribute": "label",
+              "reflects": true
             }
           ],
           "attributes": [
             {
-              "name": "disabled",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If true, prevents interaction with the option",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "icon",
-              "type": {
-                "text": "SkfIcon['name'] | undefined"
-              },
-              "description": "If defined, set an icon",
-              "fieldName": "icon"
-            },
-            {
-              "name": "icon-color",
-              "type": {
-                "text": "SeverityFgColor | undefined"
-              },
-              "description": "If defined, sets provided color on the icon",
-              "fieldName": "iconColor"
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If true, sets the option as selected",
-              "fieldName": "selected"
-            },
-            {
-              "name": "short-label",
+              "name": "label",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "If defined, sets a short label",
-              "fieldName": "shortLabel"
-            },
-            {
-              "name": "value",
-              "description": "Returns or sets the tags value. If value is omitted, defaults to the tags text.",
-              "fieldName": "value"
+              "default": "'Default label'",
+              "fieldName": "label"
             }
           ],
           "superclass": {
             "name": "SkfElement",
-            "package": "@internal/components/skf-element.js"
+            "package": "@internal/components/skf-element"
           },
-          "tagName": "skf-select-option",
+          "tagName": "skf-select-option-group",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfSelectOption",
+          "name": "SkfSelectOptionGroup",
           "declaration": {
-            "name": "SkfSelectOption",
-            "module": "src/components/select-option/select-option.component.ts"
+            "name": "SkfSelectOptionGroup",
+            "module": "src/components/select/select-option-group.component.ts"
           }
         }
       ],
-      "typeDefinitionPath": "components/select-option/select-option.d.ts"
+      "typeDefinitionPath": "components/select/select-option-group.d.ts"
     },
     {
       "kind": "javascript-module",
@@ -5478,20 +5195,26 @@
               "kind": "field",
               "name": "icon",
               "type": {
-                "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
+                "text": "Icon | undefined"
               },
               "description": "If defined, displays leading/provided icon",
-              "attribute": "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"
+              }
             },
             {
               "kind": "field",
               "name": "color",
               "type": {
-                "text": "\"warning\" | \"success\" | \"info\" | \"error\" | \"alert\""
+                "text": "Severity | undefined"
               },
               "description": "If defined, gives the supplied appearance",
               "attribute": "color",
-              "reflects": true
+              "reflects": true,
+              "expandedType": {
+                "text": "'error' | 'info' | 'warning' | 'success' | undefined"
+              }
             },
             {
               "kind": "field",
@@ -5513,22 +5236,6 @@
               "description": "If true, adds trailing button to remove tag",
               "attribute": "removable",
               "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_handleKeyDown",
-              "privacy": "protected"
-            },
-            {
-              "kind": "field",
-              "name": "_handleRemove",
-              "privacy": "protected",
-              "description": "run externally provided callback (if any) first. Let click propagate to handleClick."
-            },
-            {
-              "kind": "field",
-              "name": "_handleClick",
-              "privacy": "protected"
             }
           ],
           "attributes": [
@@ -5544,18 +5251,24 @@
             {
               "name": "icon",
               "type": {
-                "text": "\"arrowDown\" | \"arrowDownUp\" | \"arrowLeft\" | \"arrowRight\" | \"arrowUp\" | \"article\" | \"artificialIntelligence\" | \"asset\" | \"attachment\" | \"bandCursor\" | \"bands\" | \"batteryEmpty\" | \"batteryFull\" | \"batteryLow\" | \"bearingFault\" | \"book\" | \"bulb\" | \"burger\" | \"cPM\" | \"calendar\" | \"calendarBooked\" | \"calendarEmpty\" | \"calendarNotBooked\" | \"calendarRecurring\" | \"caretDown\" | \"caretUp\" | \"caretUpDown\" | \"chat\" | \"check\" | \"checkCircle\" | \"checkSmall\" | \"chevronDown\" | \"chevronLeft\" | \"chevronRight\" | \"chevronUp\" | \"chevronUpDown\" | \"close\" | \"closeAllFaults\" | \"closeFault\" | \"closeSmall\" | \"columnGraph\" | \"comment\" | \"connection1\" | \"connection2\" | \"connection3\" | \"connection4\" | \"danger\" | \"defectFrequencies\" | \"defectFrequenciesAlternative\" | \"doubleChevronLeft\" | \"doubleChevronRight\" | \"download\" | \"draft\" | \"draftFilled\" | \"draftOutlined\" | \"dragNDrop\" | \"drop\" | \"duplicate\" | \"edit\" | \"emailFilled\" | \"emailOutlined\" | \"exclamation\" | \"eye\" | \"eyeHidden\" | \"eyeVisible\" | \"filter\" | \"forbidden\" | \"fullScreen\" | \"fullScreenExit\" | \"functionalLocation\" | \"harmonicCursor\" | \"heatmap\" | \"hierarchy\" | \"history\" | \"historyAlt\" | \"hourglassFramedFilled\" | \"hourglassFramedOutlined\" | \"hourglassOutlined\" | \"hz\" | \"iMX\" | \"image\" | \"infoCircleFilled\" | \"infoCircleOutlined\" | \"integration\" | \"kebab\" | \"link\" | \"listGroup\" | \"listItem\" | \"locationPin\" | \"lock\" | \"logOut\" | \"meatballs\" | \"microphone\" | \"minus\" | \"minusSmall\" | \"noData\" | \"o\" | \"openInNew\" | \"overlayBaseline\" | \"pDF\" | \"paper\" | \"pause\" | \"pieChart\" | \"pin\" | \"play\" | \"plus\" | \"powerOff\" | \"printer\" | \"proCollect\" | \"recAction\" | \"received\" | \"refresh\" | \"reorder\" | \"replace\" | \"reply\" | \"rewalkableRoute\" | \"routes\" | \"search\" | \"send\" | \"sensorA\" | \"sensorB\" | \"settings\" | \"sidebandCursor\" | \"singleCursor\" | \"spectrum\" | \"starFilled\" | \"starOutlined\" | \"statusCircle\" | \"stop\" | \"structuralVibration\" | \"sync\" | \"timewave\" | \"trash\" | \"trend\" | \"trendingUp\" | \"undo\" | \"unknownCircle\" | \"unknownDiamond\" | \"unlink\" | \"unlock\" | \"unscheduledAction\" | \"upload\" | \"user\" | \"viewFull\" | \"viewHorizontal\" | \"viewVertical\" | \"warning\" | \"warningCircle\" | \"warningDiamond\" | \"zoomIn\" | \"zoomOut\""
+                "text": "Icon | undefined"
               },
               "description": "If defined, displays leading/provided icon",
-              "fieldName": "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"
+              }
             },
             {
               "name": "color",
               "type": {
-                "text": "\"warning\" | \"success\" | \"info\" | \"error\" | \"alert\""
+                "text": "Severity | undefined"
               },
               "description": "If defined, gives the supplied appearance",
-              "fieldName": "color"
+              "fieldName": "color",
+              "expandedType": {
+                "text": "'error' | 'info' | 'warning' | 'success' | undefined"
+              }
             },
             {
               "name": "removable",
@@ -5593,7 +5306,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-select>` is a component that displays a list of actions or options. A click in the options list toggle the selected state of the option. Use it together with the ´skf-select-option` tag.",
+          "description": "The `<skf-select>` is a component that displays a list of actions or options. A click in the options list toggle the selected state of the option. Use it together with the ´skf-select-option` tag.\n\nSee [zeroheight](https://zeroheight.com/853e936c9/p/91c9f0-select-and-combobox) for design principles",
           "name": "SkfSelect",
           "slots": [
             {
@@ -5626,8 +5339,9 @@
               "kind": "field",
               "name": "hideLabel",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, hides the label visually",
               "attribute": "hide-label"
             },
@@ -5635,8 +5349,9 @@
               "kind": "field",
               "name": "hideTags",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true and mulltiple is true, no tags are displayed under the select",
               "attribute": "hide-tags",
               "reflects": true
@@ -5692,8 +5407,9 @@
               "kind": "field",
               "name": "multiple",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, allows for multiple options to be selected",
               "attribute": "multiple",
               "reflects": true
@@ -5720,7 +5436,7 @@
               "kind": "field",
               "name": "severity",
               "type": {
-                "text": "FormFieldBaseProps['severity'] | undefined"
+                "text": "FormFieldSeverity | undefined"
               },
               "description": "If defined, displays provided severity state",
               "attribute": "severity"
@@ -5729,8 +5445,9 @@
               "kind": "field",
               "name": "showValid",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, displays valid state after interaction",
               "attribute": "show-valid"
             },
@@ -5765,24 +5482,39 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "Event"
+              },
               "description": "Fired when the selected option(s) changes",
               "name": "change"
             },
             {
+              "type": {
+                "text": "Event"
+              },
               "description": "Fired when the select is invalid",
               "name": "invalid"
             },
             {
+              "type": {
+                "text": "Event"
+              },
               "description": "Fired when the form is reset",
               "name": "reset"
             },
             {
+              "type": {
+                "text": "CustomEvent"
+              },
               "description": "{detail: {expanded: boolean}} Fired when the select dropdown is toggled",
-              "name": "skf-select:dropdown"
+              "name": "skf-select-dropdown"
             },
             {
+              "type": {
+                "text": "CustomEvent"
+              },
               "description": "{detail: {value: string | null, option: SkfSelectOption}} Fired when the select dropdown is toggled",
-              "name": "skf-select-option:select"
+              "name": "skf-select-option-select"
             }
           ],
           "attributes": [
@@ -5790,8 +5522,17 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "If true, the select is disabled\t`default: false`",
-              "name": "disabled"
+              "description": "If true, the select is disabled",
+              "name": "disabled",
+              "default": "false"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the select is required",
+              "name": "required",
+              "default": "false"
             },
             {
               "name": "button-label",
@@ -5813,16 +5554,18 @@
             {
               "name": "hide-label",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, hides the label visually",
               "fieldName": "hideLabel"
             },
             {
               "name": "hide-tags",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true and mulltiple is true, no tags are displayed under the select",
               "fieldName": "hideTags"
             },
@@ -5861,8 +5604,9 @@
             {
               "name": "multiple",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, allows for multiple options to be selected",
               "fieldName": "multiple"
             },
@@ -5885,7 +5629,7 @@
             {
               "name": "severity",
               "type": {
-                "text": "FormFieldBaseProps['severity'] | undefined"
+                "text": "FormFieldSeverity | undefined"
               },
               "description": "If defined, displays provided severity state",
               "fieldName": "severity"
@@ -5893,8 +5637,9 @@
             {
               "name": "show-valid",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, displays valid state after interaction",
               "fieldName": "showValid"
             },
@@ -5930,63 +5675,207 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/select-option-group/select-option-group.js",
+      "path": "components/select/select-option.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-select-option-group>` is a component that groups select-options",
-          "name": "SkfSelectOptionGroup",
+          "description": "The `<skf-select-option>` is a component is used nested in a skf-select or skf-select-option-group.",
+          "name": "SkfSelectOption",
           "slots": [
             {
-              "description": "The component's placeholder content",
+              "description": "The option's text content",
               "name": ""
+            },
+            {
+              "description": "The option's slot for icon or custom meta information (svg).",
+              "name": "icon"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "string"
+                "text": "object"
               },
-              "default": "'Default label'",
-              "attribute": "label",
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true }"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, prevents interaction with the option",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "Icon | undefined"
+              },
+              "description": "If defined, set an icon",
+              "attribute": "icon",
+              "reflects": true,
+              "expandedType": {
+                "text": "'addCircleOutline' | 'addCircle' | 'addPlus' | 'arrowBackIos' | 'arrowBack' | 'arrowDown' | 'arrowForwardIos' | 'arrowForward' | 'arrowLeft' | 'arrowRight' | 'arrowUpDown' | 'arrowUp' | 'article' | 'asset' | 'attachment' | 'bandCursor' | 'bands' | 'batteryEmpty' | 'batteryFull' | 'batteryLow' | 'bearingFault' | 'bluetoothDisabled' | 'bluetooth' | 'book' | 'bookmarkOutline' | 'bookmark' | 'calculator' | 'calendarBusy' | 'calendarCheck' | 'calendarEmpty' | 'calendarMonth' | 'calendarReccuring' | 'call' | 'caretDown' | 'caretUpDown' | 'caretUp' | 'chat' | 'checkCircleOutline' | 'checkCircle' | 'checkSmall' | 'check' | 'chevronDownUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUpDown' | 'chevronUp' | 'chip' | 'circleStatus' | 'closeAll' | 'closeAlt' | 'close' | 'columnGraph' | 'comment' | 'connection0' | 'connection1' | 'connection2' | 'connection3' | 'connection4' | 'contentPaste' | 'copy' | 'cpmCyclesPerMinute' | 'dangerOutline' | 'danger' | 'defectFrequenciesAlt' | 'defectFrequencies' | 'deleteOutline' | 'delete' | 'devices' | 'directions' | 'doubleChevronLeft' | 'doubleChevronRight' | 'downloadDone' | 'download' | 'draftOutline' | 'draft' | 'dragDrop' | 'drop' | 'duplicate' | 'editOutline' | 'edit' | 'emailOutline' | 'emailPdf' | 'email' | 'errorOutline' | 'error' | 'exclamation' | 'facebook' | 'filterOutline' | 'filter' | 'findReplace' | 'forbidden' | 'frequencyHz' | 'fullScreen' | 'fullscreenExit' | 'functionalGroup' | 'hamburgerMenu' | 'harmonicCursor' | 'heatmap' | 'hierarchy' | 'history' | 'homeOutline' | 'home' | 'hourglassOutline' | 'hourglass' | 'image' | 'imx' | 'infoOutline' | 'info' | 'instagram' | 'integration' | 'iosShare' | 'kebabMore' | 'language' | 'lightbulbOutline' | 'lightbulb' | 'link' | 'linkedin' | 'listGroup' | 'list' | 'locationPin' | 'lockOutline' | 'lock' | 'logOut' | 'login' | 'meatballsMoreCircle' | 'meatballsMore' | 'microphone' | 'nearMe' | 'noData' | 'notificationsBellOutline' | 'notificationsBell' | 'o' | 'offer' | 'openInNew' | 'overlaysBaseline' | 'pan360' | 'paper' | 'pause' | 'pdfOutline' | 'pdf' | 'person' | 'photoCameraOutline' | 'photoCamera' | 'pieChart' | 'pinOutline' | 'pin' | 'play' | 'powerOff' | 'printOutline' | 'print' | 'privacyPolicyOutline' | 'privacyPolicy' | 'proCollect' | 'recAction' | 'refresh' | 'removeMinus' | 'reorder' | 'reply' | 'report' | 'rewakableRoute' | 'route' | 'search' | 'sendOutline' | 'send' | 'sensorAlt' | 'sensor' | 'settingsOutline' | 'settings' | 'share' | 'shoppingCart' | 'sidebandCursor' | 'singleCursor' | 'skfBearing' | 'spectrum' | 'starOutline' | 'star' | 'stop' | 'sync' | 'time' | 'timewave' | 'translate' | 'trend' | 'trendingUp' | 'twitter' | 'undo' | 'unknownDiamondOutline' | 'unknownDiamond' | 'unknownOutline' | 'unknown' | 'unlink' | 'unlockOutline' | 'unlock' | 'unscheduledAction' | 'upload' | 'vibrationAlt' | 'vibration' | 'view3D' | 'viewFull' | 'viewHorizontal' | 'viewVertical' | 'visibilityOffOutline' | 'visibilityOff' | 'visibilityOutline' | 'visibility' | 'warningDiamondOutline' | 'warningDiamond' | 'warningOutline' | 'warning' | 'youtube' | 'zoomIn' | 'zoomOut' | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "iconColor",
+              "type": {
+                "text": "IconColor | undefined"
+              },
+              "description": "If defined, sets provided color on the icon",
+              "attribute": "icon-color",
+              "reflects": true,
+              "expandedType": {
+                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasised' | 'secondary' | 'success' | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, sets the option as selected",
+              "attribute": "selected",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "shortLabel",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, sets a short label",
+              "attribute": "short-label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "text",
+              "description": "The option's label text (equivalent to the tags textContent)"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "Returns or sets the tags value. If value is omitted, defaults to the tags text.",
+              "attribute": "value",
               "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'option'"
+            },
+            {
+              "kind": "field",
+              "name": "_parent"
+            },
+            {
+              "kind": "field",
+              "name": "_shortcutUpdate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "events": [
+            {
+              "description": "{detail: { value: string | null, option: SkfSelectOption }} Fires when the option is selected/deselected.",
+              "name": "skf-select-option-select"
             }
           ],
           "attributes": [
             {
-              "name": "label",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Default label'",
-              "fieldName": "label"
+              "default": "false",
+              "description": "If true, prevents interaction with the option",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "Icon | undefined"
+              },
+              "description": "If defined, set an 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"
+              }
+            },
+            {
+              "name": "icon-color",
+              "type": {
+                "text": "IconColor | undefined"
+              },
+              "description": "If defined, sets provided color on the icon",
+              "fieldName": "iconColor",
+              "expandedType": {
+                "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasised' | 'secondary' | 'success' | undefined"
+              }
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, sets the option as selected",
+              "fieldName": "selected"
+            },
+            {
+              "name": "short-label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "If defined, sets a short label",
+              "fieldName": "shortLabel"
+            },
+            {
+              "name": "value",
+              "description": "Returns or sets the tags value. If value is omitted, defaults to the tags text.",
+              "fieldName": "value"
             }
           ],
           "superclass": {
             "name": "SkfElement",
-            "package": "@internal/components/skf-element"
+            "package": "@internal/components/skf-element.js"
           },
-          "tagName": "skf-select-option-group",
+          "tagName": "skf-select-option",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfSelectOptionGroup",
+          "name": "SkfSelectOption",
           "declaration": {
-            "name": "SkfSelectOptionGroup",
-            "module": "src/components/select-option-group/select-option-group.component.ts"
+            "name": "SkfSelectOption",
+            "module": "src/components/select/select-option.component.ts"
           }
         }
       ],
-      "typeDefinitionPath": "components/select-option-group/select-option-group.d.ts"
+      "typeDefinitionPath": "components/select/select-option.d.ts"
     },
     {
       "kind": "javascript-module",
-      "path": "components/stepper-item/stepper-item.js",
+      "path": "components/stepper/stepper-item.js",
       "declarations": [
         {
           "kind": "class",
@@ -6089,11 +5978,11 @@
           "name": "SkfStepperItem",
           "declaration": {
             "name": "SkfStepperItem",
-            "module": "src/components/stepper-item/stepper-item.component.ts"
+            "module": "src/components/stepper/stepper-item.component.ts"
           }
         }
       ],
-      "typeDefinitionPath": "components/stepper-item/stepper-item.d.ts"
+      "typeDefinitionPath": "components/stepper/stepper-item.d.ts"
     },
     {
       "kind": "javascript-module",
@@ -6118,7 +6007,7 @@
               },
               "default": "-1",
               "description": "Sets the active item",
-              "attribute": "activeIndex"
+              "attribute": "active-index"
             },
             {
               "kind": "field",
@@ -6133,13 +6022,16 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent"
+              },
               "description": "Dispatched when the stepper item is selected",
               "name": "skf-stepper-item-select"
             }
           ],
           "attributes": [
             {
-              "name": "activeIndex",
+              "name": "active-index",
               "type": {
                 "text": "number"
               },
@@ -6705,14 +6597,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "customError",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "cols",
@@ -6733,8 +6617,9 @@
               "kind": "field",
               "name": "debug",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, outputs helping hints in console",
               "attribute": "debug"
             },
@@ -6742,8 +6627,9 @@
               "kind": "field",
               "name": "hideLabel",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, hides the label visually",
               "attribute": "hide-label"
             },
@@ -6805,8 +6691,9 @@
               "kind": "field",
               "name": "readonly",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, makes the element not mutable, meaning the user can not edit the control",
               "attribute": "readonly"
             },
@@ -6832,7 +6719,7 @@
               "kind": "field",
               "name": "severity",
               "type": {
-                "text": "\"success\" | \"info\" | \"warning\" | \"alert\""
+                "text": "FormFieldSeverity | undefined"
               },
               "description": "If defined, displays provided severity state",
               "attribute": "severity"
@@ -6841,8 +6728,9 @@
               "kind": "field",
               "name": "showValid",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, displays valid state after interaction",
               "attribute": "show-valid"
             },
@@ -6894,14 +6782,16 @@
                 "text": "boolean"
               },
               "description": "If true, sets disabled state",
-              "name": "disabled"
+              "name": "disabled",
+              "default": "false"
             },
             {
               "type": {
                 "text": "boolean"
               },
               "description": "If true, value is required or must be checked for the form to be submittable",
-              "name": "required"
+              "name": "required",
+              "default": "false"
             },
             {
               "name": "cols",
@@ -6919,16 +6809,18 @@
             {
               "name": "debug",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, outputs helping hints in console",
               "fieldName": "debug"
             },
             {
               "name": "hide-label",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, hides the label visually",
               "fieldName": "hideLabel"
             },
@@ -6983,8 +6875,9 @@
             {
               "name": "readonly",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, makes the element not mutable, meaning the user can not edit the control",
               "fieldName": "readonly"
             },
@@ -7007,7 +6900,7 @@
             {
               "name": "severity",
               "type": {
-                "text": "\"success\" | \"info\" | \"warning\" | \"alert\""
+                "text": "FormFieldSeverity | undefined"
               },
               "description": "If defined, displays provided severity state",
               "fieldName": "severity"
@@ -7015,8 +6908,9 @@
             {
               "name": "show-valid",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, displays valid state after interaction",
               "fieldName": "showValid"
             },
@@ -7070,7 +6964,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/toast-item/toast-item.component.ts",
+      "path": "src/components/toast/toast-item.component.ts",
       "declarations": [
         {
           "kind": "class",
@@ -7182,11 +7076,11 @@
               "kind": "field",
               "name": "icon",
               "type": {
-                "text": "SkfAlertIcon | undefined"
+                "text": "Icon | undefined"
               },
               "description": "If defined, displays leading icon",
               "attribute": "icon",
-              "parsedType": {
+              "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"
               },
               "inheritedFrom": {
@@ -7213,13 +7107,13 @@
               "kind": "field",
               "name": "severity",
               "type": {
-                "text": "SkfAlertSeverity | undefined"
+                "text": "Severity | undefined"
               },
               "description": "If defined, gives the supplied appearance",
               "attribute": "severity",
               "reflects": true,
-              "parsedType": {
-                "text": "'error' | 'info' | 'warning' | 'success' | 'alert' | undefined"
+              "expandedType": {
+                "text": "'error' | 'info' | 'warning' | 'success' | undefined"
               },
               "inheritedFrom": {
                 "name": "SkfAlert",
@@ -7252,11 +7146,11 @@
             {
               "name": "icon",
               "type": {
-                "text": "SkfAlertIcon | undefined"
+                "text": "Icon | undefined"
               },
               "description": "If defined, displays leading icon",
               "fieldName": "icon",
-              "parsedType": {
+              "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"
               },
               "inheritedFrom": {
@@ -7280,12 +7174,12 @@
             {
               "name": "severity",
               "type": {
-                "text": "SkfAlertSeverity | undefined"
+                "text": "Severity | undefined"
               },
               "description": "If defined, gives the supplied appearance",
               "fieldName": "severity",
-              "parsedType": {
-                "text": "'error' | 'info' | 'warning' | 'success' | 'alert' | undefined"
+              "expandedType": {
+                "text": "'error' | 'info' | 'warning' | 'success' | undefined"
               },
               "inheritedFrom": {
                 "name": "SkfAlert",
@@ -7333,14 +7227,14 @@
           "name": "SkfToastItem",
           "declaration": {
             "name": "SkfToastItem",
-            "module": "src/components/toast-item/toast-item.component.ts"
+            "module": "src/components/toast/toast-item.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/toast-wrapper/toast-wrapper.js",
+      "path": "components/toast/toast-wrapper.js",
       "declarations": [
         {
           "kind": "class",
@@ -7388,11 +7282,11 @@
           "name": "SkfToastWrapper",
           "declaration": {
             "name": "SkfToastWrapper",
-            "module": "src/components/toast-wrapper/toast-wrapper.component.ts"
+            "module": "src/components/toast/toast-wrapper.component.ts"
           }
         }
       ],
-      "typeDefinitionPath": "components/toast-wrapper/toast-wrapper.d.ts"
+      "typeDefinitionPath": "components/toast/toast-wrapper.d.ts"
     },
     {
       "kind": "javascript-module",
@@ -7422,16 +7316,19 @@
               "kind": "field",
               "name": "icon",
               "type": {
-                "text": "SkfAlert['icon'] | undefined"
+                "text": "Icon | undefined"
               },
               "description": "If defined, displays leading icon",
-              "attribute": "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"
+              }
             },
             {
               "kind": "field",
               "name": "persistent",
               "type": {
-                "text": "SkfAlert['persistent']"
+                "text": "boolean"
               },
               "default": "false",
               "description": "If true, renders with an close button and sets aria-role to `status`",
@@ -7441,11 +7338,14 @@
               "kind": "field",
               "name": "severity",
               "type": {
-                "text": "SkfAlert['severity']"
+                "text": "Severity"
               },
               "default": "'info'",
               "description": "If defined, gives the supplied appearance",
-              "attribute": "severity"
+              "attribute": "severity",
+              "expandedType": {
+                "text": "'error' | 'info' | 'warning' | 'success'"
+              }
             },
             {
               "kind": "field",
@@ -7479,15 +7379,18 @@
             {
               "name": "icon",
               "type": {
-                "text": "SkfAlert['icon'] | undefined"
+                "text": "Icon | undefined"
               },
               "description": "If defined, displays leading icon",
-              "fieldName": "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"
+              }
             },
             {
               "name": "persistent",
               "type": {
-                "text": "SkfAlert['persistent']"
+                "text": "boolean"
               },
               "default": "false",
               "description": "If true, renders with an close button and sets aria-role to `status`",
@@ -7496,11 +7399,14 @@
             {
               "name": "severity",
               "type": {
-                "text": "SkfAlert['severity']"
+                "text": "Severity"
               },
               "default": "'info'",
               "description": "If defined, gives the supplied appearance",
-              "fieldName": "severity"
+              "fieldName": "severity",
+              "expandedType": {
+                "text": "'error' | 'info' | 'warning' | 'success'"
+              }
             },
             {
               "name": "timer",
@@ -7555,6 +7461,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "method",
+              "name": "openExtended"
+            },
+            {
+              "kind": "method",
+              "name": "closeExtended"
+            },
             {
               "kind": "method",
               "name": "addEventListeners",
@@ -7573,21 +7487,12 @@
               ]
             },
             {
-              "kind": "method",
-              "name": "removeEventListeners",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "$element",
-                  "type": {
-                    "text": "HTMLElement | Element"
-                  }
-                }
-              ]
+              "default": "'tooltip'"
             },
             {
               "kind": "field",
@@ -7604,6 +7509,14 @@
                 "text": "string"
               },
               "default": "'top'"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "string"
+              },
+              "default": "'tooltip'"
             }
           ],
           "events": [