@altinn/altinn-components 0.45.2 → 0.45.4

package/dist/assets/Typography.css

@@ -1 +1 @@
-._typography_xs81l_1{width:100%;line-height:1.5}p._typography_xs81l_1{margin:0}._typography_xs81l_1[data-theme=default]{background-color:transparent;color:var(--ds-color-text-default)}._typography_xs81l_1[data-theme=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._typography_xs81l_1[data-size=xs]{font-size:.875rem}._typography_xs81l_1[data-size=sm]{font-size:1rem}._typography_xs81l_1[data-size=md]{font-size:1.125rem}._typography_xs81l_1[data-size=lg]{font-size:1.25rem}._typography_xs81l_1[data-size=xl]{font-size:1.5rem}._typography_xs81l_1>*:first-child{margin-top:0}._typography_xs81l_1>*:last-child{margin-bottom:0}._typography_xs81l_1 strong{font-weight:500}._typography_xs81l_1 a{color:var(--ds-color-base-default)}._typography_xs81l_1 a:hover{color:var(--ds-color-base-hover)}._typography_xs81l_1>p{font-size:1em;margin:1em 0}._typography_xs81l_1>h1{font-size:1.5rem;font-weight:500;margin-top:1.5em;margin-bottom:0}._typography_xs81l_1>h2{font-size:1.25rem;font-weight:600;margin-top:1.5em;margin-bottom:0}._typography_xs81l_1>h3{font-size:1em;font-weight:600;margin:1em 0}._typography_xs81l_1>h4{font-size:1em;font-weight:600;margin:1em 0 0}._typography_xs81l_1>h5,._typography_xs81l_1>h6{font-size:.875rem;margin:1em 0 0}._typography_xs81l_1>h6{font-weight:500;color:var(--ds-color-text-subtle)}._typography_xs81l_1>h6{font-weight:400;color:var(--ds-color-text-subtle)}._typography_xs81l_1>h5+*,._typography_xs81l_1>h6+*{margin-top:0}._typography_xs81l_1>section{margin:1em 0}._typography_xs81l_1 ul:not([class]),._typography_xs81l_1 ol:not([class]){list-style-position:outside;padding-left:1.5em;margin:1.5em 0}._typography_xs81l_1 ul:not([class]) li,._typography_xs81l_1 ol:not([class]) li{padding-left:.5em;margin:.5em 0}._typography_xs81l_1 table{width:100%;font-size:.875em;font-variant-numeric:tabular-nums;border-collapse:collapse;border:1px solid;margin:1.5em 0}._typography_xs81l_1 th,._typography_xs81l_1 td{text-align:left;padding:.25em .5em;vertical-align:top}._typography_xs81l_1 thead+tbody{border-top:1px solid;border-color:var(--ds-color-border-default)}._typography_xs81l_1 tr+tr{border-top:1px solid;border-color:var(--ds-color-border-subtle)}
+._typography_1h9tz_1{width:100%;line-height:1.5}p._typography_1h9tz_1{margin:0}._typography_1h9tz_1[data-theme=default]{background-color:transparent;color:var(--ds-color-text-default)}._typography_1h9tz_1[data-theme=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._typography_1h9tz_1[data-size=xs]{font-size:.875rem}._typography_1h9tz_1[data-size=sm]{font-size:1rem}._typography_1h9tz_1[data-size=md]{font-size:1.125rem}._typography_1h9tz_1[data-size=lg]{font-size:1.25rem}._typography_1h9tz_1[data-size=xl]{font-size:1.5rem}._typography_1h9tz_1>*:first-child{margin-top:0}._typography_1h9tz_1>*:last-child{margin-bottom:0}._typography_1h9tz_1 strong{font-weight:500}._typography_1h9tz_1 a{color:var(--ds-color-base-default)}._typography_1h9tz_1 a:hover{color:var(--ds-color-base-hover)}._typography_1h9tz_1 p{font-size:1em;margin:1em 0}._typography_1h9tz_1 hr{--dsc-divider-border-width: var(--ds-border-width-default);--dsc-divider-border-style: solid;--dsc-divider-border-color: var(--ds-color-border-subtle);border-width:0;border-top-width:var(--dsc-divider-border-width);border-top-style:var(--dsc-divider-border-style);border-color:var(--dsc-divider-border-color);box-sizing:border-box;margin-block:.5em;width:100%}._typography_1h9tz_1 h1{font-size:1.5rem;line-height:1.25;font-weight:500;margin-top:1.5em;margin-bottom:0}._typography_1h9tz_1 h2{font-size:1.25rem;font-weight:600;margin-top:1.5em;margin-bottom:0}._typography_1h9tz_1 h3{font-size:1em;font-weight:600;margin:1em 0}._typography_1h9tz_1 h4{font-size:1em;font-weight:600;margin:1em 0 0}._typography_1h9tz_1 h5,._typography_1h9tz_1 h6{font-size:.875rem;margin:1em 0 0}._typography_1h9tz_1 h6{font-weight:500;color:var(--ds-color-text-subtle)}._typography_1h9tz_1 h6{font-weight:400;color:var(--ds-color-text-subtle)}._typography_1h9tz_1 h5+*,._typography_1h9tz_1 h6+*{margin-top:0}._typography_1h9tz_1 section{margin:1em 0}._typography_1h9tz_1 img{display:block;max-width:100%;width:auto;height:auto}._typography_1h9tz_1 ul:not([class]),._typography_1h9tz_1 ol:not([class]){list-style-position:outside;padding-left:1.5em;margin:1.5em 0}._typography_1h9tz_1 ul:not([class]) li,._typography_1h9tz_1 ol:not([class]) li{padding-left:.5em;margin:.5em 0}._typography_1h9tz_1 table{width:100%;font-size:.875em;font-variant-numeric:tabular-nums;border-collapse:collapse;border:1px solid;margin:1.5em 0}._typography_1h9tz_1 th,._typography_1h9tz_1 td{text-align:left;padding:.25em .5em;vertical-align:top}._typography_1h9tz_1 thead+tbody{border-top:1px solid;border-color:var(--ds-color-border-default)}._typography_1h9tz_1 tr+tr{border-top:1px solid;border-color:var(--ds-color-border-subtle)}

package/dist/components/Account/AccountMenu.js

@@ -1,21 +1,21 @@
 "use client";
-import { jsx as x } from "react/jsx-runtime";
-import { useState as R, useEffect as S } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { useState as x, useEffect as R } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { Menu as j } from "../Menu/Menu.js";
+import { Menu as S } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-const k = (d) => `${d} hits`, D = ({
+const j = (d) => `${d} hits`, B = ({
   items: d = [],
   groups: v = {},
-  search: l,
+  search: t,
   filterAccount: C,
   onSelectAccount: u,
   currentAccount: e,
   isVirtualized: L,
   keyboardEvents: w
 }) => {
-  var a;
+  var r;
   const p = d.map((o) => ({
     ...o,
     title: (o == null ? void 0 : o.title) || o.name,
@@ -24,36 +24,36 @@ const k = (d) => `${d} hits`, D = ({
     onClick: () => {
       !o.disabled && (u == null || u(o.id));
     }
-  })), [t, i] = R("");
-  S(() => {
-    (l == null ? void 0 : l.value) !== void 0 && i(l.value);
-  }, [l == null ? void 0 : l.value]);
-  const F = C || ((o, f) => {
-    var g, r, s;
-    return ((g = o == null ? void 0 : o.name) == null ? void 0 : g.toLowerCase().includes(f.toLowerCase())) || ((s = (r = o == null ? void 0 : o.description) == null ? void 0 : r.toString()) == null ? void 0 : s.toLowerCase().includes(f.toLowerCase()));
-  }), n = t ? p.filter((o) => F(o, t)).map((o) => ({
+  })), [l, i] = x("");
+  R(() => {
+    (t == null ? void 0 : t.value) !== void 0 && i(t.value);
+  }, [t == null ? void 0 : t.value]);
+  const F = C || ((o, a) => {
+    var g, f, s;
+    return ((g = o == null ? void 0 : o.name) == null ? void 0 : g.toLowerCase().includes(a.toLowerCase())) || ((s = (f = o == null ? void 0 : o.description) == null ? void 0 : f.toString()) == null ? void 0 : s.toLowerCase().includes(a.toLowerCase()));
+  }), n = l ? p.filter((o) => F(o, l)).map((o) => ({
     ...o,
     groupId: "search",
     title: (o == null ? void 0 : o.title) || o.name,
-    highlightWords: [t]
-  })) : p, b = t ? {
+    highlightWords: [l]
+  })) : p, b = l ? {
     search: {
-      title: ((a = l == null ? void 0 : l.getResultsLabel) == null ? void 0 : a.call(l, n.length)) ?? k(n.length)
+      title: ((r = t == null ? void 0 : t.getResultsLabel) == null ? void 0 : r.call(t, n.length)) ?? j(n.length)
     }
   } : v, I = {
     name: "account-search",
-    value: t,
-    placeholder: (l == null ? void 0 : l.placeholder) ?? "Find account",
+    value: l,
+    placeholder: (t == null ? void 0 : t.placeholder) ?? "Find account",
     onChange: (o) => i(o.target.value),
     onClear: () => i("")
   }, M = [
     ...n.length > 0 ? n : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ x(
-    j,
+  return /* @__PURE__ */ c(
+    S,
     {
       variant: "default",
-      search: l && (l == null ? void 0 : l.hidden) === !1 ? I : void 0,
+      search: t && !t.hidden ? I : void 0,
       groups: b,
       items: M,
       isVirtualized: L,
@@ -62,5 +62,5 @@ const k = (d) => `${d} hits`, D = ({
   );
 };
 export {
-  D as AccountMenu
+  B as AccountMenu
 };

package/dist/components/Article/ArticleHeader.js

@@ -1,14 +1,14 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Heading as t } from "../Typography/Heading.js";
+import { Heading as m } from "../Typography/Heading.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as m } from "../Page/Section.js";
-const x = ({ title: r, children: i }) => /* @__PURE__ */ o(m, { as: "header", spacing: 2, children: [
-  /* @__PURE__ */ e(t, { size: "xl", children: r }),
+import { Section as t } from "../Page/Section.js";
+const f = ({ title: r, children: i }) => /* @__PURE__ */ o(t, { as: "header", spacing: 2, children: [
+  r && /* @__PURE__ */ e(m, { size: "xl", children: r }),
   i
 ] });
 export {
-  x as ArticleHeader
+  f as ArticleHeader
 };

package/dist/components/Typography/Typography.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as g } from "../../index-L8X2o7IH.js";
-import { Skeleton as h } from "../Skeleton/Skeleton.js";
+import { Skeleton as l } from "../Skeleton/Skeleton.js";
 import { useHighlightedText as x } from "./useHighlightedText.js";
-import '../../assets/Typography.css';const f = "_typography_xs81l_1", T = {
+import '../../assets/Typography.css';const f = "_typography_1h9tz_1", T = {
   typography: f
-}, z = ({
+}, k = ({
   loading: o,
   loadingText: _ = "Loading ...",
   highlightWords: r,
@@ -18,7 +18,7 @@ import '../../assets/Typography.css';const f = "_typography_xs81l_1", T = {
   children: y,
   ...m
 }) => {
-  const d = a, l = x(y, r || []);
+  const d = a, h = x(y, r || []);
   return /* @__PURE__ */ t(
     d,
     {
@@ -31,10 +31,10 @@ import '../../assets/Typography.css';const f = "_typography_xs81l_1", T = {
       "data-color": n,
       "data-variant": p,
       ...m,
-      children: /* @__PURE__ */ t(h, { loading: o, children: l })
+      children: /* @__PURE__ */ t(l, { loading: o, children: h })
     }
   );
 };
 export {
-  z as Typography
+  k as Typography
 };

package/dist/types/lib/components/Typography/Typography.stories.d.ts

@@ -12,4 +12,6 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const HighlightWords: Story;
+export declare const Article: Story;
+export declare const Article2: Story;
 export declare const Tables: Story;

package/dist/types/lib/components/index.d.ts

@@ -15,6 +15,7 @@ export * from './Dropdown';
 export * from './Footer';
 export * from './GlobalMenu_old';
 export * from './Header';
+export type { GlobalHeaderProps } from './GlobalHeader';
 export * from './Icon';
 export * from './Layout';
 export * from './LayoutAction';

package/dist/types/lib/stories/Portal.stories.d.ts

@@ -12,3 +12,4 @@ export declare const Search: () => import("react/jsx-runtime").JSX.Element;
 export declare const Category: () => import("react/jsx-runtime").JSX.Element;
 export declare const Topic: () => import("react/jsx-runtime").JSX.Element;
 export declare const Service: () => import("react/jsx-runtime").JSX.Element;
+export declare const ArticlePage: () => import("react/jsx-runtime").JSX.Element;

package/package.json

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