@midas-ds/components 17.32.0 → 17.32.1
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 +14 -0
- package/assets/tabs.css +1 -1
- package/chunks/tabs-CbcNTa7J.js +56 -0
- package/index.js +2 -2
- package/package.json +1 -1
- package/tabs/Tab.d.ts +1 -2
- package/tabs/index.js +1 -1
- package/chunks/tabs-owuRVJ3N.js +0 -56
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## 17.32.1 (2026-10-19)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **components,tabs:** remove bold selection indicator ([f74514719bb](https://github.com/migrationsverket/midas/commit/f74514719bb))
|
|
6
|
+
|
|
7
|
+
### 🏭 Refactoring
|
|
8
|
+
|
|
9
|
+
- **components,tabs:** remove React.FC and destructure react imports ([68728c12952](https://github.com/migrationsverket/midas/commit/68728c12952))
|
|
10
|
+
|
|
11
|
+
### 📖 Documentation changes
|
|
12
|
+
|
|
13
|
+
- **components,badge:** use the icon button variant in badge examples ([0da87b2a175](https://github.com/migrationsverket/midas/commit/0da87b2a175))
|
|
14
|
+
|
|
1
15
|
## 17.32.0 (2026-10-14)
|
|
2
16
|
|
|
3
17
|
### 🚀 Features
|
package/assets/tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tabs_w9b70_1{font-weight:var(--midas-typography-weight-regular);line-height:var(--midas-typography-line-height-30);font-family:var(--midas-typography-font-family);display:flex}._tabs_w9b70_1[data-orientation=horizontal]{flex-direction:column}._tabList_w9b70_12{display:flex}._tabList_w9b70_12[data-orientation=vertical]{flex-direction:column}._tab_w9b70_1{padding:var(--midas-space-70) var(--midas-space-medium);cursor:default;transition-duration:var(--midas-transition-duration-normal);forced-color-adjust:none;color:var(--midas-text-primary);outline:none;transition-property:color,border-color;position:relative}._tab_w9b70_1[data-disabled]{border-color:var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._tab_w9b70_1[data-selected]{color:var(--midas-text-primary);forced-color-adjust:none}._tab_w9b70_1[data-hovered]{cursor:pointer}._tab_w9b70_1[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._tab_w9b70_1[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._tab_w9b70_1._contained_w9b70_54{background-color:var(--midas-layer-accent-01-base)}._tab_w9b70_1._contained_w9b70_54[data-selected]{background-color:var(--midas-layer-01-base)}._tab_w9b70_1._contained_w9b70_54[data-hovered]{background-color:var(--midas-layer-accent-01-hover)}._tab_w9b70_1._contained_w9b70_54[data-hovered][data-selected]{background-color:var(--midas-layer-01-hover)}._tab_w9b70_1._contained_w9b70_54:not([data-selected])+._tab_w9b70_1._contained_w9b70_54._contained_w9b70_54:not([data-selected]){border-color:var(--midas-border-color-subtle)}._tab_w9b70_1._medium_w9b70_74{padding:var(--midas-space-50) var(--midas-space-small)}[data-orientation=horizontal] ._tab_w9b70_1._contained_w9b70_54{border-inline-start:1px solid #0000}[data-orientation=vertical] ._tab_w9b70_1._contained_w9b70_54{border-top:1px solid #0000}[data-orientation=horizontal] ._tab_w9b70_1:not(._contained_w9b70_54){border-bottom:1px solid var(--midas-border-color-subtle);margin-bottom:-1px}[data-orientation=vertical] ._tab_w9b70_1:not(._contained_w9b70_54){border-inline-end:1px solid var(--midas-border-color-subtle);margin-right:-1px}._selectionIndicator_w9b70_97{position:absolute}._selectionIndicator_w9b70_97._animated_w9b70_100{transition-duration:var(--midas-transition-duration-normal);transition-property:translate,width,height}[data-orientation=horizontal] ._tab_w9b70_1 ._selectionIndicator_w9b70_97{border-bottom:3px solid var(--midas-border-color-tertiary);width:100%;bottom:0;left:0}[data-orientation=vertical] ._tab_w9b70_1 ._selectionIndicator_w9b70_97{border-inline-end:3px solid var(--midas-border-color-tertiary);height:100%;top:0;right:0}._tab_w9b70_1 ._selectionIndicator_w9b70_97._contained_w9b70_54{z-index:var(--midas-z-index-base);border-width:2px}[data-orientation=horizontal] ._tab_w9b70_1 ._selectionIndicator_w9b70_97._contained_w9b70_54{bottom:unset;top:0}[data-orientation=vertical] ._tab_w9b70_1 ._selectionIndicator_w9b70_97._contained_w9b70_54{left:0;right:unset}._tabPanel_w9b70_135{padding:var(--midas-space-medium);color:var(--midas-text-primary)}._tabPanel_w9b70_135[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}._tabPanel_w9b70_135._contained_w9b70_54{background-color:var(--midas-layer-01-base);--midas-field-base:var(--midas-field-02-base);--midas-field-hover:var(--midas-field-02-hover)}._tabPanel_w9b70_135._medium_w9b70_74{padding:var(--midas-space-small)}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { t as e } from "./clsx-DAqHMl_k.js";
|
|
3
|
+
import * as t from "react";
|
|
4
|
+
import { createContext as n, useContext as r } from "react";
|
|
5
|
+
import { DialogContext as i, SelectionIndicator as a, Tab as o, TabList as s, TabPanel as c, Tabs as l, composeRenderProps as u } from "react-aria-components";
|
|
6
|
+
import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
7
|
+
import '../assets/tabs.css';//#region src/tabs/TabsContext.ts
|
|
8
|
+
var m = n({
|
|
9
|
+
variant: "uncontained",
|
|
10
|
+
size: "large"
|
|
11
|
+
}), h = {
|
|
12
|
+
tabs: "_tabs_w9b70_1",
|
|
13
|
+
tabList: "_tabList_w9b70_12",
|
|
14
|
+
tab: "_tab_w9b70_1",
|
|
15
|
+
contained: "_contained_w9b70_54",
|
|
16
|
+
medium: "_medium_w9b70_74",
|
|
17
|
+
selectionIndicator: "_selectionIndicator_w9b70_97",
|
|
18
|
+
animated: "_animated_w9b70_100",
|
|
19
|
+
tabPanel: "_tabPanel_w9b70_135"
|
|
20
|
+
}, g = ({ className: t, variant: n = "uncontained", size: r = "large", ...i }) => /* @__PURE__ */ f(m.Provider, {
|
|
21
|
+
value: {
|
|
22
|
+
variant: n,
|
|
23
|
+
size: r
|
|
24
|
+
},
|
|
25
|
+
children: /* @__PURE__ */ f(l, {
|
|
26
|
+
className: e(h.tabs, t),
|
|
27
|
+
...i
|
|
28
|
+
})
|
|
29
|
+
}), _ = ({ className: t, ...n }) => {
|
|
30
|
+
let { variant: s, size: c } = r(m), l = r(i);
|
|
31
|
+
return /* @__PURE__ */ f(o, {
|
|
32
|
+
...n,
|
|
33
|
+
className: e(h.tab, {
|
|
34
|
+
[h.contained]: s === "contained",
|
|
35
|
+
[h.medium]: c === "medium"
|
|
36
|
+
}, t),
|
|
37
|
+
children: u(n.children, (t) => /* @__PURE__ */ p(d, { children: [t, /* @__PURE__ */ f(a, { className: e(h.selectionIndicator, {
|
|
38
|
+
[h.contained]: s === "contained",
|
|
39
|
+
[h.animated]: !l
|
|
40
|
+
}) })] }))
|
|
41
|
+
});
|
|
42
|
+
}, v = ({ className: n, ...r }) => {
|
|
43
|
+
let { variant: i, size: a } = t.useContext(m);
|
|
44
|
+
return /* @__PURE__ */ f(c, {
|
|
45
|
+
className: e(h.tabPanel, {
|
|
46
|
+
[h.contained]: i === "contained",
|
|
47
|
+
[h.medium]: a === "medium"
|
|
48
|
+
}, n),
|
|
49
|
+
...r
|
|
50
|
+
});
|
|
51
|
+
}, y = ({ className: t, ...n }) => /* @__PURE__ */ f(s, {
|
|
52
|
+
className: e(h.tabList, t),
|
|
53
|
+
...n
|
|
54
|
+
});
|
|
55
|
+
//#endregion
|
|
56
|
+
export { g as i, v as n, _ as r, y as t };
|
package/index.js
CHANGED
|
@@ -43,7 +43,7 @@ import { t as Ie } from "./chunks/search-field-DDKW7zLX.js";
|
|
|
43
43
|
import { t as Le } from "./chunks/skeleton-R_3dS7Ro.js";
|
|
44
44
|
import { t as Re } from "./chunks/stack-BAHKom_Q.js";
|
|
45
45
|
import { a as ze, i as Be, n as Ve, o as He, r as Ue, t as We } from "./chunks/table-BaeA6tVH.js";
|
|
46
|
-
import { i as Ge, n as Ke, r as qe, t as Je } from "./chunks/tabs-
|
|
46
|
+
import { i as Ge, n as Ke, r as qe, t as Je } from "./chunks/tabs-CbcNTa7J.js";
|
|
47
47
|
import { i as Ye, n as Xe, r as Ze, t as Qe } from "./chunks/textfield-D7GvYAz4.js";
|
|
48
48
|
import { t as $e } from "./chunks/time-field-DcEMnB3d.js";
|
|
49
49
|
import { a as et, i as tt, n as nt, o as rt, r as it, t as at } from "./chunks/toast-DZuvVRD_.js";
|
|
@@ -61,7 +61,7 @@ var ot = {
|
|
|
61
61
|
description: "Midas Components",
|
|
62
62
|
homepage: "https://designsystem.migrationsverket.se/",
|
|
63
63
|
license: "CC0-1.0",
|
|
64
|
-
version: "17.32.
|
|
64
|
+
version: "17.32.1",
|
|
65
65
|
module: "./index.js",
|
|
66
66
|
type: "module",
|
|
67
67
|
main: "./index.js",
|
package/package.json
CHANGED
package/tabs/Tab.d.ts
CHANGED
package/tabs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../chunks/tabs-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../chunks/tabs-CbcNTa7J.js";
|
|
2
2
|
export { n as Tab, r as TabList, t as TabPanel, e as Tabs };
|
package/chunks/tabs-owuRVJ3N.js
DELETED
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { t as e } from "./clsx-DAqHMl_k.js";
|
|
3
|
-
import * as t from "react";
|
|
4
|
-
import { createContext as n } from "react";
|
|
5
|
-
import { DialogContext as r, SelectionIndicator as i, Tab as a, TabList as o, TabPanel as s, Tabs as c, composeRenderProps as l } from "react-aria-components";
|
|
6
|
-
import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
|
|
7
|
-
import '../assets/tabs.css';//#region src/tabs/TabsContext.ts
|
|
8
|
-
var p = n({
|
|
9
|
-
variant: "uncontained",
|
|
10
|
-
size: "large"
|
|
11
|
-
}), m = {
|
|
12
|
-
tabs: "_tabs_ninos_1",
|
|
13
|
-
tabList: "_tabList_ninos_12",
|
|
14
|
-
tab: "_tab_ninos_1",
|
|
15
|
-
contained: "_contained_ninos_55",
|
|
16
|
-
medium: "_medium_ninos_75",
|
|
17
|
-
selectionIndicator: "_selectionIndicator_ninos_98",
|
|
18
|
-
animated: "_animated_ninos_101",
|
|
19
|
-
tabPanel: "_tabPanel_ninos_136"
|
|
20
|
-
}, h = ({ className: t, variant: n = "uncontained", size: r = "large", ...i }) => /* @__PURE__ */ d(p.Provider, {
|
|
21
|
-
value: {
|
|
22
|
-
variant: n,
|
|
23
|
-
size: r
|
|
24
|
-
},
|
|
25
|
-
children: /* @__PURE__ */ d(c, {
|
|
26
|
-
className: e(m.tabs, t),
|
|
27
|
-
...i
|
|
28
|
-
})
|
|
29
|
-
}), g = ({ className: n, ...o }) => {
|
|
30
|
-
let { variant: s, size: c } = t.useContext(p), h = t.useContext(r);
|
|
31
|
-
return /* @__PURE__ */ d(a, {
|
|
32
|
-
...o,
|
|
33
|
-
className: e(m.tab, {
|
|
34
|
-
[m.contained]: s === "contained",
|
|
35
|
-
[m.medium]: c === "medium"
|
|
36
|
-
}, n),
|
|
37
|
-
children: l(o.children, (t) => /* @__PURE__ */ f(u, { children: [t, /* @__PURE__ */ d(i, { className: e(m.selectionIndicator, {
|
|
38
|
-
[m.contained]: s === "contained",
|
|
39
|
-
[m.animated]: !h
|
|
40
|
-
}) })] }))
|
|
41
|
-
});
|
|
42
|
-
}, _ = ({ className: n, ...r }) => {
|
|
43
|
-
let { variant: i, size: a } = t.useContext(p);
|
|
44
|
-
return /* @__PURE__ */ d(s, {
|
|
45
|
-
className: e(m.tabPanel, {
|
|
46
|
-
[m.contained]: i === "contained",
|
|
47
|
-
[m.medium]: a === "medium"
|
|
48
|
-
}, n),
|
|
49
|
-
...r
|
|
50
|
-
});
|
|
51
|
-
}, v = ({ className: t, ...n }) => /* @__PURE__ */ d(o, {
|
|
52
|
-
className: e(m.tabList, t),
|
|
53
|
-
...n
|
|
54
|
-
});
|
|
55
|
-
//#endregion
|
|
56
|
-
export { h as i, _ as n, g as r, v as t };
|