@altinn/altinn-components 0.10.0 → 0.10.1

package/dist/assets/DialogHeading.css

@@ -1 +1 @@
-._heading_1tkck_1{padding-right:1.25rem;display:inline-flex;column-gap:.5em}._title_1tkck_7{line-height:1.25;font-weight:600;margin:0}._title_1tkck_7[data-size=xs],._title_1tkck_7[data-size=sm]{font-size:1rem}._title_1tkck_7[data-size=md],._title_1tkck_7[data-size=lg],._title_1tkck_7[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_1tkck_7[data-size=md]{font-size:1rem}._title_1tkck_7[data-size=lg]{font-size:1.125rem;line-height:1.5rem}._title_1tkck_7[data-size=xl]{font-size:1.25rem;line-height:1.25}._title_1tkck_7[data-seen=true],._title_1tkck_7[data-variant=archived]{font-weight:400}._title_1tkck_7[data-variant=trashed]{font-weight:400;text-decoration:line-through}
+._heading_xpy9u_1{padding-right:1.25rem;display:inline-flex;column-gap:.5em}._title_xpy9u_7{line-height:1.25;font-weight:600;margin:0}._title_xpy9u_7[data-size=xs],._title_xpy9u_7[data-size=sm]{font-size:1rem}._title_xpy9u_7[data-size=md],._title_xpy9u_7[data-size=lg],._title_xpy9u_7[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_xpy9u_7[data-size=md]{font-size:1rem}._title_xpy9u_7[data-size=lg]{font-size:1.125rem;line-height:1.5rem}._title_xpy9u_7[data-size=xl]{font-size:1.25rem;line-height:1.25}._title_xpy9u_7[data-seen=true],._title_xpy9u_7[data-state=archived]{font-weight:400}._title_xpy9u_7[data-state=trashed]{font-weight:400;text-decoration:line-through}

package/dist/assets/DialogListItem.css

@@ -1 +1 @@
-._border_1676z_14[data-size=xs],._border_1676z_14[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1676z_14[data-size=md]{margin:.25rem 0;padding-left:.75rem;row-gap:.5rem}._border_1676z_14[data-size=lg]{margin:.25rem 0;padding-left:.875rem;row-gap:.875rem}._border_1676z_14[data-size=xl]{margin:.25rem 0;padding-left:1rem;row-gap:1rem}._select_1676z_40{position:absolute;top:0;right:0;margin:.375rem}._header_1676z_47{display:flex;flex-direction:column;row-gap:.25rem}._header_1676z_47[data-size=xs],._header_1676z_47[data-size=sm]{display:flex;flex-direction:row}._summary_1676z_59{font-size:1rem;font-weight:400;line-height:1.25;color:var(--theme-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._summary_1676z_59[data-size=xs],._summary_1676z_59[data-size=sm],._summary_1676z_59[data-size=md]{font-size:.875rem}._summary_1676z_59[data-size=lg],._summary_1676z_59[data-size=xl]{font-size:1rem}._footer_1676z_87{width:100%}._touchedBy_1676z_91{position:absolute;right:0;bottom:0;margin:8px}
+._link_1j8q5_1[data-size=xl]{padding:1em}._link_1j8q5_1[data-size=lg]{padding:.875em}._link_1j8q5_1[data-size=md]{padding:.75em}._link_1j8q5_1[data-size=sm],._link_1j8q5_1[data-size=xs]{padding:.625em}._border_1j8q5_22{position:relative;border-left:.25rem solid;border-color:var(--theme-surface-active);display:flex;flex-direction:column}._border_1j8q5_22[data-seen=true],._border_1j8q5_22[data-loading=true]{border-color:var(--neutral-surface-default)}._border_1j8q5_22[data-size=xs],._border_1j8q5_22[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1j8q5_22[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_1j8q5_22[data-size=lg]{padding-left:.875rem;row-gap:.875rem}._border_1j8q5_22[data-size=xl]{padding-left:1rem;row-gap:1rem}._select_1j8q5_61{position:absolute;top:0;right:0;margin:.375rem}._header_1j8q5_68{display:flex;flex-direction:column;row-gap:.25rem}._header_1j8q5_68[data-size=xs],._header_1j8q5_68[data-size=sm]{display:flex;flex-direction:row}._summary_1j8q5_80{font-size:1rem;font-weight:400;line-height:1.25;color:var(--theme-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._summary_1j8q5_80[data-size=xs],._summary_1j8q5_80[data-size=sm],._summary_1j8q5_80[data-size=md]{font-size:.875rem}._summary_1j8q5_80[data-size=lg],._summary_1j8q5_80[data-size=xl]{font-size:1rem}._footer_1j8q5_108{width:100%}._touchedBy_1j8q5_112{position:absolute;right:0;bottom:0;margin:8px}

package/dist/assets/ListItemBase.css

@@ -1 +1 @@
-._item_19vbq_1{position:relative;width:100%;display:flex;flex-direction:column}._item_19vbq_1[aria-disabled=true]{pointer-events:none}._item_19vbq_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._item_19vbq_1:not([aria-disabled=true]):hover{outline:2px solid var(--theme-border-strong)}._item_19vbq_1[data-variant=outline],._item_19vbq_1[data-variant=dotted]{outline-color:var(--theme-base-default)}._item_19vbq_1[data-variant=outline]{outline-style:solid}._item_19vbq_1[data-variant=dotted]{outline-style:dashed}._item_19vbq_1[data-color=subtle]{background-color:var(--theme-background-default)}._item_19vbq_1[data-color=accent]{background-color:var(--theme-surface-default)}._item_19vbq_1[data-color=accent]:hover{background-color:var(--theme-surface-hover)}._item_19vbq_1[data-active=true]{background-color:var(--theme-surface-default)}._item_19vbq_1[aria-expanded=true]{outline:2px solid}._item_19vbq_1[aria-selected=true]{background-color:var(--theme-background-subtle);outline:2px solid}
+._item_1grve_1{position:relative;width:100%;display:flex;flex-direction:column}._item_1grve_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._item_1grve_1[data-variant=outline],._item_1grve_1[data-variant=dotted]{outline-color:var(--theme-base-default)}._item_1grve_1[data-variant=outline]{outline-style:solid}._item_1grve_1[data-variant=dotted]{outline-style:dashed}._item_1grve_1[data-color=neutral]{background-color:var(--theme-background-default)}._item_1grve_1[data-color=accent]{background-color:var(--theme-surface-default)}._item_1grve_1[data-color=accent]:hover{background-color:var(--theme-surface-hover)}._item_1grve_1[data-active=true]{background-color:var(--theme-surface-default)}._item_1grve_1[aria-expanded=true],._item_1grve_1[aria-selected=true]{outline:2px solid}._item_1grve_1[aria-disabled=true]{pointer-events:none}._item_1grve_1:not([aria-selected=true]):hover,._item_1grve_1:not([aria-disabled=true]):hover{outline:2px solid var(--theme-border-strong)}

package/dist/assets/ListItemHeader.css

@@ -1 +1 @@
-._header_s8c6k_1{position:relative;width:100%;display:flex;align-items:center}._link_s8c6k_8{width:100%;align-self:stretch;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;cursor:pointer}._link_s8c6k_8{flex-grow:1;display:flex;align-items:center;column-gap:.625rem;padding:.25rem .625rem}._link_s8c6k_8[aria-disabled=true]{pointer-events:none}._link_s8c6k_8:not([aria-disabled=true]):hover h2{text-decoration:underline}._link_s8c6k_8[data-size=xs]{min-height:36px}._link_s8c6k_8[data-size=sm]{min-height:44px}._link_s8c6k_8[data-size=md]{min-height:56px;padding:.325rem .625rem}._link_s8c6k_8[data-size=lg]{min-height:64px;padding:.5rem .75rem;column-gap:.75rem}._link_s8c6k_8[data-size=xl]{min-height:72px;padding:.75rem 1rem;column-gap:1rem}
+._header_16s1f_1{position:relative;width:100%;display:flex;align-items:center}._link_16s1f_8{flex-grow:1;display:flex;align-items:center;column-gap:.625rem;padding:.325rem .625rem}._link_16s1f_8[data-size=xs]{min-height:44px}._link_16s1f_8[data-size=sm]{min-height:52px}._link_16s1f_8[data-size=md]{min-height:60px;padding:.5rem .75rem;column-gap:.75rem}._link_16s1f_8[data-size=lg]{min-height:64px;padding:.5rem .875rem;column-gap:.875rem}._link_16s1f_8[data-size=xl]{min-height:72px;padding:.75rem 1rem;column-gap:1rem}

package/dist/assets/ListItemLabel.css

@@ -1 +1 @@
-._label_1jhqj_3{width:100%}._label_1jhqj_3[data-size=xs],._label_1jhqj_3[data-size=sm]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_1jhqj_3[data-size=md],._label_1jhqj_3[data-size=lg],._label_1jhqj_3[data-size=xl]{display:flex;flex-direction:column;row-gap:.125rem}._title_1jhqj_36{display:inline;font-weight:600;line-height:1.25;margin:0}._description_1jhqj_43{display:inline;font-weight:400;line-height:1.125;color:var(--theme-text-subtle);margin:0}._title_1jhqj_36[data-size=xs],._title_1jhqj_36[data-size=sm],._title_1jhqj_36[data-size=md]{font-size:1rem}._title_1jhqj_36[data-size=lg]{font-size:1.125rem}._title_1jhqj_36[data-size=xl]{font-size:1.25rem}._description_1jhqj_43[data-size=xs],._description_1jhqj_43[data-size=sm],._description_1jhqj_43[data-size=md],._description_1jhqj_43[data-size=lg]{font-size:.875rem}._description_1jhqj_43[data-size=xl]{font-size:1rem}
+._label_5sijq_3{width:100%}._label_5sijq_3[data-size=xs]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_5sijq_3[data-size=sm],._label_5sijq_3[data-size=md],._label_5sijq_3[data-size=lg],._label_5sijq_3[data-size=xl]{display:flex;flex-direction:column;row-gap:.125rem}._title_5sijq_27{display:inline;font-weight:600;line-height:1.25;margin:0}._description_5sijq_34{display:inline;font-weight:400;line-height:1.125;color:var(--theme-text-subtle);margin:0}._title_5sijq_27[data-size=xs],._title_5sijq_27[data-size=sm]{font-size:1rem}._title_5sijq_27[data-size=md],._title_5sijq_27[data-size=lg]{font-size:1.125rem}._title_5sijq_27[data-size=xl]{font-size:1.25rem}._description_5sijq_34[data-size=xs],._description_5sijq_34[data-size=sm],._description_5sijq_34[data-size=md],._description_5sijq_34[data-size=lg]{font-size:.875rem;line-height:1rem}._description_5sijq_34[data-size=xl]{font-size:1rem}

package/dist/assets/ListItemLink.css

@@ -0,0 +1 @@
+._link_4l8am_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;cursor:pointer}._link_4l8am_1[aria-disabled=true]{pointer-events:none}._link_4l8am_1:not([aria-disabled=true]):hover h2{text-decoration:underline}

package/dist/assets/ListItemMedia.css

@@ -1 +1 @@
-._media_14b0z_3{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:1em;height:1em}._media_14b0z_3{font-size:1.5rem}._media_14b0z_3[data-size=xs]{font-size:1.25rem}._media_14b0z_3[data-size=md]{font-size:1.875rem}._media_14b0z_3[data-size=md] ._icon_14b0z_24{font-size:1.5rem}._media_14b0z_3[data-size=lg]{font-size:2.25rem}._media_14b0z_3[data-size=lg] ._icon_14b0z_24{font-size:1.75rem}._media_14b0z_3[data-size=xl]{font-size:2.75rem}._media_14b0z_3[data-size=xl] ._icon_14b0z_24{font-size:2rem}
+._media_1hvg4_3{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:1em;height:1em}._media_1hvg4_3{font-size:1.5rem}._media_1hvg4_3[data-size=md],._media_1hvg4_3[data-size=lg]{font-size:1.875rem}._media_1hvg4_3[data-size=md] ._icon_1hvg4_21,._media_1hvg4_3[data-size=lg] ._icon_1hvg4_21{font-size:1.75rem}._media_1hvg4_3[data-size=xl]{font-size:2.25rem}._media_1hvg4_3[data-size=xl] ._icon_1hvg4_21{font-size:2rem}

package/dist/assets/ListItemSelect.css

@@ -1 +1 @@
-._label_1niu5_1{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;padding:.75rem;border-radius:50%;border:0}._label_1niu5_1[data-size=xl],._label_1niu5_1[data-size=lg],._label_1niu5_1[data-size=md]{font-size:1.25rem;margin-left:.375rem;margin-right:-.25rem}._label_1niu5_1[data-size=sm],._label_1niu5_1[data-size=xs]{font-size:1rem;padding:.625rem;margin-left:.325rem;margin-right:-.5rem}._label_1niu5_1[data-size=xs]{font-size:1rem;padding:.5rem;margin-left:.25rem;margin-right:-.5rem}._label_1niu5_1:hover{background-color:var(--theme-surface-default)}._input_1niu5_39{position:absolute;opacity:0}._icon_1niu5_44{color:var(--theme-base-default)}._icon_1niu5_44 [data-hover=true]{opacity:0}._label_1niu5_1:hover [data-hover=true]{opacity:1}
+._label_1gmbm_1{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;padding:.75rem;border-radius:50%;border:0}._label_1gmbm_1[data-size=xl],._label_1gmbm_1[data-size=lg],._label_1gmbm_1[data-size=md]{font-size:1.25rem;margin-left:.375rem;margin-right:-.25rem}._label_1gmbm_1[data-size=sm],._label_1gmbm_1[data-size=xs]{font-size:1rem;padding:.625rem;margin-left:.325rem;margin-right:-.5rem}._label_1gmbm_1:hover{background-color:var(--theme-surface-default)}._input_1gmbm_32{position:absolute;opacity:0}._icon_1gmbm_37{color:var(--theme-base-default)}._icon_1gmbm_37 [data-hover=true]{opacity:0}._label_1gmbm_1:hover [data-hover=true]{opacity:1}

package/dist/components/AccessAreaList/AccessAreaListItem.js

@@ -1,13 +1,13 @@
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { ListItemBase as l } from "../List/ListItemBase.js";
-import { ListItemHeader as a } from "../List/ListItemHeader.js";
+import { ListItemBase as a } from "../List/ListItemBase.js";
 import "../../index-L8X2o7IH.js";
+import { ListItemHeader as p } from "../List/ListItemHeader.js";
 import "react";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import '../../assets/AccessAreaListItem.css';const p = "_content_7hk0i_1", f = {
-  content: p
+import '../../assets/AccessAreaListItem.css';const l = "_content_7hk0i_1", f = {
+  content: l
 }, v = ({
   name: o,
   icon: e,
@@ -16,9 +16,9 @@ import '../../assets/AccessAreaListItem.css';const p = "_content_7hk0i_1", f = {
   expanded: t = !1,
   onClick: i,
   ...c
-}) => /* @__PURE__ */ n(l, { size: r, color: "subtle", expanded: t, children: [
+}) => /* @__PURE__ */ n(a, { size: r, expanded: t, children: [
   /* @__PURE__ */ s(
-    a,
+    p,
     {
       as: "button",
       avatar: {

package/dist/components/Dialog/DialogByline.d.ts

@@ -1,6 +1,6 @@
 import { AvatarProps, BylineSize } from '..';
 export interface DialogBylineProps {
-    sender: AvatarProps;
+    sender?: AvatarProps;
     recipient?: AvatarProps;
     recipientLabel?: string;
     recipientGroup?: boolean;

package/dist/components/Dialog/DialogHeading.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
-import { DialogListItemSize, DialogListItemVariant } from '..';
+import { DialogListItemSize, DialogListItemState } from '..';
 export type DialogHeadingProps = {
     loading?: boolean;
     /** Size */
     size?: DialogListItemSize;
-    /** Variant */
-    variant?: DialogListItemVariant;
+    /** Type */
+    state?: DialogListItemState;
     /** Label */
     label?: string;
     /** Variant */
@@ -16,4 +16,4 @@ export type DialogHeadingProps = {
 /**
  * Dialog heading
  */
-export declare const DialogHeading: ({ loading, size, seen, variant, label, children }: DialogHeadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeading: ({ loading, size, seen, state, label, children }: DialogHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogHeading.js

@@ -4,15 +4,15 @@ import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import { Skeleton as l } from "../Skeleton/Skeleton.js";
-import { DialogLabel as c } from "./DialogLabel.js";
+import { DialogLabel as p } from "./DialogLabel.js";
 import "../RootProvider/RootProvider.js";
-import '../../assets/DialogHeading.css';const d = "_heading_1tkck_1", p = "_title_1tkck_7", o = {
+import '../../assets/DialogHeading.css';const d = "_heading_xpy9u_1", c = "_title_xpy9u_7", o = {
   heading: d,
-  title: p
-}, D = ({ loading: e, size: a = "sm", seen: r = !1, variant: i, label: s, children: m }) => /* @__PURE__ */ n("div", { className: o.heading, children: [
-  /* @__PURE__ */ t("h2", { className: o.title, "data-seen": r, "data-size": a, "data-variant": i, children: /* @__PURE__ */ t(l, { loading: e, children: m }) }),
-  !e && s && /* @__PURE__ */ t(c, { variant: i, size: "xs", children: s })
+  title: c
+}, z = ({ loading: e, size: a = "sm", seen: r = !1, state: i, label: s, children: m }) => /* @__PURE__ */ n("div", { className: o.heading, children: [
+  /* @__PURE__ */ t("h2", { className: o.title, "data-seen": r, "data-size": a, "data-state": i, children: /* @__PURE__ */ t(l, { loading: e, children: m }) }),
+  !e && s && /* @__PURE__ */ t(p, { type: i, size: "xs", children: s })
 ] });
 export {
-  D as DialogHeading
+  z as DialogHeading
 };

package/dist/components/Dialog/DialogLabel.d.ts

@@ -1,13 +1,13 @@
 import { ReactNode } from 'react';
 import { MetaItemSize } from '../Meta';
-export type DialogLabelVariant = 'normal' | 'trashed' | 'archived';
+export type DialogLabelType = 'normal' | 'trashed' | 'archived';
 export interface DialogLabelProps {
     size?: MetaItemSize;
-    variant?: DialogLabelVariant;
+    type?: DialogLabelType;
     label?: string;
     children?: ReactNode;
 }
 /**
  * Dialog label.
  */
-export declare const DialogLabel: ({ size, variant, label, children }: DialogLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogLabel: ({ size, type, label, children }: DialogLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogLabel.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import { MetaItem as e } from "../Meta/MetaItem.js";
 import "../Icon/SvgIcon.js";
-const u = ({ size: r = "xs", variant: n, label: t, children: a }) => {
+const u = ({ size: r = "xs", type: n, label: t, children: a }) => {
   switch (n) {
     case "trashed":
       return /* @__PURE__ */ o(e, { size: r, icon: "trash", variant: "rounded", children: a || t });

package/dist/components/Dialog/DialogListItem.d.ts

@@ -1,32 +1,23 @@
-import { ElementType } from 'react';
-import { AvatarProps, DialogSeenByProps, DialogSelectProps, DialogStatusProps, DialogTouchedByActor, ListItemColor } from '..';
+import { AvatarProps, DialogSeenByProps, DialogSelectProps, DialogStatusProps, DialogTouchedByActor, ListItemBaseProps, ListItemLinkProps } from '..';
 export type DialogListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type DialogListItemVariant = 'normal' | 'trashed' | 'archived';
-export interface DialogListItemProps {
+export type DialogListItemState = 'normal' | 'trashed' | 'archived';
+export interface DialogListItemProps extends ListItemBaseProps, ListItemLinkProps {
     /** Dialog title */
     title: string;
     /** Dialog sender */
-    sender: AvatarProps;
+    sender?: AvatarProps;
     /** Dialog description */
     description?: string;
     /** Dialog summary (will override description) */
     summary?: string;
-    /** Dialog is loading */
-    loading?: boolean;
-    /** Render as */
-    as?: ElementType;
-    /** Size */
+    /** Dialog size */
     size?: DialogListItemSize;
-    /** Variant */
-    variant?: DialogListItemVariant;
-    /** Link */
-    href?: string;
-    /** OnClick handler */
-    onClick?: () => void;
     /** Select: Use to support batch operations */
     select?: DialogSelectProps;
-    /** Dialog is selected */
+    /** Selected: Use to support batch operations */
     selected?: boolean;
+    /** Dialog state */
+    state?: DialogListItemState;
     /** Dialog status */
     status?: DialogStatusProps;
     /** Dialog Recipient  */
@@ -55,8 +46,6 @@ export interface DialogListItemProps {
     tabIndex?: number;
     /** Custom label */
     label?: string;
-    /** Custom color */
-    color?: ListItemColor;
     /** Dialog has been seen */
     seen?: boolean;
     /** Dialog is seen by the user */
@@ -73,4 +62,4 @@ export interface DialogListItemProps {
  * summary, sender, and receiver.
  * to mark the item as checked/unchecked and can visually indicate if it is unread.
  */
-export declare const DialogListItem: ({ size, variant, loading, select, status, sender, recipient, recipientLabel, recipientGroup, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, label, dueAt, dueAtLabel, seen, seenBy, touchedBy, attachmentsCount, title, description, summary, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListItem: ({ size, state, loading, select, status, sender, recipient, recipientLabel, recipientGroup, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, label, dueAt, dueAtLabel, seen, seenBy, touchedBy, attachmentsCount, title, description, summary, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogListItem.js

@@ -1,107 +1,100 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import { DialogMetadata as y } from "./DialogMetadata.js";
-import { DialogByline as C } from "./DialogByline.js";
-import { Skeleton as E } from "../Skeleton/Skeleton.js";
-import { DialogBorder as N } from "./DialogBorder.js";
-import { DialogSelect as F } from "./DialogSelect.js";
-import { DialogHeading as G } from "./DialogHeading.js";
+import { DialogByline as w } from "./DialogByline.js";
+import { Skeleton as C } from "../Skeleton/Skeleton.js";
+import { DialogSelect as E } from "./DialogSelect.js";
+import { DialogHeading as F } from "./DialogHeading.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemBase as u } from "../List/ListItemBase.js";
-import { ListItemHeader as B } from "../List/ListItemHeader.js";
-import { ListItemLabel as J } from "../List/ListItemLabel.js";
-import '../../assets/DialogListItem.css';const K = "_border_1676z_14", O = "_select_1676z_40", P = "_header_1676z_47", Q = "_summary_1676z_59", R = "_footer_1676z_87", T = "_touchedBy_1676z_91", t = {
+import { ListItemBase as j } from "../List/ListItemBase.js";
+import { ListItemLink as N } from "../List/ListItemLink.js";
+import { ListItemLabel as G } from "../List/ListItemLabel.js";
+import '../../assets/DialogListItem.css';const J = "_link_1j8q5_1", K = "_border_1j8q5_22", O = "_select_1j8q5_61", P = "_header_1j8q5_68", Q = "_summary_1j8q5_80", R = "_footer_1j8q5_108", T = "_touchedBy_1j8q5_112", o = {
+  link: J,
   border: K,
   select: O,
   header: P,
   summary: Q,
   footer: R,
   touchedBy: T
-}, cr = ({
+}, mr = ({
   size: r = "xl",
-  variant: b = "normal",
-  loading: e,
+  state: u = "normal",
+  loading: t,
   select: s,
-  status: x,
+  status: k,
   sender: l,
-  recipient: D,
-  recipientLabel: I = "to",
-  recipientGroup: L = !1,
+  recipient: q,
+  recipientLabel: B = "to",
+  recipientGroup: b = !1,
   updatedAt: i,
-  updatedAtLabel: h,
-  archivedAt: d,
-  archivedAtLabel: j,
+  updatedAtLabel: d,
+  archivedAt: n,
+  archivedAtLabel: x,
   trashedAt: _,
-  trashedAtLabel: H,
-  label: S,
-  dueAt: k,
-  dueAtLabel: v,
-  seen: m = !1,
-  seenBy: M,
-  touchedBy: V,
-  attachmentsCount: q,
-  title: f,
-  description: p,
-  summary: n,
+  trashedAtLabel: D,
+  label: L,
+  dueAt: I,
+  dueAtLabel: S,
+  seen: c = !1,
+  seenBy: v,
+  touchedBy: g,
+  attachmentsCount: H,
+  title: h,
+  description: f,
+  summary: p,
   ...a
 }) => {
-  const w = _ ? "trashed" : d ? "archived" : b;
-  return r === "xs" || r === "sm" || r === "md" ? /* @__PURE__ */ o(u, { ...a, size: r, children: /* @__PURE__ */ o(B, { ...a, loading: e, size: r, className: t.item, children: /* @__PURE__ */ c(N, { className: t.border, size: r, seen: m, loading: e, children: [
-    /* @__PURE__ */ o(J, { loading: e, size: r, title: f, description: n || p }),
-    /* @__PURE__ */ o(y, { loading: e, sender: l, updatedAt: i, updatedAtLabel: h })
-  ] }) }) }) : /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(
-    B,
-    {
-      ...a,
-      loading: e,
-      size: r,
-      className: t.item,
-      controls: s && /* @__PURE__ */ o(F, { className: t.select, ...s }),
-      children: /* @__PURE__ */ c(N, { className: t.border, size: r, seen: m, loading: e, children: [
-        /* @__PURE__ */ c("header", { className: t.header, "data-size": r, children: [
-          /* @__PURE__ */ o(G, { loading: e, size: r, variant: w, label: S, seen: m, children: f }),
-          /* @__PURE__ */ o(
-            C,
-            {
-              size: "xs",
-              loading: e,
-              sender: l,
-              recipient: D,
-              recipientLabel: I,
-              recipientGroup: L
-            }
-          ),
-          /* @__PURE__ */ o("p", { "data-size": r, className: t.summary, children: /* @__PURE__ */ o(E, { loading: e, children: n || p }) })
-        ] }),
-        /* @__PURE__ */ o(
-          y,
+  const M = _ ? "trashed" : n ? "archived" : u;
+  return r === "xs" || r === "sm" || r === "md" ? /* @__PURE__ */ e(j, { ...a, size: r, children: /* @__PURE__ */ e(N, { ...a, size: r, className: o.link, children: /* @__PURE__ */ m("div", { className: o.border, "data-size": r, "data-seen": c, "data-loading": t, children: [
+    /* @__PURE__ */ e(G, { loading: t, size: r, title: h, description: p || f }),
+    /* @__PURE__ */ e(y, { loading: t, sender: l, updatedAt: i, updatedAtLabel: d })
+  ] }) }) }) : /* @__PURE__ */ m(j, { ...a, size: r, children: [
+    /* @__PURE__ */ e(N, { ...a, size: r, className: o.link, children: /* @__PURE__ */ m("div", { className: o.border, "data-size": r, "data-seen": c, "data-loading": t, children: [
+      /* @__PURE__ */ m("header", { className: o.header, "data-size": r, children: [
+        /* @__PURE__ */ e(F, { loading: t, size: r, state: M, label: L, seen: c, children: h }),
+        /* @__PURE__ */ e(
+          w,
           {
-            className: t.footer,
-            loading: e,
-            status: x,
-            updatedAt: i,
-            updatedAtLabel: h,
-            archivedAt: d,
-            archivedAtLabel: j,
-            trashedAt: _,
-            trashedAtLabel: H,
-            dueAt: k,
-            dueAtLabel: v,
-            attachmentsCount: q,
-            seenBy: M,
-            touchedBy: {
-              touchedBy: V,
-              className: t.touchedBy
-            }
+            size: "xs",
+            loading: t,
+            sender: l,
+            recipient: q,
+            recipientLabel: B,
+            recipientGroup: b
           }
-        )
-      ] })
-    }
-  ) });
+        ),
+        /* @__PURE__ */ e("p", { "data-size": r, className: o.summary, children: /* @__PURE__ */ e(C, { loading: t, children: p || f }) })
+      ] }),
+      /* @__PURE__ */ e(
+        y,
+        {
+          className: o.footer,
+          loading: t,
+          status: k,
+          updatedAt: i,
+          updatedAtLabel: d,
+          archivedAt: n,
+          archivedAtLabel: x,
+          trashedAt: _,
+          trashedAtLabel: D,
+          dueAt: I,
+          dueAtLabel: S,
+          attachmentsCount: H,
+          seenBy: v,
+          touchedBy: {
+            touchedBy: g,
+            className: o.touchedBy
+          }
+        }
+      )
+    ] }) }),
+    s && /* @__PURE__ */ e(E, { className: o.select, ...s })
+  ] });
 };
 export {
-  cr as DialogListItem
+  mr as DialogListItem
 };

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

@@ -6,7 +6,6 @@ export * from './DialogMetadata';
 export * from './DialogByline';
 export * from './DialogActions';
 export * from './DialogActivityLog';
-export * from './DialogBorder';
 export * from './DialogContent';
 export * from './DialogSection';
 export * from './DialogSeenBy';

package/dist/components/Dialog/index.js

@@ -6,44 +6,42 @@ import { DialogMetadata as D } from "./DialogMetadata.js";
 import { DialogByline as x } from "./DialogByline.js";
 import { DialogActions as s } from "./DialogActions.js";
 import { DialogActivityLog as y } from "./DialogActivityLog.js";
-import { DialogBorder as L } from "./DialogBorder.js";
-import { DialogContent as d } from "./DialogContent.js";
+import { DialogContent as L } from "./DialogContent.js";
 import { DialogSection as T } from "./DialogSection.js";
-import { DialogSeenBy as H } from "./DialogSeenBy.js";
-import { DialogSelect as h } from "./DialogSelect.js";
-import { DialogStatus as v, DialogStatusEnum as C } from "./DialogStatus.js";
-import { DialogHeading as G } from "./DialogHeading.js";
-import { DialogTouchedBy as j } from "./DialogTouchedBy.js";
-import { DialogLabel as q } from "./DialogLabel.js";
-import { DialogAttachments as z } from "./DialogAttachments.js";
-import { DialogTransmissions as J } from "./DialogTransmissions.js";
-import { DialogTimeline as N } from "./DialogTimeline.js";
-import { DialogTimelineItem as P } from "./DialogTimelineItem.js";
-import { DialogHistory as R } from "./DialogHistory.js";
-import { DialogHistoryItem as V } from "./DialogHistoryItem.js";
+import { DialogSeenBy as A } from "./DialogSeenBy.js";
+import { DialogSelect as H } from "./DialogSelect.js";
+import { DialogStatus as h, DialogStatusEnum as b } from "./DialogStatus.js";
+import { DialogHeading as C } from "./DialogHeading.js";
+import { DialogTouchedBy as G } from "./DialogTouchedBy.js";
+import { DialogLabel as j } from "./DialogLabel.js";
+import { DialogAttachments as q } from "./DialogAttachments.js";
+import { DialogTransmissions as z } from "./DialogTransmissions.js";
+import { DialogTimeline as J } from "./DialogTimeline.js";
+import { DialogTimelineItem as N } from "./DialogTimelineItem.js";
+import { DialogHistory as P } from "./DialogHistory.js";
+import { DialogHistoryItem as R } from "./DialogHistoryItem.js";
 export {
   t as Dialog,
   s as DialogActions,
   y as DialogActivityLog,
-  z as DialogAttachments,
-  L as DialogBorder,
+  q as DialogAttachments,
   x as DialogByline,
-  d as DialogContent,
-  G as DialogHeading,
-  R as DialogHistory,
-  V as DialogHistoryItem,
-  q as DialogLabel,
+  L as DialogContent,
+  C as DialogHeading,
+  P as DialogHistory,
+  R as DialogHistoryItem,
+  j as DialogLabel,
   i as DialogList,
   m as DialogListGroup,
   g as DialogListItem,
   D as DialogMetadata,
   T as DialogSection,
-  H as DialogSeenBy,
-  h as DialogSelect,
-  v as DialogStatus,
-  C as DialogStatusEnum,
-  N as DialogTimeline,
-  P as DialogTimelineItem,
-  j as DialogTouchedBy,
-  J as DialogTransmissions
+  A as DialogSeenBy,
+  H as DialogSelect,
+  h as DialogStatus,
+  b as DialogStatusEnum,
+  J as DialogTimeline,
+  N as DialogTimelineItem,
+  G as DialogTouchedBy,
+  z as DialogTransmissions
 };

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

@@ -1,10 +1,11 @@
 import { ListSpacing, ListTheme } from '../List';
 import { ListItemProps } from './ListItem';
-import { ListItemSize } from './ListItemBase';
+import { ListItemColor, ListItemSize } from './ListItemBase';
 export interface ListProps {
-    size?: ListItemSize;
     spacing?: ListSpacing;
     theme?: ListTheme;
     items?: ListItemProps[];
+    defaultItemColor?: ListItemColor;
+    defaultItemSize?: ListItemSize;
 }
-export declare const List: ({ theme, size, spacing, items }: ListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const List: ({ theme, defaultItemSize, defaultItemColor, spacing, items }: ListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/List.js

@@ -1,12 +1,20 @@
-import { jsx as p } from "react/jsx-runtime";
-import { createElement as s } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { createElement as n } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { ListItem as n } from "./ListItem.js";
+import { ListItem as e } from "./ListItem.js";
 import { ListBase as f } from "./ListBase.js";
-const j = ({ theme: r, size: t = "md", spacing: m = "md", items: o = [] }) => /* @__PURE__ */ p(f, { theme: r, spacing: m, children: o.map((i, e) => /* @__PURE__ */ s(n, { ...i, size: t, key: "item" + e })) });
+const j = ({ theme: o, defaultItemSize: p, defaultItemColor: t, spacing: s = "md", items: m = [] }) => /* @__PURE__ */ i(f, { theme: o, spacing: s, children: m.map((r, c) => /* @__PURE__ */ n(
+  e,
+  {
+    ...r,
+    size: (r == null ? void 0 : r.size) || p,
+    color: (r == null ? void 0 : r.color) || t,
+    key: "item" + c
+  }
+)) });
 export {
   j as List
 };

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

@@ -6,6 +6,8 @@ import { IconName } from '../Icon';
 import { ListItemBaseProps } from './ListItemBase';
 import { ListItemHeaderProps } from './ListItemHeader';
 export interface ListItemProps extends ListItemBaseProps, ListItemHeaderProps {
+    /** List item id */
+    id?: string;
     /** Custom className */
     className?: string;
     /** Element is loading, display a placeholder */