@midas-ds/components 17.7.0 → 17.7.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 17.7.1 (2026-03-10)
+
+### 🩹 Fixes
+
+- **components, select:** merge provided popover styles ([a381092486](https://github.com/migrationsverket/midas/commit/a381092486))
+- **components, tag:** adjust size of inline svgs ([d668bfdf77](https://github.com/migrationsverket/midas/commit/d668bfdf77))
+
 ## 17.7.0 (2026-03-10)
 
 ### 🚀 Features

package/assets/TagGroup.css

@@ -1 +1 @@
-._button_n1r4c_1{color:var(--midas-icon-primary);padding:var(--midas-space-xsmall)!important;border-radius:1.5rem}._button_n1r4c_1[data-hovered]{background-color:var(--midas-button-icon-hover)}._button_n1r4c_1[data-pressed]{background-color:var(--midas-button-icon-active)}._button_n1r4c_1._green_n1r4c_14[data-hovered],._button_n1r4c_1._red_n1r4c_15[data-hovered],._button_n1r4c_1._blue_n1r4c_16[data-hovered],._button_n1r4c_1._yellow_n1r4c_17[data-hovered]{background-color:var(--midas-button-icon-hover)}._button_n1r4c_1._green_n1r4c_14[data-pressed],._button_n1r4c_1._red_n1r4c_15[data-pressed],._button_n1r4c_1._blue_n1r4c_16[data-pressed],._button_n1r4c_1._yellow_n1r4c_17[data-pressed]{background-color:var(--midas-button-icon-active)}._tag_n1r4c_29{align-items:center;background-color:var(--midas-field-01-base);border-color:var(--midas-border-color-primary);border-radius:1.25rem;border-style:solid;border-width:1px;color:var(--midas-text-primary);display:inline-flex;font-family:var(--midas-typography-font-family);font-size:.875rem}._tag_n1r4c_29._green_n1r4c_14{background-color:var(--midas-tag-green-background);border-color:var(--midas-tag-green-border-color)}._tag_n1r4c_29._blue_n1r4c_16{background-color:var(--midas-tag-blue-background);border-color:var(--midas-tag-blue-border-color)}._tag_n1r4c_29._yellow_n1r4c_17{background-color:var(--midas-tag-yellow-background);border-color:var(--midas-tag-yellow-border-color)}._tag_n1r4c_29._red_n1r4c_15{background-color:var(--midas-tag-red-background);border-color:var(--midas-tag-red-border-color)}._tag_n1r4c_29[data-disabled]{background-color:var(--midas-field-01-base);border-color:var(--midas-border-color-disabled);color:var(--midas-text-disabled);cursor:not-allowed}._tag_n1r4c_29[data-focused],._tag_n1r4c_29[data-focus-visible]{outline:none}._tag_n1r4c_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._tag_n1r4c_29[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._tagText_n1r4c_83{align-items:center;display:flex;gap:var(--midas-space-xsmall);line-height:var(--midas-typography-line-height-20);padding:7px var(--midas-space-small)}._dismissable_n1r4c_91 ._tagText_n1r4c_83{padding:var(--midas-space-30) var(--midas-space-10) var(--midas-space-30) var(--midas-space-small)}._tagList_17pz2_1{display:flex;flex-wrap:wrap;gap:var(--midas-space-xsmall)}
+._button_13asj_1{color:var(--midas-icon-primary);padding:var(--midas-space-xsmall)!important;border-radius:1.5rem}._button_13asj_1[data-hovered]{background-color:var(--midas-button-icon-hover)}._button_13asj_1[data-pressed]{background-color:var(--midas-button-icon-active)}._button_13asj_1._green_13asj_14[data-hovered],._button_13asj_1._red_13asj_15[data-hovered],._button_13asj_1._blue_13asj_16[data-hovered],._button_13asj_1._yellow_13asj_17[data-hovered]{background-color:var(--midas-button-icon-hover)}._button_13asj_1._green_13asj_14[data-pressed],._button_13asj_1._red_13asj_15[data-pressed],._button_13asj_1._blue_13asj_16[data-pressed],._button_13asj_1._yellow_13asj_17[data-pressed]{background-color:var(--midas-button-icon-active)}._tag_13asj_29{align-items:center;background-color:var(--midas-field-01-base);border-color:var(--midas-border-color-primary);border-radius:1.25rem;border-style:solid;border-width:1px;color:var(--midas-text-primary);display:inline-flex;font-family:var(--midas-typography-font-family);font-size:.875rem}._tag_13asj_29._green_13asj_14{background-color:var(--midas-tag-green-background);border-color:var(--midas-tag-green-border-color)}._tag_13asj_29._blue_13asj_16{background-color:var(--midas-tag-blue-background);border-color:var(--midas-tag-blue-border-color)}._tag_13asj_29._yellow_13asj_17{background-color:var(--midas-tag-yellow-background);border-color:var(--midas-tag-yellow-border-color)}._tag_13asj_29._red_13asj_15{background-color:var(--midas-tag-red-background);border-color:var(--midas-tag-red-border-color)}._tag_13asj_29[data-disabled]{background-color:var(--midas-field-01-base);border-color:var(--midas-border-color-disabled);color:var(--midas-text-disabled);cursor:not-allowed}._tag_13asj_29[data-focused],._tag_13asj_29[data-focus-visible]{outline:none}._tag_13asj_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._tag_13asj_29[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._tagText_13asj_83{align-items:center;display:flex;gap:var(--midas-space-xsmall);line-height:var(--midas-typography-line-height-20);padding:7px var(--midas-space-small)}._tagText_13asj_83 svg{width:var(--midas-size-icon-sm);height:var(--midas-size-icon-sm)}._dismissable_13asj_96 ._tagText_13asj_83{padding:var(--midas-space-30) var(--midas-space-10) var(--midas-space-30) var(--midas-space-small)}._tagList_17pz2_1{display:flex;flex-wrap:wrap;gap:var(--midas-space-xsmall)}

package/chunks/{Select-ClD5keNw.js → Select-BkLLrCh-.js}

@@ -1,27 +1,27 @@
-import { jsx as e, Fragment as A, jsxs as i } from "react/jsx-runtime";
-import { SelectStateContext as d, SelectValue as g, Button as _, TagList as C, Select as N } from "react-aria-components";
-import { FocusScope as x } from "@react-aria/focus";
-import { a as b, L as T } from "./Label-Bhnpbs10.js";
-import { a as y, c as B } from "./clsx-AexbMWKp.js";
+import { jsx as e, Fragment as C, jsxs as i } from "react/jsx-runtime";
+import { SelectStateContext as d, SelectValue as f, Button as p, TagList as N, Select as x } from "react-aria-components";
+import { FocusScope as b } from "@react-aria/focus";
+import { a as T, L as y } from "./Label-Bhnpbs10.js";
+import { a as B, c as g } from "./clsx-AexbMWKp.js";
 import { T as M } from "./Text-D0r_W4lH.js";
-import { F as h } from "./FieldError-krpMBtie.js";
-import p, { useContext as f } from "react";
+import { F as _ } from "./FieldError-krpMBtie.js";
+import S, { useContext as V } from "react";
 import { C as F } from "./Checkbox-sAkQe7Q9.js";
 import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { useFocusManager as L } from "react-aria";
 import { X as I } from "./x-B9bYxG31.js";
 import { L as G } from "./ListBox-CDlOUvzJ.js";
 import { P as j } from "./Popover-CaP4LFhg.js";
-import { a as k, T as R } from "./TagGroup-Bfh6x6iQ.js";
+import { a as k, T as R } from "./TagGroup-CkjoxLIy.js";
 import { C as $ } from "./chevron-down-BBFYYzZq.js";
-import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, P = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, u = {
+import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, z = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, u = {
   en: w,
-  sv: P
-}, z = "_select_1h0s2_1", D = "_triggerContainer_1h0s2_7", E = "_trigger_1h0s2_7", K = "_medium_1h0s2_29", W = "_icon_1h0s2_66", X = "_selectValue_1h0s2_72", q = "_placeholder_1h0s2_78", H = "_multiSelectValue_1h0s2_88", J = "_selectValueTag_1h0s2_112", O = "_clearButton_1h0s2_126", Q = "_truncate_1h0s2_138", U = "_popover_1h0s2_175", Y = "_selectAll_1h0s2_201", Z = "_tagGroup_1h0s2_269", s = {
-  select: z,
-  triggerContainer: D,
-  trigger: E,
-  medium: K,
+  sv: z
+}, D = "_select_1h0s2_1", E = "_triggerContainer_1h0s2_7", K = "_trigger_1h0s2_7", P = "_medium_1h0s2_29", W = "_icon_1h0s2_66", X = "_selectValue_1h0s2_72", q = "_placeholder_1h0s2_78", H = "_multiSelectValue_1h0s2_88", J = "_selectValueTag_1h0s2_112", O = "_clearButton_1h0s2_126", Q = "_truncate_1h0s2_138", U = "_popover_1h0s2_175", Y = "_selectAll_1h0s2_201", Z = "_tagGroup_1h0s2_269", a = {
+  select: D,
+  triggerContainer: E,
+  trigger: K,
+  medium: P,
   icon: W,
   selectValue: X,
   placeholder: q,
@@ -33,7 +33,7 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
   selectAll: Y,
   tagGroup: Z
 }, ee = () => {
-  const t = p.useContext(d), c = m(u), r = () => {
+  const t = S.useContext(d), c = m(u), r = () => {
     t?.setValue(
       t?.selectionManager.isSelectAll ? null : Array.from(t.collection.getKeys())
     ), t?.commitValidation();
@@ -41,7 +41,7 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
   return /* @__PURE__ */ e(
     F,
     {
-      className: s.selectAll,
+      className: a.selectAll,
       isIndeterminate: !t?.selectionManager.isSelectAll && !t?.selectionManager.isEmpty,
       isSelected: t?.selectionManager.isSelectAll,
       onChange: r,
@@ -51,19 +51,19 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
 }, te = ({
   isDisabled: t
 }) => {
-  const c = m(u), r = (l, o) => l.length === 1 ? o : `${l.length} ${c.format("selected")}`;
+  const c = m(u), r = (l, n) => l.length === 1 ? n : `${l.length} ${c.format("selected")}`;
   return /* @__PURE__ */ e(
-    g,
+    f,
     {
-      className: s.multiSelectValue,
+      className: a.multiSelectValue,
       "data-disabled": t || void 0,
-      children: ({ isPlaceholder: l, selectedItems: o, selectedText: a }) => l ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ i(
+      children: ({ isPlaceholder: l, selectedItems: n, selectedText: s }) => l ? /* @__PURE__ */ e(C, {}) : /* @__PURE__ */ i(
         "div",
         {
-          className: s.selectValueTag,
+          className: a.selectValueTag,
           "data-disabled": t || void 0,
           children: [
-            /* @__PURE__ */ e("span", { className: s.truncate, children: r(o, a) }),
+            /* @__PURE__ */ e("span", { className: a.truncate, children: r(n, s) }),
             /* @__PURE__ */ e(le, { isDisabled: t })
           ]
         }
@@ -73,15 +73,15 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
 }, le = ({
   isDisabled: t
 }) => {
-  const c = p.useContext(d), r = m(u), l = L(), o = () => {
+  const c = S.useContext(d), r = m(u), l = L(), n = () => {
     l?.focusFirst(), c?.setValue(null);
   };
   return /* @__PURE__ */ e(
-    _,
+    p,
     {
       "aria-label": r.format("clearAll"),
-      className: s.clearButton,
-      onPress: o,
+      className: a.clearButton,
+      onPress: n,
       slot: null,
       isDisabled: t,
       children: /* @__PURE__ */ e(
@@ -93,63 +93,63 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
       )
     }
   );
-}, se = ({
+}, ae = ({
   showTags: t,
   isDisabled: c
 }) => {
-  const r = m(u), l = f(d), o = (a) => {
-    l?.selectionManager.toggleSelection(Array.from(a)[0]);
+  const r = m(u), l = V(d), n = (s) => {
+    l?.selectionManager.toggleSelection(Array.from(s)[0]);
   };
   return !l?.selectedItems.length || !t ? null : /* @__PURE__ */ e(
     k,
     {
       "aria-label": r.format("selectedItems"),
-      className: s.tagGroup,
-      onRemove: o,
+      className: a.tagGroup,
+      onRemove: n,
       selectionBehavior: "toggle",
-      children: /* @__PURE__ */ e(C, { items: l.selectedItems, children: (a) => /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e(N, { items: l.selectedItems, children: (s) => /* @__PURE__ */ e(
         R,
         {
           isDismissable: !0,
-          id: a.key,
+          id: s.key,
           isDisabled: c,
-          textValue: a.textValue,
-          children: a.textValue
+          textValue: s.textValue,
+          children: s.textValue
         },
-        a.key
+        s.key
       ) })
     }
   );
-}, ae = ({
+}, se = ({
   isDisabled: t,
   selectionMode: c,
   size: r
 }) => {
-  const l = f(d);
+  const l = V(d);
   return /* @__PURE__ */ i(
-    _,
+    p,
     {
-      className: y(
+      className: B(
         {
-          [s.medium]: r === "medium"
+          [a.medium]: r === "medium"
         },
-        s.trigger
+        a.trigger
       ),
       "data-invalid": !!l?.displayValidation.isInvalid || void 0,
       children: [
         /* @__PURE__ */ e(
-          g,
+          f,
           {
-            className: s.selectValue,
+            className: a.selectValue,
             "data-disabled": t || void 0,
-            children: ({ selectedText: o, defaultChildren: a }) => /* @__PURE__ */ e("div", { className: s.placeholder, children: /* @__PURE__ */ e("span", { className: s.truncate, children: c === "multiple" && o ? null : o || a }) })
+            children: ({ selectedText: n, defaultChildren: s }) => /* @__PURE__ */ e("div", { className: a.placeholder, children: /* @__PURE__ */ e("span", { className: a.truncate, children: c === "multiple" && n ? null : n || s }) })
           }
         ),
         /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": "true",
-            className: s.icon,
+            className: a.icon,
             children: /* @__PURE__ */ e($, { size: 20 })
           }
         )
@@ -162,61 +162,61 @@ function Ae({
   description: c,
   errorMessage: r,
   errorPosition: l = "top",
-  items: o,
-  label: a,
-  popover: S,
-  popoverProps: v,
-  size: V = "large",
-  ...n
+  items: n,
+  label: s,
+  popover: v,
+  popoverProps: h,
+  size: A = "large",
+  ...o
 }) {
-  return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ i(
-    N,
+  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ i(
+    x,
     {
-      ...n,
-      className: B(n.className, s.select),
+      ...o,
+      className: g(o.className, a.select),
       children: [
-        /* @__PURE__ */ e(b, { popover: S, children: a && /* @__PURE__ */ e(T, { "data-disabled": n.isDisabled || void 0, children: a }) }),
+        /* @__PURE__ */ e(T, { popover: v, children: s && /* @__PURE__ */ e(y, { "data-disabled": o.isDisabled || void 0, children: s }) }),
         c && /* @__PURE__ */ e(M, { slot: "description", children: c }),
-        l === "top" && /* @__PURE__ */ e(h, { children: r }),
+        l === "top" && /* @__PURE__ */ e(_, { children: r }),
         /* @__PURE__ */ i(
           "div",
           {
-            className: s.triggerContainer,
-            "data-disabled": n.isDisabled || void 0,
+            className: a.triggerContainer,
+            "data-disabled": o.isDisabled || void 0,
             children: [
               /* @__PURE__ */ e(
-                ae,
+                se,
                 {
-                  size: V,
-                  ...n
+                  size: A,
+                  ...o
                 }
               ),
-              n.selectionMode === "multiple" ? /* @__PURE__ */ e(te, { ...n }) : null
+              o.selectionMode === "multiple" ? /* @__PURE__ */ e(te, { ...o }) : null
             ]
           }
         ),
-        l === "bottom" && /* @__PURE__ */ e(h, { children: r }),
+        l === "bottom" && /* @__PURE__ */ e(_, { children: r }),
         /* @__PURE__ */ i(
           j,
           {
-            className: s.popover,
             offset: 0,
             hideArrow: !0,
-            ...v,
+            ...h,
+            className: g(h?.className, a.popover),
             children: [
-              n.isSelectableAll && /* @__PURE__ */ e(ee, {}),
+              o.isSelectableAll && /* @__PURE__ */ e(ee, {}),
               /* @__PURE__ */ e(
                 G,
                 {
                   escapeKeyBehavior: "none",
-                  items: o,
+                  items: n,
                   children: t
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e(se, { ...n })
+        /* @__PURE__ */ e(ae, { ...o })
       ]
     }
   ) });

package/chunks/TagGroup-CkjoxLIy.js

@@ -0,0 +1,97 @@
+import { jsx as i, jsxs as u, Fragment as T } from "react/jsx-runtime";
+import { Tag as f, composeRenderProps as p, useContextProps as d, TagListContext as b, TagList as x, TagGroupContext as h, TagGroup as L } from "react-aria-components";
+import { B as j } from "./Button-BhIvfqOc.js";
+import { c } from "./clsx-AexbMWKp.js";
+import { X as v } from "./x-B9bYxG31.js";
+import { forwardRef as _, Children as y, isValidElement as N } from "react";
+import '../assets/TagGroup.css';const w = "_button_13asj_1", G = "_green_13asj_14", C = "_red_13asj_15", R = "_blue_13asj_16", V = "_yellow_13asj_17", $ = "_tag_13asj_29", z = "_tagText_13asj_83", E = "_dismissable_13asj_96", a = {
+  button: w,
+  green: G,
+  red: C,
+  blue: R,
+  yellow: V,
+  tag: $,
+  tagText: z,
+  dismissable: E
+}, q = ({
+  className: r,
+  color: e,
+  dismissable: o = !1,
+  isDismissable: s,
+  type: t,
+  ...n
+}) => {
+  const g = s || typeof s > "u" && o;
+  return /* @__PURE__ */ i(
+    f,
+    {
+      className: c(
+        a.tag,
+        g && a.dismissable,
+        {
+          [a.green]: e ? e === "green" : t === "success",
+          [a.blue]: e ? e === "blue" : t === "info",
+          [a.yellow]: e ? e === "yellow" : t === "important",
+          [a.red]: e ? e === "red" : t === "warning"
+        },
+        r
+      ),
+      ...n,
+      textValue: n.textValue || (typeof n.children == "string" ? n.children : void 0),
+      children: p(n.children, (l) => /* @__PURE__ */ u(T, { children: [
+        /* @__PURE__ */ i("div", { className: a.tagText, children: l }),
+        g && /* @__PURE__ */ i(
+          j,
+          {
+            variant: "icon",
+            size: "medium",
+            className: a.button,
+            slot: "remove",
+            children: /* @__PURE__ */ i(v, { size: 20 })
+          }
+        )
+      ] }))
+    }
+  );
+}, B = "_tagList_17pz2_1", P = {
+  tagList: B
+}, k = (r, e) => {
+  const [{ className: o, ...s }, t] = d(
+    r,
+    e,
+    b
+  );
+  return /* @__PURE__ */ i(
+    x,
+    {
+      className: c(o, P.tagList),
+      ref: t,
+      ...s
+    }
+  );
+}, m = _(k), A = _(
+  (r, e) => {
+    const [{ className: o, children: s, ...t }, n] = d(
+      r,
+      e,
+      h
+    ), g = y.toArray(s).filter(N).find((l) => l.type === m);
+    return !g && process.env.NODE_ENV === "development" && console.warn(
+      "Using a TagGroup without providing a TagList component is deprecated since v17.0.0, see: https://designsystem.migrationsverket.se/components/tag/"
+    ), /* @__PURE__ */ i(
+      L,
+      {
+        className: c(o),
+        ref: n,
+        ...t,
+        children: g ? s : /* @__PURE__ */ i(m, { children: s })
+      }
+    );
+  }
+);
+A.displayName = "TagGroup";
+export {
+  q as T,
+  A as a,
+  m as b
+};

package/index.js

@@ -30,12 +30,12 @@ import { P as Ro } from "./chunks/Popover-CaP4LFhg.js";
 import { P as Po } from "./chunks/ProgressBar-BGBPAJCv.js";
 import { R as vo, a as Fo } from "./chunks/Radio-DebU3D38.js";
 import { S as Ao } from "./chunks/SearchField-1DYv0w4b.js";
-import { S as Ho } from "./chunks/Select-ClD5keNw.js";
+import { S as Ho } from "./chunks/Select-BkLLrCh-.js";
 import { S as Eo } from "./chunks/Skeleton-D6mxKxuu.js";
 import { S as wo } from "./chunks/Spinner-CfKMn18u.js";
 import { C as Oo, a as Qo, R as Vo, T as Zo, b as jo, c as qo } from "./chunks/Table-Bg-AKi7d.js";
 import { T as Ko, a as Uo, b as Wo, c as Xo } from "./chunks/TabList-CJSnr6O0.js";
-import { T as _o, a as $o, b as oa } from "./chunks/TagGroup-Bfh6x6iQ.js";
+import { T as _o, a as $o, b as oa } from "./chunks/TagGroup-CkjoxLIy.js";
 import { T as ra } from "./chunks/Text-D0r_W4lH.js";
 import { I as ta, T as sa, a as pa, b as xa } from "./chunks/TextArea-BL0NbUHd.js";
 import { G as ia, T as na, a as fa, b as da, t as Ta } from "./chunks/Toast-Cxm230CK.js";
@@ -49,7 +49,7 @@ import { c as wa } from "./chunks/clsx-AexbMWKp.js";
 import { DialogTrigger as Oa, MenuTrigger as Qa, RouterProvider as Va } from "react-aria-components";
 import { u as ja } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
 import { useToastState as Ja } from "react-stately";
-const o = "17.7.0", a = {
+const o = "17.7.1", a = {
   version: o
 }, r = a.version;
 export {

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.7.0",
+  "version": "17.7.1",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",

package/select/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../chunks/Select-ClD5keNw.js";
+import { S as r } from "../chunks/Select-BkLLrCh-.js";
 export {
   r as Select
 };

package/tag/index.js

@@ -1,4 +1,4 @@
-import { T, a as g, b as o } from "../chunks/TagGroup-Bfh6x6iQ.js";
+import { T, a as g, b as o } from "../chunks/TagGroup-CkjoxLIy.js";
 export {
   T as Tag,
   g as TagGroup,

package/chunks/TagGroup-Bfh6x6iQ.js

@@ -1,97 +0,0 @@
-import { jsx as r, jsxs as u, Fragment as T } from "react/jsx-runtime";
-import { Tag as f, composeRenderProps as p, useContextProps as d, TagListContext as b, TagList as x, TagGroupContext as h, TagGroup as L } from "react-aria-components";
-import { B as v } from "./Button-BhIvfqOc.js";
-import { c as l } from "./clsx-AexbMWKp.js";
-import { X as y } from "./x-B9bYxG31.js";
-import { forwardRef as _, Children as N, isValidElement as w } from "react";
-import '../assets/TagGroup.css';const G = "_button_n1r4c_1", C = "_green_n1r4c_14", R = "_red_n1r4c_15", V = "_blue_n1r4c_16", $ = "_yellow_n1r4c_17", z = "_tag_n1r4c_29", E = "_tagText_n1r4c_83", j = "_dismissable_n1r4c_91", n = {
-  button: G,
-  green: C,
-  red: R,
-  blue: V,
-  yellow: $,
-  tag: z,
-  tagText: E,
-  dismissable: j
-}, q = ({
-  className: i,
-  color: e,
-  dismissable: o = !1,
-  isDismissable: t,
-  type: s,
-  ...a
-}) => {
-  const c = t || typeof t > "u" && o;
-  return /* @__PURE__ */ r(
-    f,
-    {
-      className: l(
-        n.tag,
-        c && n.dismissable,
-        {
-          [n.green]: e ? e === "green" : s === "success",
-          [n.blue]: e ? e === "blue" : s === "info",
-          [n.yellow]: e ? e === "yellow" : s === "important",
-          [n.red]: e ? e === "red" : s === "warning"
-        },
-        i
-      ),
-      ...a,
-      textValue: a.textValue || (typeof a.children == "string" ? a.children : void 0),
-      children: p(a.children, (g) => /* @__PURE__ */ u(T, { children: [
-        /* @__PURE__ */ r("div", { className: n.tagText, children: g }),
-        c && /* @__PURE__ */ r(
-          v,
-          {
-            variant: "icon",
-            size: "medium",
-            className: n.button,
-            slot: "remove",
-            children: /* @__PURE__ */ r(y, { size: 20 })
-          }
-        )
-      ] }))
-    }
-  );
-}, B = "_tagList_17pz2_1", P = {
-  tagList: B
-}, k = (i, e) => {
-  const [{ className: o, ...t }, s] = d(
-    i,
-    e,
-    b
-  );
-  return /* @__PURE__ */ r(
-    x,
-    {
-      className: l(o, P.tagList),
-      ref: s,
-      ...t
-    }
-  );
-}, m = _(k), A = _(
-  (i, e) => {
-    const [{ className: o, children: t, ...s }, a] = d(
-      i,
-      e,
-      h
-    ), c = N.toArray(t).filter(w).find((g) => g.type === m);
-    return !c && process.env.NODE_ENV === "development" && console.warn(
-      "Using a TagGroup without providing a TagList component is deprecated since v17.0.0, see: https://designsystem.migrationsverket.se/components/tag/"
-    ), /* @__PURE__ */ r(
-      L,
-      {
-        className: l(o),
-        ref: a,
-        ...s,
-        children: c ? t : /* @__PURE__ */ r(m, { children: t })
-      }
-    );
-  }
-);
-A.displayName = "TagGroup";
-export {
-  q as T,
-  A as a,
-  m as b
-};