@navikt/ds-css 4.4.0 → 4.4.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 +57 -332
- package/chat.css +5 -5
- package/dist/component/chat.css +5 -5
- package/dist/component/chat.min.css +1 -1
- package/dist/component/index.css +6 -6
- package/dist/component/index.min.css +1 -1
- package/dist/components.css +5 -5
- package/dist/components.min.css +1 -1
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +6 -6
- package/dist/index.min.css +1 -1
- package/package.json +2 -2
- package/tokens.json +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,528 +1,253 @@
|
|
|
1
1
|
# @navikt/ds-css
|
|
2
2
|
|
|
3
|
+
## 4.4.2
|
|
4
|
+
|
|
5
|
+
## 4.4.1
|
|
6
|
+
|
|
7
|
+
### Patch Changes
|
|
8
|
+
|
|
9
|
+
- :lipstick: Chat: fjernet border, satt avatar svg til 24x24px, byttet om "subtle" og "neutral" ([#2077](https://github.com/navikt/aksel/pull/2077))
|
|
10
|
+
|
|
3
11
|
## 4.4.0
|
|
4
12
|
|
|
5
13
|
### Minor Changes
|
|
6
14
|
|
|
7
|
-
- [
|
|
15
|
+
- Shadow-tokens er oppdatert: Datepicker har nå ikke border, Modal bruker shadow-xlarge, LinkCard bruker shadow-xsmall ([PR](https://github.com/navikt/aksel/pull/2041))
|
|
8
16
|
|
|
9
17
|
## 4.3.0
|
|
10
18
|
|
|
11
19
|
### Minor Changes
|
|
12
20
|
|
|
13
|
-
- [
|
|
21
|
+
- Popover/Helptext: Maksbredde på 100vw - 1.5rem. Treffer ikke lengre kanten på skjermen. ([PR](https://github.com/navikt/aksel/pull/2069))
|
|
14
22
|
|
|
15
23
|
### Patch Changes
|
|
16
24
|
|
|
17
|
-
- [
|
|
25
|
+
- ExpansionCard: Ved nesting av komponetene fikk man styling fra parent ([PR](https://github.com/navikt/aksel/pull/2067))
|
|
18
26
|
|
|
19
27
|
## 4.2.0
|
|
20
28
|
|
|
21
29
|
### Minor Changes
|
|
22
30
|
|
|
23
|
-
- [
|
|
24
|
-
|
|
25
|
-
- :sparkles: Ny prop `size` som kan settes til "small" for en mer kompakt layout
|
|
26
|
-
- :sparkles: Ny prop `variant` som erstatter `backgroundColor` og `avatarBgColor`
|
|
27
|
-
- :sparkles: `avatar` er nå valgfritt
|
|
28
|
-
- :wheelchair: Forbedret UU
|
|
29
|
-
- :lipstick: Oppdatert utseende
|
|
30
|
-
|
|
31
|
-
## 4.1.7
|
|
32
|
-
|
|
33
|
-
### Patch Changes
|
|
34
|
-
|
|
35
|
-
- [`42b5af64a`](https://github.com/navikt/aksel/commit/42b5af64ab35d0f2d126d41f8fc3e61fe2834b36) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Fikset jsdom-problemer ved rendring av Timeline
|
|
36
|
-
|
|
37
|
-
## 4.1.6
|
|
38
|
-
|
|
39
|
-
## 4.1.5
|
|
31
|
+
- Chat: `small`-size, innebygde varianter for farge og oppdatert utseende. ([PR](https://github.com/navikt/aksel/pull/2048))
|
|
40
32
|
|
|
41
33
|
## 4.1.4
|
|
42
34
|
|
|
43
35
|
### Patch Changes
|
|
44
36
|
|
|
45
|
-
- [
|
|
46
|
-
|
|
47
|
-
## 4.1.3
|
|
48
|
-
|
|
49
|
-
## 4.1.2
|
|
37
|
+
- Readmore: setter nå eksplisitt color for å ikke arve text-subtle fra parent. ([PR](https://github.com/navikt/aksel/pull/2049))
|
|
50
38
|
|
|
51
39
|
## 4.1.1
|
|
52
40
|
|
|
53
41
|
### Patch Changes
|
|
54
42
|
|
|
55
|
-
-
|
|
43
|
+
- :bug: Fikset cursor-markering av tekst i skeleton.
|
|
56
44
|
|
|
57
45
|
## 4.1.0
|
|
58
46
|
|
|
59
47
|
### Minor Changes
|
|
60
48
|
|
|
61
|
-
- [
|
|
62
|
-
|
|
63
|
-
- Toggle Chips har nå varianter: neutral og action
|
|
64
|
-
- Toggle Chips har nå en ny prop: `checkmark` som slår av/på checkmark ved selected-state
|
|
65
|
-
|
|
66
|
-
- [#2036](https://github.com/navikt/aksel/pull/2036) [`b2f796d68`](https://github.com/navikt/aksel/commit/b2f796d681f1c1d76d26d1fd743268c8c618a854) Thanks [@KenAJoh](https://github.com/KenAJoh)! - - Oppdatert text-subtle og icon-subtle tokens til 700-skala (tidligere 600).
|
|
67
|
-
|
|
68
|
-
- Icon-subtle bruker nå grayalpha.
|
|
69
|
-
- Alle description-felter på fieldsets har nå text-subtle som farge.
|
|
70
|
-
|
|
71
|
-
- [#1821](https://github.com/navikt/aksel/pull/1821) [`db8c38a09`](https://github.com/navikt/aksel/commit/db8c38a094cd183db54aebecb62d5b223920a040) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :tada: Ny komponent Skeleton!
|
|
49
|
+
- Chips: `neutral` og `action`-varianter av Chips.Toggle. Opt-out mulighet for Checkmark. Oppdatert checkmark-ikon ([PR](https://github.com/navikt/aksel/pull/2035))
|
|
72
50
|
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
### Patch Changes
|
|
76
|
-
|
|
77
|
-
- [#2027](https://github.com/navikt/aksel/pull/2027) [`c028f36e2`](https://github.com/navikt/aksel/commit/c028f36e2bc58223ebf8b655980dde7eafb30add) Thanks [@JulianNymark](https://github.com/JulianNymark)! - :sparkles: La til `indent`-prop på Accordion
|
|
51
|
+
- Alle description-felter på fieldsets har nå `text-subtle` som farge. ([PR](https://github.com/navikt/aksel/pull/2036))
|
|
78
52
|
|
|
79
53
|
## 4.0.0
|
|
80
54
|
|
|
81
55
|
### Major Changes
|
|
82
56
|
|
|
83
|
-
-
|
|
84
|
-
|
|
85
|
-
- UNSAFE-prefix er fjernet fra Datepicker og Monthpicker
|
|
86
|
-
|
|
87
|
-
```bash
|
|
88
|
-
npx @navikt/aksel codemod v4-date
|
|
89
|
-
```
|
|
90
|
-
|
|
91
|
-
- [#2026](https://github.com/navikt/aksel/pull/2026) [`895bdc08e`](https://github.com/navikt/aksel/commit/895bdc08e50647d9b9186cbf0e9ab069323de56c) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :truck: Komponenter i `@navikt/ds-react-internal` er flyttet over til `@navikt/ds-react`
|
|
92
|
-
|
|
93
|
-
- `<Header />` er renamet til `<InternalHeader />`
|
|
94
|
-
- Dropdown, Timeline og InternalHeader(Header) er flyttet over til `@navikt/ds-react`
|
|
95
|
-
- All styling fra `@navikt/ds-css-internal` er flyttet til `@navikt/ds-css` og classname-prefix er endret fra `navdsi` -> `navds` for flyttede komponenter. Sett opp [stylelint med configen vår](https://aksel.nav.no/grunnleggende/kode/stylelint), så vil du få feilmelding om du bruker gamle klassenavn.
|
|
96
|
-
- Fikset cascading-problem mellom dropdown og popover. Dropdown blir ikke lengre påvirket av import-rekkefølge av popover.
|
|
97
|
-
- Styling for flyttede komponenter finnes nå på CDN (https://aksel.nav.no/grunnleggende/kode/css-import)
|
|
98
|
-
|
|
99
|
-
Kjør codemod for migrering:
|
|
100
|
-
|
|
101
|
-
```bash
|
|
102
|
-
// React
|
|
103
|
-
npx @navikt/aksel codemod v4-internal-react
|
|
57
|
+
- All styling fra `@navikt/ds-css-internal` er flyttet til `@navikt/ds-css`. ([PR](https://github.com/navikt/aksel/pull/2026))
|
|
104
58
|
|
|
105
|
-
|
|
106
|
-
npx @navikt/aksel codemod v4-internal-css
|
|
107
|
-
```
|
|
59
|
+
- classname-prefix er endret fra `navdsi` -> `navds` for flyttede komponenter.
|
|
108
60
|
|
|
109
|
-
|
|
61
|
+
- Fikset cascading-problem mellom dropdown og popover. Dropdown blir ikke lengre påvirket av import-rekkefølge av popover.
|
|
110
62
|
|
|
111
|
-
|
|
63
|
+
- Styling for flyttede komponenter finnes nå på CDN [Guide](https://aksel.nav.no/grunnleggende/kode/css-import)
|
|
112
64
|
|
|
113
65
|
## 3.4.0
|
|
114
66
|
|
|
115
67
|
### Minor Changes
|
|
116
68
|
|
|
117
|
-
- [
|
|
118
|
-
|
|
119
|
-
## 3.3.1
|
|
120
|
-
|
|
121
|
-
## 3.3.0
|
|
122
|
-
|
|
123
|
-
## 3.2.4
|
|
124
|
-
|
|
125
|
-
### Patch Changes
|
|
126
|
-
|
|
127
|
-
- [#2000](https://github.com/navikt/aksel/pull/2000) [`30eee0dac`](https://github.com/navikt/aksel/commit/30eee0dac4e3e5a1379033283a6885e646e80458) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :bug: Search støtter nå htmlSize-prop
|
|
69
|
+
- Tag: `moderate`-variant ([PR](https://github.com/navikt/aksel/pull/2010))
|
|
128
70
|
|
|
129
71
|
## 3.2.3
|
|
130
72
|
|
|
131
73
|
### Patch Changes
|
|
132
74
|
|
|
133
|
-
- [
|
|
134
|
-
|
|
135
|
-
- :recycle: Refactored Datepicker.Input-button for bugfix
|
|
136
|
-
|
|
137
|
-
- [#1994](https://github.com/navikt/aksel/pull/1994) [`444e905e0`](https://github.com/navikt/aksel/commit/444e905e01965fd5cac40ff20c5225b072e67221) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :tada: CopyButton har nå en `xsmall`-variant
|
|
138
|
-
|
|
139
|
-
- Kan nå lettere brukes i tabeller
|
|
75
|
+
- Datepicker: Fikset small-variant av datepicker-input. ([PR](https://github.com/navikt/aksel/pull/1993))
|
|
140
76
|
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
## 3.2.1
|
|
144
|
-
|
|
145
|
-
## 3.2.0
|
|
146
|
-
|
|
147
|
-
### Minor Changes
|
|
148
|
-
|
|
149
|
-
- [#1982](https://github.com/navikt/aksel/pull/1982) [`affcab14c`](https://github.com/navikt/aksel/commit/affcab14c3d536929dfa64a36f5b43f9d0e8c3b7) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :sparkles: Ny komponent `<CopyButton />`!
|
|
150
|
-
|
|
151
|
-
- Erstatter `<CopyToClipboard />` fra `@navikt/ds-react-internal`
|
|
152
|
-
- CopyToClipboard er markert som deprecated. Den vil fortsatt fungere, men noen lintere vil kunne ende opp med å klage på den.
|
|
77
|
+
- CopyButton: `xsmall`-size for bruk i tabeller ([PR](https://github.com/navikt/aksel/pull/1994))
|
|
153
78
|
|
|
154
79
|
## 3.1.3
|
|
155
80
|
|
|
156
81
|
### Patch Changes
|
|
157
82
|
|
|
158
|
-
-
|
|
159
|
-
|
|
160
|
-
- Medium og Small er begge 10px lavere
|
|
161
|
-
- Mindre border-radius
|
|
162
|
-
|
|
163
|
-
## 3.1.2
|
|
164
|
-
|
|
165
|
-
## 3.1.1
|
|
83
|
+
- :lipstick: Oppdatert utseende for ToggleGroup. `Medium` og `Small`-size er begge 10px lavere, mindre border-radius ([PR](https://github.com/navikt/aksel/pull/1976))
|
|
166
84
|
|
|
167
85
|
## 3.1.0
|
|
168
86
|
|
|
169
87
|
### Minor Changes
|
|
170
88
|
|
|
171
|
-
-
|
|
172
|
-
(Alle komponenter som bruker `:focus-visible` har også en fallback for `:focus`)
|
|
89
|
+
- Alle komponenter bruker nå default `:focus-visible` for fokusmarkering. Medfølger også fallback for `:focus` ([PR](https://github.com/navikt/aksel/pull/1966))
|
|
173
90
|
|
|
174
91
|
### Patch Changes
|
|
175
92
|
|
|
176
|
-
- [
|
|
177
|
-
|
|
178
|
-
## 3.0.1
|
|
93
|
+
- Oppdatert Label og Description spacing for skjemakomponenter ([PR](https://github.com/navikt/aksel/pull/1967))
|
|
179
94
|
|
|
180
95
|
## 3.0.0
|
|
181
96
|
|
|
182
97
|
### Major Changes
|
|
183
98
|
|
|
184
|
-
- [
|
|
185
|
-
|
|
186
|
-
- Accordion oppdatet til å ha chevron left-aligned.
|
|
187
|
-
- Neutral-variant lagt til
|
|
188
|
-
- Diverse nye size-options for heading og paddinger.
|
|
189
|
-
- Deler av Accordion-CSS er refaktorert. Dette vil kunne brekke overskrevne stiler.
|
|
190
|
-
|
|
191
|
-
- [#1964](https://github.com/navikt/aksel/pull/1964) [`166ee5feb`](https://github.com/navikt/aksel/commit/166ee5feb3c987c4e633eb449812116bfd865d3f) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Aksels løsninger bruker nå `@navikt/aksel-icons`
|
|
192
|
-
|
|
193
|
-
**Sideeffects av ikonendringer**
|
|
194
|
-
|
|
195
|
-
- Komponenter som tidligere brukte Expand-ikon har fått oppdatert animasjon (table, readmore og accordion)
|
|
196
|
-
- Alert bruker samme ikonstørrelse for alle størrelser
|
|
197
|
-
- Chips har justert padding/ikonstørrelser
|
|
198
|
-
- Datepicker hover-bug på knapper er fikset
|
|
199
|
-
- Helptekst bruker nå et custom-ikon.
|
|
200
|
-
- Select har fått justert padding rundt ikon
|
|
201
|
-
- Switch bruker samme checkmark som checkbox, er nå avrundet
|
|
202
|
-
- ReadMore har justert margin for alignment med ikon, fjernet content-animasjon
|
|
203
|
-
- Tabs bruker default text-default nå
|
|
204
|
-
- Stepper har endret hvordan den styler checkmark-ikon.
|
|
205
|
-
|
|
206
|
-
## 2.9.8
|
|
207
|
-
|
|
208
|
-
## 2.9.7
|
|
209
|
-
|
|
210
|
-
## 2.9.6
|
|
211
|
-
|
|
212
|
-
## 2.9.5
|
|
213
|
-
|
|
214
|
-
## 2.9.4
|
|
215
|
-
|
|
216
|
-
## 2.9.3
|
|
217
|
-
|
|
218
|
-
## 2.9.2
|
|
219
|
-
|
|
220
|
-
## 2.9.1
|
|
99
|
+
- Accordion: Chevron er left-aligned, deler av styling er refaktorert, `size`-props og `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1964))
|
|
221
100
|
|
|
222
101
|
## 2.9.0
|
|
223
102
|
|
|
224
103
|
### Minor Changes
|
|
225
104
|
|
|
226
|
-
- [
|
|
227
|
-
|
|
228
|
-
- Kan lastest fra CDN
|
|
229
|
-
- Tilbys nå i minified-versjoner
|
|
230
|
-
- Kommandoline: `npx @navikt/aksel css-imports` for å raskt komme i gang med CSS-optimalisering
|
|
231
|
-
|
|
232
|
-
## 2.8.16
|
|
233
|
-
|
|
234
|
-
## 2.8.15
|
|
235
|
-
|
|
236
|
-
### Patch Changes
|
|
237
|
-
|
|
238
|
-
- [#1930](https://github.com/navikt/aksel/pull/1930) [`6682be1c8`](https://github.com/navikt/aksel/commit/6682be1c8e6562213c64e5be4bed70fef54ab865) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alle pakker implementerer nå npm provenance (beta)
|
|
239
|
-
|
|
240
|
-
## 2.8.14
|
|
241
|
-
|
|
242
|
-
### Patch Changes
|
|
243
|
-
|
|
244
|
-
- [`f0d9a8853`](https://github.com/navikt/aksel/commit/f0d9a8853f56854a4049bd3f6cc34968e9d6c380) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Fixes shown month on open in Datepicker/MonthPicker, better handling of out-of-range 'today'
|
|
245
|
-
|
|
246
|
-
## 2.8.13
|
|
247
|
-
|
|
248
|
-
## 2.8.12
|
|
249
|
-
|
|
250
|
-
## 2.8.11
|
|
251
|
-
|
|
252
|
-
## 2.8.10
|
|
105
|
+
- CSS nå tilgjengelig som separate filer: Kan lastest fra CDN, minified-versjoner tilgjengelig ([PR](https://github.com/navikt/aksel/pull/1941))
|
|
253
106
|
|
|
254
107
|
## 2.8.9
|
|
255
108
|
|
|
256
109
|
### Patch Changes
|
|
257
110
|
|
|
258
|
-
- [
|
|
259
|
-
|
|
260
|
-
## 2.8.8
|
|
111
|
+
- Button: Padding/border-radius tokens ([PR](https://github.com/navikt/aksel/pull/1905))
|
|
261
112
|
|
|
262
113
|
## 2.8.7
|
|
263
114
|
|
|
264
115
|
### Patch Changes
|
|
265
116
|
|
|
266
|
-
-
|
|
117
|
+
- Button: token for tertiary
|
|
267
118
|
|
|
268
119
|
## 2.8.6
|
|
269
120
|
|
|
270
121
|
### Patch Changes
|
|
271
122
|
|
|
272
|
-
-
|
|
123
|
+
- Alert, Chips og ErrorSummary har nå bedre utvalg av tokens
|
|
273
124
|
|
|
274
125
|
## 2.8.5
|
|
275
126
|
|
|
276
127
|
### Patch Changes
|
|
277
128
|
|
|
278
|
-
-
|
|
279
|
-
|
|
280
|
-
- [#1879](https://github.com/navikt/aksel/pull/1879) [`55b585618`](https://github.com/navikt/aksel/commit/55b585618341a4d8bf26ed9b9e129d897b1600dc) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :bug: Fikset tekstfarge i select på iphone
|
|
281
|
-
|
|
282
|
-
## 2.8.4
|
|
129
|
+
- Accordion: tokens for header-bakgrunn
|
|
283
130
|
|
|
284
|
-
|
|
131
|
+
- Select: Fikset tekstfarge på iphone ([PR](https://github.com/navikt/aksel/pull/1879))
|
|
285
132
|
|
|
286
133
|
## 2.8.2
|
|
287
134
|
|
|
288
135
|
### Patch Changes
|
|
289
136
|
|
|
290
|
-
- [
|
|
291
|
-
|
|
292
|
-
## 2.8.1
|
|
293
|
-
|
|
294
|
-
## 2.8.0
|
|
295
|
-
|
|
296
|
-
### Minor Changes
|
|
297
|
-
|
|
298
|
-
- [#1820](https://github.com/navikt/aksel/pull/1820) [`c6d51a019`](https://github.com/navikt/aksel/commit/c6d51a01902e4fd7916a422e17ed175f39acd458) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :tada: Ny komponent! ExpansionCard. Oppfølger fra gammel Ekspanderbartpanel.
|
|
137
|
+
- ExpansioCard: Oppdatert typografi ([PR](https://github.com/navikt/aksel/pull/1870))
|
|
299
138
|
|
|
300
139
|
## 2.7.8
|
|
301
140
|
|
|
302
141
|
### Patch Changes
|
|
303
142
|
|
|
304
|
-
- [
|
|
305
|
-
|
|
306
|
-
## 2.7.7
|
|
307
|
-
|
|
308
|
-
## 2.7.6
|
|
143
|
+
- Tabs: La til focus-markering for Tabs.Panel ([PR](https://github.com/navikt/aksel/pull/1863))
|
|
309
144
|
|
|
310
145
|
## 2.7.5
|
|
311
146
|
|
|
312
147
|
### Patch Changes
|
|
313
148
|
|
|
314
|
-
- :
|
|
315
|
-
|
|
316
|
-
## 2.7.4
|
|
317
|
-
|
|
318
|
-
## 2.7.3
|
|
319
|
-
|
|
320
|
-
## 2.7.2
|
|
321
|
-
|
|
322
|
-
## 2.7.1
|
|
323
|
-
|
|
324
|
-
## 2.7.0
|
|
325
|
-
|
|
326
|
-
## 2.6.2
|
|
327
|
-
|
|
328
|
-
## 2.6.1
|
|
329
|
-
|
|
330
|
-
## 2.6.0
|
|
331
|
-
|
|
332
|
-
## 2.5.1
|
|
333
|
-
|
|
334
|
-
## 2.5.0
|
|
149
|
+
- ToggleGroup: Fikset token-bug
|
|
335
150
|
|
|
336
151
|
## 2.4.3
|
|
337
152
|
|
|
338
153
|
### Patch Changes
|
|
339
154
|
|
|
340
|
-
-
|
|
155
|
+
- Select: Fikset disabled + opacity bug for Chrome
|
|
341
156
|
|
|
342
157
|
## 2.4.2
|
|
343
158
|
|
|
344
159
|
### Patch Changes
|
|
345
160
|
|
|
346
|
-
- [
|
|
347
|
-
|
|
348
|
-
## 2.4.1
|
|
349
|
-
|
|
350
|
-
## 2.4.0
|
|
351
|
-
|
|
352
|
-
### Minor Changes
|
|
353
|
-
|
|
354
|
-
- [#1807](https://github.com/navikt/aksel/pull/1807) [`70eeb24b3`](https://github.com/navikt/aksel/commit/70eeb24b38ac871c7f2e31e1621b949669c401b6) Thanks [@kschieren](https://github.com/kschieren)! - Added List component
|
|
161
|
+
- List: La til støtte for nesting ([PR](https://github.com/navikt/aksel/pull/1823))
|
|
355
162
|
|
|
356
163
|
## 2.3.1
|
|
357
164
|
|
|
358
165
|
### Patch Changes
|
|
359
166
|
|
|
360
|
-
-
|
|
167
|
+
- Fikset feil bruk av fallback-tokens i Textarea og Timeline
|
|
361
168
|
|
|
362
169
|
## 2.3.0
|
|
363
170
|
|
|
364
171
|
### Minor Changes
|
|
365
172
|
|
|
366
|
-
- [
|
|
173
|
+
- Select: Fikset sentrering av tekst i Firefox ([PR](https://github.com/navikt/aksel/pull/1813))
|
|
367
174
|
|
|
368
175
|
### Patch Changes
|
|
369
176
|
|
|
370
|
-
-
|
|
177
|
+
- Select: `small`-variant er nå 32px (var 34px)
|
|
371
178
|
|
|
372
179
|
## 2.2.0
|
|
373
180
|
|
|
374
181
|
### Minor Changes
|
|
375
182
|
|
|
376
|
-
- [
|
|
377
|
-
|
|
378
|
-
## 2.1.7
|
|
379
|
-
|
|
380
|
-
## 2.1.6
|
|
183
|
+
- ToggleGroup: `Neutral`-variant. ([PR](https://github.com/navikt/aksel/pull/1789))
|
|
381
184
|
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
## 2.1.4
|
|
385
|
-
|
|
386
|
-
## 2.1.3
|
|
185
|
+
- Button: `Neutral`-variant.
|
|
387
186
|
|
|
388
187
|
## 2.1.2
|
|
389
188
|
|
|
390
189
|
### Patch Changes
|
|
391
190
|
|
|
392
|
-
-
|
|
393
|
-
|
|
394
|
-
## 2.1.1
|
|
395
|
-
|
|
396
|
-
## 2.1.0
|
|
397
|
-
|
|
398
|
-
## 2.0.18
|
|
399
|
-
|
|
400
|
-
## 2.0.17
|
|
401
|
-
|
|
402
|
-
## 2.0.16
|
|
403
|
-
|
|
404
|
-
## 2.0.15
|
|
405
|
-
|
|
406
|
-
### Patch Changes
|
|
407
|
-
|
|
408
|
-
- [#1748](https://github.com/navikt/aksel/pull/1748) [`22dfd8e60`](https://github.com/navikt/aksel/commit/22dfd8e60315c421749394d35e41f412a00a7593) Thanks [@KenAJoh](https://github.com/KenAJoh)! - toptextPosition prop i Chat for horisontal plassering av navn og dato.
|
|
409
|
-
|
|
410
|
-
## 2.0.14
|
|
411
|
-
|
|
412
|
-
## 2.0.13
|
|
191
|
+
- TextField: `small`-variant har nå 8px horisontal padding (før 4px)
|
|
413
192
|
|
|
414
193
|
## 2.0.12
|
|
415
194
|
|
|
416
195
|
### Patch Changes
|
|
417
196
|
|
|
418
|
-
- [
|
|
419
|
-
|
|
420
|
-
## 2.0.11
|
|
421
|
-
|
|
422
|
-
## 2.0.10
|
|
423
|
-
|
|
424
|
-
## 2.0.9
|
|
425
|
-
|
|
426
|
-
## 2.0.8
|
|
427
|
-
|
|
428
|
-
## 2.0.7
|
|
429
|
-
|
|
430
|
-
## 2.0.6
|
|
197
|
+
- Radio: Fikset default visuell error-state ([PR](https://github.com/navikt/aksel/pull/1737))
|
|
431
198
|
|
|
432
199
|
## 2.0.5
|
|
433
200
|
|
|
434
201
|
### Patch Changes
|
|
435
202
|
|
|
436
|
-
- Reverserte border-width
|
|
437
|
-
|
|
438
|
-
## 2.0.4
|
|
439
|
-
|
|
440
|
-
## 2.0.3
|
|
441
|
-
|
|
442
|
-
## 2.0.2
|
|
203
|
+
- Button: Reverserte border-width endrinder (var 1.5px, nå 2px)
|
|
443
204
|
|
|
444
205
|
## 2.0.1
|
|
445
206
|
|
|
446
207
|
### Patch Changes
|
|
447
208
|
|
|
448
|
-
-
|
|
209
|
+
- Bugfixer ved bruk av tokens oppdatert i v2.0.0
|
|
449
210
|
|
|
450
211
|
## 2.0.0
|
|
451
212
|
|
|
452
213
|
### Major Changes
|
|
453
214
|
|
|
454
|
-
-
|
|
215
|
+
- Fontlasting: Fonter lastes nå fra NAV-CDN
|
|
455
216
|
|
|
456
|
-
|
|
217
|
+
- Tokens: Alle komponenter bruker nå semantiske tokens for som standard, med innebygd støtte for komponent-spesifikke tokens.
|
|
457
218
|
|
|
458
219
|
## 1.5.9
|
|
459
220
|
|
|
460
221
|
### Patch Changes
|
|
461
222
|
|
|
462
|
-
- 4px -> 2px gap
|
|
463
|
-
|
|
464
|
-
## 1.5.8
|
|
465
|
-
|
|
466
|
-
## 1.5.7
|
|
467
|
-
|
|
468
|
-
## 1.5.6
|
|
469
|
-
|
|
470
|
-
## 1.5.5
|
|
471
|
-
|
|
472
|
-
## 1.5.4
|
|
473
|
-
|
|
474
|
-
### Patch Changes
|
|
475
|
-
|
|
476
|
-
- [#1709](https://github.com/navikt/aksel/pull/1709) [`77302a30b`](https://github.com/navikt/aksel/commit/77302a30b8eef8dc00b2d2e9c904a3f57da81a11) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Oppdatert ikoner
|
|
223
|
+
- Chips: 4px -> 2px gap mellom checkmark i Chips.Toggle
|
|
477
224
|
|
|
478
225
|
## 1.5.3
|
|
479
226
|
|
|
480
227
|
### Patch Changes
|
|
481
228
|
|
|
482
|
-
- Byttet om på alt-
|
|
483
|
-
|
|
484
|
-
## 1.5.2
|
|
485
|
-
|
|
486
|
-
### Patch Changes
|
|
487
|
-
|
|
488
|
-
- :memo: Rename FilterChips to ToggleChips
|
|
229
|
+
- Tokens: Byttet om på rekkefølge av alt-farger
|
|
489
230
|
|
|
490
231
|
## 1.5.1
|
|
491
232
|
|
|
492
233
|
### Patch Changes
|
|
493
234
|
|
|
494
|
-
-
|
|
235
|
+
- Chips. Bruker nå standard flex-wrap
|
|
495
236
|
|
|
496
237
|
## 1.5.0
|
|
497
238
|
|
|
498
239
|
### Minor Changes
|
|
499
240
|
|
|
500
|
-
- [
|
|
501
|
-
|
|
502
|
-
- [#1668](https://github.com/navikt/aksel/pull/1668) [`97c5f60e9`](https://github.com/navikt/aksel/commit/97c5f60e9111da7e08f55c8d0aa29581f0a9b1ca) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Chips komponent :sparkles:
|
|
503
|
-
|
|
504
|
-
## 1.4.4
|
|
241
|
+
- Tag: `filled`-varianter ([PR](https://github.com/navikt/aksel/pull/1684))
|
|
505
242
|
|
|
506
|
-
## 1.
|
|
507
|
-
|
|
508
|
-
### Patch Changes
|
|
509
|
-
|
|
510
|
-
- :sparkles: Validering og inputFormat i Date-komponenter
|
|
511
|
-
|
|
512
|
-
## 1.4.2
|
|
513
|
-
|
|
514
|
-
## 1.4.1
|
|
243
|
+
## 1.3.39
|
|
515
244
|
|
|
516
245
|
### Patch Changes
|
|
517
246
|
|
|
518
|
-
-
|
|
519
|
-
|
|
520
|
-
## 1.4.0
|
|
247
|
+
- Fikset bruk av `:watch` for diverse parsere (less, parcel)
|
|
521
248
|
|
|
522
|
-
## 1.3.
|
|
249
|
+
## 1.3.24
|
|
523
250
|
|
|
524
251
|
### Patch Changes
|
|
525
252
|
|
|
526
|
-
-
|
|
527
|
-
|
|
528
|
-
## 1.3.38
|
|
253
|
+
- Tokens tilgjengeligjøres nå også på `:host`. Dette lar shadow-dom brukere konsumere tokens direkte.
|
package/chat.css
CHANGED
|
@@ -26,7 +26,6 @@
|
|
|
26
26
|
align-items: center;
|
|
27
27
|
box-shadow: var(--a-shadow-xsmall);
|
|
28
28
|
background-color: var(--ac-chat-avatar-bg, var(--a-surface-neutral-subtle));
|
|
29
|
-
border: 1px solid var(--ac-chat-border-color, var(--a-border-subtle));
|
|
30
29
|
border-radius: var(--a-border-radius-full);
|
|
31
30
|
color: var(--ac-chat-avatar-color, var(--a-text-default));
|
|
32
31
|
display: flex;
|
|
@@ -35,14 +34,16 @@
|
|
|
35
34
|
overflow: hidden;
|
|
36
35
|
height: 2.5rem;
|
|
37
36
|
width: 2.5rem;
|
|
37
|
+
line-height: 2.5rem; /* Makes text properly vertically centered in Chrome */
|
|
38
38
|
font-size: 1.06rem;
|
|
39
39
|
letter-spacing: 0.024rem;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
.navds-chat__avatar svg {
|
|
43
43
|
align-self: center;
|
|
44
|
-
height: 100%;
|
|
45
44
|
width: 100%;
|
|
45
|
+
max-width: 1.5rem;
|
|
46
|
+
max-height: 1.5rem;
|
|
46
47
|
}
|
|
47
48
|
|
|
48
49
|
.navds-chat__bubble {
|
|
@@ -50,7 +51,6 @@
|
|
|
50
51
|
box-shadow: var(--a-shadow-xsmall);
|
|
51
52
|
width: fit-content;
|
|
52
53
|
background-color: var(--ac-chat-bubble-bg, var(--a-surface-neutral-subtle));
|
|
53
|
-
border: 1px solid var(--ac-chat-border-color, var(--a-border-subtle));
|
|
54
54
|
border-radius: var(--a-border-radius-xlarge);
|
|
55
55
|
border-bottom-left-radius: 2px;
|
|
56
56
|
display: flex;
|
|
@@ -72,8 +72,8 @@
|
|
|
72
72
|
background-color: var(--a-surface-info-subtle);
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
.navds-chat--
|
|
76
|
-
.navds-chat--
|
|
75
|
+
.navds-chat--subtle .navds-chat__bubble,
|
|
76
|
+
.navds-chat--subtle .navds-chat__avatar {
|
|
77
77
|
background-color: var(--a-surface-default);
|
|
78
78
|
}
|
|
79
79
|
|
package/dist/component/chat.css
CHANGED
|
@@ -26,7 +26,6 @@
|
|
|
26
26
|
align-items: center;
|
|
27
27
|
box-shadow: var(--a-shadow-xsmall);
|
|
28
28
|
background-color: var(--ac-chat-avatar-bg, var(--a-surface-neutral-subtle));
|
|
29
|
-
border: 1px solid var(--ac-chat-border-color, var(--a-border-subtle));
|
|
30
29
|
border-radius: var(--a-border-radius-full);
|
|
31
30
|
color: var(--ac-chat-avatar-color, var(--a-text-default));
|
|
32
31
|
display: flex;
|
|
@@ -35,14 +34,16 @@
|
|
|
35
34
|
overflow: hidden;
|
|
36
35
|
height: 2.5rem;
|
|
37
36
|
width: 2.5rem;
|
|
37
|
+
line-height: 2.5rem; /* Makes text properly vertically centered in Chrome */
|
|
38
38
|
font-size: 1.06rem;
|
|
39
39
|
letter-spacing: 0.024rem;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
.navds-chat__avatar svg {
|
|
43
43
|
align-self: center;
|
|
44
|
-
height: 100%;
|
|
45
44
|
width: 100%;
|
|
45
|
+
max-width: 1.5rem;
|
|
46
|
+
max-height: 1.5rem;
|
|
46
47
|
}
|
|
47
48
|
|
|
48
49
|
.navds-chat__bubble {
|
|
@@ -50,7 +51,6 @@
|
|
|
50
51
|
box-shadow: var(--a-shadow-xsmall);
|
|
51
52
|
width: fit-content;
|
|
52
53
|
background-color: var(--ac-chat-bubble-bg, var(--a-surface-neutral-subtle));
|
|
53
|
-
border: 1px solid var(--ac-chat-border-color, var(--a-border-subtle));
|
|
54
54
|
border-radius: var(--a-border-radius-xlarge);
|
|
55
55
|
border-bottom-left-radius: 2px;
|
|
56
56
|
display: flex;
|
|
@@ -72,8 +72,8 @@
|
|
|
72
72
|
background-color: var(--a-surface-info-subtle);
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
.navds-chat--
|
|
76
|
-
.navds-chat--
|
|
75
|
+
.navds-chat--subtle .navds-chat__bubble,
|
|
76
|
+
.navds-chat--subtle .navds-chat__avatar {
|
|
77
77
|
background-color: var(--a-surface-default);
|
|
78
78
|
}
|
|
79
79
|
|