@altinn/altinn-components 0.57.3 → 0.58.1
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/README.md +33 -0
- package/dist/Section-DvBigBR1.js +2226 -0
- package/dist/assets/BookmarkSettingsItemLabel.css +1 -1
- package/dist/assets/DialogContact.css +1 -0
- package/dist/assets/DialogHeader.css +1 -0
- package/dist/assets/DialogLayout.css +1 -0
- package/dist/assets/DialogSection.css +1 -0
- package/dist/assets/Link.css +1 -0
- package/dist/assets/Section.css +1 -1
- package/dist/assets/SettingsItemBase.css +1 -1
- package/dist/components/AccessAreaListItem/AccessAreaListItem.js +17 -16
- package/dist/components/AccessPackageListItem/AccessPackageListItem.js +9 -8
- package/dist/components/Account/AccountList.js +7 -6
- package/dist/components/Account/AccountListItem.js +8 -7
- package/dist/components/Account/AccountListItemControls.js +11 -10
- package/dist/components/Account/AccountListItemDetails.js +12 -11
- package/dist/components/Account/AccountListVirtual.js +4 -3
- package/dist/components/Account/AccountMenu.js +11 -10
- package/dist/components/Account/AccountNotificationSettings.js +10 -9
- package/dist/components/Account/AccountOrganization.js +15 -14
- package/dist/components/AccountSelector/AccountSelector.js +10 -9
- package/dist/components/ActivityLog/ActivityLog.js +4 -3
- package/dist/components/ActivityLog/ActivityLogItem.js +4 -3
- package/dist/components/ActivityLog/ActivityLogSegment.js +4 -3
- package/dist/components/Alert/Alert.js +8 -7
- package/dist/components/Article/Article.js +4 -3
- package/dist/components/Article/ArticleContact.js +4 -3
- package/dist/components/Article/ArticleHeader.js +4 -3
- package/dist/components/Attachment/AttachmentLink.js +1 -1
- package/dist/components/Banner/Banner.js +6 -5
- package/dist/components/Bookmarks/BookmarkModal.js +7 -6
- package/dist/components/Bookmarks/BookmarkSettingsItem.js +4 -3
- package/dist/components/Bookmarks/BookmarkSettingsItemLabel.js +12 -11
- package/dist/components/Bookmarks/BookmarkSettingsList.js +9 -8
- package/dist/components/Breadcrumbs/Breadcrumbs.js +4 -3
- package/dist/components/Bulk/BulkButton.js +11 -11
- package/dist/components/Bulk/BulkHeader.js +8 -7
- package/dist/components/Button/ButtonIcon.js +4 -3
- package/dist/components/Button/ComboButton.js +4 -3
- package/dist/components/Button/FloatingActionButton.js +8 -7
- package/dist/components/Button/IconButton.js +5 -4
- package/dist/components/Byline/Byline.js +3 -2
- package/dist/components/Byline/index.js +1 -1
- package/dist/components/ContextMenu/ContextMenu.js +28 -24
- package/dist/components/Dashboard/DashboardCard.js +7 -6
- package/dist/components/Dashboard/DashboardHeader.js +9 -8
- package/dist/components/Datepicker/Datepicker.js +1 -1
- package/dist/components/Datepicker/DatepickerHeader.js +4 -3
- package/dist/components/Datepicker/DatepickerTable.js +11 -10
- package/dist/components/Dialog/Dialog.js +25 -31
- package/dist/components/Dialog/DialogActions.js +4 -3
- package/dist/components/Dialog/DialogActivityLog.js +4 -3
- package/dist/components/Dialog/DialogAttachments.js +6 -5
- package/dist/components/Dialog/DialogBody.js +8 -7
- package/dist/components/Dialog/DialogByline.js +3 -2
- package/dist/components/Dialog/DialogContact.js +47 -11
- package/dist/components/Dialog/DialogHeader.js +31 -28
- package/dist/components/Dialog/DialogHistory.js +7 -6
- package/dist/components/Dialog/DialogHistoryItem.js +4 -3
- package/dist/components/Dialog/DialogHistorySegment.js +8 -7
- package/dist/components/Dialog/DialogLayout.js +21 -20
- package/dist/components/Dialog/DialogList.js +3 -2
- package/dist/components/Dialog/DialogListGroup.js +3 -2
- package/dist/components/Dialog/DialogListItem.js +3 -2
- package/dist/components/Dialog/DialogMetadata.js +3 -2
- package/dist/components/Dialog/DialogSection.js +10 -7
- package/dist/components/Dialog/DialogSeenBy.js +4 -3
- package/dist/components/Dialog/DialogSelect.js +10 -9
- package/dist/components/Dialog/DialogStatus.js +4 -3
- package/dist/components/Dialog/DialogTabs.js +4 -3
- package/dist/components/Dialog/SeenByLog.js +4 -3
- package/dist/components/Dialog/SeenByLogButton.js +7 -6
- package/dist/components/Dialog/SeenByLogItem.js +12 -11
- package/dist/components/Dialog/index.js +1 -1
- package/dist/components/Dropdown/DrawerButton.js +4 -3
- package/dist/components/Dropdown/DrawerHeader.js +8 -7
- package/dist/components/Dropdown/Dropdown.js +3 -2
- package/dist/components/Dropdown/DropdownBase.js +8 -7
- package/dist/components/Dropdown/FloatingDropdown.js +19 -18
- package/dist/components/Dropdown/index.js +5 -7
- package/dist/components/DsComponents/index.js +21 -20
- package/dist/components/Forms/Checkbox.js +4 -3
- package/dist/components/Forms/CheckboxOptions.js +4 -3
- package/dist/components/Forms/FieldBase.js +3 -2
- package/dist/components/Forms/FieldsetBase.js +4 -3
- package/dist/components/Forms/Radio.js +4 -3
- package/dist/components/Forms/RadioOptions.js +4 -3
- package/dist/components/Forms/SearchField.js +3 -2
- package/dist/components/Forms/SelectField.js +5 -4
- package/dist/components/Forms/Switch.js +6 -5
- package/dist/components/Forms/SwitchOptions.js +4 -3
- package/dist/components/Forms/TextField.js +4 -3
- package/dist/components/Forms/TextFieldDropdown.js +4 -3
- package/dist/components/Forms/TextareaField.js +4 -3
- package/dist/components/Forms/index.js +1 -1
- package/dist/components/GlobalHeader/GlobalAccountButton.js +8 -7
- package/dist/components/GlobalHeader/GlobalHeader.js +10 -9
- package/dist/components/GlobalHeader/GlobalMenuButton.js +4 -3
- package/dist/components/GlobalHeader/HeaderDrawer.js +9 -8
- package/dist/components/GlobalHeader/HeaderDropdown.js +6 -5
- package/dist/components/GlobalHeader/HeaderLogo.js +8 -7
- package/dist/components/GlobalMenu/GlobalMenu.js +10 -9
- package/dist/components/GlobalMenu/LocaleSwitcher.js +13 -12
- package/dist/components/GlobalMenu/LogoutButton.js +4 -3
- package/dist/components/GlobalMenu_old/BackButton.js +4 -3
- package/dist/components/GlobalMenu_old/CurrentAccount.js +4 -3
- package/dist/components/GlobalMenu_old/GlobalMenu.js +10 -9
- package/dist/components/GlobalMenu_old/GlobalMenuButton.js +12 -11
- package/dist/components/GlobalMenu_old/LogoutButton.js +4 -3
- package/dist/components/Header/Header.js +4 -3
- package/dist/components/Header/HeaderBase.js +7 -6
- package/dist/components/Header/HeaderButton.js +18 -17
- package/dist/components/Header/LocaleButton.js +12 -11
- package/dist/components/Header/LocaleSwitcher.js +9 -8
- package/dist/components/Icon/Icon.js +4 -3
- package/dist/components/Icon/index.js +1 -1
- package/dist/components/Inbox/InboxPage.js +8 -7
- package/dist/components/InboxSearch/InboxSearch.js +10 -9
- package/dist/components/Item/ItemLabel.js +2 -1
- package/dist/components/Item/ItemMedia.js +3 -2
- package/dist/components/Item/ItemSelect.js +3 -2
- package/dist/components/Item/index.js +1 -1
- package/dist/components/Layout/Layout.js +8 -7
- package/dist/components/List/List.js +3 -2
- package/dist/components/List/ListBase.js +4 -3
- package/dist/components/List/ListItem.js +1 -1
- package/dist/components/List/ListItemHeader.js +3 -2
- package/dist/components/List/ListItemIcon.js +3 -2
- package/dist/components/List/ListItemLabel.js +4 -3
- package/dist/components/List/index.js +1 -1
- package/dist/components/Menu/Menu.js +1 -1
- package/dist/components/Menu/MenuItem.js +3 -2
- package/dist/components/Menu/MenuItems.js +3 -2
- package/dist/components/Menu/MenuListSearch.js +3 -2
- package/dist/components/Menu/MenuOption.js +1 -1
- package/dist/components/Menu/TabMenu.js +7 -6
- package/dist/components/Menu/VirtualizedMenuItems.js +3 -2
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/Menu/useMenuSearch.js +1 -1
- package/dist/components/Metadata/MetaItem.js +3 -2
- package/dist/components/Metadata/MetaItemIcon.js +3 -2
- package/dist/components/Metadata/MetaProgress.js +3 -2
- package/dist/components/Metadata/MetaTimestamp.js +3 -2
- package/dist/components/Metadata/Metadata.js +9 -8
- package/dist/components/Metadata/index.js +1 -1
- package/dist/components/Modal/Modal.js +8 -7
- package/dist/components/Modal/ModalBase.js +25 -24
- package/dist/components/Modal/ModalHeader.js +10 -9
- package/dist/components/Modal/ModalIcon.js +4 -3
- package/dist/components/Notifications/NotificationItem.js +4 -3
- package/dist/components/Notifications/NotificationItemBase.js +4 -3
- package/dist/components/Notifications/NotificationItemControls.js +6 -5
- package/dist/components/Notifications/NotificationItemIcon.js +15 -14
- package/dist/components/Page/AccordionSection.js +4 -3
- package/dist/components/Page/ContactButtons.js +7 -6
- package/dist/components/Page/ContactSection.js +7 -6
- package/dist/components/Page/PageMenu.js +11 -10
- package/dist/components/Page/PageNav.js +7 -6
- package/dist/components/Page/Section.js +3 -2
- package/dist/components/Page/index.js +1 -1
- package/dist/components/ResourceListItem/ResourceListItem.js +8 -7
- package/dist/components/RootProvider/RootProvider.js +4 -3
- package/dist/components/RootProvider/index.js +1 -1
- package/dist/components/Search/SearchItem.js +7 -6
- package/dist/components/Searchbar/Autocomplete.js +9 -8
- package/dist/components/Searchbar/AutocompleteItem.js +6 -5
- package/dist/components/Searchbar/Searchbar.js +4 -3
- package/dist/components/Searchbar/SearchbarField.js +4 -3
- package/dist/components/Settings/SettingsItem.js +75 -69
- package/dist/components/Settings/SettingsItemBase.js +67 -39
- package/dist/components/Settings/SettingsList.js +12 -11
- package/dist/components/Settings/SettingsModal.js +7 -6
- package/dist/components/Settings/SettingsSection.js +10 -9
- package/dist/components/Settings/UsedByLog.js +4 -3
- package/dist/components/Settings/UsedByLogItem.js +10 -9
- package/dist/components/Snackbar/SnackbarItem.js +16 -15
- package/dist/components/Timeline/Timeline.js +4 -3
- package/dist/components/Timeline/TimelineActivity.js +4 -3
- package/dist/components/Timeline/TimelineBase.js +4 -3
- package/dist/components/Timeline/TimelineFooter.js +7 -6
- package/dist/components/Timeline/TimelineHeader.js +4 -3
- package/dist/components/Timeline/TimelineIcon.js +6 -5
- package/dist/components/Timeline/TimelineSection.js +4 -3
- package/dist/components/Timeline/TimelineSegment.js +7 -6
- package/dist/components/Toolbar/DatepickerFilter.js +4 -3
- package/dist/components/Toolbar/SelectDateFilter.js +8 -7
- package/dist/components/Toolbar/Toolbar.js +1 -1
- package/dist/components/Toolbar/ToolbarFilter.js +11 -10
- package/dist/components/Toolbar/ToolbarFilterAddMenu.js +18 -17
- package/dist/components/Toolbar/ToolbarFilterButton.js +4 -3
- package/dist/components/Toolbar/ToolbarFilterMenu.js +11 -10
- package/dist/components/Toolbar/ToolbarMenu.js +3 -2
- package/dist/components/Toolbar/ToolbarSearch.js +3 -2
- package/dist/components/Toolbar/index.js +1 -1
- package/dist/components/Transmission/Transmission.js +9 -8
- package/dist/components/Transmission/TransmissionList.js +6 -5
- package/dist/components/Transmission/TransmissionType.js +4 -3
- package/dist/components/Typography/Heading.js +3 -2
- package/dist/components/Typography/Link.js +11 -0
- package/dist/components/Typography/index.js +4 -2
- package/dist/components/UserListItem/UserListItem.js +9 -8
- package/dist/components/index.js +255 -254
- package/dist/hooks/useAccountSelector.js +18 -17
- package/dist/index.js +246 -245
- package/dist/link-D1SA3LCe.js +10 -0
- package/dist/{textfield-CRXtg-r5.js → textfield-f4Za2qt6.js} +428 -431
- package/dist/types/lib/components/Bulk/Bulk.stories.d.ts +4 -1
- package/dist/types/lib/components/Bulk/BulkButton.d.ts +2 -1
- package/dist/types/lib/components/ContextMenu/ContextMenu.d.ts +3 -2
- package/dist/types/lib/components/Dialog/DialogContact.d.ts +12 -3
- package/dist/types/lib/components/Dropdown/Dropdown.d.ts +3 -1
- package/dist/types/lib/components/Dropdown/Dropdown.stories.d.ts +1 -2
- package/dist/types/lib/components/Dropdown/index.d.ts +0 -1
- package/dist/types/lib/components/Forms/SearchField.stories.d.ts +1 -0
- package/dist/types/lib/components/Menu/VirtualizedMenu.stories.d.ts +24 -3
- package/dist/types/lib/components/Settings/SettingsItem.d.ts +1 -1
- package/dist/types/lib/components/Settings/SettingsItemBase.d.ts +16 -10
- package/dist/types/lib/components/Typography/Link.d.ts +11 -0
- package/dist/types/lib/components/Typography/index.d.ts +1 -0
- package/dist/types/lib/stories/Profile.stories.d.ts +1 -0
- package/dist/types/lib/test-utils/screenshot-compare.d.ts +49 -0
- package/package.json +10 -3
- package/dist/Section-xbt3ft20.js +0 -2265
- package/dist/assets/DrawerOrDropdown.css +0 -1
- package/dist/components/Dropdown/DrawerOrDropdown.js +0 -42
- package/dist/types/lib/components/Dropdown/DrawerOrDropdown.d.ts +0 -11
- package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts +0 -67
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._drawerOrDropdown_h06dg_1{background-color:var(--ds-color-background-default);display:none}._drawerOrDropdown_h06dg_1[data-expanded=true]{position:fixed;top:5.5rem;right:0;bottom:0;left:0;display:block;z-index:2;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(min-width:1024px){._header_h06dg_19,._footer_h06dg_20{display:none}._drawerOrDropdown_h06dg_1[data-expanded=true]{position:absolute;inset:auto auto auto 0;min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}._drawerOrDropdown_h06dg_1[data-size=lg]{width:20rem}}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { jsxs as d, Fragment as n, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-p1eeF8LQ.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import "../../Section-xbt3ft20.js";
|
|
5
|
-
import "../Button/Button.js";
|
|
6
|
-
import "react-dom";
|
|
7
|
-
import { Backdrop as s } from "./Backdrop.js";
|
|
8
|
-
import { DrawerHeader as c } from "./DrawerHeader.js";
|
|
9
|
-
import { DrawerFooter as l } from "./DrawerFooter.js";
|
|
10
|
-
import { DrawerButton as f } from "./DrawerButton.js";
|
|
11
|
-
import { DrawerBody as h } from "./DrawerBody.js";
|
|
12
|
-
import "../Snackbar/useSnackbar.js";
|
|
13
|
-
import '../../assets/DrawerOrDropdown.css';const w = "_drawerOrDropdown_h06dg_1", D = "_header_h06dg_19", _ = "_footer_h06dg_20", e = {
|
|
14
|
-
drawerOrDropdown: w,
|
|
15
|
-
header: D,
|
|
16
|
-
footer: _
|
|
17
|
-
}, z = ({
|
|
18
|
-
open: a = !1,
|
|
19
|
-
size: i = "auto",
|
|
20
|
-
onClose: t,
|
|
21
|
-
drawerButton: r,
|
|
22
|
-
children: m,
|
|
23
|
-
drawerTitle: p
|
|
24
|
-
}) => /* @__PURE__ */ d(n, { children: [
|
|
25
|
-
a && /* @__PURE__ */ o(s, { onClick: t }),
|
|
26
|
-
/* @__PURE__ */ d("div", { className: e.drawerOrDropdown, "data-expanded": a, "data-size": i, children: [
|
|
27
|
-
/* @__PURE__ */ o(c, { className: e.header, title: p, onClose: t }),
|
|
28
|
-
/* @__PURE__ */ o(h, { children: m }),
|
|
29
|
-
/* @__PURE__ */ o(l, { className: e.footer, children: r && /* @__PURE__ */ o(
|
|
30
|
-
f,
|
|
31
|
-
{
|
|
32
|
-
onClick: r?.onClick,
|
|
33
|
-
onFocus: r?.onFocus,
|
|
34
|
-
onBlurCapture: r.onBlurCapture,
|
|
35
|
-
children: r?.label
|
|
36
|
-
}
|
|
37
|
-
) })
|
|
38
|
-
] })
|
|
39
|
-
] });
|
|
40
|
-
export {
|
|
41
|
-
z as DrawerOrDropdown
|
|
42
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { MouseEventHandler, ReactNode } from 'react';
|
|
2
|
-
import { DrawerButtonProps, DropdownSize } from '../';
|
|
3
|
-
export interface DrawerOrDropdownProps {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
drawerTitle?: string;
|
|
6
|
-
open?: boolean;
|
|
7
|
-
size?: DropdownSize;
|
|
8
|
-
onClose?: MouseEventHandler;
|
|
9
|
-
drawerButton?: DrawerButtonProps;
|
|
10
|
-
}
|
|
11
|
-
export declare const DrawerOrDropdown: ({ open, size, onClose, drawerButton, children, drawerTitle, }: DrawerOrDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ loading, variant, id, name, checked, onChange, modalProps, children, ...props }: import('./SettingsItem').SettingsItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {};
|
|
7
|
-
args: {
|
|
8
|
-
id: string;
|
|
9
|
-
variant: "default";
|
|
10
|
-
ariaLabel: string;
|
|
11
|
-
title: string;
|
|
12
|
-
};
|
|
13
|
-
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
|
|
14
|
-
variant?: import('./SettingsItem').SettingsItemVariant | undefined;
|
|
15
|
-
id: string;
|
|
16
|
-
title?: string | undefined;
|
|
17
|
-
value?: string | undefined;
|
|
18
|
-
description?: string | undefined;
|
|
19
|
-
name?: string | undefined;
|
|
20
|
-
checked?: boolean | undefined;
|
|
21
|
-
onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
|
|
22
|
-
modalProps?: import('./SettingsItem').SettingsItemModalProps | undefined;
|
|
23
|
-
children?: import('react').ReactNode;
|
|
24
|
-
groupId?: string | undefined;
|
|
25
|
-
collapsible?: boolean | undefined;
|
|
26
|
-
expanded?: boolean | undefined;
|
|
27
|
-
icon?: import('react').ReactNode | import('..').SvgElement | import('..').IconProps | import('..').AvatarProps | import('..').AvatarGroupProps;
|
|
28
|
-
label?: import('react').ReactNode;
|
|
29
|
-
ref?: React.Ref<HTMLElement> | undefined;
|
|
30
|
-
interactive?: boolean | undefined;
|
|
31
|
-
as?: import('react').ElementType | undefined;
|
|
32
|
-
tabIndex?: number | undefined;
|
|
33
|
-
color?: import('..').ListItemColor | undefined;
|
|
34
|
-
size?: import('..').ListItemSize | undefined;
|
|
35
|
-
shadow?: import('..').Shadow | undefined;
|
|
36
|
-
border?: import('..').ListItemBorder | undefined;
|
|
37
|
-
className?: string | undefined;
|
|
38
|
-
loading?: boolean | undefined;
|
|
39
|
-
disabled?: boolean | undefined;
|
|
40
|
-
hidden?: boolean | undefined;
|
|
41
|
-
active?: boolean | undefined;
|
|
42
|
-
selected?: boolean | undefined;
|
|
43
|
-
onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
44
|
-
highlightWords?: string[] | undefined;
|
|
45
|
-
select?: import('..').ItemSelectProps | undefined;
|
|
46
|
-
linkIcon?: boolean | undefined;
|
|
47
|
-
badge?: import('..').BadgeProps | import('react').ReactNode;
|
|
48
|
-
controls?: import('react').ReactNode;
|
|
49
|
-
ariaLabel?: string | undefined;
|
|
50
|
-
href?: string | undefined;
|
|
51
|
-
onClick?: (() => void) | undefined;
|
|
52
|
-
onKeyPress?: import('react').KeyboardEventHandler | undefined;
|
|
53
|
-
ariaControlsId?: string | undefined;
|
|
54
|
-
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
55
|
-
};
|
|
56
|
-
export default meta;
|
|
57
|
-
type Story = StoryObj<typeof meta>;
|
|
58
|
-
export declare const Default: Story;
|
|
59
|
-
export declare const Value: Story;
|
|
60
|
-
export declare const Loading: Story;
|
|
61
|
-
export declare const Switch: Story;
|
|
62
|
-
export declare const Modal: Story;
|
|
63
|
-
export declare const ModalProps: Story;
|
|
64
|
-
export declare const Company: Story;
|
|
65
|
-
export declare const Person: Story;
|
|
66
|
-
export declare const Bookmark: () => import("react/jsx-runtime").JSX.Element;
|
|
67
|
-
export declare const BookmarkContextMenu: () => import("react/jsx-runtime").JSX.Element;
|