@navikt/ds-css 7.7.0 → 7.8.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 (214) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/config/bundle.darkside.ts +270 -0
  3. package/config/tests/bundle.test.ts +46 -0
  4. package/darkside/baseline/{utilities.darkside.css → baseline.darkside.css} +9 -0
  5. package/darkside/baseline/tokens.darkside.css +1 -0
  6. package/darkside/button.darkside.css +1 -1
  7. package/darkside/copybutton.darkside.css +1 -1
  8. package/darkside/dropdown.darkside.css +1 -1
  9. package/darkside/form/combobox.darkside.css +1 -22
  10. package/darkside/form/fieldset.darkside.css +1 -1
  11. package/darkside/form/form.darkside.css +2 -2
  12. package/darkside/form/radio-checkbox.darkside.css +1 -1
  13. package/darkside/form/search.darkside.css +6 -2
  14. package/darkside/form/switch.darkside.css +1 -1
  15. package/darkside/guide-panel.darkside.css +78 -60
  16. package/darkside/index.css +9 -11
  17. package/darkside/link.darkside.css +2 -2
  18. package/darkside/table.darkside.css +52 -97
  19. package/darkside/tag.darkside.css +85 -147
  20. package/darkside/timeline.darkside.css +118 -211
  21. package/darkside/tooltip.darkside.css +82 -57
  22. package/darkside/typography.darkside.css +0 -12
  23. package/dist/component/form.css +2 -21
  24. package/dist/component/form.min.css +1 -1
  25. package/dist/component/link.css +1 -1
  26. package/dist/component/link.min.css +1 -1
  27. package/dist/component/table.css +1 -1
  28. package/dist/component/table.min.css +1 -1
  29. package/dist/component/tag.css +12 -6
  30. package/dist/component/tag.min.css +1 -1
  31. package/dist/components.css +17 -990
  32. package/dist/components.min.css +2 -4
  33. package/dist/darkside/component/accordion.css +174 -0
  34. package/dist/darkside/component/accordion.min.css +1 -0
  35. package/dist/darkside/component/actionmenu.css +182 -0
  36. package/dist/darkside/component/actionmenu.min.css +1 -0
  37. package/dist/darkside/component/alert.css +105 -0
  38. package/dist/darkside/component/alert.min.css +1 -0
  39. package/dist/darkside/component/button.css +271 -0
  40. package/dist/darkside/component/button.min.css +1 -0
  41. package/dist/darkside/component/chat.css +103 -0
  42. package/dist/darkside/component/chat.min.css +1 -0
  43. package/dist/darkside/component/chips.css +176 -0
  44. package/dist/darkside/component/chips.min.css +1 -0
  45. package/dist/darkside/component/copybutton.css +176 -0
  46. package/dist/darkside/component/copybutton.min.css +1 -0
  47. package/dist/darkside/component/date.css +262 -0
  48. package/dist/darkside/component/date.min.css +1 -0
  49. package/dist/darkside/component/dropdown.css +92 -0
  50. package/dist/darkside/component/dropdown.min.css +1 -0
  51. package/dist/darkside/component/expansioncard.css +167 -0
  52. package/dist/darkside/component/expansioncard.min.css +1 -0
  53. package/dist/darkside/component/form.css +1871 -0
  54. package/dist/darkside/component/form.min.css +1 -0
  55. package/dist/darkside/component/guidepanel.css +113 -0
  56. package/dist/darkside/component/guidepanel.min.css +1 -0
  57. package/dist/darkside/component/helptext.css +53 -0
  58. package/dist/darkside/component/helptext.min.css +1 -0
  59. package/dist/darkside/component/internalheader.css +100 -0
  60. package/dist/darkside/component/internalheader.min.css +1 -0
  61. package/dist/darkside/component/link.css +60 -0
  62. package/dist/darkside/component/link.min.css +1 -0
  63. package/dist/darkside/component/linkpanel.css +48 -0
  64. package/dist/darkside/component/linkpanel.min.css +1 -0
  65. package/dist/darkside/component/list.css +88 -0
  66. package/dist/darkside/component/list.min.css +1 -0
  67. package/dist/darkside/component/loader.css +119 -0
  68. package/dist/darkside/component/loader.min.css +1 -0
  69. package/dist/darkside/component/modal.css +175 -0
  70. package/dist/darkside/component/modal.min.css +1 -0
  71. package/dist/darkside/component/pagination.css +43 -0
  72. package/dist/darkside/component/pagination.min.css +1 -0
  73. package/dist/darkside/component/panel.css +12 -0
  74. package/dist/darkside/component/panel.min.css +1 -0
  75. package/dist/darkside/component/popover.css +18 -0
  76. package/dist/darkside/component/popover.min.css +1 -0
  77. package/dist/darkside/component/primitives.css +1291 -0
  78. package/dist/darkside/component/primitives.min.css +1 -0
  79. package/dist/darkside/component/progressbar.css +106 -0
  80. package/dist/darkside/component/progressbar.min.css +1 -0
  81. package/dist/darkside/component/readmore.css +95 -0
  82. package/dist/darkside/component/readmore.min.css +1 -0
  83. package/dist/darkside/component/skeleton.css +66 -0
  84. package/dist/darkside/component/skeleton.min.css +1 -0
  85. package/dist/darkside/component/stepper.css +234 -0
  86. package/dist/darkside/component/stepper.min.css +1 -0
  87. package/dist/darkside/component/table.css +225 -0
  88. package/dist/darkside/component/table.min.css +1 -0
  89. package/dist/darkside/component/tabs.css +138 -0
  90. package/dist/darkside/component/tabs.min.css +1 -0
  91. package/dist/darkside/component/tag.css +128 -0
  92. package/dist/darkside/component/tag.min.css +1 -0
  93. package/dist/darkside/component/theme.css +17 -0
  94. package/dist/darkside/component/theme.min.css +1 -0
  95. package/dist/darkside/component/timeline.css +338 -0
  96. package/dist/darkside/component/timeline.min.css +1 -0
  97. package/dist/darkside/component/togglegroup.css +105 -0
  98. package/dist/darkside/component/togglegroup.min.css +1 -0
  99. package/dist/darkside/component/tooltip.css +108 -0
  100. package/dist/darkside/component/tooltip.min.css +1 -0
  101. package/dist/darkside/component/typography.css +242 -0
  102. package/dist/darkside/component/typography.min.css +1 -0
  103. package/dist/darkside/components.css +7471 -0
  104. package/dist/darkside/components.min.css +1 -0
  105. package/dist/darkside/global/baseline.css +47 -0
  106. package/dist/darkside/global/baseline.min.css +1 -0
  107. package/dist/darkside/global/fonts.css +109 -0
  108. package/dist/darkside/global/fonts.min.css +1 -0
  109. package/dist/darkside/global/print.css +52 -0
  110. package/dist/darkside/global/print.min.css +1 -0
  111. package/dist/darkside/global/reset.css +93 -0
  112. package/dist/darkside/global/reset.min.css +1 -0
  113. package/dist/darkside/global/tokens.css +895 -0
  114. package/dist/darkside/global/tokens.min.css +1 -0
  115. package/dist/darkside/index.css +8670 -0
  116. package/dist/darkside/index.min.css +1 -0
  117. package/dist/darkside/version/7.8.1/component/accordion.css +174 -0
  118. package/dist/darkside/version/7.8.1/component/accordion.min.css +1 -0
  119. package/dist/darkside/version/7.8.1/component/actionmenu.css +182 -0
  120. package/dist/darkside/version/7.8.1/component/actionmenu.min.css +1 -0
  121. package/dist/darkside/version/7.8.1/component/alert.css +105 -0
  122. package/dist/darkside/version/7.8.1/component/alert.min.css +1 -0
  123. package/dist/darkside/version/7.8.1/component/button.css +271 -0
  124. package/dist/darkside/version/7.8.1/component/button.min.css +1 -0
  125. package/dist/darkside/version/7.8.1/component/chat.css +103 -0
  126. package/dist/darkside/version/7.8.1/component/chat.min.css +1 -0
  127. package/dist/darkside/version/7.8.1/component/chips.css +176 -0
  128. package/dist/darkside/version/7.8.1/component/chips.min.css +1 -0
  129. package/dist/darkside/version/7.8.1/component/copybutton.css +176 -0
  130. package/dist/darkside/version/7.8.1/component/copybutton.min.css +1 -0
  131. package/dist/darkside/version/7.8.1/component/date.css +262 -0
  132. package/dist/darkside/version/7.8.1/component/date.min.css +1 -0
  133. package/dist/darkside/version/7.8.1/component/dropdown.css +92 -0
  134. package/dist/darkside/version/7.8.1/component/dropdown.min.css +1 -0
  135. package/dist/darkside/version/7.8.1/component/expansioncard.css +167 -0
  136. package/dist/darkside/version/7.8.1/component/expansioncard.min.css +1 -0
  137. package/dist/darkside/version/7.8.1/component/form.css +1871 -0
  138. package/dist/darkside/version/7.8.1/component/form.min.css +1 -0
  139. package/dist/darkside/version/7.8.1/component/guidepanel.css +113 -0
  140. package/dist/darkside/version/7.8.1/component/guidepanel.min.css +1 -0
  141. package/dist/darkside/version/7.8.1/component/helptext.css +53 -0
  142. package/dist/darkside/version/7.8.1/component/helptext.min.css +1 -0
  143. package/dist/darkside/version/7.8.1/component/internalheader.css +100 -0
  144. package/dist/darkside/version/7.8.1/component/internalheader.min.css +1 -0
  145. package/dist/darkside/version/7.8.1/component/link.css +60 -0
  146. package/dist/darkside/version/7.8.1/component/link.min.css +1 -0
  147. package/dist/darkside/version/7.8.1/component/linkpanel.css +48 -0
  148. package/dist/darkside/version/7.8.1/component/linkpanel.min.css +1 -0
  149. package/dist/darkside/version/7.8.1/component/list.css +88 -0
  150. package/dist/darkside/version/7.8.1/component/list.min.css +1 -0
  151. package/dist/darkside/version/7.8.1/component/loader.css +119 -0
  152. package/dist/darkside/version/7.8.1/component/loader.min.css +1 -0
  153. package/dist/darkside/version/7.8.1/component/modal.css +175 -0
  154. package/dist/darkside/version/7.8.1/component/modal.min.css +1 -0
  155. package/dist/darkside/version/7.8.1/component/pagination.css +43 -0
  156. package/dist/darkside/version/7.8.1/component/pagination.min.css +1 -0
  157. package/dist/darkside/version/7.8.1/component/panel.css +12 -0
  158. package/dist/darkside/version/7.8.1/component/panel.min.css +1 -0
  159. package/dist/darkside/version/7.8.1/component/popover.css +18 -0
  160. package/dist/darkside/version/7.8.1/component/popover.min.css +1 -0
  161. package/dist/darkside/version/7.8.1/component/primitives.css +1291 -0
  162. package/dist/darkside/version/7.8.1/component/primitives.min.css +1 -0
  163. package/dist/darkside/version/7.8.1/component/progressbar.css +106 -0
  164. package/dist/darkside/version/7.8.1/component/progressbar.min.css +1 -0
  165. package/dist/darkside/version/7.8.1/component/readmore.css +95 -0
  166. package/dist/darkside/version/7.8.1/component/readmore.min.css +1 -0
  167. package/dist/darkside/version/7.8.1/component/skeleton.css +66 -0
  168. package/dist/darkside/version/7.8.1/component/skeleton.min.css +1 -0
  169. package/dist/darkside/version/7.8.1/component/stepper.css +234 -0
  170. package/dist/darkside/version/7.8.1/component/stepper.min.css +1 -0
  171. package/dist/darkside/version/7.8.1/component/table.css +225 -0
  172. package/dist/darkside/version/7.8.1/component/table.min.css +1 -0
  173. package/dist/darkside/version/7.8.1/component/tabs.css +138 -0
  174. package/dist/darkside/version/7.8.1/component/tabs.min.css +1 -0
  175. package/dist/darkside/version/7.8.1/component/tag.css +128 -0
  176. package/dist/darkside/version/7.8.1/component/tag.min.css +1 -0
  177. package/dist/darkside/version/7.8.1/component/theme.css +17 -0
  178. package/dist/darkside/version/7.8.1/component/theme.min.css +1 -0
  179. package/dist/darkside/version/7.8.1/component/timeline.css +338 -0
  180. package/dist/darkside/version/7.8.1/component/timeline.min.css +1 -0
  181. package/dist/darkside/version/7.8.1/component/togglegroup.css +105 -0
  182. package/dist/darkside/version/7.8.1/component/togglegroup.min.css +1 -0
  183. package/dist/darkside/version/7.8.1/component/tooltip.css +108 -0
  184. package/dist/darkside/version/7.8.1/component/tooltip.min.css +1 -0
  185. package/dist/darkside/version/7.8.1/component/typography.css +242 -0
  186. package/dist/darkside/version/7.8.1/component/typography.min.css +1 -0
  187. package/dist/darkside/version/7.8.1/components.css +7471 -0
  188. package/dist/darkside/version/7.8.1/components.min.css +1 -0
  189. package/dist/darkside/version/7.8.1/global/baseline.css +47 -0
  190. package/dist/darkside/version/7.8.1/global/baseline.min.css +1 -0
  191. package/dist/darkside/version/7.8.1/global/fonts.css +109 -0
  192. package/dist/darkside/version/7.8.1/global/fonts.min.css +1 -0
  193. package/dist/darkside/version/7.8.1/global/print.css +52 -0
  194. package/dist/darkside/version/7.8.1/global/print.min.css +1 -0
  195. package/dist/darkside/version/7.8.1/global/reset.css +93 -0
  196. package/dist/darkside/version/7.8.1/global/reset.min.css +1 -0
  197. package/dist/darkside/version/7.8.1/global/tokens.css +895 -0
  198. package/dist/darkside/version/7.8.1/global/tokens.min.css +1 -0
  199. package/dist/darkside/version/7.8.1/index.css +8670 -0
  200. package/dist/darkside/version/7.8.1/index.min.css +1 -0
  201. package/dist/global/tokens.css +1 -1
  202. package/dist/global/tokens.min.css +1 -1
  203. package/dist/index.css +17 -31
  204. package/dist/index.min.css +2 -2
  205. package/form/combobox.css +2 -22
  206. package/link.css +1 -1
  207. package/package.json +23 -9
  208. package/table.css +1 -1
  209. package/tag.css +12 -6
  210. package/tokens.json +0 -3
  211. package/darkside/index copy.css +0 -37
  212. package/dist/component/index.css +0 -10123
  213. package/dist/component/index.min.css +0 -9
  214. /package/darkside/{baseline/theme.darkside.css → theme.darkside.css} +0 -0
package/dist/index.css CHANGED
@@ -5,7 +5,7 @@
5
5
  */
6
6
 
7
7
  :root, :host {
8
- --a-version: "7.7.0";
8
+ --a-version: "7.8.1";
9
9
  --a-spacing-1-alt: 0.375rem;
10
10
  --a-spacing-05: 0.125rem;
11
11
  --a-spacing-32: 8rem;
@@ -5043,7 +5043,6 @@ li.navds-file-item {
5043
5043
  border-color: var(--a-border-subtle);
5044
5044
  }
5045
5045
 
5046
- .navds-combobox__button-clear svg,
5047
5046
  .navds-combobox__button-toggle-list svg,
5048
5047
  .navds-combobox__list svg {
5049
5048
  width: var(--__ac-combobox-icon-size);
@@ -5188,19 +5187,6 @@ li.navds-file-item {
5188
5187
  }
5189
5188
  }
5190
5189
 
5191
- .navds-combobox__button-clear {
5192
- border-radius: var(--a-border-radius-medium);
5193
- color: var(--ac-combobox-clear-icon, var(--a-text-subtle));
5194
- display: flex;
5195
- justify-content: center;
5196
- align-items: center;
5197
- cursor: pointer;
5198
- background: none;
5199
- border: none;
5200
- font-size: 1rem;
5201
- padding: 0;
5202
- }
5203
-
5204
5190
  .navds-combobox__input::-webkit-search-cancel-button {
5205
5191
  display: none;
5206
5192
  }
@@ -5218,14 +5204,12 @@ li.navds-file-item {
5218
5204
  padding: 0;
5219
5205
  }
5220
5206
 
5221
- .navds-combobox__button-clear:active:hover,
5222
5207
  .navds-combobox__button-toggle-list:active:hover {
5223
- color: var(--ac-combobox-clear-icon-active, var(--a-text-action));
5208
+ color: var(--a-text-action);
5224
5209
  }
5225
5210
 
5226
- .navds-combobox__button-clear:hover,
5227
5211
  .navds-combobox__button-toggle-list:hover {
5228
- color: var(--ac-combobox-clear-icon-hover, var(--a-text-action-selected));
5212
+ color: var(--a-text-action-selected);
5229
5213
  }
5230
5214
 
5231
5215
  .navds-combobox__button-toggle-list:focus-visible {
@@ -5399,10 +5383,6 @@ li.navds-file-item {
5399
5383
  }
5400
5384
 
5401
5385
  @media (forced-colors: active) {
5402
- .navds-combobox__button-clear:hover {
5403
- color: highlight;
5404
- }
5405
-
5406
5386
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
5407
5387
  outline-color: highlight;
5408
5388
  }
@@ -5801,7 +5781,7 @@ button.navds-internalheader__title:active,
5801
5781
  text-decoration: underline;
5802
5782
  }
5803
5783
 
5804
- .navds-alert .navds-link,
5784
+ .navds-alert:not(.navds-alert--inline) .navds-link,
5805
5785
  .navds-confirmation-panel .navds-link {
5806
5786
  color: var(--a-text-default);
5807
5787
  }
@@ -6823,37 +6803,43 @@ button.navds-internalheader__title:active,
6823
6803
  color: var(--ac-tag-neutral-moderate-text, var(--a-text-default));
6824
6804
  }
6825
6805
 
6826
- .navds-tag--alt1 {
6806
+ .navds-tag--alt1,
6807
+ .navds-tag--outline.navds-tag--meta-purple {
6827
6808
  border-color: var(--ac-tag-alt-1-border, var(--a-border-alt-1));
6828
6809
  background-color: var(--ac-tag-alt-1-bg, var(--a-surface-alt-1-subtle));
6829
6810
  color: var(--ac-tag-alt-1-text, var(--a-text-default));
6830
6811
  }
6831
6812
 
6832
- .navds-tag--alt1-filled {
6813
+ .navds-tag--alt1-filled,
6814
+ .navds-tag--strong.navds-tag--meta-purple {
6833
6815
  border-color: transparent;
6834
6816
  background-color: var(--ac-tag-alt-1-filled-bg, var(--a-surface-alt-1));
6835
6817
  color: var(--ac-tag-alt-1-filled-text, var(--a-text-on-alt-1));
6836
6818
  }
6837
6819
 
6838
- .navds-tag--alt1-moderate {
6820
+ .navds-tag--alt1-moderate,
6821
+ .navds-tag--moderate.navds-tag--meta-purple {
6839
6822
  border-color: transparent;
6840
6823
  background-color: var(--ac-tag-alt-1-moderate-bg, var(--a-surface-alt-1-moderate));
6841
6824
  color: var(--ac-tag-alt-1-moderate-text, var(--a-text-default));
6842
6825
  }
6843
6826
 
6844
- .navds-tag--alt2 {
6827
+ .navds-tag--alt2,
6828
+ .navds-tag--outline.navds-tag--meta-lime {
6845
6829
  border-color: var(--ac-tag-alt-2-border, var(--a-border-alt-2));
6846
6830
  background-color: var(--ac-tag-alt-2-bg, var(--a-surface-alt-2-subtle));
6847
6831
  color: var(--ac-tag-alt-2-text, var(--a-text-default));
6848
6832
  }
6849
6833
 
6850
- .navds-tag--alt2-filled {
6834
+ .navds-tag--alt2-filled,
6835
+ .navds-tag--strong.navds-tag--meta-lime {
6851
6836
  border-color: transparent;
6852
6837
  background-color: var(--ac-tag-alt-2-filled-bg, var(--a-surface-alt-2));
6853
6838
  color: var(--ac-tag-alt-2-filled-text, var(--a-text-on-alt-2));
6854
6839
  }
6855
6840
 
6856
- .navds-tag--alt2-moderate {
6841
+ .navds-tag--alt2-moderate,
6842
+ .navds-tag--moderate.navds-tag--meta-lime {
6857
6843
  border-color: transparent;
6858
6844
  background-color: var(--ac-tag-alt-2-moderate-bg, var(--a-surface-alt-2-moderate));
6859
6845
  color: var(--ac-tag-alt-2-moderate-text, var(--a-text-default));
@@ -8456,7 +8442,7 @@ button.navds-stepper__step {
8456
8442
  transition: transform 150ms ease-in-out;
8457
8443
  }
8458
8444
 
8459
- .navds-table__toggle-expand-cell:hover {
8445
+ .navds-table__expandable-row:not(.navds-table__expandable-row--expansion-disabled) .navds-table__toggle-expand-cell:hover {
8460
8446
  cursor: pointer;
8461
8447
  }
8462
8448