@navikt/ds-css 7.6.0 → 7.8.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 (39) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/darkside/alert.darkside.css +2 -2
  3. package/darkside/button.darkside.css +12 -14
  4. package/darkside/chat.darkside.css +2 -2
  5. package/darkside/date.darkside.css +171 -232
  6. package/darkside/expansioncard.darkside.css +1 -0
  7. package/darkside/form/combobox.darkside.css +0 -21
  8. package/darkside/form/error-summary.darkside.css +2 -2
  9. package/darkside/form/file-upload.darkside.css +3 -4
  10. package/darkside/form/form-progress.darkside.css +1 -1
  11. package/darkside/form/form-summary.darkside.css +2 -2
  12. package/darkside/form/search.darkside.css +84 -158
  13. package/darkside/form/text-field.darkside.css +1 -1
  14. package/darkside/guide-panel.darkside.css +78 -60
  15. package/darkside/index.css +1 -4
  16. package/darkside/modal.darkside.css +6 -6
  17. package/darkside/popover.darkside.css +1 -1
  18. package/darkside/primitives/base.darkside.css +350 -350
  19. package/darkside/primitives/bleed.darkside.css +52 -52
  20. package/darkside/primitives/box.darkside.css +21 -21
  21. package/darkside/primitives/hgrid.darkside.css +28 -28
  22. package/darkside/primitives/index.css +0 -25
  23. package/darkside/primitives/page.darkside.css +6 -9
  24. package/darkside/primitives/stack.darkside.css +58 -58
  25. package/darkside/table.darkside.css +52 -97
  26. package/darkside/toggle-group.darkside.css +52 -120
  27. package/dist/component/form.css +2 -21
  28. package/dist/component/form.min.css +1 -1
  29. package/dist/component/index.css +3 -23
  30. package/dist/component/index.min.css +2 -2
  31. package/dist/components.css +3 -982
  32. package/dist/components.min.css +2 -4
  33. package/dist/global/tokens.css +1 -1
  34. package/dist/global/tokens.min.css +1 -1
  35. package/dist/index.css +3 -23
  36. package/dist/index.min.css +2 -2
  37. package/form/combobox.css +2 -22
  38. package/package.json +2 -2
  39. package/tokens.json +0 -3
package/form/combobox.css CHANGED
@@ -50,7 +50,6 @@
50
50
  border-color: var(--a-border-subtle);
51
51
  }
52
52
 
53
- .navds-combobox__button-clear svg,
54
53
  .navds-combobox__button-toggle-list svg,
55
54
  .navds-combobox__list svg {
56
55
  width: var(--__ac-combobox-icon-size);
@@ -195,19 +194,6 @@
195
194
  }
196
195
  }
197
196
 
198
- .navds-combobox__button-clear {
199
- border-radius: var(--a-border-radius-medium);
200
- color: var(--ac-combobox-clear-icon, var(--a-text-subtle));
201
- display: flex;
202
- justify-content: center;
203
- align-items: center;
204
- cursor: pointer;
205
- background: none;
206
- border: none;
207
- font-size: 1rem;
208
- padding: 0;
209
- }
210
-
211
197
  .navds-combobox__input::-webkit-search-cancel-button {
212
198
  display: none;
213
199
  }
@@ -225,14 +211,12 @@
225
211
  padding: 0;
226
212
  }
227
213
 
228
- .navds-combobox__button-clear:active:hover,
229
214
  .navds-combobox__button-toggle-list:active:hover {
230
- color: var(--ac-combobox-clear-icon-active, var(--a-text-action));
215
+ color: var(--a-text-action);
231
216
  }
232
217
 
233
- .navds-combobox__button-clear:hover,
234
218
  .navds-combobox__button-toggle-list:hover {
235
- color: var(--ac-combobox-clear-icon-hover, var(--a-text-action-selected));
219
+ color: var(--a-text-action-selected);
236
220
  }
237
221
 
238
222
  .navds-combobox__button-toggle-list:focus-visible {
@@ -406,10 +390,6 @@
406
390
  }
407
391
 
408
392
  @media (forced-colors: active) {
409
- .navds-combobox__button-clear:hover {
410
- color: highlight;
411
- }
412
-
413
393
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
414
394
  outline-color: highlight;
415
395
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-css",
3
- "version": "7.6.0",
3
+ "version": "7.8.0",
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": "^7.6.0",
30
+ "@navikt/ds-tokens": "^7.8.0",
31
31
  "autoprefixer": "^10.4.20",
32
32
  "cssnano": "6.0.0",
33
33
  "fast-glob": "3.2.11",
package/tokens.json CHANGED
@@ -387,9 +387,6 @@
387
387
  "--ac-search-error-border": "--a-border-danger"
388
388
  },
389
389
  "combobox": {
390
- "--ac-combobox-clear-icon": "--a-text-subtle",
391
- "--ac-combobox-clear-icon-hover": "--a-text-action-selected",
392
- "--ac-combobox-clear-icon-active": "--a-text-action",
393
390
  "--ac-combobox-list-bg": "--a-surface-default",
394
391
  "--ac-combobox-list-text": "--a-text-default",
395
392
  "--ac-combobox-list-border-color": "--a-border-divider",