@altinn/altinn-components 0.23.2 → 0.24.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 (41) hide show
  1. package/dist/assets/HeaderBase.css +1 -1
  2. package/dist/assets/HeaderGroup.css +1 -0
  3. package/dist/assets/ListItemLink.css +1 -1
  4. package/dist/assets/LocaleButton.css +1 -0
  5. package/dist/assets/SnackbarBase.css +1 -1
  6. package/dist/components/Button/ButtonBase.js +18 -17
  7. package/dist/components/Button/IconButton.js +19 -17
  8. package/dist/components/Dialog/DialogHistorySegment.js +20 -19
  9. package/dist/components/Header/Header.js +79 -52
  10. package/dist/components/Header/HeaderBase.js +1 -1
  11. package/dist/components/Header/HeaderGroup.js +8 -0
  12. package/dist/components/Header/LocaleButton.js +47 -0
  13. package/dist/components/Header/LocaleSwitcher.js +17 -0
  14. package/dist/components/Header/index.js +10 -6
  15. package/dist/components/List/ListItem.js +15 -13
  16. package/dist/components/List/ListItemLink.js +9 -9
  17. package/dist/components/Search/AutocompleteItem.js +15 -5
  18. package/dist/components/Snackbar/SnackbarBase.js +1 -1
  19. package/dist/components/Timeline/TimelineBase.js +16 -15
  20. package/dist/components/Timeline/TimelineSegment.js +13 -12
  21. package/dist/components/index.js +216 -212
  22. package/dist/index.js +229 -225
  23. package/dist/types/lib/components/Button/IconButton.d.ts +2 -1
  24. package/dist/types/lib/components/Dialog/DialogHistorySegment.d.ts +1 -1
  25. package/dist/types/lib/components/Header/Header.d.ts +3 -1
  26. package/dist/types/lib/components/Header/Header.stories.d.ts +2 -1
  27. package/dist/types/lib/components/Header/HeaderGroup.d.ts +7 -0
  28. package/dist/types/lib/components/Header/LocaleButton.d.ts +7 -0
  29. package/dist/types/lib/components/Header/LocaleSwitcher.d.ts +10 -0
  30. package/dist/types/lib/components/Header/LocaleSwitcher.stories.d.ts +17 -0
  31. package/dist/types/lib/components/Header/index.d.ts +2 -0
  32. package/dist/types/lib/components/List/ListItem.d.ts +1 -1
  33. package/dist/types/lib/components/List/ListItem.stories.d.ts +2 -1
  34. package/dist/types/lib/components/List/Specimens.stories.d.ts +1 -1
  35. package/dist/types/lib/components/Page/Flex.d.ts +1 -0
  36. package/dist/types/lib/components/Timeline/TimelineBase.d.ts +2 -1
  37. package/dist/types/lib/components/Timeline/TimelineSegment.d.ts +2 -1
  38. package/package.json +1 -1
  39. package/dist/assets/HeaderMenu.css +0 -1
  40. package/dist/components/Header/HeaderMenu.js +0 -8
  41. package/dist/types/lib/components/Header/HeaderMenu.d.ts +0 -7
@@ -0,0 +1,17 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ title, options, onChange }: import('./LocaleSwitcher').LocaleSwitcherProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: string[];
6
+ parameters: {};
7
+ args: {
8
+ id?: string;
9
+ title?: string;
10
+ options: import('..').MenuOptionProps[];
11
+ className?: string;
12
+ onChange?: import('react').ChangeEventHandler;
13
+ };
14
+ };
15
+ export default meta;
16
+ type Story = StoryObj<typeof meta>;
17
+ export declare const Default: Story;
@@ -2,3 +2,5 @@ export * from './Header';
2
2
  export * from './HeaderBase';
3
3
  export * from './HeaderLogo';
4
4
  export * from './HeaderButton';
5
+ export * from './LocaleButton';
6
+ export * from './LocaleSwitcher';
@@ -35,4 +35,4 @@ export interface ListItemInputProps extends ListItemProps {
35
35
  /** Child items */
36
36
  items?: ListItemProps[];
37
37
  }
38
- export declare const ListItem: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
38
+ export declare const ListItem: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, interactive, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
  import { ListItemProps } from '../';
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
5
+ component: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, interactive, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
6
6
  parameters: {};
7
7
  args: {
8
8
  id: string;
@@ -23,6 +23,7 @@ export declare const LoadingState: (args: ListItemProps) => import("react/jsx-ru
23
23
  export declare const Selectable: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
24
24
  export declare const Collapsible: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
25
25
  export declare const CollapsibleExpanded: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
26
+ export declare const NonInteractive: () => import("react/jsx-runtime").JSX.Element;
26
27
  export declare const Theme: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
27
28
  export declare const Size: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
28
29
  export declare const OverridingIcon: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import { ListItemProps } from '../';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
4
+ component: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, interactive, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
5
5
  parameters: {};
6
6
  args: {
7
7
  id: string;
@@ -22,5 +22,6 @@ export interface FlexProps {
22
22
  children?: ReactNode;
23
23
  className?: string;
24
24
  style?: CSSProperties;
25
+ id?: string;
25
26
  }
26
27
  export declare const Flex: ({ as, color, theme, shadow, direction, reverse, align, justify, spacing, padding, margin, bleed, className, style, children, ...rest }: FlexProps) => import("react/jsx-runtime").JSX.Element;
@@ -14,5 +14,6 @@ export interface TimelineBaseProps {
14
14
  iconColor?: Color;
15
15
  avatar?: AvatarProps;
16
16
  children?: ReactNode;
17
+ id?: string;
17
18
  }
18
- export declare const TimelineBase: ({ as, loading, border, level, color, icon, iconColor, avatar, children, ...props }: TimelineBaseProps) => import("react/jsx-runtime").JSX.Element;
19
+ export declare const TimelineBase: ({ as, loading, border, level, color, icon, iconColor, avatar, children, id, ...props }: TimelineBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { FlexMargin, FlexSpacing, SvgElement, TimelineBaseProps, TimelineBorder, TypographyProps } from '..';
3
3
  export interface TimelineSegmentProps extends TimelineBaseProps {
4
+ id?: string;
4
5
  loading?: boolean;
5
6
  icon?: SvgElement;
6
7
  datetime?: string;
@@ -12,4 +13,4 @@ export interface TimelineSegmentProps extends TimelineBaseProps {
12
13
  margin?: FlexMargin;
13
14
  spacing?: FlexSpacing;
14
15
  }
15
- export declare const TimelineSegment: ({ loading, datetime, byline, icon, color, spacing, margin, children, footer, ...props }: TimelineSegmentProps) => import("react/jsx-runtime").JSX.Element;
16
+ export declare const TimelineSegment: ({ loading, datetime, byline, icon, color, spacing, margin, children, id, footer, ...props }: TimelineSegmentProps) => import("react/jsx-runtime").JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@altinn/altinn-components",
3
- "version": "0.23.2",
3
+ "version": "0.24.0",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist/",
@@ -1 +0,0 @@
1
- ._menu_1cafh_1{position:relative}
@@ -1,8 +0,0 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import { c as s } from "../../index-L8X2o7IH.js";
3
- import '../../assets/HeaderMenu.css';const o = "_menu_1cafh_1", r = {
4
- menu: o
5
- }, u = ({ className: e, children: m }) => /* @__PURE__ */ n("div", { className: s(r.menu, e), children: m });
6
- export {
7
- u as HeaderMenu
8
- };
@@ -1,7 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface HeaderMenuProps {
3
- className?: string;
4
- expanded?: boolean;
5
- children?: ReactNode;
6
- }
7
- export declare const HeaderMenu: ({ className, children }: HeaderMenuProps) => import("react/jsx-runtime").JSX.Element;