@altinn/altinn-components 0.6.11 → 0.6.12

package/README.md

@@ -42,23 +42,12 @@ To use the components in your application, you need to import the components you
 // example: import the Avatar component and type
 import { Avatar, type AvatarVariant } from '@altinn/components';
 ```
-and import the css file in your application once:
+and import the css file in your application once, e.g. in your css:
 ```ts
 import '@altinn/altinn-components/lib/css/global.css';
 ```
 for correct `font-family` and minimal collection of resets.
 
-Using `nextjs`?
-
-You probably need to transpile the package. Add the following to your `next.config.js`:
-
-```js
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  transpilePackages: ['@altinn/components'],
-}
-module.exports = nextConfig
-```
 
 ## Documentation
 The documentation for the components can be found in the [Storybook](https://altinn.github.io/altinn-components)

package/dist/components/Header/Header.d.ts

@@ -1,9 +1,10 @@
-import { GlobalMenuProps } from '../GlobalMenu';
-import { Account } from '../GlobalMenu/AccountButton.tsx';
+import { GlobalMenuProps, Account } from '../GlobalMenu';
 import { SearchbarProps } from '../Searchbar';
+import { HeaderLogoProps } from './HeaderLogo';
 export interface HeaderProps {
     menu: GlobalMenuProps;
     search?: SearchbarProps;
     currentAccount?: Account;
+    logo?: HeaderLogoProps;
 }
-export declare const Header: ({ search, menu, currentAccount }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ search, menu, currentAccount, logo }: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/Header.js

@@ -1,53 +1,53 @@
 "use client";
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "react";
-import { useEscapeKey as h } from "../../hooks/useEscapeKey.js";
-import { DropdownBase as w } from "../Dropdown/DropdownBase.js";
+import { useEscapeKey as w } from "../../hooks/useEscapeKey.js";
+import { DropdownBase as g } from "../Dropdown/DropdownBase.js";
 import "../../index-L8X2o7IH.js";
-import { DrawerBase as g } from "../Dropdown/DrawerBase.js";
+import { DrawerBase as x } from "../Dropdown/DrawerBase.js";
 import "../Icon/SvgIcon.js";
-import { useRootContext as x } from "../RootProvider/RootProvider.js";
+import { useRootContext as H } from "../RootProvider/RootProvider.js";
 import { GlobalMenu as t } from "../GlobalMenu/GlobalMenu.js";
-import { HeaderBase as H } from "./HeaderBase.js";
-import { HeaderLogo as _ } from "./HeaderLogo.js";
-import { HeaderButton as C } from "./HeaderButton.js";
-import { Searchbar as b } from "../Searchbar/Searchbar.js";
-import { HeaderMenu as y } from "./HeaderMenu.js";
-import { HeaderSearch as B } from "./HeaderSearch.js";
-import '../../assets/Header.css';const N = "_drawer_1wgf5_1", S = "_dropdown_1wgf5_5", d = {
-  drawer: N,
-  dropdown: S
-}, z = ({ search: s, menu: r, currentAccount: a }) => {
-  const { currentId: e, toggleId: n, openId: l, closeAll: m } = x();
-  h(m);
-  const i = () => {
-    l("search");
-  }, c = () => {
-    n("search");
+import { HeaderBase as _ } from "./HeaderBase.js";
+import { HeaderLogo as C } from "./HeaderLogo.js";
+import { HeaderButton as b } from "./HeaderButton.js";
+import { Searchbar as y } from "../Searchbar/Searchbar.js";
+import { HeaderMenu as B } from "./HeaderMenu.js";
+import { HeaderSearch as N } from "./HeaderSearch.js";
+import '../../assets/Header.css';const S = "_drawer_1wgf5_1", I = "_dropdown_1wgf5_5", d = {
+  drawer: S,
+  dropdown: I
+}, J = ({ search: s, menu: r, currentAccount: a, logo: l = {} }) => {
+  const { currentId: e, toggleId: n, openId: i, closeAll: m } = H();
+  w(m);
+  const c = () => {
+    i("search");
   }, f = () => {
+    n("search");
+  }, h = () => {
     n("menu");
   };
-  return /* @__PURE__ */ p(H, { currentId: e, open: e === "search" || e === "menu", onClose: m, children: [
-    /* @__PURE__ */ o(_, { className: d.logo }),
-    /* @__PURE__ */ p(y, { className: d.menu, children: [
+  return /* @__PURE__ */ p(_, { currentId: e, open: e === "search" || e === "menu", onClose: m, children: [
+    /* @__PURE__ */ o(C, { ...l, className: d.logo }),
+    /* @__PURE__ */ p(B, { className: d.menu, children: [
       /* @__PURE__ */ o(
-        C,
+        b,
         {
           avatar: a && {
             type: a.type,
             name: a.name
           },
-          onClick: f,
+          onClick: h,
           expanded: e === "menu",
           label: r == null ? void 0 : r.menuLabel
         }
       ),
-      r && /* @__PURE__ */ o(w, { padding: !1, placement: "right", expanded: e === "menu", className: d.dropdown, children: /* @__PURE__ */ o(t, { ...r, currentAccount: a }) })
+      r && /* @__PURE__ */ o(g, { padding: !1, placement: "right", expanded: e === "menu", className: d.dropdown, children: /* @__PURE__ */ o(t, { ...r, currentAccount: a }) })
     ] }),
-    s && /* @__PURE__ */ o(B, { expanded: e === "search", children: /* @__PURE__ */ o(b, { ...s, expanded: e === "search", onClose: c, onFocus: i }) }),
-    r && /* @__PURE__ */ o(g, { expanded: e === "menu", className: d.drawer, children: /* @__PURE__ */ o(t, { ...r, currentAccount: a }) })
+    s && /* @__PURE__ */ o(N, { expanded: e === "search", children: /* @__PURE__ */ o(y, { ...s, expanded: e === "search", onClose: f, onFocus: c }) }),
+    r && /* @__PURE__ */ o(x, { expanded: e === "menu", className: d.drawer, children: /* @__PURE__ */ o(t, { ...r, currentAccount: a }) })
   ] });
 };
 export {
-  z as Header
+  J as Header
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.6.11",
+  "version": "0.6.12",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [