@altinn/altinn-components 0.6.1 → 0.6.2
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/.github/workflows/ci-cd-main.yml +47 -0
- package/.github/workflows/ci-cd-pull-request.yml +39 -0
- package/.github/workflows/workflow-deploy-storybook.yml +35 -0
- package/.node-version +1 -0
- package/.storybook/StoryDecorator.tsx +29 -0
- package/.storybook/ThemeProvider.tsx +16 -0
- package/.storybook/main.ts +20 -0
- package/.storybook/preview.tsx +63 -0
- package/.storybook/storyDecorator.module.css +20 -0
- package/.storybook/theme.module.css +3 -0
- package/CHANGELOG.md +111 -0
- package/CONTRIBUTING.MD +59 -0
- package/README.md +3 -15
- package/biome.jsonc +65 -0
- package/lib/components/Attachment/AttachmentLink.stories.ts +19 -0
- package/lib/components/Attachment/AttachmentLink.tsx +20 -0
- package/lib/components/Attachment/AttachmentList.stories.ts +39 -0
- package/lib/components/Attachment/AttachmentList.tsx +26 -0
- package/lib/components/Attachment/attachmentLink.module.css +20 -0
- package/lib/components/Attachment/attachmentList.module.css +12 -0
- package/lib/components/Avatar/Avatar.tsx +83 -0
- package/lib/components/Avatar/AvatarGroup.stories.ts +66 -0
- package/lib/components/Avatar/AvatarGroup.tsx +60 -0
- package/lib/components/Avatar/avatar.module.css +61 -0
- package/lib/components/Avatar/avatar.stories.tsx +40 -0
- package/lib/components/Avatar/avatarGroup.module.css +78 -0
- package/lib/components/Avatar/color.ts +71 -0
- package/lib/components/Badge/Badge.stories.ts +32 -0
- package/lib/components/Badge/Badge.tsx +22 -0
- package/lib/components/Badge/badge.module.css +27 -0
- package/lib/components/Bookmarks/BookmarksList.tsx +17 -0
- package/lib/components/Bookmarks/BookmarksListItem.stories.tsx +79 -0
- package/lib/components/Bookmarks/BookmarksListItem.tsx +32 -0
- package/lib/components/Bookmarks/QueryLabel.tsx +33 -0
- package/lib/components/Bookmarks/queryLabel.module.css +45 -0
- package/lib/components/Button/Button.stories.ts +50 -0
- package/lib/components/Button/Button.tsx +60 -0
- package/lib/components/Button/ButtonBase.tsx +54 -0
- package/lib/components/Button/ButtonIcon.tsx +16 -0
- package/lib/components/Button/ButtonLabel.tsx +18 -0
- package/lib/components/Button/Buttons.stories.tsx +64 -0
- package/lib/components/Button/ComboButton.stories.ts +45 -0
- package/lib/components/Button/ComboButton.tsx +46 -0
- package/lib/components/Button/IconButton.stories.tsx +47 -0
- package/lib/components/Button/IconButton.tsx +33 -0
- package/lib/components/Button/button.module.css +22 -0
- package/lib/components/Button/buttonBase.module.css +142 -0
- package/lib/components/Button/buttonIcon.module.css +17 -0
- package/lib/components/Button/buttonLabel.module.css +17 -0
- package/lib/components/Button/comboButton.module.css +35 -0
- package/lib/components/Button/iconButton.module.css +31 -0
- package/lib/components/ContextMenu/ContextMenu.stories.ts +49 -0
- package/lib/components/ContextMenu/ContextMenu.tsx +20 -0
- package/lib/components/ContextMenu/ContextMenuBase.tsx +35 -0
- package/lib/components/ContextMenu/contextMenuBase.module.css +35 -0
- package/lib/components/Datepicker/Datepicker.tsx +49 -0
- package/lib/components/Datepicker/DatepickerBase.tsx +12 -0
- package/lib/components/Datepicker/DatepickerHeader.tsx +20 -0
- package/lib/components/Datepicker/DatepickerTable.tsx +50 -0
- package/lib/components/Datepicker/datepickerBase.module.css +5 -0
- package/lib/components/Datepicker/datepickerHeader.module.css +17 -0
- package/lib/components/Datepicker/datepickerTable.module.css +37 -0
- package/lib/components/Datepicker/useDatepicker.tsx +146 -0
- package/lib/components/Dialog/Dialog.stories.ts +331 -0
- package/lib/components/Dialog/Dialog.tsx +111 -0
- package/lib/components/Dialog/DialogActions.stories.ts +60 -0
- package/lib/components/Dialog/DialogActions.tsx +80 -0
- package/lib/components/Dialog/DialogActivityLog.tsx +18 -0
- package/lib/components/Dialog/DialogArticleBase.tsx +10 -0
- package/lib/components/Dialog/DialogAttachments.stories.ts +38 -0
- package/lib/components/Dialog/DialogAttachments.tsx +25 -0
- package/lib/components/Dialog/DialogBase.tsx +10 -0
- package/lib/components/Dialog/DialogBodyBase.tsx +17 -0
- package/lib/components/Dialog/DialogBorder.tsx +19 -0
- package/lib/components/Dialog/DialogContent.stories.ts +26 -0
- package/lib/components/Dialog/DialogContent.tsx +23 -0
- package/lib/components/Dialog/DialogFooter.tsx +14 -0
- package/lib/components/Dialog/DialogGroup.tsx +24 -0
- package/lib/components/Dialog/DialogHeader.stories.ts +24 -0
- package/lib/components/Dialog/DialogHeader.tsx +23 -0
- package/lib/components/Dialog/DialogHeaderBase.tsx +10 -0
- package/lib/components/Dialog/DialogHeadings.stories.ts +35 -0
- package/lib/components/Dialog/DialogHeadings.tsx +77 -0
- package/lib/components/Dialog/DialogHistory.stories.ts +67 -0
- package/lib/components/Dialog/DialogHistory.tsx +19 -0
- package/lib/components/Dialog/DialogList.stories.ts +65 -0
- package/lib/components/Dialog/DialogList.tsx +35 -0
- package/lib/components/Dialog/DialogListItem.stories.tsx +238 -0
- package/lib/components/Dialog/DialogListItem.tsx +126 -0
- package/lib/components/Dialog/DialogListItemBase.tsx +52 -0
- package/lib/components/Dialog/DialogMetadata.stories.ts +75 -0
- package/lib/components/Dialog/DialogMetadata.tsx +56 -0
- package/lib/components/Dialog/DialogNav.stories.ts +88 -0
- package/lib/components/Dialog/DialogNav.tsx +56 -0
- package/lib/components/Dialog/DialogSectionBase.tsx +20 -0
- package/lib/components/Dialog/DialogSeenBy.stories.tsx +56 -0
- package/lib/components/Dialog/DialogSeenBy.tsx +36 -0
- package/lib/components/Dialog/DialogSelect.tsx +23 -0
- package/lib/components/Dialog/DialogStatus.stories.ts +57 -0
- package/lib/components/Dialog/DialogStatus.tsx +61 -0
- package/lib/components/Dialog/DialogTitle.stories.ts +31 -0
- package/lib/components/Dialog/DialogTitle.tsx +31 -0
- package/lib/components/Dialog/DialogTouchedBy.stories.tsx +27 -0
- package/lib/components/Dialog/DialogTouchedBy.tsx +19 -0
- package/lib/components/Dialog/dialog.module.css +21 -0
- package/lib/components/Dialog/dialogAction.module.css +26 -0
- package/lib/components/Dialog/dialogArticleBase.module.css +5 -0
- package/lib/components/Dialog/dialogBodyBase.module.css +13 -0
- package/lib/components/Dialog/dialogBorder.module.css +42 -0
- package/lib/components/Dialog/dialogGroup.module.css +35 -0
- package/lib/components/Dialog/dialogHeaderBase.module.css +6 -0
- package/lib/components/Dialog/dialogHeadings.module.css +24 -0
- package/lib/components/Dialog/dialogHistory.module.css +12 -0
- package/lib/components/Dialog/dialogListItem.module.css +81 -0
- package/lib/components/Dialog/dialogListItemBase.module.css +28 -0
- package/lib/components/Dialog/dialogNav.module.css +12 -0
- package/lib/components/Dialog/dialogSectionBase.module.css +11 -0
- package/lib/components/Dialog/dialogSelect.module.css +34 -0
- package/lib/components/Dialog/dialogTitle.module.css +47 -0
- package/lib/components/Dropdown/Backdrop.tsx +12 -0
- package/lib/components/Dropdown/DrawerBase.tsx +20 -0
- package/lib/components/Dropdown/DrawerBody.tsx +12 -0
- package/lib/components/Dropdown/DrawerButton.tsx +17 -0
- package/lib/components/Dropdown/DrawerFooter.tsx +12 -0
- package/lib/components/Dropdown/DrawerHeader.tsx +19 -0
- package/lib/components/Dropdown/DrawerOrDropdown.tsx +29 -0
- package/lib/components/Dropdown/DropdownBase.tsx +32 -0
- package/lib/components/Dropdown/backdrop.module.css +11 -0
- package/lib/components/Dropdown/drawerBase.module.css +17 -0
- package/lib/components/Dropdown/drawerBody.module.css +5 -0
- package/lib/components/Dropdown/drawerButton.module.css +6 -0
- package/lib/components/Dropdown/drawerFooter.module.css +13 -0
- package/lib/components/Dropdown/drawerHeader.module.css +17 -0
- package/lib/components/Dropdown/drawerOrDropdown.module.css +19 -0
- package/lib/components/Dropdown/dropdownBase.module.css +35 -0
- package/{dist/components/Dropdown/index.d.ts → lib/components/Dropdown/index.ts} +1 -0
- package/lib/components/Footer/Footer.stories.ts +37 -0
- package/lib/components/Footer/Footer.tsx +21 -0
- package/lib/components/Footer/FooterAddress.tsx +12 -0
- package/lib/components/Footer/FooterBase.tsx +16 -0
- package/lib/components/Footer/FooterLogo.tsx +17 -0
- package/lib/components/Footer/FooterMenu.tsx +43 -0
- package/lib/components/Footer/footerAddress.module.css +8 -0
- package/lib/components/Footer/footerBase.module.css +28 -0
- package/lib/components/Footer/footerLogo.module.css +12 -0
- package/lib/components/Footer/footerMenu.module.css +35 -0
- package/lib/components/GlobalMenu/AccountButton.tsx +46 -0
- package/lib/components/GlobalMenu/AccountMenu.stories.tsx +65 -0
- package/lib/components/GlobalMenu/AccountMenu.tsx +82 -0
- package/lib/components/GlobalMenu/BackButton.tsx +10 -0
- package/lib/components/GlobalMenu/GlobalMenu.stories.tsx +181 -0
- package/lib/components/GlobalMenu/GlobalMenu.tsx +86 -0
- package/lib/components/GlobalMenu/GlobalMenuBase.tsx +22 -0
- package/lib/components/GlobalMenu/LogoutButton.tsx +19 -0
- package/lib/components/GlobalMenu/globalMenuBase.module.css +39 -0
- package/lib/components/GlobalMenu/logoutButton.module.css +9 -0
- package/lib/components/Header/DigdirLogomark.tsx +23 -0
- package/lib/components/Header/Header.stories.tsx +188 -0
- package/lib/components/Header/Header.tsx +71 -0
- package/lib/components/Header/HeaderBase.tsx +21 -0
- package/lib/components/Header/HeaderButton.stories.ts +70 -0
- package/lib/components/Header/HeaderButton.tsx +68 -0
- package/lib/components/Header/HeaderLogo.stories.ts +17 -0
- package/lib/components/Header/HeaderLogo.tsx +22 -0
- package/lib/components/Header/HeaderMenu.tsx +17 -0
- package/lib/components/Header/HeaderSearch.tsx +17 -0
- package/lib/components/Header/header.module.css +24 -0
- package/lib/components/Header/headerBase.module.css +51 -0
- package/lib/components/Header/headerButton.module.css +37 -0
- package/lib/components/Header/headerLogo.module.css +24 -0
- package/lib/components/Header/headerMenu.module.css +3 -0
- package/lib/components/Header/headerSearch.module.css +21 -0
- package/lib/components/Header/mobileMenu.module.css +28 -0
- package/lib/components/History/HistoryAttachments.tsx +22 -0
- package/lib/components/History/HistoryBorder.tsx +17 -0
- package/lib/components/History/HistoryItem.stories.ts +56 -0
- package/lib/components/History/HistoryItem.tsx +56 -0
- package/lib/components/History/HistoryList.stories.ts +72 -0
- package/lib/components/History/HistoryList.tsx +26 -0
- package/lib/components/History/historyBorder.module.css +8 -0
- package/lib/components/History/historyItem.module.css +19 -0
- package/lib/components/History/historyList.module.css +12 -0
- package/lib/components/Icon/CheckboxCheckedIcon.tsx +28 -0
- package/lib/components/Icon/CheckboxIcon.stories.ts +32 -0
- package/lib/components/Icon/CheckboxIcon.tsx +17 -0
- package/lib/components/Icon/CheckboxUncheckedIcon.tsx +38 -0
- package/lib/components/Icon/Icon.stories.ts +24 -0
- package/lib/components/Icon/Icon.tsx +23 -0
- package/lib/components/Icon/ProgressIcon.stories.ts +43 -0
- package/lib/components/Icon/ProgressIcon.tsx +44 -0
- package/lib/components/Icon/RadioCheckedIcon.tsx +29 -0
- package/lib/components/Icon/RadioIcon.stories.ts +32 -0
- package/lib/components/Icon/RadioIcon.tsx +17 -0
- package/lib/components/Icon/RadioUncheckedIcon.tsx +30 -0
- package/lib/components/Icon/SvgIcon.tsx +18 -0
- package/lib/components/Icon/__AkselIcon.tsx +37 -0
- package/lib/components/Icon/checkboxIcon.module.css +23 -0
- package/lib/components/Icon/icon.module.css +4 -0
- package/lib/components/Icon/iconsMap.tsx +2078 -0
- package/lib/components/Icon/progressIcon.module.css +29 -0
- package/lib/components/Icon/radioIcon.module.css +21 -0
- package/lib/components/Layout/Layout.stories.tsx +308 -0
- package/lib/components/Layout/Layout.tsx +46 -0
- package/lib/components/Layout/LayoutBase.stories.ts +17 -0
- package/lib/components/Layout/LayoutBase.tsx +31 -0
- package/lib/components/Layout/LayoutBody.stories.ts +17 -0
- package/lib/components/Layout/LayoutBody.tsx +16 -0
- package/lib/components/Layout/LayoutContent.stories.ts +17 -0
- package/lib/components/Layout/LayoutContent.tsx +15 -0
- package/lib/components/Layout/LayoutSidebar.stories.ts +17 -0
- package/lib/components/Layout/LayoutSidebar.tsx +23 -0
- package/lib/components/Layout/layoutBase.module.css +22 -0
- package/lib/components/Layout/layoutBody.module.css +15 -0
- package/lib/components/Layout/layoutContent.module.css +13 -0
- package/lib/components/Layout/layoutSidebar.module.css +20 -0
- package/lib/components/LayoutAction/ActionFooter.stories.tsx +70 -0
- package/lib/components/LayoutAction/ActionFooter.tsx +15 -0
- package/lib/components/LayoutAction/ActionHeader.stories.ts +20 -0
- package/lib/components/LayoutAction/ActionHeader.tsx +19 -0
- package/lib/components/LayoutAction/ActionMenu.stories.tsx +40 -0
- package/lib/components/LayoutAction/ActionMenu.tsx +23 -0
- package/lib/components/LayoutAction/actionFooter.module.css +28 -0
- package/lib/components/LayoutAction/actionHeader.module.css +55 -0
- package/lib/components/LayoutAction/actionMenu.module.css +30 -0
- package/lib/components/List/List.stories.tsx +43 -0
- package/lib/components/List/List.tsx +20 -0
- package/lib/components/List/ListBase.tsx +19 -0
- package/lib/components/List/ListItem.stories.tsx +208 -0
- package/lib/components/List/ListItem.tsx +73 -0
- package/lib/components/List/ListItemBase.tsx +82 -0
- package/lib/components/List/ListItemLabel.tsx +29 -0
- package/lib/components/List/ListItemMedia.tsx +59 -0
- package/lib/components/List/listBase.module.css +30 -0
- package/lib/components/List/listItemBase.module.css +97 -0
- package/lib/components/List/listItemLabel.module.css +55 -0
- package/lib/components/List/listItemMedia.module.css +41 -0
- package/lib/components/Menu/Menu.stories.ts +514 -0
- package/lib/components/Menu/Menu.tsx +24 -0
- package/lib/components/Menu/MenuBase.tsx +63 -0
- package/lib/components/Menu/MenuHeader.tsx +13 -0
- package/lib/components/Menu/MenuInputField.tsx +38 -0
- package/lib/components/Menu/MenuItem.stories.tsx +164 -0
- package/lib/components/Menu/MenuItem.tsx +63 -0
- package/lib/components/Menu/MenuItemBase.tsx +77 -0
- package/lib/components/Menu/MenuItemLabel.tsx +30 -0
- package/lib/components/Menu/MenuItemMedia.tsx +42 -0
- package/lib/components/Menu/MenuItems.stories.ts +438 -0
- package/lib/components/Menu/MenuItems.tsx +96 -0
- package/lib/components/Menu/MenuOption.stories.ts +52 -0
- package/lib/components/Menu/MenuOption.tsx +48 -0
- package/lib/components/Menu/MenuSearch.stories.ts +18 -0
- package/lib/components/Menu/MenuSearch.tsx +25 -0
- package/lib/components/Menu/menu.module.css +25 -0
- package/lib/components/Menu/menuBase.module.css +25 -0
- package/lib/components/Menu/menuHeader.module.css +12 -0
- package/lib/components/Menu/menuInputField.module.css +54 -0
- package/lib/components/Menu/menuItemBase.module.css +79 -0
- package/lib/components/Menu/menuItemLabel.module.css +32 -0
- package/lib/components/Menu/menuItemMedia.module.css +38 -0
- package/lib/components/Menu/menuOption.module.css +27 -0
- package/lib/components/Menu/menuSearch.module.css +30 -0
- package/lib/components/Meta/MetaBase.tsx +15 -0
- package/lib/components/Meta/MetaItem.stories.ts +25 -0
- package/lib/components/Meta/MetaItem.tsx +31 -0
- package/lib/components/Meta/MetaItemBase.tsx +46 -0
- package/lib/components/Meta/MetaItemLabel.tsx +20 -0
- package/lib/components/Meta/MetaItemMedia.tsx +22 -0
- package/lib/components/Meta/MetaList.stories.ts +29 -0
- package/lib/components/Meta/MetaList.tsx +43 -0
- package/lib/components/Meta/MetaProgress.stories.ts +29 -0
- package/lib/components/Meta/MetaProgress.tsx +26 -0
- package/lib/components/Meta/MetaTimestamp.stories.ts +33 -0
- package/lib/components/Meta/MetaTimestamp.tsx +29 -0
- package/lib/components/Meta/meta.module.css +6 -0
- package/lib/components/Meta/metaItem.module.css +107 -0
- package/lib/components/Meta/metaList.module.css +15 -0
- package/lib/components/Page/PageBase.tsx +14 -0
- package/lib/components/Page/PageHeader.tsx +25 -0
- package/lib/components/Page/PageHeaderMedia.tsx +25 -0
- package/lib/components/Page/PageNav.tsx +34 -0
- package/lib/components/Page/SectionBase.tsx +52 -0
- package/lib/components/Page/SectionFooter.tsx +15 -0
- package/lib/components/Page/SectionHeader.tsx +16 -0
- package/lib/components/Page/pageHeader.module.css +18 -0
- package/lib/components/Page/pageNav.module.css +12 -0
- package/lib/components/Page/sectionBase.module.css +92 -0
- package/lib/components/Page/sectionFooter.module.css +8 -0
- package/lib/components/Page/sectionHeader.module.css +9 -0
- package/lib/components/RootProvider/RootProvider.tsx +56 -0
- package/lib/components/Searchbar/Autocomplete.stories.tsx +77 -0
- package/lib/components/Searchbar/Autocomplete.tsx +44 -0
- package/lib/components/Searchbar/AutocompleteBase.tsx +16 -0
- package/lib/components/Searchbar/AutocompleteGroup.tsx +17 -0
- package/lib/components/Searchbar/AutocompleteItem.tsx +23 -0
- package/lib/components/Searchbar/SearchField.tsx +81 -0
- package/lib/components/Searchbar/Searchbar.stories.tsx +151 -0
- package/lib/components/Searchbar/Searchbar.tsx +26 -0
- package/lib/components/Searchbar/SearchbarBase.tsx +23 -0
- package/lib/components/Searchbar/autocompleteBase.module.css +17 -0
- package/lib/components/Searchbar/autocompleteGroup.module.css +3 -0
- package/lib/components/Searchbar/autocompleteItem.module.css +19 -0
- package/lib/components/Searchbar/searchField.module.css +54 -0
- package/lib/components/Searchbar/searchbarBase.module.css +20 -0
- package/lib/components/Snackbar/Snackbar.stories.tsx +21 -0
- package/lib/components/Snackbar/Snackbar.tsx +32 -0
- package/lib/components/Snackbar/SnackbarBase.tsx +39 -0
- package/lib/components/Snackbar/SnackbarLabel.tsx +10 -0
- package/lib/components/Snackbar/SnackbarMedia.tsx +14 -0
- package/lib/components/Snackbar/snackbarBase.module.css +55 -0
- package/lib/components/Snackbar/snackbarLabel.module.css +6 -0
- package/lib/components/Snackbar/snackbarMedia.module.css +10 -0
- package/lib/components/Toolbar/Toolbar.stories.tsx +188 -0
- package/lib/components/Toolbar/Toolbar.tsx +159 -0
- package/lib/components/Toolbar/ToolbarAdd.stories.ts +23 -0
- package/lib/components/Toolbar/ToolbarAdd.tsx +26 -0
- package/lib/components/Toolbar/ToolbarBase.tsx +12 -0
- package/lib/components/Toolbar/ToolbarButton.stories.ts +32 -0
- package/lib/components/Toolbar/ToolbarButton.tsx +65 -0
- package/lib/components/Toolbar/ToolbarDate.stories.ts +62 -0
- package/lib/components/Toolbar/ToolbarDaterange.stories.ts +24 -0
- package/lib/components/Toolbar/ToolbarDaterange.tsx +73 -0
- package/lib/components/Toolbar/ToolbarFilter.stories.ts +64 -0
- package/lib/components/Toolbar/ToolbarFilter.tsx +82 -0
- package/lib/components/Toolbar/ToolbarFilterBase.tsx +15 -0
- package/lib/components/Toolbar/ToolbarMenu.stories.ts +37 -0
- package/lib/components/Toolbar/ToolbarMenu.tsx +29 -0
- package/lib/components/Toolbar/ToolbarOptions.stories.ts +108 -0
- package/lib/components/Toolbar/ToolbarOptions.tsx +74 -0
- package/lib/components/Toolbar/ToolbarSearch.stories.ts +19 -0
- package/lib/components/Toolbar/ToolbarSearch.tsx +24 -0
- package/lib/components/Toolbar/toolbarBase.module.css +19 -0
- package/lib/components/Toolbar/toolbarButton.module.css +3 -0
- package/lib/components/Toolbar/toolbarDaterange.module.css +12 -0
- package/lib/components/Toolbar/toolbarFilterBase.module.css +7 -0
- package/lib/components/Toolbar/toolbarMenu.module.css +7 -0
- package/lib/components/Toolbar/toolbarSearch.module.css +28 -0
- package/lib/components/Typography/Heading.tsx +23 -0
- package/lib/components/Typography/Typography.tsx +24 -0
- package/lib/components/Typography/heading.module.css +21 -0
- package/lib/components/Typography/typography.module.css +64 -0
- package/lib/css/colors.css +113 -0
- package/lib/css/global.css +16 -0
- package/lib/css/shadows.css +7 -0
- package/lib/css/theme-article.css +15 -0
- package/lib/css/theme-company.css +15 -0
- package/lib/css/theme-global-dark.css +19 -0
- package/lib/css/theme-global.css +15 -0
- package/lib/css/theme-neutral.css +15 -0
- package/lib/css/theme-person.css +15 -0
- package/lib/css/theme.css +22 -0
- package/lib/hooks/useClickOutside.ts +22 -0
- package/lib/hooks/useEscapeKey.ts +17 -0
- package/lib/hooks/useMenu.tsx +81 -0
- package/lib/stories/Color/MenuItem.stories.tsx +43 -0
- package/lib/stories/Color/Swatches.stories.tsx +19 -0
- package/lib/stories/Color/Swatches.tsx +42 -0
- package/lib/stories/Color/colors.json +62 -0
- package/lib/stories/Color/swatches.module.css +14 -0
- package/lib/stories/Inbox/BookmarksPage.tsx +78 -0
- package/lib/stories/Inbox/DialogPage.tsx +15 -0
- package/lib/stories/Inbox/Inbox.stories.tsx +55 -0
- package/lib/stories/Inbox/Inbox.tsx +12 -0
- package/lib/stories/Inbox/InboxLayout.tsx +51 -0
- package/lib/stories/Inbox/InboxPage.tsx +51 -0
- package/lib/stories/Inbox/InboxProvider.tsx +136 -0
- package/lib/stories/Inbox/InboxSection.tsx +39 -0
- package/lib/stories/Inbox/InboxToolbar.tsx +94 -0
- package/lib/stories/Inbox/ProfilePage.tsx +36 -0
- package/lib/stories/Inbox/SettingsPage.tsx +19 -0
- package/lib/stories/Inbox/accounts/accounts.ts +24 -0
- package/lib/stories/Inbox/accounts/index.ts +1 -0
- package/lib/stories/Inbox/actionMenu.ts +24 -0
- package/lib/stories/Inbox/dialogs/brreg-completed.json +35 -0
- package/lib/stories/Inbox/dialogs/brreg-draft.json +41 -0
- package/lib/stories/Inbox/dialogs/enova-in-progress.json +35 -0
- package/lib/stories/Inbox/dialogs/index.ts +53 -0
- package/lib/stories/Inbox/dialogs/skatt-2023.json +33 -0
- package/lib/stories/Inbox/dialogs/sykmelding-referat.json +41 -0
- package/lib/stories/Inbox/groupBy.ts +19 -0
- package/lib/stories/Inbox/inboxSection.module.css +19 -0
- package/lib/stories/Inbox/index.ts +15 -0
- package/lib/stories/Inbox/layout/footer.ts +27 -0
- package/lib/stories/Inbox/layout/header.ts +11 -0
- package/lib/stories/Inbox/layout/index.ts +3 -0
- package/lib/stories/Inbox/layout/menu.ts +64 -0
- package/package.json +19 -27
- package/renovate.json +4 -0
- package/tsconfig.json +28 -0
- package/tsconfig.node.json +11 -0
- package/typings.d.ts +1 -0
- package/vite.config.ts +20 -0
- package/dist/components/Attachment/AttachmentLink.d.ts +0 -10
- package/dist/components/Attachment/AttachmentList.d.ts +0 -7
- package/dist/components/Avatar/Avatar.d.ts +0 -27
- package/dist/components/Avatar/AvatarGroup.d.ts +0 -20
- package/dist/components/Avatar/color.d.ts +0 -4
- package/dist/components/Badge/Badge.d.ts +0 -11
- package/dist/components/Bookmarks/BookmarksList.d.ts +0 -7
- package/dist/components/Bookmarks/BookmarksListItem.d.ts +0 -21
- package/dist/components/Bookmarks/QueryLabel.d.ts +0 -11
- package/dist/components/Button/Button.d.ts +0 -8
- package/dist/components/Button/ButtonBase.d.ts +0 -20
- package/dist/components/Button/ButtonIcon.d.ts +0 -7
- package/dist/components/Button/ButtonLabel.d.ts +0 -8
- package/dist/components/Button/ComboButton.d.ts +0 -10
- package/dist/components/Button/IconButton.d.ts +0 -14
- package/dist/components/ContextMenu/ContextMenu.d.ts +0 -8
- package/dist/components/ContextMenu/ContextMenuBase.d.ts +0 -9
- package/dist/components/Dialog/Dialog.d.ts +0 -54
- package/dist/components/Dialog/DialogActions.d.ts +0 -16
- package/dist/components/Dialog/DialogActivityLog.d.ts +0 -10
- package/dist/components/Dialog/DialogArticleBase.d.ts +0 -6
- package/dist/components/Dialog/DialogAttachments.d.ts +0 -6
- package/dist/components/Dialog/DialogBase.d.ts +0 -5
- package/dist/components/Dialog/DialogBodyBase.d.ts +0 -5
- package/dist/components/Dialog/DialogBorder.d.ts +0 -9
- package/dist/components/Dialog/DialogContent.d.ts +0 -9
- package/dist/components/Dialog/DialogFooter.d.ts +0 -4
- package/dist/components/Dialog/DialogGroup.d.ts +0 -6
- package/dist/components/Dialog/DialogHeader.d.ts +0 -10
- package/dist/components/Dialog/DialogHeaderBase.d.ts +0 -5
- package/dist/components/Dialog/DialogHeadings.d.ts +0 -24
- package/dist/components/Dialog/DialogHistory.d.ts +0 -6
- package/dist/components/Dialog/DialogList.d.ts +0 -7
- package/dist/components/Dialog/DialogListItem.d.ts +0 -59
- package/dist/components/Dialog/DialogListItemBase.d.ts +0 -28
- package/dist/components/Dialog/DialogMetadata.d.ts +0 -22
- package/dist/components/Dialog/DialogNav.d.ts +0 -21
- package/dist/components/Dialog/DialogSectionBase.d.ts +0 -6
- package/dist/components/Dialog/DialogSeenBy.d.ts +0 -19
- package/dist/components/Dialog/DialogSelect.d.ts +0 -10
- package/dist/components/Dialog/DialogStatus.d.ts +0 -25
- package/dist/components/Dialog/DialogTitle.d.ts +0 -20
- package/dist/components/Dialog/DialogTouchedBy.d.ts +0 -10
- package/dist/components/Dropdown/Backdrop.d.ts +0 -6
- package/dist/components/Dropdown/DrawerBase.d.ts +0 -9
- package/dist/components/Dropdown/DrawerBody.d.ts +0 -6
- package/dist/components/Dropdown/DrawerButton.d.ts +0 -7
- package/dist/components/Dropdown/DrawerFooter.d.ts +0 -6
- package/dist/components/Dropdown/DrawerHeader.d.ts +0 -7
- package/dist/components/Dropdown/DrawerOrDropdown.d.ts +0 -10
- package/dist/components/Dropdown/DropdownBase.d.ts +0 -10
- package/dist/components/Footer/Footer.d.ts +0 -6
- package/dist/components/Footer/FooterAddress.d.ts +0 -6
- package/dist/components/Footer/FooterBase.d.ts +0 -6
- package/dist/components/Footer/FooterLogo.d.ts +0 -5
- package/dist/components/Footer/FooterMenu.d.ts +0 -14
- package/dist/components/GlobalMenu/AccountButton.d.ts +0 -14
- package/dist/components/GlobalMenu/AccountMenu.d.ts +0 -20
- package/dist/components/GlobalMenu/BackButton.d.ts +0 -5
- package/dist/components/GlobalMenu/GlobalMenu.d.ts +0 -16
- package/dist/components/GlobalMenu/GlobalMenuBase.d.ts +0 -7
- package/dist/components/GlobalMenu/LogoutButton.d.ts +0 -7
- package/dist/components/Header/DigdirLogomark.d.ts +0 -5
- package/dist/components/Header/Header.d.ts +0 -9
- package/dist/components/Header/HeaderBase.d.ts +0 -9
- package/dist/components/Header/HeaderButton.d.ts +0 -15
- package/dist/components/Header/HeaderLogo.d.ts +0 -9
- package/dist/components/Header/HeaderMenu.d.ts +0 -7
- package/dist/components/Header/HeaderSearch.d.ts +0 -7
- package/dist/components/History/HistoryAttachments.d.ts +0 -6
- package/dist/components/History/HistoryBorder.d.ts +0 -7
- package/dist/components/History/HistoryItem.d.ts +0 -14
- package/dist/components/History/HistoryList.d.ts +0 -6
- package/dist/components/Icon/CheckboxCheckedIcon.d.ts +0 -8
- package/dist/components/Icon/CheckboxIcon.d.ts +0 -10
- package/dist/components/Icon/CheckboxUncheckedIcon.d.ts +0 -9
- package/dist/components/Icon/Icon.d.ts +0 -9
- package/dist/components/Icon/ProgressIcon.d.ts +0 -6
- package/dist/components/Icon/RadioCheckedIcon.d.ts +0 -8
- package/dist/components/Icon/RadioIcon.d.ts +0 -10
- package/dist/components/Icon/RadioUncheckedIcon.d.ts +0 -9
- package/dist/components/Icon/SvgIcon.d.ts +0 -9
- package/dist/components/Icon/iconsMap.d.ts +0 -1911
- package/dist/components/Layout/Layout.d.ts +0 -24
- package/dist/components/Layout/LayoutBase.d.ts +0 -21
- package/dist/components/Layout/LayoutBody.d.ts +0 -7
- package/dist/components/Layout/LayoutContent.d.ts +0 -7
- package/dist/components/Layout/LayoutSidebar.d.ts +0 -13
- package/dist/components/LayoutAction/ActionFooter.d.ts +0 -6
- package/dist/components/LayoutAction/ActionHeader.d.ts +0 -7
- package/dist/components/LayoutAction/ActionMenu.d.ts +0 -6
- package/dist/components/List/List.d.ts +0 -10
- package/dist/components/List/ListBase.d.ts +0 -9
- package/dist/components/List/ListItem.d.ts +0 -46
- package/dist/components/List/ListItemBase.d.ts +0 -27
- package/dist/components/List/ListItemLabel.d.ts +0 -9
- package/dist/components/List/ListItemMedia.d.ts +0 -14
- package/dist/components/Menu/Menu.d.ts +0 -8
- package/dist/components/Menu/MenuBase.d.ts +0 -27
- package/dist/components/Menu/MenuHeader.d.ts +0 -4
- package/dist/components/Menu/MenuInputField.d.ts +0 -12
- package/dist/components/Menu/MenuItem.d.ts +0 -35
- package/dist/components/Menu/MenuItemBase.d.ts +0 -23
- package/dist/components/Menu/MenuItemLabel.d.ts +0 -10
- package/dist/components/Menu/MenuItemMedia.d.ts +0 -14
- package/dist/components/Menu/MenuItems.d.ts +0 -17
- package/dist/components/Menu/MenuOption.d.ts +0 -19
- package/dist/components/Menu/MenuSearch.d.ts +0 -8
- package/dist/components/Meta/MetaBase.d.ts +0 -7
- package/dist/components/Meta/MetaItem.d.ts +0 -18
- package/dist/components/Meta/MetaItemBase.d.ts +0 -15
- package/dist/components/Meta/MetaItemLabel.d.ts +0 -11
- package/dist/components/Meta/MetaItemMedia.d.ts +0 -9
- package/dist/components/Meta/MetaList.d.ts +0 -12
- package/dist/components/Meta/MetaProgress.d.ts +0 -13
- package/dist/components/Meta/MetaTimestamp.d.ts +0 -16
- package/dist/components/Page/PageBase.d.ts +0 -6
- package/dist/components/Page/PageHeader.d.ts +0 -7
- package/dist/components/Page/PageHeaderMedia.d.ts +0 -10
- package/dist/components/Page/PageNav.d.ts +0 -14
- package/dist/components/Page/SectionBase.d.ts +0 -19
- package/dist/components/Page/SectionFooter.d.ts +0 -6
- package/dist/components/Page/SectionHeader.d.ts +0 -7
- package/dist/components/RootProvider/RootProvider.d.ts +0 -19
- package/dist/components/Searchbar/Autocomplete.d.ts +0 -9
- package/dist/components/Searchbar/AutocompleteBase.d.ts +0 -7
- package/dist/components/Searchbar/AutocompleteGroup.d.ts +0 -6
- package/dist/components/Searchbar/AutocompleteItem.d.ts +0 -13
- package/dist/components/Searchbar/SearchField.d.ts +0 -16
- package/dist/components/Searchbar/Searchbar.d.ts +0 -9
- package/dist/components/Searchbar/SearchbarBase.d.ts +0 -8
- package/dist/components/Snackbar/Snackbar.d.ts +0 -21
- package/dist/components/Snackbar/SnackbarBase.d.ts +0 -13
- package/dist/components/Snackbar/SnackbarLabel.d.ts +0 -5
- package/dist/components/Snackbar/SnackbarMedia.d.ts +0 -6
- package/dist/components/Toolbar/Toolbar.d.ts +0 -15
- package/dist/components/Toolbar/ToolbarAdd.d.ts +0 -10
- package/dist/components/Toolbar/ToolbarBase.d.ts +0 -7
- package/dist/components/Toolbar/ToolbarButton.d.ts +0 -14
- package/dist/components/Toolbar/ToolbarFilter.d.ts +0 -23
- package/dist/components/Toolbar/ToolbarFilterBase.d.ts +0 -6
- package/dist/components/Toolbar/ToolbarMenu.d.ts +0 -13
- package/dist/components/Toolbar/ToolbarOptions.d.ts +0 -18
- package/dist/components/Toolbar/ToolbarSearch.d.ts +0 -8
- package/dist/components/Typography/Heading.d.ts +0 -10
- package/dist/components/Typography/Typography.d.ts +0 -11
- package/dist/hooks/useClickOutside.d.ts +0 -2
- package/dist/hooks/useEscapeKey.d.ts +0 -1
- package/dist/hooks/useMenu.d.ts +0 -21
- package/dist/index.css +0 -1
- package/dist/index.es.js +0 -3340
- /package/{dist/components/Attachment/index.d.ts → lib/components/Attachment/index.ts} +0 -0
- /package/{dist/components/Avatar/index.d.ts → lib/components/Avatar/index.ts} +0 -0
- /package/{dist/components/Badge/index.d.ts → lib/components/Badge/index.tsx} +0 -0
- /package/{dist/components/Bookmarks/index.d.ts → lib/components/Bookmarks/index.ts} +0 -0
- /package/{dist/components/Button/index.d.ts → lib/components/Button/index.ts} +0 -0
- /package/{dist/components/ContextMenu/index.d.ts → lib/components/ContextMenu/index.ts} +0 -0
- /package/{dist/components/Datepicker/index.d.ts → lib/components/Datepicker/index.ts} +0 -0
- /package/{dist/components/Dialog/index.d.ts → lib/components/Dialog/index.ts} +0 -0
- /package/{dist/components/Footer/index.d.ts → lib/components/Footer/index.ts} +0 -0
- /package/{dist/components/GlobalMenu/index.d.ts → lib/components/GlobalMenu/index.tsx} +0 -0
- /package/{dist/components/Header/index.d.ts → lib/components/Header/index.tsx} +0 -0
- /package/{dist/components/History/index.d.ts → lib/components/History/index.ts} +0 -0
- /package/{dist/components/Icon/index.d.ts → lib/components/Icon/index.ts} +0 -0
- /package/{dist/components/Layout/index.d.ts → lib/components/Layout/index.tsx} +0 -0
- /package/{dist/components/LayoutAction/index.d.ts → lib/components/LayoutAction/index.ts} +0 -0
- /package/{dist/components/List/index.d.ts → lib/components/List/index.ts} +0 -0
- /package/{dist/components/Menu/index.d.ts → lib/components/Menu/index.ts} +0 -0
- /package/{dist/components/Meta/index.d.ts → lib/components/Meta/index.ts} +0 -0
- /package/{dist/components/Page/index.d.ts → lib/components/Page/index.ts} +0 -0
- /package/{dist/components/RootProvider/index.d.ts → lib/components/RootProvider/index.ts} +0 -0
- /package/{dist/components/Searchbar/index.d.ts → lib/components/Searchbar/index.ts} +0 -0
- /package/{dist/components/Snackbar/index.d.ts → lib/components/Snackbar/index.ts} +0 -0
- /package/{dist/components/Toolbar/index.d.ts → lib/components/Toolbar/index.ts} +0 -0
- /package/{dist/components/Typography/index.d.ts → lib/components/Typography/index.ts} +0 -0
- /package/{dist/components/index.d.ts → lib/components/index.ts} +0 -0
- /package/{dist/hooks/index.d.ts → lib/hooks/index.ts} +0 -0
- /package/{dist/index.d.ts → lib/index.ts} +0 -0
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { AutocompleteGroupProps } from './AutocompleteGroup';
|
|
2
|
-
import { AutocompleteItemProps } from './AutocompleteItem';
|
|
3
|
-
export interface AutocompleteProps {
|
|
4
|
-
items: AutocompleteItemProps[];
|
|
5
|
-
groups?: Record<string, AutocompleteGroupProps>;
|
|
6
|
-
expanded?: boolean;
|
|
7
|
-
className?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare const Autocomplete: ({ className, items, groups, expanded }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface AutocompleteBaseProps {
|
|
3
|
-
className?: string;
|
|
4
|
-
expanded?: boolean;
|
|
5
|
-
children?: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare const AutocompleteBase: ({ expanded, children, className }: AutocompleteBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ElementType, ReactNode } from 'react';
|
|
2
|
-
export interface AutocompleteItemProps {
|
|
3
|
-
as?: ElementType;
|
|
4
|
-
href?: string;
|
|
5
|
-
onClick?: () => void;
|
|
6
|
-
loading?: boolean;
|
|
7
|
-
active?: boolean;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
label?: string | (() => ReactNode);
|
|
10
|
-
groupId?: string;
|
|
11
|
-
style?: React.CSSProperties;
|
|
12
|
-
}
|
|
13
|
-
export declare const AutocompleteItem: ({ as, label, active, ...rest }: AutocompleteItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ChangeEventHandler, FocusEventHandler } from 'react';
|
|
2
|
-
export interface SearchFieldProps {
|
|
3
|
-
name: string;
|
|
4
|
-
value?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
expanded?: boolean;
|
|
7
|
-
placeholder?: string;
|
|
8
|
-
onFocus?: FocusEventHandler;
|
|
9
|
-
onBlur?: FocusEventHandler;
|
|
10
|
-
onChange?: ChangeEventHandler;
|
|
11
|
-
onClear?: () => void;
|
|
12
|
-
onClose?: () => void;
|
|
13
|
-
onEnter?: () => void;
|
|
14
|
-
tabIndex?: number;
|
|
15
|
-
}
|
|
16
|
-
export declare const SearchField: ({ className, expanded, name, value, placeholder, onFocus, onBlur, onChange, onClear, onClose, onEnter, tabIndex, }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { AutocompleteProps } from './Autocomplete';
|
|
2
|
-
import { SearchFieldProps } from './SearchField';
|
|
3
|
-
export interface SearchbarProps extends SearchFieldProps {
|
|
4
|
-
className?: string;
|
|
5
|
-
autocomplete?: AutocompleteProps;
|
|
6
|
-
expanded: boolean;
|
|
7
|
-
tabIndex?: number;
|
|
8
|
-
}
|
|
9
|
-
export declare const Searchbar: ({ className, autocomplete, expanded, onClose, tabIndex, ...search }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface SearchbarBaseProps {
|
|
3
|
-
className?: string;
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
expanded?: boolean;
|
|
6
|
-
autocomplete?: boolean;
|
|
7
|
-
}
|
|
8
|
-
export declare const SearchbarBase: ({ className, children, expanded, autocomplete }: SearchbarBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { ElementType } from 'react';
|
|
2
|
-
import { IconName } from '../Icon';
|
|
3
|
-
import { SnackbarColor } from './SnackbarBase';
|
|
4
|
-
export interface SnackbarProps {
|
|
5
|
-
id: string;
|
|
6
|
-
/** Element type to render */
|
|
7
|
-
as?: ElementType;
|
|
8
|
-
/** Color */
|
|
9
|
-
color?: SnackbarColor;
|
|
10
|
-
/** Message */
|
|
11
|
-
message?: string;
|
|
12
|
-
/** Icon */
|
|
13
|
-
icon?: IconName;
|
|
14
|
-
/** Dismissable */
|
|
15
|
-
dismissable?: boolean;
|
|
16
|
-
/** onDismiss */
|
|
17
|
-
onDismiss?: () => void;
|
|
18
|
-
/** Optional classname */
|
|
19
|
-
className?: string;
|
|
20
|
-
}
|
|
21
|
-
export declare const Snackbar: ({ as, color, message, icon, ...rest }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ElementType, ReactNode } from 'react';
|
|
2
|
-
export type SnackbarColor = 'default' | 'accent';
|
|
3
|
-
interface SnackbarBaseProps {
|
|
4
|
-
as?: ElementType;
|
|
5
|
-
color?: SnackbarColor;
|
|
6
|
-
href?: string;
|
|
7
|
-
className?: string;
|
|
8
|
-
dismissable?: boolean;
|
|
9
|
-
onDismiss?: () => void;
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
}
|
|
12
|
-
export declare const SnackbarBase: ({ as, children, className, color, dismissable, onDismiss, ...rest }: SnackbarBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { ToolbarFilterProps } from './ToolbarFilter.tsx';
|
|
3
|
-
import { ToolbarMenuProps } from './ToolbarMenu.tsx';
|
|
4
|
-
import { ToolbarSearchProps } from './ToolbarSearch.tsx';
|
|
5
|
-
export type FilterState = Record<string, ToolbarFilterProps['value']>;
|
|
6
|
-
export interface ToolbarProps {
|
|
7
|
-
filters?: ToolbarFilterProps[];
|
|
8
|
-
search?: ToolbarSearchProps;
|
|
9
|
-
menu?: ToolbarMenuProps;
|
|
10
|
-
filterState?: FilterState;
|
|
11
|
-
getFilterLabel?: (name: string, value: ToolbarFilterProps['value']) => string;
|
|
12
|
-
onFilterStateChange?: (state: FilterState) => void;
|
|
13
|
-
children?: ReactNode;
|
|
14
|
-
}
|
|
15
|
-
export declare const Toolbar: ({ filters, filterState, onFilterStateChange, search, menu, getFilterLabel, children, }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { MouseEventHandler } from 'react';
|
|
2
|
-
import { MenuItemProps } from '../Menu';
|
|
3
|
-
export interface ToolbarAddProps {
|
|
4
|
-
items: MenuItemProps[];
|
|
5
|
-
expanded: boolean;
|
|
6
|
-
onToggle?: MouseEventHandler;
|
|
7
|
-
label?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
}
|
|
10
|
-
export declare const ToolbarAdd: ({ expanded, onToggle, label, items }: ToolbarAddProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ElementType, MouseEventHandler, ReactNode } from 'react';
|
|
2
|
-
export type ToolbarButtonType = 'add' | 'select' | 'switch';
|
|
3
|
-
export interface ToolbarButtonProps {
|
|
4
|
-
as?: ElementType;
|
|
5
|
-
type?: ToolbarButtonType;
|
|
6
|
-
removable?: boolean;
|
|
7
|
-
selected?: boolean;
|
|
8
|
-
icon?: string;
|
|
9
|
-
active?: boolean;
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
onToggle?: MouseEventHandler;
|
|
12
|
-
onRemove?: MouseEventHandler;
|
|
13
|
-
}
|
|
14
|
-
export declare const ToolbarButton: ({ type, selected, removable, active, children, onToggle, onRemove, }: ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ChangeEventHandler, MouseEventHandler } from 'react';
|
|
2
|
-
import { MenuOptionProps } from '../Menu';
|
|
3
|
-
import { OptionGroup } from './ToolbarOptions';
|
|
4
|
-
type ToolbarFilterValue = (string | number)[];
|
|
5
|
-
export interface ToolbarFilterProps {
|
|
6
|
-
name: string;
|
|
7
|
-
options: MenuOptionProps[];
|
|
8
|
-
optionGroups?: {
|
|
9
|
-
[key: string]: OptionGroup;
|
|
10
|
-
};
|
|
11
|
-
label: string;
|
|
12
|
-
value?: ToolbarFilterValue;
|
|
13
|
-
optionType: 'checkbox' | 'radio';
|
|
14
|
-
expanded?: boolean;
|
|
15
|
-
removable?: boolean;
|
|
16
|
-
getSelectedLabel?: (name: string, value?: ToolbarFilterValue) => string;
|
|
17
|
-
className?: string;
|
|
18
|
-
onChange?: ChangeEventHandler;
|
|
19
|
-
onToggle?: MouseEventHandler;
|
|
20
|
-
onRemove?: MouseEventHandler;
|
|
21
|
-
}
|
|
22
|
-
export declare const ToolbarFilter: ({ expanded, removable, label, name, value, options, optionGroups, onToggle, onChange, onRemove, getSelectedLabel, optionType, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { MouseEventHandler } from 'react';
|
|
2
|
-
import { MenuItemGroups, MenuItemProps, MenuSearchProps } from '../Menu';
|
|
3
|
-
export interface ToolbarMenuProps {
|
|
4
|
-
onToggle?: MouseEventHandler;
|
|
5
|
-
label: string;
|
|
6
|
-
value: string | number;
|
|
7
|
-
items: MenuItemProps[];
|
|
8
|
-
groups?: MenuItemGroups;
|
|
9
|
-
search?: MenuSearchProps;
|
|
10
|
-
expanded?: boolean;
|
|
11
|
-
className?: string;
|
|
12
|
-
}
|
|
13
|
-
export declare const ToolbarMenu: ({ expanded, onToggle, label, value, groups, search, items }: ToolbarMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ChangeEventHandler } from 'react';
|
|
2
|
-
import { MenuOptionProps, MenuSearchProps } from '../Menu';
|
|
3
|
-
export type ToolbarOptionType = 'checkbox' | 'radio';
|
|
4
|
-
export interface OptionGroup {
|
|
5
|
-
title?: string;
|
|
6
|
-
divider?: boolean;
|
|
7
|
-
optionType?: ToolbarOptionType;
|
|
8
|
-
}
|
|
9
|
-
export interface ToolbarOptionsProps {
|
|
10
|
-
options: MenuOptionProps[];
|
|
11
|
-
onChange?: ChangeEventHandler;
|
|
12
|
-
search?: MenuSearchProps;
|
|
13
|
-
optionType: ToolbarOptionType;
|
|
14
|
-
optionGroups?: {
|
|
15
|
-
[key: string]: OptionGroup;
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
export declare const ToolbarOptions: ({ search, optionGroups, options, onChange, optionType }: ToolbarOptionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ChangeEventHandler } from 'react';
|
|
2
|
-
export interface ToolbarSearchProps {
|
|
3
|
-
placeholder?: string;
|
|
4
|
-
name: string;
|
|
5
|
-
value: string;
|
|
6
|
-
onChange: ChangeEventHandler;
|
|
7
|
-
}
|
|
8
|
-
export declare const ToolbarSearch: ({ value, name, placeholder, onChange }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export type HeadingSize = 'sm' | 'md' | 'lg';
|
|
3
|
-
export type HeadingComponent = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
4
|
-
export interface HeadingProps {
|
|
5
|
-
as?: HeadingComponent;
|
|
6
|
-
size?: HeadingSize;
|
|
7
|
-
className?: string;
|
|
8
|
-
children?: ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export declare const Heading: ({ as, size, className, children }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ElementType, ReactNode } from 'react';
|
|
2
|
-
import { LayoutTheme } from '../Layout';
|
|
3
|
-
export type TypographySize = 'sm' | 'md' | 'lg';
|
|
4
|
-
export interface TypographyProps {
|
|
5
|
-
as?: ElementType;
|
|
6
|
-
size?: TypographySize;
|
|
7
|
-
theme?: LayoutTheme;
|
|
8
|
-
className?: string;
|
|
9
|
-
children?: ReactNode;
|
|
10
|
-
}
|
|
11
|
-
export declare const Typography: ({ as, size, theme, className, children }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useEscapeKey: (onEscape?: () => void) => void;
|
package/dist/hooks/useMenu.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export interface UseMenuItemProps<T> {
|
|
2
|
-
menuIndex: number;
|
|
3
|
-
active?: boolean;
|
|
4
|
-
props: T;
|
|
5
|
-
}
|
|
6
|
-
export interface UseMenuGroup<T, V> {
|
|
7
|
-
items: UseMenuItemProps<T>[];
|
|
8
|
-
props: Record<string, V>;
|
|
9
|
-
}
|
|
10
|
-
export interface UseMenuOutput<T, V> {
|
|
11
|
-
menu: UseMenuGroup<T, V>[];
|
|
12
|
-
activeIndex: number;
|
|
13
|
-
setActiveIndex: (activeIndex: number) => void;
|
|
14
|
-
}
|
|
15
|
-
export interface UseMenuInput<T, V> {
|
|
16
|
-
items: T[];
|
|
17
|
-
groups: Record<string, V>;
|
|
18
|
-
groupByKey?: keyof T;
|
|
19
|
-
keyboardEvents?: boolean;
|
|
20
|
-
}
|
|
21
|
-
export declare const useMenu: <T, V>({ items, groups, groupByKey, keyboardEvents, }: UseMenuInput<T, V>) => UseMenuOutput<T, V>;
|
package/dist/index.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._icon_1z0mb_1{height:1em;width:1em}._progress_1uknp_1{--size: 16px;width:var(--size);height:var(--size);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--theme-border-strong) var(--progress, 0),var(--theme-surface-default) 0);display:grid;place-content:center;transform:scaleX(-1)}._progress_1uknp_1:after{width:calc(var(--size) * .5);height:calc(var(--size) * .5);aspect-ratio:1;content:attr(data-value);display:grid;background:#fff;border-radius:50%;font-size:0;place-content:center}._complete_1uknp_25{width:var(--size);height:var(--size);color:var(--theme-border-strong)}._link_dd2g5_1{display:inline-flex;align-items:start;column-gap:.25em;color:var(--theme-base-default)}._link_dd2g5_1:hover{color:var(--theme-base-hover)}._label_dd2g5_12{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}._icon_dd2g5_18{font-size:1.5em}._list_xei16_1{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}._item_xei16_9{padding:0;margin:0}._avatar_6t4ka_1{flex-grow:0;flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden;--avatar-font-size-xs: .75rem;--avatar-font-size-sm: .875rem;--avatar-font-size-md: 1.125rem;--avatar-font-size-lg: 1.25rem;--avatar-font-size-xl: 1.5rem}._circle_6t4ka_15{border-radius:50%}._square_6t4ka_19{border-radius:5%}._outline_6t4ka_23{outline:1px solid #ffffff;box-sizing:border-box}._xs_6t4ka_28{font-size:var(--avatar-font-size-xs);width:20px;height:20px}._sm_6t4ka_34{font-size:var(--avatar-font-size-sm);width:24px;height:24px}._md_6t4ka_40{font-size:var(--avatar-font-size-md);width:30px;height:30px}._lg_6t4ka_46{font-size:var(--avatar-font-size-lg);width:36px;height:36px}._xl_6t4ka_52{font-size:var(--avatar-font-size-xl);width:44px;height:44px}._image_6t4ka_58{width:100%;height:100%}._group_1k49o_1{display:flex}._reset_1k49o_5{margin:0;padding:0;text-indent:0;list-style-type:none}._item_1k49o_12{position:relative}._xs_1k49o_16{width:32px}._xs_1k49o_16[data-count="2"] *+*{margin-left:-8px}._xs_1k49o_16[data-count="3"] *+*{margin-left:-14px}._xs_1k49o_16[data-count="4"] *+*{margin-left:-16px}._sm_1k49o_32{width:42px}._sm_1k49o_32[data-count="2"] *+*{margin-left:-6px}._sm_1k49o_32[data-count="3"] *+*{margin-left:-15px}._sm_1k49o_32[data-count="4"] *+*{margin-left:-18px}._md_1k49o_48{width:54px}._md_1k49o_48[data-count="2"] *+*{margin-left:-6px}._md_1k49o_48[data-count="3"] *+*{margin-left:-18px}._md_1k49o_48[data-count="4"] *+*{margin-left:-22px}._lg_1k49o_64{width:66px}._lg_1k49o_64[data-count="2"] *+*{margin-left:-6px}._lg_1k49o_64[data-count="3"] *+*{margin-left:-21px}._lg_1k49o_64[data-count="4"] *+*{margin-left:-26px}._badge_34f60_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:500;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_34f60_1[data-size=sm]{font-size:.75rem}._badge_34f60_1[data-color=subtle]{background-color:var(--theme-surface-default);color:var(--theme-text-subtle)}._badge_34f60_1[data-color=alert]{background-color:#e02e49;color:#fff}._label_1ul7e_1{display:inline-flex;flex-wrap:wrap;align-items:center;column-gap:.25rem;row-gap:.25rem}._group_1ul7e_9{display:inline-flex;align-items:center;column-gap:.25rem}._plus_1ul7e_15{color:var(--theme-text-subtle)}._item_1ul7e_19{font-size:.875em}._item_1ul7e_19[data-type=search]{background-color:transparent;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}._item_1ul7e_19[data-type=search]:before{content:"«"}._item_1ul7e_19[data-type=search]:after{content:"»"}._item_1ul7e_19[data-type=filter]{background-color:transparent;border:1px solid;font-weight:500;padding:.25em .5em;border-radius:2px}._button_1pg7d_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}._button_1pg7d_1:disabled{opacity:.5;pointer-events:none}._button_1pg7d_1:focus{border-color:var(--theme-base-active)}._button_1pg7d_1:hover{border-color:var(--theme-base-hover)}._button_1pg7d_1:active{border-color:var(--theme-base-active)}._button_1pg7d_1[data-size=sm]{height:2.25rem}._button_1pg7d_1[data-size=md]{height:2.75rem}._button_1pg7d_1[data-size=lg]{height:3.5rem}._button_1pg7d_1[data-variant=solid]{border-color:var(--theme-base-default);background-color:var(--theme-base-default);color:#fff}._button_1pg7d_1[data-variant=solid]:hover{border-color:var(--theme-base-hover);background-color:var(--theme-base-hover)}._button_1pg7d_1[data-variant=solid]:active{border-color:var(--theme-base-active);background-color:var(--theme-base-active)}._button_1pg7d_1[data-variant=outline],._button_1pg7d_1[data-variant=dotted]{border-color:var(--theme-base-default)}._button_1pg7d_1[data-variant=outline]{border-style:solid}._button_1pg7d_1[data-variant=dotted]{border-style:dotted}._button_1pg7d_1[data-variant=text]{border-color:transparent}._button_1pg7d_1[data-variant=outline]:hover,._button_1pg7d_1[data-variant=dotted]:hover,._button_1pg7d_1[data-variant=text]:hover{background-color:var(--theme-surface-default)}._button_1pg7d_1[data-variant=outline]:active,._button_1pg7d_1[data-variant=dotted]:active,._button_1pg7d_1[data-variant=text]:active{background-color:var(--theme-surface-active)}._button_1pg7d_1[aria-selected=true]{background-color:var(--theme-background-subtle);color:var(--theme-text-default)}._button_1pg7d_1[data-color=secondary]{color:var(--theme-text-subtle)}._button_1pg7d_1[data-color=secondary]:hover{border-color:var(--theme-surface-hover)}._button_1pg7d_1[data-color=secondary][data-variant=solid]{border-color:var(--theme-surface-default);background-color:var(--theme-surface-default)}._button_1pg7d_1[data-color=secondary][data-variant=solid]:hover{border-color:var(--theme-surface-hover);background-color:var(--theme-surface-hover)}._button_1pg7d_1[data-color=secondary][data-variant=solid]:active,._button_1pg7d_1[data-color=secondary][data-variant=outline]:active,._button_1pg7d_1[data-color=secondary][data-variant=dotted]:active,._button_1pg7d_1[data-color=secondary][data-variant=text]:active{border-color:var(--theme-surface-active);background-color:var(--theme-surface-active)}._label_18deq_1{line-height:1;font-weight:500;padding:0 .25em}._label_18deq_1[data-size=sm]{font-size:.875rem}._label_18deq_1[data-size=md]{font-size:1rem}._label_18deq_1[data-size=lg]{font-size:1.125rem}._icon_15eox_1{display:flex;align-items:center;justify-content:center}._icon_15eox_1[data-size=sm]{font-size:1.25rem}._icon_15eox_1[data-size=md]{font-size:1.5rem}._icon_15eox_1[data-size=lg]{font-size:1.625rem}._button_1ysmx_1{display:inline-flex;align-items:center;column-gap:.125em;border-radius:2px}._reverse_1ysmx_8{flex-direction:row-reverse}._button_1ysmx_1[data-size=sm]{padding:0 .375rem}._button_1ysmx_1[data-size=md]{padding:0 .5rem}._button_1ysmx_1[data-size=lg]{padding:0 .625rem}._button_tbm58_1{display:inline-flex;flex-direction:row-reverse;align-items:center;border-radius:2px}._divider_tbm58_8{align-self:stretch;border-left:1px solid currentColor;width:1px;margin:.375rem 0}._primary_tbm58_15,._secondary_tbm58_16{display:inline-flex;align-items:center;border:none}._primary_tbm58_15[data-size=sm],._secondary_tbm58_16[data-size=sm]{padding:0 .375rem}._primary_tbm58_15[data-size=md],._secondary_tbm58_16[data-size=md]{padding:0 .5rem}._primary_tbm58_15[data-size=lg],._secondary_tbm58_16[data-size=lg]{padding:0 .625rem}._button_1vbf2_1{display:flex;align-items:center;justify-content:center;border-radius:2px}._icon_1vbf2_8{font-size:1.5rem}._button_1vbf2_1[data-size=sm]{width:2.25rem;height:2.25rem}._button_1vbf2_1[data-size=md]{width:2.75rem;height:2.75rem}._button_1vbf2_1[data-size=lg]{width:3.5rem;height:3.5rem}._toggle_ya7jy_1{position:relative}._button_ya7jy_5{display:flex;align-items:center;justify-content:center;width:2.75rem;padding:.625rem;border-radius:50%}._icon_ya7jy_14{font-size:1.5rem}._dropdown_ya7jy_18{display:none}._dropdown_ya7jy_18[aria-expanded=true]{display:block;position:absolute;right:0;z-index:2}._dropdown_ya7jy_18{margin-top:.5rem;padding:0 .5rem;background-color:var(--neutral-background-default);border-radius:2px;box-shadow:0 0 1px #00000026,0 1px 2px #0000001f,0 2px 4px #0000001a}._meta_17kd2_1{display:flex;align-items:center;flex-wrap:wrap;column-gap:.5rem}._item_92ojr_1{border:1px;border-radius:2px;color:var(--neutral-text-subtle);display:inline-flex;align-items:center;column-gap:.25em;white-space:nowrap;text-decoration:none}button._item_92ojr_1:hover,a._item_92ojr_1:hover{color:var(--theme-base-hover)}._label_92ojr_17{font-weight:400;line-height:1}._item_92ojr_1[data-size=xs]{font-size:.875rem;height:1.5rem}._item_92ojr_1[data-size=sm]{font-size:1rem}._item_92ojr_1[data-size=md]{font-size:1.125rem}._media_92ojr_39{display:inline-flex;align-items:center;justify-content:center}._item_92ojr_1[data-variant=text]{border-color:transparent;padding-left:0;padding-right:0}._item_92ojr_1[data-variant=outline]{border-color:var(--theme-base-hover);border-style:solid}._item_92ojr_1[data-variant=dotted]{border-color:var(--theme-base-hover);border-style:dashed}._item_92ojr_1[data-variant=solid]{border-color:var(--theme-base-hover);background-color:var(--theme-base-hover);color:#fff}._item_92ojr_1[data-variant=outline],._item_92ojr_1[data-variant=dotted],._item_92ojr_1[data-variant=solid]{padding:0 .25em}._label_92ojr_17[data-variant=outline],._label_92ojr_17[data-variant=dotted],._label_92ojr_17[data-variant=solid]{font-size:.875em;font-weight:500;padding:0 .25em}._item_92ojr_1[data-size=xs]{font-size:.875rem}._media_92ojr_39[data-size=xs],._item_92ojr_1[data-size=sm]{font-size:1rem}._media_92ojr_39[data-size=sm]{font-size:1.25rem}._label_92ojr_17[data-size=sm]{font-size:1rem}._list_m42t7_1{list-style:none;padding:0;margin:0;text-indent:0;display:flex;align-items:center;flex-wrap:wrap;column-gap:.5rem}._item_m42t7_13{margin:0}._article_2xah9_1{display:flex;flex-direction:column;padding:0 1.5rem}._typography_rbtyp_1{width:100%;max-width:45rem;line-height:1.5}._item_rbtyp_7[data-size=sm]{font-size:.875rem}._item_rbtyp_7[data-size=md]{font-size:1rem}._typography_rbtyp_1[data-size=lg]{font-size:1.125rem}._typography_rbtyp_1>*:first-child{margin-top:0}._typography_rbtyp_1>*:last-child{margin-bottom:0}._typography_rbtyp_1 h2{font-size:1.25rem;font-weight:600;margin-top:1.5em;margin-bottom:0}._typography_rbtyp_1 h3{font-size:1em;font-weight:600;margin:1em 0}._typography_rbtyp_1 h4{font-size:1em;font-weight:600;margin:1em 0 0}._typography_rbtyp_1 p{font-size:1em;margin:1em 0}._typography_rbtyp_1 strong{font-weight:600}._typography_rbtyp_1 a{color:var(--link-base-default)}._typography_rbtyp_1 ul:not([class]),._typography_rbtyp_1 ol:not([class]){list-style-position:inside;padding-left:1rem;margin:1em 0}._heading_1kfgw_1{margin:0}._heading_1kfgw_1[data-size=sm]{font-size:1.125rem;font-weight:500;line-height:1.5rem}._heading_1kfgw_1[data-size=md]{font-size:1.25rem;font-weight:500;line-height:1.5rem}._heading_1kfgw_1[data-size=lg]{font-size:1.5rem;font-weight:500;line-height:1.5rem}._dialog_1hmc1_1{background-color:var(--theme-background-default);display:flex;flex-direction:column;row-gap:1.5em;box-shadow:var(--ds-shadow-xs)}._nav_1hmc1_9{display:flex;align-items:center;justify-content:space-between;padding:.5rem}._header_1hmc1_16{display:flex;flex-direction:column;row-gap:1.5em;margin-bottom:1.5rem}._border_1yyjs_1{border-left:.25rem solid;border-color:var(--theme-surface-active)}._border_1yyjs_1[data-seen=true]{border-color:var(--neutral-surface-default)}._border_tqcvm_1{padding-left:1.5rem;padding-top:0;margin-left:1rem;row-gap:1.5rem;margin-bottom:1.5rem}._body_tqcvm_9{display:flex;flex-direction:column;row-gap:1.5em}._section_1mmel_1{display:flex;flex-direction:column;margin-bottom:1.5rem}._title_1mmel_7{font-size:1.25rem;font-weight:600;margin:1em 0}._header_e6sit_1{display:flex;flex-direction:column;row-gap:1.5em;margin-bottom:1.5rem}._headings_1dhfw_1{display:flex;column-gap:.5em;align-items:center;font-size:16px}._headings_1dhfw_1[data-size=xs],._headings_1dhfw_1[data-size=sm]{font-size:14px}._text_1dhfw_16{display:inline-flex;color:var(--neutral-text-subtle)}._sender_1dhfw_21{font-weight:500;color:var(--neutral-text-default)}._title_ls5lr_1{font-weight:600;margin:0;padding-right:1.25rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_ls5lr_1[data-size=xs],._title_ls5lr_1[data-size=sm]{font-size:1rem}._title_ls5lr_1[data-size=md]{font-size:1.125rem;line-height:1.2}._title_ls5lr_1[data-size=lg]{font-size:1.25rem;line-height:1.2}._title_ls5lr_1[data-size=xl]{font-size:1.5rem;line-height:1.25}._title_ls5lr_1[data-seen=true],._title_ls5lr_1[data-variant=archive]{font-weight:400}._title_ls5lr_1[data-variant=bin]{font-weight:400;text-decoration:line-through}._item_1qa8m_1{display:flex;align-items:center;column-gap:4px;border:0;-webkit-user-select:none;user-select:none;cursor:pointer;margin:.5rem 0;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}._item_1qa8m_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1qa8m_1[data-size=sm]{min-height:44px}._content_1qa8m_31{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_1qa8m_39{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_1qa8m_46{font-size:.875rem;white-space:nowrap}._linkIcon_1qa8m_51{font-size:1.5rem}._item_1qa8m_1{background-color:transparent;color:var(--theme-text-default)}._item_1qa8m_1[aria-selected=true]{background-color:var(--theme-background-default)}._item_1qa8m_1:hover,._item_1qa8m_1:active{background-color:var(--theme-surface-hover)}._media_1qa8m_71[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_1qa8m_71[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}._label_1rsak_1{display:flex;flex-direction:column;padding:0 .25rem}._title_1rsak_7{color:var(--theme-text-default)}._title_1rsak_7[data-size=lg]{font-size:1.125rem;line-height:1.25;font-weight:500}._title_1rsak_7[data-size=md]{font-size:1rem;line-height:1.25;font-weight:500}._title_1rsak_7[data-size=sm]{font-size:1rem;line-height:1.25;font-weight:400}._description_1rsak_29{font-size:.875rem;color:var(--theme-text-subtle)}._media_7n7uy_1{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:5%;width:2rem;height:2rem}._media_7n7uy_1[data-size=lg]{width:44px;height:44px}._icon_7n7uy_16{font-size:1.5rem}._media_7n7uy_1[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_7n7uy_1[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}._media_7n7uy_1[data-color=company]{background-color:var(--company-surface-default);color:var(--company-text-default)}._media_7n7uy_1[data-color=person]{background-color:var(--person-surface-default);color:var(--person-text-default)}._field_159h8_1{padding:0 .5rem;margin:.5rem 0;display:flex;flex-direction:column;row-gap:.5rem}._label_159h8_9{font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--theme-text-subtle);margin:0}._input_159h8_17{width:100%;height:2.75rem;font-size:.875rem;line-height:1rem;font-weight:400;padding:9px;border-radius:2px;border:1px solid;border-color:var(--theme-border-default)}._input_159h8_17{color:var(--theme-text-subtle)}._input_159h8_17[data-value=true]{color:var(--theme-text-default)}._button_159h8_37[aria-selected=true]{background-color:var(--theme-background-subtle);color:var(--theme-text-default)}._close_159h8_42{padding:6px 0}._icon_159h8_46{border-left:1px solid;border-color:var(--theme-background-subtle);display:flex;align-items:center;justify-content:center;font-size:1.25rem;padding:0 6px}._label_1am63_1{padding-left:6px}._input_1am63_5{position:absolute;opacity:0}._icon_1am63_10{font-size:1rem;display:flex;align-items:center;justify-content:center}._icon_1am63_10{color:var(--theme-base-default)}._icon_1am63_10 [data-hover=true]{opacity:0}._label_1am63_1:hover [data-hover=true]{opacity:1}._input_73dww_1{width:100%;height:2.75rem;font-size:.875rem;line-height:1rem;font-weight:400;padding:9px;border-radius:2px;border:1px solid;border-color:var(--theme-border-default)}._button_73dww_13[aria-selected=true]{background-color:var(--theme-background-subtle);color:var(--theme-text-default)}._close_73dww_18{padding:6px 0}._icon_73dww_22{border-left:1px solid;border-color:var(--theme-background-subtle);display:flex;align-items:center;justify-content:center;font-size:1.25rem;padding:0 6px}._header_i1dql_1{padding:.75rem .5rem;margin:.5rem 0}._title_i1dql_6{font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--theme-text-subtle);margin:0}._menu_paki4_1{list-style:none;padding:0;margin:0;text-indent:0;display:flex;flex-direction:column}._list_paki4_11,._item_paki4_17{list-style:none;padding:0;margin:0}._item_paki4_17[role=separator]{border-top:1px solid var(--theme-border-subtle)}._action_1lkfe_1{display:flex;align-items:center;gap:.5rem}._comboButton_1lkfe_7{position:relative}._dropdown_1lkfe_11{margin-top:.5rem;padding:0 .5rem;background-color:var(--neutral-background-default);border-radius:2px;box-shadow:0 0 1px #00000026,0 1px 2px #0000001f,0 2px 4px #0000001a;display:none}._dropdown_1lkfe_11[aria-expanded=true]{display:block;position:absolute;min-width:256px;left:0;z-index:2}._border_1gycv_1{border-left:.25rem solid;border-color:var(--theme-surface-active)}._border_1gycv_1[data-seen=true]{border-color:var(--neutral-surface-default)}._item_1bsu6_1{display:flex;flex-direction:column}._header_1bsu6_6{margin:.375em}._border_1bsu6_10{padding-left:1.5rem;padding-top:0;margin-left:1rem;padding-bottom:1.5rem}._body_1bsu6_17{margin-top:-1.875rem}._list_6hz70_1{list-style:none;display:flex;flex-direction:column;row-gap:1rem;padding:0;margin:0}._item_6hz70_10{margin:0}._border_6r71i_1{width:100%;display:flex;flex-direction:column;text-decoration:none;row-gap:1rem;padding-left:1rem}._header_6r71i_10{display:flex;flex-direction:column;row-gap:.25rem}._summary_6r71i_16{font-size:1rem;line-height:1.35;margin:0;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--neutral-text-subtle)}._footer_6r71i_30{width:100%}._touchedBy_6r71i_34{position:absolute;right:0;bottom:0;margin:8px}._border_6r71i_1[data-size=md]{padding-left:.75rem;row-gap:.5rem}._summary_6r71i_16[data-size=md]{font-size:1rem}._link_6r71i_58[data-size=xs],._link_6r71i_58[data-size=sm]{padding:.5rem .75rem}._summary_6r71i_16[data-size=xs],._summary_6r71i_16[data-size=sm]{font-size:.875rem}._header_6r71i_10[data-size=xs],._header_6r71i_10[data-size=sm]{row-gap:0}._footer_6r71i_30[data-size=xs]{display:none}._border_6r71i_1[data-size=xs],._border_6r71i_1[data-size=sm]{padding-left:.75rem;row-gap:.25rem}._label_1hmuj_1{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;padding:.75rem;border-radius:50%;border:0}._label_1hmuj_1:hover{background-color:var(--theme-surface-default)}._input_1hmuj_15{position:absolute;opacity:0}._icon_1hmuj_20{font-size:1.25rem}._icon_1hmuj_20{color:var(--theme-base-default)}._icon_1hmuj_20 [data-hover=true]{opacity:0}._label_1hmuj_1:hover [data-hover=true]{opacity:1}._item_1ate4_1{background-color:var(--theme-background-default);position:relative;box-shadow:var(--ds-shadow-xs)}._item_1ate4_1[aria-selected=true]{background-color:var(--theme-background-subtle);outline:2px solid}._link_1ate4_13{display:flex;padding:1rem}._item_1ate4_1[aria-selected=false] ._link_1ate4_13:hover{outline:2px solid;outline-color:var(--global-base-default)}._select_1ate4_23{position:absolute;top:0;right:0;margin:.375rem}._dropdown_tp90e_1{display:none}._dropdown_tp90e_1[aria-expanded=true]{display:block;position:absolute;z-index:2}._dropdown_tp90e_1[data-placement=left]{left:0}._dropdown_tp90e_1[data-placement=right]{right:0}._dropdown_tp90e_1[data-padding=true]{padding:0 .5rem}._dropdown_tp90e_1{min-width:14rem;max-width:20rem;margin-top:.5rem;background-color:var(--neutral-background-default);border-radius:.375rem;box-shadow:var(--ds-shadow-md);overflow:hidden}._drawer_tp90e_33 ._button_tp90e_33{border-radius:50%}._backdrop_zeho3_1{z-index:1;background-color:#111d4640;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}._drawer_1vx9q_1{display:none}._drawer_1vx9q_1[aria-expanded=true]{background-color:var(--theme-background-default);display:block;width:100%}._drawer_1vx9q_1[data-placement=bottom]{position:fixed;top:5.5rem;bottom:0;left:0;right:0}._header_18gf2_1{position:sticky;top:0;left:0;right:0;padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--theme-border-subtle)}._title_18gf2_13{font-size:1.125rem;font-weight:500;margin:0}._footer_9sr8v_1{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}._footer_9sr8v_1>*{margin:1rem auto}._button_19v2d_1{height:3.5rem;border-radius:1.75rem;padding:0 1rem;margin:1rem auto}._body_1rwbe_1{width:100%;padding:0 .5em;overflow-y:scroll}._dropdown_1mzzo_1[aria-expanded=true]{display:none}._drawer_1mzzo_5[aria-expanded=true]{display:block;z-index:2}@media (min-width: 1024px){._drawer_1mzzo_5[aria-expanded=true]{display:none}._dropdown_1mzzo_1[aria-expanded=true]{display:block;z-index:2}}._address_1v1q3_1{display:flex;flex-direction:column;row-gap:1rem;font-style:normal;font-size:.875rem;line-height:1.5}._footer_z2xgm_1{border-top:1px solid;border-color:var(--theme-border-subtle);display:flex;flex-direction:column;row-gap:1rem;padding:1rem 0;margin:2rem 1rem}._grid_z2xgm_13{width:100%;max-width:80rem;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;row-gap:1rem}@media (min-width: 1024px){._grid_z2xgm_13{padding:0 1rem;flex-direction:row}}._logo_127g0_1{display:inline-flex;align-items:center;column-gap:.5em;font-size:.875rem;line-height:1.5}._symbol_127g0_9{width:1rem;height:1rem}._menu_3o631_1{position:relative;font-size:.875rem;line-height:1.5}._list_3o631_7{list-style:none;padding:0;margin:0;text-indent:0;display:flex;flex-direction:column;row-gap:1rem}@media (min-width: 1024px){._list_3o631_7{flex-direction:row;align-items:center;justify-content:start;column-gap:.5rem;width:auto}}._list_3o631_7 ._item_3o631_28:hover{background-color:var(--global-base-hover)}._link_3o631_32{color:inherit;text-decoration:underline}._nav_gzloq_1{background-color:#fff;display:flex;flex-direction:column;padding:0 .5rem}._header_gzloq_8{border-bottom:1px solid var(--theme-border-subtle)}._footer_gzloq_12{border-top:1px solid var(--theme-border-subtle);padding:1rem .5rem;display:flex;flex-direction:column;align-items:stretch}._drawer_gzloq_20[aria-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_gzloq_26[aria-expanded=true]{display:none}@media (min-width: 1024px){._drawer_gzloq_20[aria-expanded=true]{display:none}._dropdown_gzloq_26[aria-expanded=true]{display:block;z-index:2}}._button_1260s_1{justify-content:center}._label_1260s_5{display:block;width:100%;text-align:center}._autocomplete_1ccsg_1{width:100%;border:2px solid;border-radius:.25rem;background-color:var(--theme-background-default)}._autocomplete_1ccsg_1 ul{list-style:none;padding:0;margin:0}._autocomplete_1ccsg_1 li{padding:0;margin:.5rem 0}._group_da4mp_1+._group_da4mp_1{border-top:1px solid var(--theme-border-subtle)}._item_2cjkt_3{color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-user-select:none;user-select:none;cursor:pointer}._item_2cjkt_3{width:100%;position:relative;display:flex;align-items:center;text-decoration:none;color:inherit}._item_2cjkt_3[data-size=xs]{min-height:36px}._item_2cjkt_3[data-size=sm]{min-height:44px}._item_2cjkt_3[data-size=md]{min-height:56px}._item_2cjkt_3[data-size=lg]{min-height:64px}._item_2cjkt_3[data-size=xl]{min-height:72px}._content_2cjkt_50{flex-grow:1;display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem}._action_2cjkt_60{display:flex;align-items:center;gap:.625rem;padding:.625rem}._linkIcon_2cjkt_67{font-size:1.5rem}._item_2cjkt_3{background-color:var(--theme-background-default);box-shadow:var(--ds-shadow-xs)}._item_2cjkt_3:hover{outline:2px solid var(--theme-border-strong);z-index:2}._item_2cjkt_3:hover strong{text-decoration:underline}._item_2cjkt_3[data-active=true],._item_2cjkt_3[data-color=accent]{background-color:var(--theme-surface-default)}._item_2cjkt_3[data-color=accent]:hover{background-color:var(--theme-surface-hover)}._label_1ajdw_3{display:flex;justify-content:center}._label_1ajdw_3[data-size=xs]{align-items:center;column-gap:.25em;font-size:.875rem}._label_1ajdw_3[data-size=sm]{align-items:center;column-gap:.25rem}._label_1ajdw_3[data-size=md],._label_1ajdw_3[data-size=lg],._label_1ajdw_3[data-size=xl]{flex-direction:column}._title_1ajdw_33{font-weight:600;margin:0}._title_1ajdw_33[data-size=lg]{font-size:1.125rem}._title_1ajdw_33[data-size=xl]{font-size:1.25rem}._description_1ajdw_46{color:var(--theme-text-subtle);margin:0}._description_1ajdw_46[data-size=md],._description_1ajdw_46[data-size=lg],._description_1ajdw_46[data-size=xl]{font-size:.875em}._media_pfuu4_3{display:flex;align-items:center;justify-content:center;min-width:1em;height:1em}._media_pfuu4_3{font-size:1.5rem}._media_pfuu4_3[data-size=xs]{font-size:1.25rem}._media_pfuu4_3[data-size=md]{font-size:1.875rem}._media_pfuu4_3[data-size=md] ._icon_pfuu4_23{font-size:1.5rem}._media_pfuu4_3[data-size=lg]{font-size:2.25rem}._media_pfuu4_3[data-size=lg] ._icon_pfuu4_23{font-size:1.75rem}._media_pfuu4_3[data-size=xl]{font-size:2.75rem}._media_pfuu4_3[data-size=xl] ._icon_pfuu4_23{font-size:2rem}._list_18nep_1{display:flex;flex-direction:column}._list_18nep_1[data-spacing=sm]{row-gap:4px}._list_18nep_1[data-spacing=md]{row-gap:8px}._list_18nep_1[data-spacing=lg]{row-gap:16px}._item_1a3bc_1{box-shadow:none}._item_1a3bc_1 mark{background-color:transparent;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}._item_1a3bc_1 mark:before{content:"«"}._item_1a3bc_1 mark:after{content:"»"}._field_1wjpq_1{position:relative;display:flex;align-items:center;font-size:1.125rem;background-color:transparent;color:currentColor}._icon_1wjpq_10{position:absolute;left:0;font-size:1.5rem;margin:0 1rem}._input_1wjpq_17{height:3.5rem;background-color:transparent;font-size:inherit;flex-grow:1;padding:1rem 1rem 1rem 3rem;border:2px solid;border-radius:.25rem;outline:none}._input_1wjpq_17[type=search]::-webkit-search-decoration,._input_1wjpq_17[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_1wjpq_17:focus,._input_1wjpq_17[value]{background-color:var(--theme-background-default)}._dismiss_1wjpq_41{position:absolute;right:0;margin:.375rem}._clear_1wjpq_47{position:absolute;right:0;margin:1rem;border-radius:100%;width:1.5rem;height:1.5rem}._searchbar_1jrvc_1{position:relative}._searchbar_1jrvc_1[data-autocomplete=true][aria-expanded=true] input{border-bottom-left-radius:0;border-bottom-right-radius:0}._searchbar_1jrvc_1 nav{display:none}._searchbar_1jrvc_1[aria-expanded=true] nav{position:absolute;display:block;border-top-left-radius:0;border-top-right-radius:0;margin-top:-2px}._header_5ao8r_1{z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem}._backdrop_5ao8r_11{display:none}._header_5ao8r_1[data-current-id=menu]{background-color:#fff}@media (min-width: 1024px){._header_5ao8r_1[data-current-id=menu]{background-color:transparent}._header_5ao8r_1[data-current-id=menu] ._backdrop_5ao8r_11{display:block}}._header_5ao8r_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._header_5ao8r_1[data-current-id=search]{margin-top:-72px}._header_5ao8r_1[data-current-id=search] ._backdrop_5ao8r_11{display:block}@media (min-width: 1024px){._header_5ao8r_1[data-current-id=search]{margin-top:0}}._button_t01b4_1{position:relative;z-index:2;display:inline-flex;align-items:center;column-gap:.625rem;background-color:var(--global-base-default);color:#fff;padding:.625rem;border:none;border-radius:4px}._label_t01b4_14{font-size:1.125rem;font-weight:500;padding:.25rem}._icon_t01b4_20{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:2px;font-size:1.5rem}._loginIcon_t01b4_30{background-color:#fff;color:#000}._closeIcon_t01b4_35{border:1px solid white}._logo_y48xn_1{display:flex;align-items:center;color:currentColor;text-decoration:none}._symbol_y48xn_8{width:2rem;height:2rem;margin:6px}._riksSymbol_y48xn_14{width:2.5rem;height:2.5rem;margin:0}._text_y48xn_20{font-size:1.5rem;font-weight:500;padding:4px}._menu_1cafh_1{position:relative}._search_15b0s_1{width:100%}._search_15b0s_1[aria-expanded=true]{z-index:2}@media (min-width: 1024px){._search_15b0s_1{position:absolute;left:0;right:0;margin:0 auto;max-width:320px}._search_15b0s_1[aria-expanded=true]{max-width:640px}}._drawer_1wgf5_1[aria-expanded=true]{display:block}._dropdown_1wgf5_5[aria-expanded=true]{width:320px;display:none}@media (min-width: 1024px){._dropdown_1wgf5_5[aria-expanded=true]{display:block}}@media (min-width: 1024px){._drawer_1wgf5_1[aria-expanded=true]{display:none}._dropdown_1wgf5_5[aria-expanded=true]{display:block}}._base_1401f_1{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}._base_1401f_1[data-theme]{background-color:var(--theme-background-subtle)}._base_1401f_1[data-current-id=menu]{background-color:var(--theme-background-default)}@media (max-width: 1024px){._base_1401f_1[data-current-id=menu] header+*,._base_1401f_1[data-current-id=menu] footer{display:none}}._body_3cqh5_1{flex-grow:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;column-gap:2em}@media (min-width: 1024px){._body_3cqh5_1{padding:0 1rem}}._content_1wkbr_1{flex-grow:1;display:flex;flex-direction:column;width:100%;margin:0 auto}@media (min-width: 1024px){[aria-hidden=true]+._content_1wkbr_1{padding:0 112px}}._sidebar_zsh57_1,._sidebar_zsh57_1[aria-hidden=true]{display:none}@media (min-width: 1024px){._sidebar_zsh57_1{flex-shrink:0;display:flex;flex-direction:column;width:224px}._sidebar_zsh57_1[aria-hidden=true]{display:none}}._header_ldd78_1{position:fixed;z-index:10;top:0;right:0;bottom:auto;left:0}._header_ldd78_1{background-color:var(--global-base-default);color:#fff;height:76px}._header_ldd78_1{display:flex;align-items:center;justify-content:space-between;padding:1rem}._header_ldd78_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transform:translateY(0)}._header_ldd78_1[aria-hidden=true]{transform:translateY(-100%)}._title_ldd78_34{font-size:1rem;font-weight:400}._button_ldd78_39{border:1px solid #fff;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:2px}._button_ldd78_39:hover{background-color:var(--global-base-hover)}._icon_ldd78_53{font-size:1.5rem}._footer_t35ns_1{position:fixed;top:auto;right:0;bottom:0;left:0;display:flex;flex-direction:column;row-gap:.5rem;padding:1rem}._footer_t35ns_1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transform:translateY(0)}._footer_t35ns_1[aria-hidden=true]{transform:translateY(100%)}@media (min-width: 1024px){._footer_t35ns_1{align-items:center}}._menu_12gbo_1{padding:0 .5rem;border-radius:.375rem}._menu_12gbo_1[data-theme]{background-color:var(--theme-background-subtle)}._menu_12gbo_1[data-theme=inherit]{background-color:inherit}._list_12gbo_14{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}@media (min-width: 1024px){._list_12gbo_14{flex-direction:row;align-items:center;justify-content:start;column-gap:.5rem;width:auto}}._item_1dlhj_1{border:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-user-select:none;user-select:none;border-radius:.5rem}._item_1dlhj_1{position:relative;display:flex;align-items:center;text-decoration:none;color:inherit}._content_1dlhj_26{flex-grow:1;display:flex;align-items:center;gap:.625rem;margin:.625rem}._action_1dlhj_34{flex-shrink:0;display:flex;align-items:center;margin:.625rem}._item_1dlhj_1{background-color:var(--global-base-default);color:#fff;box-shadow:var(--ds-shadow-xs)}._item_1dlhj_1[data-color=accent]{background-color:var(--theme-surface-default)}._item_1dlhj_1[data-color=accent]:hover{background-color:var(--theme-surface-hover)}._label_1n332_3{display:flex;justify-content:center}._media_td38q_1{display:flex;align-items:center;justify-content:center}._icon_td38q_7{font-size:1.5rem;margin:.625rem}._toolbar_1krmm_1{display:flex;align-items:center;flex-wrap:wrap;width:100%;gap:.5rem}@media (min-width: 1024px){._toolbar_1krmm_1{padding:0}._toolbar_1krmm_1>*{width:auto}}._removeButton_fxc8_1>button:hover+*+*{text-decoration:line-through}._base_l7znv_1{position:relative}._base_l7znv_1[aria-expanded=true]{z-index:2}._input_cwjz7_1{font-size:.875rem;line-height:1rem;font-weight:600;padding:9px;border-radius:2px;border:1px solid;border-color:var(--theme-border-default)}._button_cwjz7_11[aria-selected=true]{background-color:var(--theme-background-subtle);color:var(--theme-text-default)}._close_cwjz7_16{padding:6px 0}._icon_cwjz7_20{border-left:1px solid;border-color:var(--theme-background-subtle);display:flex;align-items:center;justify-content:center;font-size:1.25rem;padding:0 6px}._section_1kbyo_1{display:flex;flex-direction:column}@media (max-width: 1024px){._section_1kbyo_1[data-inset=true]{margin-left:-1rem;margin-right:-1rem}}._section_1kbyo_1[data-spacing=sm]{row-gap:.25rem}._section_1kbyo_1[data-spacing=md]{row-gap:.5rem}._section_1kbyo_1[data-spacing=lg]{row-gap:1rem}._section_1kbyo_1[data-spacing=xl]{row-gap:1.5rem}._section_1kbyo_1[data-margin=sm]{margin:.25rem 0}._section_1kbyo_1[data-margin=md]{margin:.5rem 0}._section_1kbyo_1[data-margin=lg]{margin:1rem 0}._section_1kbyo_1[data-padding=true]{padding:1.5rem}@media (max-width: 1024px){._section_1kbyo_1[data-padding=true]{padding:1.5rem 1rem}}._section_1kbyo_1[data-color=white]{background-color:#fff}._section_1kbyo_1[data-color=subtle]{background-color:var(--theme-surface-default)}._section_1kbyo_1[data-color=accent]{background-color:var(--theme-base-default)}._section_1kbyo_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._section_1kbyo_1[data-shadow=sm]{box-shadow:var(--ds-shadow-sm)}._section_1kbyo_1[data-shadow=md]{box-shadow:var(--ds-shadow-md)}._section_1kbyo_1[data-shadow=lg]{box-shadow:var(--ds-shadow-lg)}._section_1kbyo_1[data-shadow=xl]{box-shadow:var(--ds-shadow-xl)}._header_4gbqj_1{display:flex;flex-direction:row;align-items:start;justify-content:start;column-gap:.5rem}._title_4gbqj_9{display:flex;flex-direction:column;align-items:center;column-gap:.5rem}._description_4gbqj_16{margin:0}._nav_678a5_1{display:flex;align-items:center;justify-content:space-between;padding:.5rem}._action_678a5_8{display:flex;align-items:center;column-gap:.5rem}._header_77w1b_1{display:flex;align-items:center;justify-content:space-between}._header_77w1b_1[data-margin=true]{margin:.5rem 0}._footer_7dw8g_1{display:flex;justify-content:space-between}._header_7dw8g_6[data-margin=true]{margin:.5rem 0}
|