@altinn/altinn-components 0.28.2 → 0.29.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.
Files changed (136) hide show
  1. package/dist/PadlockLocked-CwhOOPnp.js +25 -0
  2. package/dist/assets/Badge.css +1 -1
  3. package/dist/assets/ButtonBase.css +1 -1
  4. package/dist/assets/ButtonIcon.css +1 -1
  5. package/dist/assets/Flex.css +1 -1
  6. package/dist/assets/GlobalMenuButton.css +1 -0
  7. package/dist/assets/Grid.css +1 -1
  8. package/dist/assets/Heading.css +1 -1
  9. package/dist/assets/List.css +1 -0
  10. package/dist/assets/ListItemControls.css +1 -1
  11. package/dist/assets/ListItemHeader.css +1 -1
  12. package/dist/assets/MenuItem.css +1 -0
  13. package/dist/assets/MenuItemBase.css +1 -1
  14. package/dist/assets/MenuItemLabel.css +1 -1
  15. package/dist/assets/MenuSearch.css +1 -1
  16. package/dist/assets/SearchField.css +1 -1
  17. package/dist/assets/SearchbarField.css +1 -0
  18. package/dist/assets/Section.css +1 -0
  19. package/dist/components/Account/AccountList.js +24 -0
  20. package/dist/components/Account/AccountListItem.js +58 -0
  21. package/dist/components/Account/AccountListItemControls.js +77 -0
  22. package/dist/components/Account/AccountMenu.js +56 -0
  23. package/dist/components/Account/index.js +8 -0
  24. package/dist/components/Badge/Badge.js +13 -3
  25. package/dist/components/Button/ButtonBase.js +17 -15
  26. package/dist/components/Button/ButtonIcon.js +14 -9
  27. package/dist/components/Button/IconButton.js +18 -16
  28. package/dist/components/ContextMenu/ContextMenu.js +45 -48
  29. package/dist/components/Forms/SearchField.js +34 -0
  30. package/dist/components/Forms/index.js +14 -12
  31. package/dist/components/GlobalMenu/CurrentAccount.js +27 -0
  32. package/dist/components/GlobalMenu/GlobalMenu.js +70 -77
  33. package/dist/components/GlobalMenu/GlobalMenuButton.js +50 -0
  34. package/dist/components/GlobalMenu/index.js +12 -12
  35. package/dist/components/Header/Header.js +25 -30
  36. package/dist/components/Header/HeaderButton.js +45 -64
  37. package/dist/components/List/List.js +9 -7
  38. package/dist/components/List/ListItemControls.js +1 -1
  39. package/dist/components/List/ListItemHeader.js +43 -43
  40. package/dist/components/List/ListItemLabel.js +36 -28
  41. package/dist/components/Menu/MenuItem.js +41 -41
  42. package/dist/components/Menu/MenuItemBase.js +35 -54
  43. package/dist/components/Menu/MenuItemLabel.js +58 -20
  44. package/dist/components/Menu/MenuOption.js +32 -41
  45. package/dist/components/Menu/MenuSearch.js +24 -43
  46. package/dist/components/Menu/index.js +24 -23
  47. package/dist/components/Page/Flex.js +5 -5
  48. package/dist/components/Page/Grid.js +24 -26
  49. package/dist/components/Page/Section.js +7 -5
  50. package/dist/components/Page/index.js +20 -22
  51. package/dist/components/Searchbar/Searchbar.js +6 -6
  52. package/dist/components/Searchbar/{SearchField.js → SearchbarField.js} +8 -8
  53. package/dist/components/Searchbar/index.js +6 -6
  54. package/dist/components/Settings/SettingsItem.js +27 -30
  55. package/dist/components/Toolbar/ToolbarAccountMenu.js +6 -6
  56. package/dist/components/Toolbar/ToolbarSearch.js +22 -43
  57. package/dist/components/Typography/Heading.js +7 -7
  58. package/dist/components/index.js +404 -401
  59. package/dist/index.js +404 -401
  60. package/dist/spacing.css +44 -8
  61. package/dist/types/lib/components/Account/Account.stories.d.ts +8 -0
  62. package/dist/types/lib/components/Account/AccountList.d.ts +10 -0
  63. package/dist/types/lib/components/Account/AccountList.stories.d.ts +18 -0
  64. package/dist/types/lib/components/Account/AccountListItem.d.ts +18 -0
  65. package/dist/types/lib/components/{Profile → Account}/AccountListItem.stories.d.ts +16 -6
  66. package/dist/types/lib/components/Account/AccountListItemControls.d.ts +17 -0
  67. package/dist/types/lib/components/Account/AccountMenu.d.ts +22 -0
  68. package/dist/types/lib/components/Account/AccountMenu.stories.d.ts +16 -0
  69. package/dist/types/lib/components/{Profile → Account}/index.d.ts +1 -0
  70. package/dist/types/lib/components/Badge/Badge.d.ts +4 -1
  71. package/dist/types/lib/components/Badge/Badge.stories.d.ts +1 -1
  72. package/dist/types/lib/components/Button/ButtonBase.d.ts +2 -1
  73. package/dist/types/lib/components/Button/ButtonIcon.d.ts +3 -2
  74. package/dist/types/lib/components/Button/IconButton.d.ts +2 -1
  75. package/dist/types/lib/components/ContextMenu/ContextMenu.d.ts +1 -3
  76. package/dist/types/lib/components/ContextMenu/ContextMenu.stories.d.ts +2 -1
  77. package/dist/types/lib/components/Forms/SearchField.d.ts +9 -0
  78. package/dist/types/lib/components/Forms/SearchField.stories.d.ts +16 -0
  79. package/dist/types/lib/components/Forms/index.d.ts +1 -0
  80. package/dist/types/lib/components/GlobalMenu/{AccountButton.d.ts → CurrentAccount.d.ts} +3 -3
  81. package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts +4 -4
  82. package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +9 -12
  83. package/dist/types/lib/components/GlobalMenu/GlobalMenuButton.d.ts +13 -0
  84. package/dist/types/lib/components/GlobalMenu/GlobalMenuButton.stories.d.ts +19 -0
  85. package/dist/types/lib/components/GlobalMenu/index.d.ts +3 -3
  86. package/dist/types/lib/components/Header/Header.stories.d.ts +8 -7
  87. package/dist/types/lib/components/Header/LocaleSwitcher.stories.d.ts +3 -1
  88. package/dist/types/lib/components/Layout/Layout.stories.d.ts +1 -0
  89. package/dist/types/lib/components/List/List.d.ts +1 -1
  90. package/dist/types/lib/components/List/List.stories.d.ts +1 -1
  91. package/dist/types/lib/components/List/ListItemLabel.d.ts +2 -1
  92. package/dist/types/lib/components/Menu/Menu.stories.d.ts +5 -0
  93. package/dist/types/lib/components/Menu/MenuItem.d.ts +6 -7
  94. package/dist/types/lib/components/Menu/MenuItemBase.d.ts +3 -5
  95. package/dist/types/lib/components/Menu/MenuItemLabel.d.ts +6 -4
  96. package/dist/types/lib/components/Menu/MenuSearch.d.ts +1 -1
  97. package/dist/types/lib/components/Menu/MenuSearch.stories.d.ts +1 -1
  98. package/dist/types/lib/components/Page/Breadcrumbs.stories.d.ts +19 -0
  99. package/dist/types/lib/components/Page/BreadcrumbsLink.d.ts +1 -1
  100. package/dist/types/lib/components/Page/Flex.d.ts +1 -1
  101. package/dist/types/lib/components/Page/Flex.stories.d.ts +17 -0
  102. package/dist/types/lib/components/Page/Grid.d.ts +5 -8
  103. package/dist/types/lib/components/Page/Grid.stories.d.ts +15 -0
  104. package/dist/types/lib/components/Page/List.stories.d.ts +17 -0
  105. package/dist/types/lib/components/Page/Section.d.ts +2 -1
  106. package/dist/types/lib/components/Page/index.d.ts +0 -1
  107. package/dist/types/lib/components/Search/SearchItem.d.ts +2 -2
  108. package/dist/types/lib/components/Searchbar/Searchbar.d.ts +2 -2
  109. package/dist/types/lib/components/Searchbar/{SearchField.d.ts → SearchbarField.d.ts} +2 -2
  110. package/dist/types/lib/components/Searchbar/index.d.ts +1 -1
  111. package/dist/types/lib/components/Settings/SettingsItem.d.ts +5 -6
  112. package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts +8 -6
  113. package/dist/types/lib/components/Toolbar/Toolbar.stories.d.ts +1 -1
  114. package/dist/types/lib/components/Toolbar/ToolbarSearch.d.ts +2 -5
  115. package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts +1 -0
  116. package/dist/types/lib/components/Transmission/Transmission.stories.d.ts +7 -7
  117. package/dist/types/lib/components/Typography/Heading.d.ts +1 -1
  118. package/dist/types/lib/components/index.d.ts +1 -1
  119. package/dist/types/lib/stories/Profile/Accounts.stories.d.ts +6 -11
  120. package/package.json +1 -1
  121. package/dist/assets/AccountButton.css +0 -1
  122. package/dist/assets/MenuOption.css +0 -1
  123. package/dist/assets/ToolbarSearch.css +0 -1
  124. package/dist/components/GlobalMenu/AccountButton.js +0 -58
  125. package/dist/components/GlobalMenu/AccountMenu.js +0 -72
  126. package/dist/components/Page/PageHeader.js +0 -55
  127. package/dist/components/Profile/AccountList.js +0 -12
  128. package/dist/components/Profile/AccountListItem.js +0 -88
  129. package/dist/components/Profile/index.js +0 -6
  130. package/dist/types/lib/components/GlobalMenu/AccountMenu.d.ts +0 -27
  131. package/dist/types/lib/components/GlobalMenu/AccountMenu.stories.d.ts +0 -19
  132. package/dist/types/lib/components/Menu/Examples.stories.d.ts +0 -97
  133. package/dist/types/lib/components/Page/PageHeader.d.ts +0 -18
  134. package/dist/types/lib/components/Page/PageHeader.stories.d.ts +0 -16
  135. package/dist/types/lib/components/Profile/AccountList.d.ts +0 -5
  136. package/dist/types/lib/components/Profile/AccountListItem.d.ts +0 -12
@@ -1,88 +0,0 @@
1
- "use client";
2
- import { jsxs as y, jsx as n } from "react/jsx-runtime";
3
- import "../../index-L8X2o7IH.js";
4
- import * as c from "react";
5
- import { forwardRef as m } from "react";
6
- import { Badge as O } from "../Badge/Badge.js";
7
- import { ContextMenu as w } from "../ContextMenu/ContextMenu.js";
8
- import { ListItemControls as h } from "../List/ListItemControls.js";
9
- import { ListItem as I } from "../List/ListItem.js";
10
- import "../RootProvider/RootProvider.js";
11
- import "../Searchbar/AutocompleteBase.js";
12
- import "../Snackbar/useSnackbar.js";
13
- import { Flex as j } from "../Page/Flex.js";
14
- import { u as d } from "../../useId-BVFxCjkq.js";
15
- var x = function(t, o) {
16
- var l = {};
17
- for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
18
- if (t != null && typeof Object.getOwnPropertySymbols == "function")
19
- for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
20
- o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
21
- return l;
22
- };
23
- const E = m((t, o) => {
24
- var { title: l, titleId: e } = t, r = x(t, ["title", "titleId"]);
25
- let i = d();
26
- return i = l ? e || "title-" + i : void 0, c.createElement(
27
- "svg",
28
- Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": i }, r),
29
- l ? c.createElement("title", { id: i }, l) : null,
30
- c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.207 6.354-1 9.56l-6.5 6.5-.53-.53-.53.53-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.356 3.125 7.875 3.125c1.349 0 2.726.602 4.125 1.844M12 20.5l-.53.53a.75.75 0 0 0 1.06 0zm0-1.06 5.97-5.97c2.793-2.794 2.627-5.812 1-7.44-.919-.918-1.864-1.405-2.845-1.405s-2.177.487-3.595 1.905a.75.75 0 0 1-1.06 0C10.05 5.112 8.856 4.625 7.874 4.625S5.948 5.112 5.03 6.03c-1.627 1.628-1.793 4.646 1 7.44z", clipRule: "evenodd" })
31
- );
32
- });
33
- var S = function(t, o) {
34
- var l = {};
35
- for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
36
- if (t != null && typeof Object.getOwnPropertySymbols == "function")
37
- for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
38
- o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
39
- return l;
40
- };
41
- const _ = m((t, o) => {
42
- var { title: l, titleId: e } = t, r = S(t, ["title", "titleId"]);
43
- let i = d();
44
- return i = l ? e || "title-" + i : void 0, c.createElement(
45
- "svg",
46
- Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": i }, r),
47
- l ? c.createElement("title", { id: i }, l) : null,
48
- c.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
49
- );
50
- }), q = ({
51
- size: t,
52
- expanded: o,
53
- type: l,
54
- icon: e,
55
- title: r,
56
- description: i,
57
- label: a,
58
- favourite: s = !1,
59
- contextMenu: f,
60
- favouriteLabel: p,
61
- children: u,
62
- interactive: g,
63
- ...b
64
- }) => {
65
- const v = /* @__PURE__ */ y(h, { children: [
66
- /* @__PURE__ */ n(j, { align: "center", spacing: 2, style: { position: "relative", fontSize: "1.25rem" }, children: a ? /* @__PURE__ */ n(O, { color: l === "group" ? "neutral" : l, children: a }) : s ? /* @__PURE__ */ n(_, { "aria-label": p }) : /* @__PURE__ */ n(E, { "aria-hidden": !0 }) }),
67
- f && /* @__PURE__ */ n(w, { ...f, size: "sm" })
68
- ] });
69
- return /* @__PURE__ */ n(
70
- I,
71
- {
72
- ...b,
73
- size: t,
74
- icon: e,
75
- title: r,
76
- description: o ? void 0 : i,
77
- expanded: o,
78
- selected: o,
79
- badge: !o && v,
80
- linkIcon: !0,
81
- interactive: g,
82
- children: u
83
- }
84
- );
85
- };
86
- export {
87
- q as AccountListItem
88
- };
@@ -1,6 +0,0 @@
1
- import { AccountListItem as c } from "./AccountListItem.js";
2
- import { AccountList as e } from "./AccountList.js";
3
- export {
4
- e as AccountList,
5
- c as AccountListItem
6
- };
@@ -1,27 +0,0 @@
1
- import { AvatarProps, BadgeProps } from '../';
2
- import { MenuItemGroups, MenuSearchProps } from '../Menu';
3
- import { MenuItemsVirtualProps } from '../Menu/MenuItems';
4
- export interface AccountSearchProps extends MenuSearchProps {
5
- getResultsLabel?: (hits: number) => string;
6
- hidden?: boolean;
7
- }
8
- export interface AccountMenuItem {
9
- type: 'person' | 'company';
10
- name: string;
11
- id: string;
12
- groupId?: string;
13
- selected?: boolean;
14
- items?: AvatarProps[];
15
- badge?: BadgeProps | undefined;
16
- alertBadge?: BadgeProps | undefined;
17
- }
18
- export interface AccountMenuProps {
19
- accounts?: AccountMenuItem[];
20
- accountGroups?: MenuItemGroups;
21
- accountSearch?: AccountSearchProps;
22
- currentAccount?: AccountMenuItem;
23
- onSelectAccount?: (id: string) => void;
24
- menuItemsVirtual?: MenuItemsVirtualProps;
25
- scrollRefStyles?: React.CSSProperties;
26
- }
27
- export declare const AccountMenu: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, menuItemsVirtual, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,19 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, menuItemsVirtual, }: import('./AccountMenu').AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- parameters: {};
7
- args: {
8
- accounts?: import('./AccountMenu').AccountMenuItem[];
9
- accountGroups?: import('..').MenuItemGroups;
10
- accountSearch?: import('./AccountMenu').AccountSearchProps;
11
- currentAccount?: import('./AccountMenu').AccountMenuItem;
12
- onSelectAccount?: (id: string) => void;
13
- menuItemsVirtual?: import('..').MenuItemsVirtualProps;
14
- scrollRefStyles?: React.CSSProperties;
15
- };
16
- };
17
- export default meta;
18
- type Story = StoryObj<typeof meta>;
19
- export declare const Default: Story;
@@ -1,97 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, menuItemsVirtual, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
5
- parameters: {};
6
- args: {};
7
- };
8
- export default meta;
9
- type Story = StoryObj<typeof meta>;
10
- export declare const InboxMenu: Story;
11
- export declare const NeutralInboxMenu: {
12
- args: {
13
- color: string;
14
- theme: string;
15
- menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
16
- level?: number;
17
- expanded?: boolean;
18
- search?: import('./MenuSearch').MenuSearchProps;
19
- items: import('./MenuItem').MenuItemProps[];
20
- groups?: import('./MenuItems').MenuItemGroups;
21
- defaultItemSize?: import('./MenuItemBase').MenuItemSize;
22
- defaultItemColor?: import('./MenuItemBase').MenuItemColor;
23
- defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
24
- defaultIconTheme?: import('..').IconTheme;
25
- as?: React.ElementType;
26
- };
27
- };
28
- export declare const CompanyInboxMenu: {
29
- args: {
30
- color: string;
31
- theme: string;
32
- menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
33
- level?: number;
34
- expanded?: boolean;
35
- search?: import('./MenuSearch').MenuSearchProps;
36
- items: import('./MenuItem').MenuItemProps[];
37
- groups?: import('./MenuItems').MenuItemGroups;
38
- defaultItemSize?: import('./MenuItemBase').MenuItemSize;
39
- defaultItemColor?: import('./MenuItemBase').MenuItemColor;
40
- defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
41
- defaultIconTheme?: import('..').IconTheme;
42
- as?: React.ElementType;
43
- };
44
- };
45
- export declare const PersonInboxMenu: {
46
- args: {
47
- color: string;
48
- theme: string;
49
- menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
50
- level?: number;
51
- expanded?: boolean;
52
- search?: import('./MenuSearch').MenuSearchProps;
53
- items: import('./MenuItem').MenuItemProps[];
54
- groups?: import('./MenuItems').MenuItemGroups;
55
- defaultItemSize?: import('./MenuItemBase').MenuItemSize;
56
- defaultItemColor?: import('./MenuItemBase').MenuItemColor;
57
- defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
58
- defaultIconTheme?: import('..').IconTheme;
59
- as?: React.ElementType;
60
- };
61
- };
62
- export declare const CompanyMenu: Story;
63
- export declare const NeutralCompanyMenu: {
64
- args: {
65
- color: string;
66
- theme?: import('./MenuBase').MenuTheme;
67
- menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
68
- level?: number;
69
- expanded?: boolean;
70
- search?: import('./MenuSearch').MenuSearchProps;
71
- items: import('./MenuItem').MenuItemProps[];
72
- groups?: import('./MenuItems').MenuItemGroups;
73
- defaultItemSize?: import('./MenuItemBase').MenuItemSize;
74
- defaultItemColor?: import('./MenuItemBase').MenuItemColor;
75
- defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
76
- defaultIconTheme?: import('..').IconTheme;
77
- as?: React.ElementType;
78
- };
79
- };
80
- export declare const PersonMenu: Story;
81
- export declare const NeutralPersonMenu: {
82
- args: {
83
- color: string;
84
- theme?: import('./MenuBase').MenuTheme;
85
- menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
86
- level?: number;
87
- expanded?: boolean;
88
- search?: import('./MenuSearch').MenuSearchProps;
89
- items: import('./MenuItem').MenuItemProps[];
90
- groups?: import('./MenuItems').MenuItemGroups;
91
- defaultItemSize?: import('./MenuItemBase').MenuItemSize;
92
- defaultItemColor?: import('./MenuItemBase').MenuItemColor;
93
- defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
94
- defaultIconTheme?: import('..').IconTheme;
95
- as?: React.ElementType;
96
- };
97
- };
@@ -1,18 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { AvatarGroupProps, AvatarProps, BackButtonProps, BreadcrumbsLinkProps, IconProps, PageTabsProps, SectionProps, SvgElement } from '..';
3
- export type PageHeaderVariant = 'card' | undefined;
4
- export type PageHeaderSize = 'lg' | 'xl';
5
- export interface PageHeaderProps extends SectionProps {
6
- variant?: PageHeaderVariant;
7
- size?: PageHeaderSize;
8
- title?: string;
9
- description?: string;
10
- icon?: SvgElement | IconProps;
11
- avatar?: AvatarProps;
12
- avatarGroup?: AvatarGroupProps;
13
- tabs?: PageTabsProps;
14
- backButton?: BackButtonProps;
15
- breadcrumbs?: BreadcrumbsLinkProps[];
16
- controls?: ReactNode;
17
- }
18
- export declare const PageHeader: ({ variant, size, title, description, icon, tabs, theme, padding, shadow, bleed, breadcrumbs, backButton, controls, children, ...rest }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,16 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: ({ variant, size, title, description, icon, tabs, theme, padding, shadow, bleed, breadcrumbs, backButton, controls, children, ...rest }: import('./PageHeader').PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- parameters: {};
7
- args: {
8
- title: string;
9
- };
10
- };
11
- export default meta;
12
- type Story = StoryObj<typeof meta>;
13
- export declare const Default: Story;
14
- export declare const Icon: Story;
15
- export declare const UserCard: Story;
16
- export declare const CardAndTabs: Story;
@@ -1,5 +0,0 @@
1
- import { AccountListItemProps } from '..';
2
- export interface AccountListProps {
3
- items: AccountListItemProps[];
4
- }
5
- export declare const AccountList: ({ items }: AccountListProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,12 +0,0 @@
1
- import { ContextMenuProps, ListItemProps } from '..';
2
- export type AccountListItemType = 'person' | 'company' | 'group';
3
- export interface AccountListItemProps extends ListItemProps {
4
- id?: string;
5
- title: string;
6
- type?: AccountListItemType;
7
- favourite?: boolean;
8
- contextMenu?: ContextMenuProps;
9
- label?: string;
10
- favouriteLabel?: string;
11
- }
12
- export declare const AccountListItem: ({ size, expanded, type, icon, title, description, label, favourite, contextMenu, favouriteLabel, children, interactive, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;