@altinn/altinn-components 0.19.0 → 0.19.2

package/dist/assets/PageTabs.css

@@ -1 +1 @@
-._list_qqtoj_1{display:flex;width:100%;row-gap:.5rem;flex-direction:column;list-style:none;padding:0;margin:0}@media (min-width: 1024px){._list_qqtoj_1{flex-direction:row;align-items:center;justify-content:start;column-gap:.5rem;width:auto}}._item_qqtoj_21{margin:0;border-top:2px solid;border-bottom:2px solid;border-color:transparent}._item_qqtoj_21[aria-selected=true]{background-color:transparent;border-bottom-color:var(--ds-color-base-default)}
+._list_gp6cp_1{display:flex;width:100%;row-gap:.5rem;flex-direction:column;list-style:none;padding:0;margin:0}@media (min-width: 1024px){._list_gp6cp_1{flex-direction:row;align-items:center;justify-content:start;column-gap:.5rem;width:auto}}._item_gp6cp_21{margin:0;border-top:2px solid;border-bottom:2px solid;border-color:transparent}._item_gp6cp_21[data-selected=true]{background-color:transparent;border-bottom-color:var(--ds-color-base-default)}

package/dist/components/Dialog/DialogActions.js

@@ -1,60 +1,53 @@
 "use client";
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { useState as p, useMemo as d } from "react";
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import { useState as d, useMemo as u } from "react";
 import "../../index-L8X2o7IH.js";
-import { Button as u } from "../Button/Button.js";
-import { ComboButton as f } from "../Button/ComboButton.js";
+import { Button as f } from "../Button/Button.js";
+import { ComboButton as h } from "../Button/ComboButton.js";
 import "../RootProvider/RootProvider.js";
-import { DropdownBase as g } from "../Dropdown/DropdownBase.js";
-import { Menu as h } from "../Menu/Menu.js";
+import { DropdownBase as y } from "../Dropdown/DropdownBase.js";
+import { Menu as g } from "../Menu/Menu.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as y } from "../../ChevronUp-H8Nuww4h.js";
-import { S as v } from "../../ChevronDown-CRAwzuD3.js";
-import '../../assets/DialogActions.css';const C = "_action_m3crc_1", B = "_comboButton_m3crc_7", l = {
-  action: C,
-  comboButton: B
-}, N = ({ items: e, maxItems: c = 2 }) => {
-  const [i, a] = p(!1), n = d(() => (e || []).sort((r, o) => {
-    const s = ["primary", "secondary", "tertiary"];
-    return s.indexOf(r == null ? void 0 : r.priority) - s.indexOf(o == null ? void 0 : o.priority);
-  }), [e]);
-  if (!n.length || c <= 0)
+import { S as v } from "../../ChevronUp-H8Nuww4h.js";
+import { S as B } from "../../ChevronDown-CRAwzuD3.js";
+import '../../assets/DialogActions.css';const _ = "_action_m3crc_1", b = "_comboButton_m3crc_7", l = {
+  action: _,
+  comboButton: b
+}, E = ({ items: c, maxItems: s = 2 }) => {
+  const [e, m] = d(!1), t = u(() => (c || []).sort((r, o) => {
+    const i = ["primary", "secondary", "tertiary"];
+    return i.indexOf(r == null ? void 0 : r.priority) - i.indexOf(o == null ? void 0 : o.priority);
+  }), [c]);
+  if (!t.length || s <= 0)
     return null;
-  if (n.length > c) {
-    const r = n.slice(1).map((o) => ({
+  if (t.length > s) {
+    const r = t.slice(1).map((o) => ({
       id: o.id,
       title: o.label,
       onClick: o.onClick,
       group: o.priority
     }));
-    return /* @__PURE__ */ m("section", { className: l.comboButton, children: [
-      /* @__PURE__ */ t(
-        f,
+    return /* @__PURE__ */ a("section", { className: l.comboButton, children: [
+      /* @__PURE__ */ n(
+        h,
         {
           variant: "solid",
-          icon: i ? y : v,
+          icon: e ? v : B,
           size: "lg",
-          onIconClick: () => a((o) => !o),
-          ariaLabel: i ? "chevron up icon" : "chevron down icon",
-          children: n[0].label
+          onIconClick: () => m((o) => !o),
+          ariaLabel: e ? "chevron up icon" : "chevron down icon",
+          children: t[0].label
         }
       ),
-      /* @__PURE__ */ t(g, { open: i, children: /* @__PURE__ */ t(h, { items: r }) })
+      /* @__PURE__ */ n(y, { open: e, children: /* @__PURE__ */ n(g, { items: r }) })
     ] });
   }
-  return /* @__PURE__ */ t("section", { className: l.action, children: n.map((r, o) => /* @__PURE__ */ t(
-    u,
-    {
-      onClick: r.onClick,
-      variant: r.priority === "primary" ? "solid" : "outline",
-      size: "lg",
-      loading: r.loading,
-      children: r.label
-    },
-    "button-" + o
-  )) });
+  return /* @__PURE__ */ n("section", { className: l.action, children: t.map((r, o) => {
+    const { priority: i, id: x, ...p } = r;
+    return /* @__PURE__ */ n(f, { variant: i === "primary" ? "solid" : "outline", size: "lg", ...p, children: r.label }, "button-" + o);
+  }) });
 };
 export {
-  N as DialogActions
+  E as DialogActions
 };

package/dist/components/Page/PageTabs.js

@@ -2,14 +2,14 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as l } from "../Menu/MenuItem.js";
+import { MenuItem as p } from "../Menu/MenuItem.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as n } from "./Flex.js";
-import '../../assets/PageTabs.css';const p = "_list_qqtoj_1", a = "_item_qqtoj_21", i = {
-  list: p,
-  item: a
-}, x = ({ theme: m = "transparent", color: o, items: e = [], padding: s = 0 }) => /* @__PURE__ */ t(n, { theme: m, color: o, padding: s, children: /* @__PURE__ */ t("ul", { className: i.list, children: e.map((r) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(l, { ...r, className: i.item }) }, r.id)) }) });
+import { Flex as l } from "./Flex.js";
+import '../../assets/PageTabs.css';const n = "_list_gp6cp_1", c = "_item_gp6cp_21", i = {
+  list: n,
+  item: c
+}, N = ({ theme: m = "transparent", color: e, items: s = [], padding: o = 0 }) => /* @__PURE__ */ t(l, { theme: m, color: e, padding: o, children: /* @__PURE__ */ t("ul", { className: i.list, children: s.map((r) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(p, { ...r, className: i.item }) }, r.id)) }) });
 export {
-  x as PageTabs
+  N as PageTabs
 };

package/dist/types/lib/components/Dialog/DialogActions.d.ts

@@ -1,10 +1,9 @@
+import { ButtonProps } from '..';
 export type DialogButtonPriority = 'primary' | 'secondary' | 'tertiary';
-export interface DialogActionButtonProps {
+export interface DialogActionButtonProps extends ButtonProps {
     id: string;
     priority: DialogButtonPriority;
-    label?: string;
     onClick?: () => void;
-    loading?: boolean;
 }
 export interface DialogActionsProps {
     /** List of actions */

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

@@ -1,9 +1,8 @@
-import { MenuItemColor, MenuItemProps } from '..';
-export type PageTabsTheme = 'transparent' | 'base';
+import { MenuItemColor, MenuItemProps, MenuTheme } from '..';
 export type PageTabsPadding = 0 | 2;
 export type PageTabsVariant = 'card' | undefined;
 export interface PageTabsProps {
-    theme?: PageTabsTheme;
+    theme?: MenuTheme;
     color?: MenuItemColor;
     padding?: PageTabsPadding;
     items?: MenuItemProps[];

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

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ theme, color, items, padding }: import('./PageTabs').PageTabsProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        items: ({
+            id: string;
+            href: string;
+            title: string;
+            selected: true;
+        } | {
+            id: string;
+            href: string;
+            title: string;
+            selected?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/package.json

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