@navikt/ds-css 1.3.21 → 1.3.22

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.
@@ -6,10 +6,6 @@
6
6
  @import "print.css";
7
7
  @import "utility.css";
8
8
 
9
- /* Disabled because of UU concerns */
10
-
11
- /* @import "smooth-scroll.css"; */
12
-
13
9
  html {
14
10
  box-sizing: border-box;
15
11
  }
package/button.css CHANGED
@@ -205,8 +205,8 @@
205
205
  var(--navds-shadow-focus);
206
206
  }
207
207
 
208
- .navds-button--primary:hover:disabled,
209
- .navds-button--primary:active:disabled {
208
+ .navds-button--primary:hover:where(:disabled, .navds-button--disabled),
209
+ .navds-button--primary:active:where(:disabled, .navds-button--disabled) {
210
210
  background-color: var(--navds-button-color-primary-background);
211
211
  }
212
212
 
@@ -242,8 +242,8 @@
242
242
  var(--navds-shadow-focus);
243
243
  }
244
244
 
245
- .navds-button--secondary:disabled,
246
- .navds-button--secondary:hover:disabled {
245
+ .navds-button--secondary:where(:disabled, .navds-button--disabled),
246
+ .navds-button--secondary:hover:where(:disabled, .navds-button--disabled) {
247
247
  color: var(--navds-button-color-secondary-text);
248
248
  background-color: var(--navds-button-color-secondary-background);
249
249
  box-shadow: inset 0 0 0 2px var(--navds-button-color-secondary-border);
@@ -281,9 +281,10 @@
281
281
  var(--navds-shadow-focus);
282
282
  }
283
283
 
284
- .navds-button--tertiary:disabled,
285
- .navds-button--tertiary:active:disabled,
286
- .navds-button--tertiary:active:hover:disabled {
284
+ .navds-button--tertiary:where(:disabled, .navds-button--disabled),
285
+ .navds-button--tertiary:hover:where(:disabled, .navds-button--disabled),
286
+ .navds-button--tertiary:active:where(:disabled, .navds-button--disabled),
287
+ .navds-button--tertiary:active:hover:where(:disabled, .navds-button--disabled) {
287
288
  color: var(--navds-button-color-tertiary-text);
288
289
  background: none;
289
290
  box-shadow: none;
@@ -311,8 +312,8 @@
311
312
  var(--navds-shadow-focus);
312
313
  }
313
314
 
314
- .navds-button--danger:hover:disabled,
315
- .navds-button--danger:active:disabled {
315
+ .navds-button--danger:active:where(:disabled, .navds-button--disabled),
316
+ .navds-button--danger:hover:where(:disabled, .navds-button--disabled) {
316
317
  background-color: var(--navds-button-color-danger-background);
317
318
  }
318
319
 
@@ -320,11 +321,11 @@
320
321
  * .navds-button:disabled *
321
322
  **************************/
322
323
 
323
- .navds-button:disabled {
324
+ .navds-button:where(:disabled, .navds-button--disabled) {
324
325
  cursor: not-allowed;
325
326
  }
326
327
 
327
- .navds-button:where(:disabled:not(.navds-button--loading)) {
328
+ .navds-button:where(:disabled:not(.navds-button--loading), .navds-button--disabled:not(.navds-button--loading)) {
328
329
  opacity: 0.3;
329
330
  }
330
331