@altinn/altinn-components 0.23.2 → 0.23.3

package/dist/assets/ListItemLink.css

@@ -1 +1 @@
-._link_kjmgd_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}._link_kjmgd_1[aria-disabled=true]{pointer-events:none}
+._link_1j3d8_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}._link_1j3d8_1[aria-disabled=true]{pointer-events:none}._link_1j3d8_1[data-interactive=true]{cursor:pointer}

package/dist/components/List/ListItem.js

@@ -1,7 +1,7 @@
-import { jsxs as k, jsx as q } from "react/jsx-runtime";
-import { ListItemBase as v } from "./ListItemBase.js";
-import { ListItemHeader as w } from "./ListItemHeader.js";
-const D = ({
+import { jsxs as q, jsx as v } from "react/jsx-runtime";
+import { ListItemBase as w } from "./ListItemBase.js";
+import { ListItemHeader as z } from "./ListItemHeader.js";
+const E = ({
   className: f,
   variant: e = "solid",
   color: r,
@@ -24,11 +24,12 @@ const D = ({
   selected: y,
   controls: B,
   children: H,
-  ...b
+  interactive: b,
+  ...d
 }) => {
-  const d = typeof t == "function" ? t() : t;
-  return /* @__PURE__ */ k(
-    v,
+  const k = typeof t == "function" ? t() : t;
+  return /* @__PURE__ */ q(
+    w,
     {
       variant: e,
       color: r,
@@ -38,9 +39,10 @@ const D = ({
       expanded: s,
       title: o,
       loading: m,
+      interactive: b,
       children: [
-        /* @__PURE__ */ q(
-          w,
+        /* @__PURE__ */ v(
+          z,
           {
             className: f,
             color: r,
@@ -59,8 +61,8 @@ const D = ({
             badge: j,
             controls: B,
             titleAs: I,
-            ...b,
-            children: d
+            ...d,
+            children: k
           }
         ),
         s ? H : null
@@ -69,5 +71,5 @@ const D = ({
   );
 };
 export {
-  D as ListItem
+  E as ListItem
 };

package/dist/components/List/ListItemLink.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import { c as o } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemLink.css';const x = "_link_kjmgd_1", i = {
-  link: x
+import '../../assets/ListItemLink.css';const _ = "_link_1j3d8_1", i = {
+  link: _
 }, L = ({
   interactive: e = !1,
   size: r,
@@ -14,26 +14,26 @@ import '../../assets/ListItemLink.css';const x = "_link_kjmgd_1", i = {
   onKeyPress: t,
   className: d,
   children: s,
-  active: k,
-  describedby: m
+  active: x,
+  describedby: n
 }) => e ? /* @__PURE__ */ c(
   p || "div",
   {
     className: o(i.link, i.interactive, d),
     href: b,
-    onKeyPress: (n) => {
-      n.key === "Enter" && (a == null || a()), t == null || t(n);
+    onKeyPress: (m) => {
+      m.key === "Enter" && (a == null || a()), t == null || t(m);
     },
     onClick: a,
     "data-interactive": e,
     "aria-disabled": f || l,
     "aria-selected": v,
-    "aria-describedby": m,
+    "aria-describedby": n,
     "data-size": r,
-    "data-active": k,
+    "data-active": x,
     children: s
   }
-) : /* @__PURE__ */ c("div", { className: o(i.link, d), "data-size": r, "aria-describedby": m, children: s });
+) : /* @__PURE__ */ c("div", { className: o(i.link, d), "data-size": r, "aria-describedby": n, children: s });
 export {
   L as ListItemLink
 };

package/dist/components/Search/AutocompleteItem.js

@@ -4,16 +4,16 @@ import "react";
 import { BookmarksListItem as n } from "../Bookmarks/BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
 import { ListItem as o } from "../List/ListItem.js";
-import { DialogListItem as r } from "../Dialog/DialogListItem.js";
+import { DialogListItem as a } from "../Dialog/DialogListItem.js";
 import "./AutocompleteBase.js";
-import { ScopeListItem as a } from "./ScopeListItem.js";
+import { ScopeListItem as r } from "./ScopeListItem.js";
 import { SuggestListItem as i } from "./SuggestListItem.js";
 import "../Snackbar/useSnackbar.js";
 const p = ({ type: m, ...e }) => {
   switch (m) {
     case "scope":
       return /* @__PURE__ */ t(
-        a,
+        r,
         {
           ...e,
           color: "company",
@@ -49,7 +49,7 @@ const p = ({ type: m, ...e }) => {
       );
     case "dialog":
       return /* @__PURE__ */ t(
-        r,
+        a,
         {
           ...e,
           theme: "default",
@@ -60,7 +60,17 @@ const p = ({ type: m, ...e }) => {
         }
       );
     case "information":
-      return /* @__PURE__ */ t(o, { ...e, theme: "default", shadow: "none", tabIndex: -1, interactive: !1 });
+      return /* @__PURE__ */ t(
+        o,
+        {
+          as: "div",
+          ...e,
+          theme: "default",
+          shadow: "none",
+          tabIndex: -1,
+          interactive: !1
+        }
+      );
     default:
       return /* @__PURE__ */ t(o, { ...e, theme: "default", shadow: "none", size: "sm", tabIndex: -1 });
   }

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

@@ -35,4 +35,4 @@ export interface ListItemInputProps extends ListItemProps {
     /** Child items */
     items?: ListItemProps[];
 }
-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;
+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;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { ListItemProps } from '../';
 declare const meta: {
     title: string;
-    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;
+    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;
     parameters: {};
     args: {
         id: string;
@@ -23,6 +23,7 @@ export declare const LoadingState: (args: ListItemProps) => import("react/jsx-ru
 export declare const Selectable: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Collapsible: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const CollapsibleExpanded: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NonInteractive: () => import("react/jsx-runtime").JSX.Element;
 export declare const Theme: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Size: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const OverridingIcon: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { ListItemProps } from '../';
 declare const meta: {
     title: string;
-    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;
+    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;
     parameters: {};
     args: {
         id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.23.2",
+  "version": "0.23.3",
   "main": "dist/index.js",
   "files": [
     "dist/",