@altinn/altinn-components 0.15.0 → 0.15.2

package/dist/types/lib/components/Dialog/SeenByLog.d.ts

@@ -0,0 +1,18 @@
+import { AvatarProps } from '..';
+export interface SeenByActor extends AvatarProps {
+    isEndUser?: boolean;
+}
+export interface SeenByLogItem {
+    id: string;
+    seenAt: string;
+    seenAtLabel: string;
+    seenBy: SeenByActor;
+}
+export interface SeenByLogProps {
+    items: SeenByLogItem[];
+    endUserLabel: string;
+}
+/**
+ * SeenByLog
+ */
+export declare const SeenByLog: ({ items, endUserLabel }: SeenByLogProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/SeenByLog.stories.d.ts

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ items, endUserLabel }: import('./SeenByLog').SeenByLogProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        endUserLabel: string;
+        items: ({
+            id: string;
+            seenBy: {
+                type: "person";
+                name: string;
+                isEndUser?: undefined;
+            };
+            seenAt: string;
+            seenAtLabel: string;
+        } | {
+            id: string;
+            seenBy: {
+                type: "person";
+                name: string;
+                isEndUser: true;
+            };
+            seenAt: string;
+            seenAtLabel: string;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/lib/components/Dialog/index.d.ts

@@ -1,4 +1,6 @@
 export * from './Dialog';
+export * from './DialogHeader';
+export * from './DialogBody';
 export * from './DialogList';
 export * from './DialogListGroup';
 export * from './DialogListItem';
@@ -19,4 +21,6 @@ export * from './DialogTransmissions';
 export * from './DialogTimeline';
 export * from './DialogTimelineItem';
 export * from './DialogHistory';
-export * from './DialogHistoryItem';
+export * from './ActivityLog';
+export * from './ActivityItem';
+export * from './SeenByLog';

package/dist/types/lib/components/Header/Header.d.ts

@@ -1,6 +1,6 @@
 import { BadgeProps } from '../Badge';
 import { GlobalMenuProps, Account } from '../GlobalMenu';
-import { SearchbarProps } from '../Searchbar';
+import { SearchbarProps } from '../Search';
 import { HeaderLogoProps } from './HeaderLogo';
 export interface HeaderProps {
     menu: GlobalMenuProps;

package/dist/types/lib/components/Header/Header.stories.d.ts

@@ -2,7 +2,6 @@ import { HeaderProps } from './Header';
 declare const meta: {
     title: string;
     component: ({ search, menu, currentAccount, logo, badge }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
     parameters: {
         layout: string;
     };
@@ -18,4 +17,5 @@ declare const meta: {
     };
 };
 export default meta;
-export declare const Default: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CurrentAccount: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Login: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Layout/Layout.d.ts

@@ -21,5 +21,5 @@ export interface LayoutProps {
     content?: ContentProps;
     children?: ReactNode;
 }
-export declare const Layout: ({ color, theme, header, footer, sidebar, content, children, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Layout: ({ color, theme, header, footer, sidebar, content, children }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/components/Layout/Layout.stories.d.ts

@@ -1,19 +1,20 @@
 import { LayoutProps } from '../';
 declare const meta: {
     title: string;
-    component: ({ color, theme, header, footer, sidebar, content, children, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ color, theme, header, footer, sidebar, content, children }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
     args: {
-        color: "person";
-        header: import('../Header').HeaderProps;
-        footer: import('../Footer').FooterProps;
+        header: import('..').HeaderProps;
+        footer: import('..').FooterProps;
         sidebar: {
-            menu: import('../Menu').MenuProps;
+            menu: import('..').MenuProps;
         };
         children: import("react/jsx-runtime").JSX.Element;
     };
 };
 export default meta;
-export declare const Default: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Preview: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HiddenSidebar: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Fullscreen: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/LayoutAction/LayoutAction.stories.d.ts

@@ -1,4 +1,3 @@
-import { StoryObj } from '@storybook/react';
 import { LayoutActionProps } from '..';
 declare const meta: {
     title: string;
@@ -17,6 +16,4 @@ declare const meta: {
     };
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Controlled: (args: LayoutActionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Default: (args: LayoutActionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/List/ListItem.d.ts

@@ -21,8 +21,6 @@ export interface ListItemProps extends ListItemBaseProps, ListItemHeaderProps {
     avatar?: AvatarProps;
     /** List item avatarGroup */
     avatarGroup?: AvatarGroupProps;
-    /** Optional icon indicating behaviour */
-    linkIcon?: IconName | undefined;
     /** Custom label */
     label?: ReactNode | (() => ReactElement);
     /** Optional badge */

package/dist/types/lib/components/List/ListItemHeader.d.ts

@@ -24,7 +24,7 @@ export interface ListItemHeaderProps extends ListItemLinkProps {
     /** List item avatarGroup */
     avatarGroup?: AvatarGroupProps;
     /** Optional icon indicating behaviour */
-    linkIcon?: IconName | undefined;
+    linkIcon?: IconName | undefined | null;
     /** Optional badge */
     badge?: BadgeProps | ReactNode | undefined;
     /** Custom controls */

package/dist/types/lib/components/List/ListItemIcon.d.ts

@@ -1,13 +1,8 @@
 import { ReactNode } from 'react';
-import { AvatarGroupProps, AvatarProps } from '../Avatar';
-import { IconName, IconProps } from '../Icon';
+import { IconOrAvatarProps } from '../';
 export type ListItemIconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface ListItemIconProps {
+export interface ListItemIconProps extends IconOrAvatarProps {
     loading?: boolean;
-    size?: ListItemIconSize;
-    icon?: IconProps | IconName | ReactNode;
-    avatar?: AvatarProps;
-    avatarGroup?: AvatarGroupProps;
     children?: ReactNode;
 }
-export declare const ListItemIcon: ({ loading, size, icon, avatar, avatarGroup, children }: ListItemIconProps) => import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const ListItemIcon: ({ loading, size, icon, avatar, avatarGroup, children }: ListItemIconProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/List/Patterns.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { List } from '../';
+declare const meta: Meta<typeof List>;
+export default meta;
+export declare const ListOfPeople: () => import("react/jsx-runtime").JSX.Element;
+export declare const ListOfServices: () => import("react/jsx-runtime").JSX.Element;
+export declare const ListOfCategories: () => import("react/jsx-runtime").JSX.Element;
+export declare const CategoryGrid: () => import("react/jsx-runtime").JSX.Element;
+export declare const MultilevelList: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuOption.d.ts

@@ -1,8 +1,8 @@
 import { ChangeEventHandler } from 'react';
 import { BadgeProps } from '../Badge';
-import { MenuItemSize } from './MenuItemBase';
+import { MenuItemBaseProps, MenuItemSize } from './MenuItemBase';
 export type MenuOptionType = 'checkbox' | 'radio';
-export interface MenuOptionProps {
+export interface MenuOptionProps extends MenuItemBaseProps {
     value: string | number;
     label: string;
     groupId?: string;
@@ -16,4 +16,4 @@ export interface MenuOptionProps {
     onChange?: ChangeEventHandler;
     type?: MenuOptionType;
 }
-export declare const MenuOption: ({ size, type, name, value, label, title, description, badge, checked, disabled, onChange, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuOption: ({ size, type, name, value, label, title, description, badge, checked, disabled, onChange, ...rest }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuOption.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ size, type, name, value, label, title, description, badge, checked, disabled, onChange, }: import('./MenuOption').MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ size, type, name, value, label, title, description, badge, checked, disabled, onChange, ...rest }: import('./MenuOption').MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Page/ContactSection.d.ts

@@ -0,0 +1,11 @@
+import { ButtonProps, Color, Theme } from '..';
+export type ContactSectionVariant = 'inline' | 'card';
+export interface ContactSectionProps {
+    title: string;
+    description?: string;
+    items?: ButtonProps[];
+    variant?: ContactSectionVariant;
+    color?: Color;
+    theme?: Theme;
+}
+export declare const ContactSection: ({ theme, color, variant, title, description, items, }: ContactSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/ContactSection.stories.d.ts

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ theme, color, variant, title, description, items, }: import('./ContactSection').ContactSectionProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        title: string;
+        description: string;
+        items: ({
+            icon: "person-chat";
+            label: string;
+        } | {
+            icon: "phone";
+            label: string;
+        } | {
+            icon: "envelope-open";
+            label: string;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Card: Story;

package/dist/types/lib/components/Page/Flex.d.ts

@@ -4,7 +4,7 @@ export type FlexElement = 'div' | 'section' | 'article' | 'header' | 'footer' |
 export type FlexDirection = 'col' | 'row';
 export type FlexAlign = 'initial' | 'start' | 'end' | 'center' | 'stretch';
 export type FlexJustify = 'initial' | 'start' | 'end' | 'center' | 'between';
-export type FlexSpacing = 'xs' | Range<11>;
+export type FlexSpacing = 'page' | 'xs' | Range<11>;
 export type FlexPadding = 'page' | Range<11>;
 export type FlexMargin = 'page' | 'section';
 export interface FlexProps {

package/dist/types/lib/components/Page/PageBase.d.ts

@@ -5,4 +5,4 @@ export interface PageBaseProps extends FlexProps {
 /**
  * PageBase component. Use as wrapper for pages. Should renders a flex column by default.
  */
-export declare const PageBase: ({ children, as, direction, ...props }: PageBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageBase: ({ children, as, direction, spacing, ...props }: PageBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/PageHeader.d.ts

@@ -1,4 +1,5 @@
-import { AvatarGroupProps, AvatarProps, IconName, PageTabsProps, SectionProps } from '..';
+import { ReactNode } from 'react';
+import { AvatarGroupProps, AvatarProps, BackButtonProps, BreadcrumbsLinkProps, IconName, IconProps, PageTabsProps, SectionProps } from '..';
 export type PageHeaderVariant = 'card' | undefined;
 export type PageHeaderSize = 'lg' | 'xl';
 export interface PageHeaderProps extends SectionProps {
@@ -6,9 +7,12 @@ export interface PageHeaderProps extends SectionProps {
     size?: PageHeaderSize;
     title?: string;
     description?: string;
-    icon?: IconName;
+    icon?: IconName | IconProps;
     avatar?: AvatarProps;
     avatarGroup?: AvatarGroupProps;
     tabs?: PageTabsProps;
+    backButton?: BackButtonProps;
+    breadcrumbs?: BreadcrumbsLinkProps[];
+    controls?: ReactNode;
 }
-export declare const PageHeader: ({ variant, size, title, description, icon, avatar, avatarGroup, tabs, theme, padding, shadow, bleed, children, ...rest }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageHeader: ({ variant, size, title, description, icon, avatar, avatarGroup, tabs, theme, padding, shadow, bleed, breadcrumbs, backButton, controls, children, ...rest }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/PageHeader.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ variant, size, title, description, icon, avatar, avatarGroup, tabs, theme, padding, shadow, bleed, children, ...rest }: import('./PageHeader').PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ variant, size, title, description, icon, avatar, avatarGroup, tabs, theme, padding, shadow, bleed, breadcrumbs, backButton, controls, children, ...rest }: import('./PageHeader').PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -11,9 +11,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const Company: Story;
-export declare const Person: Story;
 export declare const Icon: Story;
-export declare const People: Story;
-export declare const Companies: Story;
-export declare const CompanyAndPerson: Story;
+export declare const UserCard: Story;
+export declare const CardAndTabs: Story;

package/dist/types/lib/components/Page/PageMenu.d.ts

@@ -1,5 +1,5 @@
 import { MenuItemColor, MenuItemProps } from '..';
-export type PageMenuTheme = 'transparent' | 'base';
+export type PageMenuTheme = 'default' | 'subtle' | 'base';
 export interface PageMenuProps {
     theme?: PageMenuTheme;
     color?: MenuItemColor;

package/dist/types/lib/components/Page/PageNav.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BackButtonProps, BreadcrumbsLinkProps, ContextMenuProps } from '../';
+import { BackButtonProps, BreadcrumbsLinkProps } from '../';
 export type PageNavColor = 'neutral' | 'company' | 'person';
 export type PageNavPadding = 0 | 2;
 export interface PageNavProps {
@@ -7,10 +7,9 @@ export interface PageNavProps {
     padding?: PageNavPadding;
     backButton?: BackButtonProps;
     breadcrumbs?: BreadcrumbsLinkProps[];
-    menu?: ContextMenuProps;
-    children?: ReactNode;
+    controls?: ReactNode;
 }
 /**
  * Page navigation bar with Back button and controls.
  */
-export declare const PageNav: ({ color, padding, breadcrumbs, backButton, menu, children, }: PageNavProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageNav: ({ color, padding, breadcrumbs, backButton, controls, }: PageNavProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/PageNav.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ color, padding, breadcrumbs, backButton, menu, children, }: import('./PageNav').PageNavProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ color, padding, breadcrumbs, backButton, controls, }: import('./PageNav').PageNavProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -12,6 +12,6 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const BackButton: Story;
-export declare const BackAndContextMenu: Story;
 export declare const Breadcrumbs: Story;
+export declare const BackButton: Story;
+export declare const BackButtonAndControls: Story;

package/dist/types/lib/components/Page/PageTabs.d.ts

@@ -1,8 +1,11 @@
 import { MenuItemColor, MenuItemProps } from '..';
 export type PageTabsTheme = 'transparent' | 'base';
+export type PageTabsPadding = 0 | 2;
+export type PageTabsVariant = 'card' | undefined;
 export interface PageTabsProps {
     theme?: PageTabsTheme;
     color?: MenuItemColor;
+    padding?: PageTabsPadding;
     items?: MenuItemProps[];
 }
-export declare const PageTabs: ({ theme, color, items }: PageTabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageTabs: ({ theme, color, items, padding }: PageTabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/Patterns.stories.d.ts

@@ -0,0 +1,10 @@
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {};
+    args: {
+        title: string;
+    };
+};
+export default meta;
+export declare const UserAndLists: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/index.d.ts

@@ -9,3 +9,4 @@ export * from './Flex';
 export * from './Grid';
 export * from './Breadcrumbs';
 export * from './BreadcrumbsLink';
+export * from './ContactSection';

package/dist/types/lib/components/{Autocomplete → Search}/Autocomplete.d.ts

@@ -1,5 +1,4 @@
-import { AutocompleteGroupProps } from './AutocompleteGroup';
-import { AutocompleteItemProps } from './AutocompleteItem';
+import { AutocompleteGroupProps, AutocompleteItemProps } from '..';
 export interface AutocompleteProps {
     items: AutocompleteItemProps[];
     groups?: Record<string, AutocompleteGroupProps>;

package/dist/types/lib/components/{Autocomplete → Search}/Autocomplete.stories.d.ts

@@ -9,10 +9,10 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Scopes: Story;
+export declare const ScopesAndQuery: Story;
+export declare const SuggestedFilters: Story;
+export declare const SuggestedHits: Story;
 export declare const TooFewWords: Story;
-export declare const ScopesAndResults: Story;
 export declare const LoadingResults: Story;
 export declare const NoHits: Story;
 export declare const ScopesAndMixedResults: Story;
-export declare const ScopesAndSuggestions: Story;
-export declare const ScopesResultsAndSuggestions: Story;

package/dist/types/lib/components/{Autocomplete → Search}/AutocompleteItem.d.ts

@@ -1,9 +1,6 @@
+import { BookmarksListItemProps, DialogListItemProps, ListItemProps, ScopeListItemProps, SuggestListItemProps } from '..';
 import { BadgeProps } from '../Badge';
-import { BookmarksListItemProps } from '../Bookmarks';
-import { DialogListItemProps } from '../Dialog/';
-import { ListItemProps } from '../List/';
-import { ScopeListItemProps } from './ScopeListItem';
-export type AutocompleteItemType = 'scope' | 'dialog' | 'bookmark' | 'information';
+export type AutocompleteItemType = 'scope' | 'suggest' | 'dialog' | 'bookmark' | 'information';
 export interface AutoCompleteItemWithType {
     type: AutocompleteItemType;
     onClick?: () => void;
@@ -13,6 +10,9 @@ export interface AutoCompleteItemWithType {
 export interface ScopeAutocompleteItemProps extends AutoCompleteItemWithType, ScopeListItemProps {
     type: 'scope';
 }
+export interface SuggestAutocompleteItemProps extends AutoCompleteItemWithType, SuggestListItemProps {
+    type: 'suggest';
+}
 export interface DialogAutocompleteItemProps extends AutoCompleteItemWithType, DialogListItemProps {
     type: 'dialog';
 }
@@ -23,5 +23,5 @@ export interface InformationAutocompleteItemProps extends AutoCompleteItemWithTy
     type: 'information';
     badge?: BadgeProps | undefined;
 }
-export type AutocompleteItemProps = ScopeAutocompleteItemProps | DialogAutocompleteItemProps | BookmarkAutocompleteItemProps | InformationAutocompleteItemProps;
+export type AutocompleteItemProps = ScopeAutocompleteItemProps | SuggestAutocompleteItemProps | DialogAutocompleteItemProps | BookmarkAutocompleteItemProps | InformationAutocompleteItemProps;
 export declare const AutocompleteItem: ({ type, ...props }: AutocompleteItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/{Autocomplete → Search}/ScopeListItem.d.ts

@@ -1,6 +1,6 @@
 import { ElementType } from 'react';
 import { BadgeProps } from '../Badge';
-import { ListItemInputProps } from '../List/';
+import { ListItemInputProps } from '../List';
 export interface ScopeListItemProps extends ListItemInputProps {
     as?: ElementType;
     href?: string;

package/dist/types/lib/components/{Searchbar → Search}/Searchbar.d.ts

@@ -1,5 +1,4 @@
-import { AutocompleteProps } from '../Autocomplete';
-import { SearchFieldProps } from './SearchField';
+import { AutocompleteProps, SearchFieldProps } from '..';
 export interface SearchbarProps extends SearchFieldProps {
     className?: string;
     autocomplete?: AutocompleteProps;

package/dist/types/lib/components/{Searchbar → Search}/Searchbar.stories.d.ts

@@ -1,5 +1,5 @@
 import { StoryObj } from '@storybook/react';
-import { SearchbarProps } from './Searchbar';
+import { SearchbarProps } from '..';
 declare const meta: {
     title: string;
     component: ({ className, autocomplete, expanded, onClose, tabIndex, ...search }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
@@ -14,6 +14,10 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const GlobalSearch: () => import("react/jsx-runtime").JSX.Element;
+export declare const InboxSearch: () => import("react/jsx-runtime").JSX.Element;
+export declare const InboxScopes: (args: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InboxScopesExpanded: () => import("react/jsx-runtime").JSX.Element;
 export declare const Query: Story;
 export declare const Expanded: Story;
 export declare const ControlledState: {

package/dist/types/lib/components/Search/SuggestListItem.d.ts

@@ -0,0 +1,13 @@
+import { ElementType } from 'react';
+import { ListItemInputProps, QueryItemProps } from '..';
+import { BadgeProps } from '../Badge';
+export interface SuggestListItemProps extends ListItemInputProps {
+    as?: ElementType;
+    href?: string;
+    onClick?: () => void;
+    badge?: BadgeProps | undefined;
+    loading?: boolean;
+    /** Query params */
+    params?: QueryItemProps[];
+}
+export declare const SuggestListItem: ({ as, params, ...rest }: SuggestListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Search/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Searchbar';
+export * from './SearchbarBase';
+export * from './SearchField';
+export * from './AutocompleteBase';
+export * from './AutocompleteGroup';
+export * from './Autocomplete';
+export * from './AutocompleteItem';
+export * from './ScopeListItem';
+export * from './SuggestListItem';
+export * from './QueryLabel';

package/dist/types/lib/components/Timeline/Timeline.stories.d.ts

@@ -19,16 +19,6 @@ declare const meta: {
             size?: undefined;
             avatar?: undefined;
             byline?: undefined;
-        } | {
-            size: "xs";
-            avatar: {
-                name: string;
-                type?: undefined;
-            };
-            datetime: string;
-            dateline: string;
-            children: string;
-            byline?: undefined;
         } | {
             size: "sm";
             avatar: {

package/dist/types/lib/components/Timeline/TimelineSection.d.ts

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
-import { AvatarProps, BylineSize, Color, IconName } from '..';
+import { AvatarProps, Color, IconName } from '..';
+export type TimelineSectionSize = 'xs' | 'sm' | 'lg';
 export interface TimelineSectionProps {
     loading?: boolean;
     color?: Color;
-    size?: BylineSize;
+    size?: TimelineSectionSize;
     datetime?: string;
     dateline?: string;
     byline?: ReactNode;

package/dist/types/lib/components/Toolbar/Toolbar.stories.d.ts

@@ -15,5 +15,7 @@ export declare const Default: Story;
 export declare const CustomFilterLabel: Story;
 export declare const NoFilters: Story;
 export declare const StaticFilters: Story;
+export declare const HiddenFilters: Story;
+export declare const WithAccountMenu: Story;
+export declare const WithSearch: Story;
 export declare const ControlledStateFilters: (args: typeof Toolbar) => import("react/jsx-runtime").JSX.Element;
-export declare const FilterAndSearch: Story;

package/dist/types/lib/components/Typography/Heading.d.ts

@@ -3,10 +3,11 @@ export type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type HeadingWeight = 'normal' | 'medium' | 'bold';
 export type HeadingComponent = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
 export interface HeadingProps {
+    loading?: boolean;
     as?: HeadingComponent;
     size?: HeadingSize;
     weight?: HeadingWeight;
     className?: string;
     children?: ReactNode;
 }
-export declare const Heading: ({ as, size, weight, className, children }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Heading: ({ loading, as, size, weight, className, children }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Typography/Heading.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ loading, as, size, weight, className, children }: import('./Heading').HeadingProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/lib/components/Typography/Typography.d.ts

@@ -1,12 +1,15 @@
 import { ElementType, ReactNode } from 'react';
 export type TypographyColor = 'neutral' | 'company' | 'person' | 'article';
+export type TypographyVariant = 'default' | 'subtle';
 export type TypographySize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface TypographyProps {
+    loading?: boolean;
     as?: ElementType;
     size?: TypographySize;
     color?: TypographyColor;
+    variant?: TypographyVariant;
     className?: string;
     children?: ReactNode;
     href?: string;
 }
-export declare const Typography: ({ as, size, color, className, children, ...restProps }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Typography: ({ loading, as, size, color, variant, className, children, ...restProps }: TypographyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Typography/Typography.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ loading, as, size, color, variant, className, children, ...restProps }: import('./Typography').TypographyProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;