@altinn/altinn-components 0.14.2 → 0.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.14.2",
+  "version": "0.15.0",
   "main": "dist/index.js",
   "files": [
     "dist/",
@@ -20,40 +20,41 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@navikt/aksel-icons": "^7.2.1",
+    "@navikt/aksel-icons": "^7.9.2",
     "classnames": "^2.5.1",
     "react": "^18.3.1",
-    "react-dom": ">=18.3.1"
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
-    "@chromatic-com/storybook": "^3.2.2",
-    "@storybook/addon-a11y": "^8.4.4",
-    "@storybook/addon-essentials": "^8.4.4",
-    "@storybook/addon-interactions": "^8.4.4",
-    "@storybook/addon-links": "^8.4.4",
-    "@storybook/addon-themes": "^8.4.4",
-    "@storybook/blocks": "^8.4.4",
-    "@storybook/react": "^8.4.4",
-    "@storybook/react-vite": "^8.4.4",
-    "@storybook/test": "^8.4.4",
+    "@chromatic-com/storybook": "^3.2.4",
+    "@storybook/addon-mdx-gfm": "^8.5.0",
+    "@storybook/addon-a11y": "^8.5.0",
+    "@storybook/addon-essentials": "^8.5.0",
+    "@storybook/addon-interactions": "^8.5.0",
+    "@storybook/addon-links": "^8.5.0",
+    "@storybook/addon-themes": "^8.5.0",
+    "@storybook/blocks": "^8.5.0",
+    "@storybook/react": "^8.5.0",
+    "@storybook/react-vite": "^8.5.0",
+    "@storybook/test": "^8.5.0",
     "@storybook/test-runner": "^0.21.0",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react-swc": "^3.7.1",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react-swc": "^3.7.2",
     "axe-core": "^4.10.2",
-    "glob": "^11.0.0",
-    "lint-staged": "^15.2.10",
+    "glob": "^11.0.1",
+    "lint-staged": "^15.4.1",
     "playwright": "^1.49.1",
-    "rollup-preserve-directives": "^1.1.2",
-    "storybook": "^8.4.4",
-    "storybook-addon-tag-badges": "^1.3.2",
+    "rollup-preserve-directives": "^1.1.3",
+    "storybook": "^8.5.0",
+    "storybook-addon-tag-badges": "^1.4.0",
     "storybook-addon-theme-provider": "^0.2.8",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.9",
-    "vite-plugin-dts": "^4.3.0",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-static-copy": "^2.1.0"
+    "typescript": "^5.7.3",
+    "vite": "^5.4.14",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-lib-inject-css": "^2.2.1",
+    "vite-plugin-static-copy": "^2.2.0"
   },
   "peerDependencies": {
     "react": ">=18.3.1",

package/dist/assets/ListItemMedia.css

@@ -1 +0,0 @@
-._media_1c07h_3{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:1em;height:1em}._media_1c07h_3{font-size:1.5rem}._media_1c07h_3[data-size=sm],._media_1c07h_3[data-size=md]{min-width:2.25rem;height:2.25rem}._media_1c07h_3[data-size=md],._media_1c07h_3[data-size=lg]{font-size:1.875rem}._media_1c07h_3[data-size=md] ._icon_1c07h_27,._media_1c07h_3[data-size=lg] ._icon_1c07h_27{font-size:1.75rem}._media_1c07h_3[data-size=xl]{font-size:2.25rem}._media_1c07h_3[data-size=xl] ._icon_1c07h_27{font-size:2rem}

package/dist/assets/MenuItemMedia.css

@@ -1 +0,0 @@
-._media_16d9z_1{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:5%;width:2rem;height:2rem}._media_16d9z_1[data-size=lg]{width:44px;height:44px}._media_16d9z_1[data-size=xs]{width:1.5rem;height:1.5rem}._media_16d9z_1[data-size=xs] ._icon_16d9z_22{font-size:1.25rem}._icon_16d9z_22{font-size:1.5rem}._badge_16d9z_30{position:absolute;top:0;right:0;margin-top:-.25em;margin-right:-.25em;outline:1px solid white}[data-theme=default] ._media_16d9z_1{background-color:var(--ds-color-surface-default)}[data-theme=subtle] ._media_16d9z_1{background-color:var(--ds-color-background-default)}._media_16d9z_1[data-theme=base]{background-color:var(--ds-color-base-default);color:var(--ds-color-contrast-default)}._media_16d9z_1[data-theme=surface]{background-color:var(--ds-color-surface-default);color:var(--ds-color-base-default)}._media_16d9z_1[data-theme=transparent]{background-color:transparent}

package/dist/components/List/ListItemMedia.js

@@ -1,39 +0,0 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { Avatar as d } from "../Avatar/Avatar.js";
-import { AvatarGroup as f } from "../Avatar/AvatarGroup.js";
-import { Icon as n } from "../Icon/Icon.js";
-import "../Icon/SvgIcon.js";
-import "../../index-L8X2o7IH.js";
-import { Skeleton as p } from "../Skeleton/Skeleton.js";
-import '../../assets/ListItemMedia.css';const v = "_media_1c07h_3", x = "_icon_1c07h_27", a = {
-  media: v,
-  icon: x
-}, m = {
-  avatar: {
-    xs: "sm",
-    sm: "md",
-    md: "lg",
-    lg: "lg",
-    xl: "xl"
-  },
-  avatarGroup: {
-    xs: "sm",
-    sm: "sm",
-    md: "md",
-    lg: "md",
-    xl: "lg"
-  }
-}, G = ({ loading: i, size: t = "sm", icon: s, avatar: o, avatarGroup: e, children: l }) => !s && !o && !e && !l ? !1 : i ? /* @__PURE__ */ r(p, { loading: i, variant: "circle", size: t, className: a.media, children: /* @__PURE__ */ r(n, { name: "airplane", variant: "outline", className: a.icon }) }) : /* @__PURE__ */ c("div", { className: a.media, "data-size": t, children: [
-  s && /* @__PURE__ */ r(n, { name: s, variant: "outline", className: a.icon }) || o && /* @__PURE__ */ r(d, { ...o, size: m == null ? void 0 : m.avatar[t], className: a.avatar }) || e && /* @__PURE__ */ r(
-    f,
-    {
-      ...e,
-      size: m == null ? void 0 : m.avatarGroup[t],
-      className: a.avatarGroup
-    }
-  ),
-  l
-] });
-export {
-  G as ListItemMedia
-};

package/dist/components/Menu/MenuItemMedia.js

@@ -1,50 +0,0 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { Icon as x } from "../Icon/Icon.js";
-import "../Icon/SvgIcon.js";
-import "../../index-L8X2o7IH.js";
-import "react";
-import "../Autocomplete/AutocompleteBase.js";
-import { Avatar as _ } from "../Avatar/Avatar.js";
-import { AvatarGroup as g } from "../Avatar/AvatarGroup.js";
-import "../RootProvider/RootProvider.js";
-import { Badge as f } from "../Badge/Badge.js";
-import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemMedia.css';const u = "_media_16d9z_1", b = "_icon_16d9z_22", v = "_badge_16d9z_30", a = {
-  media: u,
-  icon: b,
-  badge: v
-}, m = {
-  avatar: {
-    xs: "xs",
-    sm: "sm",
-    md: "md",
-    lg: "xl"
-  },
-  avatarGroup: {
-    xs: "xs",
-    sm: "xs",
-    md: "sm",
-    lg: "md"
-  }
-}, w = ({
-  theme: n,
-  size: e = "sm",
-  icon: t,
-  iconVariant: c,
-  avatar: s,
-  avatarGroup: o,
-  badge: i,
-  children: d
-}) => {
-  if (!t && !s && !o && !d)
-    return null;
-  const l = (s || o) && "transparent" || t && n;
-  return /* @__PURE__ */ p("div", { className: a.media, "data-theme": l, "data-size": e, children: [
-    t && /* @__PURE__ */ r(x, { name: t, variant: c, className: a.icon }) || s && /* @__PURE__ */ r(_, { ...s, size: m == null ? void 0 : m.avatar[e] }) || o && /* @__PURE__ */ r(g, { ...o, size: m == null ? void 0 : m.avatarGroup[e] }),
-    d,
-    i && /* @__PURE__ */ r(f, { className: a.badge, variant: "strong", color: "alert", size: "xs", ...i })
-  ] });
-};
-export {
-  w as MenuItemMedia
-};

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

@@ -1,11 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ currentId, color, theme, children }: import('./LayoutBase').LayoutBaseProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {};
-    args: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

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

@@ -1,11 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ currentId, children }: import('./LayoutBody').LayoutBodyProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {};
-    args: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

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

@@ -1,11 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ color, children }: import('./LayoutBase').LayoutBaseProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {};
-    args: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

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

@@ -1,11 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ color, hidden, children }: import('./LayoutSidebar').LayoutSidebarProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {};
-    args: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

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

@@ -1,23 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { ListItemHeaderProps } from '../';
-declare const meta: {
-    title: string;
-    component: ({ as, loading, disabled, select, href, onClick, onKeyPress, tabIndex, collapsible, expanded, size, title, description, icon, avatar, avatarGroup, linkIcon, linkText, badge, menu, controls, className, children, }: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {};
-    args: {
-        title: string;
-        description: string;
-        size: "md";
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const MediaTypes: (args: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Loading: (args: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Controls: (args: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Selectable: (args: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Colors: (args: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Sizes: (args: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Collapsible: (args: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-import { AvatarGroupProps, AvatarProps } from '../Avatar';
-import { IconName } from '../Icon';
-import { ListItemSize } from './ListItemBase';
-export interface ListItemMediaProps {
-    loading?: boolean;
-    size?: ListItemSize;
-    icon?: IconName;
-    avatar?: AvatarProps;
-    avatarGroup?: AvatarGroupProps;
-    children?: ReactNode;
-}
-export declare const ListItemMedia: ({ loading, size, icon, avatar, avatarGroup, children }: ListItemMediaProps) => false | import("react/jsx-runtime").JSX.Element;

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

@@ -1,25 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ as, size, color, theme, collapsible, expanded, icon, iconVariant, avatar, avatarGroup, title, description, badge, alertBadge, linkText, linkIcon, label, ...rest }: import('./MenuItem').MenuItemProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {};
-    args: {
-        id: string;
-        onClick: () => void;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Badge: Story;
-export declare const BadgeXs: Story;
-export declare const Large: Story;
-export declare const AlertBadge: Story;
-export declare const Person: Story;
-export declare const PersonGroup: Story;
-export declare const Company: Story;
-export declare const CompanyGroup: Story;
-export declare const PersonAccount: Story;
-export declare const CompanyAccount: Story;
-export declare const ThemesAndColors: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-import { AvatarGroupProps, AvatarProps, BadgeProps, IconName, IconVariant, MenuItemSize, MenuItemTheme } from '..';
-interface MenuItemMediaProps {
-    theme?: MenuItemTheme;
-    size?: MenuItemSize;
-    icon?: IconName;
-    iconVariant?: IconVariant;
-    avatar?: AvatarProps;
-    avatarGroup?: AvatarGroupProps;
-    badge?: BadgeProps | undefined;
-    children?: ReactNode;
-}
-export declare const MenuItemMedia: ({ theme, size, icon, iconVariant, avatar, avatarGroup, badge, children, }: MenuItemMediaProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};