@midas-ds/table-styles 2.0.90 → 2.0.92
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 +17 -0
- package/index.css +1 -1
- package/index.mjs +149 -145
- package/package.json +3 -3
- package/tanstack-table.css +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,20 @@
|
|
|
1
|
+
## 2.0.92 (2026-06-30)
|
|
2
|
+
|
|
3
|
+
### 🔧 Maintenance
|
|
4
|
+
|
|
5
|
+
- **workspace:** migrate Nx to 23.0.1 ([82bdb31fc57](https://github.com/migrationsverket/midas/commit/82bdb31fc57))
|
|
6
|
+
|
|
7
|
+
### 🧱 Updated Dependencies
|
|
8
|
+
|
|
9
|
+
- Updated components to 17.15.4
|
|
10
|
+
|
|
11
|
+
## 2.0.91 (2026-06-11)
|
|
12
|
+
|
|
13
|
+
### 🧱 Updated Dependencies
|
|
14
|
+
|
|
15
|
+
- Updated components to 17.15.3
|
|
16
|
+
- Updated theme to 3.15.1
|
|
17
|
+
|
|
1
18
|
## 2.0.90 (2026-06-10)
|
|
2
19
|
|
|
3
20
|
### 🧱 Updated Dependencies
|
package/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._pagination_1m98q_1{
|
|
1
|
+
._pagination_1m98q_1{background-color:var(--midas-layer-01-base);color:var(--midas-text-primary);font-size:var(--midas-typography-font-size-20);height:var(--midas-size-control);line-height:var(--midas-typography-line-height-30);justify-content:space-between;align-items:center;display:flex;container-type:inline-size}._pagination_1m98q_1 *{font-size:var(--midas-typography-font-size-20)}._separator_1m98q_17{border-left:1px solid var(--midas-border-color-subtle)}._select_1m98q_21{gap:var(--midas-space-10);flex-direction:row}._select_1m98q_21 label{font-weight:var(--midas-typography-weight-regular);align-items:center;margin:0;display:flex}._select_1m98q_21 button{border:none}._select_1m98q_21 button span{max-width:unset!important}._listBoxItem_1m98q_41{padding:.44rem var(--midas-space-medium) .44rem var(--midas-space-medium);font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20);height:var(--midas-size-option);white-space:nowrap}._listBoxItem_1m98q_41[data-selected] div{max-width:unset!important}._listBoxItem_1m98q_41[data-selected]:before,._listBoxItem_1m98q_41[data-selected]:after{display:none}._pageSize_1m98q_60{padding-left:var(--midas-space-medium)}._pageSize_1m98q_60 button{padding:0 var(--midas-space-medium) 0 var(--midas-space-small)}._pageSize_1m98q_60 button+span div{left:var(--midas-space-small)!important}._result_1m98q_73{height:100%;padding:0 var(--midas-space-medium);align-items:center;display:flex}@container (width<675px){._result_1m98q_73{display:none}}._pageIndexContainer_1m98q_85{padding:0 var(--midas-space-medium) 0 0;align-items:center;display:flex}._pageIndexContainer_1m98q_85 ._label_1m98q_91{white-space:nowrap}@container (width<420px){._pageIndexContainer_1m98q_85 ._label_1m98q_91{display:none}}._pageIndex_1m98q_85 button{padding:0 var(--midas-space-small) 0 var(--midas-space-medium)}._buttons_1m98q_108{height:100%;display:flex}
|
package/index.mjs
CHANGED
|
@@ -1,146 +1,150 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import './index.css';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
1
|
+
import { ChevronLeft as e, ChevronRight as t } from "lucide-react";
|
|
2
|
+
import { Button as n, ListBoxItem as r, Select as i, Text as a, useLocalizedStringFormatter as o } from "@midas-ds/components";
|
|
3
|
+
import { FocusScope as s, useFocusManager as c } from "react-aria";
|
|
4
|
+
import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
5
|
+
import './index.css';var f = {
|
|
6
|
+
en: {
|
|
7
|
+
nextPage: "Next page",
|
|
8
|
+
previousPage: "Previous page",
|
|
9
|
+
rowsPerPage: "Rows per page:",
|
|
10
|
+
of: "of",
|
|
11
|
+
page: "page",
|
|
12
|
+
pages: "pages",
|
|
13
|
+
row: "row",
|
|
14
|
+
rows: "rows",
|
|
15
|
+
selectPage: "Select page"
|
|
16
|
+
},
|
|
17
|
+
sv: {
|
|
18
|
+
nextPage: "Nästa sida",
|
|
19
|
+
previousPage: "Föregående sida",
|
|
20
|
+
rowsPerPage: "Rader per sida:",
|
|
21
|
+
of: "av",
|
|
22
|
+
page: "sida",
|
|
23
|
+
pages: "sidor",
|
|
24
|
+
row: "rad",
|
|
25
|
+
rows: "rader",
|
|
26
|
+
selectPage: "Välj sida"
|
|
27
|
+
}
|
|
28
|
+
}, p = {
|
|
29
|
+
pagination: "_pagination_1m98q_1",
|
|
30
|
+
separator: "_separator_1m98q_17",
|
|
31
|
+
select: "_select_1m98q_21",
|
|
32
|
+
listBoxItem: "_listBoxItem_1m98q_41",
|
|
33
|
+
pageSize: "_pageSize_1m98q_60 _select_1m98q_21",
|
|
34
|
+
result: "_result_1m98q_73 _separator_1m98q_17",
|
|
35
|
+
pageIndexContainer: "_pageIndexContainer_1m98q_85 _separator_1m98q_17",
|
|
36
|
+
label: "_label_1m98q_91",
|
|
37
|
+
pageIndex: "_pageIndex_1m98q_85 _select_1m98q_21",
|
|
38
|
+
buttons: "_buttons_1m98q_108",
|
|
39
|
+
button: "_button_1m98q_108 _separator_1m98q_17"
|
|
40
|
+
}, m = ({ getCanNextPage: r, getCanPreviousPage: i, nextPage: a, previousPage: s }) => {
|
|
41
|
+
let m = c(), h = o(f), g = (e) => {
|
|
42
|
+
switch (e.key) {
|
|
43
|
+
case "ArrowRight":
|
|
44
|
+
m?.focusNext({ wrap: !0 });
|
|
45
|
+
break;
|
|
46
|
+
case "ArrowLeft":
|
|
47
|
+
m?.focusPrevious({ wrap: !0 });
|
|
48
|
+
break;
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(n, {
|
|
52
|
+
"aria-label": h.format("previousPage"),
|
|
53
|
+
className: p.button,
|
|
54
|
+
isDisabled: !i(),
|
|
55
|
+
onKeyDown: g,
|
|
56
|
+
onPress: s,
|
|
57
|
+
variant: "icon",
|
|
58
|
+
children: /* @__PURE__ */ u(e, {})
|
|
59
|
+
}), /* @__PURE__ */ u(n, {
|
|
60
|
+
"aria-label": h.format("nextPage"),
|
|
61
|
+
className: p.button,
|
|
62
|
+
isDisabled: !r(),
|
|
63
|
+
onKeyDown: g,
|
|
64
|
+
onPress: a,
|
|
65
|
+
variant: "icon",
|
|
66
|
+
children: /* @__PURE__ */ u(t, {})
|
|
67
|
+
})] });
|
|
68
|
+
}, h = (e) => {
|
|
69
|
+
let { getPageCount: t, getRowCount: n, pageIndex: c, pageSize: l, pageSizeOptions: h = [
|
|
70
|
+
10,
|
|
71
|
+
20,
|
|
72
|
+
30,
|
|
73
|
+
40,
|
|
74
|
+
50
|
|
75
|
+
], setPageIndex: g, setPageSize: _ } = e, v = o(f), y = t(), b = n(), x = (c + 1) * l, S = x - l + 1;
|
|
76
|
+
return /* @__PURE__ */ d("div", {
|
|
77
|
+
className: p.pagination,
|
|
78
|
+
children: [
|
|
79
|
+
/* @__PURE__ */ u(i, {
|
|
80
|
+
className: p.pageSize,
|
|
81
|
+
items: h.map((e) => ({
|
|
82
|
+
id: e.toString(),
|
|
83
|
+
name: e
|
|
84
|
+
})),
|
|
85
|
+
label: v.format("rowsPerPage"),
|
|
86
|
+
onChange: (e) => {
|
|
87
|
+
_(e === null ? l : Number(e));
|
|
88
|
+
},
|
|
89
|
+
value: l.toString(),
|
|
90
|
+
children: (e) => /* @__PURE__ */ u(r, {
|
|
91
|
+
className: p.listBoxItem,
|
|
92
|
+
id: e.id,
|
|
93
|
+
textValue: e.id,
|
|
94
|
+
children: e.name
|
|
95
|
+
})
|
|
96
|
+
}),
|
|
97
|
+
/* @__PURE__ */ d(a, {
|
|
98
|
+
className: p.result,
|
|
99
|
+
children: [
|
|
100
|
+
S,
|
|
101
|
+
" -",
|
|
102
|
+
" ",
|
|
103
|
+
x > b ? b : x,
|
|
104
|
+
" ",
|
|
105
|
+
v.format("of"),
|
|
106
|
+
" ",
|
|
107
|
+
b.toLocaleString(),
|
|
108
|
+
" ",
|
|
109
|
+
b === 1 ? v.format("row") : v.format("rows")
|
|
110
|
+
]
|
|
111
|
+
}),
|
|
112
|
+
/* @__PURE__ */ d("div", {
|
|
113
|
+
className: p.pageIndexContainer,
|
|
114
|
+
children: [/* @__PURE__ */ u(i, {
|
|
115
|
+
"aria-label": v.format("selectPage"),
|
|
116
|
+
className: p.pageIndex,
|
|
117
|
+
items: Array.from({ length: y }, (e, t) => ({
|
|
118
|
+
id: t.toString(),
|
|
119
|
+
name: t
|
|
120
|
+
})),
|
|
121
|
+
onChange: (e) => {
|
|
122
|
+
g(e === null ? 0 : Number(e));
|
|
123
|
+
},
|
|
124
|
+
value: c.toString(),
|
|
125
|
+
children: (e) => /* @__PURE__ */ u(r, {
|
|
126
|
+
className: p.listBoxItem,
|
|
127
|
+
id: e.id,
|
|
128
|
+
textValue: (Number(e.id) + 1).toString(),
|
|
129
|
+
children: e.name + 1
|
|
130
|
+
})
|
|
131
|
+
}), /* @__PURE__ */ d(a, {
|
|
132
|
+
className: p.label,
|
|
133
|
+
children: [
|
|
134
|
+
v.format("of"),
|
|
135
|
+
" ",
|
|
136
|
+
y,
|
|
137
|
+
" ",
|
|
138
|
+
y === 1 ? v.format("page") : v.format("pages")
|
|
139
|
+
]
|
|
140
|
+
})]
|
|
141
|
+
}),
|
|
142
|
+
/* @__PURE__ */ u("div", {
|
|
143
|
+
className: p.buttons,
|
|
144
|
+
children: /* @__PURE__ */ u(s, { children: /* @__PURE__ */ u(m, { ...e }) })
|
|
145
|
+
})
|
|
146
|
+
]
|
|
147
|
+
});
|
|
146
148
|
};
|
|
149
|
+
//#endregion
|
|
150
|
+
export { h as Pagination };
|
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"description": "Midas table components and styles for TanStack Table",
|
|
15
15
|
"homepage": "https://designsystem.migrationsverket.se/",
|
|
16
16
|
"license": "CC0-1.0",
|
|
17
|
-
"version": "2.0.
|
|
17
|
+
"version": "2.0.92",
|
|
18
18
|
"main": "./index.mjs",
|
|
19
19
|
"types": "./index.d.ts",
|
|
20
20
|
"files": [
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@midas-ds/components": "17.15.
|
|
35
|
-
"@midas-ds/theme": "3.15.
|
|
34
|
+
"@midas-ds/components": "17.15.4",
|
|
35
|
+
"@midas-ds/theme": "3.15.1",
|
|
36
36
|
"lucide-react": "^0.563.0",
|
|
37
37
|
"react-aria-components": "1.16.0",
|
|
38
38
|
"@tanstack/react-table": "^8.21.3"
|
package/tanstack-table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--midas-base-10: .125rem;--midas-base-15: .188rem;--midas-base-20: .25rem;--midas-base-30: .375rem;--midas-base-40: .5rem;--midas-base-50: .625rem;--midas-base-60: .75rem;--midas-base-70: .875rem;--midas-base-75: .938rem;--midas-base-80: 1rem;--midas-base-90: 1.25rem;--midas-base-100: 1.5rem;--midas-base-110: 1.75rem;--midas-base-120: 2rem;--midas-base-130: 2.5rem;--midas-base-140: 2.75rem;--midas-base-150: 3rem;--midas-base-00: 0rem;--midas-base-05: .063rem;--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-button-background-secondary-base: transparent;--midas-button-icon-active: light-dark(#00000033, #ffffff33);--midas-color-black-base: #000000;--midas-color-black-hover: #0d0d0d;--midas-color-black-opacity5: rgba(0, 0, 0, .05);--midas-color-white-base: #ffffff;--midas-color-white-hover: #e6e6e6;--midas-color-white-opacity13: rgba(255, 255, 255, .13);--midas-color-gray-10: #f2f2f2;--midas-color-gray-20: #e6e6e6;--midas-color-gray-30: #d9d9d9;--midas-color-gray-40: #cccccc;--midas-color-gray-50: #bfbfbf;--midas-color-gray-60: #b3b3b3;--midas-color-gray-70: #a6a6a6;--midas-color-gray-80: #999999;--midas-color-gray-90: #8c8c8c;--midas-color-gray-100: #808080;--midas-color-gray-110: #737373;--midas-color-gray-120: #666666;--midas-color-gray-130: #5d5d5d;--midas-color-gray-140: #525252;--midas-color-gray-150: #474747;--midas-color-gray-160: #383838;--midas-color-gray-170: #333333;--midas-color-gray-180: #262626;--midas-color-gray-190: #212121;--midas-color-gray-200: #171717;--midas-color-blue-10: #eaf2f6;--midas-color-blue-20: #d5e5ed;--midas-color-blue-40: #abcbdb;--midas-color-blue-50: #94bcd1;--midas-color-blue-60: #82b0c9;--midas-color-blue-70: #6ca3c0;--midas-color-blue-80: #5897b8;--midas-color-blue-90: #4289ad;--midas-color-blue-100: #2e7ca5;--midas-color-blue-110: #2c7399;--midas-color-blue-120: #29698c;--midas-color-blue-130: #25607f;--midas-color-blue-150: #143c50;--midas-color-purple-80: #b46ab4;--midas-color-purple-110: #954b95;--midas-color-red-100: #b90835;--midas-color-orange-100: oklch(.66 .18 45);--midas-color-signal-blue-10: #eaf2f6;--midas-color-signal-blue-20: #d5e5ed;--midas-color-signal-blue-100: #0066cc;--midas-color-signal-blue-170: #162b33;--midas-color-signal-blue-180: #112127;--midas-color-signal-green-20: #d5f2d9;--midas-color-signal-green-30: #bae5c5;--midas-color-signal-green-100: #008d3c;--midas-color-signal-green-150: #194b33;--midas-color-signal-green-170: #163328;--midas-color-signal-green-180: #112722;--midas-color-signal-yellow-10: #fff8e2;--midas-color-signal-yellow-20: #fff1cd;--midas-color-signal-yellow-30: #ffeab8;--midas-color-signal-yellow-40: #ffe3a3;--midas-color-signal-yellow-50: #ffdc8b;--midas-color-signal-yellow-60: #ffd47b;--midas-color-signal-yellow-70: #fdcd5d;--midas-color-signal-yellow-80: #fbc640;--midas-color-signal-yellow-90: #fabf1b;--midas-color-signal-yellow-100: #fab900;--midas-color-signal-yellow-110: #daa105;--midas-color-signal-yellow-120: #bd8c1e;--midas-color-signal-yellow-130: #a17927;--midas-color-signal-yellow-140: #88672a;--midas-color-signal-yellow-150: #70562b;--midas-color-signal-yellow-160: #5a4629;--midas-color-signal-yellow-170: #453826;--midas-color-signal-yellow-180: #322a20;--midas-color-signal-yellow-190: #201c18;--midas-color-signal-yellow-200: #0f0e0e;--midas-color-signal-red-10: #ffefef;--midas-color-signal-red-20: #ffdfdf;--midas-color-signal-red-30: #fcc8c8;--midas-color-signal-red-40: #f9b0b0;--midas-color-signal-red-50: #f69999;--midas-color-signal-red-60: #f38181;--midas-color-signal-red-70: #ef6a6a;--midas-color-signal-red-80: #ec5252;--midas-color-signal-red-90: #e93b3b;--midas-color-signal-red-100: #e62323;--midas-color-signal-red-110: #d12020;--midas-color-signal-red-120: #bc1d1d;--midas-color-signal-red-130: #a71919;--midas-color-signal-red-140: #921616;--midas-color-signal-red-150: #7d1313;--midas-color-signal-red-160: #691010;--midas-color-signal-red-170: #540d0d;--midas-color-signal-red-180: #3f0a0a;--midas-color-signal-red-190: #2a0606;--midas-color-signal-red-200: #150303;--midas-color-sky-20: #cde6f3;--midas-color-sky-60: #4a95df;--midas-color-sky-180: #101037;--midas-color-mint-20: #d5f2d9;--midas-color-mint-60: #75b47d;--midas-color-mint-180: #07270b;--midas-color-cream-20: #fff5db;--midas-color-cream-60: #ecbe4a;--midas-color-cream-180: #2c2719;--midas-color-teal-20: #cdf2f2;--midas-color-teal-60: #43bcbc;--midas-color-teal-180: #0d2c2c;--midas-color-lagoon-20: #d2daf9;--midas-color-lagoon-60: #7088e0;--midas-color-lagoon-180: #0a1332;--midas-color-lavender-20: #f6d0f9;--midas-color-lavender-60: #b77dbc;--midas-color-lavender-180: #391c3b;--midas-color-peach-20: #ffe6d9;--midas-color-peach-60: #e87031;--midas-color-peach-180: #421d0a;--midas-color-pippin-20: #ffe0e0;--midas-color-pippin-60: #f17575;--midas-color-pippin-180: #431919;--midas-border-width: 1px;--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-overlay-background: rgba(0 0 0 / 30%);--midas-overlay-blur: blur(2px);--midas-card-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);--midas-panel-shadow: -2px 0px 12px -2px rgba(0, 0, 0, .1);--midas-state-focus: 0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white);--midas-state-focus-inset: inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black);--midas-state-focus-contrast-mode-outline: 2px;--midas-state-focus-contrast-mode-offset: 2px;--midas-transition-duration-slow: .4s;--midas-transition-duration-normal: .3s;--midas-transition-duration-fast: .25s;--midas-transition-duration-quick: .15s;--midas-transition-duration-instant: .1s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--midas-transition-timing-ease-in-out: cubic-bezier(.42, 0, .58, 1);--midas-typography-font-family: Inter, sans-serif;--midas-typography-font-size-10: .75rem;--midas-typography-font-size-20: .875rem;--midas-typography-font-size-30: 1rem;--midas-typography-font-size-40: 1.125rem;--midas-typography-font-size-50: 1.25rem;--midas-typography-font-size-60: 1.5rem;--midas-typography-font-size-70: 1.625rem;--midas-typography-font-size-80: 2rem;--midas-typography-font-size-90: 2.25rem;--midas-typography-font-size-100: 2.625rem;--midas-typography-line-height-10: 1rem;--midas-typography-line-height-20: 1.125rem;--midas-typography-line-height-30: 1.25rem;--midas-typography-line-height-40: 1.375rem;--midas-typography-line-height-50: 1.5rem;--midas-typography-line-height-60: 1.75rem;--midas-typography-line-height-70: 2rem;--midas-typography-line-height-80: 2.25rem;--midas-typography-line-height-90: 2.5rem;--midas-typography-line-height-100: 3rem;--midas-typography-weight-thin: 100;--midas-typography-weight-extra-light: 200;--midas-typography-weight-light: 300;--midas-typography-weight-regular: 400;--midas-typography-weight-medium: 500;--midas-typography-weight-semi-bold: 600;--midas-typography-weight-bold: 700;--midas-typography-weight-extra-bold: 800;--midas-typography-weight-black: 900;--midas-z-index-base: 1;--midas-z-index-above: 10;--midas-z-index-sidebar: 500;--midas-z-index-modal: 1000;--midas-z-index-toast: 1100;--midas-z-index-skip-to-content: 1200;--midas-breakpoints-xs: (max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm: (min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md: (min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg: (min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl: (min-width: var(--midas-window-sizes-xl));--midas-button-background-primary-base: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-button-background-primary-hover: light-dark(var(--midas-color-blue-130), var(--midas-color-blue-130));--midas-button-background-primary-active: light-dark(var(--midas-color-blue-100), var(--midas-color-blue-150));--midas-button-background-secondary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-secondary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-tertiary-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-button-background-tertiary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-danger-base: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-button-background-danger-hover: light-dark(var(--midas-color-signal-red-120), var(--midas-color-signal-red-120));--midas-button-background-danger-active: light-dark(var(--midas-color-signal-red-150), var(--midas-color-signal-red-150));--midas-button-background-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-button-border-secondary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-button-icon-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-size-10: var(--midas-base-10);--midas-size-15: var(--midas-base-15);--midas-size-20: var(--midas-base-20);--midas-size-30: var(--midas-base-30);--midas-size-40: var(--midas-base-40);--midas-size-50: var(--midas-base-50);--midas-size-60: var(--midas-base-60);--midas-size-70: var(--midas-base-70);--midas-size-75: var(--midas-base-75);--midas-size-80: var(--midas-base-80);--midas-size-90: var(--midas-base-90);--midas-size-100: var(--midas-base-100);--midas-size-110: var(--midas-base-110);--midas-size-120: var(--midas-base-120);--midas-size-130: var(--midas-base-130);--midas-size-140: var(--midas-base-140);--midas-size-150: var(--midas-base-150);--midas-size-00: var(--midas-base-00);--midas-size-05: var(--midas-base-05);--midas-size-icon: var(--midas-base-90);--midas-size-icon-sm: var(--midas-base-80);--midas-size-option: var(--midas-base-120);--midas-size-control-md: var(--midas-base-130);--midas-size-control: var(--midas-base-150);--midas-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-background-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-background-inverse: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-layer-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-01-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-01-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-layer-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-layer-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-layer-02-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-130));--midas-layer-accent-01-base: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-accent-01-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-accent-01-selected: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-layer-accent-02-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-accent-02-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-accent-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-brand-primary: light-dark(var(--midas-color-red-100), var(--midas-color-red-100));--midas-border-color-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-border-color-secondary: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-90));--midas-border-color-subtle: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-border-color-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-border-color-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-field-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-field-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-field-01-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-field-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-field-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-field-02-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-field-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-01: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-02: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-icon-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-icon-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-icon-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-icon-inverse: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-icon-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-icon-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-icon-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-icon-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-icon-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-icon-important: var(--midas-color-orange-100);--midas-icon-read-only: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--midas-link-enabled: light-dark(var(--midas-color-blue-120), var(--midas-color-blue-70));--midas-link-hover: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-50));--midas-link-pressed: light-dark(var(--midas-color-gray-200), var(--midas-color-blue-40));--midas-link-visited: light-dark(var(--midas-color-purple-110), var(--midas-color-purple-80));--midas-support-border-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-support-border-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-support-border-important: var(--midas-color-orange-100);--midas-support-border-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-support-background-success: light-dark(var(--midas-color-signal-green-20), var(--midas-color-signal-green-180));--midas-support-background-success-hover: light-dark(var(--midas-color-signal-green-30), var(--midas-color-signal-green-170));--midas-support-background-info: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-signal-blue-180));--midas-support-background-info-hover: light-dark(var(--midas-color-signal-blue-20), var(--midas-color-signal-blue-170));--midas-support-background-important: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-signal-yellow-180));--midas-support-background-important-hover: light-dark(var(--midas-color-signal-yellow-20), var(--midas-color-signal-yellow-170));--midas-support-background-warning: light-dark(var(--midas-color-signal-red-20), var(--midas-color-signal-red-180));--midas-support-background-warning-hover: light-dark(var(--midas-color-signal-red-30), var(--midas-color-signal-red-170));--midas-tag-sky-background: light-dark(var(--midas-color-sky-20), var(--midas-color-sky-180));--midas-tag-sky-border-color: var(--midas-color-sky-60);--midas-tag-blue-background: light-dark(var(--midas-color-sky-20), var(--midas-color-sky-180));--midas-tag-blue-border-color: var(--midas-color-sky-60);--midas-tag-mint-background: light-dark(var(--midas-color-mint-20), var(--midas-color-mint-180));--midas-tag-mint-border-color: var(--midas-color-mint-60);--midas-tag-green-background: light-dark(var(--midas-color-mint-20), var(--midas-color-mint-180));--midas-tag-green-border-color: var(--midas-color-mint-60);--midas-tag-cream-background: light-dark(var(--midas-color-cream-20), var(--midas-color-cream-180));--midas-tag-cream-border-color: var(--midas-color-cream-60);--midas-tag-yellow-background: light-dark(var(--midas-color-cream-20), var(--midas-color-cream-180));--midas-tag-yellow-border-color: var(--midas-color-cream-60);--midas-tag-teal-background: light-dark(var(--midas-color-teal-20), var(--midas-color-teal-180));--midas-tag-teal-border-color: var(--midas-color-teal-60);--midas-tag-lagoon-background: light-dark(var(--midas-color-lagoon-20), var(--midas-color-lagoon-180));--midas-tag-lagoon-border-color: var(--midas-color-lagoon-60);--midas-tag-lagoonblue-background: light-dark(var(--midas-color-lagoon-20), var(--midas-color-lagoon-180));--midas-tag-lagoonblue-border-color: var(--midas-color-lagoon-60);--midas-tag-lavender-background: light-dark(var(--midas-color-lavender-20), var(--midas-color-lavender-180));--midas-tag-lavender-border-color: var(--midas-color-lavender-60);--midas-tag-purple-background: light-dark(var(--midas-color-lavender-20), var(--midas-color-lavender-180));--midas-tag-purple-border-color: var(--midas-color-lavender-60);--midas-tag-peach-background: light-dark(var(--midas-color-peach-20), var(--midas-color-peach-180));--midas-tag-peach-border-color: var(--midas-color-peach-60);--midas-tag-orange-background: light-dark(var(--midas-color-peach-20), var(--midas-color-peach-180));--midas-tag-orange-border-color: var(--midas-color-peach-60);--midas-tag-pippin-background: light-dark(var(--midas-color-pippin-20), var(--midas-color-pippin-180));--midas-tag-pippin-border-color: var(--midas-color-pippin-60);--midas-tag-red-background: light-dark(var(--midas-color-pippin-20), var(--midas-color-pippin-180));--midas-tag-red-border-color: var(--midas-color-pippin-60);--midas-text-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-text-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-text-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-text-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-text-inverse: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-200));--midas-text-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-text-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-80));--midas-text-placeholder: light-dark(var(--midas-color-gray-70), var(--midas-color-gray-140));--midas-text-read-only: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-80));--midas-badge-background: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-calendar-date-background-selected: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-start-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-in-range: light-dark(var(--midas-color-blue-20), var(--midas-color-blue-150));--midas-calendar-date-background-end-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-logo-primary: light-dark(var(--midas-color-red-100), var(--midas-color-white-base));--midas-menu-item-background-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-190));--midas-menu-item-background-selected: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-menu-text-section-header: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-card-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-180));--midas-space-10: var(--midas-base-10);--midas-space-30: var(--midas-base-30);--midas-space-50: var(--midas-base-50);--midas-space-60: var(--midas-base-60);--midas-space-70: var(--midas-base-70);--midas-space-75: var(--midas-base-75);--midas-space-90: var(--midas-base-90);--midas-space-130: var(--midas-base-130);--midas-space-150: var(--midas-base-150);--midas-space-xsmall: var(--midas-base-20);--midas-space-small: var(--midas-base-40);--midas-space-medium: var(--midas-base-80);--midas-space-large: var(--midas-base-100);--midas-space-xlarge: var(--midas-base-120);--midas-space-05: var(--midas-base-05);--midas-transition-panel-collapse: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-out) 0ms;--midas-transition-panel-expand: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in) 0ms;--midas-typography-body: var(--midas-typography-weight-regular) var(--midas-typography-font-size-30)/var(--midas-typography-line-height-30) var(--midas-typography-font-family);--midas-typography-body-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-10)/var(--midas-typography-line-height-10) var(--midas-typography-font-family);--midas-spacing-10: var(--midas-space-10);--midas-spacing-20: var(--midas-space-xsmall);--midas-spacing-30: var(--midas-space-small);--midas-spacing-40: var(--midas-space-60);--midas-spacing-50: var(--midas-space-medium);--midas-spacing-60: var(--midas-space-large);--midas-spacing-70: var(--midas-space-xlarge);--midas-spacing-80: var(--midas-space-130);--midas-spacing-90: var(--midas-space-150);--midas-spacing-xsmall: var(--midas-space-xsmall);--midas-spacing-small: var(--midas-space-small);--midas-spacing-medium: var(--midas-space-medium);--midas-spacing-large: var(--midas-space-large);--midas-spacing-xlarge: var(--midas-space-xlarge);--midas-size-control-sm: var(--midas-size-control-md);--midas-state-invalid: inset 0 0 0 2px var(--midas-support-border-warning)}.midas-tanstack-table{border-spacing:0;font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20);width:100%}.midas-tanstack-table th{background-color:var(--midas-layer-accent-01-base);color:var(--midas-text-primary);font-weight:500;padding:var(--midas-space-75) var(--midas-space-medium);text-align:left;position:relative}.midas-tanstack-table td{border-bottom:1px var(--midas-border-color-subtle) solid;color:var(--midas-text-primary);padding:calc(var(--midas-space-75) - 1px) var(--midas-space-medium) var(--midas-space-75)}.midas-tanstack-table tbody tr:nth-child(2n){background-color:var(--midas-layer-01-base)}.midas-tanstack-table tbody tr:active{background-color:var(--midas-layer-01-hover)}@media(hover:hover){.midas-tanstack-table tbody tr:hover{background-color:var(--midas-layer-01-hover)}.midas-tanstack-table tbody tr:nth-child(2n):hover{background-color:var(--midas-layer-01-hover)}}.midas-tanstack-table .sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.midas-tanstack-table .sort-icon-neutral{opacity:0;transition:opacity .2s ease-in-out}.midas-tanstack-table .sortable-header:hover .sort-icon-neutral{opacity:1}.midas-tanstack-table .drag-handle{opacity:0;transition:opacity .2s ease-in-out}.midas-tanstack-table th:hover .drag-handle{opacity:1}
|
|
1
|
+
:root{--midas-base-10:.125rem;--midas-base-15:.188rem;--midas-base-20:.25rem;--midas-base-30:.375rem;--midas-base-40:.5rem;--midas-base-50:.625rem;--midas-base-60:.75rem;--midas-base-70:.875rem;--midas-base-75:.938rem;--midas-base-80:1rem;--midas-base-90:1.25rem;--midas-base-100:1.5rem;--midas-base-110:1.75rem;--midas-base-120:2rem;--midas-base-130:2.5rem;--midas-base-140:2.75rem;--midas-base-150:3rem;--midas-base-00:0rem;--midas-base-05:.063rem;--midas-window-sizes-sm:480px;--midas-window-sizes-md:768px;--midas-window-sizes-lg:1024px;--midas-window-sizes-xl:1280px;--midas-button-background-secondary-base:transparent;--midas-button-icon-active:var(--lightningcss-light,#0003)var(--lightningcss-dark,#fff3);--midas-color-black-base:#000;--midas-color-black-hover:#0d0d0d;--midas-color-black-opacity5:#0000000d;--midas-color-white-base:#fff;--midas-color-white-hover:#e6e6e6;--midas-color-white-opacity13:#ffffff21;--midas-color-gray-10:#f2f2f2;--midas-color-gray-20:#e6e6e6;--midas-color-gray-30:#d9d9d9;--midas-color-gray-40:#ccc;--midas-color-gray-50:#bfbfbf;--midas-color-gray-60:#b3b3b3;--midas-color-gray-70:#a6a6a6;--midas-color-gray-80:#999;--midas-color-gray-90:#8c8c8c;--midas-color-gray-100:gray;--midas-color-gray-110:#737373;--midas-color-gray-120:#666;--midas-color-gray-130:#5d5d5d;--midas-color-gray-140:#525252;--midas-color-gray-150:#474747;--midas-color-gray-160:#383838;--midas-color-gray-170:#333;--midas-color-gray-180:#262626;--midas-color-gray-190:#212121;--midas-color-gray-200:#171717;--midas-color-blue-10:#eaf2f6;--midas-color-blue-20:#d5e5ed;--midas-color-blue-40:#abcbdb;--midas-color-blue-50:#94bcd1;--midas-color-blue-60:#82b0c9;--midas-color-blue-70:#6ca3c0;--midas-color-blue-80:#5897b8;--midas-color-blue-90:#4289ad;--midas-color-blue-100:#2e7ca5;--midas-color-blue-110:#2c7399;--midas-color-blue-120:#29698c;--midas-color-blue-130:#25607f;--midas-color-blue-150:#143c50;--midas-color-purple-80:#b46ab4;--midas-color-purple-110:#954b95;--midas-color-red-100:#b90835;--midas-color-orange-100:oklch(66% .18 45);--midas-color-signal-blue-10:#eaf2f6;--midas-color-signal-blue-20:#d5e5ed;--midas-color-signal-blue-100:#06c;--midas-color-signal-blue-170:#162b33;--midas-color-signal-blue-180:#112127;--midas-color-signal-green-20:#d5f2d9;--midas-color-signal-green-30:#bae5c5;--midas-color-signal-green-100:#008d3c;--midas-color-signal-green-150:#194b33;--midas-color-signal-green-170:#163328;--midas-color-signal-green-180:#112722;--midas-color-signal-yellow-10:#fff8e2;--midas-color-signal-yellow-20:#fff1cd;--midas-color-signal-yellow-30:#ffeab8;--midas-color-signal-yellow-40:#ffe3a3;--midas-color-signal-yellow-50:#ffdc8b;--midas-color-signal-yellow-60:#ffd47b;--midas-color-signal-yellow-70:#fdcd5d;--midas-color-signal-yellow-80:#fbc640;--midas-color-signal-yellow-90:#fabf1b;--midas-color-signal-yellow-100:#fab900;--midas-color-signal-yellow-110:#daa105;--midas-color-signal-yellow-120:#bd8c1e;--midas-color-signal-yellow-130:#a17927;--midas-color-signal-yellow-140:#88672a;--midas-color-signal-yellow-150:#70562b;--midas-color-signal-yellow-160:#5a4629;--midas-color-signal-yellow-170:#453826;--midas-color-signal-yellow-180:#322a20;--midas-color-signal-yellow-190:#201c18;--midas-color-signal-yellow-200:#0f0e0e;--midas-color-signal-red-10:#ffefef;--midas-color-signal-red-20:#ffdfdf;--midas-color-signal-red-30:#fcc8c8;--midas-color-signal-red-40:#f9b0b0;--midas-color-signal-red-50:#f69999;--midas-color-signal-red-60:#f38181;--midas-color-signal-red-70:#ef6a6a;--midas-color-signal-red-80:#ec5252;--midas-color-signal-red-90:#e93b3b;--midas-color-signal-red-100:#e62323;--midas-color-signal-red-110:#d12020;--midas-color-signal-red-120:#bc1d1d;--midas-color-signal-red-130:#a71919;--midas-color-signal-red-140:#921616;--midas-color-signal-red-150:#7d1313;--midas-color-signal-red-160:#691010;--midas-color-signal-red-170:#540d0d;--midas-color-signal-red-180:#3f0a0a;--midas-color-signal-red-190:#2a0606;--midas-color-signal-red-200:#150303;--midas-color-sky-20:#cde6f3;--midas-color-sky-60:#4a95df;--midas-color-sky-180:#101037;--midas-color-mint-20:#d5f2d9;--midas-color-mint-60:#75b47d;--midas-color-mint-180:#07270b;--midas-color-cream-20:#fff5db;--midas-color-cream-60:#ecbe4a;--midas-color-cream-180:#2c2719;--midas-color-teal-20:#cdf2f2;--midas-color-teal-60:#43bcbc;--midas-color-teal-180:#0d2c2c;--midas-color-lagoon-20:#d2daf9;--midas-color-lagoon-60:#7088e0;--midas-color-lagoon-180:#0a1332;--midas-color-lavender-20:#f6d0f9;--midas-color-lavender-60:#b77dbc;--midas-color-lavender-180:#391c3b;--midas-color-peach-20:#ffe6d9;--midas-color-peach-60:#e87031;--midas-color-peach-180:#421d0a;--midas-color-pippin-20:#ffe0e0;--midas-color-pippin-60:#f17575;--midas-color-pippin-180:#431919;--midas-border-width:1px;--midas-calendar-date-background-hover:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a);--midas-overlay-background:#0000004d;--midas-overlay-blur:blur(2px);--midas-card-shadow:0 3px 5px 0 #0000004d;--midas-panel-shadow:-2px 0px 12px -2px #0000001a;--midas-state-focus:0 0 0 2px var(--lightningcss-light,#fff)var(--lightningcss-dark,#000), 0 0 0 4px var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--midas-state-focus-inset:inset 0 0 0 2px var(--lightningcss-light,#000)var(--lightningcss-dark,#fff), inset 0 0 0 4px var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);--midas-state-focus-contrast-mode-outline:2px;--midas-state-focus-contrast-mode-offset:2px;--midas-transition-duration-slow:.4s;--midas-transition-duration-normal:.3s;--midas-transition-duration-fast:.25s;--midas-transition-duration-quick:.15s;--midas-transition-duration-instant:.1s;--midas-transition-timing-ease-out:cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in:cubic-bezier(.42, 0, 1, 1);--midas-transition-timing-ease-in-out:cubic-bezier(.42, 0, .58, 1);--midas-typography-font-family:Inter, sans-serif;--midas-typography-font-size-10:.75rem;--midas-typography-font-size-20:.875rem;--midas-typography-font-size-30:1rem;--midas-typography-font-size-40:1.125rem;--midas-typography-font-size-50:1.25rem;--midas-typography-font-size-60:1.5rem;--midas-typography-font-size-70:1.625rem;--midas-typography-font-size-80:2rem;--midas-typography-font-size-90:2.25rem;--midas-typography-font-size-100:2.625rem;--midas-typography-line-height-10:1rem;--midas-typography-line-height-20:1.125rem;--midas-typography-line-height-30:1.25rem;--midas-typography-line-height-40:1.375rem;--midas-typography-line-height-50:1.5rem;--midas-typography-line-height-60:1.75rem;--midas-typography-line-height-70:2rem;--midas-typography-line-height-80:2.25rem;--midas-typography-line-height-90:2.5rem;--midas-typography-line-height-100:3rem;--midas-typography-weight-thin:100;--midas-typography-weight-extra-light:200;--midas-typography-weight-light:300;--midas-typography-weight-regular:400;--midas-typography-weight-medium:500;--midas-typography-weight-semi-bold:600;--midas-typography-weight-bold:700;--midas-typography-weight-extra-bold:800;--midas-typography-weight-black:900;--midas-z-index-base:1;--midas-z-index-above:10;--midas-z-index-sidebar:500;--midas-z-index-modal:1000;--midas-z-index-toast:1100;--midas-z-index-skip-to-content:1200;--midas-breakpoints-xs:(max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm:(min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md:(min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg:(min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl:(min-width: var(--midas-window-sizes-xl));--midas-button-background-primary-base:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-100));--midas-button-background-primary-hover:var(--lightningcss-light,var(--midas-color-blue-130))var(--lightningcss-dark,var(--midas-color-blue-130));--midas-button-background-primary-active:var(--lightningcss-light,var(--midas-color-blue-100))var(--lightningcss-dark,var(--midas-color-blue-150));--midas-button-background-secondary-hover:var(--lightningcss-light,var(--midas-color-white-hover))var(--lightningcss-dark,var(--midas-color-gray-190));--midas-button-background-secondary-active:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-button-background-tertiary-hover:var(--lightningcss-light,var(--midas-color-black-opacity5))var(--lightningcss-dark,var(--midas-color-white-opacity13));--midas-button-background-tertiary-active:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-button-background-danger-base:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-100));--midas-button-background-danger-hover:var(--lightningcss-light,var(--midas-color-signal-red-120))var(--lightningcss-dark,var(--midas-color-signal-red-120));--midas-button-background-danger-active:var(--lightningcss-light,var(--midas-color-signal-red-150))var(--lightningcss-dark,var(--midas-color-signal-red-150));--midas-button-background-disabled:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-button-border-secondary:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-button-icon-hover:var(--lightningcss-light,var(--midas-color-black-opacity5))var(--lightningcss-dark,var(--midas-color-white-opacity13));--midas-size-10:var(--midas-base-10);--midas-size-15:var(--midas-base-15);--midas-size-20:var(--midas-base-20);--midas-size-30:var(--midas-base-30);--midas-size-40:var(--midas-base-40);--midas-size-50:var(--midas-base-50);--midas-size-60:var(--midas-base-60);--midas-size-70:var(--midas-base-70);--midas-size-75:var(--midas-base-75);--midas-size-80:var(--midas-base-80);--midas-size-90:var(--midas-base-90);--midas-size-100:var(--midas-base-100);--midas-size-110:var(--midas-base-110);--midas-size-120:var(--midas-base-120);--midas-size-130:var(--midas-base-130);--midas-size-140:var(--midas-base-140);--midas-size-150:var(--midas-base-150);--midas-size-00:var(--midas-base-00);--midas-size-05:var(--midas-base-05);--midas-size-icon:var(--midas-base-90);--midas-size-icon-sm:var(--midas-base-80);--midas-size-option:var(--midas-base-120);--midas-size-control-md:var(--midas-base-130);--midas-size-control:var(--midas-base-150);--midas-background-base:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-200));--midas-background-hover:var(--lightningcss-light,var(--midas-color-white-hover))var(--lightningcss-dark,var(--midas-color-gray-190));--midas-background-inverse:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-layer-01-base:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-layer-01-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-170));--midas-layer-01-selected:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-layer-01-selected-hover:var(--lightningcss-light,var(--midas-color-gray-40))var(--lightningcss-dark,var(--midas-color-gray-150));--midas-layer-02-base:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-layer-02-hover:var(--lightningcss-light,var(--midas-color-white-hover))var(--lightningcss-dark,var(--midas-color-gray-150));--midas-layer-02-selected:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-layer-02-selected-hover:var(--lightningcss-light,var(--midas-color-gray-40))var(--lightningcss-dark,var(--midas-color-gray-130));--midas-layer-accent-01-base:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-layer-accent-01-hover:var(--lightningcss-light,var(--midas-color-gray-40))var(--lightningcss-dark,var(--midas-color-gray-150));--midas-layer-accent-01-selected:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-layer-accent-02-base:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-layer-accent-02-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-170));--midas-layer-accent-02-selected:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-brand-primary:var(--lightningcss-light,var(--midas-color-red-100))var(--lightningcss-dark,var(--midas-color-red-100));--midas-border-color-primary:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-border-color-secondary:var(--lightningcss-light,var(--midas-color-gray-110))var(--lightningcss-dark,var(--midas-color-gray-90));--midas-border-color-subtle:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-border-color-tertiary:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-100));--midas-border-color-disabled:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-field-01-base:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-field-01-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-170));--midas-field-01-active:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-field-02-base:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-field-02-hover:var(--lightningcss-light,var(--midas-color-white-hover))var(--lightningcss-dark,var(--midas-color-gray-150));--midas-field-02-active:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-field-disabled:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-skeleton-01:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-skeleton-02:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-icon-primary:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-icon-secondary:var(--lightningcss-light,var(--midas-color-gray-140))var(--lightningcss-dark,var(--midas-color-gray-70));--midas-icon-tertiary:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-icon-inverse:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-200));--midas-icon-on-color:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-white-base));--midas-icon-disabled:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-icon-success:var(--lightningcss-light,var(--midas-color-signal-green-100))var(--lightningcss-dark,var(--midas-color-signal-green-100));--midas-icon-info:var(--lightningcss-light,var(--midas-color-signal-blue-100))var(--lightningcss-dark,var(--midas-color-signal-blue-100));--midas-icon-warning:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-100));--midas-icon-important:var(--midas-color-orange-100);--midas-icon-read-only:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-link-enabled:var(--lightningcss-light,var(--midas-color-blue-120))var(--lightningcss-dark,var(--midas-color-blue-70));--midas-link-hover:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-50));--midas-link-pressed:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-blue-40));--midas-link-visited:var(--lightningcss-light,var(--midas-color-purple-110))var(--lightningcss-dark,var(--midas-color-purple-80));--midas-support-border-success:var(--lightningcss-light,var(--midas-color-signal-green-100))var(--lightningcss-dark,var(--midas-color-signal-green-100));--midas-support-border-info:var(--lightningcss-light,var(--midas-color-signal-blue-100))var(--lightningcss-dark,var(--midas-color-signal-blue-100));--midas-support-border-important:var(--midas-color-orange-100);--midas-support-border-warning:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-100));--midas-support-background-success:var(--lightningcss-light,var(--midas-color-signal-green-20))var(--lightningcss-dark,var(--midas-color-signal-green-180));--midas-support-background-success-hover:var(--lightningcss-light,var(--midas-color-signal-green-30))var(--lightningcss-dark,var(--midas-color-signal-green-170));--midas-support-background-info:var(--lightningcss-light,var(--midas-color-signal-blue-10))var(--lightningcss-dark,var(--midas-color-signal-blue-180));--midas-support-background-info-hover:var(--lightningcss-light,var(--midas-color-signal-blue-20))var(--lightningcss-dark,var(--midas-color-signal-blue-170));--midas-support-background-important:var(--lightningcss-light,var(--midas-color-signal-yellow-10))var(--lightningcss-dark,var(--midas-color-signal-yellow-180));--midas-support-background-important-hover:var(--lightningcss-light,var(--midas-color-signal-yellow-20))var(--lightningcss-dark,var(--midas-color-signal-yellow-170));--midas-support-background-warning:var(--lightningcss-light,var(--midas-color-signal-red-20))var(--lightningcss-dark,var(--midas-color-signal-red-180));--midas-support-background-warning-hover:var(--lightningcss-light,var(--midas-color-signal-red-30))var(--lightningcss-dark,var(--midas-color-signal-red-170));--midas-tag-sky-background:var(--lightningcss-light,var(--midas-color-sky-20))var(--lightningcss-dark,var(--midas-color-sky-180));--midas-tag-sky-border-color:var(--midas-color-sky-60);--midas-tag-blue-background:var(--lightningcss-light,var(--midas-color-sky-20))var(--lightningcss-dark,var(--midas-color-sky-180));--midas-tag-blue-border-color:var(--midas-color-sky-60);--midas-tag-mint-background:var(--lightningcss-light,var(--midas-color-mint-20))var(--lightningcss-dark,var(--midas-color-mint-180));--midas-tag-mint-border-color:var(--midas-color-mint-60);--midas-tag-green-background:var(--lightningcss-light,var(--midas-color-mint-20))var(--lightningcss-dark,var(--midas-color-mint-180));--midas-tag-green-border-color:var(--midas-color-mint-60);--midas-tag-cream-background:var(--lightningcss-light,var(--midas-color-cream-20))var(--lightningcss-dark,var(--midas-color-cream-180));--midas-tag-cream-border-color:var(--midas-color-cream-60);--midas-tag-yellow-background:var(--lightningcss-light,var(--midas-color-cream-20))var(--lightningcss-dark,var(--midas-color-cream-180));--midas-tag-yellow-border-color:var(--midas-color-cream-60);--midas-tag-teal-background:var(--lightningcss-light,var(--midas-color-teal-20))var(--lightningcss-dark,var(--midas-color-teal-180));--midas-tag-teal-border-color:var(--midas-color-teal-60);--midas-tag-lagoon-background:var(--lightningcss-light,var(--midas-color-lagoon-20))var(--lightningcss-dark,var(--midas-color-lagoon-180));--midas-tag-lagoon-border-color:var(--midas-color-lagoon-60);--midas-tag-lagoonblue-background:var(--lightningcss-light,var(--midas-color-lagoon-20))var(--lightningcss-dark,var(--midas-color-lagoon-180));--midas-tag-lagoonblue-border-color:var(--midas-color-lagoon-60);--midas-tag-lavender-background:var(--lightningcss-light,var(--midas-color-lavender-20))var(--lightningcss-dark,var(--midas-color-lavender-180));--midas-tag-lavender-border-color:var(--midas-color-lavender-60);--midas-tag-purple-background:var(--lightningcss-light,var(--midas-color-lavender-20))var(--lightningcss-dark,var(--midas-color-lavender-180));--midas-tag-purple-border-color:var(--midas-color-lavender-60);--midas-tag-peach-background:var(--lightningcss-light,var(--midas-color-peach-20))var(--lightningcss-dark,var(--midas-color-peach-180));--midas-tag-peach-border-color:var(--midas-color-peach-60);--midas-tag-orange-background:var(--lightningcss-light,var(--midas-color-peach-20))var(--lightningcss-dark,var(--midas-color-peach-180));--midas-tag-orange-border-color:var(--midas-color-peach-60);--midas-tag-pippin-background:var(--lightningcss-light,var(--midas-color-pippin-20))var(--lightningcss-dark,var(--midas-color-pippin-180));--midas-tag-pippin-border-color:var(--midas-color-pippin-60);--midas-tag-red-background:var(--lightningcss-light,var(--midas-color-pippin-20))var(--lightningcss-dark,var(--midas-color-pippin-180));--midas-tag-red-border-color:var(--midas-color-pippin-60);--midas-text-primary:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-text-secondary:var(--lightningcss-light,var(--midas-color-gray-140))var(--lightningcss-dark,var(--midas-color-gray-70));--midas-text-tertiary:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-text-on-color:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-white-base));--midas-text-inverse:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-200));--midas-text-disabled:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-text-warning:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-80));--midas-text-placeholder:var(--lightningcss-light,var(--midas-color-gray-70))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-text-read-only:var(--lightningcss-light,var(--midas-color-gray-110))var(--lightningcss-dark,var(--midas-color-gray-80));--midas-badge-background:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-100));--midas-calendar-date-background-selected:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-80));--midas-calendar-date-background-start-range:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-80));--midas-calendar-date-background-in-range:var(--lightningcss-light,var(--midas-color-blue-20))var(--lightningcss-dark,var(--midas-color-blue-150));--midas-calendar-date-background-end-range:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-80));--midas-logo-primary:var(--lightningcss-light,var(--midas-color-red-100))var(--lightningcss-dark,var(--midas-color-white-base));--midas-menu-item-background-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-190));--midas-menu-item-background-selected:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-menu-text-section-header:var(--lightningcss-light,var(--midas-color-gray-140))var(--lightningcss-dark,var(--midas-color-gray-70));--midas-card-background-base:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-space-10:var(--midas-base-10);--midas-space-30:var(--midas-base-30);--midas-space-50:var(--midas-base-50);--midas-space-60:var(--midas-base-60);--midas-space-70:var(--midas-base-70);--midas-space-75:var(--midas-base-75);--midas-space-90:var(--midas-base-90);--midas-space-130:var(--midas-base-130);--midas-space-150:var(--midas-base-150);--midas-space-xsmall:var(--midas-base-20);--midas-space-small:var(--midas-base-40);--midas-space-medium:var(--midas-base-80);--midas-space-large:var(--midas-base-100);--midas-space-xlarge:var(--midas-base-120);--midas-space-05:var(--midas-base-05);--midas-transition-panel-collapse:var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-out) 0s;--midas-transition-panel-expand:var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in) 0s;--midas-typography-body:var(--midas-typography-weight-regular) var(--midas-typography-font-size-30)/var(--midas-typography-line-height-30) var(--midas-typography-font-family);--midas-typography-body-small:var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description:var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description-small:var(--midas-typography-weight-regular) var(--midas-typography-font-size-10)/var(--midas-typography-line-height-10) var(--midas-typography-font-family);--midas-spacing-10:var(--midas-space-10);--midas-spacing-20:var(--midas-space-xsmall);--midas-spacing-30:var(--midas-space-small);--midas-spacing-40:var(--midas-space-60);--midas-spacing-50:var(--midas-space-medium);--midas-spacing-60:var(--midas-space-large);--midas-spacing-70:var(--midas-space-xlarge);--midas-spacing-80:var(--midas-space-130);--midas-spacing-90:var(--midas-space-150);--midas-spacing-xsmall:var(--midas-space-xsmall);--midas-spacing-small:var(--midas-space-small);--midas-spacing-medium:var(--midas-space-medium);--midas-spacing-large:var(--midas-space-large);--midas-spacing-xlarge:var(--midas-space-xlarge);--midas-size-control-sm:var(--midas-size-control-md);--midas-state-invalid:inset 0 0 0 2px var(--midas-support-border-warning)}.midas-tanstack-table{border-spacing:0;font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20);width:100%}.midas-tanstack-table th{background-color:var(--midas-layer-accent-01-base);color:var(--midas-text-primary);padding:var(--midas-space-75) var(--midas-space-medium);text-align:left;font-weight:500;position:relative}.midas-tanstack-table td{border-bottom:1px var(--midas-border-color-subtle) solid;color:var(--midas-text-primary);padding:calc(var(--midas-space-75) - 1px) var(--midas-space-medium) var(--midas-space-75)}.midas-tanstack-table tbody tr:nth-child(2n){background-color:var(--midas-layer-01-base)}.midas-tanstack-table tbody tr:active{background-color:var(--midas-layer-01-hover)}@media (hover:hover){.midas-tanstack-table tbody tr:hover,.midas-tanstack-table tbody tr:nth-child(2n):hover{background-color:var(--midas-layer-01-hover)}}.midas-tanstack-table .sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.midas-tanstack-table .sort-icon-neutral{opacity:0;transition:opacity .2s ease-in-out}.midas-tanstack-table .sortable-header:hover .sort-icon-neutral{opacity:1}.midas-tanstack-table .drag-handle{opacity:0;transition:opacity .2s ease-in-out}.midas-tanstack-table th:hover .drag-handle{opacity:1}
|