@inera/ids-react 7.2.0 → 8.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/accordion.d.ts +1 -0
- package/components/accordion/accordion.js +5 -43
- package/components/alert/alert.d.ts +3 -3
- package/components/alert/alert.js +8 -5
- package/components/badge/badge.d.ts +3 -6
- package/components/badge/badge.js +3 -3
- package/components/box-link/box-link.d.ts +3 -5
- package/components/box-link/box-link.js +3 -4
- package/components/breadcrumbs/breadcrumbs.d.ts +2 -3
- package/components/breadcrumbs/breadcrumbs.js +5 -6
- package/components/button/button.d.ts +6 -8
- package/components/button/button.js +5 -79
- package/components/button-group/button-group.d.ts +2 -3
- package/components/button-group/button-group.js +2 -2
- package/components/card/card.d.ts +6 -7
- package/components/card/card.js +16 -10
- package/components/carousel/carousel-item.js +5 -5
- package/components/carousel/carousel.d.ts +0 -2
- package/components/carousel/carousel.js +22 -42
- package/components/date-label/date-label.d.ts +8 -2
- package/components/date-label/date-label.js +10 -17
- package/components/dialog/dialog.d.ts +13 -13
- package/components/dialog/dialog.js +10 -13
- package/components/dropdown/dropdown-content-button.d.ts +7 -0
- package/components/dropdown/dropdown-content-button.js +11 -0
- package/components/dropdown/dropdown-content-link.d.ts +1 -1
- package/components/dropdown/dropdown-content-link.js +4 -3
- package/components/dropdown/dropdown.d.ts +6 -5
- package/components/dropdown/dropdown.js +12 -11
- package/components/footer-1177/footer-1177.d.ts +3 -7
- package/components/footer-1177/footer-1177.js +9 -52
- package/components/footer-1177-admin/footer-1177-admin.d.ts +6 -8
- package/components/footer-1177-admin/footer-1177-admin.js +11 -53
- package/components/footer-1177-pro/footer-1177-pro.d.ts +16 -11
- package/components/footer-1177-pro/footer-1177-pro.js +13 -31
- package/components/footer-inera/footer-inera.d.ts +3 -7
- package/components/footer-inera/footer-inera.js +10 -53
- package/components/footer-inera-admin/footer-inera-admin.d.ts +3 -7
- package/components/footer-inera-admin/footer-inera-admin.js +12 -52
- package/components/form/check-button/check-button.d.ts +1 -0
- package/components/form/check-button/check-button.js +2 -2
- package/components/form/checkbox/checkbox-group.d.ts +1 -1
- package/components/form/checkbox/checkbox-group.js +6 -6
- package/components/form/checkbox/checkbox.d.ts +1 -0
- package/components/form/checkbox/checkbox.js +3 -3
- package/components/form/input/input.d.ts +2 -4
- package/components/form/input/input.js +16 -37
- package/components/form/radio/radio-group.d.ts +2 -2
- package/components/form/radio/radio-group.js +6 -6
- package/components/form/radio/radio.d.ts +3 -3
- package/components/form/radio/radio.js +2 -2
- package/components/form/radio-button/radio-button-group.d.ts +2 -2
- package/components/form/radio-button/radio-button-group.js +7 -7
- package/components/form/radio-button/radio-button.d.ts +4 -3
- package/components/form/radio-button/radio-button.js +2 -2
- package/components/form/range/range.d.ts +1 -0
- package/components/form/range/range.js +2 -2
- package/components/form/select/select.d.ts +1 -1
- package/components/form/select/select.js +5 -3
- package/components/form/select-multiple/select-multiple.d.ts +3 -0
- package/components/form/select-multiple/select-multiple.js +13 -6
- package/components/form/textarea/textarea.d.ts +1 -0
- package/components/form/textarea/textarea.js +2 -2
- package/components/form/time/time.d.ts +1 -0
- package/components/form/time/time.js +6 -6
- package/components/form/toggle/toggle.d.ts +1 -0
- package/components/form/toggle/toggle.js +5 -5
- package/components/global-alert/global-alert.d.ts +16 -0
- package/components/global-alert/global-alert.js +26 -0
- package/components/grid/column.d.ts +3 -4
- package/components/grid/column.js +2 -3
- package/components/grid/container.d.ts +4 -4
- package/components/grid/container.js +7 -18
- package/components/grid/row.d.ts +4 -4
- package/components/grid/row.js +6 -11
- package/components/header-1177/header-1177-avatar.d.ts +5 -2
- package/components/header-1177/header-1177-avatar.js +21 -10
- package/components/header-1177/header-1177-item.d.ts +3 -2
- package/components/header-1177/header-1177-item.js +22 -16
- package/components/header-1177/header-1177-menu-mobile.d.ts +1 -1
- package/components/header-1177/header-1177-menu-mobile.js +29 -18
- package/components/header-1177/header-1177-nav-item-mobile.js +7 -12
- package/components/header-1177/header-1177-nav-item.d.ts +4 -4
- package/components/header-1177/header-1177-nav-item.js +23 -18
- package/components/header-1177/header-1177-nav.d.ts +4 -2
- package/components/header-1177/header-1177-nav.js +6 -8
- package/components/header-1177/header-1177-region-picker-mobile.d.ts +9 -0
- package/components/header-1177/header-1177-region-picker-mobile.js +36 -0
- package/components/header-1177/header-1177-region-picker.d.ts +9 -0
- package/components/header-1177/header-1177-region-picker.js +34 -0
- package/components/header-1177/header-1177.d.ts +3 -7
- package/components/header-1177/header-1177.js +7 -36
- package/components/header-1177-admin/header-1177-admin-avatar-mobile.d.ts +3 -0
- package/components/header-1177-admin/header-1177-admin-avatar-mobile.js +28 -3
- package/components/header-1177-admin/header-1177-admin-avatar.d.ts +3 -2
- package/components/header-1177-admin/header-1177-admin-avatar.js +31 -18
- package/components/header-1177-admin/header-1177-admin-item.d.ts +2 -2
- package/components/header-1177-admin/header-1177-admin-item.js +23 -19
- package/components/header-1177-admin/header-1177-admin-menu-mobile.d.ts +11 -0
- package/components/header-1177-admin/header-1177-admin-menu-mobile.js +53 -0
- package/components/header-1177-admin/header-1177-admin-nav-item.d.ts +4 -4
- package/components/header-1177-admin/header-1177-admin-nav-item.js +22 -17
- package/components/header-1177-admin/header-1177-admin-nav.d.ts +2 -2
- package/components/header-1177-admin/header-1177-admin-nav.js +7 -9
- package/components/header-1177-admin/header-1177-admin.d.ts +3 -6
- package/components/header-1177-admin/header-1177-admin.js +7 -21
- package/components/header-1177-pro/header-1177-pro-avatar-mobile.d.ts +3 -0
- package/components/header-1177-pro/header-1177-pro-avatar-mobile.js +28 -3
- package/components/header-1177-pro/header-1177-pro-avatar.d.ts +3 -2
- package/components/header-1177-pro/header-1177-pro-avatar.js +31 -18
- package/components/header-1177-pro/header-1177-pro-item.d.ts +2 -2
- package/components/header-1177-pro/header-1177-pro-item.js +23 -16
- package/components/header-1177-pro/{header-1177-pro-nav-menu-mobile.d.ts → header-1177-pro-menu-mobile.d.ts} +3 -3
- package/components/header-1177-pro/header-1177-pro-menu-mobile.js +53 -0
- package/components/header-1177-pro/header-1177-pro-nav-item.d.ts +5 -5
- package/components/header-1177-pro/header-1177-pro-nav-item.js +17 -21
- package/components/header-1177-pro/header-1177-pro-nav.d.ts +4 -5
- package/components/header-1177-pro/header-1177-pro-nav.js +8 -25
- package/components/header-1177-pro/header-1177-pro-region-picker-mobile.d.ts +9 -0
- package/components/header-1177-pro/header-1177-pro-region-picker-mobile.js +36 -0
- package/components/header-1177-pro/header-1177-pro-region-picker.d.ts +9 -0
- package/components/header-1177-pro/header-1177-pro-region-picker.js +34 -0
- package/components/header-1177-pro/header-1177-pro.d.ts +6 -9
- package/components/header-1177-pro/header-1177-pro.js +6 -34
- package/components/header-inera/header-inera-item.d.ts +3 -4
- package/components/header-inera/header-inera-item.js +30 -15
- package/components/header-inera/header-inera-menu-mobile.d.ts +11 -0
- package/components/header-inera/header-inera-menu-mobile.js +54 -0
- package/components/header-inera/header-inera-nav-item.js +9 -25
- package/components/header-inera/header-inera-nav.d.ts +1 -1
- package/components/header-inera/header-inera-nav.js +6 -8
- package/components/header-inera/header-inera.d.ts +3 -4
- package/components/header-inera/header-inera.js +6 -13
- package/components/header-inera-admin/header-inera-admin-avatar-mobile.d.ts +5 -2
- package/components/header-inera-admin/header-inera-admin-avatar-mobile.js +23 -3
- package/components/header-inera-admin/header-inera-admin-avatar.d.ts +3 -4
- package/components/header-inera-admin/header-inera-admin-avatar.js +34 -22
- package/components/header-inera-admin/header-inera-admin-item.d.ts +3 -4
- package/components/header-inera-admin/header-inera-admin-item.js +17 -13
- package/components/header-inera-admin/header-inera-admin-menu-mobile.d.ts +11 -0
- package/components/header-inera-admin/header-inera-admin-menu-mobile.js +53 -0
- package/components/header-inera-admin/header-inera-admin-nav-item.d.ts +1 -3
- package/components/header-inera-admin/header-inera-admin-nav-item.js +15 -31
- package/components/header-inera-admin/header-inera-admin-nav.d.ts +2 -3
- package/components/header-inera-admin/header-inera-admin-nav.js +4 -6
- package/components/header-inera-admin/header-inera-admin.d.ts +2 -2
- package/components/header-inera-admin/header-inera-admin.js +6 -8
- package/components/header-patient/header-patient.d.ts +3 -3
- package/components/header-patient/header-patient.js +2 -2
- package/components/link/link.d.ts +4 -4
- package/components/link/link.js +17 -15
- package/components/mobile/menu/item/mobile-item.js +4 -4
- package/components/navigation/content/navigation-content.d.ts +3 -3
- package/components/navigation/content/navigation-content.js +7 -13
- package/components/navigation/local/navigation-local.d.ts +2 -3
- package/components/navigation/local/navigation-local.js +2 -2
- package/components/notification/badge/notification-badge.d.ts +2 -3
- package/components/notification/badge/notification-badge.js +2 -2
- package/components/pagination/data-pagination/data-pagination.d.ts +8 -13
- package/components/pagination/data-pagination/data-pagination.js +7 -8
- package/components/pagination/list-pagination/list-pagination.d.ts +1 -1
- package/components/pagination/list-pagination/list-pagination.js +7 -13
- package/components/popover/popover.js +9 -9
- package/components/progressbar/progressbar.d.ts +5 -3
- package/components/progressbar/progressbar.js +4 -4
- package/components/puff-list/puff-list-item/puff-list-item-date.d.ts +13 -0
- package/components/puff-list/puff-list-item/puff-list-item-date.js +23 -0
- package/components/puff-list/puff-list-item/puff-list-item-header.d.ts +10 -0
- package/components/puff-list/puff-list-item/puff-list-item-header.js +11 -0
- package/components/puff-list/puff-list-item/puff-list-item-info.d.ts +4 -5
- package/components/puff-list/puff-list-item/puff-list-item-info.js +5 -3
- package/components/puff-list/puff-list-item/puff-list-item.d.ts +10 -13
- package/components/puff-list/puff-list-item/puff-list-item.js +10 -46
- package/components/puff-list/puff-list.d.ts +1 -1
- package/components/puff-list/puff-list.js +4 -3
- package/components/region-icon/region-icon.d.ts +2 -2
- package/components/region-icon/region-icon.js +6 -6
- package/components/side-menu/side-menu.d.ts +1 -1
- package/components/side-menu/side-menu.js +7 -7
- package/components/side-panel/side-panel.d.ts +2 -0
- package/components/side-panel/side-panel.js +5 -5
- package/components/stepper/step.js +2 -2
- package/components/stepper/stepper.d.ts +1 -1
- package/components/stepper/stepper.js +5 -5
- package/components/tabs/tab-panel.js +2 -2
- package/components/tabs/tab.js +2 -2
- package/components/tabs/tabs.js +13 -13
- package/components/tag/tag.d.ts +11 -4
- package/components/tag/tag.js +7 -7
- package/components/tooltip/tooltip.d.ts +1 -0
- package/components/tooltip/tooltip.js +8 -7
- package/components/utils/contexts/HeaderContext.d.ts +0 -2
- package/components/utils/hooks/useFocusTrap.js +2 -1
- package/index.d.ts +18 -144
- package/index.js +18 -144
- package/package.json +2 -3
- package/components/agent/agent.d.ts +0 -12
- package/components/agent/agent.js +0 -18
- package/components/alert-global/alert-global.d.ts +0 -16
- package/components/alert-global/alert-global.js +0 -28
- package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.js +0 -35
- package/components/header-inera/header-inera-nav-mobile.d.ts +0 -11
- package/components/header-inera/header-inera-nav-mobile.js +0 -47
- package/components/header-inera-admin/header-inera-admin-nav-mobile.d.ts +0 -12
- package/components/header-inera-admin/header-inera-admin-nav-mobile.js +0 -35
- package/components/icons/icon-1177.d.ts +0 -3
- package/components/icons/icon-1177.js +0 -12
- package/components/icons/icon-activity.d.ts +0 -3
- package/components/icons/icon-activity.js +0 -12
- package/components/icons/icon-agent.d.ts +0 -3
- package/components/icons/icon-agent.js +0 -12
- package/components/icons/icon-alarm-clock-inactivity.d.ts +0 -3
- package/components/icons/icon-alarm-clock-inactivity.js +0 -12
- package/components/icons/icon-alarm-clock-neutral.d.ts +0 -3
- package/components/icons/icon-alarm-clock-neutral.js +0 -12
- package/components/icons/icon-archive.d.ts +0 -3
- package/components/icons/icon-archive.js +0 -12
- package/components/icons/icon-arrow.d.ts +0 -3
- package/components/icons/icon-arrow.js +0 -12
- package/components/icons/icon-attention.d.ts +0 -3
- package/components/icons/icon-attention.js +0 -12
- package/components/icons/icon-blekinge.d.ts +0 -3
- package/components/icons/icon-blekinge.js +0 -12
- package/components/icons/icon-bookmark.d.ts +0 -3
- package/components/icons/icon-bookmark.js +0 -12
- package/components/icons/icon-calendar.d.ts +0 -3
- package/components/icons/icon-calendar.js +0 -12
- package/components/icons/icon-call-active.d.ts +0 -3
- package/components/icons/icon-call-active.js +0 -12
- package/components/icons/icon-call.d.ts +0 -3
- package/components/icons/icon-call.js +0 -12
- package/components/icons/icon-camera-off.d.ts +0 -3
- package/components/icons/icon-camera-off.js +0 -12
- package/components/icons/icon-camera-on.d.ts +0 -3
- package/components/icons/icon-camera-on.js +0 -12
- package/components/icons/icon-camera-switch.d.ts +0 -3
- package/components/icons/icon-camera-switch.js +0 -12
- package/components/icons/icon-chart-bar.d.ts +0 -3
- package/components/icons/icon-chart-bar.js +0 -12
- package/components/icons/icon-chart-line.d.ts +0 -3
- package/components/icons/icon-chart-line.js +0 -12
- package/components/icons/icon-chat.d.ts +0 -3
- package/components/icons/icon-chat.js +0 -12
- package/components/icons/icon-check.d.ts +0 -3
- package/components/icons/icon-check.js +0 -12
- package/components/icons/icon-chevron-bold.d.ts +0 -3
- package/components/icons/icon-chevron-bold.js +0 -12
- package/components/icons/icon-chevron.d.ts +0 -3
- package/components/icons/icon-chevron.js +0 -12
- package/components/icons/icon-clipboard-cross.d.ts +0 -3
- package/components/icons/icon-clipboard-cross.js +0 -12
- package/components/icons/icon-clipboard-text.d.ts +0 -3
- package/components/icons/icon-clipboard-text.js +0 -12
- package/components/icons/icon-clipboard.d.ts +0 -3
- package/components/icons/icon-clipboard.js +0 -12
- package/components/icons/icon-clock.d.ts +0 -3
- package/components/icons/icon-clock.js +0 -12
- package/components/icons/icon-close-bold.d.ts +0 -3
- package/components/icons/icon-close-bold.js +0 -12
- package/components/icons/icon-close.d.ts +0 -3
- package/components/icons/icon-close.js +0 -12
- package/components/icons/icon-cog.d.ts +0 -3
- package/components/icons/icon-cog.js +0 -12
- package/components/icons/icon-computer-inera.d.ts +0 -3
- package/components/icons/icon-computer-inera.js +0 -12
- package/components/icons/icon-computer.d.ts +0 -3
- package/components/icons/icon-computer.js +0 -12
- package/components/icons/icon-copy-file.d.ts +0 -3
- package/components/icons/icon-copy-file.js +0 -12
- package/components/icons/icon-copy-link.d.ts +0 -3
- package/components/icons/icon-copy-link.js +0 -12
- package/components/icons/icon-dalarna.d.ts +0 -3
- package/components/icons/icon-dalarna.js +0 -12
- package/components/icons/icon-denied.d.ts +0 -3
- package/components/icons/icon-denied.js +0 -12
- package/components/icons/icon-doctors-bag.d.ts +0 -3
- package/components/icons/icon-doctors-bag.js +0 -12
- package/components/icons/icon-document.d.ts +0 -3
- package/components/icons/icon-document.js +0 -12
- package/components/icons/icon-download.d.ts +0 -3
- package/components/icons/icon-download.js +0 -12
- package/components/icons/icon-drag-n-drop.d.ts +0 -3
- package/components/icons/icon-drag-n-drop.js +0 -12
- package/components/icons/icon-ear-hearing.d.ts +0 -3
- package/components/icons/icon-ear-hearing.js +0 -12
- package/components/icons/icon-edit.d.ts +0 -3
- package/components/icons/icon-edit.js +0 -12
- package/components/icons/icon-email-sent.d.ts +0 -3
- package/components/icons/icon-email-sent.js +0 -12
- package/components/icons/icon-email-unread.d.ts +0 -3
- package/components/icons/icon-email-unread.js +0 -12
- package/components/icons/icon-email.d.ts +0 -3
- package/components/icons/icon-email.js +0 -12
- package/components/icons/icon-expand.d.ts +0 -3
- package/components/icons/icon-expand.js +0 -12
- package/components/icons/icon-external.d.ts +0 -3
- package/components/icons/icon-external.js +0 -12
- package/components/icons/icon-facebook.d.ts +0 -3
- package/components/icons/icon-facebook.js +0 -12
- package/components/icons/icon-file-csv.d.ts +0 -3
- package/components/icons/icon-file-csv.js +0 -12
- package/components/icons/icon-file-excel.d.ts +0 -3
- package/components/icons/icon-file-excel.js +0 -12
- package/components/icons/icon-file-other.d.ts +0 -3
- package/components/icons/icon-file-other.js +0 -12
- package/components/icons/icon-file-pdf.d.ts +0 -3
- package/components/icons/icon-file-pdf.js +0 -12
- package/components/icons/icon-file-picture.d.ts +0 -3
- package/components/icons/icon-file-picture.js +0 -12
- package/components/icons/icon-file-powerpoint.d.ts +0 -3
- package/components/icons/icon-file-powerpoint.js +0 -12
- package/components/icons/icon-file-word.d.ts +0 -3
- package/components/icons/icon-file-word.js +0 -12
- package/components/icons/icon-find-care.d.ts +0 -3
- package/components/icons/icon-find-care.js +0 -12
- package/components/icons/icon-find-region.d.ts +0 -3
- package/components/icons/icon-find-region.js +0 -12
- package/components/icons/icon-flag.d.ts +0 -3
- package/components/icons/icon-flag.js +0 -12
- package/components/icons/icon-form-numbered-reocurring.d.ts +0 -3
- package/components/icons/icon-form-numbered-reocurring.js +0 -12
- package/components/icons/icon-form-numbered.d.ts +0 -3
- package/components/icons/icon-form-numbered.js +0 -12
- package/components/icons/icon-gavleborg.d.ts +0 -3
- package/components/icons/icon-gavleborg.js +0 -12
- package/components/icons/icon-gotland.d.ts +0 -3
- package/components/icons/icon-gotland.js +0 -12
- package/components/icons/icon-halland.d.ts +0 -3
- package/components/icons/icon-halland.js +0 -12
- package/components/icons/icon-headphones.d.ts +0 -3
- package/components/icons/icon-headphones.js +0 -12
- package/components/icons/icon-hourglass-end.d.ts +0 -3
- package/components/icons/icon-hourglass-end.js +0 -12
- package/components/icons/icon-hourglass-start.d.ts +0 -3
- package/components/icons/icon-hourglass-start.js +0 -12
- package/components/icons/icon-hourglass.d.ts +0 -3
- package/components/icons/icon-hourglass.js +0 -12
- package/components/icons/icon-house.d.ts +0 -3
- package/components/icons/icon-house.js +0 -12
- package/components/icons/icon-id-card-locked.d.ts +0 -3
- package/components/icons/icon-id-card-locked.js +0 -12
- package/components/icons/icon-id-card.d.ts +0 -3
- package/components/icons/icon-id-card.js +0 -12
- package/components/icons/icon-image.d.ts +0 -3
- package/components/icons/icon-image.js +0 -12
- package/components/icons/icon-inera-legacy.d.ts +0 -3
- package/components/icons/icon-inera-legacy.js +0 -12
- package/components/icons/icon-inera.d.ts +0 -3
- package/components/icons/icon-inera.js +0 -12
- package/components/icons/icon-information.d.ts +0 -3
- package/components/icons/icon-information.js +0 -12
- package/components/icons/icon-jamtland-harjedalen.d.ts +0 -3
- package/components/icons/icon-jamtland-harjedalen.js +0 -12
- package/components/icons/icon-jonkoping.d.ts +0 -3
- package/components/icons/icon-jonkoping.js +0 -12
- package/components/icons/icon-kalmar.d.ts +0 -3
- package/components/icons/icon-kalmar.js +0 -12
- package/components/icons/icon-kronoberg.d.ts +0 -3
- package/components/icons/icon-kronoberg.js +0 -12
- package/components/icons/icon-lightbulb.d.ts +0 -3
- package/components/icons/icon-lightbulb.js +0 -12
- package/components/icons/icon-linkedin.d.ts +0 -3
- package/components/icons/icon-linkedin.js +0 -12
- package/components/icons/icon-list.d.ts +0 -3
- package/components/icons/icon-list.js +0 -12
- package/components/icons/icon-lock-open.d.ts +0 -3
- package/components/icons/icon-lock-open.js +0 -12
- package/components/icons/icon-lock.d.ts +0 -3
- package/components/icons/icon-lock.js +0 -12
- package/components/icons/icon-log-locked.d.ts +0 -3
- package/components/icons/icon-log-locked.js +0 -12
- package/components/icons/icon-log.d.ts +0 -3
- package/components/icons/icon-log.js +0 -12
- package/components/icons/icon-menu.d.ts +0 -3
- package/components/icons/icon-menu.js +0 -12
- package/components/icons/icon-minus.d.ts +0 -3
- package/components/icons/icon-minus.js +0 -12
- package/components/icons/icon-moment-start.d.ts +0 -3
- package/components/icons/icon-moment-start.js +0 -12
- package/components/icons/icon-moment-stop.d.ts +0 -3
- package/components/icons/icon-moment-stop.js +0 -12
- package/components/icons/icon-norrbotten.d.ts +0 -3
- package/components/icons/icon-norrbotten.js +0 -12
- package/components/icons/icon-office-building.d.ts +0 -3
- package/components/icons/icon-office-building.js +0 -12
- package/components/icons/icon-orebro.d.ts +0 -3
- package/components/icons/icon-orebro.js +0 -12
- package/components/icons/icon-organization.d.ts +0 -3
- package/components/icons/icon-organization.js +0 -12
- package/components/icons/icon-ostergotland.d.ts +0 -3
- package/components/icons/icon-ostergotland.js +0 -12
- package/components/icons/icon-plus.d.ts +0 -3
- package/components/icons/icon-plus.js +0 -12
- package/components/icons/icon-prescription.d.ts +0 -3
- package/components/icons/icon-prescription.js +0 -12
- package/components/icons/icon-print.d.ts +0 -3
- package/components/icons/icon-print.js +0 -12
- package/components/icons/icon-question.d.ts +0 -3
- package/components/icons/icon-question.js +0 -12
- package/components/icons/icon-reload.d.ts +0 -3
- package/components/icons/icon-reload.js +0 -12
- package/components/icons/icon-reply.d.ts +0 -3
- package/components/icons/icon-reply.js +0 -12
- package/components/icons/icon-search-inera.d.ts +0 -3
- package/components/icons/icon-search-inera.js +0 -12
- package/components/icons/icon-search.d.ts +0 -3
- package/components/icons/icon-search.js +0 -12
- package/components/icons/icon-share.d.ts +0 -3
- package/components/icons/icon-share.js +0 -12
- package/components/icons/icon-shield-locked-primary.d.ts +0 -3
- package/components/icons/icon-shield-locked-primary.js +0 -12
- package/components/icons/icon-shield-locked.d.ts +0 -3
- package/components/icons/icon-shield-locked.js +0 -12
- package/components/icons/icon-skane.d.ts +0 -3
- package/components/icons/icon-skane.js +0 -12
- package/components/icons/icon-sormland.d.ts +0 -3
- package/components/icons/icon-sormland.js +0 -12
- package/components/icons/icon-star-filled.d.ts +0 -3
- package/components/icons/icon-star-filled.js +0 -12
- package/components/icons/icon-star.d.ts +0 -3
- package/components/icons/icon-star.js +0 -12
- package/components/icons/icon-stockholm.d.ts +0 -3
- package/components/icons/icon-stockholm.js +0 -12
- package/components/icons/icon-success.d.ts +0 -3
- package/components/icons/icon-success.js +0 -12
- package/components/icons/icon-swap.d.ts +0 -3
- package/components/icons/icon-swap.js +0 -12
- package/components/icons/icon-switch-person.d.ts +0 -3
- package/components/icons/icon-switch-person.js +0 -12
- package/components/icons/icon-telephone.d.ts +0 -3
- package/components/icons/icon-telephone.js +0 -12
- package/components/icons/icon-test-tube-analyze.d.ts +0 -3
- package/components/icons/icon-test-tube-analyze.js +0 -12
- package/components/icons/icon-test-tube-empty.d.ts +0 -3
- package/components/icons/icon-test-tube-empty.js +0 -12
- package/components/icons/icon-test-tube.d.ts +0 -3
- package/components/icons/icon-test-tube.js +0 -12
- package/components/icons/icon-toggle-card.d.ts +0 -3
- package/components/icons/icon-toggle-card.js +0 -12
- package/components/icons/icon-toggle-list.d.ts +0 -3
- package/components/icons/icon-toggle-list.js +0 -12
- package/components/icons/icon-trash.d.ts +0 -3
- package/components/icons/icon-trash.js +0 -12
- package/components/icons/icon-twitter.d.ts +0 -3
- package/components/icons/icon-twitter.js +0 -12
- package/components/icons/icon-uppsala.d.ts +0 -3
- package/components/icons/icon-uppsala.js +0 -12
- package/components/icons/icon-user.d.ts +0 -3
- package/components/icons/icon-user.js +0 -12
- package/components/icons/icon-varmland.d.ts +0 -3
- package/components/icons/icon-varmland.js +0 -12
- package/components/icons/icon-vasterbotten.d.ts +0 -3
- package/components/icons/icon-vasterbotten.js +0 -12
- package/components/icons/icon-vasternorrland.d.ts +0 -3
- package/components/icons/icon-vasternorrland.js +0 -12
- package/components/icons/icon-vastmanland.d.ts +0 -3
- package/components/icons/icon-vastmanland.js +0 -12
- package/components/icons/icon-vastra-gotaland.d.ts +0 -3
- package/components/icons/icon-vastra-gotaland.js +0 -12
- package/components/icons/icon-video-off.d.ts +0 -3
- package/components/icons/icon-video-off.js +0 -12
- package/components/icons/icon-video-on.d.ts +0 -3
- package/components/icons/icon-video-on.js +0 -12
- package/components/icons/icon-video-switch.d.ts +0 -3
- package/components/icons/icon-video-switch.js +0 -12
- package/components/icons/icon-visibility-off.d.ts +0 -3
- package/components/icons/icon-visibility-off.js +0 -12
- package/components/icons/icon-visibility.d.ts +0 -3
- package/components/icons/icon-visibility.js +0 -12
- package/components/icons/icon-warning.d.ts +0 -3
- package/components/icons/icon-warning.js +0 -12
- package/components/icons/icon-x.d.ts +0 -3
package/index.d.ts
CHANGED
|
@@ -20,7 +20,7 @@ export * from "./components/grid/row";
|
|
|
20
20
|
export * from "./components/grid/column";
|
|
21
21
|
export * from "./components/accordion/accordion";
|
|
22
22
|
export * from "./components/alert/alert";
|
|
23
|
-
export * from "./components/alert-
|
|
23
|
+
export * from "./components/global-alert/global-alert";
|
|
24
24
|
export * from "./components/mobile/menu/item/mobile-item";
|
|
25
25
|
export * from "./components/mobile/menu/mobile-menu";
|
|
26
26
|
export * from "./components/link/link";
|
|
@@ -30,14 +30,16 @@ export * from "./components/tabs/tab";
|
|
|
30
30
|
export * from "./components/tabs/tab-panel";
|
|
31
31
|
export * from "./components/puff-list/puff-list";
|
|
32
32
|
export * from "./components/puff-list/puff-list-item/puff-list-item";
|
|
33
|
+
export * from "./components/puff-list/puff-list-item/puff-list-item-date";
|
|
34
|
+
export * from "./components/puff-list/puff-list-item/puff-list-item-header";
|
|
33
35
|
export * from "./components/puff-list/puff-list-item/puff-list-item-info";
|
|
34
36
|
export * from "./components/date-label/date-label";
|
|
35
37
|
export * from "./components/breadcrumbs/breadcrumbs";
|
|
36
38
|
export * from "./components/dialog/dialog";
|
|
37
39
|
export * from "./components/dropdown/dropdown";
|
|
38
40
|
export * from "./components/dropdown/dropdown-content-link";
|
|
41
|
+
export * from "./components/dropdown/dropdown-content-button";
|
|
39
42
|
export * from "./components/card/card";
|
|
40
|
-
export * from "./components/agent/agent";
|
|
41
43
|
export * from "./components/popover/popover";
|
|
42
44
|
export * from "./components/progressbar/progressbar";
|
|
43
45
|
export * from "./components/badge/badge";
|
|
@@ -57,173 +59,45 @@ export * from "./components/navigation/local/navigation-local";
|
|
|
57
59
|
export * from "./components/pagination/data-pagination/data-pagination";
|
|
58
60
|
export * from "./components/pagination/list-pagination/list-pagination";
|
|
59
61
|
export * from "./components/header-1177/header-1177";
|
|
62
|
+
export * from "./components/header-1177/header-1177-region-picker";
|
|
63
|
+
export * from "./components/header-1177/header-1177-region-picker-mobile";
|
|
60
64
|
export * from "./components/header-1177/header-1177-item";
|
|
61
65
|
export * from "./components/header-1177/header-1177-avatar";
|
|
62
66
|
export * from "./components/header-1177/header-1177-nav";
|
|
63
67
|
export * from "./components/header-1177/header-1177-nav-item";
|
|
64
68
|
export * from "./components/header-1177/header-1177-nav-item-mobile";
|
|
65
69
|
export * from "./components/header-1177/header-1177-menu-mobile";
|
|
66
|
-
export * from "./components/header-1177-pro/header-1177-pro";
|
|
67
|
-
export * from "./components/header-1177-pro/header-1177-pro-item";
|
|
68
|
-
export * from "./components/header-1177-pro/header-1177-pro-avatar";
|
|
69
|
-
export * from "./components/header-1177-pro/header-1177-pro-avatar-mobile";
|
|
70
|
-
export * from "./components/header-1177-pro/header-1177-pro-nav";
|
|
71
|
-
export * from "./components/header-1177-pro/header-1177-pro-nav-item";
|
|
72
|
-
export * from "./components/header-1177-pro/header-1177-pro-nav-menu-mobile";
|
|
73
70
|
export * from "./components/header-1177-admin/header-1177-admin";
|
|
74
71
|
export * from "./components/header-1177-admin/header-1177-admin-item";
|
|
75
72
|
export * from "./components/header-1177-admin/header-1177-admin-avatar";
|
|
73
|
+
export * from "./components/header-1177-admin/header-1177-admin-menu-mobile";
|
|
76
74
|
export * from "./components/header-1177-admin/header-1177-admin-avatar-mobile";
|
|
77
75
|
export * from "./components/header-1177-admin/header-1177-admin-nav";
|
|
78
76
|
export * from "./components/header-1177-admin/header-1177-admin-nav-item";
|
|
77
|
+
export * from "./components/header-1177-pro/header-1177-pro";
|
|
78
|
+
export * from "./components/header-1177-pro/header-1177-pro-region-picker";
|
|
79
|
+
export * from "./components/header-1177-pro/header-1177-pro-region-picker-mobile";
|
|
80
|
+
export * from "./components/header-1177-pro/header-1177-pro-item";
|
|
81
|
+
export * from "./components/header-1177-pro/header-1177-pro-menu-mobile";
|
|
82
|
+
export * from "./components/header-1177-pro/header-1177-pro-avatar";
|
|
83
|
+
export * from "./components/header-1177-pro/header-1177-pro-avatar-mobile";
|
|
84
|
+
export * from "./components/header-1177-pro/header-1177-pro-nav";
|
|
85
|
+
export * from "./components/header-1177-pro/header-1177-pro-nav-item";
|
|
79
86
|
export * from "./components/header-inera/header-inera";
|
|
80
87
|
export * from "./components/header-inera/header-inera-item";
|
|
81
88
|
export * from "./components/header-inera/header-inera-nav";
|
|
82
89
|
export * from "./components/header-inera/header-inera-nav-item";
|
|
83
|
-
export * from "./components/header-inera/header-inera-
|
|
90
|
+
export * from "./components/header-inera/header-inera-menu-mobile";
|
|
84
91
|
export * from "./components/header-inera-admin/header-inera-admin";
|
|
85
92
|
export * from "./components/header-inera-admin/header-inera-admin-item";
|
|
86
93
|
export * from "./components/header-inera-admin/header-inera-admin-avatar";
|
|
87
94
|
export * from "./components/header-inera-admin/header-inera-admin-avatar-mobile";
|
|
88
95
|
export * from "./components/header-inera-admin/header-inera-admin-nav";
|
|
89
96
|
export * from "./components/header-inera-admin/header-inera-admin-nav-item";
|
|
90
|
-
export * from "./components/header-inera-admin/header-inera-admin-
|
|
97
|
+
export * from "./components/header-inera-admin/header-inera-admin-menu-mobile";
|
|
91
98
|
export * from "./components/header-patient/header-patient";
|
|
92
99
|
export * from "./components/footer-1177/footer-1177";
|
|
93
100
|
export * from "./components/footer-1177-admin/footer-1177-admin";
|
|
94
101
|
export * from "./components/footer-1177-pro/footer-1177-pro";
|
|
95
102
|
export * from "./components/footer-inera/footer-inera";
|
|
96
103
|
export * from "./components/footer-inera-admin/footer-inera-admin";
|
|
97
|
-
export * from "./components/icons/icon-1177";
|
|
98
|
-
export * from "./components/icons/icon-activity";
|
|
99
|
-
export * from "./components/icons/icon-alarm-clock-neutral";
|
|
100
|
-
export * from "./components/icons/icon-alarm-clock-inactivity";
|
|
101
|
-
export * from "./components/icons/icon-agent";
|
|
102
|
-
export * from "./components/icons/icon-archive";
|
|
103
|
-
export * from "./components/icons/icon-arrow";
|
|
104
|
-
export * from "./components/icons/icon-attention";
|
|
105
|
-
export * from "./components/icons/icon-blekinge";
|
|
106
|
-
export * from "./components/icons/icon-bookmark";
|
|
107
|
-
export * from "./components/icons/icon-calendar";
|
|
108
|
-
export * from "./components/icons/icon-call";
|
|
109
|
-
export * from "./components/icons/icon-call-active";
|
|
110
|
-
export * from "./components/icons/icon-camera-off";
|
|
111
|
-
export * from "./components/icons/icon-camera-on";
|
|
112
|
-
export * from "./components/icons/icon-camera-switch";
|
|
113
|
-
export * from "./components/icons/icon-chat";
|
|
114
|
-
export * from "./components/icons/icon-chart-bar";
|
|
115
|
-
export * from "./components/icons/icon-chart-line";
|
|
116
|
-
export * from "./components/icons/icon-check";
|
|
117
|
-
export * from "./components/icons/icon-chevron";
|
|
118
|
-
export * from "./components/icons/icon-chevron-bold";
|
|
119
|
-
export * from "./components/icons/icon-clipboard";
|
|
120
|
-
export * from "./components/icons/icon-clipboard-cross";
|
|
121
|
-
export * from "./components/icons/icon-clipboard-text";
|
|
122
|
-
export * from "./components/icons/icon-clock";
|
|
123
|
-
export * from "./components/icons/icon-close";
|
|
124
|
-
export * from "./components/icons/icon-close-bold";
|
|
125
|
-
export * from "./components/icons/icon-cog";
|
|
126
|
-
export * from "./components/icons/icon-computer";
|
|
127
|
-
export * from "./components/icons/icon-computer-inera";
|
|
128
|
-
export * from "./components/icons/icon-copy-file";
|
|
129
|
-
export * from "./components/icons/icon-copy-link";
|
|
130
|
-
export * from "./components/icons/icon-dalarna";
|
|
131
|
-
export * from "./components/icons/icon-denied";
|
|
132
|
-
export * from "./components/icons/icon-doctors-bag";
|
|
133
|
-
export * from "./components/icons/icon-document";
|
|
134
|
-
export * from "./components/icons/icon-download";
|
|
135
|
-
export * from "./components/icons/icon-drag-n-drop";
|
|
136
|
-
export * from "./components/icons/icon-ear-hearing";
|
|
137
|
-
export * from "./components/icons/icon-edit";
|
|
138
|
-
export * from "./components/icons/icon-email";
|
|
139
|
-
export * from "./components/icons/icon-email-sent";
|
|
140
|
-
export * from "./components/icons/icon-email-unread";
|
|
141
|
-
export * from "./components/icons/icon-expand";
|
|
142
|
-
export * from "./components/icons/icon-external";
|
|
143
|
-
export * from "./components/icons/icon-facebook";
|
|
144
|
-
export * from "./components/icons/icon-file-csv";
|
|
145
|
-
export * from "./components/icons/icon-file-excel";
|
|
146
|
-
export * from "./components/icons/icon-file-other";
|
|
147
|
-
export * from "./components/icons/icon-file-pdf";
|
|
148
|
-
export * from "./components/icons/icon-file-picture";
|
|
149
|
-
export * from "./components/icons/icon-file-powerpoint";
|
|
150
|
-
export * from "./components/icons/icon-file-word";
|
|
151
|
-
export * from "./components/icons/icon-find-care";
|
|
152
|
-
export * from "./components/icons/icon-find-region";
|
|
153
|
-
export * from "./components/icons/icon-flag";
|
|
154
|
-
export * from "./components/icons/icon-form-numbered";
|
|
155
|
-
export * from "./components/icons/icon-form-numbered-reocurring";
|
|
156
|
-
export * from "./components/icons/icon-gavleborg";
|
|
157
|
-
export * from "./components/icons/icon-gotland";
|
|
158
|
-
export * from "./components/icons/icon-halland";
|
|
159
|
-
export * from "./components/icons/icon-headphones";
|
|
160
|
-
export * from "./components/icons/icon-house";
|
|
161
|
-
export * from "./components/icons/icon-hourglass";
|
|
162
|
-
export * from "./components/icons/icon-hourglass-start";
|
|
163
|
-
export * from "./components/icons/icon-hourglass-end";
|
|
164
|
-
export * from "./components/icons/icon-id-card";
|
|
165
|
-
export * from "./components/icons/icon-id-card-locked";
|
|
166
|
-
export * from "./components/icons/icon-image";
|
|
167
|
-
export * from "./components/icons/icon-inera";
|
|
168
|
-
export * from "./components/icons/icon-inera-legacy";
|
|
169
|
-
export * from "./components/icons/icon-information";
|
|
170
|
-
export * from "./components/icons/icon-jamtland-harjedalen";
|
|
171
|
-
export * from "./components/icons/icon-jonkoping";
|
|
172
|
-
export * from "./components/icons/icon-kalmar";
|
|
173
|
-
export * from "./components/icons/icon-kronoberg";
|
|
174
|
-
export * from "./components/icons/icon-lightbulb";
|
|
175
|
-
export * from "./components/icons/icon-linkedin";
|
|
176
|
-
export * from "./components/icons/icon-list";
|
|
177
|
-
export * from "./components/icons/icon-lock";
|
|
178
|
-
export * from "./components/icons/icon-lock-open";
|
|
179
|
-
export * from "./components/icons/icon-log";
|
|
180
|
-
export * from "./components/icons/icon-log-locked";
|
|
181
|
-
export * from "./components/icons/icon-menu";
|
|
182
|
-
export * from "./components/icons/icon-minus";
|
|
183
|
-
export * from "./components/icons/icon-moment-start";
|
|
184
|
-
export * from "./components/icons/icon-moment-stop";
|
|
185
|
-
export * from "./components/icons/icon-norrbotten";
|
|
186
|
-
export * from "./components/icons/icon-office-building";
|
|
187
|
-
export * from "./components/icons/icon-orebro";
|
|
188
|
-
export * from "./components/icons/icon-organization";
|
|
189
|
-
export * from "./components/icons/icon-ostergotland";
|
|
190
|
-
export * from "./components/icons/icon-prescription";
|
|
191
|
-
export * from "./components/icons/icon-plus";
|
|
192
|
-
export * from "./components/icons/icon-print";
|
|
193
|
-
export * from "./components/icons/icon-question";
|
|
194
|
-
export * from "./components/icons/icon-reload";
|
|
195
|
-
export * from "./components/icons/icon-reply";
|
|
196
|
-
export * from "./components/icons/icon-search-inera";
|
|
197
|
-
export * from "./components/icons/icon-search";
|
|
198
|
-
export * from "./components/icons/icon-share";
|
|
199
|
-
export * from "./components/icons/icon-shield-locked-primary";
|
|
200
|
-
export * from "./components/icons/icon-shield-locked";
|
|
201
|
-
export * from "./components/icons/icon-skane";
|
|
202
|
-
export * from "./components/icons/icon-sormland";
|
|
203
|
-
export * from "./components/icons/icon-star-filled";
|
|
204
|
-
export * from "./components/icons/icon-star";
|
|
205
|
-
export * from "./components/icons/icon-stockholm";
|
|
206
|
-
export * from "./components/icons/icon-success";
|
|
207
|
-
export * from "./components/icons/icon-swap";
|
|
208
|
-
export * from "./components/icons/icon-switch-person";
|
|
209
|
-
export * from "./components/icons/icon-telephone";
|
|
210
|
-
export * from "./components/icons/icon-test-tube-analyze";
|
|
211
|
-
export * from "./components/icons/icon-test-tube-empty";
|
|
212
|
-
export * from "./components/icons/icon-test-tube";
|
|
213
|
-
export * from "./components/icons/icon-toggle-card";
|
|
214
|
-
export * from "./components/icons/icon-toggle-list";
|
|
215
|
-
export * from "./components/icons/icon-trash";
|
|
216
|
-
export * from "./components/icons/icon-twitter";
|
|
217
|
-
export * from "./components/icons/icon-uppsala";
|
|
218
|
-
export * from "./components/icons/icon-user";
|
|
219
|
-
export * from "./components/icons/icon-varmland";
|
|
220
|
-
export * from "./components/icons/icon-vasterbotten";
|
|
221
|
-
export * from "./components/icons/icon-vasternorrland";
|
|
222
|
-
export * from "./components/icons/icon-vastmanland";
|
|
223
|
-
export * from "./components/icons/icon-vastra-gotaland";
|
|
224
|
-
export * from "./components/icons/icon-video-off";
|
|
225
|
-
export * from "./components/icons/icon-video-on";
|
|
226
|
-
export * from "./components/icons/icon-video-switch";
|
|
227
|
-
export * from "./components/icons/icon-visibility-off";
|
|
228
|
-
export * from "./components/icons/icon-visibility";
|
|
229
|
-
export * from "./components/icons/icon-warning";
|
package/index.js
CHANGED
|
@@ -20,7 +20,7 @@ export { IDSRow } from './components/grid/row.js';
|
|
|
20
20
|
export { IDSColumn } from './components/grid/column.js';
|
|
21
21
|
export { IDSAccordion } from './components/accordion/accordion.js';
|
|
22
22
|
export { IDSAlert } from './components/alert/alert.js';
|
|
23
|
-
export {
|
|
23
|
+
export { IDSGlobalAlert } from './components/global-alert/global-alert.js';
|
|
24
24
|
export { IDSMobileMenuItem } from './components/mobile/menu/item/mobile-item.js';
|
|
25
25
|
export { IDSMobileMenu } from './components/mobile/menu/mobile-menu.js';
|
|
26
26
|
export { IDSLink } from './components/link/link.js';
|
|
@@ -30,14 +30,16 @@ export { IDSTab } from './components/tabs/tab.js';
|
|
|
30
30
|
export { IDSTabPanel } from './components/tabs/tab-panel.js';
|
|
31
31
|
export { IDSPuffList } from './components/puff-list/puff-list.js';
|
|
32
32
|
export { IDSPuffListItem } from './components/puff-list/puff-list-item/puff-list-item.js';
|
|
33
|
+
export { IDSPuffListItemDate } from './components/puff-list/puff-list-item/puff-list-item-date.js';
|
|
34
|
+
export { IDSPuffListItemHeader } from './components/puff-list/puff-list-item/puff-list-item-header.js';
|
|
33
35
|
export { IDSPuffListItemInfo } from './components/puff-list/puff-list-item/puff-list-item-info.js';
|
|
34
36
|
export { IDSDateLabel } from './components/date-label/date-label.js';
|
|
35
37
|
export { IDSBreadcrumbs } from './components/breadcrumbs/breadcrumbs.js';
|
|
36
38
|
export { IDSDialog } from './components/dialog/dialog.js';
|
|
37
39
|
export { IDSDropdown } from './components/dropdown/dropdown.js';
|
|
38
40
|
export { IDSDropdownContentLink } from './components/dropdown/dropdown-content-link.js';
|
|
41
|
+
export { IDSDropdownContentButton } from './components/dropdown/dropdown-content-button.js';
|
|
39
42
|
export { IDSCard } from './components/card/card.js';
|
|
40
|
-
export { IDSAgent } from './components/agent/agent.js';
|
|
41
43
|
export { IDSPopover } from './components/popover/popover.js';
|
|
42
44
|
export { IDSProgressbar } from './components/progressbar/progressbar.js';
|
|
43
45
|
export { IDSBadge } from './components/badge/badge.js';
|
|
@@ -57,173 +59,45 @@ export { IDSNavigationLocal } from './components/navigation/local/navigation-loc
|
|
|
57
59
|
export { IDSDataPagination } from './components/pagination/data-pagination/data-pagination.js';
|
|
58
60
|
export { IDSListPagination } from './components/pagination/list-pagination/list-pagination.js';
|
|
59
61
|
export { IDSHeader1177 } from './components/header-1177/header-1177.js';
|
|
62
|
+
export { IDSHeader1177RegionPicker } from './components/header-1177/header-1177-region-picker.js';
|
|
63
|
+
export { IDSHeader1177RegionPickerMobile } from './components/header-1177/header-1177-region-picker-mobile.js';
|
|
60
64
|
export { IDSHeader1177Item } from './components/header-1177/header-1177-item.js';
|
|
61
65
|
export { IDSHeader1177Avatar } from './components/header-1177/header-1177-avatar.js';
|
|
62
66
|
export { IDSHeader1177Nav } from './components/header-1177/header-1177-nav.js';
|
|
63
67
|
export { IDSHeader1177NavItem } from './components/header-1177/header-1177-nav-item.js';
|
|
64
68
|
export { IDSHeader1177NavItemMobile } from './components/header-1177/header-1177-nav-item-mobile.js';
|
|
65
69
|
export { IDSHeader1177MenuMobile } from './components/header-1177/header-1177-menu-mobile.js';
|
|
66
|
-
export { IDSHeader1177Pro } from './components/header-1177-pro/header-1177-pro.js';
|
|
67
|
-
export { IDSHeader1177ProItem } from './components/header-1177-pro/header-1177-pro-item.js';
|
|
68
|
-
export { IDSHeader1177ProAvatar } from './components/header-1177-pro/header-1177-pro-avatar.js';
|
|
69
|
-
export { IDSHeader1177ProAvatarMobile } from './components/header-1177-pro/header-1177-pro-avatar-mobile.js';
|
|
70
|
-
export { IDSHeader1177ProNav } from './components/header-1177-pro/header-1177-pro-nav.js';
|
|
71
|
-
export { IDSHeader1177ProNavItem } from './components/header-1177-pro/header-1177-pro-nav-item.js';
|
|
72
|
-
export { IDSHeader1177ProNavMenuMobile } from './components/header-1177-pro/header-1177-pro-nav-menu-mobile.js';
|
|
73
70
|
export { IDSHeader1177Admin } from './components/header-1177-admin/header-1177-admin.js';
|
|
74
71
|
export { IDSHeader1177AdminItem } from './components/header-1177-admin/header-1177-admin-item.js';
|
|
75
72
|
export { IDSHeader1177AdminAvatar } from './components/header-1177-admin/header-1177-admin-avatar.js';
|
|
73
|
+
export { IDSHeader1177AdminMenuMobile } from './components/header-1177-admin/header-1177-admin-menu-mobile.js';
|
|
76
74
|
export { IDSHeader1177AdminAvatarMobile } from './components/header-1177-admin/header-1177-admin-avatar-mobile.js';
|
|
77
75
|
export { IDSHeader1177AdminNav } from './components/header-1177-admin/header-1177-admin-nav.js';
|
|
78
76
|
export { IDSHeader1177AdminNavItem } from './components/header-1177-admin/header-1177-admin-nav-item.js';
|
|
77
|
+
export { IDSHeader1177Pro } from './components/header-1177-pro/header-1177-pro.js';
|
|
78
|
+
export { IDSHeader1177ProRegionPicker } from './components/header-1177-pro/header-1177-pro-region-picker.js';
|
|
79
|
+
export { IDSHeader1177ProRegionPickerMobile } from './components/header-1177-pro/header-1177-pro-region-picker-mobile.js';
|
|
80
|
+
export { IDSHeader1177ProItem } from './components/header-1177-pro/header-1177-pro-item.js';
|
|
81
|
+
export { IDSHeader1177ProMenuMobile } from './components/header-1177-pro/header-1177-pro-menu-mobile.js';
|
|
82
|
+
export { IDSHeader1177ProAvatar } from './components/header-1177-pro/header-1177-pro-avatar.js';
|
|
83
|
+
export { IDSHeader1177ProAvatarMobile } from './components/header-1177-pro/header-1177-pro-avatar-mobile.js';
|
|
84
|
+
export { IDSHeader1177ProNav } from './components/header-1177-pro/header-1177-pro-nav.js';
|
|
85
|
+
export { IDSHeader1177ProNavItem } from './components/header-1177-pro/header-1177-pro-nav-item.js';
|
|
79
86
|
export { IDSHeaderInera } from './components/header-inera/header-inera.js';
|
|
80
87
|
export { IDSHeaderIneraItem } from './components/header-inera/header-inera-item.js';
|
|
81
88
|
export { IDSHeaderIneraNav } from './components/header-inera/header-inera-nav.js';
|
|
82
89
|
export { IDSHeaderIneraNavItem } from './components/header-inera/header-inera-nav-item.js';
|
|
83
|
-
export {
|
|
90
|
+
export { IDSHeaderIneraMenuMobile } from './components/header-inera/header-inera-menu-mobile.js';
|
|
84
91
|
export { IDSHeaderIneraAdmin } from './components/header-inera-admin/header-inera-admin.js';
|
|
85
92
|
export { IDSHeaderIneraAdminItem } from './components/header-inera-admin/header-inera-admin-item.js';
|
|
86
93
|
export { IDSHeaderIneraAdminAvatar } from './components/header-inera-admin/header-inera-admin-avatar.js';
|
|
87
94
|
export { IDSHeaderIneraAdminAvatarMobile } from './components/header-inera-admin/header-inera-admin-avatar-mobile.js';
|
|
88
95
|
export { IDSHeaderIneraAdminNav } from './components/header-inera-admin/header-inera-admin-nav.js';
|
|
89
96
|
export { IDSHeaderIneraAdminNavItem } from './components/header-inera-admin/header-inera-admin-nav-item.js';
|
|
90
|
-
export {
|
|
97
|
+
export { IDSHeaderIneraAdminMenuMobile } from './components/header-inera-admin/header-inera-admin-menu-mobile.js';
|
|
91
98
|
export { IDSHeaderPatient } from './components/header-patient/header-patient.js';
|
|
92
99
|
export { IDSFooter1177 } from './components/footer-1177/footer-1177.js';
|
|
93
100
|
export { IDSFooter1177Admin } from './components/footer-1177-admin/footer-1177-admin.js';
|
|
94
101
|
export { IDSFooter1177Pro } from './components/footer-1177-pro/footer-1177-pro.js';
|
|
95
102
|
export { IDSFooterInera } from './components/footer-inera/footer-inera.js';
|
|
96
103
|
export { IDSFooterIneraAdmin } from './components/footer-inera-admin/footer-inera-admin.js';
|
|
97
|
-
export { IDSIcon1177 } from './components/icons/icon-1177.js';
|
|
98
|
-
export { IDSIconActivity } from './components/icons/icon-activity.js';
|
|
99
|
-
export { IDSIconAlarmClockInactivity } from './components/icons/icon-alarm-clock-neutral.js';
|
|
100
|
-
export { IDSIconAlarmClockNeutral } from './components/icons/icon-alarm-clock-inactivity.js';
|
|
101
|
-
export { IDSIconAgent } from './components/icons/icon-agent.js';
|
|
102
|
-
export { IDSIconArchive } from './components/icons/icon-archive.js';
|
|
103
|
-
export { IDSIconArrow } from './components/icons/icon-arrow.js';
|
|
104
|
-
export { IDSIconAttention } from './components/icons/icon-attention.js';
|
|
105
|
-
export { IDSIconBlekinge } from './components/icons/icon-blekinge.js';
|
|
106
|
-
export { IDSIconBookmark } from './components/icons/icon-bookmark.js';
|
|
107
|
-
export { IDSIconCalendar } from './components/icons/icon-calendar.js';
|
|
108
|
-
export { IDSIconCall } from './components/icons/icon-call.js';
|
|
109
|
-
export { IDSIconCallActive } from './components/icons/icon-call-active.js';
|
|
110
|
-
export { IDSIconCameraOff } from './components/icons/icon-camera-off.js';
|
|
111
|
-
export { IDSIconCameraOn } from './components/icons/icon-camera-on.js';
|
|
112
|
-
export { IDSIconCameraSwitch } from './components/icons/icon-camera-switch.js';
|
|
113
|
-
export { IDSIconChat } from './components/icons/icon-chat.js';
|
|
114
|
-
export { IDSIconChartBar } from './components/icons/icon-chart-bar.js';
|
|
115
|
-
export { IDSIconChartLine } from './components/icons/icon-chart-line.js';
|
|
116
|
-
export { IDSIconCheck } from './components/icons/icon-check.js';
|
|
117
|
-
export { IDSIconChevron } from './components/icons/icon-chevron.js';
|
|
118
|
-
export { IDSIconChevronBold } from './components/icons/icon-chevron-bold.js';
|
|
119
|
-
export { IDSIconClipboard } from './components/icons/icon-clipboard.js';
|
|
120
|
-
export { IDSIconClipboardCross } from './components/icons/icon-clipboard-cross.js';
|
|
121
|
-
export { IDSIconClipboardText } from './components/icons/icon-clipboard-text.js';
|
|
122
|
-
export { IDSIconClock } from './components/icons/icon-clock.js';
|
|
123
|
-
export { IDSIconClose } from './components/icons/icon-close.js';
|
|
124
|
-
export { IDSIconCloseBold } from './components/icons/icon-close-bold.js';
|
|
125
|
-
export { IDSIconCog } from './components/icons/icon-cog.js';
|
|
126
|
-
export { IDSIconComputer } from './components/icons/icon-computer.js';
|
|
127
|
-
export { IDSIconComputerInera } from './components/icons/icon-computer-inera.js';
|
|
128
|
-
export { IDSIconCopyFile } from './components/icons/icon-copy-file.js';
|
|
129
|
-
export { IDSIconCopyLink } from './components/icons/icon-copy-link.js';
|
|
130
|
-
export { IDSIconDalarna } from './components/icons/icon-dalarna.js';
|
|
131
|
-
export { IDSIconDenied } from './components/icons/icon-denied.js';
|
|
132
|
-
export { IDSIconDoctorsBag } from './components/icons/icon-doctors-bag.js';
|
|
133
|
-
export { IDSIconDocument } from './components/icons/icon-document.js';
|
|
134
|
-
export { IDSIconDownload } from './components/icons/icon-download.js';
|
|
135
|
-
export { IDSIconDragNDrop } from './components/icons/icon-drag-n-drop.js';
|
|
136
|
-
export { IDSIconEarHearing } from './components/icons/icon-ear-hearing.js';
|
|
137
|
-
export { IDSIconEdit } from './components/icons/icon-edit.js';
|
|
138
|
-
export { IDSIconEmail } from './components/icons/icon-email.js';
|
|
139
|
-
export { IDSIconEmailSent } from './components/icons/icon-email-sent.js';
|
|
140
|
-
export { IDSIconEmailUnread } from './components/icons/icon-email-unread.js';
|
|
141
|
-
export { IDSIconExpand } from './components/icons/icon-expand.js';
|
|
142
|
-
export { IDSIconExternal } from './components/icons/icon-external.js';
|
|
143
|
-
export { IDSIconFacebook } from './components/icons/icon-facebook.js';
|
|
144
|
-
export { IDSIconFileCSV } from './components/icons/icon-file-csv.js';
|
|
145
|
-
export { IDSIconFileExcel } from './components/icons/icon-file-excel.js';
|
|
146
|
-
export { IDSIconFileOther } from './components/icons/icon-file-other.js';
|
|
147
|
-
export { IDSIconFilePdf } from './components/icons/icon-file-pdf.js';
|
|
148
|
-
export { IDSIconFilePicture } from './components/icons/icon-file-picture.js';
|
|
149
|
-
export { IDSIconFilePowerpoint } from './components/icons/icon-file-powerpoint.js';
|
|
150
|
-
export { IDSIconFileWord } from './components/icons/icon-file-word.js';
|
|
151
|
-
export { IDSIconFindCare } from './components/icons/icon-find-care.js';
|
|
152
|
-
export { IDSIconFindRegion } from './components/icons/icon-find-region.js';
|
|
153
|
-
export { IDSIconFlag } from './components/icons/icon-flag.js';
|
|
154
|
-
export { IDSIconFormNumbered } from './components/icons/icon-form-numbered.js';
|
|
155
|
-
export { IDSIconFormNumberedReoccuring } from './components/icons/icon-form-numbered-reocurring.js';
|
|
156
|
-
export { IDSIconGavleborg } from './components/icons/icon-gavleborg.js';
|
|
157
|
-
export { IDSIconGotland } from './components/icons/icon-gotland.js';
|
|
158
|
-
export { IDSIconHalland } from './components/icons/icon-halland.js';
|
|
159
|
-
export { IDSIconHeadphones } from './components/icons/icon-headphones.js';
|
|
160
|
-
export { IDSIconHouse } from './components/icons/icon-house.js';
|
|
161
|
-
export { IDSIconHourglass } from './components/icons/icon-hourglass.js';
|
|
162
|
-
export { IDSIconHourglassStart } from './components/icons/icon-hourglass-start.js';
|
|
163
|
-
export { IDSIconHourglassEnd } from './components/icons/icon-hourglass-end.js';
|
|
164
|
-
export { IDSIconIDCard } from './components/icons/icon-id-card.js';
|
|
165
|
-
export { IDSIconIDCardLocked } from './components/icons/icon-id-card-locked.js';
|
|
166
|
-
export { IDSIconImage } from './components/icons/icon-image.js';
|
|
167
|
-
export { IDSIconInera } from './components/icons/icon-inera.js';
|
|
168
|
-
export { IDSIconIneraLegacy } from './components/icons/icon-inera-legacy.js';
|
|
169
|
-
export { IDSIconInformation } from './components/icons/icon-information.js';
|
|
170
|
-
export { IDSIconJamtlandHarjedalen } from './components/icons/icon-jamtland-harjedalen.js';
|
|
171
|
-
export { IDSIconJonkoping } from './components/icons/icon-jonkoping.js';
|
|
172
|
-
export { IDSIconKalmar } from './components/icons/icon-kalmar.js';
|
|
173
|
-
export { IDSIconKronoberg } from './components/icons/icon-kronoberg.js';
|
|
174
|
-
export { IDSIconLightbulb } from './components/icons/icon-lightbulb.js';
|
|
175
|
-
export { IDSIconLinkedin } from './components/icons/icon-linkedin.js';
|
|
176
|
-
export { IDSIconList } from './components/icons/icon-list.js';
|
|
177
|
-
export { IDSIconLock } from './components/icons/icon-lock.js';
|
|
178
|
-
export { IDSIconLockOpen } from './components/icons/icon-lock-open.js';
|
|
179
|
-
export { IDSIconLog } from './components/icons/icon-log.js';
|
|
180
|
-
export { IDSIconLogLocked } from './components/icons/icon-log-locked.js';
|
|
181
|
-
export { IDSIconMenu } from './components/icons/icon-menu.js';
|
|
182
|
-
export { IDSIconMinus } from './components/icons/icon-minus.js';
|
|
183
|
-
export { IDSIconMomentStart } from './components/icons/icon-moment-start.js';
|
|
184
|
-
export { IDSIconMomentStop } from './components/icons/icon-moment-stop.js';
|
|
185
|
-
export { IDSIconNorrbotten } from './components/icons/icon-norrbotten.js';
|
|
186
|
-
export { IDSIconOfficeBuilding } from './components/icons/icon-office-building.js';
|
|
187
|
-
export { IDSIconOrebro } from './components/icons/icon-orebro.js';
|
|
188
|
-
export { IDSIconOrganization } from './components/icons/icon-organization.js';
|
|
189
|
-
export { IDSIconOstergotland } from './components/icons/icon-ostergotland.js';
|
|
190
|
-
export { IDSIconPrescription } from './components/icons/icon-prescription.js';
|
|
191
|
-
export { IDSIconPlus } from './components/icons/icon-plus.js';
|
|
192
|
-
export { IDSIconPrint } from './components/icons/icon-print.js';
|
|
193
|
-
export { IDSIconQuestion } from './components/icons/icon-question.js';
|
|
194
|
-
export { IDSIconReload } from './components/icons/icon-reload.js';
|
|
195
|
-
export { IDSIconReply } from './components/icons/icon-reply.js';
|
|
196
|
-
export { IDSIconSearchInera } from './components/icons/icon-search-inera.js';
|
|
197
|
-
export { IDSIconSearch } from './components/icons/icon-search.js';
|
|
198
|
-
export { IDSIconShare } from './components/icons/icon-share.js';
|
|
199
|
-
export { IDSIconShieldLockedPrimary } from './components/icons/icon-shield-locked-primary.js';
|
|
200
|
-
export { IDSIconShieldLocked } from './components/icons/icon-shield-locked.js';
|
|
201
|
-
export { IDSIconSkane } from './components/icons/icon-skane.js';
|
|
202
|
-
export { IDSIconSormland } from './components/icons/icon-sormland.js';
|
|
203
|
-
export { IDSIconStarFilled } from './components/icons/icon-star-filled.js';
|
|
204
|
-
export { IDSIconStar } from './components/icons/icon-star.js';
|
|
205
|
-
export { IDSIconStockholm } from './components/icons/icon-stockholm.js';
|
|
206
|
-
export { IDSIconSuccess } from './components/icons/icon-success.js';
|
|
207
|
-
export { IDSIconSwap } from './components/icons/icon-swap.js';
|
|
208
|
-
export { IDSIconSwitchPerson } from './components/icons/icon-switch-person.js';
|
|
209
|
-
export { IDSIconTelephone } from './components/icons/icon-telephone.js';
|
|
210
|
-
export { IDSIconTestTubeAnalyze } from './components/icons/icon-test-tube-analyze.js';
|
|
211
|
-
export { IDSIconTestTubeEmpty } from './components/icons/icon-test-tube-empty.js';
|
|
212
|
-
export { IDSIconTestTube } from './components/icons/icon-test-tube.js';
|
|
213
|
-
export { IDSIconToggleCard } from './components/icons/icon-toggle-card.js';
|
|
214
|
-
export { IDSIconToggleList } from './components/icons/icon-toggle-list.js';
|
|
215
|
-
export { IDSIconTrash } from './components/icons/icon-trash.js';
|
|
216
|
-
export { IDSIconTwitter } from './components/icons/icon-twitter.js';
|
|
217
|
-
export { IDSIconUppsala } from './components/icons/icon-uppsala.js';
|
|
218
|
-
export { IDSIconUser } from './components/icons/icon-user.js';
|
|
219
|
-
export { IDSIconVarmland } from './components/icons/icon-varmland.js';
|
|
220
|
-
export { IDSIconVasterbotten } from './components/icons/icon-vasterbotten.js';
|
|
221
|
-
export { IDSIconVasternorrland } from './components/icons/icon-vasternorrland.js';
|
|
222
|
-
export { IDSIconVastmanland } from './components/icons/icon-vastmanland.js';
|
|
223
|
-
export { IDSIconVastraGotaland } from './components/icons/icon-vastra-gotaland.js';
|
|
224
|
-
export { IDSIconVideoOff } from './components/icons/icon-video-off.js';
|
|
225
|
-
export { IDSIconVideoOn } from './components/icons/icon-video-on.js';
|
|
226
|
-
export { IDSIconVideoSwitch } from './components/icons/icon-video-switch.js';
|
|
227
|
-
export { IDSIconVisibilityOff } from './components/icons/icon-visibility-off.js';
|
|
228
|
-
export { IDSIconVisibility } from './components/icons/icon-visibility.js';
|
|
229
|
-
export { IDSIconWarning } from './components/icons/icon-warning.js';
|
package/package.json
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inera/ids-react",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "8.1.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"react": "*"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@inera/ids-
|
|
10
|
-
"@lit-labs/react": "^1.1.0",
|
|
9
|
+
"@inera/ids-design": "8.1.x",
|
|
11
10
|
"clsx": "*"
|
|
12
11
|
},
|
|
13
12
|
"types": "index.d.ts",
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
interface IDSAgentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
showText?: string;
|
|
4
|
-
hideText?: string;
|
|
5
|
-
collapsed?: boolean;
|
|
6
|
-
children?: ReactNode;
|
|
7
|
-
actions?: ReactNode;
|
|
8
|
-
headline?: ReactNode;
|
|
9
|
-
onCollapsedChange?: (collapsed: boolean) => void;
|
|
10
|
-
}
|
|
11
|
-
export declare const IDSAgent: React.FC<IDSAgentProps>;
|
|
12
|
-
export {};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useState, useEffect } from 'react';
|
|
4
|
-
import { IDSAlertGlobal } from '../alert-global/alert-global.js';
|
|
5
|
-
|
|
6
|
-
const IDSAgent = ({ showText = "Visa mer", hideText = "Visa mindre", collapsed = false, onCollapsedChange, actions, headline, children, className, ...props }) => {
|
|
7
|
-
const [isCollapsed, setIsCollapsed] = useState(collapsed);
|
|
8
|
-
useEffect(() => {
|
|
9
|
-
setIsCollapsed(collapsed);
|
|
10
|
-
}, [collapsed]);
|
|
11
|
-
const handleToggleCollapse = () => {
|
|
12
|
-
setIsCollapsed(!isCollapsed);
|
|
13
|
-
onCollapsedChange?.(!isCollapsed);
|
|
14
|
-
};
|
|
15
|
-
return (jsx(IDSAlertGlobal, { showText: showText, hideText: hideText, collapsed: isCollapsed, agent: true, actions: actions, headline: headline, noRole: true, onCollapsedChange: handleToggleCollapse, className: className, ...props, children: children }));
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export { IDSAgent };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
import "@inera/ids-design/components/alert-global/alert-global.css";
|
|
3
|
-
interface IDSAlertGlobalProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
agent?: boolean;
|
|
5
|
-
showText?: string;
|
|
6
|
-
hideText?: string;
|
|
7
|
-
collapsed?: boolean;
|
|
8
|
-
noRole?: boolean;
|
|
9
|
-
onCollapsedChange?: (collapsed: boolean) => void;
|
|
10
|
-
icon?: string;
|
|
11
|
-
children?: ReactNode;
|
|
12
|
-
actions?: ReactNode;
|
|
13
|
-
headline?: ReactNode;
|
|
14
|
-
}
|
|
15
|
-
export declare const IDSAlertGlobal: React.FC<IDSAlertGlobalProps>;
|
|
16
|
-
export {};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import { useState, useEffect } from 'react';
|
|
4
|
-
import '@inera/ids-design/components/alert-global/alert-global.css';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { useElementId } from '../utils/hooks/useElementId.js';
|
|
7
|
-
|
|
8
|
-
const IDSAlertGlobal = ({ agent = false, showText = "Visa meddelande", hideText = "Dölj meddelande", collapsed = false, noRole = false, onCollapsedChange, icon = "", actions, headline, children, className, ...props }) => {
|
|
9
|
-
const [isCollapsed, setIsCollapsed] = useState(collapsed);
|
|
10
|
-
useEffect(() => {
|
|
11
|
-
setIsCollapsed(collapsed);
|
|
12
|
-
}, [collapsed]);
|
|
13
|
-
const handleToggleCollapse = () => {
|
|
14
|
-
setIsCollapsed(!isCollapsed);
|
|
15
|
-
onCollapsedChange?.(!isCollapsed);
|
|
16
|
-
};
|
|
17
|
-
const contentId = useElementId();
|
|
18
|
-
return (jsx("div", { role: noRole ? null : "alert", className: clsx("ids-alert-global", {
|
|
19
|
-
"ids-alert-global--collapsed": isCollapsed,
|
|
20
|
-
"ids-alert-global--agent": agent
|
|
21
|
-
}, className), ...props, children: jsxs("div", { className: "ids-alert-global__inner", children: [jsxs("div", { className: "ids-alert-global__header", children: [jsxs("div", { className: clsx("ids-alert-global__icon-headline", {
|
|
22
|
-
"ids-alert-global__icon-headline--agent": agent
|
|
23
|
-
}), children: [icon && (jsx("div", { className: "ids-alert-global__icon", children: jsx("span", { className: `ids-icon-${icon}` }) })), jsx("div", { className: "ids-alert-global__headline", children: headline })] }), jsx("button", { className: clsx("ids-alert-global__button", {
|
|
24
|
-
"ids-alert-global__button--expanded": !isCollapsed
|
|
25
|
-
}), "aria-controls": contentId, "aria-label": isCollapsed ? showText : hideText, "aria-expanded": !isCollapsed, onClick: handleToggleCollapse, children: jsx("span", { className: "ids-alert-global__button-text", children: !isCollapsed ? hideText : showText }) })] }), jsx("div", { id: contentId, className: "ids-alert-global__content", children: children }), jsx("div", { className: "ids-alert-global__sub-content", children: actions })] }) }));
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export { IDSAlertGlobal };
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useState, useRef, useEffect } from 'react';
|
|
4
|
-
import '@inera/ids-design/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { useHeaderContext } from '../utils/contexts/HeaderContext.js';
|
|
7
|
-
|
|
8
|
-
const IDSHeader1177ProNavMenuMobile = ({ label = "", persistent = false, children, onExpanded, onClosed }) => {
|
|
9
|
-
const headerContext = useHeaderContext();
|
|
10
|
-
const [isExpanded, setIsExpanded] = useState(false);
|
|
11
|
-
const menuRef = useRef(null);
|
|
12
|
-
useEffect(() => {
|
|
13
|
-
if (!persistent && isExpanded) {
|
|
14
|
-
const handleClick = () => {
|
|
15
|
-
setIsExpanded(false);
|
|
16
|
-
onClosed?.();
|
|
17
|
-
};
|
|
18
|
-
const links = menuRef.current?.querySelectorAll("a") || [];
|
|
19
|
-
links.forEach(link => link.addEventListener("click", handleClick));
|
|
20
|
-
return () => {
|
|
21
|
-
links.forEach(link => link.removeEventListener("click", handleClick));
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
}, [isExpanded, persistent, onClosed]);
|
|
25
|
-
const toggleExpansion = () => {
|
|
26
|
-
const newExpanded = !isExpanded;
|
|
27
|
-
setIsExpanded(newExpanded);
|
|
28
|
-
newExpanded ? onExpanded?.() : onClosed?.();
|
|
29
|
-
};
|
|
30
|
-
return (jsxs(Fragment, { children: [jsx("div", { className: clsx("ids-header-1177-pro__nav-mobile__item", {
|
|
31
|
-
"ids-header-1177-pro__nav-mobile__item--unresponsive": headerContext?.unresponsive
|
|
32
|
-
}), children: jsxs("button", { onClick: toggleExpansion, "aria-expanded": isExpanded, "aria-controls": "ids-header-1177-pro-nav-mobile-dropdown", className: "ids-header-1177-pro__nav-mobile__menu", children: [label, jsx("div", { className: "ids-hamburger", children: jsx("div", { className: "ids-hamburger__lines" }) })] }) }), isExpanded && (jsx("div", { id: "ids-header-1177-pro-nav-mobile-dropdown", className: "ids-header-1177-pro__nav-mobile__menu-items", ref: menuRef, children: children }))] }));
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
export { IDSHeader1177ProNavMenuMobile };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
import "@inera/ids-design/components/header-inera/header-inera-nav-mobile.css";
|
|
3
|
-
export interface IDSHeaderIneraNavMobileProps {
|
|
4
|
-
expanded?: boolean;
|
|
5
|
-
persistent?: boolean;
|
|
6
|
-
srLabel?: string;
|
|
7
|
-
children?: ReactNode;
|
|
8
|
-
onExpanded?: () => void;
|
|
9
|
-
onClosed?: () => void;
|
|
10
|
-
}
|
|
11
|
-
export declare const IDSHeaderIneraNavMobile: React.FC<IDSHeaderIneraNavMobileProps>;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useState, useRef, useEffect } from 'react';
|
|
4
|
-
import '@inera/ids-design/components/header-inera/header-inera-nav-mobile.css';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { useHeaderContext } from '../utils/contexts/HeaderContext.js';
|
|
7
|
-
|
|
8
|
-
const IDSHeaderIneraNavMobile = ({ expanded = false, persistent = false, srLabel = "Meny", children, onExpanded, onClosed }) => {
|
|
9
|
-
const headerContext = useHeaderContext();
|
|
10
|
-
const [isExpanded, setIsExpanded] = useState(expanded);
|
|
11
|
-
const containerRef = useRef(null);
|
|
12
|
-
const menuRef = useRef(null);
|
|
13
|
-
useEffect(() => {
|
|
14
|
-
if (!persistent) {
|
|
15
|
-
const links = menuRef.current?.querySelectorAll("a") || [];
|
|
16
|
-
links.forEach(link => {
|
|
17
|
-
link.addEventListener("click", handleCloseMenu);
|
|
18
|
-
});
|
|
19
|
-
return () => {
|
|
20
|
-
links.forEach(link => {
|
|
21
|
-
link.removeEventListener("click", handleCloseMenu);
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
}, [isExpanded, persistent]);
|
|
26
|
-
const handleCloseMenu = () => {
|
|
27
|
-
if (isExpanded) {
|
|
28
|
-
toggleExpanded();
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
const toggleExpanded = () => {
|
|
32
|
-
const newExpanded = !isExpanded;
|
|
33
|
-
setIsExpanded(newExpanded);
|
|
34
|
-
if (newExpanded) {
|
|
35
|
-
onExpanded?.();
|
|
36
|
-
}
|
|
37
|
-
else {
|
|
38
|
-
onClosed?.();
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
return (jsxs("div", { ref: containerRef, className: clsx("ids-header-inera-nav-mobile", {
|
|
42
|
-
"ids-header-inera-nav-mobile--expanded": isExpanded,
|
|
43
|
-
"ids-header-inera-nav-mobile--unresponsive": headerContext?.unresponsive
|
|
44
|
-
}), children: [jsx("button", { "aria-label": srLabel, "aria-expanded": isExpanded, onClick: toggleExpanded, className: "ids-header-inera-nav-mobile__button", children: jsx("div", { className: "ids-hamburger", children: jsx("div", { className: "ids-hamburger__lines" }) }) }), isExpanded && (jsx("nav", { className: "ids-header-inera-nav-mobile__menu-items", ref: menuRef, children: children }))] }));
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
export { IDSHeaderIneraNavMobile };
|