@midas-ds/components 17.28.1 → 17.28.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 +14 -0
- package/assets/TextField.css +1 -1
- package/chunks/TextField.module-BLGiCC4q.js +12 -0
- package/chunks/{search-field-BvfOHvUI.js → search-field-GNTRFpzf.js} +1 -1
- package/chunks/{textfield-CXqzzOtw.js → textfield-BSvCsAyC.js} +1 -1
- package/date-field/DateField.stories.d.ts +1 -0
- package/date-picker/DatePicker.stories.d.ts +1 -0
- package/index.js +3 -3
- package/package.json +1 -1
- package/search-field/index.js +1 -1
- package/textfield/TextArea.stories.d.ts +1 -0
- package/textfield/TextField.stories.d.ts +1 -0
- package/textfield/index.js +1 -1
- package/time-field/TimeField.stories.d.ts +1 -0
- package/chunks/TextField.module-D_tUnemB.js +0 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## 17.28.2 (2026-10-08)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **components,text-field:** dim text color for isDisabled ([fd2792d0090](https://github.com/migrationsverket/midas/commit/fd2792d0090))
|
|
6
|
+
|
|
7
|
+
### 📖 Documentation changes
|
|
8
|
+
|
|
9
|
+
- **components,date-field,date-picker,text-area,time-field:** add stories ([8bf62618e81](https://github.com/migrationsverket/midas/commit/8bf62618e81))
|
|
10
|
+
|
|
11
|
+
### 🧪 Tests updated
|
|
12
|
+
|
|
13
|
+
- update visual regression screenshots ([11cc3df68e6](https://github.com/migrationsverket/midas/commit/11cc3df68e6))
|
|
14
|
+
|
|
1
15
|
## 17.28.1 (2026-10-08)
|
|
2
16
|
|
|
3
17
|
### 🩹 Fixes
|
package/assets/TextField.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._textField_1ddv0_1{grid-template:"Label Count"min-content"Desc Count"min-content"Error Count"min-content"Input Input"min-content"BottomError BottomError"/1fr auto;grid-auto-rows:1fr 1fr;grid-auto-columns:1fr;align-content:flex-end;width:100%;display:grid}._textField_1ddv0_1>[slot=description]{grid-area:Desc}._textField_1ddv0_1>._bottomError_1ddv0_20{grid-area:BottomError}._textField_1ddv0_1[data-disabled]{color:var(--midas-text-disabled)}._textField_1ddv0_1[data-readonly] ._textArea_1ddv0_29,._textField_1ddv0_1[data-readonly] ._input_1ddv0_30{border-color:var(--midas-border-color-subtle);background-color:#0000}._textArea_1ddv0_29{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);border-bottom:1px solid var(--midas-border-color-primary);background-color:var(--midas-field-base,var(--midas-field-01-base));box-sizing:border-box;overflow-wrap:break-word;resize:both;grid-area:Input;justify-content:center;align-items:center;width:100%;padding:1rem 1rem 1.25rem;font-size:1rem;display:flex;overflow:auto}@media (forced-colors:active){._textArea_1ddv0_29{outline-offset:2px;outline:3px solid}}._textArea_1ddv0_29[data-hovered]{background-color:var(--midas-field-hover,var(--midas-field-01-hover))}._textArea_1ddv0_29[data-focused],._textArea_1ddv0_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media (forced-colors:active){._textArea_1ddv0_29[data-focused],._textArea_1ddv0_29[data-focus-visible]{border:1px solid}}._textArea_1ddv0_29[data-invalid]{box-shadow:var(--midas-state-invalid);border:none}._textArea_1ddv0_29[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled,var(--midas-field-01-disabled));border:none;border-bottom:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._wrap_1ddv0_90{grid-area:Input;position:relative}._medium_1ddv0_95 ._input_1ddv0_30{min-height:var(--midas-size-control-md)}._input_1ddv0_30{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);border-bottom:1px solid var(--midas-border-color-primary);background-color:var(--midas-field-base,var(--midas-field-01-base));box-sizing:border-box;width:100%;min-height:var(--midas-size-control);border-radius:0;grid-area:Input;padding:0 1rem;font-size:1rem;line-height:1}@media (forced-colors:active){._input_1ddv0_30{border:1px solid}}._input_1ddv0_30[data-hovered]{background-color:var(--midas-field-hover,var(--midas-field-01-hover))}._input_1ddv0_30[data-hovered]+._passwordText_1ddv0_123{background-color:var(--midas-field-hover,var(--midas-field-01-hover))}._input_1ddv0_30[data-focused]{box-shadow:var(--midas-state-focus)}@media (forced-colors:active){._input_1ddv0_30[data-focused]{outline-offset:2px;outline:3px solid highlight}}._input_1ddv0_30[data-invalid]{box-shadow:var(--midas-state-invalid);border:none}@media (forced-colors:active){._input_1ddv0_30[data-invalid]{border:1px solid}}._input_1ddv0_30[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:var(--midas-field-disabled,var(--midas-field-01-disabled));border:none;border-bottom:1px solid var(--midas-border-color-disabled)}@media (forced-colors:active){._input_1ddv0_30[data-disabled]{border:1px solid}}._input_1ddv0_30::-ms-reveal{display:none}._passwordButton_1ddv0_166{z-index:calc(var(--midas-z-index-base) + var(--midas-z-index-above));position:absolute;right:0}._passwordButton_1ddv0_166[data-pressed]{background-color:#0000!important}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import '../assets/TextField.css';var e = {
|
|
2
|
+
textField: "_textField_1ddv0_1",
|
|
3
|
+
bottomError: "_bottomError_1ddv0_20",
|
|
4
|
+
textArea: "_textArea_1ddv0_29",
|
|
5
|
+
input: "_input_1ddv0_30",
|
|
6
|
+
wrap: "_wrap_1ddv0_90",
|
|
7
|
+
medium: "_medium_1ddv0_95",
|
|
8
|
+
passwordText: "_passwordText_1ddv0_123",
|
|
9
|
+
passwordButton: "_passwordButton_1ddv0_166"
|
|
10
|
+
};
|
|
11
|
+
//#endregion
|
|
12
|
+
export { e as t };
|
|
@@ -7,7 +7,7 @@ import { n as i } from "./button-CenXTGXL.js";
|
|
|
7
7
|
import { n as a, t as o } from "./label-LWlgvAwz.js";
|
|
8
8
|
import { t as s } from "./text-DwmZ-ew8.js";
|
|
9
9
|
import { t as c } from "./field-error-LtNtEKDp.js";
|
|
10
|
-
import { t as l } from "./TextField.module-
|
|
10
|
+
import { t as l } from "./TextField.module-BLGiCC4q.js";
|
|
11
11
|
import { FormContext as u, Input as d, SearchField as f, useSlottedContext as p } from "react-aria-components";
|
|
12
12
|
import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
|
|
13
13
|
import '../assets/search-field.css';var _ = t("search", [["path", {
|
|
@@ -6,7 +6,7 @@ import { n as i, t as a } from "./label-LWlgvAwz.js";
|
|
|
6
6
|
import { t as o } from "./text-DwmZ-ew8.js";
|
|
7
7
|
import { t as s } from "./field-error-LtNtEKDp.js";
|
|
8
8
|
import { t as c } from "./character-counter-CSoVSrxZ.js";
|
|
9
|
-
import { t as l } from "./TextField.module-
|
|
9
|
+
import { t as l } from "./TextField.module-BLGiCC4q.js";
|
|
10
10
|
import { forwardRef as u, useState as d } from "react";
|
|
11
11
|
import { Input as f, InputContext as p, TextArea as m, TextField as h, TextFieldContext as g, useContextProps as _ } from "react-aria-components";
|
|
12
12
|
import { jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
@@ -10,5 +10,6 @@ export declare const Disabled: Story;
|
|
|
10
10
|
export declare const ReadOnly: Story;
|
|
11
11
|
/** When using uncontrolled value */
|
|
12
12
|
export declare const WithDefaultValue: Story;
|
|
13
|
+
export declare const DisabledWithDefaultValue: Story;
|
|
13
14
|
export declare const WithClearButton: Story;
|
|
14
15
|
export declare const WithHelpPopover: Story;
|
|
@@ -7,6 +7,7 @@ type Story = StoryObj<typeof DatePicker<CalendarDate>>;
|
|
|
7
7
|
export declare const Primary: Story;
|
|
8
8
|
export declare const WithTime: Story;
|
|
9
9
|
export declare const Disabled: Story;
|
|
10
|
+
export declare const DisabledWithDefaultValue: Story;
|
|
10
11
|
export declare const ReadOnly: Story;
|
|
11
12
|
export declare const Invalid: Story;
|
|
12
13
|
export declare const Required: Story;
|
package/index.js
CHANGED
|
@@ -11,7 +11,7 @@ import { n as h, t as g } from "./chunks/calendar-Bl_obez5.js";
|
|
|
11
11
|
import { a as _, i as v, n as y, r as b, t as x } from "./chunks/layout-Db5um0f7.js";
|
|
12
12
|
import { i as S, n as C, r as w, t as T } from "./chunks/checkbox-Bqd8B58G.js";
|
|
13
13
|
import { n as E, t as D } from "./chunks/color-scheme-switch-DVZjdwc9.js";
|
|
14
|
-
import { t as O } from "./chunks/search-field-
|
|
14
|
+
import { t as O } from "./chunks/search-field-GNTRFpzf.js";
|
|
15
15
|
import { n as k, t as A } from "./chunks/file-list-TmEuO1fJ.js";
|
|
16
16
|
import { t as j } from "./chunks/useLocalizedStringFormatter-CeyBc0x0.js";
|
|
17
17
|
import { n as M, t as N } from "./chunks/button-CenXTGXL.js";
|
|
@@ -44,7 +44,7 @@ import { i as ze, n as Be, r as Ve, t as He } from "./chunks/radio-BD1EuxSa.js";
|
|
|
44
44
|
import { t as Ue } from "./chunks/skeleton-B_BPRPJy.js";
|
|
45
45
|
import { t as We } from "./chunks/stack-LF3ExhH9.js";
|
|
46
46
|
import { i as Ge, n as Ke, r as qe, t as Je } from "./chunks/tabs-Co09VWvC.js";
|
|
47
|
-
import { i as Ye, n as Xe, r as Ze, t as Qe } from "./chunks/textfield-
|
|
47
|
+
import { i as Ye, n as Xe, r as Ze, t as Qe } from "./chunks/textfield-BSvCsAyC.js";
|
|
48
48
|
import { t as $e } from "./chunks/time-field-CmjGBQph.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-gJgjitZF.js";
|
|
50
50
|
//#endregion
|
|
@@ -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.28.
|
|
64
|
+
version: "17.28.2",
|
|
65
65
|
module: "./index.js",
|
|
66
66
|
type: "module",
|
|
67
67
|
main: "./index.js",
|
package/package.json
CHANGED
package/search-field/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/search-field-
|
|
1
|
+
import { t as e } from "../chunks/search-field-GNTRFpzf.js";
|
|
2
2
|
export { e as SearchField };
|
|
@@ -359,6 +359,7 @@ export declare const Disabled: {
|
|
|
359
359
|
};
|
|
360
360
|
};
|
|
361
361
|
};
|
|
362
|
+
export declare const DisabledWithDefaultValue: Story;
|
|
362
363
|
export declare const ReadOnly: Story;
|
|
363
364
|
export declare const ShowCounter: Story;
|
|
364
365
|
export declare const MaxLengthAndShowCounter: Story;
|
|
@@ -29,6 +29,7 @@ export declare const CustomValidation: Story;
|
|
|
29
29
|
export declare const Number: Story;
|
|
30
30
|
export declare const Numeric: Story;
|
|
31
31
|
export declare const Disabled: Story;
|
|
32
|
+
export declare const DisabledWithDefaultValue: Story;
|
|
32
33
|
export declare const ReadOnly: Story;
|
|
33
34
|
export declare const ShowCounter: Story;
|
|
34
35
|
export declare const MaxLengthAndShowCounter: Story;
|
package/textfield/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../chunks/textfield-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../chunks/textfield-BSvCsAyC.js";
|
|
2
2
|
export { n as Input, r as TextArea, t as TextField, e as TextFieldBase };
|
|
@@ -30,6 +30,7 @@ export declare const Invalid: Story;
|
|
|
30
30
|
export declare const Disabled: Story;
|
|
31
31
|
export declare const ReadOnly: Story;
|
|
32
32
|
export declare const WithDefaultValue: Story;
|
|
33
|
+
export declare const DisabledWithDefaultValue: Story;
|
|
33
34
|
export declare const WithClearButton: Story;
|
|
34
35
|
export declare const WithSeconds: Story;
|
|
35
36
|
export declare const HourCycle12: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import '../assets/TextField.css';var e = {
|
|
2
|
-
textField: "_textField_1e7zw_1",
|
|
3
|
-
bottomError: "_bottomError_1e7zw_20",
|
|
4
|
-
textArea: "_textArea_1e7zw_29",
|
|
5
|
-
input: "_input_1e7zw_30",
|
|
6
|
-
wrap: "_wrap_1e7zw_90",
|
|
7
|
-
medium: "_medium_1e7zw_95",
|
|
8
|
-
passwordText: "_passwordText_1e7zw_123",
|
|
9
|
-
passwordButton: "_passwordButton_1e7zw_165"
|
|
10
|
-
};
|
|
11
|
-
//#endregion
|
|
12
|
-
export { e as t };
|