@altinn/altinn-components 0.55.1 → 0.55.3

package/dist/assets/SearchField.css

@@ -1 +1 @@
-._container_1fveu_1{position:relative;display:inline-flex;width:100%}._icon_1fveu_7{position:absolute;top:0;bottom:0;left:0;width:2.5em;height:100%;color:var(--ds-color-text-subtle);display:flex;justify-content:center;align-items:center;pointer-events:none}._icon_1fveu_7>svg{font-size:1.25em;width:1.25em;height:1.25em}._input_1fveu_27{padding-left:2.25em;padding-right:2.25em}._input_1fveu_27[type=search]::-webkit-search-decoration,._input_1fveu_27[type=search]::-webkit-search-cancel-button{appearance:none}@media(max-width:1023px){._field_1fveu_39[data-size=xs] input[type=search]{font-size:1rem;padding-left:2em;padding-right:2em}}._clear_1fveu_46{position:absolute;top:0;right:0;bottom:0;width:2.5em;height:100%;display:flex;justify-content:center;align-items:center}._clearButton_1fveu_58[data-size=xs]{--dsc-button-size: 2.5em;--dsc-button-padding: 0;font-size:.75em;border:none}._clearButton_1fveu_58:focus-visible{outline-offset:0;outline-width:2px}._input_1fveu_27[data-collapsible=true]{transition:width .5s ease-in-out}._input_1fveu_27[data-collapsible=true]:placeholder-shown{background-color:transparent;width:8rem}._input_1fveu_27[data-collapsible=true]:focus,._input_1fveu_27[data-collapsible=true]:not(:placeholder-shown){width:auto;background-color:var(--ds-color-background-default)}
+._container_nkg1g_1{position:relative;display:inline-flex;width:100%}._icon_nkg1g_7{position:absolute;top:0;bottom:0;left:0;width:2.5em;height:100%;color:var(--ds-color-text-subtle);display:flex;justify-content:center;align-items:center;pointer-events:none}._icon_nkg1g_7>*{pointer-events:none}._icon_nkg1g_7>svg{font-size:1.25em;width:1.25em;height:1.25em}._input_nkg1g_31{padding-left:2.25em;padding-right:2.25em}._input_nkg1g_31[type=search]::-webkit-search-decoration,._input_nkg1g_31[type=search]::-webkit-search-cancel-button{appearance:none}@media(max-width:1023px){._field_nkg1g_43[data-size=xs] input[type=search]{font-size:1rem;padding-left:2em;padding-right:2em}}._clear_nkg1g_50{position:absolute;top:0;right:0;bottom:0;width:2.5em;height:100%;display:flex;justify-content:center;align-items:center}._clearButton_nkg1g_62[data-size=xs]{--dsc-button-size: 2.5em;--dsc-button-padding: 0;font-size:.75em;border:none}._clearButton_nkg1g_62:focus-visible{outline-offset:0;outline-width:2px}._input_nkg1g_31[data-collapsible=true]{transition:width .5s ease-in-out}._input_nkg1g_31[data-collapsible=true]:placeholder-shown{background-color:transparent;width:8rem}._input_nkg1g_31[data-collapsible=true]:focus,._input_nkg1g_31[data-collapsible=true]:not(:placeholder-shown){width:auto;background-color:var(--ds-color-background-default)}

package/dist/components/Account/AccountListItem.js

@@ -3,10 +3,10 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { ListItem as h } from "../List/ListItem.js";
+import { ListItem as q } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import { AccountListItemControls as q } from "./AccountListItemControls.js";
-const G = ({
+import { AccountListItemControls as w } from "./AccountListItemControls.js";
+const H = ({
   id: m,
   type: c,
   size: s,
@@ -22,15 +22,16 @@ const G = ({
   favouriteLabel: v,
   onToggleFavourite: A,
   contextMenu: j,
-  children: k,
-  interactive: C,
+  isPreselectedParty: k,
+  children: C,
+  interactive: M,
   disabled: r,
   loading: o,
-  ...M
+  ...h
 }) => /* @__PURE__ */ i(
-  h,
+  q,
   {
-    ...M,
+    ...h,
     loading: o,
     size: s,
     icon: e,
@@ -40,13 +41,14 @@ const G = ({
     selected: t,
     disabled: r,
     controls: !o && !r && /* @__PURE__ */ i(
-      q,
+      w,
       {
         id: m,
         type: c,
         favourite: L,
         favouriteLabel: v,
         badge: l,
+        isPreselectedParty: k,
         isCurrentEndUser: f,
         isDeleted: I,
         onToggleFavourite: A,
@@ -54,10 +56,10 @@ const G = ({
       }
     ),
     linkIcon: !o && !0,
-    interactive: C,
-    children: k
+    interactive: M,
+    children: C
   }
 );
 export {
-  G as AccountListItem
+  H as AccountListItem
 };

package/dist/components/Account/AccountListItemControls.js

@@ -1,38 +1,39 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { Badge as a } from "../Badge/Badge.js";
+import { Badge as u } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
-import { isValidElement as u } from "react";
-import { Button as c } from "../Button/Button.js";
-import { ContextMenu as d } from "../ContextMenu/ContextMenu.js";
+import { isValidElement as c } from "react";
+import { Button as d } from "../Button/Button.js";
+import { ContextMenu as v } from "../ContextMenu/ContextMenu.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemControls as v } from "../List/ListItemControls.js";
+import { ListItemControls as x } from "../List/ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
-import { S as x, a as B } from "../../HeartFill-CYSrJ_xK.js";
-const A = ({
+import { S as B, a as C } from "../../HeartFill-CYSrJ_xK.js";
+const E = ({
   id: e,
   type: i,
   badge: r,
   isCurrentEndUser: m = !1,
   favourite: n = !1,
-  favouriteLabel: l,
-  onToggleFavourite: s,
+  isPreselectedParty: l = !1,
+  favouriteLabel: s,
+  onToggleFavourite: f,
   contextMenu: o,
-  loading: f
-}) => /* @__PURE__ */ p(v, { children: [
-  r && (r && !f && typeof r == "object" && "label" in r ? /* @__PURE__ */ t(a, { ...r }) : u(r) ? r : null),
-  !m && i !== "group" && /* @__PURE__ */ t(
-    c,
+  loading: a
+}) => /* @__PURE__ */ p(x, { children: [
+  r && (r && !a && typeof r == "object" && "label" in r ? /* @__PURE__ */ t(u, { ...r }) : c(r) ? r : null),
+  !m && !l && i !== "group" && /* @__PURE__ */ t(
+    d,
     {
       size: "xs",
       variant: "ghost",
       rounded: !0,
-      "aria-label": l || "Toggle favourite",
-      onClick: () => s?.(e),
-      children: n ? /* @__PURE__ */ t(x, {}) : /* @__PURE__ */ t(B, {})
+      "aria-label": s || "Toggle favourite",
+      onClick: () => f?.(e),
+      children: n ? /* @__PURE__ */ t(B, {}) : /* @__PURE__ */ t(C, {})
     }
   ),
-  o && /* @__PURE__ */ t(d, { ...o })
+  o && /* @__PURE__ */ t(v, { ...o })
 ] });
 export {
-  A as AccountListItemControls
+  E as AccountListItemControls
 };

package/dist/components/Forms/SearchField.js

@@ -1,56 +1,56 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { c as p } from "../../index-p1eeF8LQ.js";
-import { Icon as u } from "../Icon/Icon.js";
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { c as _ } from "../../index-p1eeF8LQ.js";
+import { Icon as f } from "../Icon/Icon.js";
 import "react";
-import { Button as _ } from "../Button/Button.js";
+import { Button as g } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { Input as d } from "./Input.js";
-import { FieldBase as v } from "./FieldBase.js";
+import { Input as u } from "./Input.js";
+import { FieldBase as d } from "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as h } from "../../MagnifyingGlass-bwVhw07z.js";
-import { S as B } from "../../XMark-tKk6aExO.js";
-import '../../assets/SearchField.css';const N = "_container_1fveu_1", g = "_icon_1fveu_7", x = "_input_1fveu_27", S = "_field_1fveu_39", y = "_clear_1fveu_46", C = "_clearButton_1fveu_58", t = {
-  container: N,
-  icon: g,
+import { S as k } from "../../MagnifyingGlass-bwVhw07z.js";
+import { S as h } from "../../XMark-tKk6aExO.js";
+import '../../assets/SearchField.css';const B = "_container_nkg1g_1", N = "_icon_nkg1g_7", x = "_input_nkg1g_31", S = "_field_nkg1g_43", v = "_clear_nkg1g_50", y = "_clearButton_nkg1g_62", n = {
+  container: B,
+  icon: N,
   input: x,
   field: S,
-  clear: y,
-  clearButton: C
+  clear: v,
+  clearButton: y
 }, w = ({
-  className: a,
-  collapsible: i,
-  size: n,
+  className: r,
+  collapsible: a,
+  size: i,
   color: c = "neutral",
   label: s,
   value: o,
-  onClear: r,
+  onClear: e,
   clearButtonAltText: l = "Clear search",
   ...m
-}) => /* @__PURE__ */ e(v, { size: n, color: c, label: s, className: p(t.field, a), children: /* @__PURE__ */ f("div", { className: t.container, children: [
-  /* @__PURE__ */ e(
-    d,
+}) => /* @__PURE__ */ t(d, { size: i, color: c, label: s, className: _(n.field, r), children: /* @__PURE__ */ p("div", { className: n.container, children: [
+  /* @__PURE__ */ t(
+    u,
     {
       ...m,
       type: "search",
       value: o,
-      className: t.input,
-      "data-collapsible": i,
+      className: n.input,
+      "data-collapsible": a,
       autoCapitalize: "off",
       autoComplete: "off"
     }
   ),
-  /* @__PURE__ */ e(u, { svgElement: h, className: t.icon }),
-  r && !!o && /* @__PURE__ */ e("span", { className: t.clear, children: /* @__PURE__ */ e(
-    _,
+  /* @__PURE__ */ t(f, { svgElement: k, className: n.icon }),
+  e && !!o && /* @__PURE__ */ t("span", { className: n.clear, children: /* @__PURE__ */ t(
+    g,
     {
       size: "xs",
       rounded: !0,
       icon: !0,
       variant: "tinted",
-      className: t.clearButton,
-      onClick: r,
+      className: n.clearButton,
+      onClick: e,
       "aria-label": l,
-      children: /* @__PURE__ */ e(B, {})
+      children: /* @__PURE__ */ t(h, {})
     }
   ) })
 ] }) });

package/dist/types/lib/components/Account/AccountListItem.d.ts

@@ -14,7 +14,8 @@ export interface AccountListItemProps extends ListItemProps, AccountListItemCont
     isCurrentEndUser?: boolean;
     isDeleted?: boolean;
     isParent?: boolean;
+    isPreselectedParty?: boolean;
     contextMenu?: ContextMenuProps;
     label?: string;
 }
-export declare const AccountListItem: ({ id, type, size, expanded, icon, name, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, children, interactive, disabled, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountListItem: ({ id, type, size, expanded, icon, name, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, isPreselectedParty, children, interactive, disabled, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Account/AccountListItem.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { AccountListItemProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ id, type, size, expanded, icon, name, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, children, interactive, disabled, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, type, size, expanded, icon, name, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, isPreselectedParty, children, interactive, disabled, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -26,6 +26,7 @@ declare const meta: {
         isCurrentEndUser?: boolean | undefined;
         isDeleted?: boolean | undefined;
         isParent?: boolean | undefined;
+        isPreselectedParty?: boolean | undefined;
         contextMenu?: import('..').ContextMenuProps | undefined;
         label?: string | undefined;
         variant?: import('..').ListItemVariant | undefined;

package/dist/types/lib/components/Account/AccountListItemControls.d.ts

@@ -7,6 +7,7 @@ export interface AccountListItemControlsProps {
     isCurrentEndUser?: boolean;
     isDeleted?: boolean;
     favourite?: boolean;
+    isPreselectedParty?: boolean;
     favouriteLabel?: string;
     onToggleFavourite?: (id: string) => void;
     accountLabel?: string;
@@ -14,4 +15,4 @@ export interface AccountListItemControlsProps {
     loading?: boolean;
     badge?: BadgeProps | ReactNode;
 }
-export declare const AccountListItemControls: ({ id, type, badge, isCurrentEndUser, favourite, favouriteLabel, onToggleFavourite, contextMenu, loading, }: AccountListItemControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountListItemControls: ({ id, type, badge, isCurrentEndUser, favourite, isPreselectedParty, favouriteLabel, onToggleFavourite, contextMenu, loading, }: AccountListItemControlsProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

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