@norges-domstoler/dds-components 0.0.0-dev-20250603095759 → 0.0.0-dev-20250603102801

package/dist/index.css

@@ -2031,7 +2031,7 @@
   border-color: var(--dds-color-border-subtle);
 }
 .Card_container--navigation:hover,
-.Card_container--selection-control:has(input:enabled:not([aria-readonly])):hover {
+.Card_container--selection-control:has(input:enabled:not([aria-readonly=true])):hover {
   border-color: var(--dds-color-border-action-hover);
   box-shadow: inset 0 0 0 1px var(--dds-color-border-action-hover);
 }
@@ -2045,7 +2045,7 @@
     top: var(--dds-selection-control-card-control-top);
   }
   input:disabled,
-  input[aria-readonly] {
+  input[aria-readonly=true] {
     & ~ span {
       background-color: var(--dds-color-surface-field-disabled);
     }
@@ -2060,7 +2060,7 @@
     box-shadow: inset 0 0 0 1px var(--dds-color-border-danger);
   }
   &:has(input:disabled),
-  &:has(input[aria-readonly]) {
+  &:has(input[aria-readonly=true]) {
     box-shadow: none;
     background-color: var(--dds-color-surface-selected-default);
     background-color: var(--dds-color-surface-field-disabled);
@@ -2129,16 +2129,16 @@
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
-  &:not(:hover) input[aria-invalid]:enabled:not([aria-readonly]):not(:focus-visible):not(:checked) ~ .SelectionControl_selection-control {
+  &:not(:hover) input[aria-invalid]:enabled:not([aria-readonly=true]):not(:focus-visible):not(:checked) ~ .SelectionControl_selection-control {
     background-color: var(--dds-color-surface-danger-default);
   }
 }
 .SelectionControl_label:has(input:enabled) {
-  input[aria-invalid]:not([aria-readonly]):not(:focus-visible) ~ .SelectionControl_selection-control {
+  input[aria-invalid]:not([aria-readonly=true]):not(:focus-visible) ~ .SelectionControl_selection-control {
     border-color: var(--dds-color-border-danger);
     box-shadow: inset 0 0 0 1px var(--dds-color-border-danger);
   }
-  &:hover input:not(:checked):not([aria-readonly]) ~ .SelectionControl_selection-control {
+  &:hover input:not(:checked):not([aria-readonly=true]) ~ .SelectionControl_selection-control {
     background-color: var(--dds-color-surface-hover-default);
     box-shadow: inset 0 0 0 1px var(--dds-color-border-action-hover);
     border-color: var(--dds-color-border-action-hover);
@@ -2148,13 +2148,13 @@
     border-color: var(--dds-color-surface-action-selected);
     background-color: var(--dds-color-surface-action-selected);
   }
-  input:checked[aria-readonly] ~ .SelectionControl_selection-control,
-  input[data-indeterminate][aria-readonly] ~ .SelectionControl_selection-control {
+  input:checked[aria-readonly=true] ~ .SelectionControl_selection-control,
+  input[data-indeterminate][aria-readonly=true] ~ .SelectionControl_selection-control {
     border-color: var(--dds-color-surface-action-selected-disabled);
     background-color: var(--dds-color-surface-action-selected-disabled);
   }
   &:hover {
-    input:enabled:not([aria-readonly]) {
+    input:enabled:not([aria-readonly=true]) {
       &:checked[type=checkbox],
       &[data-indeterminate] {
         ~ .SelectionControl_selection-control {
@@ -2209,7 +2209,7 @@ input[data-indeterminate] ~ .SelectionControl_selection-control:after {
     border-color: var(--dds-color-surface-action-selected-disabled);
     background-color: var(--dds-color-surface-action-selected-disabled);
   }
-  .SelectionControl_label:has(input[aria-readonly]) {
+  .SelectionControl_label:has(input[aria-readonly=true]) {
     cursor: default;
     color: var(--dds-color-text-medium);
     input ~ .SelectionControl_selection-control {
@@ -4071,10 +4071,10 @@ select:hover {
   input:checked ~ .Toggle_track > .Toggle_thumb {
     transform: translateX(1.25rem);
   }
-  input:checked:enabled:active:not([aria-disabled]):not([aria-readonly]) ~ .Toggle_track > .Toggle_thumb {
+  input:checked:enabled:active:not([aria-disabled]):not([aria-readonly=true]) ~ .Toggle_track > .Toggle_thumb {
     transform: translateX(var(--dds-spacing-x1));
   }
-  input:enabled:active:not([aria-disabled]):not([aria-readonly]) ~ .Toggle_track > .Toggle_thumb {
+  input:enabled:active:not([aria-disabled]):not([aria-readonly=true]) ~ .Toggle_track > .Toggle_thumb {
     width: 1.5rem;
   }
 }
@@ -4091,16 +4091,16 @@ select:hover {
   input:checked ~ .Toggle_track > .Toggle_thumb {
     transform: translateX(var(--dds-spacing-x1));
   }
-  input:checked:enabled:active:not([aria-disabled]):not([aria-readonly]) ~ .Toggle_track > .Toggle_thumb {
+  input:checked:enabled:active:not([aria-disabled]):not([aria-readonly=true]) ~ .Toggle_track > .Toggle_thumb {
     transform: translateX(var(--dds-spacing-x0-75));
   }
-  input:enabled:active:not([aria-disabled]):not([aria-readonly]) ~ .Toggle_track > .Toggle_thumb {
+  input:enabled:active:not([aria-disabled]):not([aria-readonly=true]) ~ .Toggle_track > .Toggle_thumb {
     width: var(--dds-spacing-x2);
   }
 }
 .Toggle_label,
 .Toggle_label--is-loading {
-  input:checked:enabled:not([aria-readonly]) ~ .Toggle_track {
+  input:checked:enabled:not([aria-readonly=true]) ~ .Toggle_track {
     background-color: var(--dds-color-surface-action-selected);
     border-color: var(--dds-color-border-action-default);
     & > .Toggle_thumb {
@@ -4114,14 +4114,14 @@ select:hover {
 }
 .Toggle_label {
   cursor: pointer;
-  &:hover input:enabled:checked:not([aria-disabled]):not([aria-readonly]) ~ .Toggle_track {
+  &:hover input:enabled:checked:not([aria-disabled]):not([aria-readonly=true]) ~ .Toggle_track {
     background-color: var(--dds-color-surface-action-hover);
     border-color: var(--dds-color-border-action-hover);
     .Toggle_thumb {
       border-color: var(--dds-color-border-action-hover);
     }
   }
-  &:hover input:enabled:not([aria-disabled]):not([aria-readonly]) ~ .Toggle_track {
+  &:hover input:enabled:not([aria-disabled]):not([aria-readonly=true]) ~ .Toggle_track {
     background-color: var(--dds-color-surface-hover-default);
     border-color: var(--dds-color-border-action-hover);
     .Toggle_thumb {