@skf-design-system/ui-components 1.0.2-beta.2 → 1.0.2-beta.4

package/dist/custom-elements.json

@@ -11,6 +11,22 @@
           "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": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              }
+            },
             {
               "kind": "field",
               "name": "color",
@@ -20,7 +36,6 @@
               "default": "'primary'",
               "description": "Sets the color of the icon",
               "attribute": "color",
-              "reflects": true,
               "expandedType": {
                 "text": "'error' | 'info' | 'warning' | 'primary' | 'inverse' | 'emphasised' | 'secondary' | 'success'"
               }
@@ -55,7 +70,6 @@
               "default": "'md'",
               "description": "Size of the icon",
               "attribute": "size",
-              "reflects": true,
               "expandedType": {
                 "text": "'xs' | 'sm' | 'md' | 'lg'"
               }
@@ -499,6 +513,22 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              }
+            },
             {
               "kind": "field",
               "name": "buttonLabel",
@@ -529,8 +559,7 @@
               },
               "default": "false",
               "description": "If true, renders with an close button and sets aria-role to `status`",
-              "attribute": "persistent",
-              "reflects": true
+              "attribute": "persistent"
             },
             {
               "kind": "field",
@@ -540,7 +569,6 @@
               },
               "description": "If defined, gives the supplied appearance",
               "attribute": "severity",
-              "reflects": true,
               "expandedType": {
                 "text": "'error' | 'info' | 'warning' | 'success' | undefined"
               }
@@ -548,6 +576,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent"
+              },
               "description": "Fires when the close button is clicked",
               "name": "skf-alert-close"
             }
@@ -697,6 +728,22 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              }
+            },
             {
               "kind": "field",
               "name": "label",
@@ -709,14 +756,13 @@
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "small",
               "type": {
-                "text": "'md' | 'sm'"
+                "text": "boolean"
               },
-              "default": "'md'",
-              "description": "Displays an alternative size",
-              "attribute": "size",
-              "reflects": true
+              "default": "false",
+              "description": "If true, renders a smaller version",
+              "attribute": "small"
             }
           ],
           "events": [
@@ -736,13 +782,13 @@
               "fieldName": "label"
             },
             {
-              "name": "size",
+              "name": "small",
               "type": {
-                "text": "'md' | 'sm'"
+                "text": "boolean"
               },
-              "default": "'md'",
-              "description": "Displays an alternative size",
-              "fieldName": "size"
+              "default": "false",
+              "description": "If true, renders a smaller version",
+              "fieldName": "small"
             }
           ],
           "superclass": {
@@ -1135,6 +1181,12 @@
           "kind": "class",
           "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",
+          "cssProperties": [
+            {
+              "description": "Ability to set a custom background color",
+              "name": "--mod-card-bg-color"
+            }
+          ],
           "slots": [
             {
               "description": "The card's main content",
@@ -1142,6 +1194,22 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              }
+            },
             {
               "kind": "field",
               "name": "noBorder",
@@ -1150,8 +1218,7 @@
               },
               "default": "false",
               "description": "If true, removes border",
-              "attribute": "no-border",
-              "reflects": true
+              "attribute": "no-border"
             },
             {
               "kind": "field",
@@ -1161,8 +1228,7 @@
               },
               "default": "false",
               "description": "If true, removes padding",
-              "attribute": "no-padding",
-              "reflects": true
+              "attribute": "no-padding"
             },
             {
               "kind": "field",
@@ -1172,8 +1238,7 @@
               },
               "default": "false",
               "description": "If true, the Card fills the parent element height",
-              "attribute": "stretch",
-              "reflects": true
+              "attribute": "stretch"
             }
           ],
           "attributes": [
@@ -1488,12 +1553,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/date-picker/datepicker.calendar.component.ts",
+      "path": "components/datepicker/datepicker-calendar.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SkfDatePickerCalendar",
+          "name": "SkfDatepickerCalendar",
           "members": [
             {
               "kind": "field",
@@ -1715,40 +1780,31 @@
           "superclass": {
             "name": "SkfElement",
             "package": "@internal/components/skf-element.js"
-          }
+          },
+          "tagName": "skf-datepicker-calendar",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfDatePickerCalendar",
+          "name": "SkfDatepickerCalendar",
           "declaration": {
-            "name": "SkfDatePickerCalendar",
-            "module": "src/components/date-picker/datepicker.calendar.component.ts"
+            "name": "SkfDatepickerCalendar",
+            "module": "src/components/datepicker/datepicker-calendar.component.ts"
           }
         }
-      ]
+      ],
+      "typeDefinitionPath": "components/datepicker/datepicker-calendar.d.ts"
     },
     {
       "kind": "javascript-module",
-      "path": "components/date-picker/datepicker.js",
+      "path": "src/components/datepicker/datepicker-popup.component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A date picker component that allows users to select a date or a range of dates.",
-          "name": "SkfDatePicker",
-          "cssProperties": [
-            {
-              "description": "The maximum width of the date picker",
-              "name": "--max-width"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Default hint content placed inside the date picker",
-              "name": ""
-            }
-          ],
+          "description": "",
+          "name": "SkfDatepickerPopup",
           "members": [
             {
               "kind": "field",
@@ -1757,17 +1813,12 @@
                 "text": "string"
               },
               "default": "'en-CA'",
-              "description": "The locale to use for formatting the date",
               "attribute": "locale",
               "reflects": true
             },
             {
               "kind": "field",
               "name": "date",
-              "type": {
-                "text": "string"
-              },
-              "description": "The date to display in the date picker",
               "attribute": "date",
               "reflects": true
             },
@@ -1796,7 +1847,6 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, the date picker will allow the selection of a range of dates",
               "attribute": "range"
             },
             {
@@ -1829,7 +1879,7 @@
               "kind": "field",
               "name": "selectedDateRange",
               "type": {
-                "text": "SkfDatePickerDateRange"
+                "text": "SkfDatepickerPopupDateRange"
               },
               "default": "{ start: null, end: null, }"
             },
@@ -1852,16 +1902,6 @@
               "description": "Navigates to the given date."
             }
           ],
-          "events": [
-            {
-              "description": "When a date is selected",
-              "name": "selected-date-changed"
-            },
-            {
-              "description": "When a range of dates is selected",
-              "name": "selected-date-range-changed"
-            }
-          ],
           "attributes": [
             {
               "name": "locale",
@@ -1869,15 +1909,10 @@
                 "text": "string"
               },
               "default": "'en-CA'",
-              "description": "The locale to use for formatting the date",
               "fieldName": "locale"
             },
             {
               "name": "date",
-              "type": {
-                "text": "string"
-              },
-              "description": "The date to display in the date picker",
               "fieldName": "date"
             },
             {
@@ -1902,7 +1937,6 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, the date picker will allow the selection of a range of dates",
               "fieldName": "range"
             },
             {
@@ -1925,31 +1959,28 @@
           "superclass": {
             "name": "SkfElement",
             "package": "@internal/components/skf-element.js"
-          },
-          "tagName": "skf-datepicker",
-          "customElement": true
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfDatePicker",
+          "name": "SkfDatepickerPopup",
           "declaration": {
-            "name": "SkfDatePicker",
-            "module": "src/components/date-picker/datepicker.component.ts"
+            "name": "SkfDatepickerPopup",
+            "module": "src/components/datepicker/datepicker-popup.component.ts"
           }
         }
-      ],
-      "typeDefinitionPath": "components/date-picker/datepicker.d.ts"
+      ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/date-picker-input/datepicker-input.component.ts",
+      "path": "components/datepicker/datepicker.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SkfDatePickerInput",
+          "name": "SkfDatepicker",
           "members": [
             {
               "kind": "field",
@@ -2124,16 +2155,12 @@
             },
             {
               "kind": "field",
-              "name": "abortController",
-              "default": "new AbortController()"
-            },
-            {
-              "kind": "field",
-              "name": "abortSignal"
+              "name": "_handleSelectedDate",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "_handleSelectedDate"
+              "kind": "method",
+              "name": "_handleValueChange"
             },
             {
               "kind": "field",
@@ -2141,19 +2168,15 @@
               "privacy": "private"
             },
             {
-              "kind": "field",
+              "kind": "method",
               "name": "showPopover"
             },
             {
-              "kind": "field",
+              "kind": "method",
               "name": "hidePopover"
             },
             {
               "kind": "method",
-              "name": "_handleValueChange"
-            },
-            {
-              "kind": "field",
               "name": "clear",
               "description": "Clears the input field"
             }
@@ -2298,19 +2321,22 @@
           "superclass": {
             "name": "FormBase",
             "package": "@internal/components/formBase.js"
-          }
+          },
+          "tagName": "skf-datepicker",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfDatePickerInput",
+          "name": "SkfDatepicker",
           "declaration": {
-            "name": "SkfDatePickerInput",
-            "module": "src/components/date-picker-input/datepicker-input.component.ts"
+            "name": "SkfDatepicker",
+            "module": "src/components/datepicker/datepicker.component.ts"
           }
         }
-      ]
+      ],
+      "typeDefinitionPath": "components/datepicker/datepicker.d.ts"
     },
     {
       "kind": "javascript-module",
@@ -2327,6 +2353,22 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              }
+            },
             {
               "kind": "field",
               "name": "as",
@@ -2349,7 +2391,6 @@
               },
               "description": "If defined, changes the appearance of the heading",
               "attribute": "styled-as",
-              "reflects": true,
               "expandedType": {
                 "text": "'h1' | 'h2' | 'h3' | 'h4' | undefined"
               }
@@ -2875,10 +2916,26 @@
           "cssProperties": [
             {
               "description": "The height of the logo",
-              "name": "--skf-logo-height"
+              "name": "--mod-logo-height"
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              }
+            },
             {
               "kind": "field",
               "name": "title",
@@ -4441,9 +4498,12 @@
               "kind": "field",
               "name": "icon",
               "type": {
-                "text": "SkfLink['icon'] | undefined"
+                "text": "Icon | undefined"
               },
-              "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"
+              }
             }
           ],
           "attributes": [
@@ -4458,9 +4518,12 @@
             {
               "name": "icon",
               "type": {
-                "text": "SkfLink['icon'] | undefined"
+                "text": "Icon | undefined"
               },
-              "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"
+              }
             }
           ],
           "superclass": {
@@ -5180,16 +5243,34 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              }
+            },
             {
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "'sm' | 'md'"
+                "text": "Size"
               },
               "default": "'md'",
               "description": "Specifies Tag size",
               "attribute": "size",
-              "reflects": true
+              "expandedType": {
+                "text": "'sm' | 'md'"
+              }
             },
             {
               "kind": "field",
@@ -5211,7 +5292,6 @@
               },
               "description": "If defined, gives the supplied appearance",
               "attribute": "color",
-              "reflects": true,
               "expandedType": {
                 "text": "'error' | 'info' | 'warning' | 'success' | undefined"
               }
@@ -5234,19 +5314,21 @@
               },
               "default": "false",
               "description": "If true, adds trailing button to remove tag",
-              "attribute": "removable",
-              "reflects": true
+              "attribute": "removable"
             }
           ],
           "attributes": [
             {
               "name": "size",
               "type": {
-                "text": "'sm' | 'md'"
+                "text": "Size"
               },
               "default": "'md'",
               "description": "Specifies Tag size",
-              "fieldName": "size"
+              "fieldName": "size",
+              "expandedType": {
+                "text": "'sm' | 'md'"
+              }
             },
             {
               "name": "icon",
@@ -6278,7 +6360,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/tab-panel/tab-panel.js",
+      "path": "components/tabs/tab-panel.js",
       "declarations": [
         {
           "kind": "class",
@@ -6343,20 +6425,20 @@
           "name": "SkfTabPanel",
           "declaration": {
             "name": "SkfTabPanel",
-            "module": "src/components/tab-panel/tab-panel.component.ts"
+            "module": "src/components/tabs/tab-panel.component.ts"
           }
         }
       ],
-      "typeDefinitionPath": "components/tab-panel/tab-panel.d.ts"
+      "typeDefinitionPath": "components/tabs/tab-panel.d.ts"
     },
     {
       "kind": "javascript-module",
-      "path": "components/tab-group/tab-group.js",
+      "path": "components/tabs/tabs.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The `<skf-tab-group>` is a component that displays a list of actions or options.",
-          "name": "SkfTabGroup",
+          "description": "The `<skf-tabs>` is a component that displays a list of actions or options",
+          "name": "SkfTabs",
           "slots": [
             {
               "description": "Used for grouping tab panels in the tab group. Must be <skf-tab-panel> elements",
@@ -6471,25 +6553,25 @@
             "name": "SkfElement",
             "package": "@internal/components/skf-element"
           },
-          "tagName": "skf-tab-group",
+          "tagName": "skf-tabs",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkfTabGroup",
+          "name": "SkfTabs",
           "declaration": {
-            "name": "SkfTabGroup",
-            "module": "src/components/tab-group/tab-group.component.ts"
+            "name": "SkfTabs",
+            "module": "src/components/tabs/tabs.component.ts"
           }
         }
       ],
-      "typeDefinitionPath": "components/tab-group/tab-group.d.ts"
+      "typeDefinitionPath": "components/tabs/tabs.d.ts"
     },
     {
       "kind": "javascript-module",
-      "path": "components/tab/tab.js",
+      "path": "components/tabs/tab.js",
       "declarations": [
         {
           "kind": "class",
@@ -6525,7 +6607,7 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "SkfTabGroup['variant']"
+                "text": "SkfTabs['variant']"
               },
               "default": "'expanded'"
             },
@@ -6576,11 +6658,11 @@
           "name": "SkfTab",
           "declaration": {
             "name": "SkfTab",
-            "module": "src/components/tab/tab.component.ts"
+            "module": "src/components/tabs/tab.component.ts"
           }
         }
       ],
-      "typeDefinitionPath": "components/tab/tab.d.ts"
+      "typeDefinitionPath": "components/tabs/tab.d.ts"
     },
     {
       "kind": "javascript-module",
@@ -7058,6 +7140,30 @@
               "name": "parentAnimationDiv",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#states",
+              "privacy": "private",
+              "type": {
+                "text": "CustomStateSet"
+              },
+              "inheritedFrom": {
+                "name": "SkfAlert",
+                "module": "src/components/alert/alert.component.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "buttonLabel",
@@ -7097,7 +7203,6 @@
               "default": "false",
               "description": "If true, renders with an close button and sets aria-role to `status`",
               "attribute": "persistent",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "SkfAlert",
                 "module": "src/components/alert/alert.component.ts"
@@ -7111,7 +7216,6 @@
               },
               "description": "If defined, gives the supplied appearance",
               "attribute": "severity",
-              "reflects": true,
               "expandedType": {
                 "text": "'error' | 'info' | 'warning' | 'success' | undefined"
               },
@@ -7211,6 +7315,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent"
+              },
               "description": "Fires when the close button is clicked",
               "name": "skf-alert-close",
               "inheritedFrom": {