@midas-ds/components 17.8.0 → 17.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/assets/TagGroup.css +1 -1
- package/chunks/{Select--xr0jiPR.js → Select-DJ_VE1E4.js} +1 -1
- package/chunks/{TagGroup-D-bzpYQJ.js → TagGroup-YCiXkdo3.js} +21 -21
- package/index.js +3 -3
- package/package.json +2 -2
- package/select/index.js +1 -1
- package/tag/index.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
## 17.8.2 (2026-03-16)
|
|
2
|
+
|
|
3
|
+
### 🧱 Updated Dependencies
|
|
4
|
+
|
|
5
|
+
- Updated theme to 3.12.12
|
|
6
|
+
|
|
7
|
+
## 17.8.1 (2026-03-13)
|
|
8
|
+
|
|
9
|
+
### 🩹 Fixes
|
|
10
|
+
|
|
11
|
+
- **components, tag:** add box-sizing for consistent height ([b66bd4adfd](https://github.com/migrationsverket/midas/commit/b66bd4adfd))
|
|
12
|
+
|
|
1
13
|
## 17.8.0 (2026-03-12)
|
|
2
14
|
|
|
3
15
|
### 🚀 Features
|
package/assets/TagGroup.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_qyfvb_1{color:var(--midas-icon-primary);padding:var(--midas-space-xsmall)!important;border-radius:1.5rem;margin-left:var(--midas-space-10)}._button_qyfvb_1[data-hovered]{background-color:var(--midas-button-icon-hover)}._button_qyfvb_1[data-pressed]{background-color:var(--midas-button-icon-active)}._button_qyfvb_1._green_qyfvb_15[data-hovered],._button_qyfvb_1._red_qyfvb_16[data-hovered],._button_qyfvb_1._blue_qyfvb_17[data-hovered],._button_qyfvb_1._yellow_qyfvb_18[data-hovered]{background-color:var(--midas-button-icon-hover)}._button_qyfvb_1._green_qyfvb_15[data-pressed],._button_qyfvb_1._red_qyfvb_16[data-pressed],._button_qyfvb_1._blue_qyfvb_17[data-pressed],._button_qyfvb_1._yellow_qyfvb_18[data-pressed]{background-color:var(--midas-button-icon-active)}._tag_qyfvb_30{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:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20)}._tag_qyfvb_30._green_qyfvb_15{background-color:var(--midas-tag-green-background);border-color:var(--midas-tag-green-border-color)}._tag_qyfvb_30._blue_qyfvb_17{background-color:var(--midas-tag-blue-background);border-color:var(--midas-tag-blue-border-color)}._tag_qyfvb_30._yellow_qyfvb_18{background-color:var(--midas-tag-yellow-background);border-color:var(--midas-tag-yellow-border-color)}._tag_qyfvb_30._red_qyfvb_16{background-color:var(--midas-tag-red-background);border-color:var(--midas-tag-red-border-color)}._tag_qyfvb_30[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_qyfvb_30[data-focused],._tag_qyfvb_30[data-focus-visible]{outline:none}._tag_qyfvb_30[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._tag_qyfvb_30[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._tagText_qyfvb_85{align-items:center;box-sizing:border-box;display:flex;gap:var(--midas-space-xsmall);padding:5px var(--midas-space-small);min-height:1.875rem}._tagText_qyfvb_85 svg{width:var(--midas-size-icon-sm);height:var(--midas-size-icon-sm)}._dismissable_qyfvb_99 ._tagText_qyfvb_85{padding:5px 0 5px var(--midas-space-small)}._tagList_17pz2_1{display:flex;flex-wrap:wrap;gap:var(--midas-space-xsmall)}
|
|
@@ -12,7 +12,7 @@ import { useFocusManager as L } from "react-aria";
|
|
|
12
12
|
import { X as I } from "./x-B9bYxG31.js";
|
|
13
13
|
import { L as G } from "./ListBox-BmONCo_D.js";
|
|
14
14
|
import { P as j } from "./Popover-6cnHxDEK.js";
|
|
15
|
-
import { a as k, T as R } from "./TagGroup-
|
|
15
|
+
import { a as k, T as R } from "./TagGroup-YCiXkdo3.js";
|
|
16
16
|
import { C as $ } from "./chevron-down-BBFYYzZq.js";
|
|
17
17
|
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 = {
|
|
18
18
|
en: w,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsx as i, jsxs as
|
|
2
|
-
import { Tag as
|
|
3
|
-
import { B as
|
|
1
|
+
import { jsx as i, jsxs as _, Fragment as u } from "react/jsx-runtime";
|
|
2
|
+
import { Tag as b, composeRenderProps as T, useContextProps as d, TagListContext as p, TagList as v, TagGroupContext as y, TagGroup as x } from "react-aria-components";
|
|
3
|
+
import { B as h } from "./Button-D22xOe8j.js";
|
|
4
4
|
import { c } from "./clsx-AexbMWKp.js";
|
|
5
|
-
import { X as
|
|
6
|
-
import { forwardRef as
|
|
7
|
-
import '../assets/TagGroup.css';const
|
|
8
|
-
button:
|
|
5
|
+
import { X as L } from "./x-B9bYxG31.js";
|
|
6
|
+
import { forwardRef as f, Children as N, isValidElement as w } from "react";
|
|
7
|
+
import '../assets/TagGroup.css';const q = "_button_qyfvb_1", G = "_green_qyfvb_15", C = "_red_qyfvb_16", R = "_blue_qyfvb_17", V = "_yellow_qyfvb_18", $ = "_tag_qyfvb_30", z = "_tagText_qyfvb_85", E = "_dismissable_qyfvb_99", a = {
|
|
8
|
+
button: q,
|
|
9
9
|
green: G,
|
|
10
10
|
red: C,
|
|
11
11
|
blue: R,
|
|
@@ -13,7 +13,7 @@ import '../assets/TagGroup.css';const w = "_button_k5bh7_1", G = "_green_k5bh7_1
|
|
|
13
13
|
tag: $,
|
|
14
14
|
tagText: z,
|
|
15
15
|
dismissable: E
|
|
16
|
-
},
|
|
16
|
+
}, X = ({
|
|
17
17
|
className: r,
|
|
18
18
|
color: e,
|
|
19
19
|
dismissable: o = !1,
|
|
@@ -23,7 +23,7 @@ import '../assets/TagGroup.css';const w = "_button_k5bh7_1", G = "_green_k5bh7_1
|
|
|
23
23
|
}) => {
|
|
24
24
|
const g = t || typeof t > "u" && o;
|
|
25
25
|
return /* @__PURE__ */ i(
|
|
26
|
-
|
|
26
|
+
b,
|
|
27
27
|
{
|
|
28
28
|
className: c(
|
|
29
29
|
a.tag,
|
|
@@ -38,16 +38,16 @@ import '../assets/TagGroup.css';const w = "_button_k5bh7_1", G = "_green_k5bh7_1
|
|
|
38
38
|
),
|
|
39
39
|
...n,
|
|
40
40
|
textValue: n.textValue || (typeof n.children == "string" ? n.children : void 0),
|
|
41
|
-
children:
|
|
41
|
+
children: T(n.children, (l) => /* @__PURE__ */ _(u, { children: [
|
|
42
42
|
/* @__PURE__ */ i("div", { className: a.tagText, children: l }),
|
|
43
43
|
g && /* @__PURE__ */ i(
|
|
44
|
-
|
|
44
|
+
h,
|
|
45
45
|
{
|
|
46
46
|
variant: "icon",
|
|
47
47
|
size: "medium",
|
|
48
48
|
className: a.button,
|
|
49
49
|
slot: "remove",
|
|
50
|
-
children: /* @__PURE__ */ i(
|
|
50
|
+
children: /* @__PURE__ */ i(L, { size: 20 })
|
|
51
51
|
}
|
|
52
52
|
)
|
|
53
53
|
] }))
|
|
@@ -59,27 +59,27 @@ import '../assets/TagGroup.css';const w = "_button_k5bh7_1", G = "_green_k5bh7_1
|
|
|
59
59
|
const [{ className: o, ...t }, s] = d(
|
|
60
60
|
r,
|
|
61
61
|
e,
|
|
62
|
-
|
|
62
|
+
p
|
|
63
63
|
);
|
|
64
64
|
return /* @__PURE__ */ i(
|
|
65
|
-
|
|
65
|
+
v,
|
|
66
66
|
{
|
|
67
67
|
className: c(o, B.tagList),
|
|
68
68
|
ref: s,
|
|
69
69
|
...t
|
|
70
70
|
}
|
|
71
71
|
);
|
|
72
|
-
}, m =
|
|
72
|
+
}, m = f(P), k = f(
|
|
73
73
|
(r, e) => {
|
|
74
74
|
const [{ className: o, children: t, ...s }, n] = d(
|
|
75
75
|
r,
|
|
76
76
|
e,
|
|
77
|
-
|
|
78
|
-
), g = N.toArray(t).filter(
|
|
77
|
+
y
|
|
78
|
+
), g = N.toArray(t).filter(w).find((l) => l.type === m);
|
|
79
79
|
return !g && process.env.NODE_ENV === "development" && console.warn(
|
|
80
80
|
"Using a TagGroup without providing a TagList component is deprecated since v17.0.0, see: https://designsystem.migrationsverket.se/components/tag/"
|
|
81
81
|
), /* @__PURE__ */ i(
|
|
82
|
-
|
|
82
|
+
x,
|
|
83
83
|
{
|
|
84
84
|
className: c(o),
|
|
85
85
|
ref: n,
|
|
@@ -89,9 +89,9 @@ import '../assets/TagGroup.css';const w = "_button_k5bh7_1", G = "_green_k5bh7_1
|
|
|
89
89
|
);
|
|
90
90
|
}
|
|
91
91
|
);
|
|
92
|
-
|
|
92
|
+
k.displayName = "TagGroup";
|
|
93
93
|
export {
|
|
94
|
-
|
|
95
|
-
|
|
94
|
+
X as T,
|
|
95
|
+
k as a,
|
|
96
96
|
m as b
|
|
97
97
|
};
|
package/index.js
CHANGED
|
@@ -30,12 +30,12 @@ import { P as Ro } from "./chunks/Popover-6cnHxDEK.js";
|
|
|
30
30
|
import { P as Po } from "./chunks/ProgressBar-BIfkrfrH.js";
|
|
31
31
|
import { R as vo, a as Fo } from "./chunks/Radio-D-sGYrD6.js";
|
|
32
32
|
import { S as Ao } from "./chunks/SearchField-D2Mm_VUO.js";
|
|
33
|
-
import { S as Ho } from "./chunks/Select
|
|
33
|
+
import { S as Ho } from "./chunks/Select-DJ_VE1E4.js";
|
|
34
34
|
import { S as Eo } from "./chunks/Skeleton-D6mxKxuu.js";
|
|
35
35
|
import { S as wo } from "./chunks/Spinner-CfKMn18u.js";
|
|
36
36
|
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";
|
|
37
37
|
import { T as Ko, a as Uo, b as Wo, c as Xo } from "./chunks/TabList-CJSnr6O0.js";
|
|
38
|
-
import { T as _o, a as $o, b as oa } from "./chunks/TagGroup-
|
|
38
|
+
import { T as _o, a as $o, b as oa } from "./chunks/TagGroup-YCiXkdo3.js";
|
|
39
39
|
import { T as ra } from "./chunks/Text-D0r_W4lH.js";
|
|
40
40
|
import { I as ta, T as sa, a as pa, b as xa } from "./chunks/TextArea-Z4BKGpA9.js";
|
|
41
41
|
import { G as ia, T as na, a as fa, b as da, t as Ta } from "./chunks/Toast-D8euCY5O.js";
|
|
@@ -49,7 +49,7 @@ import { c as wa } from "./chunks/clsx-AexbMWKp.js";
|
|
|
49
49
|
import { DialogTrigger as Oa, MenuTrigger as Qa, RouterProvider as Va } from "react-aria-components";
|
|
50
50
|
import { u as ja } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
|
|
51
51
|
import { useToastState as Ja } from "react-stately";
|
|
52
|
-
const o = "17.8.
|
|
52
|
+
const o = "17.8.2", a = {
|
|
53
53
|
version: o
|
|
54
54
|
}, r = a.version;
|
|
55
55
|
export {
|
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"description": "Midas Components",
|
|
15
15
|
"homepage": "https://designsystem.migrationsverket.se/",
|
|
16
16
|
"license": "CC0-1.0",
|
|
17
|
-
"version": "17.8.
|
|
17
|
+
"version": "17.8.2",
|
|
18
18
|
"module": "./index.js",
|
|
19
19
|
"type": "module",
|
|
20
20
|
"main": "./index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"./*": "./*/index.js"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@midas-ds/theme": "3.12.
|
|
44
|
+
"@midas-ds/theme": "3.12.12",
|
|
45
45
|
"react-aria-components": "1.16.0"
|
|
46
46
|
}
|
|
47
47
|
}
|
package/select/index.js
CHANGED
package/tag/index.js
CHANGED