@altinn/altinn-components 0.40.0 → 0.41.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Alert.css +1 -0
- package/dist/assets/Avatar.css +1 -1
- package/dist/assets/Byline.css +1 -1
- package/dist/assets/LayoutSidebar.css +1 -1
- package/dist/assets/MenuSearch.css +1 -1
- package/dist/components/Account/AccountList.js +1 -1
- package/dist/components/Account/AccountListItem.js +24 -24
- package/dist/components/ActivityLog/ActivityLogItem.js +1 -1
- package/dist/components/ActivityLog/ActivityLogSegment.js +4 -4
- package/dist/components/Alert/Alert.js +12 -9
- package/dist/components/Article/ArticleContact.js +1 -1
- package/dist/components/Article/ArticleHeader.js +1 -1
- package/dist/components/Avatar/Avatar.js +27 -27
- package/dist/components/Avatar/AvatarGroup.js +8 -8
- package/dist/components/Bookmarks/BookmarksSection.js +8 -8
- package/dist/components/Bookmarks/BookmarksSettingsSection.js +6 -6
- package/dist/components/Byline/Byline.js +23 -20
- package/dist/components/Dashboard/DashboardCard.js +1 -1
- package/dist/components/Dashboard/DashboardHeader.js +1 -1
- package/dist/components/Dialog/DialogAttachments.js +1 -1
- package/dist/components/Dialog/DialogBody.js +8 -8
- package/dist/components/Dialog/DialogByline.js +1 -1
- package/dist/components/Dialog/DialogContact.js +1 -1
- package/dist/components/Dialog/DialogHeader.js +4 -4
- package/dist/components/Dialog/DialogHistoryItem.js +1 -1
- package/dist/components/Dialog/DialogHistorySegment.js +6 -6
- package/dist/components/Dialog/DialogListGroup.js +1 -1
- package/dist/components/Dialog/DialogListItem.js +1 -1
- package/dist/components/Dialog/DialogSection.js +1 -1
- package/dist/components/Dialog/SeenByLog.js +26 -19
- package/dist/components/Dialog/SeenByLogItem.js +16 -9
- package/dist/components/Forms/FieldBase.js +1 -1
- package/dist/components/Layout/LayoutSidebar.js +4 -4
- package/dist/components/LayoutAction/ActionHeader.js +4 -4
- package/dist/components/List/ListItemLabel.js +1 -1
- package/dist/components/Menu/MenuItemLabel.js +1 -1
- package/dist/components/Menu/MenuSearch.js +7 -7
- package/dist/components/Modal/ModalHeader.js +1 -1
- package/dist/components/Page/AccordionSection.js +1 -1
- package/dist/components/Page/ContactSection.js +1 -1
- package/dist/components/Search/SearchItem.js +1 -1
- package/dist/components/Settings/SettingsList.js +1 -1
- package/dist/components/Timeline/TimelineActivity.js +4 -4
- package/dist/components/Timeline/TimelineSection.js +6 -6
- package/dist/components/Transmission/Transmission.js +4 -4
- package/dist/components/Typography/Heading.js +1 -1
- package/dist/components/index.js +440 -438
- package/dist/index.js +448 -446
- package/dist/types/lib/components/Account/AccountList.stories.d.ts +4 -1
- package/dist/types/lib/components/Dialog/SeenByLog.d.ts +2 -1
- package/dist/types/lib/components/Dialog/SeenByLog.stories.d.ts +1 -1
- package/dist/types/lib/components/Dialog/SeenByLogItem.d.ts +2 -1
- package/dist/types/lib/components/Dialog/SeenByLogItem.stories.d.ts +2 -2
- package/dist/types/lib/components/Layout/Layout.d.ts +2 -4
- package/dist/types/lib/components/Layout/Layout.stories.d.ts +1 -0
- package/dist/types/lib/components/Layout/LayoutSidebar.d.ts +2 -1
- package/dist/types/lib/components/index.d.ts +1 -0
- package/dist/types/lib/stories/Account.stories.d.ts +10 -0
- package/package.json +1 -1
|
@@ -14,8 +14,11 @@ interface ControlledProps {
|
|
|
14
14
|
includeGroups?: boolean;
|
|
15
15
|
contextMenu?: boolean;
|
|
16
16
|
collapsible?: boolean;
|
|
17
|
+
color?: 'neutral';
|
|
18
|
+
variant?: 'subtle' | 'tinted' | 'default';
|
|
17
19
|
}
|
|
18
|
-
export declare const Controlled: ({ includeGroups, collapsible, contextMenu }: ControlledProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const Controlled: ({ includeGroups, collapsible, contextMenu, variant, color, }: ControlledProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const ControlledTinted: () => import("react/jsx-runtime").JSX.Element;
|
|
19
22
|
export declare const Collapsible: () => import("react/jsx-runtime").JSX.Element;
|
|
20
23
|
export declare const CollapsibleWithGroups: () => import("react/jsx-runtime").JSX.Element;
|
|
21
24
|
interface AccountDetailsProps extends AccountListItemProps {
|
|
@@ -4,9 +4,10 @@ export interface SeenByLogProps {
|
|
|
4
4
|
collapsible?: boolean;
|
|
5
5
|
expanded?: boolean;
|
|
6
6
|
items: SeenByLogItemProps[];
|
|
7
|
+
size?: 'sm' | 'md';
|
|
7
8
|
endUserLabel?: string;
|
|
8
9
|
}
|
|
9
10
|
/**
|
|
10
11
|
* SeenByLog
|
|
11
12
|
*/
|
|
12
|
-
export declare const SeenByLog: ({ collapsible, expanded, title, items, endUserLabel }: SeenByLogProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare const SeenByLog: ({ collapsible, expanded, title, items, size, endUserLabel, }: SeenByLogProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
|
|
|
2
2
|
import { SeenByLogProps } from '../';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ collapsible, expanded, title, items, endUserLabel }: SeenByLogProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
component: ({ collapsible, expanded, title, items, size, endUserLabel, }: SeenByLogProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
tags: string[];
|
|
7
7
|
parameters: {};
|
|
8
8
|
args: {
|
|
@@ -6,8 +6,9 @@ export interface SeenByLogItemProps extends AvatarProps {
|
|
|
6
6
|
isEndUser?: boolean;
|
|
7
7
|
endUserLabel?: string;
|
|
8
8
|
badge?: BadgeProps;
|
|
9
|
+
size?: 'sm' | 'md';
|
|
9
10
|
}
|
|
10
11
|
/**
|
|
11
12
|
* SeenByLog item
|
|
12
13
|
*/
|
|
13
|
-
export declare const SeenByLogItem: ({ name, seenAt, seenAtLabel, isEndUser, endUserLabel }: SeenByLogItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const SeenByLogItem: ({ name, seenAt, seenAtLabel, isEndUser, endUserLabel, size, }: SeenByLogItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({ name, seenAt, seenAtLabel, isEndUser, endUserLabel }: import('./SeenByLogItem').SeenByLogItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
component: ({ name, seenAt, seenAtLabel, isEndUser, endUserLabel, size, }: import('./SeenByLogItem').SeenByLogItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
tags: string[];
|
|
6
6
|
parameters: {};
|
|
7
7
|
args: {
|
|
@@ -18,12 +18,12 @@ declare const meta: {
|
|
|
18
18
|
isEndUser?: boolean | undefined;
|
|
19
19
|
endUserLabel?: string | undefined;
|
|
20
20
|
badge?: import('..').BadgeProps | undefined;
|
|
21
|
+
size?: "sm" | "md" | undefined;
|
|
21
22
|
name: string;
|
|
22
23
|
type?: import('..').AvatarType | undefined;
|
|
23
24
|
shape?: import('..').AvatarColor | undefined;
|
|
24
25
|
color?: import('..').AvatarColor | undefined;
|
|
25
26
|
variant?: import('..').AvatarVariant | undefined;
|
|
26
|
-
size?: import('..').AvatarSize | undefined;
|
|
27
27
|
className?: string | undefined;
|
|
28
28
|
imageUrl?: string | undefined;
|
|
29
29
|
imageUrlAlt?: string | undefined;
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { LayoutColor, LayoutTheme } from '.';
|
|
2
|
+
import { LayoutColor, LayoutSidebarProps, LayoutTheme } from '.';
|
|
3
3
|
import { FooterProps } from '../Footer';
|
|
4
4
|
import { HeaderProps } from '../Header';
|
|
5
5
|
import { MenuProps } from '../Menu';
|
|
6
6
|
import { SkipLinkProps } from '../SkipLink';
|
|
7
|
-
interface SidebarProps {
|
|
8
|
-
color?: LayoutColor;
|
|
7
|
+
interface SidebarProps extends LayoutSidebarProps {
|
|
9
8
|
menu?: MenuProps;
|
|
10
9
|
children?: ReactNode;
|
|
11
|
-
hidden?: boolean;
|
|
12
10
|
}
|
|
13
11
|
interface ContentProps {
|
|
14
12
|
color?: LayoutColor;
|
|
@@ -23,5 +23,6 @@ declare const meta: {
|
|
|
23
23
|
};
|
|
24
24
|
export default meta;
|
|
25
25
|
export declare const Preview: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export declare const StickySidebar: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
27
|
export declare const HiddenSidebar: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
28
|
export declare const Fullscreen: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,6 +8,7 @@ import { LayoutColor } from './LayoutBase';
|
|
|
8
8
|
export interface LayoutSidebarProps {
|
|
9
9
|
color?: LayoutColor;
|
|
10
10
|
hidden?: boolean;
|
|
11
|
+
sticky?: boolean;
|
|
11
12
|
children?: ReactNode;
|
|
12
13
|
}
|
|
13
|
-
export declare const LayoutSidebar: ({ color, hidden, children }: LayoutSidebarProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const LayoutSidebar: ({ color, hidden, sticky, children }: LayoutSidebarProps) => import("react/jsx-runtime").JSX.Element;
|