@altinn/altinn-components 0.10.4 → 0.12.0

package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts

@@ -1,15 +1,29 @@
 import { StoryObj } from '@storybook/react';
+import { BookmarksSectionProps } from './BookmarksSection';
 declare const meta: {
     title: string;
-    component: ({ title, items, updatedAtLabel }: import('./BookmarksSection').BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, title, description, items, untitled, titleField, expandedId, onToggle, }: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
         title: string;
-        updatedAtLabel: string;
+        untitled: string;
+        titleField: {
+            label: string;
+            placeholder: string;
+            helperText: string;
+        };
+        description: string;
         items: ({
             id: string;
             title: string;
+            saveButton: {
+                label: string;
+            };
+            removeButton: {
+                label: string;
+                onClick: () => void;
+            };
             params: ({
                 type: "search";
                 label: string;
@@ -26,6 +40,27 @@ declare const meta: {
                 type: "filter";
                 label: string;
             })[];
+            saveButton: {
+                label: string;
+            };
+            removeButton: {
+                label: string;
+                onClick: () => void;
+            };
+            title?: undefined;
+        } | {
+            id: string;
+            params: {
+                type: "filter";
+                label: string;
+            }[];
+            saveButton: {
+                label: string;
+            };
+            removeButton: {
+                label: string;
+                onClick?: undefined;
+            };
             title?: undefined;
         })[];
     };
@@ -33,4 +68,8 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const WithContextMenu: Story;
+export declare const ExpandedItem: Story;
+export declare const ControlledState: (args: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LoadingState: Story;
+export declare const EmptyState: Story;
+export declare const AsLink: Story;

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

@@ -1,4 +1,3 @@
-export * from './BookmarksList';
 export * from './BookmarksListItem';
 export * from './QueryLabel';
 export * from './BookmarksSection';

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

@@ -4,5 +4,6 @@ export interface ButtonProps extends Partial<ButtonBaseProps> {
     icon?: IconName;
     reverse?: boolean;
     loading?: boolean;
+    label?: string;
 }
-export declare const Button: ({ variant, color, size, reverse, selected, icon, href, children, className, loading, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ variant, color, size, reverse, selected, icon, href, label, children, className, loading, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ variant, color, size, reverse, selected, icon, href, children, className, loading, ...rest }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ variant, color, size, reverse, selected, icon, href, label, children, className, loading, ...rest }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Button/IconButton.d.ts

@@ -9,5 +9,6 @@ export interface IconButtonProps {
     variant?: ButtonVariant;
     className?: string;
     onClick?: MouseEventHandler;
+    dataTestId?: string;
 }
-export declare const IconButton: ({ variant, color, size, icon, iconSize, className, onClick, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconButton: ({ variant, color, size, icon, iconSize, className, onClick, dataTestId, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Button/IconButton.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { IconButtonProps } from './IconButton';
 declare const meta: {
     title: string;
-    component: ({ variant, color, size, icon, iconSize, className, onClick, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ variant, color, size, icon, iconSize, className, onClick, dataTestId, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type LayoutTheme = 'global' | 'global-dark' | 'neutral' | 'company' | 'person';
+export type LayoutTheme = 'inherit' | 'global' | 'global-dark' | 'neutral' | 'company' | 'person';
 export interface LayoutBaseProps {
     theme?: LayoutTheme;
     currentId?: string;

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

@@ -9,5 +9,3 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Menu: Story;
-export declare const Snackbars: Story;
-export declare const MenuAndSnackbar: Story;

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

@@ -3,11 +3,12 @@ import { BadgeProps } from '../Badge';
 import { ContextMenuProps } from '../ContextMenu';
 import { IconName } from '../Icon';
 interface ListItemControlsProps {
+    className?: string;
     badge?: BadgeProps;
     linkText?: string;
     linkIcon?: IconName;
     menu?: ContextMenuProps;
     children?: ReactNode;
 }
-export declare const ListItemControls: ({ badge, linkText, linkIcon, menu, children }: ListItemControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemControls: ({ className, badge, linkText, linkIcon, menu, children }: ListItemControlsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
 import { AvatarGroupProps, AvatarProps } from '../Avatar';
 import { BadgeProps } from '../Badge';
+import { ContextMenuProps } from '../ContextMenu';
 import { IconName } from '../Icon';
 import { ListItemSize } from './ListItemBase';
 import { ListItemLinkProps } from './ListItemLink';
-import { ListItemMenuProps } from './ListItemMenu';
 import { ListItemSelectProps } from './ListItemSelect';
 export interface ListItemHeaderProps extends ListItemLinkProps {
     /** Header is loading */
@@ -36,7 +36,7 @@ export interface ListItemHeaderProps extends ListItemLinkProps {
     /** Optional badge */
     badge?: BadgeProps;
     /** Context menu */
-    menu?: ListItemMenuProps;
+    menu?: ContextMenuProps;
     /** Custom controls */
     controls?: ReactNode;
     /** Custom label */

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

@@ -2,7 +2,7 @@ import { ElementType, KeyboardEventHandler, ReactNode } from 'react';
 import { BadgeProps } from '../Badge';
 import { IconName } from '../Icon';
 export type MenuItemSize = 'xs' | 'sm' | 'md' | 'lg';
-export type MenuItemColor = 'neutral' | 'subtle' | 'strong' | 'company' | 'person';
+export type MenuItemColor = 'neutral' | 'subtle' | 'surface' | 'strong' | 'company' | 'person';
 export interface MenuItemBaseProps {
     as?: ElementType;
     size?: MenuItemSize;

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

@@ -3,4 +3,4 @@ import { SectionProps } from './Section';
 export interface ArticleProps extends SectionProps {
     children?: ReactNode;
 }
-export declare const Article: ({ theme, children, ...props }: ArticleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Article: ({ children, ...props }: ArticleProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { BreadcrumbsLinkProps } from '../';
+export interface BreadcrumbsProps {
+    items?: BreadcrumbsLinkProps[];
+}
+export declare const Breadcrumbs: ({ items }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { ElementType, ReactNode } from 'react';
+export interface BreadcrumbsLinkProps extends React.HTMLAttributes<HTMLButtonElement> {
+    as?: ElementType;
+    selected?: boolean;
+    disabled?: boolean;
+    href?: string;
+    label?: string;
+    className?: string;
+    children?: ReactNode;
+}
+export declare const BreadcrumbsLink: ({ as, className, disabled, selected, tabIndex, label, children, ...rest }: BreadcrumbsLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/{PageBase.stories.d.ts → Examples.stories.d.ts}

@@ -6,6 +6,7 @@ declare const meta: {
     args: {};
 };
 export default meta;
+export declare const Frontpage: () => import("react/jsx-runtime").JSX.Element;
+export declare const ArticlePage: () => import("react/jsx-runtime").JSX.Element;
 export declare const DialogPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const ProfilePage: () => import("react/jsx-runtime").JSX.Element;
-export declare const ArticlePage: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+import { CSSProperties, ReactNode } from 'react';
+export type FlexElement = 'div' | 'section' | 'article' | 'header' | 'footer' | 'nav';
+export type FlexTheme = 'inherit' | 'neutral' | 'company' | 'person';
+export type FlexColor = 'transparent' | 'subtle' | 'surface' | 'accent';
+export type FlexDirection = 'col' | 'row';
+export type FlexAlign = 'initial' | 'start' | 'end' | 'center' | 'stretch';
+export type FlexJustify = 'initial' | 'start' | 'end' | 'center' | 'between';
+export type FlexSpacing = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type FlexPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type FlexMargin = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type FlexShadow = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface FlexProps {
+    as?: FlexElement;
+    theme?: FlexTheme;
+    color?: FlexColor;
+    direction?: FlexDirection;
+    reverse?: boolean;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    spacing?: FlexSpacing;
+    padding?: FlexPadding;
+    margin?: FlexMargin;
+    shadow?: FlexShadow;
+    inset?: boolean;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const Flex: ({ as, theme, color, direction, reverse, align, justify, spacing, padding, margin, inset, className, style, children, ...rest }: FlexProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { CSSProperties, ReactNode } from 'react';
+export type GridTheme = 'inherit' | 'neutral' | 'company' | 'person';
+export type GridColor = 'transparent' | 'subtle' | 'surface' | 'accent';
+export type GridElement = 'div' | 'section' | 'article' | 'header' | 'footer';
+export type GridCols = '1-2-3';
+export type GridSpacing = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type GridPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type GridMargin = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface GridProps {
+    as?: GridElement;
+    theme?: GridTheme;
+    color?: GridColor;
+    cols?: GridCols;
+    reverse?: boolean;
+    spacing?: GridSpacing;
+    padding?: GridPadding;
+    margin?: GridMargin;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const Grid: ({ as, theme, color, cols, reverse, spacing, padding, margin, className, style, children, }: GridProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,16 @@
 import { ReactNode } from 'react';
-import { BackButtonProps, ContextMenuProps, SectionProps } from '../';
+import { BackButtonProps, BreadcrumbsLinkProps, ContextMenuProps, FlexProps } from '../';
 export type PageNavPadding = 'none' | 'sm';
-export interface PageNavProps extends SectionProps {
+export type PageNavMargin = 'none' | 'sm';
+export interface PageNavProps extends FlexProps {
     padding?: PageNavPadding;
+    margin?: PageNavMargin;
     backButton?: BackButtonProps;
+    breadcrumbs?: BreadcrumbsLinkProps[];
     menu?: ContextMenuProps;
     children?: ReactNode;
 }
 /**
  * Page navigation bar with Back button and controls.
  */
-export declare const PageNav: ({ padding, backButton, menu, children, }: PageNavProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageNav: ({ padding, margin, breadcrumbs, backButton, menu, children, }: 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: ({ padding, backButton, menu, children, }: import('./PageNav').PageNavProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ padding, margin, breadcrumbs, backButton, menu, children, }: import('./PageNav').PageNavProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -14,3 +14,4 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const BackButton: Story;
 export declare const BackAndContextMenu: Story;
+export declare const Breadcrumbs: Story;

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

@@ -1,29 +1,9 @@
-import { CSSProperties, ReactNode } from 'react';
-export type SectionTheme = 'inherit' | 'global' | 'neutral' | 'article';
-export type SectionColor = 'transparent' | 'subtle' | 'surface' | 'accent';
-export type SectionElement = 'section' | 'article' | 'header' | 'footer' | 'div';
-export type SectionSpacing = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type SectionPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type SectionMargin = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+import { FlexProps } from '..';
+export type SectionBg = 'transparent' | 'subtle' | 'surface' | 'accent';
 export type SectionShadow = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type SectionFlex = 'col' | 'row';
-export type SectionAlign = 'initial' | 'start' | 'end' | 'center' | 'stretch';
-export type SectionJustify = 'initial' | 'start' | 'end' | 'center' | 'between';
-export interface SectionProps {
-    as?: SectionElement;
-    theme?: SectionTheme;
-    color?: SectionColor;
-    flex?: SectionFlex;
-    align?: SectionAlign;
-    justify?: SectionJustify;
-    reverse?: boolean;
-    padding?: SectionPadding;
-    spacing?: SectionSpacing;
-    margin?: SectionMargin;
-    shadow?: SectionShadow;
+export interface SectionProps extends FlexProps {
     inset?: boolean;
-    children?: ReactNode;
-    className?: string;
-    style?: CSSProperties;
+    bg?: SectionBg;
+    shadow?: SectionShadow;
 }
-export declare const Section: ({ as, theme, color, flex, reverse, align, justify, padding, spacing, margin, shadow, inset, className, style, children, }: SectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Section: ({ as, className, bg, shadow, children, ...rest }: SectionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,9 @@
 export * from './PageBase';
 export * from './PageNav';
 export * from './PageHeader';
-export * from './SectionHeader';
-export * from './SectionFooter';
 export * from './Article';
 export * from './Section';
+export * from './Flex';
+export * from './Grid';
+export * from './Breadcrumbs';
+export * from './BreadcrumbsLink';

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

@@ -16,4 +16,9 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Query: Story;
 export declare const Expanded: Story;
-export declare const ControlledState: (args: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlledState: {
+    (args: SearchbarProps): import("react/jsx-runtime").JSX.Element;
+    play({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }): Promise<void>;
+};

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

@@ -1,20 +1,5 @@
-import { ElementType } from 'react';
-import { IconName } from '../Icon';
-import { SnackbarColor } from './SnackbarBase';
 export interface SnackbarProps {
-    /** Element type to render */
-    as?: ElementType;
-    /** Color */
-    color?: SnackbarColor;
-    /** Message */
-    message?: string;
-    /** Icon */
-    icon?: IconName;
-    /** Dismissable */
-    dismissable?: boolean;
-    /** onDismiss */
-    onDismiss?: () => void;
     /** Optional classname */
     className?: string;
 }
-export declare const Snackbar: ({ as, color, message, icon, ...rest }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Snackbar: ({ className }: SnackbarProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,14 +1,9 @@
-import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ as, color, message, icon, ...rest }: import('./Snackbar').SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className }: import('./Snackbar.tsx').SnackbarProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     parameters: {};
-    args: {
-        icon: "bell";
-        message: string;
-    };
+    args: {};
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Snackbar/SnackbarBase.d.ts

@@ -1,13 +1,8 @@
-import { ElementType, ReactNode } from 'react';
-export type SnackbarColor = 'default' | 'accent';
-interface SnackbarBaseProps {
-    as?: ElementType;
-    color?: SnackbarColor;
-    href?: string;
+import { ReactNode } from 'react';
+export interface SnackbarBaseProps {
+    /** Optional classname */
     className?: string;
-    dismissable?: boolean;
-    onDismiss?: () => void;
-    children?: ReactNode;
+    /** Children */
+    children: string | ReactNode;
 }
-export declare const SnackbarBase: ({ as, children, className, color, dismissable, onDismiss, ...rest }: SnackbarBaseProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const SnackbarBase: ({ children }: SnackbarBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Snackbar/SnackbarItem.d.ts

@@ -0,0 +1,16 @@
+import { ElementType, ReactNode } from 'react';
+import { IconName } from '..';
+export type SnackbarColor = 'default' | 'accent' | 'alert';
+interface SnackbarItemProps {
+    as?: ElementType;
+    color?: SnackbarColor;
+    icon?: IconName;
+    message: string | ReactNode;
+    href?: string;
+    className?: string;
+    dismissable?: boolean;
+    onDismiss?: () => void;
+    children?: ReactNode;
+}
+export declare const SnackbarItem: ({ as, message, className, color, icon, dismissable, onDismiss, ...rest }: SnackbarItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,4 +1,2 @@
-export * from './Snackbar';
-export * from './SnackbarBase';
-export * from './SnackbarMedia';
-export * from './SnackbarLabel';
+export * from './Snackbar.tsx';
+export * from './SnackbarItem';

package/dist/types/lib/components/Snackbar/useSnackbar.d.ts

@@ -0,0 +1,39 @@
+import { ElementType, ReactNode } from 'react';
+import { IconName } from '../Icon';
+import { SnackbarColor } from './SnackbarItem.tsx';
+export declare enum SnackbarDuration {
+    infinite = 0,
+    short = 1000,
+    normal = 3000,
+    long = 5000
+}
+export interface OpenSnackbarInput extends Omit<SnackbarQueueItem, 'id'> {
+}
+export interface SnackbarQueueItem extends SnackbarItemProps {
+    id: string;
+    message: string;
+    color: SnackbarColor;
+    duration?: number;
+    icon?: IconName;
+}
+interface SnackbarItemProps {
+    as?: ElementType;
+    color?: SnackbarColor;
+    href?: string;
+    className?: string;
+    dismissable?: boolean;
+    onDismiss?: () => void;
+    children?: ReactNode;
+}
+interface SnackbarContextValue {
+    open: boolean;
+    storedMessages: SnackbarQueueItem[];
+    openSnackbar: (input: OpenSnackbarInput) => string;
+    closeSnackbarItem: (id: string) => void;
+    dismissSnackbar: () => void;
+}
+export declare const SnackbarProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useSnackbar: () => SnackbarContextValue;
+export {};

package/dist/types/lib/components/TextField/FieldBase.d.ts

@@ -0,0 +1,11 @@
+import { ElementType, ReactNode } from 'react';
+export type FieldSize = 'xs' | 'sm' | 'md' | 'lg' | 'custom';
+export interface FieldBaseProps {
+    as?: ElementType;
+    classname?: string;
+    size?: FieldSize;
+    label?: string;
+    helperText?: string;
+    children?: ReactNode;
+}
+export declare const FieldBase: ({ as, size, classname, label, helperText, children }: FieldBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/TextField/InputBase.d.ts

@@ -0,0 +1,14 @@
+import { ChangeEventHandler, FocusEventHandler, HTMLInputTypeAttribute } from 'react';
+export type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'custom';
+export interface InputBaseProps {
+    type?: HTMLInputTypeAttribute;
+    name?: string;
+    value?: string;
+    placeholder?: string;
+    onFocus?: FocusEventHandler;
+    onBlur?: FocusEventHandler;
+    onChange?: ChangeEventHandler;
+    className?: string;
+    size?: InputSize;
+}
+export declare const InputBase: ({ type, name, value, placeholder, onChange, onFocus, onBlur, size, className, ...rest }: InputBaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { InputBaseProps, InputSize } from './';
+export interface TextFieldProps extends InputBaseProps {
+    size?: InputSize;
+    label?: string;
+    helperText?: string;
+}
+export declare const TextField: ({ size, label, helperText, ...rest }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export * from './FieldBase';
+export * from './InputBase';
+export * from './TextField';

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-export type HeadingSize = 'xs' | 'sm' | 'md' | 'lg';
+export type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type HeadingWeight = 'normal' | 'medium' | 'bold';
-export type HeadingComponent = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type HeadingComponent = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
 export interface HeadingProps {
     as?: HeadingComponent;
     size?: HeadingSize;

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

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
 export type TypographyTheme = 'inherit' | 'neutral' | 'company' | 'person' | 'article';
-export type TypographySize = 'xs' | 'sm' | 'md' | 'lg';
+export type TypographySize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface TypographyProps {
     as?: ElementType;
     size?: TypographySize;

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

@@ -29,3 +29,4 @@ export * from './Typography';
 export * from './ResourceList';
 export * from './AccessAreaList';
 export * from './AccessPackageList';
+export * from './TextField';