@navikt/ds-css 3.4.2 → 4.1.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 (35) hide show
  1. package/CHANGELOG.md +52 -0
  2. package/accordion.css +6 -1
  3. package/chips.css +27 -22
  4. package/config/_mappings.js +18 -2
  5. package/dist/component/accordion.css +5 -1
  6. package/dist/component/accordion.min.css +1 -1
  7. package/dist/component/chips.css +28 -22
  8. package/dist/component/chips.min.css +1 -1
  9. package/dist/component/dropdown.css +77 -0
  10. package/dist/component/dropdown.min.css +1 -0
  11. package/dist/component/form.css +27 -21
  12. package/dist/component/form.min.css +1 -1
  13. package/dist/component/index.css +559 -23
  14. package/dist/component/index.min.css +3 -3
  15. package/dist/component/internalheader.css +85 -0
  16. package/dist/component/internalheader.min.css +1 -0
  17. package/dist/component/skeleton.css +55 -0
  18. package/dist/component/skeleton.min.css +1 -0
  19. package/dist/component/timeline.css +375 -0
  20. package/dist/component/timeline.min.css +1 -0
  21. package/dist/components.css +538 -20
  22. package/dist/components.min.css +2 -2
  23. package/dist/global/tokens.css +21 -3
  24. package/dist/global/tokens.min.css +1 -1
  25. package/dist/index.css +559 -23
  26. package/dist/index.min.css +3 -3
  27. package/dropdown.css +77 -0
  28. package/form/fieldset.css +8 -0
  29. package/form/form.css +5 -0
  30. package/index.css +4 -0
  31. package/internalheader.css +85 -0
  32. package/package.json +2 -2
  33. package/skeleton.css +55 -0
  34. package/timeline.css +375 -0
  35. package/tokens.json +61 -4
package/tokens.json CHANGED
@@ -86,14 +86,22 @@
86
86
  "--ac-chat-top-text": "--a-text-default"
87
87
  },
88
88
  "chips": {
89
- "--ac-chip-toggle-border": "--a-border-default",
90
- "--ac-chip-toggle-bg": "--a-surface-neutral-subtle",
89
+ "--ac-chip-toggle-border": "--a-border-subtle",
90
+ "--ac-chip-toggle-bg": "--a-surface-action-subtle",
91
91
  "--ac-chip-toggle-text": "--a-text-default",
92
- "--ac-chip-toggle-hover-border": "--a-border-strong",
93
- "--ac-chip-toggle-hover-bg": "--a-surface-neutral-subtle-hover",
92
+ "--ac-chip-toggle-hover-border": "--a-border-subtle-hover",
93
+ "--ac-chip-toggle-hover-bg": "--a-surface-action-subtle-hover",
94
94
  "--ac-chip-toggle-pressed-bg": "--a-surface-action-selected",
95
95
  "--ac-chip-toggle-pressed-text": "--a-text-on-action",
96
96
  "--ac-chip-toggle-pressed-hover-bg": "--a-surface-action-selected-hover",
97
+ "--ac-chip-toggle-neutral-border": "--a-border-subtle",
98
+ "--ac-chip-toggle-neutral-bg": "--a-surface-neutral-subtle",
99
+ "--ac-chip-toggle-neutral-text": "--a-text-default",
100
+ "--ac-chip-toggle-neutral-hover-border": "--a-border-subtle-hover",
101
+ "--ac-chip-toggle-neutral-hover-bg": "--a-surface-neutral-subtle-hover",
102
+ "--ac-chip-toggle-neutral-pressed-bg": "--a-surface-neutral-selected",
103
+ "--ac-chip-toggle-neutral-pressed-text": "--a-text-on-neutral",
104
+ "--ac-chip-toggle-neutral-pressed-hover-bg": "--a-surface-neutral-selected",
97
105
  "--ac-chip-toggle-focus": "--a-border-focus",
98
106
  "--ac-chip-removable-action-bg": "--a-surface-action-selected",
99
107
  "--ac-chip-removable-action-text": "--a-text-on-action",
@@ -206,6 +214,9 @@
206
214
  "--ac-read-more-active-bg": "--a-surface-active",
207
215
  "--ac-read-more-line": "--a-border-divider"
208
216
  },
217
+ "skeleton": {
218
+ "--ac-skeleton-bg": "--a-surface-neutral-moderate"
219
+ },
209
220
  "stepper": {
210
221
  "--ac-stepper-text": "--a-surface-action",
211
222
  "--ac-stepper-line": "--a-border-default",
@@ -349,6 +360,10 @@
349
360
  "--ac-radio-checkbox-error-border": "--a-border-danger",
350
361
  "--ac-radio-checkbox-error-hover-bg": "--a-surface-danger-subtle"
351
362
  },
363
+ "forms": {
364
+ "--ac-form-description": "--a-text-subtle",
365
+ "--ac-form-subdescription": "--a-text-subtle"
366
+ },
352
367
  "search": {
353
368
  "--ac-search-button-border": "--a-border-default",
354
369
  "--ac-search-button-border-hover": "--a-border-action",
@@ -391,5 +406,47 @@
391
406
  "--ac-textarea-counter-text": "--a-text-subtle",
392
407
  "--ac-textarea-counter-error-text": "--a-text-danger",
393
408
  "--ac-textarea-error-border": "--a-border-danger"
409
+ },
410
+ "dropdown": {
411
+ "--ac-dropdown-text": "--a-text-default",
412
+ "--ac-dropdown-item-text": "--a-text-action",
413
+ "--ac-dropdown-item-hover-bg": "--a-surface-action-subtle-hover",
414
+ "--ac-dropdown-item-active-bg": "--a-surface-action-active",
415
+ "--ac-dropdown-item-active-text": "--a-text-on-active"
416
+ },
417
+ "internalheader": {
418
+ "--ac-internalheader-bg": "--a-surface-inverted",
419
+ "--ac-internalheader-divider": "--a-gray-600",
420
+ "--ac-internalheader-text": "--a-text-on-inverted",
421
+ "--ac-internalheader-hover-bg": "--a-surface-inverted-hover",
422
+ "--ac-internalheader-active-bg": "--a-surface-inverted-active"
423
+ },
424
+ "timeline": {
425
+ "--ac-timeline-row-bg": "--a-surface-subtle",
426
+ "--ac-timeline-row-active-bg": "--a-surface-selected",
427
+ "--ac-timeline-period-success-bg": "--a-surface-success-subtle",
428
+ "--ac-timeline-period-success-border": "--a-border-success",
429
+ "--ac-timeline-period-success-bg-hover": "--a-surface-success-subtle-hover",
430
+ "--ac-timeline-period-warning-bg": "--a-surface-warning-subtle",
431
+ "--ac-timeline-period-warning-border": "--a-border-warning",
432
+ "--ac-timeline-period-warning-bg-hover": "--a-surface-warning-subtle-hover",
433
+ "--ac-timeline-period-danger-bg": "--a-surface-danger-subtle",
434
+ "--ac-timeline-period-danger-border": "--a-border-danger",
435
+ "--ac-timeline-period-danger-bg-hover": "--a-surface-danger-subtle-hover",
436
+ "--ac-timeline-period-info-bg": "--a-surface-info-subtle",
437
+ "--ac-timeline-period-info-border": "--a-border-info",
438
+ "--ac-timeline-period-info-bg-hover": "--a-surface-info-subtle-hover",
439
+ "--ac-timeline-period-neutral-bg": "--a-bg-subtle",
440
+ "--ac-timeline-period-neutral-border": "--a-border-default",
441
+ "--ac-timeline-period-neutral-bg-hover": "--a-gray-200",
442
+ "--ac-timeline-period-selected-border": "--a-border-action-selected",
443
+ "--ac-timeline-pin-bg": "--a-surface-danger",
444
+ "--ac-timeline-pin-bg-hover": "--a-surface-danger-hover",
445
+ "--ac-timeline-zoom-border": "--a-border-default",
446
+ "--ac-timeline-zoom-bg": "--a-surface-default",
447
+ "--ac-timeline-zoom-bg-hover": "--a-surface-action-subtle-hover",
448
+ "--ac-timeline-zoom-selected-bg": "--a-surface-inverted",
449
+ "--ac-timeline-zoom-selected-text": "--a-text-on-inverted",
450
+ "--ac-timeline-axislabel-text": "--a-text-subtle"
394
451
  }
395
452
  }