@altinn/altinn-components 0.7.5 → 0.8.1

package/dist/components/History/HistoryItemBase.stories.js

@@ -0,0 +1,48 @@
+import { HistoryItemBase as e } from "./HistoryItemBase.js";
+const a = {
+  title: "History/HistoryItemBase",
+  component: e,
+  tags: ["autodocs"],
+  parameters: {},
+  args: {
+    createdAt: "2024-09-22 13:34",
+    createdAtLabel: "22. september 2024 kl 13.34",
+    children: "Children"
+  }
+}, n = {
+  args: {}
+}, o = {
+  args: {
+    createdBy: {
+      type: "person",
+      name: "Eirik Horneland"
+    }
+  }
+}, r = {
+  args: {
+    createdBy: {
+      type: "company",
+      name: "Bergen Bar"
+    }
+  }
+}, s = {
+  args: {
+    createdBy: {
+      type: "company",
+      name: "Skatteetaten",
+      imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
+    }
+  }
+}, c = {
+  args: {
+    icon: "pencil-line"
+  }
+};
+export {
+  r as Company,
+  n as Default,
+  c as Icon,
+  s as Logo,
+  o as Person,
+  a as default
+};

package/dist/components/History/HistoryItemMedia.d.ts

@@ -0,0 +1,9 @@
+import { AvatarProps } from '../Avatar';
+import { IconName } from '../Icon';
+interface HistoryItemMediaProps {
+    loading?: boolean;
+    icon?: IconName;
+    avatar?: AvatarProps;
+}
+export declare const HistoryItemMedia: ({ loading, icon, avatar }: HistoryItemMediaProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/History/HistoryItemMedia.js

@@ -0,0 +1,15 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Avatar as e } from "../Avatar/Avatar.js";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Icon as c } from "../Icon/Icon.js";
+import "../Icon/SvgIcon.js";
+import { Skeleton as r } from "../Skeleton/Skeleton.js";
+import '../../assets/HistoryItemMedia.css';const s = "_media_1dlcp_3", d = "_icon_1dlcp_12", n = "_dot_1dlcp_16", i = {
+  media: s,
+  icon: d,
+  dot: n
+}, u = ({ loading: a, icon: t, avatar: m }) => /* @__PURE__ */ o("div", { className: i.media, children: /* @__PURE__ */ o(r, { loading: a, variant: "circle", className: i.media, children: t && /* @__PURE__ */ o(c, { name: t, variant: "outline", className: i.icon }) || m && /* @__PURE__ */ o(e, { ...m, size: "sm", className: i.avatar }) || /* @__PURE__ */ o("div", { className: i.dot }) }) });
+export {
+  u as HistoryItemMedia
+};

package/dist/components/History/HistoryList.stories.js

@@ -7,51 +7,94 @@ const a = {
   args: {
     items: [
       {
-        createdAt: "2024-09-22 13:34",
-        createdAtLabel: "22. september 2024 kl 13.34",
+        createdAt: "2004-02-15 08:00",
+        createdAtLabel: "15. februar 2024 kl 08.00",
         createdBy: {
-          name: "Eirik Horneland"
+          type: "company",
+          name: "Skatteetaten",
+          imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
         },
-        summary: "Brann slo Glimt 4-1 på Stadion.",
-        attachments: {
-          title: "6 vedlegg",
+        summary: "Skjemaet er lukket for ordinær rapportering og korreksjoner."
+      },
+      {
+        createdAt: "2004-01-31 08:00",
+        createdAtLabel: "31. januar 2024 kl 08.00",
+        createdBy: {
+          type: "company",
+          name: "Skatteetaten",
+          imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
+        },
+        summary: "Skjemaet er lukket for ordinær rapportering. Du kan gjøre korreksjoner tom. 15. februar."
+      },
+      {
+        size: "sm",
+        createdAt: "2024-01-17 15:12",
+        createdAtLabel: "17. januar 2024 kl 15.12",
+        summary: "Tredjepartsopplysninger er godkjent.",
+        transmissions: {
+          title: "2 forsendelser",
           items: [
             {
-              href: "#",
-              label: "1-0 Castro.pdf"
-            },
-            {
-              href: "#",
-              label: "2-0 Kornvig.pdf"
-            },
-            {
-              href: "#",
-              label: "3-0 Kartum.pdf"
+              title: "Forseendelse 1",
+              sender: {
+                type: "person",
+                name: "Eirik Horneland"
+              }
             },
             {
-              href: "#",
-              label: "3-1 Zinkernagel.pdf"
-            },
+              title: "Svar på forsendelse 1",
+              sender: {
+                type: "company",
+                name: "Skatteetaten",
+                imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
+              }
+            }
+          ]
+        }
+      },
+      {
+        size: "sm",
+        createdAt: "2024-01-04 12:15",
+        createdAtLabel: "4. januar 2024 kl 12.15",
+        summary: "Tredjepartsopplysninger ble levert.",
+        transmissions: {
+          title: "1 forsendelse",
+          items: [
             {
-              href: "#",
-              label: "4-1 Castro.pdf"
+              title: "Forseendelse 1",
+              sender: {
+                type: "person",
+                name: "Eirik Horneland"
+              }
             }
           ]
         }
       },
       {
-        createdAt: "2004-09-09 13:34",
-        createdAtLabel: "22. september 2024 kl 13.34",
+        createdAt: "2004-01-02 08:00",
+        createdAtLabel: "2. januar 2024 kl 08.00",
+        createdBy: {
+          type: "company",
+          name: "Skatteetaten",
+          imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
+        },
+        summary: "Skjemaet er åpent. Du kan nå levere tredjepartsopplysninger."
+      },
+      {
+        createdAt: "2003-10-15 08:00",
+        createdAtLabel: "15. oktober 2023 kl 08.00",
         createdBy: {
-          name: "Eirik Horneland"
+          type: "company",
+          name: "Skatteetaten",
+          imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
         },
-        summary: "Brann vant 1-0 i Haugesund.",
+        summary: "Du må levere tredjepartsopplysninger for boligselskap.",
         attachments: {
           title: "1 vedlegg",
           items: [
             {
               href: "#",
-              label: "Målet til Heggebø.pdf"
+              label: "Rapportering av tredjepartsopplysninger for boligselskap.pdf"
             }
           ]
         }
@@ -60,8 +103,62 @@ const a = {
   }
 }, r = {
   args: {}
+}, s = {
+  args: {
+    items: [
+      {
+        createdAt: "2004-01-02 08:00",
+        createdAtLabel: "2. januar 2024 kl 08.00",
+        summary: "Dialogen ble flyttet til papirkurven."
+      },
+      {
+        createdAt: "2003-10-15 08:00",
+        createdAtLabel: "15. oktober 2023 kl 08.00",
+        createdBy: {
+          type: "company",
+          name: "Skatteetaten",
+          imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
+        },
+        summary: "Du må levere tredjepartsopplysninger for boligselskap.",
+        attachments: {
+          title: "1 vedlegg",
+          items: [
+            {
+              href: "#",
+              label: "Rapportering av tredjepartsopplysninger for boligselskap.pdf"
+            }
+          ]
+        }
+      },
+      {
+        size: "xs",
+        createdAt: "2004-01-02 08:00",
+        createdAtLabel: "2. januar 2024 kl 08.00",
+        summary: "Utkast lagret."
+      },
+      {
+        size: "xs",
+        createdAt: "2004-01-02 08:00",
+        createdAtLabel: "2. januar 2024 kl 08.00",
+        summary: "Skjema opprettet."
+      },
+      {
+        size: "xs",
+        createdAt: "2004-01-02 08:00",
+        createdAtLabel: "2. januar 2024 kl 08.00",
+        summary: "Dialogen ble flyttet til arkivet."
+      },
+      {
+        size: "xs",
+        createdAt: "2004-01-02 08:00",
+        createdAtLabel: "2. januar 2024 kl 08.00",
+        summary: "Dialogen ble opprettet."
+      }
+    ]
+  }
 };
 export {
+  s as ActivityLog,
   r as Default,
   a as default
 };

package/dist/components/History/HistoryMetadata.d.ts

@@ -0,0 +1,11 @@
+export type HistoryMetadataProps = {
+    /** Metadata is loading */
+    loading?: boolean;
+    transmissionsLabel?: string;
+    attachmentsLabel?: string;
+    onClick: () => void;
+};
+/**
+ * Metadata for a history items.
+ */
+export declare const HistoryMetadata: ({ loading, transmissionsLabel, attachmentsLabel, onClick }: HistoryMetadataProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/History/HistoryMetadata.js

@@ -0,0 +1,32 @@
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { MetaBase as u } from "../Meta/MetaBase.js";
+import { MetaItem as p } from "../Meta/MetaItem.js";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+const c = ({ loading: i, transmissionsLabel: o, attachmentsLabel: t, onClick: r }) => !o && !t ? null : /* @__PURE__ */ f(u, { size: "xs", children: [
+  t && /* @__PURE__ */ e(
+    p,
+    {
+      as: typeof r == "function" ? "button" : void 0,
+      onClick: r,
+      loading: i,
+      size: "xs",
+      icon: "paperclip",
+      children: t
+    }
+  ),
+  o && /* @__PURE__ */ e(
+    p,
+    {
+      as: typeof r == "function" ? "button" : void 0,
+      onClick: r,
+      loading: i,
+      size: "xs",
+      icon: "files",
+      children: o
+    }
+  )
+] });
+export {
+  c as HistoryMetadata
+};

package/dist/components/History/index.d.ts

@@ -1,2 +1,3 @@
 export * from './HistoryList';
 export * from './HistoryItem';
+export * from './HistoryItemBase';

package/dist/components/History/index.js

@@ -1,6 +1,8 @@
 import { HistoryList as t } from "./HistoryList.js";
-import { HistoryItem as i } from "./HistoryItem.js";
+import { HistoryItem as m } from "./HistoryItem.js";
+import { HistoryItemBase as i } from "./HistoryItemBase.js";
 export {
-  i as HistoryItem,
+  m as HistoryItem,
+  i as HistoryItemBase,
   t as HistoryList
 };

package/dist/components/Layout/Layout.js

@@ -11,7 +11,7 @@ import "../Icon/SvgIcon.js";
 import "react";
 import { useRootContext as B } from "../RootProvider/RootProvider.js";
 import { Menu as C } from "../Menu/Menu.js";
-import "../../Autocomplete-hEFuiN2u.js";
+import "../../Autocomplete-Cb9fQrzy.js";
 const A = ({ theme: n = "global", header: p, footer: u, sidebar: o = {}, content: t = {}, children: e }) => {
   const { currentId: f } = B(), { menu: h, ...l } = o;
   return /* @__PURE__ */ r(i, { theme: n, currentId: f, children: [

package/dist/components/Layout/Layout.stories.js

@@ -3,12 +3,12 @@ import { useState as h, createElement as I } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
-import { D as A } from "../../Autocomplete-hEFuiN2u.js";
+import { ListBase as A } from "../List/ListBase.js";
+import { D as S } from "../../Autocomplete-Cb9fQrzy.js";
 import { Layout as k } from "./Layout.js";
-import { ActionHeader as S } from "../LayoutAction/ActionHeader.js";
-import { ActionFooter as v } from "../LayoutAction/ActionFooter.js";
-import { ActionMenu as L } from "../LayoutAction/ActionMenu.js";
-import { ListBase as w } from "../List/ListBase.js";
+import { ActionHeader as v } from "../LayoutAction/ActionHeader.js";
+import { ActionFooter as L } from "../LayoutAction/ActionFooter.js";
+import { ActionMenu as w } from "../LayoutAction/ActionMenu.js";
 import { Snackbar as B } from "../Snackbar/Snackbar.js";
 const m = {
   search: {
@@ -329,9 +329,9 @@ const m = {
       sidebar: { hidden: i, menu: f },
       content: { theme: "neutral" },
       children: [
-        /* @__PURE__ */ o(S, { title: b, hidden: !i }),
-        /* @__PURE__ */ o(w, { children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ I(
-          A,
+        /* @__PURE__ */ o(v, { title: b, hidden: !i }),
+        /* @__PURE__ */ o(A, { children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ I(
+          S,
           {
             ...e,
             key: e == null ? void 0 : e.id,
@@ -341,8 +341,8 @@ const m = {
             select: { checked: e == null ? void 0 : e.selected, onChange: () => d(e) }
           }
         )) }),
-        /* @__PURE__ */ o(v, { hidden: !1, children: /* @__PURE__ */ p(y, { children: [
-          i && /* @__PURE__ */ o(L, { items: c, theme: "global-dark" }),
+        /* @__PURE__ */ o(L, { hidden: !1, children: /* @__PURE__ */ p(y, { children: [
+          i && /* @__PURE__ */ o(w, { items: c, theme: "global-dark" }),
           r.length > 0 && (r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ o(B, { ...e }, n)))
         ] }) })
       ]

package/dist/components/LayoutAction/ActionMenu.js

@@ -4,7 +4,7 @@ import "../Icon/SvgIcon.js";
 import "react";
 import { MenuItem as o } from "../Menu/MenuItem.js";
 import "../RootProvider/RootProvider.js";
-import "../../Autocomplete-hEFuiN2u.js";
+import "../../Autocomplete-Cb9fQrzy.js";
 import { MenuBase as n } from "../Menu/MenuBase.js";
 import '../../assets/ActionMenu.css';const s = "_menu_12gbo_1", l = "_list_12gbo_14", e = {
   menu: s,

package/dist/components/List/List.js

@@ -3,9 +3,9 @@ import { createElement as s } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
-import { a } from "../../Autocomplete-hEFuiN2u.js";
-import { ListBase as n } from "./ListBase.js";
-const h = ({ theme: r, size: t = "md", spacing: m = "md", items: o = [] }) => /* @__PURE__ */ p(n, { theme: r, spacing: m, children: o.map((e, i) => /* @__PURE__ */ s(a, { ...e, size: t, key: "item" + i })) });
+import { b as n } from "../../Autocomplete-Cb9fQrzy.js";
+import { ListBase as a } from "./ListBase.js";
+const b = ({ theme: r, size: t = "md", spacing: m = "md", items: o = [] }) => /* @__PURE__ */ p(a, { theme: r, spacing: m, children: o.map((e, i) => /* @__PURE__ */ s(n, { ...e, size: t, key: "item" + i })) });
 export {
-  h as List
+  b as List
 };

package/dist/components/List/List.stories.js

@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../../Autocomplete-hEFuiN2u.js";
+import "../../Autocomplete-Cb9fQrzy.js";
 import { List as t } from "./List.js";
 const a = {
   title: "List/List",

package/dist/components/List/ListBase.d.ts

@@ -1,9 +1,13 @@
 import { ReactNode } from 'react';
 export type ListTheme = 'inherit' | 'global' | 'neutral' | 'person' | 'company';
-export type ListSpacing = 'none' | 'sm' | 'md' | 'lg';
+export type ListSpacing = 'none' | 'xs' | 'sm' | 'md' | 'lg';
+export type ListColor = 'transparent' | 'white';
+export type ListShadow = 'xs' | 'sm';
 export interface ListBaseProps {
     theme?: ListTheme;
+    color?: ListColor;
+    shadow?: ListShadow;
     spacing?: ListSpacing;
     children?: ReactNode;
 }
-export declare const ListBase: ({ theme, spacing, children }: ListBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListBase: ({ theme, color, spacing, shadow, children }: ListBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/ListBase.js

@@ -1,7 +1,7 @@
-import { jsx as a } from "react/jsx-runtime";
-import '../../assets/ListBase.css';const e = "_list_ty2on_1", n = {
-  list: e
-}, l = ({ theme: t = "inherit", spacing: s = "md", children: i }) => /* @__PURE__ */ a("div", { className: n.list, "data-theme": t, "data-spacing": s, children: i });
+import { jsx as e } from "react/jsx-runtime";
+import '../../assets/ListBase.css';const r = "_list_1xr8s_1", d = {
+  list: r
+}, c = ({ theme: t = "inherit", color: s, spacing: a = "md", shadow: i, children: o }) => /* @__PURE__ */ e("div", { className: d.list, "data-theme": t, "data-color": s, "data-spacing": a, "data-shadow": i, children: o });
 export {
-  l as ListBase
+  c as ListBase
 };

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

@@ -2,15 +2,12 @@ import { AvatarGroupProps, AvatarProps } from '../Avatar';
 import { BadgeProps } from '../Badge';
 import { ContextMenuProps } from '../ContextMenu';
 import { IconName } from '../Icon';
-import { ListItemBaseProps } from './ListItemBase';
-export interface ListItemProps extends ListItemBaseProps {
-    id: string;
+import { ListItemHeaderProps } from './ListItemHeader';
+export interface ListItemProps extends ListItemHeaderProps {
+    /** Custom className */
+    className?: string;
     /** Element is loading, display a placeholder */
     loading?: boolean;
-    /** Collapsible item, sets linkIcon to "chevron down" */
-    collapsible?: boolean;
-    /** Item is expanded, sets linkIcon to "chevron up" */
-    expanded?: boolean;
     /** Title */
     title?: string;
     /** Optional description */
@@ -29,7 +26,10 @@ export interface ListItemProps extends ListItemBaseProps {
     badge?: BadgeProps;
     /** Optional context menu */
     menu?: ContextMenuProps;
+}
+export interface ListItemInputProps extends ListItemProps {
+    id: string;
     /** Child items */
     items?: ListItemProps[];
 }
-export declare const ListItem: ({ as, color, loading, size, icon, avatar, avatarGroup, title, description, collapsible, expanded, badge, linkText, linkIcon, menu, select, controls, children, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItem: ({ className, color, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, description, badge, linkText, linkIcon, menu, select, controls, children, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/ListItem.js

@@ -1,8 +1,6 @@
 import "react/jsx-runtime";
 import "./ListItemBase.js";
-import { a } from "../../Autocomplete-hEFuiN2u.js";
-import "./ListItemHeader.js";
-import "./ListItemLabel.js";
+import { b as i } from "../../Autocomplete-Cb9fQrzy.js";
 export {
-  a as ListItem
+  i as ListItem
 };

package/dist/components/List/ListItem.stories.js

@@ -5,10 +5,11 @@ import "../Icon/SvgIcon.js";
 import { Button as b } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as r } from "../Meta/MetaItem.js";
-import { a as t } from "../../Autocomplete-hEFuiN2u.js";
+import { ListItemBase as k } from "./ListItemBase.js";
+import { b as t, L as y } from "../../Autocomplete-Cb9fQrzy.js";
 import { ListBase as d } from "./ListBase.js";
-import { List as k } from "./List.js";
-const l = ["lg", "md", "sm", "xs"], T = {
+import { List as v } from "./List.js";
+const l = ["lg", "md", "sm", "xs"], E = {
   title: "List/ListItem",
   component: t,
   tags: ["autodocs"],
@@ -19,9 +20,9 @@ const l = ["lg", "md", "sm", "xs"], T = {
     description: "Description",
     size: "md"
   }
-}, B = {
+}, M = {
   args: {}
-}, E = (n) => /* @__PURE__ */ a(d, { children: [
+}, S = (n) => /* @__PURE__ */ a(d, { children: [
   /* @__PURE__ */ e(t, { ...n }),
   /* @__PURE__ */ e(r, { children: "No media" }),
   /* @__PURE__ */ e(t, { ...n, icon: "teddy-bear" }),
@@ -106,11 +107,11 @@ const l = ["lg", "md", "sm", "xs"], T = {
     }
   ),
   /* @__PURE__ */ e(r, { children: "Company group" })
-] }), H = (n) => /* @__PURE__ */ e(d, { children: l == null ? void 0 : l.map((i) => /* @__PURE__ */ a(s, { children: [
+] }), _ = (n) => /* @__PURE__ */ e(d, { children: l == null ? void 0 : l.map((i) => /* @__PURE__ */ a(s, { children: [
   /* @__PURE__ */ e(t, { ...n, icon: "teddy-bear", size: i, loading: !0 }),
   /* @__PURE__ */ e(t, { ...n, icon: "teddy-bear", size: i, loading: !1 }),
   /* @__PURE__ */ e(r, { children: i })
-] }, i)) }), M = (n) => /* @__PURE__ */ a(d, { children: [
+] }, i)) }), j = (n) => /* @__PURE__ */ a(d, { children: [
   /* @__PURE__ */ e(t, { ...n, linkIcon: "chevron-right" }),
   /* @__PURE__ */ e(r, { children: "Link icon, emphasising that this will take you somewhere" }),
   /* @__PURE__ */ e(t, { ...n, linkIcon: "chevron-right", linkText: "Åpne" }),
@@ -127,8 +128,8 @@ const l = ["lg", "md", "sm", "xs"], T = {
       linkIcon: "chevron-right",
       menu: {
         items: [
-          { label: "Innstillinger", icon: "cog" },
-          { label: "Aktivitetslogg", icon: "clock-dashed" }
+          { title: "Innstillinger", icon: "cog" },
+          { title: "Aktivitetslogg", icon: "clock-dashed" }
         ]
       }
     }
@@ -142,7 +143,7 @@ const l = ["lg", "md", "sm", "xs"], T = {
     }
   ),
   /* @__PURE__ */ e(r, { children: "List item with custom controls" })
-] }), S = (n) => /* @__PURE__ */ e(d, { children: l == null ? void 0 : l.map((i) => /* @__PURE__ */ a(s, { children: [
+] }), P = (n) => /* @__PURE__ */ e(d, { children: l == null ? void 0 : l.map((i) => /* @__PURE__ */ a(s, { children: [
   /* @__PURE__ */ e(
     t,
     {
@@ -165,15 +166,15 @@ const l = ["lg", "md", "sm", "xs"], T = {
     }
   ),
   /* @__PURE__ */ e(r, { children: i })
-] }, i)) }), _ = (n) => /* @__PURE__ */ a(d, { children: [
+] }, i)) }), G = (n) => /* @__PURE__ */ a(d, { children: [
   /* @__PURE__ */ e(t, { ...n }),
   /* @__PURE__ */ e(r, { children: "Default" }),
   /* @__PURE__ */ e(t, { ...n, color: "accent" }),
   /* @__PURE__ */ e(r, { children: "Accent" })
-] }), j = (n) => /* @__PURE__ */ e(d, { children: l == null ? void 0 : l.map((i) => /* @__PURE__ */ a(s, { children: [
+] }), N = (n) => /* @__PURE__ */ e(d, { children: l == null ? void 0 : l.map((i) => /* @__PURE__ */ a(s, { children: [
   /* @__PURE__ */ e(t, { ...n, icon: "teddy-bear", size: i, selected: i === (n == null ? void 0 : n.size), linkIcon: "chevron-right" }),
   /* @__PURE__ */ e(r, { children: i })
-] }, i)) }), P = (n) => {
+] }, i)) }), Q = (n) => {
   const [i, p] = g(!1), m = () => {
     p((o) => !o);
   }, c = [
@@ -212,9 +213,9 @@ const l = ["lg", "md", "sm", "xs"], T = {
       type: "person"
     }))
   };
-  return /* @__PURE__ */ a(s, { children: [
+  return /* @__PURE__ */ a(k, { children: [
     /* @__PURE__ */ e(
-      t,
+      y,
       {
         ...n,
         avatarGroup: u,
@@ -224,17 +225,17 @@ const l = ["lg", "md", "sm", "xs"], T = {
         as: "button"
       }
     ),
-    i && /* @__PURE__ */ e(k, { size: "sm", spacing: "none", items: h })
+    i && /* @__PURE__ */ e(v, { size: "sm", spacing: "none", items: h })
   ] });
 };
 export {
-  P as Collapsible,
-  _ as Colors,
-  M as Controls,
-  B as Default,
-  H as Loading,
-  E as MediaTypes,
-  S as Selectable,
-  j as Sizes,
-  T as default
+  Q as Collapsible,
+  G as Colors,
+  j as Controls,
+  M as Default,
+  _ as Loading,
+  S as MediaTypes,
+  P as Selectable,
+  N as Sizes,
+  E as default
 };

package/dist/components/List/ListItemBase.d.ts

@@ -1,27 +1,19 @@
-import { CSSProperties, ElementType, KeyboardEventHandler, ReactNode } from 'react';
-import { ListItemSelectProps } from './ListItemSelect';
+import { ReactNode } from 'react';
 export type ListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type ListItemColor = 'default' | 'accent';
+export type ListItemColor = 'default' | 'accent' | 'transparent';
 export type ListItemShadow = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface ListItemBaseProps {
-    as?: ElementType;
-    size?: ListItemSize;
     color?: ListItemColor;
+    size?: ListItemSize;
     shadow?: ListItemShadow;
     className?: string;
-    style?: CSSProperties;
-    href?: string;
-    onClick?: () => void;
-    onKeyPress?: KeyboardEventHandler;
-    tabIndex?: number;
     loading?: boolean;
     disabled?: boolean;
     hidden?: boolean;
     active?: boolean;
-    select?: ListItemSelectProps;
     selected?: boolean;
     expanded?: boolean;
     controls?: ReactNode;
     children?: ReactNode;
 }
-export declare const ListItemBase: ({ as, size, color, shadow, className, style, href, onClick, onKeyPress, tabIndex, loading, disabled, hidden, active, select, selected, expanded, controls, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemBase: ({ size, color, shadow, loading, disabled, hidden, active, selected, expanded, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;