@midas-ds/components 5.0.0 → 6.0.0

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.
Files changed (9) hide show
  1. package/CHANGELOG.md +552 -216
  2. package/button/ButtonGroup.d.ts +3 -6
  3. package/index.cjs +29 -29
  4. package/index.css +1 -1
  5. package/index.js +24908 -24147
  6. package/modal/Dialog.d.ts +10 -1
  7. package/modal/index.d.ts +1 -1
  8. package/package.json +4 -5
  9. package/toast/Toast.d.ts +7 -2
package/CHANGELOG.md CHANGED
@@ -1,92 +1,103 @@
1
+ # 6.0.0
2
+
3
+ ### 🚀 Features
4
+
5
+ - **modal:** replace h2 with heading component
6
+ - ⚠️ **modal:** deprecate `ModalTrigger` and `Dialog`
7
+ - **modal:** fix overlay position to avoid moving the modal when y-overflow
8
+ - **modal:** increase z-index on overlay
9
+ - **modal:** add focustrap to modal
10
+ - **modal:** add styles and clean up types
11
+ - **modal:** add boilerplate code for new modal implementation
12
+ - use `cursor: not-allowed` for disabled elements
13
+
14
+ ### 🩹 Fixes
15
+
16
+ - **layout:** change minimize menu button to icon variant
17
+ - **button:** change iconbtn color token
18
+ - **button:** tokenize icon button for better dark mode support
19
+ - **button:** clarify use of labels on button groups
20
+ - **button:** clarify use of labels on button groups
21
+ - add react types to dependencies
22
+ - remove test setup from build
23
+
24
+ ### ⚠️ Breaking Changes
25
+
26
+ - **modal:** Use the new DialogTrigger and Modal instead of ModalTrigger and Dialog. New API will apply.
27
+
28
+ ## 5.0.1
29
+
30
+ ### 🩹 Fixes
31
+
32
+ - **checkbox:** swap old focus token
33
+ - **checkbox:** swap old tokens
34
+ - **radio:** remove old tokens
35
+ - **link-button:** fix colors on hover state
36
+ - **toast:** re-organize animations and breakpoints
37
+ - **toast:** remove explicit dep
38
+ - **toast:** update react-aria deps
39
+ - **toast:** add temporary implementation of useToastState
40
+
41
+ ### Documentation Changes
42
+
43
+ - display project changelog on docweb
44
+
1
45
  # 5.0.0 (2025-03-17)
2
46
 
3
47
  ### 🚀 Features
4
48
 
5
- - ⚠️ updated select, multi-select and modal components
6
- - **button:** set primary border to 2px when in high-contrast mode
49
+ - ⚠️ support for dark mode across all components
7
50
 
8
51
  ### 🩹 Fixes
9
52
 
53
+ - **button:** deprecate small version
10
54
  - **card:** deprecate card background
11
- - **select:** change direct element selector
12
- - **modal:** remove unused code
13
- - **link-button:** remove ts-ignore comment
14
- - **link:** remove unused code
15
- - **docs:** remove unused code
16
- - **select:** remove unsupported attribute
17
- - **select:** remove useless fragment
18
- - **search-field:** use aria-label instead of hidden label
19
- - add and remove comments
20
- - **layout:** final design adjustments
21
- - **layout:** design tweaks
22
- - **layout:** design tweaks
23
- - **layout:** design adjustments
24
- - **button:** write a deprecate comment that size small will be deprecate
25
- - **table:** write a deprecate comment that narrow will be deprecate
26
- - **date-picker:** resize button in invalid state, fixes #312
27
55
  - **date-picker:** change selected date color to blue150
28
- - change the weekday names to swedish languge
29
- - change disabled cursor to not-allowed
30
- - **datepicker:** change cursor to pointer
31
- - **radio:** change cursor to pointer
32
- - **checkbox:** change cursor to pointer
56
+ - **date-picker:** resize button in invalid state, fixes #312
57
+ - **date-picker:** change cursor to pointer
58
+ - **layout:** design adjustments
59
+ - **search-field:** use aria-label instead of hidden label
60
+ - **select:** remove unsupported attribute
61
+ - **select:** change direct element selector
62
+ - **table:** deprecate narrow version
33
63
 
34
64
  ### Documentation Changes
35
65
 
36
- - fix local dark mode on portals in SB
37
- - add security disclaimers
38
- - **date-picker:** add style unavailable and code example for Unavailable Date in docs
39
66
  - dark mode support for storybook and docusaurus
67
+ - add instructions for bug reporting
68
+ - dark mode page on docweb
69
+ - add security disclaimers
70
+ - update select docs
71
+ - fix new tokens
72
+ - fix local dark mode on portals in SB
73
+ - updated docs with tokens
74
+ - dark mode header image
75
+ - **docs:** add new UIkit
76
+ - **localization:** add dev instructions for localization
40
77
 
41
- ### ⚠️ Breaking Changes
42
-
43
- - `Select`, `MultiSelect` and `Modal` now have updated API:s, expect things not to work as before. Make sure to check the API:s before upgrading."
44
-
45
- ### ❤️ Thank You
78
+ ### ⚠️ Breaking Changes
46
79
 
47
- - derpbravely
48
- - jabir Khalil
49
- - pixelrickdreamer
50
- - Wilhelm Hjelm
80
+ - dark mode :city_sunrise:
51
81
 
52
82
  # 4.0.0 (2025-03-10)
53
83
 
54
84
  ### 🚀 Features
55
85
 
56
86
  - ⚠️ updated select, multi-select and modal components
57
- - **button:** set primary border to 2px when in high-contrast mode
58
87
 
59
88
  ### 🩹 Fixes
60
89
 
61
- - **layout:** final design adjustments
62
- - **layout:** design tweaks
63
- - **layout:** design tweaks
64
90
  - **layout:** design adjustments
65
- - **button:** write a deprecate comment that size small will be deprecate
66
- - **table:** write a deprecate comment that narrow will be deprecate
67
- - **date-picker:** resize button in invalid state, fixes #312
68
- - **date-picker:** change selected date color to blue150
69
- - change the weekday names to swedish languge
70
- - change disabled cursor to not-allowed
71
- - **datepicker:** change cursor to pointer
72
91
  - **radio:** change cursor to pointer
73
- - **checkbox:** change cursor to pointer
74
92
 
75
93
  ### Documentation Changes
76
94
 
77
- - add security disclaimers
78
95
  - **date-picker:** add style unavailable and code example for Unavailable Date in docs
96
+ - **docs:** add new UIkit
79
97
 
80
98
  ### ⚠️ Breaking Changes
81
99
 
82
- - `Select`, `MultiSelect` and `Modal` now have updated API:s, expect things not to work as before. Make sure to check the API:s before upgrading."
83
-
84
- ### ❤️ Thank You
85
-
86
- - derpbravely
87
- - jabir Khalil
88
- - pixelrickdreamer
89
- - Wilhelm Hjelm
100
+ - `Select`, `MultiSelect` and `Modal` now have updated API:s, expect things not to work as before. Make sure to check the API:s before upgrading.
90
101
 
91
102
  ## 3.1.0 (2025-03-06)
92
103
 
@@ -96,23 +107,19 @@
96
107
 
97
108
  ### 🩹 Fixes
98
109
 
99
- - **date-picker:** resize button in invalid state, fixes #312 ([#312](https://github.com/migrationsverket/midas/issues/312))
110
+ - **calendar** set default weekday style to `short` ([#303](https://github.com/migrationsverket/midas/pull/303))
111
+ - **checkbox:** change cursor to pointer ([d5ce18403](https://github.com/migrationsverket/midas/commit/d5ce18403))
100
112
  - **date-picker:** change selected date color to blue150 ([6a7e856a9](https://github.com/migrationsverket/midas/commit/6a7e856a9))
101
- - change the weekday names to swedish languge ([25609b243](https://github.com/migrationsverket/midas/commit/25609b243))
102
- - change disabled cursor to not-allowed ([97da5471a](https://github.com/migrationsverket/midas/commit/97da5471a))
113
+ - **date-picker:** resize button in invalid state, fixes #312 ([#312](https://github.com/migrationsverket/midas/issues/312))
103
114
  - **datepicker:** change cursor to pointer ([5425f7282](https://github.com/migrationsverket/midas/commit/5425f7282))
104
115
  - **radio:** change cursor to pointer ([c18ec8f4e](https://github.com/migrationsverket/midas/commit/c18ec8f4e))
105
- - **checkbox:** change cursor to pointer ([d5ce18403](https://github.com/migrationsverket/midas/commit/d5ce18403))
106
116
 
107
117
  ### Documentation Changes
108
118
 
119
+ - add new UIkit ([a47947b63](https://github.com/migrationsverket/midas/commit/a47947b63))
120
+ - add instructions for bug reporting ([93205ee30](https://github.com/migrationsverket/midas/commit/93205ee30))
109
121
  - **date-picker:** add style unavailable and code example for Unavailable Date in docs ([469da9424](https://github.com/migrationsverket/midas/commit/469da9424))
110
122
 
111
- ### ❤️ Thank You
112
-
113
- - jabir Khalil
114
- - pixelrickdreamer
115
-
116
123
  # 3.0.0 (2025-02-28)
117
124
 
118
125
  ### 🚀 Features
@@ -121,15 +128,14 @@
121
128
 
122
129
  ### 🩹 Fixes
123
130
 
124
- - **card:** append props.className ([dfcfa0439](https://github.com/migrationsverket/midas/commit/dfcfa0439))
125
- - **search-field:** add border bottom and pixel push some paddings ([e53d56bb7](https://github.com/migrationsverket/midas/commit/e53d56bb7))
126
- - **search-field:** remove unused tokens ([8e9ed07a9](https://github.com/migrationsverket/midas/commit/8e9ed07a9))
127
- - **search-field:** destructure function parameters ([8291eeede](https://github.com/migrationsverket/midas/commit/8291eeede))
128
- - **search-field:** add validation error utility function ([1f4758e41](https://github.com/migrationsverket/midas/commit/1f4758e41))
129
- - **search-field:** add disabled styling ([f508f2f6d](https://github.com/migrationsverket/midas/commit/f508f2f6d))
130
- - **search-field:** handle custom error messages ([99649c163](https://github.com/migrationsverket/midas/commit/99649c163))
131
- - **search-field:** useSearchField to validate input and use internal key events ([fbe8cf54a](https://github.com/migrationsverket/midas/commit/fbe8cf54a))
131
+ - **card:** append props.className ([#295](https://github.com/migrationsverket/midas/pull/295))
132
132
  - **search-field:** move validation error message ([85c1b7990](https://github.com/migrationsverket/midas/commit/85c1b7990))
133
+ - **search-field:** useSearchField to validate input and use internal key events ([fbe8cf54a](https://github.com/migrationsverket/midas/commit/fbe8cf54a))
134
+ - **search-field:** handle custom error messages ([99649c163](https://github.com/migrationsverket/midas/commit/99649c163))
135
+ - **search-field:** add disabled styling ([f508f2f6d](https://github.com/migrationsverket/midas/commit/f508f2f6d))
136
+ - **search-field:** add validation error utility function ([1f4758e41](https://github.com/migrationsverket/midas/commit/1f4758e41))
137
+ - **search-field:** add border bottom and pixel push some paddings ([e53d56bb7](https://github.com/migrationsverket/midas/commit/e53d56bb7))
138
+ - **search-field:** validation text ([#290](https://github.com/migrationsverket/midas/pull/290))
133
139
 
134
140
  ### Documentation Changes
135
141
 
@@ -139,139 +145,103 @@
139
145
 
140
146
  - **search-field:** `isRequired` property of `SearchField` is no longer supported
141
147
 
142
- ### ❤️ Thank You
143
-
144
- - derpbravely
145
-
146
148
  ## 2.0.1 (2025-02-27)
147
149
 
148
150
  ### 🩹 Fixes
149
151
 
150
- - **radio:** fix hover on mobile, remove 100% height on RadioGroup ([789264afa](https://github.com/migrationsverket/midas/commit/789264afa))
151
- - **textfield:** cover more cases on dossnr ([0f27d8b33](https://github.com/migrationsverket/midas/commit/0f27d8b33))
152
- - **textfield:** add rule for matching delimiters for doss nr ([026073775](https://github.com/migrationsverket/midas/commit/026073775))
153
- - **textfield:** update dossnr regex to support new delimiter ([c5e1b4428](https://github.com/migrationsverket/midas/commit/c5e1b4428))
152
+ - **radio:** fix hover on mobile, remove 100% height on RadioGroup ([#286](https://github.com/migrationsverket/midas/pull/286))
153
+ - **text-field:** update dossnr regex to support new delimiter ([c5e1b4428](https://github.com/migrationsverket/midas/commit/c5e1b4428))
154
+ - **text-field:** add rule for matching delimiters for doss nr ([026073775](https://github.com/migrationsverket/midas/commit/026073775))
155
+ - **text-field:** cover more cases on dossnr ([0f27d8b33](https://github.com/migrationsverket/midas/commit/0f27d8b33))
154
156
 
155
- ### ❤️ Thank You
157
+ ### Documentation Changes
156
158
 
157
- - pixelrickdreamer
158
- - Wilhelm Hjelm
159
+ - update get started with node 22 ([098e4e1e0](https://github.com/migrationsverket/midas/commit/098e4e1e0))
159
160
 
160
161
  # 2.0.0 (2025-02-25)
161
162
 
162
163
  ### 🚀 Features
163
164
 
164
- - ⚠️ **textfield:** rename maxCharacters property ([44eec760e](https://github.com/migrationsverket/midas/commit/44eec760e))
165
+ - **layout:** design improvements + tooltip ([#231](https://github.com/migrationsverket/midas/pull/231))
165
166
  - ⚠️ **textarea:** rename maxCharacters property ([06116cee9](https://github.com/migrationsverket/midas/commit/06116cee9))
167
+ - ⚠️ **text-field:** rename maxCharacters property ([44eec760e](https://github.com/migrationsverket/midas/commit/44eec760e))
166
168
  - **tooltip:** new component tooltip ([3bc3fcd4f](https://github.com/migrationsverket/midas/commit/3bc3fcd4f))
167
169
 
168
170
  ### 🩹 Fixes
169
171
 
170
- - **accordion:** add comment ([56db5d49f](https://github.com/migrationsverket/midas/commit/56db5d49f))
172
+ - **accessibility:** fix focus for high contrast mode ([#267](https://github.com/migrationsverket/midas/pull/267))
173
+ - **accordion:** append classname ([aaaa0ddb1](https://github.com/migrationsverket/midas/commit/aaaa0ddb1))
171
174
  - **accordion:** remove dependency array from useLayoutEffect - fix render of dynamic content in AccordionItem ([db4c920ee](https://github.com/migrationsverket/midas/commit/db4c920ee))
172
- - **theme:** add global css export ([9786d79da](https://github.com/migrationsverket/midas/commit/9786d79da))
173
- - **textarea:** set initial counter value on render ([15121e437](https://github.com/migrationsverket/midas/commit/15121e437))
174
- - **textfield:** set initial counter value on render ([1f9a9cfc1](https://github.com/migrationsverket/midas/commit/1f9a9cfc1))
175
- - **textarea:** set initial counter value on render ([924f5abda](https://github.com/migrationsverket/midas/commit/924f5abda))
176
- - **textfield:** set initial counter value on render ([0e9e4a44d](https://github.com/migrationsverket/midas/commit/0e9e4a44d))
177
- - **tooltip:** append classname ([0e6e6e483](https://github.com/migrationsverket/midas/commit/0e6e6e483))
178
- - **textfield:** append classname ([53f5b603c](https://github.com/migrationsverket/midas/commit/53f5b603c))
179
- - **textarea:** append classname ([cdd9f3e5c](https://github.com/migrationsverket/midas/commit/cdd9f3e5c))
180
- - **tag:** append classname ([df88ec9fb](https://github.com/migrationsverket/midas/commit/df88ec9fb))
181
- - **radio:** append classname ([796173ba2](https://github.com/migrationsverket/midas/commit/796173ba2))
182
- - **logo:** append classname ([66a189a6c](https://github.com/migrationsverket/midas/commit/66a189a6c))
175
+ - **accordion:** fix render of dynamic content in AccordionItem ([#283](https://github.com/migrationsverket/midas/pull/283))
183
176
  - **combobox:** append classname ([570a1998e](https://github.com/migrationsverket/midas/commit/570a1998e))
184
- - **accordion:** append classname ([aaaa0ddb1](https://github.com/migrationsverket/midas/commit/aaaa0ddb1))
185
- - **file-upload:** import react to get autodocs props ([e6467ca66](https://github.com/migrationsverket/midas/commit/e6467ca66))
186
- - **file-upload:** add autdocs config ([809f0b894](https://github.com/migrationsverket/midas/commit/809f0b894))
177
+ - **components:** append prop.className ([#279](https://github.com/migrationsverket/midas/pull/279))
187
178
  - **file-upload:** pass unhandled props ([fc90980d9](https://github.com/migrationsverket/midas/commit/fc90980d9))
179
+ - **file-upload:** add autdocs config ([809f0b894](https://github.com/migrationsverket/midas/commit/809f0b894))
180
+ - **file-upload:** import react to get autodocs props ([e6467ca66](https://github.com/migrationsverket/midas/commit/e6467ca66))
181
+ - **file-upload:** pass unhandled props to the FileTrigger component ([#277](https://github.com/migrationsverket/midas/pull/277))
182
+ - **layout:** design adjustments ([f086ad5fe](https://github.com/migrationsverket/midas/commit/f086ad5fe))
188
183
  - **layout:** fix bug where mobile menu wouldn't open ([c61923662](https://github.com/migrationsverket/midas/commit/c61923662))
189
- - **accessibility:** fix focus for high contrast mode ([#267](https://github.com/migrationsverket/midas/pull/267))
184
+ - **logo:** append classname ([66a189a6c](https://github.com/migrationsverket/midas/commit/66a189a6c))
185
+ - **radio:** append classname ([796173ba2](https://github.com/migrationsverket/midas/commit/796173ba2))
186
+ - **tag:** append classname ([df88ec9fb](https://github.com/migrationsverket/midas/commit/df88ec9fb))
190
187
  - **textarea:** add validation for minLength property ([8df1f931a](https://github.com/migrationsverket/midas/commit/8df1f931a))
191
- - **layout:** design adjustments + skip to content link ([facdaf64f](https://github.com/migrationsverket/midas/commit/facdaf64f))
192
- - **layout:** design review ([b1928466c](https://github.com/migrationsverket/midas/commit/b1928466c))
193
- - **layout:** add tooltips on layout collapsed state ([5e9d0090d](https://github.com/migrationsverket/midas/commit/5e9d0090d))
194
- - **layout:** design adjustments ([f086ad5fe](https://github.com/migrationsverket/midas/commit/f086ad5fe))
188
+ - **textarea:** append classname ([cdd9f3e5c](https://github.com/migrationsverket/midas/commit/cdd9f3e5c))
189
+ - **textarea:** set initial counter value on render ([924f5abda](https://github.com/migrationsverket/midas/commit/924f5abda))
190
+ - **text-field:** append classname ([53f5b603c](https://github.com/migrationsverket/midas/commit/53f5b603c))
191
+ - **text-field:** set initial counter value on render ([0e9e4a44d](https://github.com/migrationsverket/midas/commit/0e9e4a44d))
192
+ - **text-field:** set the initial value for useState ([#280](https://github.com/migrationsverket/midas/pull/280))
193
+ - **theme:** add global css export ([#282](https://github.com/migrationsverket/midas/pull/282))
194
+ - **tooltip:** append classname ([0e6e6e483](https://github.com/migrationsverket/midas/commit/0e6e6e483))
195
195
 
196
196
  ### Documentation Changes
197
197
 
198
+ - dropdown + layout + tooltip ([28d3bc661](https://github.com/migrationsverket/midas/commit/28d3bc661))
198
199
  - **components:** sync docusaurus and storybook autodocs config ([4e061ad4d](https://github.com/migrationsverket/midas/commit/4e061ad4d))
200
+ - **docs:** add documentation about skeleton component ([460bf602c](https://github.com/migrationsverket/midas/commit/460bf602c))
201
+ - **docs:** add design pattern about loaders ([702136a89](https://github.com/migrationsverket/midas/commit/702136a89))
202
+ - **docs:** add link to design pattern ([38db9d2de](https://github.com/migrationsverket/midas/commit/38db9d2de))
199
203
  - **file-upload:** manually extend react aria props for autodocs ([07ecde229](https://github.com/migrationsverket/midas/commit/07ecde229))
200
- - dropdown + layout + tooltip ([28d3bc661](https://github.com/migrationsverket/midas/commit/28d3bc661))
201
204
 
202
205
  ### ⚠️ Breaking Changes
203
206
 
204
- - **textfield:** TextField property maxCharacters is renamed to maxLength
205
207
  - **textarea:** TextArea propert maxCharacters is renamed to maxLength
206
208
 
207
- ### ❤️ Thank You
208
-
209
- - derpbravely
210
- - Jabir Khalil
211
- - pixelrickdreamer
212
- - Wilhelm Hjelm
213
-
214
209
  ## 1.3.0 (2025-02-19)
215
210
 
216
211
  ### 🚀 Features
217
212
 
218
- - **textfield:** add dossier number validation ([9092008ef](https://github.com/migrationsverket/midas/commit/9092008ef))
213
+ - **accordion:** support react nodes in title ([#259](https://github.com/migrationsverket/midas/pull/259))
214
+ - **text-field:** add dossier number validation ([#261](https://github.com/migrationsverket/midas/pull/261))
219
215
 
220
216
  ### 🩹 Fixes
221
217
 
222
- - **theme:** reorder theme export ([3398a0f68](https://github.com/migrationsverket/midas/commit/3398a0f68))
223
- - **table:** preserve classNames when using props.className ([d7a9142cd](https://github.com/migrationsverket/midas/commit/d7a9142cd))
224
- - **textfield:** +/- divider should be optional ([b1393263a](https://github.com/migrationsverket/midas/commit/b1393263a))
225
- - **table:** add pointer if row has a link ([9a62302ff](https://github.com/migrationsverket/midas/commit/9a62302ff))
226
- - **card:** clean the code ([a17aa2941](https://github.com/migrationsverket/midas/commit/a17aa2941))
227
- - **textfield:** add dossier number validation ([b3027b5b9](https://github.com/migrationsverket/midas/commit/b3027b5b9))
228
218
  - **accordion:** support any elements in title ([1129fd742](https://github.com/migrationsverket/midas/commit/1129fd742))
229
- - **table:** remove unused props ([1cb0c2e69](https://github.com/migrationsverket/midas/commit/1cb0c2e69))
230
- - **table:** show hover background color for striped table ([a6b4f35d5](https://github.com/migrationsverket/midas/commit/a6b4f35d5))
231
- - **theme:** point to theme types ([98e09424f](https://github.com/migrationsverket/midas/commit/98e09424f))
232
- - **card:** remove the id content from p tag ([54e4fe9cd](https://github.com/migrationsverket/midas/commit/54e4fe9cd))
233
- - **card:** fix to read title and content ([dd8d07c72](https://github.com/migrationsverket/midas/commit/dd8d07c72))
234
219
  - **card:** add React.useId to generate unique id ([160319d03](https://github.com/migrationsverket/midas/commit/160319d03))
235
- - fix content to be readable by screen reader when use tab ([d49d8d4f9](https://github.com/migrationsverket/midas/commit/d49d8d4f9))
236
-
237
- ### ❤️ Thank You
238
-
239
- - derpbravely
240
- - jabir Khalil
241
- - Wilhelm Hjelm
242
-
243
- ## 1.2.3 (2025-02-11)
244
-
245
- This was a version bump only for components to align it with other projects, there were no code changes.
246
-
247
- ## 1.2.2 (2025-02-11)
248
-
249
- This was a version bump only for components to align it with other projects, there were no code changes.
250
-
251
- ## 1.2.1 (2025-02-11)
252
-
253
- This was a version bump only for components to align it with other projects, there were no code changes.
220
+ - **card:** fix to read title and content ([dd8d07c72](https://github.com/migrationsverket/midas/commit/dd8d07c72))
221
+ - **card:** remove the id content from p tag ([54e4fe9cd](https://github.com/migrationsverket/midas/commit/54e4fe9cd))
222
+ - **docs:** update theme imports ([5cbd797f4](https://github.com/migrationsverket/midas/commit/5cbd797f4))
223
+ - **table:** show hover background color for striped table ([a6b4f35d5](https://github.com/migrationsverket/midas/commit/a6b4f35d5))
224
+ - **table:** striped table hover effect and unused props ([#250](https://github.com/migrationsverket/midas/pull/250))
225
+ - **table:** add pointer if row has a link ([#262](https://github.com/migrationsverket/midas/pull/262))
226
+ - **table:** preserve classNames when using props.className ([d7a9142cd](https://github.com/migrationsverket/midas/commit/d7a9142cd))
227
+ - **text-field:** add dossier number validation ([b3027b5b9](https://github.com/migrationsverket/midas/commit/b3027b5b9))
228
+ - **text-field:** +/- divider should be optional ([b1393263a](https://github.com/migrationsverket/midas/commit/b1393263a))
229
+ - **theme:** point to theme types ([#248](https://github.com/migrationsverket/midas/pull/248))
230
+ - **theme:** reorder theme export ([#265](https://github.com/migrationsverket/midas/pull/265))
254
231
 
255
232
  ## 1.2.0 (2025-02-11)
256
233
 
257
234
  ### 🚀 Features
258
235
 
259
- - **components:** add nvm config ([7cbbce66e](https://github.com/migrationsverket/midas/commit/7cbbce66e))
260
236
  - **components:** new api and style for accordion ([efab0a198](https://github.com/migrationsverket/midas/commit/efab0a198))
237
+ - **components:** add nvm config ([7cbbce66e](https://github.com/migrationsverket/midas/commit/7cbbce66e))
261
238
 
262
239
  ### 🩹 Fixes
263
240
 
264
- - **theme:** create separate theme export ([a6c95a23c](https://github.com/migrationsverket/midas/commit/a6c95a23c))
265
- - **info-banner:** fix icon to be in same line with text in docs and story ([f37b798c3](https://github.com/migrationsverket/midas/commit/f37b798c3))
241
+ - import/export text-field css directly from css module ([#212](https://github.com/migrationsverket/midas/pull/212))
266
242
  - **components:** fix text when titles are longer than one row ([28b06cd31](https://github.com/migrationsverket/midas/commit/28b06cd31))
267
- - import/export textfield css directly from css module ([#212](https://github.com/migrationsverket/midas/pull/212))
268
-
269
- ### ❤️ Thank You
270
-
271
- - Axel Engström
272
- - jabir Khalil
273
- - pixelrickdreamer @pixelrickdreamer
274
- - Wilhelm Hjelm
243
+ - **info-banner:** fix icon to be in same line with text in docs and story ([f37b798c3](https://github.com/migrationsverket/midas/commit/f37b798c3))
244
+ - **theme:** create separate theme export ([a6c95a23c](https://github.com/migrationsverket/midas/commit/a6c95a23c))
275
245
 
276
246
  ## 1.1.0 (2025-01-31)
277
247
 
@@ -279,88 +249,454 @@ This was a version bump only for components to align it with other projects, the
279
249
 
280
250
  - **components:** new api and style for accordion
281
251
 
282
- ### 🩹 Fixes
283
-
284
- - import/export textfield css directly from css module
285
-
286
- ### ❤️ Thank You
287
-
288
- - pixelrickdreamer
289
- - Wilhelm Hjelm
290
-
291
252
  ## 1.0.2 (2025-01-27)
292
253
 
293
254
  ### 🚀 Features
294
255
 
295
- - **textarea:** new component
256
+ - **modal:** create a new component
257
+ - **button:** add react aria button component
258
+ - **button:** added tertiary and danger themes
259
+ - **button:** remove underline from tertiary button
260
+ - **button:** add icon and iconSize prop and logic to make icon smaller when size=small
261
+ - **button:** update button stories
262
+ - **button:** remove unused icon
263
+ - **button:** add property to change button's icon direction
264
+ - **button:** change inline style to class style
265
+ - **button:** add buttongroup component, move mobile rules
266
+ - ⚠️ **card:** new api, replace button with stretched link
267
+ - **card:** support custom link component
268
+ - **checkbox:** select all checkbox
269
+ - **checkbox:** new wrapper
270
+ - **combobox:** create a combobox component with styling
271
+ - **date-picker:** new wrapper
272
+ - **date-picker:** new datepicker
273
+ - **date-picker:** datepicker renamed daterangepicker in favor of datepicker
296
274
  - **docs:** add docusaurus boilerplate
275
+ - **dropdown:** new component
276
+ - **file-upload:** new wrapper
277
+ - **flex:** add fluid variant
278
+ - **flex:** can now take all props of usual div
279
+ - **info-banner:** add support for ReactNodes in message
280
+ - **info-banner:** dismissable banner
281
+ - **link:** add standalone link variant
282
+ - **link:** ability to stretch link in parent
283
+ - **link:** add icon in prop, add disabled, and add states in css
284
+ - **link-button:** inherits api from button
285
+ - **link-button:** add full width
286
+ - **link-button:** add icon
287
+ - **logo:** new variants and refactor
288
+ - ⚠️ **modal:** new API
289
+ - **multi-select:** new component
290
+ - **radio:** new wrapper
291
+ - **search-field:** props rewrite
292
+ - **select:** new wrapper
293
+ - **sidebar:** new component
297
294
  - **storybook:** add boilerplate storybook instance
298
- - **button:** add react aria button component
295
+ - **table:** new component!
296
+ - **table:** add docs + striped option
297
+ - **tag:** new component
298
+ - **tertiary button:** change padding
299
+ - **text-area:** creat textArea component
300
+ - **text-field:** add ssn validation
301
+ - **text-field:** support counter and maxCharacters
302
+ - **ui:** export new components
303
+ -
299
304
 
300
305
  ### 🩹 Fixes
301
306
 
302
- - fix the link path in readme
303
- - **modal:** update modal docs
304
- - dependencies
305
- - **docs:** update url
306
- - **docs:** update url
307
- - **docs:** fix storybook link
308
- - new readme + doc build
309
- - change node version on deploy
310
- - **docs:** mend broken pages
307
+ - **accordion:** hover on trigger
308
+ - **accordion:** update icon size
309
+ - **accordion:** color on iOS
310
+ - **button:** add large option to size in storybook and fix styling to tertiary
311
+ - **button:** change name large to null in the size option in storybook
312
+ - **button:** add icon variant
313
+ - **button:** share api with link-button
314
+ - **button:** change property name to iconPlacement
315
+ - **button:** adjust spacing
316
+ - **button:** update icon size
317
+ - **button:** fix styling to focus-visible state
318
+ - **button:** delete the third box-shadow and fix style to all
319
+ - **button:** add variable focus in tokens.css and fix the style with variable
320
+ - **button:** add press style on icon btn
321
+ - **button:** change the styling in focus visible to a variable
322
+ - **button:** correct spacing on icon button
323
+ - **button:** remove pixel and rem mixing
324
+ - **card:** accessibility fix on icon
325
+ - **card:** only animate out arrow
326
+ - **card:** correct border-color
327
+ - **card:** better column stretching
328
+ - **card:** support custom link
329
+ - **checkbox:** change styling of description
330
+ - **checkbox:** fix gap between label and description
331
+ - **checkbox:** change to lucide icon and fix css
332
+ - **checkbox:** fix checkbox size and disabled state css
333
+ - **checkbox:** change back to polyline for checkmark
334
+ - **checkbox:** add the animation back again
335
+ - **checkbox:** select all can be indeterminate
336
+ - **checkbox:** change the styling in focus visible to a variable
337
+ - **checkbox:** fix state could be null
338
+ - **combobox:** fix disabled state style and fix combobox test
339
+ - **combobox:** rewrite to new wrapper
340
+ - **combobox:** fix props
341
+ - **combobox:** button alignment
342
+ - **combobox:** focus style fix
343
+ - **combobox:** chevron icon will be upp when select is opened
344
+ - **combobox:** add aria-expanded to css to rotate chevron icon
345
+ - **combobox:** update icon size
346
+ - **combobox:** new focus style
347
+ - **combobox:** support modals
348
+ - **combobox:** color on iOS
349
+ - **date-picker:** correct colors
350
+ - **date-picker:** update icon size
351
+ - **date-picker:** change the styling in focus visible to a variable
352
+ - **date-picker:** new focus state
353
+ - **date-picker:** dependency update
354
+ - **date-picker:** spacing on timefields
355
+ - **date-picker:** support modals
356
+ - **date-picker:** color on iOS
311
357
  - **docs:** change doc structure
312
- - package.json and package-lock.json
358
+ - **docs:** accessibility is back
359
+ - **docs:** mend broken pages
360
+ - **docs:** fix top banner
361
+ - **docs:** test commit on GitHub
362
+ - **docs:** updates to accomodate storybook
363
+ - **docs:** remove "build with"
364
+ - **docs:** fix storybook link
365
+ - **docs:** new frontpage
366
+ - **docs:** update url
367
+ - **file-upload:** update icon size
368
+ - **file-upload:** fix text overflow mobile
369
+ - **flex:** better column stretching
370
+ - **flex:** fix column wrapping
371
+ - **grid:** better column stretching
372
+ - **info-banner:** fix dismissable button
373
+ - **info-banner:** add div props to info-banner
374
+ - **info-banner:** fix classname info clsx
375
+ - **info-banner:** update icon size
376
+ - **link:** icon stays in size
377
+ - **link:** ignore icon prop if link is standalone
378
+ - **link:** fix style to center the icon with text
379
+ - **link:** fix the wrong style
380
+ - **link:** add style underline to hover and active state
381
+ - **link:** add visited state to css
382
+ - **link:** add url address which leads to link component in docsweb
383
+ - **link:** commit
384
+ - **link:** support custom link component
385
+ - **link-button:** fix styling justify-content
386
+ - **link-button:** fix padding
387
+ - **link-button:** adjust styles + add focus styles
388
+ - **link-button:** add variants
389
+ - **link-button:** change gap to 0.5rem
390
+ - **link-button:** remove the duplicated code
391
+ - **link-button:** change justify-content to center to make fullwidth look better
392
+ - **link-button:** custom link component
393
+ - **link-button:** external link icon on target \_blank
394
+ - **linkButton:** use button style and fix the story for icon
395
+ - **logo:** add support for all `<div>` props, like className
396
+ - **logo:** html tag name fix
397
+ - **modal:** delete trigger button and fix styling
398
+ - **modal:** fix styling in css file
399
+ - **modal:** delete icon backgrund-color in css file
400
+ - **modal:** update modal docs
401
+ - **modal:** fix bug of unopenable modal + new docs
402
+ - **modal:** fix spacing
403
+ - **modal:** adjust max height and overflow
404
+ - **multi-select:** style adjustments
405
+ - **multi-select:** support for all default key
406
+ - **multi-select:** validation
407
+ - **multi-select:** change remove to update list
408
+ - **multi-select:** support modals
409
+ - **multi-select:** null on item fix
410
+ - **multi-select:** fix intermittent errors in tag removal
411
+ - **radio:** remove padding
412
+ - **radio:** change padding on label and helper text
413
+ - **radio:** remove invalid line and fix css
414
+ - **radio:** change gap between elements to 0.5rem
415
+ - **radio:** change the styling in focus visible to a variable
416
+ - **radio:** move radioGroup storybook to radio storybook, and fix tsconfig
417
+ - **search-field:** update icon size
418
+ - **search-field:** inherit focus from text-field
419
+ - **search-field:** fix padding to remove style error between button and input
420
+ - **select:** remove padding and add variables
421
+ - **select:** fix list spacing
422
+ - **select:** change to lucide icon
423
+ - **select:** fix icon alignment
424
+ - **select:** remove hard value
425
+ - **select:** add aria-expanded to css to rotate chevron icon
426
+ - **select:** change to border
427
+ - **select:** update icon size
428
+ - **select:** change box-shadow to border
429
+ - **select:** change the styling in focus visible to a variable
430
+ - **select:** support modals
431
+ - **table:** use client
432
+ - **table:** update icon size
433
+ - **tabs:** new focus state
434
+ - **tabs:** fix styles
435
+ - **tabs:** responsive
436
+ - **tag:** fix stories and css and delete unuse codes
437
+ - **tag:** styling + dismissable
438
+ - **textarea:** fix handleChange run when element focus
439
+ - **textarea:** remove focus animation
440
+ - **textarea:** fix focus
441
+ - **textarea:** change color
442
+ - **text-field:** fix text color in invald error to red color
443
+ - **text-field:** fix text color in invald error to red color
444
+ - **text-field:** update icon size
445
+ - **text-field:** remove focus animation
446
+ - **text-field:** fix focus
447
+ - **text-field:** update error message docs + support
448
+ - **text-field:** change error message when > maxCharacter
449
+ - **text-field, textarea:** fix spacing
450
+ - **theme:** include tokens again
451
+ - **toast:** larger icon
452
+ - **toast:** fix button size
453
+ - **toast:** update icon size
454
+ - **toast:** new focus state
455
+ - **ui:** add modal
456
+ - **ui:** update theme version
313
457
 
314
- ### ❤️ Thank You
458
+ ### ⚠️ Breaking Changes
315
459
 
316
- - jabir Khalil
317
- - pixelrickdreamer
318
- - Wilhelm Hjelm
460
+ - **modal:** new API
461
+ - **card:** new card api
319
462
 
320
463
  ## 1.0.1 (2025-01-27)
321
464
 
322
465
  ### 🚀 Features
323
466
 
467
+ - **tag:** create a new component
468
+ - **modal:** create a new component
469
+ - **modal:** fix styling, delete not used codes and add button component
470
+ - **button:** added tertiary and danger themes
471
+ - **button:** remove underline from tertiary button
472
+ - **button:** add icon and iconSize prop and logic to make icon smaller when size=small
473
+ - **button:** add property to change button's icon direction
474
+ - **button:** change inline style to class style
475
+ - **button:** add buttongroup component, move mobile rules
476
+ - ⚠️ **card:** new api, replace button with stretched link
477
+ - **card:** support custom link component
478
+ - **checkbox:** select all checkbox
479
+ - **checkbox:** new wrapper
480
+ - **combobox:** create a combobox component with styling
481
+ - **date-picker:** new wrapper
482
+ - **date-picker:** datepicker renamed daterangepicker in favor of datepicker
483
+ - **dropdown:** new component
484
+ - **fileupload:** new wrapper
485
+ - **flex:** add fluid variant
486
+ - **flex:** can now take all props of usual div
487
+ - **grid:** add fluid variant
488
+ - **grid:** can now take all props of usual div
489
+ - **info-banner:** add support for ReactNodes in message
490
+ - **info-banner:** dismissable banner
491
+ - **link:** add standalone link variant
492
+ - **link:** ability to stretch link in parent
493
+ - **link:** add icon in prop, add disabeld, and add states in css
494
+ - **link-button:** inherits api from button
495
+ - **link-button:** add own style, delete unuse codes, and fix the stories
496
+ - **link-button:** add full width
497
+ - **linkButton:** add icon
498
+ - **logo:** new variants and refactor
499
+ - **multi-select:** new component
500
+ - **radio:** new wrapper
501
+ - **searchfield:** props rewrite
502
+ - **select:** new wrapper
503
+ - **sidebar:** new component
504
+ - **table:** new component!
505
+ - **table:** add docs + striped option
506
+ - **tag:** new component
507
+ - **tertiary button:** change padding
508
+ - **textArea:** creat textArea component
324
509
  - **textarea:** new component
510
+ - **textarea:** new wrapper
511
+ - **text-field:** add ssn validation
512
+ - **text-field:** support counter and maxCharacters
513
+ - **ui:** export new components
325
514
 
326
515
  ### 🩹 Fixes
327
516
 
328
- - fix the link path in readme
329
- - **modal:** update modal docs
330
- - dependencies
331
- - **docs:** update url
332
- - **docs:** update url
333
- - **docs:** fix storybook link
334
- - new readme + doc build
335
- - change node version on deploy
336
- - **docs:** mend broken pages
517
+ - **accordion:** hover on trigger
518
+ - **accordion:** update icon size
519
+ - **accordion:** color on iOS
520
+ - **breadcrumbs:** fix styles + new build
521
+ - **button:** add large option to size in storybook and fix styling to tertiary
522
+ - **button:** change name large to null in the size option in storybook
523
+ - **button:** add icon variant
524
+ - **button:** share api with link-button
525
+ - **button:** change property name to iconPlacement
526
+ - **button:** delete unused inline style and fix merge
527
+ - **button:** adjust spacing
528
+ - **button:** update icon size
529
+ - **button:** fix styling to focus-visible state
530
+ - **button:** delete the third box-shadow and fix style to all
531
+ - **button:** remove the duplicated code
532
+ - **button:** move the styling from global to under button class
533
+ - **button:** add variable focus in tokens.css and fix the style with variable
534
+ - **button:** add press style on icon btn
535
+ - **button:** change the styling in focus visible to a variable
536
+ - **button:** correct spacing on icon button
537
+ - **button:** remove pixel and rem mixing
538
+ - **card:** accessibility fix on icon
539
+ - **card:** only animate out arrow
540
+ - **card:** correct border-color
541
+ - **card:** better column stretching
542
+ - **card:** support custom link
543
+ - **checkbox:** change styling of description
544
+ - **checkbox:** change to luide icon and fix css
545
+ - **checkbox:** change back to polyline for checkmark
546
+ - **checkbox:** add the animation back again
547
+ - **checkbox:** remove unused icons
548
+ - **checkbox:** change gap to 0.5rem
549
+ - **checkbox:** remove left line when invalid
550
+ - **checkbox:** adjust styling
551
+ - **checkbox:** select all can be indeterminate
552
+ - **checkbox:** change the styling in focus visible to a variable
553
+ - **checkbox:** fix state could be null
554
+ - **combobox:** add a story autocomplete,fix storybook name,the tag to ComboBox,and style focus state
555
+ - **combobox:** fix disabled state style and fix combobox test
556
+ - **combobox:** rewrite to new wrapper
557
+ - **combobox:** fix props
558
+ - **combobox:** button alignment
559
+ - **combobox:** focus style fix
560
+ - **combobox:** chevron icon will be upp when select is opened
561
+ - **combobox:** add aria-expanded to css to rotate chevron icon
562
+ - **combobox:** update icon size
563
+ - **combobox:** fix style
564
+ - **combobox:** support modals
565
+ - **combobox:** color on iOS
566
+ - **date-picker:** correct colors
567
+ - **date-picker:** update icon size
568
+ - **date-picker:** change the styling in focus visible to a variable
569
+ - **date-picker:** add variable
570
+ - **date-picker:** new focus state
571
+ - **date-picker:** spacing on timefields
572
+ - **date-picker:** support modals
573
+ - **date-picker:** color on iOS
337
574
  - **docs:** change doc structure
338
-
339
- ### ❤️ Thank You
340
-
341
- - jabir Khalil
342
- - Wilhelm Hjelm
343
-
344
- # 1.0.0 (2025-01-27)
345
-
346
- ### 🚀 Features
347
-
348
- - **textarea:** new component
349
-
350
- ### 🩹 Fixes
351
-
352
- - fix the link path in readme
353
- - **modal:** update modal docs
354
- - dependencies
355
- - **docs:** update url
356
- - **docs:** update url
357
- - **docs:** fix storybook link
358
- - new readme + doc build
359
- - change node version on deploy
575
+ - **docs:** accessibility is back
360
576
  - **docs:** mend broken pages
361
- - **docs:** change doc structure
577
+ - **docs:** fix top banner
578
+ - **docs:** updates to accommodate storybook
579
+ - **docs:** remove "build with"
580
+ - **docs:** fix storybook link
581
+ - **docs:** new frontpage
582
+ - **file-upload:** fix text overflow mobile
583
+ - **flex:** better column stretching
584
+ - **flex:** fix column wrapping
585
+ - **grid:** better column stretching
586
+ - **info-banner:** fix dismissable button
587
+ - **info-banner:** add div props to info-banner
588
+ - **info-banner:** fix classname info clsx
589
+ - **info-banner:** update icon size
590
+ - **link:** icon stays in size
591
+ - **link:** ignore icon prop if link is standalone
592
+ - **link:** fix style to center the icon with text
593
+ - **link:** fix the wrong style
594
+ - **link:** add style underline to hover and active state
595
+ - **link:** add visited state to css
596
+ - **link:** add url address which leads to link component in docs
597
+ - **link:** support custom link component
598
+ - **link-button:** fix styling justify-content
599
+ - **link-button:** fix padding
600
+ - **link-button:** adjust styles + add focus styles
601
+ - **link-button:** add variants
602
+ - **link-button:** change gap to 0.5rem
603
+ - **link-button:** change justify-content to center to make fullwidth look better
604
+ - **link-button:** custom link component
605
+ - **link-button:** external link icon on target \_blank
606
+ - **linkButton:** use button style and fix the story for icon
607
+ - **logo:** add support for all `<div>` props, like className
608
+ - **logo:** html tag name fix
609
+ - **modal:** delete trigger button and fix styling
610
+ - **modal:** delete unused styling, and move styling for storybook to storybook
611
+ - **modal:** fix styling in css file
612
+ - **modal:** delete icon background-color in css file
613
+ - **modal:** update modal docs
614
+ - **modal:** fix bug of unopenable modal + new docs
615
+ - **modal:** fix spacing
616
+ - **modal:** adjust max height and overflow
617
+ - **multi-select:** style adjustments
618
+ - **multi-select:** support for all default key
619
+ - **multi-select:** validation
620
+ - **multi-select:** support modals
621
+ - **multi-select:** null on item fix
622
+ - **multi-select:** fix intermittent errors in tag removal
623
+ - **radio:** remove padding
624
+ - **radio:** change padding on label and helper text
625
+ - **radio:** remove invalid line and fix css
626
+ - **radio:** change gap between elements to 0.5rem
627
+ - **radio:** change the styling in focus visible to a variable
628
+ - **search-field:** update icon size
629
+ - **search-field:** inherit focus from text-field
630
+ - **search-field:** fix padding to remove style error between button and input
631
+ - **select:** remove padding and add variables
632
+ - **select:** fix list spacing
633
+ - **select:** use client
634
+ - **select:** change to lucide icon
635
+ - **select:** fix icon alignment
636
+ - **select:** remove hard value
637
+ - **select:** add aria-expanded to css to rotate chevron icon
638
+ - **select:** change to border
639
+ - **select:** update icon size
640
+ - **select:** change box-shadow to border
641
+ - **select:** change the styling in focus visible to a variable
642
+ - **select:** support modals
643
+ - **table:** update icon size
644
+ - **tabs:** new focus state
645
+ - **tabs:** fix styles
646
+ - **tabs:** responsive
647
+ - **tag:** styling + dismissable
648
+ - **text-field:** fix text color in invald error to red color
649
+ - **textarea:** fix handleChange run when element focus
650
+ - **textarea:** remove focus animation
651
+ - **textarea:** fix focus
652
+ - **textarea:** fix to show the error when the characters be more from max
653
+ - **textarea:** change color
654
+ - **textarea:** change error message at maxCharacters
655
+ - **text-field:** remove padding
656
+ - **text-field:** fix alignment
657
+ - **text-field:** fix error message alignment
658
+ - **text-field:** fix text color in invald error to red color
659
+ - **text-field:** update icon size
660
+ - **text-field:** remove focus animation
661
+ - **text-field:** fix focus
662
+ - **text-field:** change error message when > maxCharacter
663
+ - **text-field, textarea:** fix spacing
664
+ - **toast:** larger icon
665
+ - **toast:** fix button size + new build
666
+ - **toast:** update icon size
667
+ - **toast:** new focus state
668
+ - **ui:** add modal
362
669
 
363
- ### ❤️ Thank You
670
+ ### ⚠️ Breaking Changes
364
671
 
365
- - jabir Khalil
366
- - Wilhelm Hjelm
672
+ - **modal:** new API
673
+ - **card:** new card api
674
+ - ⚠️ **toast:** new build
675
+ - ⚠️ **text-field:** new build
676
+ - ⚠️ **textarea:** new build
677
+ - ⚠️ **tabs:** new build
678
+ - ⚠️ **table:** new build
679
+ - ⚠️ **spinner:** new build
680
+ - ⚠️ **select:** new build
681
+ - ⚠️ **search-field:** new build
682
+ - ⚠️ **radio:** new build + replace vite test
683
+ - ⚠️ **logo:** new build
684
+ - ⚠️ **link-button:** new build
685
+ - ⚠️ **link:** new build
686
+ - ⚠️ **info-banner:** new build
687
+ - ⚠️ **grid:** new build
688
+ - ⚠️ **flex:** new build
689
+ - ⚠️ **file-upload:** new build
690
+ - ⚠️ **date-picker:** new build
691
+ - ⚠️ **combobox:** new build
692
+ - ⚠️ **checkbox:** new build
693
+ - ⚠️ **card:** new build
694
+ - ⚠️ **button:** new build
695
+ - ⚠️ **breadcrumbs:** new build
696
+ - ⚠️ **accordion:** new build
697
+
698
+ # Changelog
699
+
700
+ All notable changes to this project will be documented in this file. See [conventional commits](https://www.conventionalcommits.org/) for commit guidelines.
701
+
702
+ ---