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

package/dist/custom-elements.json

@@ -1488,12 +1488,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 +1715,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 +1748,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 +1782,6 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, the date picker will allow the selection of a range of dates",
               "attribute": "range"
             },
             {
@@ -1829,7 +1814,7 @@
               "kind": "field",
               "name": "selectedDateRange",
               "type": {
-                "text": "SkfDatePickerDateRange"
+                "text": "SkfDatepickerPopupDateRange"
               },
               "default": "{ start: null, end: null, }"
             },
@@ -1852,16 +1837,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 +1844,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 +1872,6 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, the date picker will allow the selection of a range of dates",
               "fieldName": "range"
             },
             {
@@ -1925,31 +1894,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 +2090,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 +2103,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 +2256,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",
@@ -4441,9 +4402,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 +4422,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": {
@@ -6278,7 +6245,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/tab-panel/tab-panel.js",
+      "path": "components/tabs/tab-panel.js",
       "declarations": [
         {
           "kind": "class",
@@ -6343,20 +6310,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 +6438,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 +6492,7 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "SkfTabGroup['variant']"
+                "text": "SkfTabs['variant']"
               },
               "default": "'expanded'"
             },
@@ -6576,11 +6543,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",

package/dist/index.d.ts

@@ -6,8 +6,9 @@ export { default as SkfBreadcrumb } from './components/breadcrumb/breadcrumb.js'
 export { default as SkfButton } from './components/button/button.js';
 export { default as SkfCard } from './components/card/card.js';
 export { default as SkfCheckbox } from './components/checkbox/checkbox.js';
-export { default as SkfDatePickerInput } from './components/date-picker-input/datepicker-input.js';
-export { default as SkfDatePicker } from './components/date-picker/datepicker.js';
+export { default as SkfDatepickerCalendar } from './components/datepicker/datepicker-calendar.js';
+export { default as SkfDatepickerPopup } from './components/datepicker/datepicker-popup.js';
+export { default as SkfDatepicker } from './components/datepicker/datepicker.js';
 export { default as SkfDialog } from './components/dialog/dialog.js';
 export { default as SkfDivider } from './components/divider/divider.js';
 export { default as SkfDrawer } from './components/drawer/drawer.js';
@@ -33,9 +34,9 @@ export { default as SkfSelect } from './components/select/select.js';
 export { default as SkfStepperItem } from './components/stepper/stepper-item.js';
 export { default as SkfStepper } from './components/stepper/stepper.js';
 export { default as SkfSwitch } from './components/switch/switch.js';
-export { default as SkfTabGoup } from './components/tab-group/tab-group.js';
-export { default as SkfTabPanel } from './components/tab-panel/tab-panel.js';
-export { default as SkfTab } from './components/tab/tab.js';
+export { default as SkfTabPanel } from './components/tabs/tab-panel.js';
+export { default as SkfTab } from './components/tabs/tab.js';
+export { default as SkfTabs } from './components/tabs/tabs.js';
 export { default as SkfTag } from './components/tag/tag.js';
 export { default as SkfTextArea } from './components/textarea/textarea.js';
 export { default as SkfToastItem } from './components/toast/toast-item.js';

package/dist/index.js

@@ -6,8 +6,9 @@ import "./components/breadcrumb/breadcrumb.js";
 import "./components/button/button.js";
 import "./components/card/card.js";
 import "./components/checkbox/checkbox.js";
-import "./components/date-picker-input/datepicker-input.js";
-import "./components/date-picker/datepicker.js";
+import "./components/datepicker/datepicker-calendar.js";
+import "./components/datepicker/datepicker-popup.js";
+import "./components/datepicker/datepicker.js";
 import "./components/dialog/dialog.js";
 import "./components/divider/divider.js";
 import "./components/drawer/drawer.js";
@@ -33,102 +34,104 @@ import "./components/select/select.js";
 import "./components/stepper/stepper-item.js";
 import "./components/stepper/stepper.js";
 import "./components/switch/switch.js";
-import "./components/tab-group/tab-group.js";
-import "./components/tab-panel/tab-panel.js";
-import "./components/tab/tab.js";
+import "./components/tabs/tab-panel.js";
+import "./components/tabs/tab.js";
+import "./components/tabs/tabs.js";
 import "./components/tag/tag.js";
 import "./components/textarea/textarea.js";
 import "./components/toast/toast-item.js";
 import "./components/toast/toast-wrapper.js";
 import "./components/toast/toast.js";
 import "./components/tooltip/tooltip.js";
-import { SkfAccordionItem as Q } from "./components/accordion/accordion-item.component.js";
-import { SkfAccordion as V } from "./components/accordion/accordion.component.js";
-import { SkfAlert as Y } from "./components/alert/alert.component.js";
-import { SkfBreadcrumbItem as _ } from "./components/breadcrumb/breadcrumb-item.component.js";
-import { SkfBreadcrumb as oo } from "./components/breadcrumb/breadcrumb.component.js";
-import { SkfButton as to } from "./components/button/button.component.js";
-import { SkfCard as mo } from "./components/card/card.component.js";
-import { SkfCheckbox as eo } from "./components/checkbox/checkbox.component.js";
-import { SkfDatePickerInput as So } from "./components/date-picker-input/datepicker-input.component.js";
-import { SkfDatePicker as xo } from "./components/date-picker/datepicker.component.js";
-import { SkfDialog as no } from "./components/dialog/dialog.component.js";
-import { SkfDivider as uo } from "./components/divider/divider.component.js";
-import { SkfDrawer as To } from "./components/drawer/drawer.component.js";
-import { SkfHeader as bo } from "./components/header/header.component.js";
-import { SkfHeading as lo } from "./components/heading/heading.component.js";
-import { SkfIcon as Do } from "./components/icon/icon.component.js";
-import { SkfInput as vo } from "./components/input/input.component.js";
-import { SkfLink as Go } from "./components/link/link.component.js";
-import { SkfLoader as Lo } from "./components/loader/loader.component.js";
-import { SkfLogo as wo } from "./components/logo/logo.component.js";
-import { SkfMenuItem as Ho } from "./components/menu/menu-item.component.js";
-import { SkfMenu as No } from "./components/menu/menu.component.js";
-import { SkfNavItem as Wo } from "./components/nav/nav-item.component.js";
-import { SkfNav as qo } from "./components/nav/nav.component.js";
-import { SkfPopover as zo } from "./components/popover/popover.component.js";
-import { SkfProgress as Fo } from "./components/progress/progress.component.js";
-import { SkfRadio as Ko } from "./components/radio/radio.component.js";
-import { SkfSegmentedButtonItem as Uo } from "./components/segmented-button/segmented-button-item.component.js";
-import { SkfSegmentedButton as Xo } from "./components/segmented-button/segmented-button.component.js";
-import { SkfSelectOptionGroup as Zo } from "./components/select/select-option-group.component.js";
-import { SkfSelectOption as $o } from "./components/select/select-option.component.js";
-import { SkfSelect as rr } from "./components/select/select.component.js";
-import { SkfStepperItem as pr } from "./components/stepper/stepper-item.component.js";
-import { SkfStepper as fr } from "./components/stepper/stepper.component.js";
-import { SkfSwitch as ir } from "./components/switch/switch.component.js";
-import { SkfTabGroup as kr } from "./components/tab-group/tab-group.component.js";
-import { SkfTabPanel as ar } from "./components/tab-panel/tab-panel.component.js";
-import { SkfTab as cr } from "./components/tab/tab.component.js";
-import { SkfTag as dr } from "./components/tag/tag.component.js";
-import { SkfTextArea as Tr } from "./components/textarea/textarea.component.js";
-import { SkfToastItem as br } from "./components/toast/toast-item.component.js";
-import { SkfToastWrapper as lr } from "./components/toast/toast-wrapper.component.js";
-import { SkfToast as Dr } from "./components/toast/toast.component.js";
-import { SkfTooltip as vr } from "./components/tooltip/tooltip.component.js";
+import { SkfAccordionItem as U } from "./components/accordion/accordion-item.component.js";
+import { SkfAccordion as X } from "./components/accordion/accordion.component.js";
+import { SkfAlert as Z } from "./components/alert/alert.component.js";
+import { SkfBreadcrumbItem as $ } from "./components/breadcrumb/breadcrumb-item.component.js";
+import { SkfBreadcrumb as ro } from "./components/breadcrumb/breadcrumb.component.js";
+import { SkfButton as po } from "./components/button/button.component.js";
+import { SkfCard as eo } from "./components/card/card.component.js";
+import { SkfCheckbox as io } from "./components/checkbox/checkbox.component.js";
+import { SkfDatepickerCalendar as ko } from "./components/datepicker/datepicker-calendar.component.js";
+import { SkfDatepickerPopup as ao } from "./components/datepicker/datepicker-popup.component.js";
+import { SkfDatepicker as co } from "./components/datepicker/datepicker.component.js";
+import { SkfDialog as Io } from "./components/dialog/dialog.component.js";
+import { SkfDivider as lo } from "./components/divider/divider.component.js";
+import { SkfDrawer as go } from "./components/drawer/drawer.component.js";
+import { SkfHeader as Do } from "./components/header/header.component.js";
+import { SkfHeading as vo } from "./components/heading/heading.component.js";
+import { SkfIcon as Oo } from "./components/icon/icon.component.js";
+import { SkfInput as Co } from "./components/input/input.component.js";
+import { SkfLink as ho } from "./components/link/link.component.js";
+import { SkfLoader as Go } from "./components/loader/loader.component.js";
+import { SkfLogo as Mo } from "./components/logo/logo.component.js";
+import { SkfMenuItem as Ro } from "./components/menu/menu-item.component.js";
+import { SkfMenu as jo } from "./components/menu/menu.component.js";
+import { SkfNavItem as yo } from "./components/nav/nav-item.component.js";
+import { SkfNav as Eo } from "./components/nav/nav.component.js";
+import { SkfPopover as Jo } from "./components/popover/popover.component.js";
+import { SkfProgress as Qo } from "./components/progress/progress.component.js";
+import { SkfRadio as Vo } from "./components/radio/radio.component.js";
+import { SkfSegmentedButtonItem as Yo } from "./components/segmented-button/segmented-button-item.component.js";
+import { SkfSegmentedButton as _o } from "./components/segmented-button/segmented-button.component.js";
+import { SkfSelectOptionGroup as or } from "./components/select/select-option-group.component.js";
+import { SkfSelectOption as tr } from "./components/select/select-option.component.js";
+import { SkfSelect as mr } from "./components/select/select.component.js";
+import { SkfStepperItem as fr } from "./components/stepper/stepper-item.component.js";
+import { SkfStepper as Sr } from "./components/stepper/stepper.component.js";
+import { SkfSwitch as xr } from "./components/switch/switch.component.js";
+import { SkfTabPanel as nr } from "./components/tabs/tab-panel.component.js";
+import { SkfTab as dr } from "./components/tabs/tab.component.js";
+import { SkfTabs as Ir } from "./components/tabs/tabs.component.js";
+import { SkfTag as lr } from "./components/tag/tag.component.js";
+import { SkfTextArea as gr } from "./components/textarea/textarea.component.js";
+import { SkfToastItem as Dr } from "./components/toast/toast-item.component.js";
+import { SkfToastWrapper as vr } from "./components/toast/toast-wrapper.component.js";
+import { SkfToast as Or } from "./components/toast/toast.component.js";
+import { SkfTooltip as Cr } from "./components/tooltip/tooltip.component.js";
 export {
-  V as SkfAccordion,
-  Q as SkfAccordionItem,
-  Y as SkfAlert,
-  oo as SkfBreadcrumb,
-  _ as SkfBreadcrumbItem,
-  to as SkfButton,
-  mo as SkfCard,
-  eo as SkfCheckbox,
-  xo as SkfDatePicker,
-  So as SkfDatePickerInput,
-  no as SkfDialog,
-  uo as SkfDivider,
-  To as SkfDrawer,
-  bo as SkfHeader,
-  lo as SkfHeading,
-  Do as SkfIcon,
-  vo as SkfInput,
-  Go as SkfLink,
-  Lo as SkfLoader,
-  wo as SkfLogo,
-  No as SkfMenu,
-  Ho as SkfMenuItem,
-  qo as SkfNav,
-  Wo as SkfNavItem,
-  $o as SkfOption,
-  Zo as SkfOptionGroup,
-  zo as SkfPopover,
-  Fo as SkfProgress,
-  Ko as SkfRadio,
-  Xo as SkfSegmentedButton,
-  Uo as SkfSegmentedButtonItem,
-  rr as SkfSelect,
-  fr as SkfStepper,
-  pr as SkfStepperItem,
-  ir as SkfSwitch,
-  cr as SkfTab,
-  kr as SkfTabGoup,
-  ar as SkfTabPanel,
-  dr as SkfTag,
-  Tr as SkfTextArea,
-  Dr as SkfToast,
-  br as SkfToastItem,
-  lr as SkfToastWrapper,
-  vr as SkfTooltip
+  X as SkfAccordion,
+  U as SkfAccordionItem,
+  Z as SkfAlert,
+  ro as SkfBreadcrumb,
+  $ as SkfBreadcrumbItem,
+  po as SkfButton,
+  eo as SkfCard,
+  io as SkfCheckbox,
+  co as SkfDatepicker,
+  ko as SkfDatepickerCalendar,
+  ao as SkfDatepickerPopup,
+  Io as SkfDialog,
+  lo as SkfDivider,
+  go as SkfDrawer,
+  Do as SkfHeader,
+  vo as SkfHeading,
+  Oo as SkfIcon,
+  Co as SkfInput,
+  ho as SkfLink,
+  Go as SkfLoader,
+  Mo as SkfLogo,
+  jo as SkfMenu,
+  Ro as SkfMenuItem,
+  Eo as SkfNav,
+  yo as SkfNavItem,
+  tr as SkfOption,
+  or as SkfOptionGroup,
+  Jo as SkfPopover,
+  Qo as SkfProgress,
+  Vo as SkfRadio,
+  _o as SkfSegmentedButton,
+  Yo as SkfSegmentedButtonItem,
+  mr as SkfSelect,
+  Sr as SkfStepper,
+  fr as SkfStepperItem,
+  xr as SkfSwitch,
+  dr as SkfTab,
+  nr as SkfTabPanel,
+  Ir as SkfTabs,
+  lr as SkfTag,
+  gr as SkfTextArea,
+  Or as SkfToast,
+  Dr as SkfToastItem,
+  vr as SkfToastWrapper,
+  Cr as SkfTooltip
 };

package/dist/internal/base-classes/popover/popover.base.js

@@ -78,7 +78,7 @@ const s = (p = class extends S {
         t && i || this.close();
       },
       { signal: this.signal }
-    ), this.$popover.id = _(this.$anchor.id), ["popup", "menu"].includes(this.variant) && (this.$anchor.setAttribute("aria-haspopup", "true"), this.setAttribute("aria-labelledby", this.$anchor.id)), ["menu"].includes(this.variant) && this.$anchor.setAttribute("aria-controls", this.$popover.id), ["popup"].includes(this.variant) && t && (this.role = "dialog", this.setAttribute("aria-modal", "false")), ["tooltip"].includes(this.variant) && this.$anchor.addEventListener("focusin", this.open.bind(this), { signal: this.signal });
+    ), this.$popover.id = _(this.$anchor.id), ["popup", "menu"].includes(this.variant) && (this.$anchor.setAttribute("aria-haspopup", "true"), this.setAttribute("aria-labelledby", this.$anchor.id)), ["menu"].includes(this.variant) && this.$anchor.setAttribute("aria-controls", this.$popover.id), ["popup"].includes(this.variant) && t && (this.role = "dialog"), ["tooltip"].includes(this.variant) && this.$anchor.addEventListener("focusin", this.open.bind(this), { signal: this.signal });
   }
   open(t) {
     t.stopPropagation(), this._toggleOpen(!0), document.addEventListener("keydown", this.handleEscapeKey.bind(this), { signal: this.signal }), this.openExtended();