@altinn/altinn-components 0.18.0 → 0.18.1

package/dist/assets/MenuOption.css

@@ -1 +1 @@
-._label_cv7w3_1{padding-left:6px}._input_cv7w3_5{position:absolute;opacity:0}._icon_cv7w3_10{flex-shrink:0;font-size:1rem;display:flex;align-items:center;justify-content:center}._icon_cv7w3_10{color:var(--ds-color-base-default)}._icon_cv7w3_10 [data-hover=true]{opacity:0}._label_cv7w3_1:hover [data-hover=true]{opacity:1}
+._base_igy0i_1{padding-left:6px}._base_igy0i_1:hover [data-hover=true]{opacity:1}._label_igy0i_9{display:block;white-space:nowrap;text-overflow:ellipsis;width:max-content;overflow:hidden;max-width:240px}._input_igy0i_18{position:absolute;opacity:0}._icon_igy0i_23{flex-shrink:0;font-size:1rem;display:flex;align-items:center;justify-content:center}._icon_igy0i_23{color:var(--ds-color-base-default)}._icon_igy0i_23 [data-hover=true]{opacity:0}

package/dist/components/Dropdown/DrawerBase.js

@@ -1,18 +1,18 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
-import '../../assets/DrawerBase.css';const o = "_drawer_vej3t_1", n = {
-  drawer: o
-}, m = ({ placement: a = "inline", open: e = !1, className: r, children: t }) => /* @__PURE__ */ d(
+import { c as o } from "../../index-L8X2o7IH.js";
+import '../../assets/DrawerBase.css';const s = "_drawer_vej3t_1", c = {
+  drawer: s
+}, l = ({ placement: a = "inline", open: e = !1, className: r, children: t }) => /* @__PURE__ */ d(
   "div",
   {
-    className: s(n.drawer, r),
+    className: o(c.drawer, r),
     "data-placement": a,
     "data-theme": "default",
-    "data-color": "neutral",
+    "data-color": "company",
     "data-expanded": e,
     children: t
   }
 );
 export {
-  m as DrawerBase
+  l as DrawerBase
 };

package/dist/components/Dropdown/DropdownBase.js

@@ -9,8 +9,8 @@ import '../../assets/DropdownBase.css';const l = "_dropdown_1hh2v_1", u = "_draw
 }, x = ({
   placement: t = "left",
   padding: d = !0,
-  open: r = !1,
-  className: a,
+  open: a = !1,
+  className: r,
   children: e,
   onClose: n
 }) => {
@@ -19,14 +19,14 @@ import '../../assets/DropdownBase.css';const l = "_dropdown_1hh2v_1", u = "_draw
     "div",
     {
       ref: o,
-      className: m(w.dropdown, a),
+      className: m(w.dropdown, r),
       "data-theme": "default",
-      "data-color": "neutral",
+      "data-color": "company",
       "data-shadow": "md",
       "data-placement": t,
       "data-padding": d,
       role: "menu",
-      "data-expanded": r,
+      "data-expanded": a,
       children: e
     }
   );

package/dist/components/Menu/MenuItemLabel.js

@@ -1,12 +1,13 @@
-import { jsx as t, jsxs as c, Fragment as r } from "react/jsx-runtime";
-import '../../assets/MenuItemLabel.css';const o = "_label_1ejxp_1", p = "_title_1ejxp_7", d = "_description_1ejxp_25", s = {
-  label: o,
-  title: p,
-  description: d
-}, m = ({ size: e = "sm", label: l, title: n, description: i, children: a }) => /* @__PURE__ */ t("span", { className: s.label, "data-size": e, children: a || /* @__PURE__ */ c(r, { children: [
-  /* @__PURE__ */ t("strong", { className: s.title, "data-size": e, children: n || l }),
-  /* @__PURE__ */ t("span", { className: s.description, "data-size": e, children: i })
+import { jsx as t, jsxs as r, Fragment as o } from "react/jsx-runtime";
+import { c as p } from "../../index-L8X2o7IH.js";
+import '../../assets/MenuItemLabel.css';const d = "_label_1ejxp_1", m = "_title_1ejxp_7", _ = "_description_1ejxp_25", s = {
+  label: d,
+  title: m,
+  description: _
+}, j = ({ className: l, size: e = "sm", label: i, title: n, description: c, children: a }) => /* @__PURE__ */ t("span", { className: p(s.label, l), "data-size": e, children: a || /* @__PURE__ */ r(o, { children: [
+  /* @__PURE__ */ t("strong", { className: s.title, "data-size": e, children: n || i }),
+  /* @__PURE__ */ t("span", { className: s.description, "data-size": e, children: c })
 ] }) });
 export {
-  m as MenuItemLabel
+  j as MenuItemLabel
 };

package/dist/components/Menu/MenuOption.js

@@ -1,45 +1,46 @@
-import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MenuItemBase as f } from "./MenuItemBase.js";
-import { MenuItemLabel as v } from "./MenuItemLabel.js";
+import { MenuItemLabel as x } from "./MenuItemLabel.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { CheckboxIcon as x } from "../Icon/CheckboxIcon.js";
-import { RadioIcon as I } from "../Icon/RadioIcon.js";
-import '../../assets/MenuOption.css';const N = "_label_cv7w3_1", d = "_input_cv7w3_5", h = "_icon_cv7w3_10", r = {
-  label: N,
-  input: d,
-  icon: h
+import { CheckboxIcon as N } from "../Icon/CheckboxIcon.js";
+import { RadioIcon as g } from "../Icon/RadioIcon.js";
+import '../../assets/MenuOption.css';const I = "_base_igy0i_1", d = "_label_igy0i_9", h = "_input_igy0i_18", y = "_icon_igy0i_23", o = {
+  base: I,
+  label: d,
+  input: h,
+  icon: y
 }, A = ({
-  size: n = "md",
-  type: i,
-  name: e,
-  value: m,
-  label: s,
-  title: l,
-  description: a,
+  size: e = "md",
+  type: t,
+  name: a,
+  value: n,
+  label: r,
+  title: m,
+  description: l,
   badge: c,
-  checked: o = !1,
+  checked: i = !1,
   disabled: p,
-  onChange: u,
+  onChange: b,
   ..._
-}) => /* @__PURE__ */ b(
+}) => /* @__PURE__ */ u(
   f,
   {
-    className: r.label,
+    className: o.base,
     disabled: p,
-    selected: o,
-    size: n,
+    selected: i,
+    size: e,
     badge: c,
     as: "label",
     ..._,
     children: [
-      /* @__PURE__ */ t("input", { className: r.input, name: e, value: m, type: i, checked: o, onChange: u }),
-      i === "checkbox" && /* @__PURE__ */ t(x, { checked: o, hover: !0, className: r.icon }),
-      i === "radio" && /* @__PURE__ */ t(I, { checked: o, hover: !0, className: r.icon }),
-      /* @__PURE__ */ t(v, { title: l, description: a, size: n, children: s })
+      /* @__PURE__ */ s("input", { className: o.input, name: a, value: n, type: t, checked: i, onChange: b }),
+      t === "checkbox" && /* @__PURE__ */ s(N, { checked: i, hover: !0, className: o.icon }),
+      t === "radio" && /* @__PURE__ */ s(g, { checked: i, hover: !0, className: o.icon }),
+      /* @__PURE__ */ s(x, { className: o.label, title: m, description: l, size: e, children: r })
     ]
   }
 );

package/dist/types/lib/components/List/ListBase.stories.d.ts

@@ -8,5 +8,5 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Interactive: Story;
-export declare const NonIteractive: Story;
+export declare const Default: Story;
+export declare const NonInteractive: Story;

package/dist/types/lib/components/Menu/MenuItemLabel.d.ts

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
 import { MenuItemSize } from './MenuItemBase';
 export interface MenuItemLabelProps {
+    className?: string;
     size?: MenuItemSize;
     label?: string;
     title?: string;
     description?: string;
     children?: ReactNode;
 }
-export declare const MenuItemLabel: ({ size, label, title, description, children }: MenuItemLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItemLabel: ({ className, size, label, title, description, children }: MenuItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarFilter.stories.d.ts

@@ -9,6 +9,9 @@ declare const meta: {
         options: {
             label: string;
             value: string;
+            badge: {
+                label: string;
+            };
         }[];
     };
 };

package/package.json

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