@navikt/ds-css 5.7.2 → 5.7.4

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 (33) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/chips.css +2 -2
  3. package/copybutton.css +1 -1
  4. package/dist/component/chips.css +2 -2
  5. package/dist/component/chips.min.css +1 -1
  6. package/dist/component/copybutton.css +1 -1
  7. package/dist/component/copybutton.min.css +1 -1
  8. package/dist/component/form.css +6 -5
  9. package/dist/component/form.min.css +1 -1
  10. package/dist/component/helptext.css +5 -4
  11. package/dist/component/helptext.min.css +1 -1
  12. package/dist/component/index.css +20 -18
  13. package/dist/component/index.min.css +3 -3
  14. package/dist/component/pagination.css +1 -2
  15. package/dist/component/pagination.min.css +1 -1
  16. package/dist/component/tabs.css +2 -2
  17. package/dist/component/tabs.min.css +1 -1
  18. package/dist/component/tag.css +1 -1
  19. package/dist/component/tag.min.css +1 -1
  20. package/dist/components.css +18 -17
  21. package/dist/components.min.css +2 -2
  22. package/dist/global/tokens.css +2 -1
  23. package/dist/global/tokens.min.css +1 -1
  24. package/dist/index.css +20 -18
  25. package/dist/index.min.css +3 -3
  26. package/form/radio-checkbox.css +3 -3
  27. package/form/select.css +2 -1
  28. package/form/textarea.css +1 -1
  29. package/help-text.css +5 -4
  30. package/package.json +2 -2
  31. package/pagination.css +1 -2
  32. package/tabs.css +2 -2
  33. package/tag.css +1 -1
package/form/radio-checkbox.css CHANGED
@@ -59,7 +59,7 @@
59
59
 
60
60
  .navds-checkbox--small > .navds-checkbox__label,
61
61
  .navds-radio--small > .navds-radio__label {
62
- padding: 0.375rem 0;
62
+ padding: var(--a-spacing-1-alt) 0;
63
63
  }
64
64
 
65
65
  .navds-checkbox--small > .navds-checkbox__label::before,
@@ -101,7 +101,7 @@
101
101
  content: "";
102
102
  position: absolute;
103
103
  top: 50%;
104
- transform: translate(0.375rem, -50%);
104
+ transform: translate(var(--a-spacing-1-alt), -50%);
105
105
  background-color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
106
106
  width: 0.75rem;
107
107
  height: 0.25rem;
@@ -126,7 +126,7 @@
126
126
  color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
127
127
  position: absolute;
128
128
  height: 1.5rem;
129
- transform: translate(0.375rem);
129
+ transform: translate(var(--a-spacing-1-alt));
130
130
  pointer-events: none;
131
131
  }
132
132
 
package/form/select.css CHANGED
@@ -43,6 +43,7 @@
43
43
  right: var(--a-spacing-2);
44
44
  pointer-events: none;
45
45
  align-self: center;
46
+ color: var(--ac-select-text, var(--a-text-default));
46
47
  }
47
48
 
48
49
  .navds-form-field--small .navds-select__input {
@@ -51,7 +52,7 @@
51
52
  }
52
53
 
53
54
  .navds-form-field--small .navds-select__chevron {
54
- right: 0.375rem;
55
+ right: var(--a-spacing-1-alt);
55
56
  }
56
57
 
57
58
  /**
package/form/textarea.css CHANGED
@@ -62,7 +62,7 @@
62
62
  }
63
63
 
64
64
  .navds-form-field--small .navds-textarea__input {
65
- padding: 0.375rem;
65
+ padding: var(--a-spacing-1-alt);
66
66
  }
67
67
 
68
68
  .navds-form-field--small .navds-textarea--counter.navds-textarea__input {
package/help-text.css CHANGED
@@ -1,6 +1,5 @@
1
1
  .navds-help-text__button {
2
2
  margin: 0;
3
- padding: 0;
4
3
  border: 0;
5
4
  cursor: pointer;
6
5
  background-color: transparent;
@@ -9,17 +8,19 @@
9
8
  justify-content: center;
10
9
  align-items: center;
11
10
  color: var(--ac-help-text-button-color, var(--a-surface-action));
12
- font-size: 1.5rem;
11
+ font-size: 1.25rem;
12
+ padding: calc(var(--a-spacing-1) / 2);
13
13
  }
14
14
 
15
15
  .navds-help-text__button:focus-visible {
16
- box-shadow: 0 0 0 1px var(--a-surface-default), 0 0 0 4px var(--a-border-focus);
16
+ outline: none;
17
+ box-shadow: 0 0 0 1px var(--a-border-focus), inset 0 0 0 1px var(--a-border-focus);
17
18
  }
18
19
 
19
20
  @supports not selector(:focus-visible) {
20
21
  .navds-help-text__button:focus {
21
22
  outline: none;
22
- box-shadow: 0 0 0 1px var(--a-surface-default), 0 0 0 4px var(--a-border-focus);
23
+ box-shadow: 0 0 0 1px var(--a-border-focus), inset 0 0 0 1px var(--a-border-focus);
23
24
  }
24
25
  }
25
26
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-css",
3
- "version": "5.7.2",
3
+ "version": "5.7.4",
4
4
  "description": "CSS for NAV Designsystem",
5
5
  "author": "Aksel | NAV designsystem team",
6
6
  "keywords": [
@@ -27,7 +27,7 @@
27
27
  "css:get-version": "node config/get-version.js"
28
28
  },
29
29
  "devDependencies": {
30
- "@navikt/ds-tokens": "^5.7.2",
30
+ "@navikt/ds-tokens": "^5.7.4",
31
31
  "cssnano": "6.0.0",
32
32
  "fast-glob": "3.2.11",
33
33
  "lodash": "4.17.21",
package/pagination.css CHANGED
@@ -52,8 +52,7 @@
52
52
  }
53
53
 
54
54
  .navds-pagination--small .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text) {
55
- padding-left: 0.375rem;
56
- padding-right: 0.375rem;
55
+ padding-inline: var(--a-spacing-1-alt);
57
56
  }
58
57
 
59
58
  .navds-pagination--xsmall .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text) {
package/tabs.css CHANGED
@@ -37,7 +37,7 @@
37
37
  }
38
38
 
39
39
  .navds-tabs--small .navds-tabs__scroll-button {
40
- padding: 0.375rem var(--a-spacing-4);
40
+ padding: var(--a-spacing-1-alt) var(--a-spacing-4);
41
41
  width: 2rem;
42
42
  }
43
43
 
@@ -93,7 +93,7 @@
93
93
 
94
94
  .navds-tabs__tab--small {
95
95
  min-height: 2rem;
96
- padding: 0.375rem var(--a-spacing-4);
96
+ padding: var(--a-spacing-1-alt) var(--a-spacing-4);
97
97
  }
98
98
 
99
99
  .navds-tabs__tab-icon--top,
package/tag.css CHANGED
@@ -11,7 +11,7 @@
11
11
 
12
12
  .navds-tag--small {
13
13
  min-height: 1.5rem;
14
- padding: 0 0.375rem;
14
+ padding: 0 var(--a-spacing-1-alt);
15
15
  }
16
16
 
17
17
  .navds-tag--xsmall {