@altinn/altinn-components 0.29.2 → 0.29.4

package/dist/assets/SnackbarItem.css

@@ -1 +1 @@
-._item_1dbl6_1{border:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-user-select:none;user-select:none;border-radius:.5rem;box-shadow:var(--ds-shadow-xs)}._item_1dbl6_1{position:relative;display:flex;align-items:center;text-decoration:none;color:inherit;padding:.625rem}._media_1dbl6_23{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem}._icon_1dbl6_32{font-size:1.5rem}._content_1dbl6_36{flex-grow:1;display:flex;align-items:center;margin-left:.625rem;margin-right:1.25rem}._action_1dbl6_44{flex-shrink:0;display:flex;align-items:center;justify-content:center}._item_1dbl6_1{background-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._item_1dbl6_1[data-color=neutral]{background-color:var(--ds-color-background-default);color:var(--ds-color-text-default)}
+._item_1a13i_1{border:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-user-select:none;user-select:none;border-radius:.5rem;box-shadow:var(--ds-shadow-xs)}._item_1a13i_1{position:relative;display:flex;align-items:center;text-decoration:none;color:inherit;padding:.625rem}._icon_1a13i_23{flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;width:2.75rem;height:2.75rem}._content_1a13i_33{flex-grow:1;display:flex;align-items:center;margin-left:.625rem;margin-right:1.25rem}._action_1a13i_41{flex-shrink:0;display:flex;align-items:center;justify-content:center}._item_1a13i_1{background-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}

package/dist/assets/TimelineLink.css

@@ -1 +1 @@
-._button_15kp4_1{display:inline-flex;align-items:center;column-gap:.125em;align-items:flex-start}._icon_15kp4_8{flex-shrink:0;flex-grow:0;font-size:1.25rem;width:1.5rem;height:1.5rem}._label_15kp4_16{flex-shrink:1;font-size:14px;font-weight:400;line-height:1.125rem;padding:.1875rem 0;white-space:inherit}
+._button_87kyt_1{display:inline-flex;column-gap:.25em;align-items:center;justify-content:flex-start;font-size:.875rem;min-height:auto}._label_87kyt_10{flex-shrink:1;font-weight:400;white-space:inherit;padding:.3125rem}._button_87kyt_1 a{color:inherit}

package/dist/components/List/ListItemHeader.js

@@ -1,4 +1,4 @@
-import { jsxs as l, jsx as e, Fragment as E } from "react/jsx-runtime";
+import { jsxs as a, jsx as e, Fragment as E } from "react/jsx-runtime";
 import { c as g } from "../../index-L8X2o7IH.js";
 import { useId as w, isValidElement as z } from "react";
 import { Icon as D } from "../Icon/Icon.js";
@@ -42,9 +42,9 @@ import '../../assets/ListItemHeader.css';const K = "_header_s4ghf_1", M = "_labe
   children: y,
   ariaLabel: C
 }) => {
-  const a = d ? v ? A : G : I ? J : void 0, j = () => r && !t && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(F, { ...r }) : z(r) ? r : null, B = w();
-  return /* @__PURE__ */ l(
-    "header",
+  const l = d ? v ? A : G : I ? J : void 0, j = () => r && !t && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(F, { ...r }) : z(r) ? r : null, B = w();
+  return /* @__PURE__ */ a(
+    "div",
     {
       className: g(o.header, x),
       "data-color": f,
@@ -80,12 +80,12 @@ import '../../assets/ListItemHeader.css';const K = "_header_s4ghf_1", M = "_labe
             children: y
           }
         ),
-        /* @__PURE__ */ e(V, { className: o.controls, children: n && !t ? /* @__PURE__ */ e("span", { style: { position: "relative" }, children: n }) : /* @__PURE__ */ l(E, { children: [
+        /* @__PURE__ */ e(V, { className: o.controls, children: n && !t ? /* @__PURE__ */ e("span", { style: { position: "relative" }, children: n }) : /* @__PURE__ */ a(E, { children: [
           j(),
-          a && /* @__PURE__ */ e("span", { className: o.linkIcon, children: /* @__PURE__ */ e(
+          l && /* @__PURE__ */ e("span", { className: o.linkIcon, children: /* @__PURE__ */ e(
             D,
             {
-              svgElement: a,
+              svgElement: l,
               style: {
                 fontSize: "1.5rem"
               }

package/dist/components/Snackbar/SnackbarItem.js

@@ -1,65 +1,64 @@
 "use client";
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { jsxs as f, jsx as l } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
 import { Icon as v } from "../Icon/Icon.js";
 import * as a from "react";
 import { forwardRef as u } from "react";
-import { IconButton as _ } from "../Button/IconButton.js";
+import { IconButton as g } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "./useSnackbar.js";
-import { u as g } from "../../useId-BVFxCjkq.js";
+import { u as _ } from "../../useId-BVFxCjkq.js";
 import { S as h } from "../../XMark-DIqxCTTQ.js";
-import '../../assets/SnackbarItem.css';var w = function(e, o) {
-  var i = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (i[t] = e[t]);
+import '../../assets/SnackbarItem.css';var w = function(e, i) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (o[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
-      o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (i[t[n]] = e[t[n]]);
-  return i;
+      i.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (o[t[n]] = e[t[n]]);
+  return o;
 };
-const b = u((e, o) => {
-  var { title: i, titleId: t } = e, n = w(e, ["title", "titleId"]);
-  let c = g();
-  return c = i ? t || "title-" + c : void 0, a.createElement(
+const y = u((e, i) => {
+  var { title: o, titleId: t } = e, n = w(e, ["title", "titleId"]);
+  let r = _();
+  return r = o ? t || "title-" + r : void 0, a.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": c }, n),
-    i ? a.createElement("title", { id: c }, i) : null,
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": r }, n),
+    o ? a.createElement("title", { id: r }, o) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zm-1.987 17.237a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
   );
-}), y = "_item_1dbl6_1", x = "_media_1dbl6_23", O = "_icon_1dbl6_32", I = "_content_1dbl6_36", j = "_action_1dbl6_44", l = {
-  item: y,
-  media: x,
+}), x = "_item_1a13i_1", O = "_icon_1a13i_23", I = "_content_1a13i_33", b = "_action_1a13i_41", c = {
+  item: x,
   icon: O,
   content: I,
-  action: j
+  action: b
 };
-var N = /* @__PURE__ */ ((e) => (e.accent = "accent", e.neutral = "neutral", e.alert = "alert", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(N || {});
-const D = ({
+var j = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(j || {});
+const H = ({
   as: e,
-  message: o,
-  className: i,
-  color: t = "accent",
-  icon: n = b,
-  iconAltText: c = "Bell icon",
+  message: i,
+  className: o,
+  color: t,
+  icon: n = y,
+  iconAltText: r = "Bell icon",
   dismissable: s = !0,
-  onDismiss: d,
-  ...m
-}) => /* @__PURE__ */ f(e || "div", { className: p(l.item, i), "data-color": t, ...m, children: [
-  /* @__PURE__ */ r("div", { className: l.media, children: /* @__PURE__ */ r(v, { svgElement: n, className: l.icon }) }),
-  /* @__PURE__ */ r("div", { className: l.content, children: o }),
-  s && /* @__PURE__ */ r("div", { className: l.action, children: /* @__PURE__ */ r(
-    _,
+  onDismiss: m,
+  ...d
+}) => /* @__PURE__ */ f(e || "div", { className: p(c.item, o), "data-color": t, ...d, children: [
+  /* @__PURE__ */ l(v, { svgElement: n, className: c.icon }),
+  /* @__PURE__ */ l("div", { className: c.content, children: i }),
+  s && /* @__PURE__ */ l("div", { className: c.action, children: /* @__PURE__ */ l(
+    g,
     {
       icon: h,
-      variant: "outline",
-      onClick: d,
-      className: l.dismiss,
+      variant: "solid",
+      onClick: m,
+      className: c.dismiss,
       iconAltText: "close"
     }
   ) })
 ] });
 export {
-  N as SnackbarColorEnum,
-  D as SnackbarItem
+  j as SnackbarColorEnum,
+  H as SnackbarItem
 };

package/dist/components/Timeline/TimelineLink.js

@@ -1,5 +1,5 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { c as a } from "../../index-L8X2o7IH.js";
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
 import "react";
 import { ButtonBase as p } from "../Button/ButtonBase.js";
 import { ButtonLabel as b } from "../Button/ButtonLabel.js";
@@ -7,32 +7,31 @@ import { ButtonIcon as u } from "../Button/ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/TimelineLink.css';const _ = "_button_15kp4_1", f = "_icon_15kp4_8", k = "_label_15kp4_16", o = {
+import '../../assets/TimelineLink.css';const _ = "_button_87kyt_1", f = "_label_87kyt_10", t = {
   button: _,
-  icon: f,
-  label: k
-}, I = ({
-  size: t = "custom",
+  label: f
+}, L = ({
+  size: o = "xs",
   color: m = "company",
-  icon: n,
-  reverse: c,
-  label: s,
-  children: e,
-  ...i
-}) => /* @__PURE__ */ l(
+  icon: r,
+  reverse: e,
+  label: l,
+  children: s,
+  ...a
+}) => /* @__PURE__ */ i(
   p,
   {
     color: m,
     variant: "link",
-    size: t,
-    className: a(o.button, { [o.reverse]: c }),
-    ...i,
+    size: o,
+    className: c(t.button, { [t.reverse]: e }),
+    ...a,
     children: [
-      n && /* @__PURE__ */ r(u, { className: o.icon, size: t, icon: n }),
-      /* @__PURE__ */ r(b, { className: o.label, size: t, children: e || s })
+      r && /* @__PURE__ */ n(u, { className: t.icon, size: o, icon: r }),
+      /* @__PURE__ */ n(b, { className: t.label, size: o, children: s || l })
     ]
   }
 );
 export {
-  I as TimelineLink
+  L as TimelineLink
 };

package/dist/types/lib/components/Account/AccountMenu.d.ts

@@ -1,11 +1,11 @@
 import { CSSProperties } from 'react';
 import { MenuItemProps, MenuProps, MenuSearchProps } from '../';
-import { MenuItemsVirtualProps } from '../Menu/MenuItems';
-interface AccountSearchProps extends MenuSearchProps {
+import { MenuItemsVirtualProps } from '../Menu';
+export interface AccountSearchProps extends MenuSearchProps {
     getResultsLabel?: (hits: number) => string;
     hidden?: boolean;
 }
-interface AccountMenuItemProps extends MenuItemProps {
+export interface AccountMenuItemProps extends MenuItemProps {
     id: string;
     type: 'person' | 'company' | 'group';
     name: string;
@@ -19,4 +19,3 @@ export interface AccountMenuProps extends MenuProps {
     scrollRefStyles?: CSSProperties;
 }
 export declare const AccountMenu: ({ items, groups, search, onSelectAccount, currentAccount, menuItemsVirtual, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/lib/components/Snackbar/SnackbarItem.d.ts

@@ -2,8 +2,6 @@ import { ElementType, ReactNode } from 'react';
 import { SvgElement } from '..';
 export declare enum SnackbarColorEnum {
     accent = "accent",
-    neutral = "neutral",
-    alert = "alert",
     success = "success",
     warning = "warning",
     danger = "danger",

package/dist/types/lib/components/Transmission/Transmission.stories.d.ts

@@ -34,14 +34,14 @@ declare const meta: {
         href?: string | undefined;
         controls?: React.ReactNode;
         selected?: boolean | undefined;
-        tabIndex?: number | undefined;
-        onKeyPress?: React.KeyboardEventHandler | undefined;
-        onClick?: (() => void) | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
         interactive?: boolean | undefined;
-        collapsible?: boolean | undefined;
+        onClick?: (() => void) | undefined;
+        onKeyPress?: React.KeyboardEventHandler | undefined;
+        tabIndex?: number | undefined;
         description?: React.ReactNode | import('..').HeadingProps;
+        collapsible?: boolean | undefined;
         linkIcon?: boolean | undefined;
+        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
         ariaLabel?: string | undefined;
         shadow?: import('..').Shadow | undefined;
     };

package/package.json

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