@altinn/altinn-components 0.56.17 → 0.56.18

package/dist/assets/PageMenu.css

@@ -1 +1 @@
-._menu_13em0_1{padding:0 .5rem;border-radius:.375rem}._list_13em0_6{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}@media(min-width:1024px){._list_13em0_6{flex-direction:row;align-items:center;justify-content:start;column-gap:.5rem;width:auto}}._menu_13em0_1[data-theme=base],._item_13em0_29[data-theme=base]{background-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._item_13em0_29[data-theme=base]:hover{background-color:var(--ds-color-base-hover)}._item_13em0_29[data-theme=base]:active{background-color:var(--ds-color-base-active)}
+._buttonGroup_1ybcg_1{display:flex;flex-direction:column;padding:.5rem;gap:.5rem}@media(min-width:1024px){._buttonGroup_1ybcg_1{flex-direction:row}}._button_1ybcg_1{justify-content:flex-start}

package/dist/components/LayoutAction/LayoutAction.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
@@ -9,30 +9,30 @@ import { ActionHeader as f } from "./ActionHeader.js";
 import { ActionFooter as u } from "./ActionFooter.js";
 import "../Snackbar/useSnackbar.js";
 import { PageMenu as x } from "../Page/PageMenu.js";
-const M = ({
-  color: r = "company",
-  theme: t = "base",
-  hidden: i,
+const H = ({
+  color: m = "company",
+  theme: i = "base",
+  hidden: r,
   title: p,
-  menu: m,
-  dismissable: a,
-  onDismiss: e,
-  children: n
-}) => /* @__PURE__ */ c(s, { children: [
+  menu: t,
+  dismissable: e,
+  onDismiss: a,
+  children: c
+}) => /* @__PURE__ */ n(s, { children: [
   /* @__PURE__ */ o(
     f,
     {
-      theme: t,
-      color: r,
-      hidden: i,
+      theme: i,
+      color: m,
+      hidden: r,
       title: p,
-      dismissable: a,
-      onDismiss: e
+      dismissable: e,
+      onDismiss: a
     }
   ),
-  n,
-  /* @__PURE__ */ o(u, { hidden: i, children: m && /* @__PURE__ */ o(x, { ...m, theme: t, color: r }) })
+  c,
+  /* @__PURE__ */ o(u, { hidden: r, children: t && /* @__PURE__ */ o(x, { ...t }) })
 ] });
 export {
-  M as LayoutAction
+  H as LayoutAction
 };

package/dist/components/Page/PageMenu.js

@@ -1,16 +1,21 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
+import { Icon as u } from "../Icon/Icon.js";
 import "react";
-import "../Button/Button.js";
+import { Button as p } from "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as s } from "../Menu/MenuItem.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/PageMenu.css';const n = "_menu_13em0_1", l = "_list_13em0_6", a = "_item_13em0_29", e = {
-  menu: n,
-  list: l,
-  item: a
-}, x = ({ theme: i, color: r, items: o = [] }) => /* @__PURE__ */ t("nav", { "data-theme": i, "data-color": r, className: e.menu, children: /* @__PURE__ */ t("ul", { className: e.list, children: o.map((m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(s, { ...m, className: e.item }) }, m.id)) }) });
+import '../../assets/PageMenu.css';const c = "_buttonGroup_1ybcg_1", a = "_button_1ybcg_1", r = {
+  buttonGroup: c,
+  button: a
+}, v = ({ items: s }) => /* @__PURE__ */ t("nav", { "data-size": "sm", className: r.buttonGroup, children: s?.map((o) => {
+  const { icon: n, title: e, ...i } = o;
+  return /* @__PURE__ */ m(p, { variant: "ghost", className: r.button, size: "sm", ...i, children: [
+    n && /* @__PURE__ */ t(u, { svgElement: n }),
+    /* @__PURE__ */ t("span", { children: e })
+  ] }, o.id);
+}) });
 export {
-  x as PageMenu
+  v as PageMenu
 };

package/dist/types/lib/components/Page/PageMenu.d.ts

@@ -1,9 +1,13 @@
-import { MenuItemColor, MenuItemProps } from '..';
-export type PageMenuTheme = 'default' | 'subtle' | 'base';
+import { ButtonProps, SvgElement } from '..';
+export interface PageMenuButtonProps extends ButtonProps {
+    id: string;
+    title: string;
+    icon?: SvgElement;
+}
 export interface PageMenuProps {
-    id?: string;
-    theme?: PageMenuTheme;
-    color?: MenuItemColor;
-    items?: MenuItemProps[];
+    items?: PageMenuButtonProps[];
 }
-export declare const PageMenu: ({ theme, color, items }: PageMenuProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Page menu
+ */
+export declare const PageMenu: ({ items }: PageMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/PageMenu.stories.d.ts

@@ -4,4 +4,3 @@ declare const meta: Meta<typeof PageMenu>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const BulkActionbar: Story;

package/package.json

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