@navikt/ds-css 4.4.0 → 4.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +55 -332
  2. package/chat.css +5 -5
  3. package/dist/component/chat.css +5 -5
  4. package/dist/component/chat.min.css +1 -1
  5. package/dist/component/index.css +6 -6
  6. package/dist/component/index.min.css +1 -1
  7. package/dist/components.css +5 -5
  8. package/dist/components.min.css +1 -1
  9. package/dist/global/tokens.css +1 -1
  10. package/dist/index.css +6 -6
  11. package/dist/index.min.css +1 -1
  12. package/package.json +2 -2
  13. package/tokens.json +0 -1
package/CHANGELOG.md CHANGED
@@ -1,528 +1,251 @@
1
1
  # @navikt/ds-css
2
2
 
3
+ ## 4.4.1
4
+
5
+ ### Patch Changes
6
+
7
+ - :lipstick: Chat: fjernet border, satt avatar svg til 24x24px, byttet om "subtle" og "neutral" ([#2077](https://github.com/navikt/aksel/pull/2077))
8
+
3
9
  ## 4.4.0
4
10
 
5
11
  ### Minor Changes
6
12
 
7
- - [#2041](https://github.com/navikt/aksel/pull/2041) [`de3626958`](https://github.com/navikt/aksel/commit/de3626958266d1271840fa341c36500ab66b573d) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Shadow-tokens er oppdatert til mer tydeligere varianter
13
+ - 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
14
 
9
15
  ## 4.3.0
10
16
 
11
17
  ### Minor Changes
12
18
 
13
- - [#2069](https://github.com/navikt/aksel/pull/2069) [`99c08b8e4`](https://github.com/navikt/aksel/commit/99c08b8e4ab33acd20a21719986452652ffe3c57) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Popover og Helptext har nå luft mot siden av skjerm på mindre flater
19
+ - Popover/Helptext: Maksbredde på 100vw - 1.5rem. Treffer ikke lengre kanten på skjermen. ([PR](https://github.com/navikt/aksel/pull/2069))
14
20
 
15
21
  ### Patch Changes
16
22
 
17
- - [#2067](https://github.com/navikt/aksel/pull/2067) [`d39ed906c`](https://github.com/navikt/aksel/commit/d39ed906c61149ac823ebab2e8974a105e592163) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :bug: Nested ExpansionCard fikk styling fra parent
23
+ - ExpansionCard: Ved nesting av komponetene fikk man styling fra parent ([PR](https://github.com/navikt/aksel/pull/2067))
18
24
 
19
25
  ## 4.2.0
20
26
 
21
27
  ### Minor Changes
22
28
 
23
- - [#2048](https://github.com/navikt/aksel/pull/2048) [`b1625ba38`](https://github.com/navikt/aksel/commit/b1625ba3882b430d678d0623922d7fb56aa724b3) Thanks [@HalvorHaugan](https://github.com/HalvorHaugan)! - Oppdatert Chat
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
29
+ - Chat: `small`-size, innebygde varianter for farge og oppdatert utseende. ([PR](https://github.com/navikt/aksel/pull/2048))
40
30
 
41
31
  ## 4.1.4
42
32
 
43
33
  ### Patch Changes
44
34
 
45
- - [#2049](https://github.com/navikt/aksel/pull/2049) [`e06096105`](https://github.com/navikt/aksel/commit/e060961050c75ec815e5c125001f1ff99106e298) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :bug: Subtle-description på form-elementer brakk bruk av Readmore
46
-
47
- ## 4.1.3
48
-
49
- ## 4.1.2
35
+ - Readmore: setter nå eksplisitt color for å ikke arve text-subtle fra parent. ([PR](https://github.com/navikt/aksel/pull/2049))
50
36
 
51
37
  ## 4.1.1
52
38
 
53
39
  ### Patch Changes
54
40
 
55
- - [`91343563c`](https://github.com/navikt/aksel/commit/91343563c916a554d8ade5401c28ab4c3b3e26af) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :bug: Fikset markering av tekst i skeleton.
41
+ - :bug: Fikset cursor-markering av tekst i skeleton.
56
42
 
57
43
  ## 4.1.0
58
44
 
59
45
  ### Minor Changes
60
46
 
61
- - [#2035](https://github.com/navikt/aksel/pull/2035) [`7b42f536a`](https://github.com/navikt/aksel/commit/7b42f536aa90c1b5dbe2b19f1bbe292701546420) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :tada: Oppdatert Chips
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!
72
-
73
- - varianter: text, circle, rounded og rectangle
47
+ - Chips: `neutral` og `action`-varianter av Chips.Toggle. Opt-out mulighet for Checkmark. Oppdatert checkmark-ikon ([PR](https://github.com/navikt/aksel/pull/2035))
74
48
 
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
49
+ - Alle description-felter på fieldsets har nå `text-subtle` som farge. ([PR](https://github.com/navikt/aksel/pull/2036))
78
50
 
79
51
  ## 4.0.0
80
52
 
81
53
  ### Major Changes
82
54
 
83
- - [#2026](https://github.com/navikt/aksel/pull/2026) [`895bdc08e`](https://github.com/navikt/aksel/commit/895bdc08e50647d9b9186cbf0e9ab069323de56c) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :test-tube: Datepicker og Monthpicker er nå ute av beta. Kjør codemod for migrering, eller `cmd/ctrl + shift + f` og erstatt `UNSAFE_` med ``
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`
55
+ - All styling fra `@navikt/ds-css-internal` er flyttet til `@navikt/ds-css`. ([PR](https://github.com/navikt/aksel/pull/2026))
92
56
 
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)
57
+ - classname-prefix er endret fra `navdsi` -> `navds` for flyttede komponenter.
98
58
 
99
- Kjør codemod for migrering:
59
+ - Fikset cascading-problem mellom dropdown og popover. Dropdown blir ikke lengre påvirket av import-rekkefølge av popover.
100
60
 
101
- ```bash
102
- // React
103
- npx @navikt/aksel codemod v4-internal-react
104
-
105
- // CSS
106
- npx @navikt/aksel codemod v4-internal-css
107
- ```
108
-
109
- ## 3.4.2
110
-
111
- ## 3.4.1
61
+ - Styling for flyttede komponenter finnes nå på CDN [Guide](https://aksel.nav.no/grunnleggende/kode/css-import)
112
62
 
113
63
  ## 3.4.0
114
64
 
115
65
  ### Minor Changes
116
66
 
117
- - [#2010](https://github.com/navikt/aksel/pull/2010) [`b958d41a2`](https://github.com/navikt/aksel/commit/b958d41a20c66327658514fcf24ae20893c9531a) Thanks [@HalvorHaugan](https://github.com/HalvorHaugan)! - Ny variant "moderate" i Tag
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
67
+ - Tag: `moderate`-variant ([PR](https://github.com/navikt/aksel/pull/2010))
128
68
 
129
69
  ## 3.2.3
130
70
 
131
71
  ### Patch Changes
132
72
 
133
- - [#1993](https://github.com/navikt/aksel/pull/1993) [`475e994f4`](https://github.com/navikt/aksel/commit/475e994f494b2080ffc05eb1684b6a244e3e2969) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :bug: Fikset small-variant av datepicker-input
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
140
-
141
- ## 3.2.2
73
+ - Datepicker: Fikset small-variant av datepicker-input. ([PR](https://github.com/navikt/aksel/pull/1993))
142
74
 
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.
75
+ - CopyButton: `xsmall`-size for bruk i tabeller ([PR](https://github.com/navikt/aksel/pull/1994))
153
76
 
154
77
  ## 3.1.3
155
78
 
156
79
  ### Patch Changes
157
80
 
158
- - [#1976](https://github.com/navikt/aksel/pull/1976) [`e8ecf309a`](https://github.com/navikt/aksel/commit/e8ecf309a910e47fd3cea6c54cd993ab1196910f) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :lipstick: Oppdatert utseende for ToggleGroup
159
-
160
- - Medium og Small er begge 10px lavere
161
- - Mindre border-radius
162
-
163
- ## 3.1.2
164
-
165
- ## 3.1.1
81
+ - :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
82
 
167
83
  ## 3.1.0
168
84
 
169
85
  ### Minor Changes
170
86
 
171
- - [#1966](https://github.com/navikt/aksel/pull/1966) [`f1c4c46eb`](https://github.com/navikt/aksel/commit/f1c4c46ebb0522561483f18e3b86b190cf9cc372) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :lipstick: Alle komponenter bruker nå default `:focus-visible` for fokusmarkering.
172
- (Alle komponenter som bruker `:focus-visible` har også en fallback for `:focus`)
87
+ - Alle komponenter bruker nå default `:focus-visible` for fokusmarkering. Medfølger også fallback for `:focus` ([PR](https://github.com/navikt/aksel/pull/1966))
173
88
 
174
89
  ### Patch Changes
175
90
 
176
- - [#1967](https://github.com/navikt/aksel/pull/1967) [`9d2cd9e7f`](https://github.com/navikt/aksel/commit/9d2cd9e7fffb3cf6310c88229ee39ea85db19bca) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :lipstick: Oppdatert Label og Description spacing for skjemakomponenter
177
-
178
- ## 3.0.1
91
+ - Oppdatert Label og Description spacing for skjemakomponenter ([PR](https://github.com/navikt/aksel/pull/1967))
179
92
 
180
93
  ## 3.0.0
181
94
 
182
95
  ### Major Changes
183
96
 
184
- - [#1964](https://github.com/navikt/aksel/pull/1964) [`166ee5feb`](https://github.com/navikt/aksel/commit/166ee5feb3c987c4e633eb449812116bfd865d3f) Thanks [@KenAJoh](https://github.com/KenAJoh)! - **Accordion**
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
97
+ - Accordion: Chevron er left-aligned, deler av styling er refaktorert, `size`-props og `neutral`-variant ([PR](https://github.com/navikt/aksel/pull/1964))
221
98
 
222
99
  ## 2.9.0
223
100
 
224
101
  ### Minor Changes
225
102
 
226
- - [#1941](https://github.com/navikt/aksel/pull/1941) [`657b7f3f3`](https://github.com/navikt/aksel/commit/657b7f3f3e62c5ce3173e6c95a29fcd237ce7343) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :tada: CSS nå tilgjengelig som separate filer
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
103
+ - CSS nå tilgjengelig som separate filer: Kan lastest fra CDN, minified-versjoner tilgjengelig ([PR](https://github.com/navikt/aksel/pull/1941))
253
104
 
254
105
  ## 2.8.9
255
106
 
256
107
  ### Patch Changes
257
108
 
258
- - [#1905](https://github.com/navikt/aksel/pull/1905) [`212194964`](https://github.com/navikt/aksel/commit/212194964c4dd576e1ffc031316dff8cbe5016a2) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :sparkles: Padding/border-radius tokens for button.css
259
-
260
- ## 2.8.8
109
+ - Button: Padding/border-radius tokens ([PR](https://github.com/navikt/aksel/pull/1905))
261
110
 
262
111
  ## 2.8.7
263
112
 
264
113
  ### Patch Changes
265
114
 
266
- - [`7f3f025db`](https://github.com/navikt/aksel/commit/7f3f025db2ad605df4240605a733d10d08db753a) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Fikset typografi for radio, checkbox. Button token for tertiary
115
+ - Button: token for tertiary
267
116
 
268
117
  ## 2.8.6
269
118
 
270
119
  ### Patch Changes
271
120
 
272
- - [`2eb358ad8`](https://github.com/navikt/aksel/commit/2eb358ad888979d21c385b3900973946f3f466be) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alert, Chips og ErrorSummary har nå bedre utvalg av tokens
121
+ - Alert, Chips og ErrorSummary har nå bedre utvalg av tokens
273
122
 
274
123
  ## 2.8.5
275
124
 
276
125
  ### Patch Changes
277
126
 
278
- - [`f66437082`](https://github.com/navikt/aksel/commit/f664370826ed51bda7ad681e1f1799c26d2c1f0a) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :art: Accordion-tokens for header bakgrunn
127
+ - Accordion: tokens for header-bakgrunn
279
128
 
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
283
-
284
- ## 2.8.3
129
+ - Select: Fikset tekstfarge på iphone ([PR](https://github.com/navikt/aksel/pull/1879))
285
130
 
286
131
  ## 2.8.2
287
132
 
288
133
  ### Patch Changes
289
134
 
290
- - [#1870](https://github.com/navikt/aksel/pull/1870) [`9c495cf50`](https://github.com/navikt/aksel/commit/9c495cf5037a7453e51e273ab93e4232576f4958) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Oppdatert typografi for ExpansioCard
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.
135
+ - ExpansioCard: Oppdatert typografi ([PR](https://github.com/navikt/aksel/pull/1870))
299
136
 
300
137
  ## 2.7.8
301
138
 
302
139
  ### Patch Changes
303
140
 
304
- - [#1863](https://github.com/navikt/aksel/pull/1863) [`7ace69f21`](https://github.com/navikt/aksel/commit/7ace69f215760bbb5bf997670c897403d8ee558d) Thanks [@it-vegard](https://github.com/it-vegard)! - Added focus indicator for tabpanel
305
-
306
- ## 2.7.7
307
-
308
- ## 2.7.6
141
+ - Tabs: La til focus-markering for Tabs.Panel ([PR](https://github.com/navikt/aksel/pull/1863))
309
142
 
310
143
  ## 2.7.5
311
144
 
312
145
  ### Patch Changes
313
146
 
314
- - :bug: Fikset token-bug i togglegroup
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
147
+ - ToggleGroup: Fikset token-bug
335
148
 
336
149
  ## 2.4.3
337
150
 
338
151
  ### Patch Changes
339
152
 
340
- - [`f962bc781`](https://github.com/navikt/aksel/commit/f962bc7816027c24e334d9754c3e07cda951cf56) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Fikset disabled-opacity bug i select for Chrome
153
+ - Select: Fikset disabled + opacity bug for Chrome
341
154
 
342
155
  ## 2.4.2
343
156
 
344
157
  ### Patch Changes
345
158
 
346
- - [#1823](https://github.com/navikt/aksel/pull/1823) [`a7ce61f84`](https://github.com/navikt/aksel/commit/a7ce61f840e5bfaafc4f70e550167fe0095555b8) Thanks [@kschieren](https://github.com/kschieren)! - added support for nested lists
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
159
+ - List: La til støtte for nesting ([PR](https://github.com/navikt/aksel/pull/1823))
355
160
 
356
161
  ## 2.3.1
357
162
 
358
163
  ### Patch Changes
359
164
 
360
- - [`241b2e678`](https://github.com/navikt/aksel/commit/241b2e678f1f40909e2d36fe095dcbce8673f174) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Fikset feil bruk av fallback-tokens i textarea, timeline
165
+ - Fikset feil bruk av fallback-tokens i Textarea og Timeline
361
166
 
362
167
  ## 2.3.0
363
168
 
364
169
  ### Minor Changes
365
170
 
366
- - [#1813](https://github.com/navikt/aksel/pull/1813) [`7702c6527`](https://github.com/navikt/aksel/commit/7702c65275a4d86a8260852d091e6dd4cfe9217c) Thanks [@ingfo](https://github.com/ingfo)! - Fiksa sentrering av tekst i Select i Firefox
171
+ - Select: Fikset sentrering av tekst i Firefox ([PR](https://github.com/navikt/aksel/pull/1813))
367
172
 
368
173
  ### Patch Changes
369
174
 
370
- - [`51b62cca7`](https://github.com/navikt/aksel/commit/51b62cca7b857e92669cd0b09e620b131faf80e5) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Select small 34px høyde -> 32px
175
+ - Select: `small`-variant er nå 32px (var 34px)
371
176
 
372
177
  ## 2.2.0
373
178
 
374
179
  ### Minor Changes
375
180
 
376
- - [#1789](https://github.com/navikt/aksel/pull/1789) [`c0929a534`](https://github.com/navikt/aksel/commit/c0929a534dc8effece5435f8be550cb7931a52b1) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Button og ToggleGroup har nå en neutral-variant, oppdatert neutral-tokens
377
-
378
- ## 2.1.7
379
-
380
- ## 2.1.6
381
-
382
- ## 2.1.5
181
+ - ToggleGroup: `Neutral`-variant. ([PR](https://github.com/navikt/aksel/pull/1789))
383
182
 
384
- ## 2.1.4
385
-
386
- ## 2.1.3
183
+ - Button: `Neutral`-variant.
387
184
 
388
185
  ## 2.1.2
389
186
 
390
187
  ### Patch Changes
391
188
 
392
- - [`62f36da5e`](https://github.com/navikt/aksel/commit/62f36da5e74fc7f53414d42b310c3b57597795bc) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Small textfield har nå 8px horisontal padding (4px før)
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
189
+ - TextField: `small`-variant har nå 8px horisontal padding (før 4px)
413
190
 
414
191
  ## 2.0.12
415
192
 
416
193
  ### Patch Changes
417
194
 
418
- - [#1737](https://github.com/navikt/aksel/pull/1737) [`8a1ef5e7e`](https://github.com/navikt/aksel/commit/8a1ef5e7e2c066cb80c13e14329e1585e2c427f8) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :bug: Fikset default visuell error-state for radio
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
195
+ - Radio: Fikset default visuell error-state ([PR](https://github.com/navikt/aksel/pull/1737))
431
196
 
432
197
  ## 2.0.5
433
198
 
434
199
  ### Patch Changes
435
200
 
436
- - Reverserte border-width endrind i button
437
-
438
- ## 2.0.4
439
-
440
- ## 2.0.3
441
-
442
- ## 2.0.2
201
+ - Button: Reverserte border-width endrinder (var 1.5px, nå 2px)
443
202
 
444
203
  ## 2.0.1
445
204
 
446
205
  ### Patch Changes
447
206
 
448
- - [`e8007328d`](https://github.com/navikt/aksel/commit/e8007328db3f6d5be696cf24f03304c79be0f3f7) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Bugfixer ved bruk av tokens
207
+ - Bugfixer ved bruk av tokens oppdatert i v2.0.0
449
208
 
450
209
  ## 2.0.0
451
210
 
452
211
  ### Major Changes
453
212
 
454
- - [`6b96e4833`](https://github.com/navikt/aksel/commit/6b96e48330c2e013a1acee85cefccd9ccc1aece4) Thanks [@KenAJoh](https://github.com/KenAJoh)! - v2: Tokens update and font-loading
213
+ - Fontlasting: Fonter lastes nå fra NAV-CDN
455
214
 
456
- ## 1.5.10
215
+ - Tokens: Alle komponenter bruker nå semantiske tokens for som standard, med innebygd støtte for komponent-spesifikke tokens.
457
216
 
458
217
  ## 1.5.9
459
218
 
460
219
  ### Patch Changes
461
220
 
462
- - 4px -> 2px gap chips-toggle active
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
221
+ - Chips: 4px -> 2px gap mellom checkmark i Chips.Toggle
477
222
 
478
223
  ## 1.5.3
479
224
 
480
225
  ### Patch Changes
481
226
 
482
- - Byttet om på alt-farge rekkefølge
483
-
484
- ## 1.5.2
485
-
486
- ### Patch Changes
487
-
488
- - :memo: Rename FilterChips to ToggleChips
227
+ - Tokens: Byttet om på rekkefølge av alt-farger
489
228
 
490
229
  ## 1.5.1
491
230
 
492
231
  ### Patch Changes
493
232
 
494
- - Flex-wrap chips.css
233
+ - Chips. Bruker nå standard flex-wrap
495
234
 
496
235
  ## 1.5.0
497
236
 
498
237
  ### Minor Changes
499
238
 
500
- - [#1684](https://github.com/navikt/aksel/pull/1684) [`e19bf67b3`](https://github.com/navikt/aksel/commit/e19bf67b337dea39989c68b5e9c2591cf0d5b40f) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :sparkles: Oppdaterte tag-varianter
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
505
-
506
- ## 1.4.3
239
+ - Tag: `filled`-varianter ([PR](https://github.com/navikt/aksel/pull/1684))
507
240
 
508
- ### Patch Changes
509
-
510
- - :sparkles: Validering og inputFormat i Date-komponenter
511
-
512
- ## 1.4.2
513
-
514
- ## 1.4.1
241
+ ## 1.3.39
515
242
 
516
243
  ### Patch Changes
517
244
 
518
- - [`3c08651df`](https://github.com/navikt/aksel/commit/3c08651df28c3e19dd8c8a7a1d0032200bec473d) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Date-komponenter følger språkrådets dato-formatering for måneder.
519
-
520
- ## 1.4.0
245
+ - Fikset bruk av `:watch` for diverse parsere (less, parcel)
521
246
 
522
- ## 1.3.39
247
+ ## 1.3.24
523
248
 
524
249
  ### Patch Changes
525
250
 
526
- - [`40f0b3340`](https://github.com/navikt/aksel/commit/40f0b3340d01bf85fecc04f2f3a8e8b2acf996f1) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Bump for latest-tag
527
-
528
- ## 1.3.38
251
+ - 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--neutral .navds-chat__bubble,
76
- .navds-chat--neutral .navds-chat__avatar {
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--neutral .navds-chat__bubble,
76
- .navds-chat--neutral .navds-chat__avatar {
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