@altinn/altinn-components 0.6.2 → 0.6.3

package/README.md

@@ -19,7 +19,7 @@ Tested with Node.js 20.x <
 
 ## Requirements
 
-React `>=18`in your project. 
+`React` `>=18`in your project as a peer dependency. And `react-dom` if needed.
 
 ## Usage
 Wrap your application in RootProvider to enable shared context across all components. Here’s a basic setup:
@@ -48,5 +48,17 @@ import '@altinn/altinn-components/lib/css/global.css';
 ```
 for correct `font-family` and minimal collection of resets.
 
-## Documentation and examples
+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/PageHeaderMedia-DpZ09tLD.js

@@ -0,0 +1,15 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Avatar as o } from "./components/Avatar/Avatar.js";
+import { AvatarGroup as a } from "./components/Avatar/AvatarGroup.js";
+import { Icon as m } from "./components/Icon/Icon.js";
+import "./components/Icon/SvgIcon.js";
+import "./index-L8X2o7IH.js";
+import './assets/PageHeaderMedia.css';const n = "_header_4gbqj_1", c = "_title_4gbqj_9", l = "_description_4gbqj_16", t = {
+  header: n,
+  title: c,
+  description: l
+}, j = ({ icon: s, avatar: r, avatarGroup: i }) => !s && !r && !i ? !1 : /* @__PURE__ */ e("div", { className: t.media, children: s && /* @__PURE__ */ e(m, { name: s, variant: "outline", className: t.icon }) || r && /* @__PURE__ */ e(o, { ...r, size: "xl", className: t.avatar }) || i && /* @__PURE__ */ e(a, { ...i, size: "lg", className: t.avatarGroup }) });
+export {
+  j as P,
+  t as s
+};