@midas-ds/components 17.20.0 → 17.21.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 +12 -0
- package/assets/select.css +1 -1
- package/chunks/{select-DneAUko_.js → select-7z-x3crV.js} +15 -15
- package/index.js +2 -2
- package/package.json +1 -1
- package/select/index.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
## 17.21.1 (2026-08-18)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **components,select:** prevent popover from covering trigger's bottom border ([99c49d61f3e](https://github.com/migrationsverket/midas/commit/99c49d61f3e))
|
|
6
|
+
|
|
7
|
+
## 17.21.0 (2026-08-18)
|
|
8
|
+
|
|
9
|
+
### 🚀 Features
|
|
10
|
+
|
|
11
|
+
- **components, select:** add pressed state for trigger ([273c9f27673](https://github.com/migrationsverket/midas/commit/273c9f27673))
|
|
12
|
+
|
|
1
13
|
## 17.20.0 (2026-08-14)
|
|
2
14
|
|
|
3
15
|
### 🚀 Features
|
package/assets/select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._select_1vl9w_1{flex-direction:column;align-self:stretch;display:flex}._triggerContainer_1vl9w_7{flex-direction:column;display:flex;position:relative}._trigger_1vl9w_7{background-color:var(--midas-field-01-base);border:none;border-bottom:1px solid var(--midas-border-color-primary);color:var(--midas-text-primary);font-size:var(--midas-typography-font-size-30);align-items:center;gap:var(--midas-space-xsmall);min-height:var(--midas-size-control);padding-left:var(--midas-space-medium);padding-right:var(--midas-space-medium);transition:all var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-in);border-radius:0;justify-content:space-between;display:flex}._trigger_1vl9w_7._medium_1vl9w_30{min-height:var(--midas-size-control-md)}._trigger_1vl9w_7:focus-visible{box-shadow:var(--midas-state-focus);transition:all var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-out);outline:none}@media (forced-colors:active){._trigger_1vl9w_7:focus-visible{outline-offset:2px;outline:3px solid highlight}}._trigger_1vl9w_7[data-hovered]{background-color:var(--midas-field-01-hover);cursor:pointer}._trigger_1vl9w_7[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_1vl9w_7[data-invalid]:not(:focus-visible){box-shadow:var(--midas-state-invalid);border:none}@media (forced-colors:active){._trigger_1vl9w_7[data-invalid]:not(:focus-visible){border:5px solid highlight!important}}._trigger_1vl9w_7[data-pressed]{background-color:var(--midas-field-01-active)}._trigger_1vl9w_7[aria-expanded=true] ._icon_1vl9w_72{transform:rotate(180deg)}._selectValue_1vl9w_78{color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);max-width:calc(100% - var(--midas-space-150))}._selectValue_1vl9w_78 ._placeholder_1vl9w_84{display:flex}._selectValue_1vl9w_78[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._multiSelectValue_1vl9w_94{pointer-events:none;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);max-width:calc(100% - var(--midas-space-150));position:absolute;top:50%;transform:translateY(-50%)}._multiSelectValue_1vl9w_94 ._placeholder_1vl9w_84{left:var(--midas-space-medium);justify-content:center;align-items:center;display:flex;position:relative}._multiSelectValue_1vl9w_94[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectValueTag_1vl9w_118{background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);left:var(--midas-space-small);pointer-events:all;border-radius:1.25rem;justify-content:center;align-items:center;min-height:1.75rem;padding:0 .5rem;font-size:.875rem;display:flex;position:relative}._selectValueTag_1vl9w_118:has(._clearButton_1vl9w_132){padding-right:0}._selectValueTag_1vl9w_118[data-disabled]{background-color:var(--midas-field-disabled);border:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled);pointer-events:none}._truncate_1vl9w_144{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._clearButton_1vl9w_132{background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);margin-left:var(--midas-space-10);padding:var(--midas-space-30);border:none;border-radius:100%;display:flex}._clearButton_1vl9w_132[data-hovered]{background-color:var(--midas-button-background-primary-hover);cursor:pointer}._clearButton_1vl9w_132[data-disabled]{background-color:var(--midas-button-background-disabled);color:var(--midas-text-disabled);pointer-events:none}._clearButton_1vl9w_132:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._clearButton_1vl9w_132:focus-visible{outline-offset:2px;outline:3px solid highlight}}._popover_1vl9w_181{font-size:var(--midas-typography-font-size-30);padding:0}._popover_1vl9w_181 :focus{outline:none}._popover_1vl9w_181[data-trigger=Select]{min-width:var(--trigger-width);opacity:1;transition:opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._popover_1vl9w_181[data-trigger=Select][data-entering]{opacity:0}._popover_1vl9w_181[data-trigger=Select][data-exiting]{opacity:0;transition-timing-function:var(--midas-transition-timing-ease-in)}._popover_1vl9w_181 ._selectAll_1vl9w_209{box-sizing:border-box;background-color:var(--midas-layer-01-base);width:100%;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);padding:var(--midas-space-medium);line-height:1;display:flex;margin-bottom:2px!important}._popover_1vl9w_181 ._selectAll_1vl9w_209[data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer}._popover_1vl9w_181 ._selectAll_1vl9w_209[data-hovered]:not([data-disabled]) div{border-color:var(--midas-text-primary)}._popover_1vl9w_181 ._selectAll_1vl9w_209[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._popover_1vl9w_181 ._selectAll_1vl9w_209[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._popover_1vl9w_181 ._selectAll_1vl9w_209[data-selected][data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover)}._popover_1vl9w_181 ._selectAll_1vl9w_209[data-selected][data-hovered]:not([data-disabled]) div{border-color:#0000}._popover_1vl9w_181 ._selectAll_1vl9w_209[data-focused]{box-shadow:none;outline:none}@media (forced-colors:active){._popover_1vl9w_181 ._selectAll_1vl9w_209[data-focused]{outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1);outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important}}._popover_1vl9w_181 ._selectAll_1vl9w_209[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._popover_1vl9w_181 ._selectAll_1vl9w_209[data-hovered] div{border-color:var(--midas-button-background-primary-hover)}._icon_1vl9w_72{transition:transform var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in-out);display:flex}._tagGroup_1vl9w_275{margin-top:var(--midas-space-small)}@media (prefers-reduced-motion){._trigger_1vl9w_7,._popover_1vl9w_181[data-trigger=Select],._icon_1vl9w_72{transition:none}}
|
|
@@ -27,20 +27,20 @@ import '../assets/select.css';var E = {
|
|
|
27
27
|
selected: "valda"
|
|
28
28
|
}
|
|
29
29
|
}, D = {
|
|
30
|
-
select: "
|
|
31
|
-
triggerContainer: "
|
|
32
|
-
trigger: "
|
|
33
|
-
medium: "
|
|
34
|
-
icon: "
|
|
35
|
-
selectValue: "
|
|
36
|
-
placeholder: "
|
|
37
|
-
multiSelectValue: "
|
|
38
|
-
selectValueTag: "
|
|
39
|
-
clearButton: "
|
|
40
|
-
truncate: "
|
|
41
|
-
popover: "
|
|
42
|
-
selectAll: "
|
|
43
|
-
tagGroup: "
|
|
30
|
+
select: "_select_1vl9w_1",
|
|
31
|
+
triggerContainer: "_triggerContainer_1vl9w_7",
|
|
32
|
+
trigger: "_trigger_1vl9w_7",
|
|
33
|
+
medium: "_medium_1vl9w_30",
|
|
34
|
+
icon: "_icon_1vl9w_72",
|
|
35
|
+
selectValue: "_selectValue_1vl9w_78",
|
|
36
|
+
placeholder: "_placeholder_1vl9w_84",
|
|
37
|
+
multiSelectValue: "_multiSelectValue_1vl9w_94",
|
|
38
|
+
selectValueTag: "_selectValueTag_1vl9w_118",
|
|
39
|
+
clearButton: "_clearButton_1vl9w_132",
|
|
40
|
+
truncate: "_truncate_1vl9w_144",
|
|
41
|
+
popover: "_popover_1vl9w_181",
|
|
42
|
+
selectAll: "_selectAll_1vl9w_209",
|
|
43
|
+
tagGroup: "_tagGroup_1vl9w_275"
|
|
44
44
|
}, O = () => {
|
|
45
45
|
let e = h.useContext(y), t = a(E);
|
|
46
46
|
return /* @__PURE__ */ S(r, {
|
|
@@ -152,7 +152,7 @@ function N({ children: e, description: n, errorMessage: r, errorPosition: i = "t
|
|
|
152
152
|
}),
|
|
153
153
|
i === "bottom" && /* @__PURE__ */ S(s, { children: r }),
|
|
154
154
|
/* @__PURE__ */ C(u, {
|
|
155
|
-
offset:
|
|
155
|
+
offset: 1,
|
|
156
156
|
hideArrow: !0,
|
|
157
157
|
...m,
|
|
158
158
|
className: t(m?.className, D.popover),
|
package/index.js
CHANGED
|
@@ -38,7 +38,7 @@ import { n as Ee, t as De } from "./chunks/tooltip-BE_r_CBm.js";
|
|
|
38
38
|
import { n as Oe, t as ke } from "./chunks/logo-D7tz-4hp.js";
|
|
39
39
|
import { t as Ae } from "./chunks/progress-bar-5H5WvG7R.js";
|
|
40
40
|
import { n as je, t as Me } from "./chunks/radio-CsAvwCn2.js";
|
|
41
|
-
import { t as Ne } from "./chunks/select-
|
|
41
|
+
import { t as Ne } from "./chunks/select-7z-x3crV.js";
|
|
42
42
|
import { n as Pe, r as Fe, t as Ie } from "./chunks/tag-CELJrUEQ.js";
|
|
43
43
|
import { t as Le } from "./chunks/skeleton-OqKFBcmO.js";
|
|
44
44
|
import { i as Re, n as ze, r as Be, t as Ve } from "./chunks/tabs-eshGdQJJ.js";
|
|
@@ -59,7 +59,7 @@ var $e = {
|
|
|
59
59
|
description: "Midas Components",
|
|
60
60
|
homepage: "https://designsystem.migrationsverket.se/",
|
|
61
61
|
license: "CC0-1.0",
|
|
62
|
-
version: "17.
|
|
62
|
+
version: "17.21.1",
|
|
63
63
|
module: "./index.js",
|
|
64
64
|
type: "module",
|
|
65
65
|
main: "./index.js",
|
package/package.json
CHANGED
package/select/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/select-
|
|
1
|
+
import { t as e } from "../chunks/select-7z-x3crV.js";
|
|
2
2
|
export { e as Select };
|