@altinn/altinn-components 0.6.6 → 0.6.8

package/dist/assets/ListBase.css

@@ -1 +1 @@
-._list_18nep_1{display:flex;flex-direction:column}._list_18nep_1[data-spacing=sm]{row-gap:4px}._list_18nep_1[data-spacing=md]{row-gap:8px}._list_18nep_1[data-spacing=lg]{row-gap:16px}
+._list_ty2on_1{display:flex;flex-direction:column;width:100%}._list_ty2on_1[data-spacing=sm]{row-gap:4px}._list_ty2on_1[data-spacing=md]{row-gap:8px}._list_ty2on_1[data-spacing=lg]{row-gap:16px}

package/dist/assets/ListItemBase.css

@@ -1 +1 @@
-._item_ximjk_3{font:inherit;text-align:inherit;border:0;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;position:relative;display:flex;align-items:center;text-decoration:none}._item_ximjk_3[data-size=xs]{min-height:36px}._item_ximjk_3[data-size=sm]{min-height:44px}._item_ximjk_3[data-size=md]{min-height:56px}._item_ximjk_3[data-size=lg]{min-height:64px}._item_ximjk_3[data-size=xl]{min-height:72px}._content_ximjk_46{flex-grow:1;display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem}._action_ximjk_56{display:flex;align-items:center;gap:.625rem;padding:.625rem}._linkIcon_ximjk_63{font-size:1.5rem}._item_ximjk_3{background-color:var(--theme-background-default);box-shadow:var(--ds-shadow-xs)}._item_ximjk_3:hover{outline:2px solid var(--theme-border-strong);z-index:2}._item_ximjk_3:hover strong{text-decoration:underline}._item_ximjk_3[data-active=true],._item_ximjk_3[data-color=accent]{background-color:var(--theme-surface-default)}._item_ximjk_3[data-color=accent]:hover{background-color:var(--theme-surface-hover)}
+._item_1cdyi_3{border:0;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center}._item_1cdyi_3[data-size=xs]{min-height:36px}._item_1cdyi_3[data-size=sm]{min-height:44px}._item_1cdyi_3[data-size=md]{min-height:56px}._item_1cdyi_3[data-size=lg]{min-height:64px}._item_1cdyi_3[data-size=xl]{min-height:72px}._content_1cdyi_46{flex-grow:1;display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem}._action_1cdyi_56{display:flex;align-items:center;gap:.625rem;padding:.625rem}._linkIcon_1cdyi_63{font-size:1.5rem}._item_1cdyi_3{background-color:var(--theme-background-default);box-shadow:var(--ds-shadow-xs)}._item_1cdyi_3:hover{outline:2px solid var(--theme-border-strong);z-index:2}._item_1cdyi_3:hover strong{text-decoration:underline}._item_1cdyi_3[data-active=true],._item_1cdyi_3[data-color=accent]{background-color:var(--theme-surface-default)}._item_1cdyi_3[data-color=accent]:hover{background-color:var(--theme-surface-hover)}

package/dist/assets/MenuBase.css

@@ -1 +1 @@
-._menu_paki4_1{list-style:none;padding:0;margin:0;text-indent:0;display:flex;flex-direction:column}._list_paki4_11,._item_paki4_17{list-style:none;padding:0;margin:0}._item_paki4_17[role=separator]{border-top:1px solid var(--theme-border-subtle)}
+._menu_17rq7_1{list-style:none;padding:0;margin:0;text-indent:0;display:flex;flex-direction:column;width:100%}._list_17rq7_13,._item_17rq7_19{list-style:none;padding:0;margin:0}._item_17rq7_19[role=separator]{border-top:1px solid var(--theme-border-subtle)}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_u3jth_1{width:100%;display:flex;align-items:center;column-gap:4px;border:0;-webkit-user-select:none;user-select:none;cursor:pointer;margin:.5rem 0;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}._item_u3jth_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_u3jth_1[data-size=sm]{min-height:44px}._content_u3jth_32{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_u3jth_40{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_u3jth_47{font-size:.875rem;white-space:nowrap}._linkIcon_u3jth_52{font-size:1.5rem}._item_u3jth_1{background-color:transparent;color:var(--theme-text-default)}._item_u3jth_1[aria-selected=true]{background-color:var(--theme-background-default)}._item_u3jth_1:hover,._item_u3jth_1:active{background-color:var(--theme-surface-hover)}._media_u3jth_72[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_u3jth_72[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}
+._item_1m3xe_1{border:0;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0}._item_1m3xe_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1m3xe_1[data-size=sm]{min-height:44px}._content_1m3xe_35{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_1m3xe_43{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_1m3xe_50{font-size:.875rem;white-space:nowrap}._linkIcon_1m3xe_55{font-size:1.5rem}._item_1m3xe_1{background-color:transparent;color:var(--theme-text-default)}._item_1m3xe_1[aria-selected=true]{background-color:var(--theme-background-default)}._item_1m3xe_1:hover,._item_1m3xe_1:active{background-color:var(--theme-surface-hover)}._media_1m3xe_75[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_1m3xe_75[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}

package/dist/components/List/ListBase.js

@@ -1,7 +1,7 @@
-import { jsx as e } from "react/jsx-runtime";
-import '../../assets/ListBase.css';const a = "_list_18nep_1", n = {
-  list: a
-}, o = ({ theme: t = "inherit", spacing: s = "md", children: i }) => /* @__PURE__ */ e("div", { className: n.list, "data-theme": t, "data-spacing": s, children: i });
+import { jsx as a } from "react/jsx-runtime";
+import '../../assets/ListBase.css';const e = "_list_ty2on_1", n = {
+  list: e
+}, l = ({ theme: t = "inherit", spacing: s = "md", children: i }) => /* @__PURE__ */ a("div", { className: n.list, "data-theme": t, "data-spacing": s, children: i });
 export {
-  o as ListBase
+  l as ListBase
 };

package/dist/components/List/ListItemBase.js

@@ -4,50 +4,50 @@ import { Badge as g } from "../Badge/Badge.js";
 import { ContextMenu as w } from "../ContextMenu/ContextMenu.js";
 import { Icon as z } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
-import '../../assets/ListItemBase.css';const E = "_item_ximjk_3", L = "_content_ximjk_46", M = "_action_ximjk_56", b = "_linkIcon_ximjk_63", a = {
+import '../../assets/ListItemBase.css';const E = "_item_1cdyi_3", L = "_content_1cdyi_46", M = "_action_1cdyi_56", b = "_linkIcon_1cdyi_63", a = {
   item: E,
   content: L,
   action: M,
   linkIcon: b
-}, J = ({
-  as: x,
-  children: l,
-  className: I,
-  href: c,
+}, H = ({
+  as: l,
+  children: I,
+  className: f,
+  href: o,
   size: i,
-  color: f,
-  active: h = !1,
-  hidden: j = !1,
+  color: h,
+  active: v = !1,
+  hidden: x = !1,
   collapsible: e,
-  selected: v,
+  selected: N,
   expanded: m,
-  linkIcon: k,
+  linkIcon: y,
   menu: r,
   badge: s,
   onClick: t,
-  onKeyPress: o,
-  style: N
+  onKeyPress: c,
+  style: j
 }) => {
-  const u = x || "a", d = e && m ? "chevron-up" : e ? "chevron-down" : c ? "chevron-right" : k;
+  const u = l || "a", d = e && m ? "chevron-up" : e ? "chevron-down" : o ? "chevron-right" : y;
   return /* @__PURE__ */ p(
     u,
     {
-      className: B(a.item, I),
-      "data-color": f,
+      className: B(a.item, f),
+      "data-color": h,
       "data-size": i,
-      "data-active": h,
-      "aria-hidden": j,
-      "aria-selected": v,
+      "data-active": v,
+      "aria-hidden": x,
+      "aria-selected": N,
       "aria-expanded": m,
-      href: c,
+      href: o,
       onKeyPress: (_) => {
-        _.key === "Enter" && (t == null || t()), o == null || o(_);
+        _.key === "Enter" && (t == null || t()), c == null || c(_);
       },
       onClick: t,
       tabIndex: -1,
-      style: N,
+      style: j,
       children: [
-        /* @__PURE__ */ n("div", { className: a.content, "data-size": i, children: l }),
+        /* @__PURE__ */ n("div", { className: a.content, "data-size": i, children: I }),
         /* @__PURE__ */ p("div", { className: a.action, children: [
           s && /* @__PURE__ */ n(g, { ...s }),
           r && /* @__PURE__ */ n(w, { ...r }),
@@ -58,5 +58,5 @@ import '../../assets/ListItemBase.css';const E = "_item_ximjk_3", L = "_content_
   );
 };
 export {
-  J as ListItemBase
+  H as ListItemBase
 };

package/dist/components/Menu/MenuBase.js

@@ -1,16 +1,16 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as a } from "../../index-L8X2o7IH.js";
-import '../../assets/MenuBase.css';const r = "_menu_paki4_1", c = "_list_paki4_11", u = "_item_paki4_17", i = {
-  menu: r,
-  list: c,
+import { c as r } from "../../index-L8X2o7IH.js";
+import '../../assets/MenuBase.css';const c = "_menu_17rq7_1", p = "_list_17rq7_13", u = "_item_17rq7_19", a = {
+  menu: c,
+  list: p,
   item: u
-}, C = ({ as: n = "nav", theme: t, className: e, children: o }) => /* @__PURE__ */ m(n, { className: a(i.menu, e), "data-theme": t, role: "menu", children: o }), d = ({ as: n = "ul", role: t = "group", expanded: e, className: o, children: s }) => /* @__PURE__ */ m(n, { className: a(i.list, o), role: t, "aria-expanded": e, children: s }), x = ({
+}, C = ({ as: n = "nav", theme: t, className: e, children: o }) => /* @__PURE__ */ m(n, { className: r(a.menu, e), "data-theme": t, role: "menu", children: o }), d = ({ as: n = "ul", role: t = "group", expanded: e, className: o, children: s }) => /* @__PURE__ */ m(n, { className: r(a.list, o), role: t, "aria-expanded": e, children: s }), x = ({
   as: n = "li",
   role: t = "presentation",
   expanded: e,
   className: o,
   children: s
-}) => /* @__PURE__ */ m(n, { className: a(i.item, o), role: t, "aria-expanded": e, children: s });
+}) => /* @__PURE__ */ m(n, { className: r(a.item, o), role: t, "aria-expanded": e, children: s });
 export {
   C as MenuBase,
   d as MenuList,

package/dist/components/Menu/MenuItemBase.js

@@ -1,9 +1,9 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-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 { 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 "../Icon/SvgIcon.js";
-import '../../assets/MenuItemBase.css';const B = "_item_u3jth_1", g = "_content_u3jth_32", w = "_action_u3jth_40", y = "_linkText_u3jth_47", z = "_linkIcon_u3jth_52", C = "_media_u3jth_72", t = {
+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 = {
   item: B,
   content: g,
   action: w,
@@ -16,41 +16,41 @@ import '../../assets/MenuItemBase.css';const B = "_item_u3jth_1", g = "_content_
   size: _,
   color: d,
   linkIcon: o,
-  linkText: h,
+  linkText: x,
   badge: c,
   tabIndex: p = 0,
-  active: u = !1,
+  active: f = !1,
   collapsible: i = !1,
   expanded: s = !1,
-  selected: f = !1,
+  selected: h = !1,
   disabled: m = !1,
-  className: x,
-  children: j,
-  ...k
+  className: k,
+  children: I,
+  ...v
 }) => {
-  const I = r || "a", n = i && s ? "chevron-up" : i ? "chevron-down" : o && "chevron-right";
-  return /* @__PURE__ */ e(
-    I,
+  const N = r || "a", n = i && s ? "chevron-up" : i ? "chevron-down" : o && "chevron-right";
+  return /* @__PURE__ */ t(
+    N,
     {
       role: "menuitem",
       tabIndex: m ? "-1" : p ?? 0,
       "data-size": _,
       "data-color": d,
-      "data-active": u,
+      "data-active": f,
       "aria-expanded": s,
       "aria-disabled": m,
-      "aria-selected": f,
+      "aria-selected": h,
       onClick: l,
-      className: v(t.item, x),
-      ...k,
+      className: u(e.item, k),
+      ...v,
       children: [
-        /* @__PURE__ */ e("div", { className: t.content, children: [
-          j,
-          c && /* @__PURE__ */ a(N, { ...c })
+        /* @__PURE__ */ t("div", { className: e.content, children: [
+          I,
+          c && /* @__PURE__ */ a(T, { ...c })
         ] }),
-        n && /* @__PURE__ */ e("div", { className: t.action, children: [
-          /* @__PURE__ */ a("span", { className: t.linkText, children: h }),
-          n && /* @__PURE__ */ a(T, { name: n, className: t.linkIcon })
+        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 })
         ] })
       ]
     }

package/package.json

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