@altinn/altinn-components 0.26.1 → 0.27.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.
Files changed (133) hide show
  1. package/dist/FieldsetLegend-Dwb3U0vQ.js +10 -0
  2. package/dist/Input-B_w6SBmg.js +12 -0
  3. package/dist/Label-DjSEhgyW.js +11 -0
  4. package/dist/Paragraph-CFjOkbXa.js +11 -0
  5. package/dist/Textarea-BBstVlPT.js +10 -0
  6. package/dist/altinn-ds-overrides.css +2 -2
  7. package/dist/altinn-ds.css +47 -101
  8. package/dist/assets/Button.css +1 -1
  9. package/dist/assets/ButtonBase.css +1 -1
  10. package/dist/assets/ButtonIcon.css +1 -1
  11. package/dist/assets/ButtonLabel.css +1 -1
  12. package/dist/assets/ComboButton.css +1 -1
  13. package/dist/assets/IconButton.css +1 -1
  14. package/dist/assets/ListItemHeader.css +1 -1
  15. package/dist/assets/MenuItemLabel.css +1 -1
  16. package/dist/components/Bookmarks/EditableBookmark.js +31 -30
  17. package/dist/components/Button/Button.js +41 -43
  18. package/dist/components/Button/ButtonBase.js +28 -26
  19. package/dist/components/Button/ButtonIcon.js +3 -3
  20. package/dist/components/Button/ButtonLabel.js +3 -3
  21. package/dist/components/Button/ComboButton.js +30 -28
  22. package/dist/components/Button/IconButton.js +24 -25
  23. package/dist/components/ContextMenu/ContextMenu.js +5 -6
  24. package/dist/components/Dialog/DialogActions.js +22 -21
  25. package/dist/components/DsComponents/index.js +23 -21
  26. package/dist/components/Forms/Checkbox.js +16 -0
  27. package/dist/components/Forms/CheckboxOptions.js +12 -0
  28. package/dist/components/Forms/Field.js +6 -0
  29. package/dist/components/Forms/FieldBase.js +17 -0
  30. package/dist/components/Forms/Fieldset.js +28 -0
  31. package/dist/components/Forms/FieldsetBase.js +15 -0
  32. package/dist/components/Forms/Input.js +14 -0
  33. package/dist/components/Forms/Label.js +6 -0
  34. package/dist/components/Forms/Legend.js +14 -0
  35. package/dist/components/Forms/OptionsBase.js +18 -0
  36. package/dist/components/Forms/Radio.js +16 -0
  37. package/dist/components/Forms/RadioOptions.js +12 -0
  38. package/dist/components/Forms/Select.js +25 -0
  39. package/dist/components/Forms/SelectField.js +12 -0
  40. package/dist/components/Forms/Switch.js +16 -0
  41. package/dist/components/Forms/SwitchOptions.js +12 -0
  42. package/dist/components/Forms/TextField.js +12 -0
  43. package/dist/components/Forms/Textarea.js +6 -0
  44. package/dist/components/Forms/TextareaField.js +12 -0
  45. package/dist/components/Forms/index.js +40 -0
  46. package/dist/components/GlobalMenu/AccountMenu.js +2 -2
  47. package/dist/components/GlobalMenu/GlobalMenu.js +72 -65
  48. package/dist/components/List/ListItemHeader.js +30 -30
  49. package/dist/components/Menu/Menu.js +42 -38
  50. package/dist/components/Menu/MenuItemLabel.js +10 -10
  51. package/dist/components/Menu/MenuItemsVirtual.js +28 -27
  52. package/dist/components/Page/DashboardCard.js +10 -9
  53. package/dist/components/Page/PageDetails.js +1 -1
  54. package/dist/components/Page/PageNav.js +6 -6
  55. package/dist/components/Toolbar/ToolbarButton.js +23 -21
  56. package/dist/components/Toolbar/ToolbarFilter.js +27 -26
  57. package/dist/components/index.js +147 -113
  58. package/dist/{floating-ui.react-BQwG1HOM.js → floating-ui.react-DpzNAs2N.js} +26 -31
  59. package/dist/{index-DcykCrjD.js → index-B7UjMwQm.js} +13 -12
  60. package/dist/index-Bq6w9CqA.js +81 -0
  61. package/dist/index.js +177 -143
  62. package/dist/lite-1fxw3LjI.js +7 -0
  63. package/dist/tokens/README.md +1 -1
  64. package/dist/tokens/altinn-ds.css +48 -102
  65. package/dist/tokens/design-tokens-build/altinn-ds.css +48 -102
  66. package/dist/types/fields.js +1 -0
  67. package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts +0 -1
  68. package/dist/types/lib/components/Button/Button.d.ts +1 -2
  69. package/dist/types/lib/components/Button/Button.stories.d.ts +5 -1
  70. package/dist/types/lib/components/Button/ButtonBase.d.ts +3 -2
  71. package/dist/types/lib/components/Button/ComboButton.d.ts +1 -1
  72. package/dist/types/lib/components/Dialog/DialogActions.d.ts +2 -1
  73. package/dist/types/lib/components/Dialog/DialogActions.stories.d.ts +1 -1
  74. package/dist/types/lib/components/Forms/Checkbox.d.ts +7 -0
  75. package/dist/types/lib/components/Forms/Checkbox.stories.d.ts +15 -0
  76. package/dist/types/lib/components/Forms/CheckboxOptions.d.ts +5 -0
  77. package/dist/types/lib/components/Forms/CheckboxOptions.stories.d.ts +18 -0
  78. package/dist/types/lib/components/Forms/Field.d.ts +7 -0
  79. package/dist/types/lib/components/Forms/FieldBase.d.ts +8 -0
  80. package/dist/types/lib/components/Forms/Fieldset.d.ts +7 -0
  81. package/dist/types/lib/components/Forms/FieldsetBase.d.ts +8 -0
  82. package/dist/types/lib/components/Forms/Forms.stories.d.ts +7 -0
  83. package/dist/types/lib/components/Forms/Input.d.ts +10 -0
  84. package/dist/types/lib/components/Forms/Label.d.ts +7 -0
  85. package/dist/types/lib/components/Forms/Legend.d.ts +7 -0
  86. package/dist/types/lib/components/Forms/OptionsBase.d.ts +9 -0
  87. package/dist/types/lib/components/Forms/Radio.d.ts +7 -0
  88. package/dist/types/lib/components/Forms/Radio.stories.d.ts +15 -0
  89. package/dist/types/lib/components/Forms/RadioOptions.d.ts +6 -0
  90. package/dist/types/lib/components/Forms/RadioOptions.stories.d.ts +18 -0
  91. package/dist/types/lib/components/Forms/Select.d.ts +9 -0
  92. package/dist/types/lib/components/Forms/SelectField.d.ts +8 -0
  93. package/dist/types/lib/components/Forms/SelectField.stories.d.ts +14 -0
  94. package/dist/types/lib/components/Forms/Switch.d.ts +7 -0
  95. package/dist/types/lib/components/Forms/Switch.stories.d.ts +15 -0
  96. package/dist/types/lib/components/Forms/SwitchOptions.d.ts +6 -0
  97. package/dist/types/lib/components/Forms/SwitchOptions.stories.d.ts +18 -0
  98. package/dist/types/lib/components/Forms/TextField.d.ts +6 -0
  99. package/dist/types/lib/components/Forms/TextField.stories.d.ts +15 -0
  100. package/dist/types/lib/components/Forms/Textarea.d.ts +7 -0
  101. package/dist/types/lib/components/Forms/TextareaField.d.ts +6 -0
  102. package/dist/types/lib/components/Forms/TextareaField.stories.d.ts +15 -0
  103. package/dist/types/lib/components/Forms/index.d.ts +19 -0
  104. package/dist/types/lib/components/GlobalMenu/AccountMenu.d.ts +4 -2
  105. package/dist/types/lib/components/GlobalMenu/AccountMenu.stories.d.ts +3 -2
  106. package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts +1 -1
  107. package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +3 -2
  108. package/dist/types/lib/components/Header/Header.stories.d.ts +1 -0
  109. package/dist/types/lib/components/Menu/Examples.stories.d.ts +6 -6
  110. package/dist/types/lib/components/Menu/Menu.d.ts +3 -3
  111. package/dist/types/lib/components/Menu/Menu.stories.d.ts +1 -1
  112. package/dist/types/lib/components/Menu/MenuItems.d.ts +4 -0
  113. package/dist/types/lib/components/Menu/MenuItemsVirtual.d.ts +5 -1
  114. package/dist/types/lib/components/Page/DashboardHeader.stories.d.ts +12 -0
  115. package/dist/types/lib/components/Page/{Patterns.stories.d.ts → Examples.stories.d.ts} +2 -0
  116. package/dist/types/lib/components/Toolbar/ToolbarButton.d.ts +2 -1
  117. package/dist/types/lib/components/Toolbar/ToolbarButton.stories.d.ts +1 -1
  118. package/dist/types/lib/components/index.d.ts +1 -1
  119. package/dist/types/lib/types/fields.d.ts +2 -0
  120. package/dist/usePagination-B4GfH2GQ.js +1026 -0
  121. package/package.json +1 -1
  122. package/dist/assets/FieldBase.css +0 -1
  123. package/dist/assets/InputBase.css +0 -1
  124. package/dist/components/TextField/FieldBase.js +0 -16
  125. package/dist/components/TextField/InputBase.js +0 -33
  126. package/dist/components/TextField/TextField.js +0 -7
  127. package/dist/components/TextField/index.js +0 -8
  128. package/dist/types/lib/components/Button/Buttons.stories.d.ts +0 -18
  129. package/dist/types/lib/components/TextField/FieldBase.d.ts +0 -11
  130. package/dist/types/lib/components/TextField/InputBase.d.ts +0 -14
  131. package/dist/types/lib/components/TextField/TextField.d.ts +0 -7
  132. package/dist/types/lib/components/TextField/index.d.ts +0 -3
  133. package/dist/usePagination-BJD-uxk9.js +0 -1098
@@ -0,0 +1,8 @@
1
+ import { ReactNode } from 'react';
2
+ import { FieldProps } from '..';
3
+ export type FieldBaseProps = {
4
+ label?: ReactNode;
5
+ helperText?: ReactNode;
6
+ children?: ReactNode;
7
+ } & FieldProps;
8
+ export declare const FieldBase: ({ size, color, label, helperText, children, ...restProps }: FieldBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { FieldsetProps as DsFieldsetProps } from '@digdir/designsystemet-react';
2
+ import { FieldColor, FieldSize } from '../../types/fields.ts';
3
+ export type FieldsetProps = {
4
+ size?: FieldSize;
5
+ color?: FieldColor;
6
+ } & Omit<DsFieldsetProps, 'data-size' | 'data-color'>;
7
+ export declare const Fieldset: ({ size, color, children, ...props }: FieldsetProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { ReactNode } from 'react';
2
+ import { FieldsetProps } from '..';
3
+ export type FieldsetBaseProps = {
4
+ legend?: ReactNode;
5
+ inline?: boolean;
6
+ children?: ReactNode;
7
+ } & FieldsetProps;
8
+ export declare const FieldsetBase: ({ legend, children, ...props }: FieldsetBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ declare const meta: {
2
+ title: string;
3
+ parameters: {};
4
+ args: {};
5
+ };
6
+ export default meta;
7
+ export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { InputProps as DsInputProps } from '@digdir/designsystemet-react';
2
+ import { FieldColor, FieldSize } from '../../types/fields.ts';
3
+ export type InputProps = {
4
+ /** Width of input in count of characters */
5
+ inputSize?: DsInputProps['size'];
6
+ /** Change size of input, according to predefined field sizes */
7
+ size?: FieldSize;
8
+ color?: FieldColor;
9
+ } & Omit<DsInputProps, 'data-size' | 'data-color' | 'size'>;
10
+ export declare const Input: ({ inputSize, size, color, ...rest }: InputProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { LabelProps as DsLabelProps } from '@digdir/designsystemet-react';
2
+ import { FieldColor, FieldSize } from '../../types/fields.ts';
3
+ export type LabelProps = {
4
+ size?: FieldSize;
5
+ color?: FieldColor;
6
+ } & Omit<DsLabelProps, 'data-size' | 'data-color'>;
7
+ export declare const Label: ({ size, color, children, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { FieldsetLegendProps as DsLegendProps } from '@digdir/designsystemet-react';
2
+ import { FieldColor, FieldSize } from '../../types/fields.ts';
3
+ export type LegendProps = {
4
+ size?: FieldSize;
5
+ color?: FieldColor;
6
+ } & Omit<DsLegendProps, 'data-size' | 'data-color'>;
7
+ export declare const Legend: ({ size, color, children, ...props }: LegendProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from 'react';
2
+ import { FieldColor, FieldSize } from '../../types/fields.ts';
3
+ export interface OptionsBaseProps {
4
+ children?: ReactNode;
5
+ size?: FieldSize;
6
+ color?: FieldColor;
7
+ inline?: boolean;
8
+ }
9
+ export declare const OptionsBase: ({ size, color, inline, children }: OptionsBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { RadioProps as DsRadioProps } from '@digdir/designsystemet-react';
2
+ import { FieldColor, FieldSize } from '../../types/fields.ts';
3
+ export type RadioProps = {
4
+ size?: FieldSize;
5
+ color?: FieldColor;
6
+ } & DsRadioProps;
7
+ export declare const Radio: ({ size, color, label, ...rest }: RadioProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,15 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ size, color, label, ...rest }: import('./Radio').RadioProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: string[];
6
+ parameters: {};
7
+ args: {
8
+ name: string;
9
+ value: string;
10
+ label: string;
11
+ };
12
+ };
13
+ export default meta;
14
+ type Story = StoryObj<typeof meta>;
15
+ export declare const Default: Story;
@@ -0,0 +1,6 @@
1
+ import { OptionsBaseProps, RadioProps } from '..';
2
+ export interface RadioOptionsProps extends OptionsBaseProps {
3
+ name?: string;
4
+ options?: RadioProps[];
5
+ }
6
+ export declare const RadioOptions: ({ name, options, ...restProps }: RadioOptionsProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ name, options, ...restProps }: import('./RadioOptions').RadioOptionsProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: string[];
6
+ parameters: {};
7
+ args: {
8
+ name: string;
9
+ options: {
10
+ value: string;
11
+ label: string;
12
+ }[];
13
+ };
14
+ };
15
+ export default meta;
16
+ type Story = StoryObj<typeof meta>;
17
+ export declare const Default: Story;
18
+ export declare const Inline: Story;
@@ -0,0 +1,9 @@
1
+ import { SelectProps as DsSelectProps } from '@digdir/designsystemet-react';
2
+ import { ReactNode } from 'react';
3
+ import { FieldColor, FieldSize } from '../../types/fields.ts';
4
+ export type SelectProps = {
5
+ size?: FieldSize;
6
+ color?: FieldColor;
7
+ children?: ReactNode;
8
+ } & Omit<DsSelectProps, 'data-size' | 'data-color'>;
9
+ export declare const Select: ({ size, color, children, ...rest }: SelectProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { SelectProps } from '..';
2
+ import { FieldSize } from '../../types/fields.ts';
3
+ export interface SelectFieldProps extends SelectProps {
4
+ children?: React.ReactNode;
5
+ size?: FieldSize;
6
+ label?: string;
7
+ }
8
+ export declare const SelectField: ({ size, label, children, ...rest }: SelectFieldProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,14 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ size, label, children, ...rest }: import('./SelectField').SelectFieldProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: string[];
6
+ parameters: {};
7
+ args: {
8
+ label: string;
9
+ children: import("react/jsx-runtime").JSX.Element[];
10
+ };
11
+ };
12
+ export default meta;
13
+ type Story = StoryObj<typeof meta>;
14
+ export declare const Default: Story;
@@ -0,0 +1,7 @@
1
+ import { SwitchProps as DsSwitchProps } from '@digdir/designsystemet-react';
2
+ import { FieldColor, FieldSize } from '../../types/fields.ts';
3
+ export type SwitchProps = {
4
+ size?: FieldSize;
5
+ color?: FieldColor;
6
+ } & DsSwitchProps;
7
+ export declare const Switch: ({ size, color, label, ...rest }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,15 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ size, color, label, ...rest }: import('./Switch').SwitchProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: string[];
6
+ parameters: {};
7
+ args: {
8
+ name: string;
9
+ value: string;
10
+ label: string;
11
+ };
12
+ };
13
+ export default meta;
14
+ type Story = StoryObj<typeof meta>;
15
+ export declare const Default: Story;
@@ -0,0 +1,6 @@
1
+ import { OptionsBaseProps, SwitchProps } from '..';
2
+ export interface SwitchOptionsProps extends OptionsBaseProps {
3
+ options?: SwitchProps[];
4
+ name?: string;
5
+ }
6
+ export declare const SwitchOptions: ({ name, options, ...restProps }: SwitchOptionsProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ name, options, ...restProps }: import('./SwitchOptions').SwitchOptionsProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: string[];
6
+ parameters: {};
7
+ args: {
8
+ name: string;
9
+ options: {
10
+ value: string;
11
+ label: string;
12
+ }[];
13
+ };
14
+ };
15
+ export default meta;
16
+ type Story = StoryObj<typeof meta>;
17
+ export declare const Default: Story;
18
+ export declare const Inline: Story;
@@ -0,0 +1,6 @@
1
+ import { FieldBaseProps, InputProps } from '..';
2
+ export interface TextFieldProps extends InputProps {
3
+ label?: FieldBaseProps['label'];
4
+ helperText?: FieldBaseProps['helperText'];
5
+ }
6
+ export declare const TextField: ({ size, color, label, helperText, ...rest }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,15 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ size, color, label, helperText, ...rest }: import('./TextField').TextFieldProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: string[];
6
+ parameters: {};
7
+ args: {
8
+ name: string;
9
+ label: string;
10
+ placeholder: string;
11
+ };
12
+ };
13
+ export default meta;
14
+ type Story = StoryObj<typeof meta>;
15
+ export declare const Default: Story;
@@ -0,0 +1,7 @@
1
+ import { TextareaProps as DsTextareaProps } from '@digdir/designsystemet-react';
2
+ import { FieldColor, FieldSize } from '../../types/fields.ts';
3
+ export type TextareaProps = {
4
+ size?: FieldSize;
5
+ color?: FieldColor;
6
+ } & Omit<DsTextareaProps, 'data-size' | 'data-color'>;
7
+ export declare const Textarea: ({ size, color, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { FieldBaseProps, TextareaProps } from '..';
2
+ export interface TextareaFieldProps extends TextareaProps {
3
+ label?: FieldBaseProps['label'];
4
+ helperText?: FieldBaseProps['helperText'];
5
+ }
6
+ export declare const TextareaField: ({ size, color, label, helperText, ...rest }: TextareaFieldProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,15 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ size, color, label, helperText, ...rest }: import('./TextareaField.tsx').TextareaFieldProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: string[];
6
+ parameters: {};
7
+ args: {
8
+ name: string;
9
+ label: string;
10
+ placeholder: string;
11
+ };
12
+ };
13
+ export default meta;
14
+ type Story = StoryObj<typeof meta>;
15
+ export declare const Default: Story;
@@ -0,0 +1,19 @@
1
+ export * from './Field';
2
+ export * from './Fieldset';
3
+ export * from './Legend';
4
+ export * from './Label';
5
+ export * from './Input';
6
+ export * from './Textarea';
7
+ export * from './Select';
8
+ export * from './Radio';
9
+ export * from './Checkbox';
10
+ export * from './Switch';
11
+ export * from './FieldBase';
12
+ export * from './TextField';
13
+ export * from './TextareaField';
14
+ export * from './SelectField';
15
+ export * from './FieldsetBase';
16
+ export * from './OptionsBase';
17
+ export * from './RadioOptions';
18
+ export * from './SwitchOptions';
19
+ export * from './CheckboxOptions';
@@ -1,5 +1,6 @@
1
1
  import { AvatarProps, BadgeProps } from '../';
2
2
  import { MenuItemGroups, MenuSearchProps } from '../Menu';
3
+ import { MenuItemsVirtualProps } from '../Menu/MenuItems';
3
4
  export interface AccountSearchProps extends MenuSearchProps {
4
5
  getResultsLabel?: (hits: number) => string;
5
6
  hidden?: boolean;
@@ -20,6 +21,7 @@ export interface AccountMenuProps {
20
21
  accountSearch?: AccountSearchProps;
21
22
  currentAccount?: AccountMenuItem;
22
23
  onSelectAccount?: (id: string) => void;
23
- isVirtualized?: boolean;
24
+ menuItemsVirtual?: MenuItemsVirtualProps;
25
+ scrollRefStyles?: React.CSSProperties;
24
26
  }
25
- export declare const AccountMenu: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, isVirtualized, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
27
+ export declare const AccountMenu: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, menuItemsVirtual, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import { StoryObj } from '@storybook/react';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, isVirtualized, }: import('./AccountMenu').AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
4
+ component: ({ accounts, accountGroups, accountSearch, onSelectAccount, currentAccount, menuItemsVirtual, }: import('./AccountMenu').AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
5
5
  tags: string[];
6
6
  parameters: {};
7
7
  args: {
@@ -10,7 +10,8 @@ declare const meta: {
10
10
  accountSearch?: import('./AccountMenu').AccountSearchProps;
11
11
  currentAccount?: import('./AccountMenu').AccountMenuItem;
12
12
  onSelectAccount?: (id: string) => void;
13
- isVirtualized?: boolean;
13
+ menuItemsVirtual?: import('..').MenuItemsVirtualProps;
14
+ scrollRefStyles?: React.CSSProperties;
14
15
  };
15
16
  };
16
17
  export default meta;
@@ -15,4 +15,4 @@ export interface GlobalMenuProps extends AccountMenuProps {
15
15
  onSelectAccount?: (id: string) => void;
16
16
  onClose?: () => void;
17
17
  }
18
- export declare const GlobalMenu: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, isVirtualized, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
18
+ export declare const GlobalMenu: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, menuItemsVirtual, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
@@ -3,7 +3,7 @@ import { Account } from './AccountButton.tsx';
3
3
  import { GlobalMenuProps } from './GlobalMenu';
4
4
  declare const meta: {
5
5
  title: string;
6
- component: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, isVirtualized, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
6
+ component: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, menuItemsVirtual, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
7
7
  tags: string[];
8
8
  parameters: {};
9
9
  args: {
@@ -21,7 +21,8 @@ declare const meta: {
21
21
  accounts?: import('./AccountMenu.tsx').AccountMenuItem[];
22
22
  accountGroups?: import('../index.ts').MenuItemGroups;
23
23
  accountSearch?: import('./AccountMenu.tsx').AccountSearchProps;
24
- isVirtualized?: boolean;
24
+ menuItemsVirtual?: import('../index.ts').MenuItemsVirtualProps;
25
+ scrollRefStyles?: React.CSSProperties;
25
26
  };
26
27
  };
27
28
  export default meta;
@@ -20,4 +20,5 @@ declare const meta: {
20
20
  export default meta;
21
21
  export declare const CurrentAccount: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
22
22
  export declare const Login: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
23
+ export declare const SubItems: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
23
24
  export declare const ChangeLocale: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import { StoryObj } from '@storybook/react';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, isVirtualized, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
4
+ component: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, menuItemsVirtual, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
5
5
  parameters: {};
6
6
  args: {};
7
7
  };
@@ -12,7 +12,7 @@ export declare const NeutralInboxMenu: {
12
12
  args: {
13
13
  color: string;
14
14
  theme: string;
15
- isVirtualized?: boolean;
15
+ menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
16
16
  level?: number;
17
17
  expanded?: boolean;
18
18
  search?: import('./MenuSearch').MenuSearchProps;
@@ -29,7 +29,7 @@ export declare const CompanyInboxMenu: {
29
29
  args: {
30
30
  color: string;
31
31
  theme: string;
32
- isVirtualized?: boolean;
32
+ menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
33
33
  level?: number;
34
34
  expanded?: boolean;
35
35
  search?: import('./MenuSearch').MenuSearchProps;
@@ -46,7 +46,7 @@ export declare const PersonInboxMenu: {
46
46
  args: {
47
47
  color: string;
48
48
  theme: string;
49
- isVirtualized?: boolean;
49
+ menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
50
50
  level?: number;
51
51
  expanded?: boolean;
52
52
  search?: import('./MenuSearch').MenuSearchProps;
@@ -64,7 +64,7 @@ export declare const NeutralCompanyMenu: {
64
64
  args: {
65
65
  color: string;
66
66
  theme?: import('./MenuBase').MenuTheme;
67
- isVirtualized?: boolean;
67
+ menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
68
68
  level?: number;
69
69
  expanded?: boolean;
70
70
  search?: import('./MenuSearch').MenuSearchProps;
@@ -82,7 +82,7 @@ export declare const NeutralPersonMenu: {
82
82
  args: {
83
83
  color: string;
84
84
  theme?: import('./MenuBase').MenuTheme;
85
- isVirtualized?: boolean;
85
+ menuItemsVirtual?: import('./MenuItems').MenuItemsVirtualProps;
86
86
  level?: number;
87
87
  expanded?: boolean;
88
88
  search?: import('./MenuSearch').MenuSearchProps;
@@ -1,9 +1,9 @@
1
1
  import { MenuTheme } from './MenuBase';
2
2
  import { MenuItemColor } from './MenuItemBase';
3
- import { MenuItemsProps } from './MenuItems';
3
+ import { MenuItemsProps, MenuItemsVirtualProps } from './MenuItems';
4
4
  export interface MenuProps extends MenuItemsProps {
5
5
  color?: MenuItemColor;
6
6
  theme?: MenuTheme;
7
- isVirtualized?: boolean;
7
+ menuItemsVirtual?: MenuItemsVirtualProps;
8
8
  }
9
- export declare const Menu: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, isVirtualized, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const Menu: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, menuItemsVirtual, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import { StoryObj } from '@storybook/react';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, isVirtualized, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
4
+ component: ({ color, theme, defaultItemColor, defaultItemTheme, defaultItemSize, defaultIconTheme, groups, items, search, menuItemsVirtual, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
5
5
  parameters: {};
6
6
  args: {};
7
7
  };
@@ -10,6 +10,10 @@ export interface MenuGroupProps {
10
10
  defaultIconTheme?: IconTheme;
11
11
  }
12
12
  export type MenuItemGroups = Record<string, MenuGroupProps>;
13
+ export interface MenuItemsVirtualProps {
14
+ isVirtualized?: boolean;
15
+ scrollRefStyles?: React.CSSProperties;
16
+ }
13
17
  export interface MenuItemsProps {
14
18
  level?: number;
15
19
  expanded?: boolean;
@@ -1,2 +1,6 @@
1
1
  import { MenuItemsProps } from './MenuItems';
2
- export declare const MenuItemsVirtual: ({ level, search, items, groups, defaultItemSize, defaultItemColor, defaultItemTheme, defaultIconTheme, }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;
2
+ interface MenuItemsVirtualProps extends MenuItemsProps {
3
+ scrollRefStyles?: React.CSSProperties;
4
+ }
5
+ export declare const MenuItemsVirtual: ({ level, search, items, groups, defaultItemSize, defaultItemColor, defaultItemTheme, defaultIconTheme, scrollRefStyles, }: MenuItemsVirtualProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,12 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ type, name, title, description, loading, children }: import('./DashboardHeader').DashboardHeaderProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: string[];
6
+ parameters: {};
7
+ args: {};
8
+ };
9
+ export default meta;
10
+ type Story = StoryObj<typeof meta>;
11
+ export declare const Company: Story;
12
+ export declare const Person: Story;
@@ -22,4 +22,6 @@ export default meta;
22
22
  export declare const ProfileDashboard: () => import("react/jsx-runtime").JSX.Element;
23
23
  export declare const ProfileAccounts: () => import("react/jsx-runtime").JSX.Element;
24
24
  export declare const CompanyDashboard: () => import("react/jsx-runtime").JSX.Element;
25
+ export declare const CompanyInbox: () => import("react/jsx-runtime").JSX.Element;
26
+ export declare const CompanyDialog: () => import("react/jsx-runtime").JSX.Element;
25
27
  export declare const ServicePage: () => import("react/jsx-runtime").JSX.Element;
@@ -4,6 +4,7 @@ export interface ToolbarButtonProps {
4
4
  as?: ElementType;
5
5
  type?: ToolbarButtonType;
6
6
  ariaLabel?: string;
7
+ iconAltText?: string;
7
8
  removable?: boolean;
8
9
  selected?: boolean;
9
10
  active?: boolean;
@@ -11,4 +12,4 @@ export interface ToolbarButtonProps {
11
12
  onToggle?: MouseEventHandler;
12
13
  onRemove?: MouseEventHandler;
13
14
  }
14
- export declare const ToolbarButton: ({ type, selected, removable, ariaLabel, active, children, onToggle, onRemove, }: ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
15
+ export declare const ToolbarButton: ({ type, selected, removable, ariaLabel, active, children, onToggle, onRemove, iconAltText, }: ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import { StoryObj } from '@storybook/react';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: ({ type, selected, removable, ariaLabel, active, children, onToggle, onRemove, }: import('./ToolbarButton').ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
4
+ component: ({ type, selected, removable, ariaLabel, active, children, onToggle, onRemove, iconAltText, }: import('./ToolbarButton').ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
5
5
  tags: string[];
6
6
  parameters: {};
7
7
  args: {
@@ -30,5 +30,5 @@ export * from './Typography';
30
30
  export * from './ResourceList';
31
31
  export * from './AccessAreaList';
32
32
  export * from './AccessPackageList';
33
- export * from './TextField';
33
+ export * from './Forms';
34
34
  export * from './DsComponents';
@@ -0,0 +1,2 @@
1
+ export type FieldSize = 'xs' | 'sm' | 'md' | 'lg';
2
+ export type FieldColor = 'inherit' | 'accent' | 'company' | 'person' | 'neutral' | 'success' | 'warning' | 'error' | 'danger' | 'info' | 'alert';