@altinn/altinn-components 0.68.0 → 0.68.2

package/dist/components/Settings/UsedByLog.js

@@ -2,8 +2,8 @@
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
 import { useState as y, createElement as B, useMemo as L, Fragment as S } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DyVcALSw.js";
+import "../../tooltip-Caqi75cv.js";
+import "../../ToolbarSearch-B7BeGXrJ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/UsedByLogItem.js

@@ -1,8 +1,8 @@
 import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import { a as n, B as c } from "../../ToolbarSearch-DyVcALSw.js";
+import { a as n, B as c } from "../../ToolbarSearch-B7BeGXrJ.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../tooltip-Ct39-719.js";
+import "../../tooltip-Caqi75cv.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/SkipLink/SkipLink.js

@@ -1,5 +1,5 @@
 import { jsx as p } from "react/jsx-runtime";
-import { q as a } from "../../tooltip-Ct39-719.js";
+import { q as a } from "../../tooltip-Caqi75cv.js";
 import "react";
 const n = ({ color: o, size: i, children: r, href: t }) => /* @__PURE__ */ p(
   a,

package/dist/components/Snackbar/SnackbarItem.js

@@ -2,8 +2,8 @@
 import { jsx as a, jsxs as v } from "react/jsx-runtime";
 import { c as h } from "../../index-p1eeF8LQ.js";
 import d, { forwardRef as _, useEffect as g } from "react";
-import { I as b, s as y } from "../../ToolbarSearch-DyVcALSw.js";
-import "../../tooltip-Ct39-719.js";
+import { I as b, s as y } from "../../ToolbarSearch-B7BeGXrJ.js";
+import "../../tooltip-Caqi75cv.js";
 import "../Typography/Link.js";
 import { Button as w } from "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/Timeline.js

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DyVcALSw.js";
+import "../../tooltip-Caqi75cv.js";
+import "../../ToolbarSearch-B7BeGXrJ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineActivity.js

@@ -1,8 +1,8 @@
 import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../tooltip-Ct39-719.js";
-import { a as c } from "../../ToolbarSearch-DyVcALSw.js";
+import "../../tooltip-Caqi75cv.js";
+import { a as c } from "../../ToolbarSearch-B7BeGXrJ.js";
 import { Typography as n } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Timeline/TimelineBase.js

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DyVcALSw.js";
+import "../../tooltip-Caqi75cv.js";
+import "../../ToolbarSearch-B7BeGXrJ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineFooter.js

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../tooltip-Ct39-719.js";
-import { a as l } from "../../ToolbarSearch-DyVcALSw.js";
+import "../../tooltip-Caqi75cv.js";
+import { a as l } from "../../ToolbarSearch-B7BeGXrJ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineHeader.js

@@ -2,8 +2,8 @@ import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Skeleton as a } from "../Skeleton/Skeleton.js";
-import "../../tooltip-Ct39-719.js";
-import { a as c } from "../../ToolbarSearch-DyVcALSw.js";
+import "../../tooltip-Caqi75cv.js";
+import { a as c } from "../../ToolbarSearch-B7BeGXrJ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineIcon.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { isValidElement as e } from "react";
 import "../../index-p1eeF8LQ.js";
-import { I as s, s as n, u as l } from "../../ToolbarSearch-DyVcALSw.js";
+import { I as s, s as n, u as l } from "../../ToolbarSearch-B7BeGXrJ.js";
 import { isAvatarProps as f, Avatar as c } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as u, AvatarGroup as d } from "../Avatar/AvatarGroup.js";
-import "../../tooltip-Ct39-719.js";
+import "../../tooltip-Caqi75cv.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineSection.js

@@ -1,8 +1,8 @@
 import { jsxs as T, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../tooltip-Ct39-719.js";
-import { a as c } from "../../ToolbarSearch-DyVcALSw.js";
+import "../../tooltip-Caqi75cv.js";
+import { a as c } from "../../ToolbarSearch-B7BeGXrJ.js";
 import { Typography as j } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Timeline/TimelineSegment.js

@@ -1,8 +1,8 @@
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../tooltip-Ct39-719.js";
-import { a as S } from "../../ToolbarSearch-DyVcALSw.js";
+import "../../tooltip-Caqi75cv.js";
+import { a as S } from "../../ToolbarSearch-B7BeGXrJ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Toolbar/DatepickerFilter.js

@@ -1,28 +1,28 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { Datepicker as T } from "../Datepicker/Datepicker.js";
-import { Field as n } from "../Forms/Field.js";
+import { Field as m } from "../Forms/Field.js";
 import { Fieldset as v } from "../Forms/Fieldset.js";
-import "../../tooltip-Ct39-719.js";
+import "../../tooltip-Caqi75cv.js";
 import "react";
-import { Label as c } from "../Forms/Label.js";
-import { Input as s } from "../Forms/Input.js";
+import { Label as s } from "../Forms/Label.js";
+import { Input as c } from "../Forms/Input.js";
 import "../../index-p1eeF8LQ.js";
-import { w as x, j as g } from "../../ToolbarSearch-DyVcALSw.js";
+import { w as x, j as g } from "../../ToolbarSearch-B7BeGXrJ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { MenuList as M } from "../Menu/MenuList.js";
-import { MenuListItem as m } from "../Menu/MenuListItem.js";
+import { MenuList as C } from "../Menu/MenuList.js";
+import { MenuListItem as n } from "../Menu/MenuListItem.js";
 import { MenuListDivider as p } from "../Menu/MenuListDivider.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S } from "../../ArrowUndo-hge1gMu8.js";
+import { S as M } from "../../ArrowUndo-hge1gMu8.js";
 import '../../assets/DatepickerFilter.css';const u = {}, W = ({
   formData: t = { fromDate: "", toDate: "" },
   onChange: r,
-  onSubmit: b
+  onSubmit: f
 }) => {
-  const { fromDate: i, toDate: a } = t, { languageCode: f } = x(), { backLabel: d, fromLabel: L, toLabel: D } = j(f), k = (o) => {
+  const { fromDate: a, toDate: i } = t, { languageCode: b } = x(), { backLabel: d, fromLabel: L, toLabel: D } = S(b), k = (o) => {
     r?.({
       ...t,
       fromDate: o.target.value
@@ -33,7 +33,7 @@ import '../../assets/DatepickerFilter.css';const u = {}, W = ({
       toDate: o.target.value
     });
   }, F = (o) => {
-    if (a) {
+    if (i) {
       r?.({
         ...t,
         fromDate: o,
@@ -41,41 +41,61 @@ import '../../assets/DatepickerFilter.css';const u = {}, W = ({
       });
       return;
     }
-    if (!i) {
+    if (!a) {
       r?.({
         ...t,
         fromDate: o
       });
       return;
     }
-    o < i ? r?.({
+    o < a ? r?.({
       ...t,
-      toDate: i,
+      toDate: a,
       fromDate: o
     }) : r?.({
       ...t,
       toDate: o
     });
   };
-  return /* @__PURE__ */ l(M, { children: [
-    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(g, { variant: "default", icon: S, title: d, onClick: () => {
-      b?.({ fromDate: i, toDate: a });
+  return /* @__PURE__ */ l(C, { role: "presentation", children: [
+    /* @__PURE__ */ e(n, { role: "presentation", children: /* @__PURE__ */ e(g, { variant: "default", role: "button", icon: M, title: d, onClick: () => {
+      f?.({ fromDate: a, toDate: i });
     } }) }),
     /* @__PURE__ */ e(p, {}),
-    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ l(v, { size: "xs", children: [
-      /* @__PURE__ */ l(n, { children: [
-        /* @__PURE__ */ e(c, { children: L }),
-        /* @__PURE__ */ e(s, { className: u.input, name: "fromDate", value: i, type: "date", onChange: k })
+    /* @__PURE__ */ e(n, { role: "presentation", children: /* @__PURE__ */ l(v, { size: "xs", children: [
+      /* @__PURE__ */ l(m, { children: [
+        /* @__PURE__ */ e(s, { children: L }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            className: u.input,
+            name: "fromDate",
+            value: a,
+            type: "date",
+            autoComplete: "off",
+            onChange: k
+          }
+        )
       ] }),
-      /* @__PURE__ */ l(n, { children: [
-        /* @__PURE__ */ e(c, { children: D }),
-        /* @__PURE__ */ e(s, { className: u.input, name: "toDate", value: a, type: "date", onChange: h })
+      /* @__PURE__ */ l(m, { children: [
+        /* @__PURE__ */ e(s, { children: D }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            className: u.input,
+            name: "toDate",
+            value: i,
+            type: "date",
+            autoComplete: "off",
+            onChange: h
+          }
+        )
       ] })
     ] }) }),
     /* @__PURE__ */ e(p, {}),
-    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(T, { onSelect: F, selectFrom: i, selectTo: a }) })
+    /* @__PURE__ */ e(n, { role: "presentation", children: /* @__PURE__ */ e(T, { onSelect: F, selectFrom: a, selectTo: i }) })
   ] });
-}, j = (t) => {
+}, S = (t) => {
   switch (t) {
     case "nn":
       return {

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,8 +1,8 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as A, useState as p, useCallback as C, useEffect as R } from "react";
-import { M as x } from "../../ToolbarSearch-DyVcALSw.js";
+import { M as x } from "../../ToolbarSearch-B7BeGXrJ.js";
 import "../../index-p1eeF8LQ.js";
-import "../../tooltip-Ct39-719.js";
+import "../../tooltip-Caqi75cv.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Toolbar/Toolbar.js

@@ -1,6 +1,6 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { ToolbarFilter as T } from "./ToolbarFilter.js";
-import { T as l, t as x } from "../../ToolbarSearch-DyVcALSw.js";
+import { T as l, t as x } from "../../ToolbarSearch-B7BeGXrJ.js";
 import '../../assets/Toolbar.css';const z = "_toolbar_ibn1z_1", c = {
   toolbar: z
 }, u = ({ accountMenu: t, menus: m, search: a, filter: s, disabled: o, controls: b, children: e }) => /* @__PURE__ */ p("span", { className: c.toolbar, "data-size": "xs", children: [

package/dist/components/Toolbar/ToolbarFilter.js

@@ -2,8 +2,8 @@ import { jsxs as l, Fragment as N, jsx as i } from "react/jsx-runtime";
 import { useMemo as O, useState as y, createElement as E } from "react";
 import { Button as L } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import "../../tooltip-Ct39-719.js";
-import { s as X } from "../../ToolbarSearch-DyVcALSw.js";
+import "../../tooltip-Caqi75cv.js";
+import { s as X } from "../../ToolbarSearch-B7BeGXrJ.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -2,8 +2,8 @@ import { jsx as t, jsxs as y } from "react/jsx-runtime";
 import { useRef as a, useEffect as v } from "react";
 import { Button as w } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import "../../tooltip-Ct39-719.js";
-import { g as x, M as C } from "../../ToolbarSearch-DyVcALSw.js";
+import "../../tooltip-Caqi75cv.js";
+import { g as x, M as C } from "../../ToolbarSearch-B7BeGXrJ.js";
 import "../Typography/Link.js";
 import { useDropdownMenuController as R } from "../Menu/useDropdownMenuController.js";
 import "../GlobalMenu/GlobalMenuBase.js";

package/dist/components/Toolbar/ToolbarFilterButton.js

@@ -2,43 +2,45 @@ import { jsxs as u, jsx as r } from "react/jsx-runtime";
 import { Button as t } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../tooltip-Ct39-719.js";
-import { s as c, q as h } from "../../ToolbarSearch-DyVcALSw.js";
+import "../../tooltip-Caqi75cv.js";
+import { s as h, q as x } from "../../ToolbarSearch-B7BeGXrJ.js";
 import "../Typography/Link.js";
 import "react-dom";
 import { Tooltip as b } from "../Tooltip/Tooltip.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ButtonGroup as x } from "../Button/ButtonGroup.js";
-import { ButtonGroupDivider as B } from "../Button/ButtonGroupDivider.js";
-function M({
-  disabled: e,
-  name: i,
+import { ButtonGroup as B } from "../Button/ButtonGroup.js";
+import { ButtonGroupDivider as j } from "../Button/ButtonGroupDivider.js";
+function R({
+  disabled: i,
+  name: e,
   onClick: p,
-  removable: d,
+  removable: s,
   removeLabel: f = "Fjern filter",
   onRemove: l,
   children: n,
-  open: s,
+  open: a,
+  menuId: m,
   variant: o,
-  ref: a,
-  htmlTitle: m
+  ref: c,
+  htmlTitle: d
 }) {
-  return d ? /* @__PURE__ */ u(x, { disabled: e, variant: o, connected: !0, children: [
+  return s ? /* @__PURE__ */ u(B, { disabled: i, variant: o, connected: !0, children: [
     /* @__PURE__ */ r(
       t,
       {
         variant: o,
         onClick: p,
-        "data-id": `filter-button-${i}`,
+        "data-id": `filter-button-${e}`,
         "aria-haspopup": "menu",
-        "aria-expanded": s,
-        title: m,
-        ref: a,
+        "aria-expanded": a,
+        "aria-controls": m,
+        title: d,
+        ref: c,
         children: /* @__PURE__ */ r("span", { children: n })
       }
     ),
-    /* @__PURE__ */ r(B, { variant: o }),
+    /* @__PURE__ */ r(j, { variant: o }),
     /* @__PURE__ */ r(b, { content: f, children: /* @__PURE__ */ r(
       t,
       {
@@ -48,14 +50,27 @@ function M({
           borderLeft: "none",
           borderRadius: "0 .25em .25em 0"
         },
-        children: /* @__PURE__ */ r(c, { "aria-hidden": "true" })
+        children: /* @__PURE__ */ r(h, { "aria-hidden": "true" })
       }
     ) })
-  ] }) : /* @__PURE__ */ u(t, { disabled: e, variant: o, onClick: p, "data-id": `filter-button-${i}`, title: m, children: [
-    /* @__PURE__ */ r("span", { children: n }),
-    /* @__PURE__ */ r(h, {})
-  ] });
+  ] }) : /* @__PURE__ */ u(
+    t,
+    {
+      disabled: i,
+      variant: o,
+      onClick: p,
+      "data-id": `filter-button-${e}`,
+      title: d,
+      "aria-haspopup": "menu",
+      "aria-expanded": a,
+      "aria-controls": m,
+      children: [
+        /* @__PURE__ */ r("span", { children: n }),
+        /* @__PURE__ */ r(x, { "aria-hidden": "true" })
+      ]
+    }
+  );
 }
 export {
-  M as ToolbarFilterButton
+  R as ToolbarFilterButton
 };