@altinn/altinn-components 0.28.2 → 0.29.1

package/dist/components/Toolbar/ToolbarAccountMenu.js

@@ -1,9 +1,9 @@
 import { jsxs as f, jsx as p } from "react/jsx-runtime";
 import { createElement as n } from "react";
 import "../../index-L8X2o7IH.js";
-import { useRootContext as x } from "../RootProvider/RootProvider.js";
-import { DrawerOrDropdown as T } from "../Dropdown/DrawerOrDropdown.js";
-import { AccountMenu as b } from "../GlobalMenu/AccountMenu.js";
+import { AccountMenu as x } from "../Account/AccountMenu.js";
+import { useRootContext as T } from "../RootProvider/RootProvider.js";
+import { DrawerOrDropdown as b } from "../Dropdown/DrawerOrDropdown.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as g } from "./ToolbarButton.js";
@@ -14,11 +14,11 @@ const v = ({
   onSelectAccount: r,
   ...l
 }) => {
-  const { currentId: m, toggleId: s, closeAll: t } = x(), a = () => s(e), i = m === e;
+  const { currentId: m, toggleId: s, closeAll: t } = T(), a = () => s(e), i = m === e;
   return /* @__PURE__ */ f(h, { expanded: i, children: [
     /* @__PURE__ */ p(g, { type: "switch", onToggle: a, active: !!o, children: o == null ? void 0 : o.name }),
-    /* @__PURE__ */ p(T, { open: i, drawerTitle: "Endre konto", onClose: t, children: /* @__PURE__ */ n(
-      b,
+    /* @__PURE__ */ p(b, { open: i, drawerTitle: "Endre konto", onClose: t, children: /* @__PURE__ */ n(
+      x,
       {
         ...l,
         key: m,

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,50 +1,29 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { Icon as m } from "../Icon/Icon.js";
+import { jsx as p } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { IconButton as p } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as l } from "../../MagnifyingGlass-3Ln1MufI.js";
-import { S as _ } from "../../XMark-DIqxCTTQ.js";
-import '../../assets/ToolbarSearch.css';const u = "_field_3uyps_1", f = "_icon_3uyps_5", d = "_input_3uyps_14", y = "_clear_3uyps_31", o = {
-  field: u,
-  icon: f,
-  input: d,
-  clear: y
-}, T = ({
-  value: s,
-  name: r,
-  placeholder: c = "Search",
-  clearButtonAltText: n = "Clear search",
-  onChange: e,
-  onClear: t
-}) => /* @__PURE__ */ a("div", { className: o.field, children: [
-  /* @__PURE__ */ i(
-    "input",
-    {
-      type: "search",
-      value: s,
-      name: r,
-      placeholder: c,
-      className: o.input,
-      onChange: e
-    }
-  ),
-  /* @__PURE__ */ i(m, { svgElement: l, className: o.icon }),
-  t && !!s && /* @__PURE__ */ i(
-    p,
-    {
-      icon: _,
-      variant: "solid",
-      size: "custom",
-      className: o.clear,
-      onClick: t,
-      iconAltText: n
-    }
-  )
-] });
+import { SearchField as a } from "../Forms/SearchField.js";
+const n = ({
+  value: r,
+  name: o,
+  placeholder: t = "Search",
+  clearButtonAltText: e = "Clear search",
+  onChange: i,
+  onClear: m
+}) => /* @__PURE__ */ p(
+  a,
+  {
+    size: "xs",
+    value: r,
+    name: o,
+    placeholder: t,
+    clearButtonAltText: e,
+    onChange: i,
+    onClear: m
+  }
+);
 export {
-  T as ToolbarSearch
+  n as ToolbarSearch
 };

package/dist/components/Typography/Heading.js

@@ -1,16 +1,16 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { c as h } from "../../index-L8X2o7IH.js";
 import "react";
 import { Skeleton as p } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Heading.css';const l = "_heading_11tuc_1", x = {
+import '../../assets/Heading.css';const l = "_heading_16r67_1", x = {
   heading: l
 }, y = ({
-  loading: a,
+  loading: o,
   as: i = "h2",
-  size: o,
+  size: t,
   leading: r = "tight",
   weight: e = "medium",
   color: d,
@@ -19,16 +19,16 @@ import '../../assets/Heading.css';const l = "_heading_11tuc_1", x = {
   className: s,
   style: c,
   children: g
-}) => /* @__PURE__ */ t(p, { loading: a, children: /* @__PURE__ */ t(
+}) => /* @__PURE__ */ a(p, { loading: o, children: /* @__PURE__ */ a(
   i,
   {
     className: h(x.heading, s),
     style: c,
-    "data-size": o,
+    "data-size": t,
     "data-leading": r,
     "data-weight": e,
     "data-color": d,
-    "data-variant": m,
+    "data-variant": t === "xxs" && "default" || m,
     "data-max-rows": n,
     children: g
   }