@altinn/altinn-components 0.51.2 → 0.51.4

package/dist/assets/ButtonLabel.css

@@ -1 +1 @@
-._label_1v8cl_1{line-height:1;font-weight:500;padding:0 .25em;white-space:nowrap}._label_1v8cl_1[data-size=xs]{font-size:.875rem}._label_1v8cl_1[data-size=sm]{font-size:1rem}._label_1v8cl_1[data-size=md]{font-size:1.125rem}._label_1v8cl_1[data-size=lg]{font-size:1.25rem}
+._label_1bn1y_1{line-height:1;font-weight:500;padding:0 .25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._label_1bn1y_1[data-size=xs]{font-size:.875rem}._label_1bn1y_1[data-size=sm]{font-size:1rem}._label_1bn1y_1[data-size=md]{font-size:1.125rem}._label_1bn1y_1[data-size=lg]{font-size:1.25rem}

package/dist/assets/ComboButton.css

@@ -1 +1 @@
-._button_kd2d3_1{display:inline-flex;flex-direction:row;align-items:center}._divider_kd2d3_7{align-self:stretch;border-left:1px solid currentColor;width:1px;margin:.375rem 0}._primary_kd2d3_14,._secondary_kd2d3_15{display:inline-flex;align-items:center;border-width:0;margin:-1px;padding:0 .5em}
+._button_hbn70_1{display:inline-flex;flex-direction:row;align-items:center;max-width:100%;min-width:0}._divider_hbn70_9{align-self:stretch;border-left:1px solid currentColor;width:1px;margin:.375rem 0}._primary_hbn70_16,._secondary_hbn70_17{display:inline-flex;align-items:center;border-width:0;margin:-1px;padding:0 .5em}

package/dist/assets/TimelineBase.css

@@ -1 +1 @@
-._section_1030v_1{width:100%;display:flex;column-gap:.5rem;min-height:1.5rem}._sidebar_1030v_8{flex-shrink:0;flex-grow:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem;width:1.5rem}._sidebar_1030v_8[data-level="2"]{width:1.5rem}@media (min-width: 1024px){._sidebar_1030v_8{width:2.25rem}._sidebar_1030v_8[data-level="2"]{width:1.5rem}}._content_1030v_33{flex-grow:1;display:flex;flex-direction:column}._border_1030v_39{border-left:.25rem solid;border-color:var(--ds-color-surface-tinted);flex-grow:1}._border_1030v_39{border-color:var(--ds-color-surface-active);border-width:.125rem;flex-grow:1;transition:border-color .5s ease-out}._border_1030v_39[data-variant=hidden]{display:none}._border_1030v_39[data-variant=strong]{border-width:2px;border-style:solid}._border_1030v_39[data-variant=solid]{border-width:1px;border-style:solid}._border_1030v_39[data-variant=dashed]{border-width:1px;border-style:dashed}._border_1030v_39[data-loading=true]{border-width:1px;border-style:dashed;border-color:var(--ds-color-border-subtle)}
+._section_4e55r_1{width:100%;display:flex;column-gap:.5rem;min-height:1.5rem}._sidebar_4e55r_8{flex-shrink:0;flex-grow:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem;width:1.5rem}._sidebar_4e55r_8[data-level="2"]{width:1.5rem}@media (min-width: 1024px){._sidebar_4e55r_8{width:2.25rem}._sidebar_4e55r_8[data-level="2"]{width:1.5rem}}._content_4e55r_33{flex-grow:1;min-width:0;display:flex;flex-direction:column}._border_4e55r_40{border-left:.25rem solid;border-color:var(--ds-color-surface-tinted);flex-grow:1}._border_4e55r_40{border-color:var(--ds-color-surface-active);border-width:.125rem;flex-grow:1;transition:border-color .5s ease-out}._border_4e55r_40[data-variant=hidden]{display:none}._border_4e55r_40[data-variant=strong]{border-width:2px;border-style:solid}._border_4e55r_40[data-variant=solid]{border-width:1px;border-style:solid}._border_4e55r_40[data-variant=dashed]{border-width:1px;border-style:dashed}._border_4e55r_40[data-loading=true]{border-width:1px;border-style:dashed;border-color:var(--ds-color-border-subtle)}

package/dist/components/Button/ButtonLabel.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as e } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonLabel.css';const o = "_label_1v8cl_1", c = {
+import '../../assets/ButtonLabel.css';const o = "_label_1bn1y_1", n = {
   label: o
-}, b = ({ className: l, size: a, children: s }) => /* @__PURE__ */ t("span", { className: e(c.label, l), "data-size": a, children: s });
+}, c = ({ className: a, size: l, children: s }) => /* @__PURE__ */ t("span", { className: e(n.label, a), "data-size": l, children: s });
 export {
-  b as ButtonLabel
+  c as ButtonLabel
 };

package/dist/components/Button/ComboButton.js

@@ -1,68 +1,68 @@
 import { jsxs as B, jsx as o } from "react/jsx-runtime";
-import { c as h } from "../../index-L8X2o7IH.js";
+import { c as x } from "../../index-L8X2o7IH.js";
 import "react";
 import { ButtonBase as s } from "./ButtonBase.js";
-import { ButtonLabel as x } from "./ButtonLabel.js";
-import { ButtonIcon as N } from "./ButtonIcon.js";
+import { ButtonLabel as N } from "./ButtonLabel.js";
+import { ButtonIcon as C } from "./ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ComboButton.css';const C = "_button_kd2d3_1", j = "_divider_kd2d3_7", L = "_primary_kd2d3_14", I = "_secondary_kd2d3_15", r = {
-  button: C,
-  divider: j,
+import '../../assets/ComboButton.css';const j = "_button_hbn70_1", k = "_divider_hbn70_9", L = "_primary_hbn70_16", I = "_secondary_hbn70_17", r = {
+  button: j,
+  divider: k,
   primary: L,
   secondary: I
 }, G = ({
-  variant: n = "solid",
-  color: e,
+  variant: e = "solid",
+  color: c,
   size: t,
-  selected: c = !1,
-  icon: i,
-  iconSize: m,
+  selected: m = !1,
+  icon: n,
+  iconSize: d,
   iconAltText: l,
   label: p,
-  labelSize: a,
+  labelSize: i,
   children: _,
-  className: u,
-  ariaLabel: y,
-  onLabelClick: f,
-  onIconClick: b,
-  dataTestId: k,
-  tabIndex: d = 0,
+  className: b,
+  ariaLabel: u,
+  onLabelClick: y,
+  onIconClick: h,
+  dataTestId: f,
+  tabIndex: a = 0,
   disabled: v = !1
 }) => /* @__PURE__ */ B(
   s,
   {
     as: "div",
     size: t,
-    variant: n,
-    color: e,
-    selected: c,
-    className: h(r.button, u),
+    variant: e,
+    color: c,
+    selected: m,
+    className: x(r.button, b),
     tabIndex: -1,
     disabled: v,
     children: [
       /* @__PURE__ */ o(
         s,
         {
-          ariaLabel: y,
+          ariaLabel: u,
           size: t,
-          onClick: f,
+          onClick: y,
           className: r.primary,
-          dataTestId: k,
-          tabIndex: d,
-          children: /* @__PURE__ */ o(x, { size: a, children: _ || p })
+          dataTestId: f,
+          tabIndex: a,
+          children: /* @__PURE__ */ o(N, { size: i, children: _ || p })
         }
       ),
       /* @__PURE__ */ o("span", { "data-size": t, className: r.divider }),
       /* @__PURE__ */ o(
         s,
         {
-          onClick: b,
+          onClick: h,
           className: r.secondary,
           ariaLabel: l,
-          size: m || a,
-          tabIndex: d,
-          children: i && /* @__PURE__ */ o(N, { icon: i })
+          size: d || i,
+          tabIndex: a,
+          children: n && /* @__PURE__ */ o(C, { icon: n })
         }
       )
     ]

package/dist/components/Timeline/TimelineBase.js

@@ -5,7 +5,7 @@ import "../RootProvider/RootProvider.js";
 import { TimelineIcon as v } from "./TimelineIcon.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as x } from "../Page/Flex.js";
-import '../../assets/TimelineBase.css';const N = "_section_1030v_1", f = "_sidebar_1030v_8", h = "_content_1030v_33", j = "_border_1030v_39", e = {
+import '../../assets/TimelineBase.css';const N = "_section_4e55r_1", f = "_sidebar_4e55r_8", h = "_content_4e55r_33", j = "_border_4e55r_40", e = {
   section: N,
   sidebar: f,
   content: h,
@@ -16,17 +16,17 @@ import '../../assets/TimelineBase.css';const N = "_section_1030v_1", f = "_sideb
   border: a = "solid",
   borderColor: c,
   level: d = 1,
-  color: s,
-  icon: r,
+  color: r,
+  icon: s,
   iconColor: m,
   iconTheme: l,
   children: _,
   id: b,
   ...p
-}) => /* @__PURE__ */ i(x, { as: n, className: e.section, color: s, ...p, id: b, children: [
+}) => /* @__PURE__ */ i(x, { as: n, className: e.section, color: r, ...p, id: b, children: [
   /* @__PURE__ */ i("aside", { className: e.sidebar, "data-level": d, children: [
-    r && /* @__PURE__ */ t(v, { loading: o, icon: r, theme: l, color: m, size: "sm" }),
-    /* @__PURE__ */ t("div", { className: e.border, "data-loading": o, "data-variant": a, "data-color": c || s })
+    s && /* @__PURE__ */ t(v, { loading: o, icon: s, theme: l, color: m, size: "sm" }),
+    /* @__PURE__ */ t("div", { className: e.border, "data-loading": o, "data-variant": a, "data-color": c || r })
   ] }),
   /* @__PURE__ */ t("div", { className: e.content, children: _ })
 ] });

package/dist/types/lib/components/Dialog/DialogDetails.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DialogDetails: Story;

package/package.json

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