@navikt/ds-css 2.8.4 → 2.8.6

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 +14 -0
  2. package/accordion.css +7 -2
  3. package/alert.css +13 -0
  4. package/chips.css +1 -0
  5. package/dist/index.css +21 -5
  6. package/form/error-summary.css +1 -1
  7. package/form/select.css +1 -0
  8. package/package.json +2 -2
  9. package/tokens.json +13 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @navikt/ds-css
2
2
 
3
+ ## 2.8.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`2eb358ad8`](https://github.com/navikt/aksel/commit/2eb358ad888979d21c385b3900973946f3f466be) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alert, Chips og ErrorSummary har nå bedre utvalg av tokens
8
+
9
+ ## 2.8.5
10
+
11
+ ### Patch Changes
12
+
13
+ - [`f66437082`](https://github.com/navikt/aksel/commit/f664370826ed51bda7ad681e1f1799c26d2c1f0a) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :art: Accordion-tokens for header bakgrunn
14
+
15
+ - [#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
16
+
3
17
  ## 2.8.4
4
18
 
5
19
  ## 2.8.3
package/accordion.css CHANGED
@@ -11,7 +11,7 @@
11
11
  padding: 14px var(--a-spacing-3) var(--a-spacing-3);
12
12
  margin: 0;
13
13
  text-align: left;
14
- background: transparent;
14
+ background: var(--ac-accordion-header-bg, var(--a-surface-transparent));
15
15
  cursor: pointer;
16
16
  border: none;
17
17
  border-bottom: 2px solid var(--ac-accordion-header-border, var(--a-border-divider));
@@ -25,6 +25,7 @@
25
25
  .navds-accordion__header:hover {
26
26
  color: var(--ac-accordion-header-text-hover, var(--a-text-action-on-action-subtle));
27
27
  border-color: var(--ac-accordion-header-border-hover, var(--a-border-default));
28
+ background: var(--ac-accordion-header-bg-hover, var(--a-surface-transparent));
28
29
  }
29
30
 
30
31
  .navds-accordion__header-content {
@@ -33,10 +34,14 @@
33
34
  }
34
35
 
35
36
  .navds-accordion__item--open > .navds-accordion__header {
36
- background-color: var(--ac-accordion-item-bg-open, var(--a-surface-action-subtle));
37
+ background-color: var(--ac-accordion-header-bg-open, var(--ac-accordion-item-bg-open, var(--a-surface-action-subtle)));
37
38
  border-color: var(--ac-accordion-item-border-open, var(--a-surface-action-subtle));
38
39
  }
39
40
 
41
+ .navds-accordion__item--open > :where(.navds-accordion__header:hover) {
42
+ background-color: var(--ac-accordion-header-bg-open-hover, var(--a-surface-action-subtle));
43
+ }
44
+
40
45
  .navds-accordion__content {
41
46
  padding: var(--a-spacing-3) var(--a-spacing-3) 18px;
42
47
  border-bottom: 2px solid var(--ac-accordion-content-border, var(--a-border-divider));
package/alert.css CHANGED
@@ -37,6 +37,10 @@
37
37
  background-color: var(--ac-alert-error-bg, var(--a-surface-danger-subtle));
38
38
  }
39
39
 
40
+ .navds-alert--error > .navds-alert__icon {
41
+ color: var(--ac-alert-icon-error-color, var(--a-icon-danger));
42
+ }
43
+
40
44
  .navds-alert--warning {
41
45
  border-color: var(--ac-alert-warning-border, var(--a-border-warning));
42
46
  background-color: var(--ac-alert-warning-bg, var(--a-surface-warning-subtle));
@@ -44,6 +48,7 @@
44
48
 
45
49
  .navds-alert--warning > .navds-alert__icon {
46
50
  background: radial-gradient(circle at 50% 57%, var(--a-surface-default) 32%, 0, transparent);
51
+ color: var(--ac-alert-icon-warning-color, var(--a-icon-warning));
47
52
  }
48
53
 
49
54
  .navds-alert--info {
@@ -51,11 +56,19 @@
51
56
  background-color: var(--ac-alert-info-bg, var(--a-surface-info-subtle));
52
57
  }
53
58
 
59
+ .navds-alert--info > .navds-alert__icon {
60
+ color: var(--ac-alert-icon-info-color, var(--a-icon-info));
61
+ }
62
+
54
63
  .navds-alert--success {
55
64
  border-color: var(--ac-alert-success-border, var(--a-border-success));
56
65
  background-color: var(--ac-alert-success-bg, var(--a-surface-success-subtle));
57
66
  }
58
67
 
68
+ .navds-alert--success > .navds-alert__icon {
69
+ color: var(--ac-alert-icon-success-color, var(--a-icon-success));
70
+ }
71
+
59
72
  .navds-alert--inline {
60
73
  background-color: transparent;
61
74
  border: none;
package/chips.css CHANGED
@@ -36,6 +36,7 @@
36
36
  .navds-chips__toggle {
37
37
  box-shadow: inset 0 0 0 1px var(--ac-chip-toggle-border, var(--a-border-default));
38
38
  background-color: var(--ac-chip-toggle-bg, var(--a-surface-neutral-subtle));
39
+ color: var(--ac-chip-toggle-text, var(--a-text-default));
39
40
  }
40
41
 
41
42
  .navds-chips__toggle:hover {