@midas-ds/components 17.0.1 → 17.0.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 CHANGED
@@ -1,3 +1,9 @@
1
+ ## 17.0.2 (2026-02-17)
2
+
3
+ ### 🩹 Fixes
4
+
5
+ - **components, textfield:** add hover color to password button ([3f2f21971a](https://github.com/migrationsverket/midas/commit/3f2f21971a))
6
+
1
7
  ## 17.0.1 (2026-02-16)
2
8
 
3
9
  ### 🩹 Fixes
@@ -1 +1 @@
1
- ._textField_bb2z2_1{display:grid;grid-auto-columns:1fr;grid-auto-rows:1fr 1fr;grid-template-columns:1fr auto;grid-template-rows:min-content min-content min-content min-content;grid-template-areas:"Label Count" "Desc Count" "Error Count" "Input Input" "BottomError BottomError";width:100%;align-content:flex-end}._textField_bb2z2_1>[slot=description]{grid-area:Desc}._textField_bb2z2_1>._bottomError_bb2z2_20{grid-area:BottomError}._textField_bb2z2_1[data-disabled]{color:var(--midas-text-disabled)}._textField_bb2z2_1[data-readonly] ._textArea_bb2z2_29,._textField_bb2z2_1[data-readonly] ._input_bb2z2_30{background-color:transparent;border-color:var(--midas-border-color-subtle)}._textArea_bb2z2_29{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);display:flex;grid-area:Input;border-bottom:1px solid var(--midas-border-color-primary);align-items:center;justify-content:center;font-size:1rem;padding:1rem 1rem 1.25rem;background-color:var(--midas-field-01-base);box-sizing:border-box;word-wrap:break-word;width:100%;resize:both;overflow:auto}@media(forced-colors:active){._textArea_bb2z2_29{outline:3px solid;outline-offset:2px}}._textArea_bb2z2_29[data-hovered]{background-color:var(--midas-field-01-hover)}._textArea_bb2z2_29[data-focused],._textArea_bb2z2_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._textArea_bb2z2_29[data-focused],._textArea_bb2z2_29[data-focus-visible]{border:1px solid}}._textArea_bb2z2_29[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}._textArea_bb2z2_29[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled);border:none;border-bottom:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._wrap_bb2z2_87{position:relative;grid-area:Input}._medium_bb2z2_92 ._input_bb2z2_30{min-height:var(--midas-size-130)}._input_bb2z2_30{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);grid-area:Input;border-bottom:1px solid var(--midas-border-color-primary);font-size:1rem;padding:0 1rem;line-height:1;background-color:var(--midas-field-01-base);border-radius:0;box-sizing:border-box;width:100%;min-height:var(--midas-size-150)}@media(forced-colors:active){._input_bb2z2_30{border:1px solid}}._input_bb2z2_30[data-hovered]{background-color:var(--midas-field-01-hover)}._input_bb2z2_30[data-hovered]+._passwordText_bb2z2_120{background-color:var(--midas-field-01-hover)}._input_bb2z2_30[data-focused]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._input_bb2z2_30[data-focused]{outline:3px solid highlight;outline-offset:2px}}._input_bb2z2_30[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._input_bb2z2_30[data-invalid]{border:1px solid}}._input_bb2z2_30[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled);border:none;border-bottom:1px solid var(--midas-border-color-disabled)}@media(forced-colors:active){._input_bb2z2_30[data-disabled]{border:1px solid}}._passwordText_bb2z2_120{background-color:var(--midas-field-01-base);position:absolute;display:flex;align-items:center;top:3px;z-index:var(--midas-z-index-base);left:1rem;height:calc(100% - 6px);width:calc(100% - 2rem)}._passwordButton_bb2z2_167{background:transparent!important;border-color:transparent!important;position:absolute;width:max-content;right:0;top:0;box-sizing:border-box;cursor:pointer;z-index:calc(var(--midas-z-index-base) + var(--midas-z-index-above))}
1
+ ._textField_1rn6i_1{display:grid;grid-auto-columns:1fr;grid-auto-rows:1fr 1fr;grid-template-columns:1fr auto;grid-template-rows:min-content min-content min-content min-content;grid-template-areas:"Label Count" "Desc Count" "Error Count" "Input Input" "BottomError BottomError";width:100%;align-content:flex-end}._textField_1rn6i_1>[slot=description]{grid-area:Desc}._textField_1rn6i_1>._bottomError_1rn6i_20{grid-area:BottomError}._textField_1rn6i_1[data-disabled]{color:var(--midas-text-disabled)}._textField_1rn6i_1[data-readonly] ._textArea_1rn6i_29,._textField_1rn6i_1[data-readonly] ._input_1rn6i_30{background-color:transparent;border-color:var(--midas-border-color-subtle)}._textArea_1rn6i_29{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);display:flex;grid-area:Input;border-bottom:1px solid var(--midas-border-color-primary);align-items:center;justify-content:center;font-size:1rem;padding:1rem 1rem 1.25rem;background-color:var(--midas-field-01-base);box-sizing:border-box;word-wrap:break-word;width:100%;resize:both;overflow:auto}@media(forced-colors:active){._textArea_1rn6i_29{outline:3px solid;outline-offset:2px}}._textArea_1rn6i_29[data-hovered]{background-color:var(--midas-field-01-hover)}._textArea_1rn6i_29[data-focused],._textArea_1rn6i_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._textArea_1rn6i_29[data-focused],._textArea_1rn6i_29[data-focus-visible]{border:1px solid}}._textArea_1rn6i_29[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}._textArea_1rn6i_29[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled);border:none;border-bottom:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._wrap_1rn6i_87{position:relative;grid-area:Input}._medium_1rn6i_92 ._input_1rn6i_30{min-height:var(--midas-size-130)}._input_1rn6i_30{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);grid-area:Input;border-bottom:1px solid var(--midas-border-color-primary);font-size:1rem;padding:0 1rem;line-height:1;background-color:var(--midas-field-01-base);border-radius:0;box-sizing:border-box;width:100%;min-height:var(--midas-size-150)}@media(forced-colors:active){._input_1rn6i_30{border:1px solid}}._input_1rn6i_30[data-hovered]{background-color:var(--midas-field-01-hover)}._input_1rn6i_30[data-hovered]+._passwordText_1rn6i_120{background-color:var(--midas-field-01-hover)}._input_1rn6i_30[data-focused]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._input_1rn6i_30[data-focused]{outline:3px solid highlight;outline-offset:2px}}._input_1rn6i_30[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._input_1rn6i_30[data-invalid]{border:1px solid}}._input_1rn6i_30[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled);border:none;border-bottom:1px solid var(--midas-border-color-disabled)}@media(forced-colors:active){._input_1rn6i_30[data-disabled]{border:1px solid}}._passwordText_1rn6i_120{background-color:var(--midas-field-01-base);position:absolute;display:flex;align-items:center;top:3px;z-index:var(--midas-z-index-base);left:1rem;height:calc(100% - 6px);width:calc(100% - 2rem)}._passwordButton_1rn6i_167{position:absolute;right:0;z-index:calc(var(--midas-z-index-base) + var(--midas-z-index-above))}._passwordButton_1rn6i_167[data-pressed]{background-color:transparent!important}
@@ -1,6 +1,6 @@
1
1
  'use client';
2
2
  import { jsxs as u, jsx as t } from "react/jsx-runtime";
3
- import { s as C } from "./TextField.module-B3n8v1vH.js";
3
+ import { s as C } from "./TextField.module-DiiP1jjo.js";
4
4
  import { B as F } from "./Button-CaLOUTDO.js";
5
5
  import { C as N } from "./ClearButton-DPm_d7SL.js";
6
6
  import { c as l } from "./clsx-AexbMWKp.js";
@@ -3,7 +3,7 @@ import { jsxs as c, jsx as s, Fragment as P } from "react/jsx-runtime";
3
3
  import { forwardRef as l, useState as C } from "react";
4
4
  import { useContextProps as p, TextFieldContext as b, TextField as g, InputContext as f, Input as I, TextArea as v } from "react-aria-components";
5
5
  import { a as A, c as h } from "./clsx-AexbMWKp.js";
6
- import { s as d } from "./TextField.module-B3n8v1vH.js";
6
+ import { s as d } from "./TextField.module-DiiP1jjo.js";
7
7
  import { T as w } from "./Text-BuXvuoqM.js";
8
8
  import { B } from "./Button-CaLOUTDO.js";
9
9
  import { u as L } from "./useLocalizedStringFormatter-BHvsRxDk.js";
@@ -0,0 +1,13 @@
1
+ import '../assets/TextField.css';const t = "_textField_1rn6i_1", r = "_bottomError_1rn6i_20", o = "_textArea_1rn6i_29", s = "_input_1rn6i_30", _ = "_wrap_1rn6i_87", n = "_medium_1rn6i_92", e = "_passwordText_1rn6i_120", i = "_passwordButton_1rn6i_167", a = {
2
+ textField: t,
3
+ bottomError: r,
4
+ textArea: o,
5
+ input: s,
6
+ wrap: _,
7
+ medium: n,
8
+ passwordText: e,
9
+ passwordButton: i
10
+ };
11
+ export {
12
+ a as s
13
+ };
package/index.js CHANGED
@@ -29,7 +29,7 @@ import { M as So } from "./chunks/Dialog-BHxDzbf8.js";
29
29
  import { P as Io } from "./chunks/Popover-BcEtFiU1.js";
30
30
  import { P as Go } from "./chunks/ProgressBar-Dg0JMQ71.js";
31
31
  import { R as ko, a as vo } from "./chunks/Radio-CAIyBgBp.js";
32
- import { S as Mo } from "./chunks/SearchField-aUMEFhOO.js";
32
+ import { S as Mo } from "./chunks/SearchField-zJUxVnR1.js";
33
33
  import { S as ho } from "./chunks/Select-CzmgPK8V.js";
34
34
  import { S as No } from "./chunks/Skeleton-DqIHQLQl.js";
35
35
  import { S as yo } from "./chunks/Spinner-CfKMn18u.js";
@@ -37,7 +37,7 @@ import { C as zo, a as Oo, R as Qo, T as Vo, b as Zo, c as jo } from "./chunks/T
37
37
  import { T as Jo, a as Ko, b as Uo, c as Wo } from "./chunks/TabList-BaR443mu.js";
38
38
  import { T as Yo, a as _o } from "./chunks/Tag-C7VZ0T0o.js";
39
39
  import { T as oa } from "./chunks/Text-BuXvuoqM.js";
40
- import { I as ra, T as ea, a as ta, b as sa } from "./chunks/TextArea-B3Z4fA1e.js";
40
+ import { I as ra, T as ea, a as ta, b as sa } from "./chunks/TextArea-BAMrTLDJ.js";
41
41
  import { G as xa, T as ma, a as ia, b as fa, t as na } from "./chunks/Toast-UPM-1ipu.js";
42
42
  import { T as Ta, a as ca } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
43
43
  import { T as ua, a as ga } from "./chunks/Tooltip-rDmOkGmX.js";
@@ -49,7 +49,7 @@ import { c as Na } from "./chunks/clsx-AexbMWKp.js";
49
49
  import { DialogTrigger as ya, MenuTrigger as Ea, RouterProvider as za } from "react-aria-components";
50
50
  import { u as Qa } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
51
51
  import { useToastState as Za } from "react-stately";
52
- const o = "17.0.1", a = {
52
+ const o = "17.0.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.0.1",
17
+ "version": "17.0.2",
18
18
  "module": "./index.js",
19
19
  "type": "module",
20
20
  "main": "./index.js",
@@ -1,4 +1,4 @@
1
- import { S as a } from "../chunks/SearchField-aUMEFhOO.js";
1
+ import { S as a } from "../chunks/SearchField-zJUxVnR1.js";
2
2
  export {
3
3
  a as SearchField
4
4
  };
@@ -1,4 +1,4 @@
1
- import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-B3Z4fA1e.js";
1
+ import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-BAMrTLDJ.js";
2
2
  export {
3
3
  s as Input,
4
4
  t as TextArea,
@@ -1,13 +0,0 @@
1
- import '../assets/TextField.css';const t = "_textField_bb2z2_1", o = "_bottomError_bb2z2_20", s = "_textArea_bb2z2_29", _ = "_input_bb2z2_30", r = "_wrap_bb2z2_87", e = "_medium_bb2z2_92", b = "_passwordText_bb2z2_120", n = "_passwordButton_bb2z2_167", a = {
2
- textField: t,
3
- bottomError: o,
4
- textArea: s,
5
- input: _,
6
- wrap: r,
7
- medium: e,
8
- passwordText: b,
9
- passwordButton: n
10
- };
11
- export {
12
- a as s
13
- };