@altinn/altinn-components 0.6.8 → 0.6.10

package/dist/components/Menu/MenuItem.stories.js

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { LayoutBase as i } from "../Layout/LayoutBase.js";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
-import { MenuItem as o } from "./MenuItem.js";
+import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as l } from "../Meta/MetaItem.js";
+import { MenuItem as o } from "./MenuItem.js";
 import { MenuBase as p } from "./MenuBase.js";
 const h = {
   title: "Menu/MenuItem",

package/dist/components/Menu/MenuItemBase.js

@@ -1,9 +1,9 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { c as u } from "../../index-L8X2o7IH.js";
-import { Badge as T } from "../Badge/Badge.js";
-import { Icon as j } from "../Icon/Icon.js";
+import { c as v } from "../../index-L8X2o7IH.js";
+import { Badge as N } from "../Badge/Badge.js";
+import { Icon as T } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
-import '../../assets/MenuItemBase.css';const B = "_item_1m3xe_1", g = "_content_1m3xe_35", w = "_action_1m3xe_43", y = "_linkText_1m3xe_50", z = "_linkIcon_1m3xe_55", C = "_media_1m3xe_75", e = {
+import '../../assets/MenuItemBase.css';const B = "_item_16huj_1", g = "_content_16huj_36", w = "_action_16huj_44", y = "_linkText_16huj_51", z = "_linkIcon_16huj_56", C = "_media_16huj_76", n = {
   item: B,
   content: g,
   action: w,
@@ -16,41 +16,41 @@ import '../../assets/MenuItemBase.css';const B = "_item_1m3xe_1", g = "_content_
   size: _,
   color: d,
   linkIcon: o,
-  linkText: x,
+  linkText: h,
   badge: c,
   tabIndex: p = 0,
-  active: f = !1,
+  active: u = !1,
   collapsible: i = !1,
   expanded: s = !1,
-  selected: h = !1,
+  selected: f = !1,
   disabled: m = !1,
-  className: k,
-  children: I,
-  ...v
+  className: x,
+  children: j,
+  ...k
 }) => {
-  const N = r || "a", n = i && s ? "chevron-up" : i ? "chevron-down" : o && "chevron-right";
+  const I = r || "a", e = i && s ? "chevron-up" : i ? "chevron-down" : o && "chevron-right";
   return /* @__PURE__ */ t(
-    N,
+    I,
     {
       role: "menuitem",
       tabIndex: m ? "-1" : p ?? 0,
       "data-size": _,
       "data-color": d,
-      "data-active": f,
+      "data-active": u,
       "aria-expanded": s,
       "aria-disabled": m,
-      "aria-selected": h,
+      "aria-selected": f,
       onClick: l,
-      className: u(e.item, k),
-      ...v,
+      className: v(n.item, x),
+      ...k,
       children: [
-        /* @__PURE__ */ t("div", { className: e.content, children: [
-          I,
-          c && /* @__PURE__ */ a(T, { ...c })
+        /* @__PURE__ */ t("div", { className: n.content, children: [
+          j,
+          c && /* @__PURE__ */ a(N, { ...c })
         ] }),
-        n && /* @__PURE__ */ t("div", { className: e.action, children: [
-          /* @__PURE__ */ a("span", { className: e.linkText, children: x }),
-          n && /* @__PURE__ */ a(j, { name: n, className: e.linkIcon })
+        e && /* @__PURE__ */ t("div", { className: n.action, children: [
+          /* @__PURE__ */ a("span", { className: n.linkText, children: h }),
+          e && /* @__PURE__ */ a(T, { name: e, className: n.linkIcon })
         ] })
       ]
     }

package/dist/components/Menu/MenuItemMedia.js

@@ -19,9 +19,7 @@ import '../../assets/MenuItemMedia.css';const f = "_media_7n7uy_1", _ = "_icon_7
     lg: "md"
   }
 }, A = ({ size: o = "sm", color: n, icon: t, avatar: s, avatarGroup: r, children: i }) => !t && !s && !r && !i ? !1 : /* @__PURE__ */ d("div", { className: e.media, "data-size": o, "data-color": t ? n : null, children: [
-  t && /* @__PURE__ */ a(u, { name: t, variant: n === "strong" ? "solid" : "outline", className: e.icon }),
-  s && /* @__PURE__ */ a(l, { ...s, size: m == null ? void 0 : m.avatar[o] }),
-  r && /* @__PURE__ */ a(c, { ...r, size: m == null ? void 0 : m.avatarGroup[o] }),
+  t && /* @__PURE__ */ a(u, { name: t, variant: n === "strong" ? "solid" : "outline", className: e.icon }) || s && /* @__PURE__ */ a(l, { ...s, size: m == null ? void 0 : m.avatar[o] }) || r && /* @__PURE__ */ a(c, { ...r, size: m == null ? void 0 : m.avatarGroup[o] }),
   i
 ] });
 export {

package/dist/components/Menu/MenuOption.js

@@ -3,30 +3,30 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { CheckboxIcon as b } from "../Icon/CheckboxIcon.js";
 import { RadioIcon as f } from "../Icon/RadioIcon.js";
-import { MenuItemBase as x } from "./MenuItemBase.js";
-import { MenuItemLabel as I } from "./MenuItemLabel.js";
-import '../../assets/MenuOption.css';const N = "_label_1am63_1", h = "_input_1am63_5", M = "_icon_1am63_10", t = {
-  label: N,
-  input: h,
-  icon: M
-}, R = ({
-  size: e = "sm",
-  type: a,
-  name: m,
-  value: r,
-  label: s,
-  title: i,
-  description: l,
+import { MenuItemBase as d } from "./MenuItemBase.js";
+import { MenuItemLabel as x } from "./MenuItemLabel.js";
+import '../../assets/MenuOption.css';const I = "_label_dg58p_1", N = "_input_dg58p_5", g = "_icon_dg58p_10", t = {
+  label: I,
+  input: N,
+  icon: g
+}, O = ({
+  size: r = "sm",
+  type: e,
+  name: s,
+  value: i,
+  label: l,
+  title: a,
+  description: m,
   badge: c,
   checked: o = !1,
   disabled: p,
   onChange: u
-}) => /* @__PURE__ */ _(x, { className: t.label, disabled: p, selected: o, size: e, badge: c, as: "label", children: [
-  /* @__PURE__ */ n("input", { className: t.input, name: m, value: r, type: a, checked: o, onChange: u }),
-  a === "checkbox" && /* @__PURE__ */ n(b, { checked: o, hover: !0, className: t.icon }),
-  a === "radio" && /* @__PURE__ */ n(f, { checked: o, hover: !0, className: t.icon }),
-  /* @__PURE__ */ n(I, { title: i, description: l, size: e, children: s })
+}) => /* @__PURE__ */ _(d, { className: t.label, disabled: p, selected: o, size: r, badge: c, as: "label", children: [
+  /* @__PURE__ */ n("input", { className: t.input, name: s, value: i, type: e, checked: o, onChange: u }),
+  e === "checkbox" && /* @__PURE__ */ n(b, { checked: o, hover: !0, className: t.icon }),
+  e === "radio" && /* @__PURE__ */ n(f, { checked: o, hover: !0, className: t.icon }),
+  /* @__PURE__ */ n(x, { title: a, description: m, size: r, children: l })
 ] });
 export {
-  R as MenuOption
+  O as MenuOption
 };

package/dist/components/Toolbar/Toolbar.stories.js

@@ -1,7 +1,7 @@
-import { jsx as n } from "react/jsx-runtime";
-import s from "react";
+import { jsx as s } from "react/jsx-runtime";
+import n from "react";
 import { Toolbar as o } from "./Toolbar.js";
-const b = {
+const d = {
   title: "Toolbar/Toolbar",
   component: o,
   tags: ["autodocs"],
@@ -40,7 +40,14 @@ const b = {
           },
           {
             value: "brreg",
-            label: "Brønnøysund"
+            label: "Brønnøysundregistrene"
+          },
+          {
+            value: "ssb",
+            label: "Statisitisk sentralbyrå",
+            badge: {
+              label: "10"
+            }
           },
           {
             value: "nav",
@@ -123,10 +130,10 @@ const p = {
     }))
   }
 }, v = () => {
-  const [t, e] = s.useState({
+  const [t, e] = n.useState({
     from: ["skatt", "brreg"]
   });
-  return /* @__PURE__ */ n(o, { filters: a.args.filters, filterState: t, onFilterStateChange: e });
+  return /* @__PURE__ */ s(o, { filters: a.args.filters, filterState: t, onFilterStateChange: e });
 }, c = {
   args: {
     search: {
@@ -175,5 +182,5 @@ export {
   c as FilterAndSearch,
   g as NoFilters,
   p as StaticFilters,
-  b as default
+  d as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.6.8",
+  "version": "0.6.10",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [