@utrecht/component-library-css 7.0.0 → 7.1.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.
package/dist/html.css CHANGED
@@ -317,6 +317,7 @@
317
317
  outline-offset: var(--utrecht-focus-outline-offset, revert);
318
318
  outline-style: var(--utrecht-focus-outline-style, revert);
319
319
  outline-width: var(--utrecht-focus-outline-width, revert);
320
+ z-index: 1;
320
321
  }
321
322
  .utrecht-html input[type=checkbox i] {
322
323
  margin-block-end: 0;
@@ -338,6 +339,7 @@
338
339
  outline-offset: var(--utrecht-focus-outline-offset, revert);
339
340
  outline-style: var(--utrecht-focus-outline-style, revert);
340
341
  outline-width: var(--utrecht-focus-outline-width, revert);
342
+ z-index: 1;
341
343
  }
342
344
  .utrecht-html body {
343
345
  -webkit-font-smoothing: auto !important;
@@ -579,6 +581,7 @@
579
581
  outline-offset: var(--utrecht-focus-outline-offset, revert);
580
582
  outline-style: var(--utrecht-focus-outline-style, revert);
581
583
  outline-width: var(--utrecht-focus-outline-width, revert);
584
+ z-index: 1;
582
585
  --_utrecht-link-state-text-decoration: var(
583
586
  --utrecht-link-focus-visible-text-decoration,
584
587
  var(--utrecht-link-focus-text-decoration)
@@ -597,6 +600,7 @@
597
600
  font-family: var(--utrecht-document-font-family, inherit);
598
601
  font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
599
602
  line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
603
+ list-style-type: decimal;
600
604
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));
601
605
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
602
606
  padding-inline-start: var(--utrecht-ordered-list-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 2ch));
@@ -755,19 +759,19 @@
755
759
  }
756
760
  .utrecht-html input[type=radio i]:focus:not([aria-disabled=true], :disabled) {
757
761
  --_utrecht-radio-button-interactive-background-color: var(
758
- --utrecht-radio-button-focus-background-color,
762
+ --_utrecht-radio-button-state-focus-background-color,
759
763
  var(--utrecht-radio-button-focus-background-color)
760
764
  );
761
765
  --_utrecht-radio-button-interactive-border-color: var(
762
- --utrecht-radio-button-focus-border-color,
766
+ --_utrecht-radio-button-state-focus-border-color,
763
767
  var(--utrecht-radio-button-focus-border-color)
764
768
  );
765
769
  --_utrecht-radio-button-interactive-border-width: var(
766
- --utrecht-radio-button-focus-border-width,
770
+ --_utrecht-radio-button-state-focus-border-width,
767
771
  var(--utrecht-radio-button-focus-border-width)
768
772
  );
769
773
  --_utrecht-radio-button-interactive-color: var(
770
- --utrecht-radio-button-focus-color,
774
+ --_utrecht-radio-button-state-focus-color,
771
775
  var(--utrecht-radio-button-focus-color)
772
776
  );
773
777
  }
@@ -779,6 +783,7 @@
779
783
  outline-offset: var(--utrecht-focus-outline-offset, revert);
780
784
  outline-style: var(--utrecht-focus-outline-style, revert);
781
785
  outline-width: var(--utrecht-focus-outline-width, revert);
786
+ z-index: 1;
782
787
  }
783
788
  .utrecht-html input[type=radio i]:hover:not([aria-disabled=true], :disabled) {
784
789
  --_utrecht-radio-button-interactive-background-color: var(
@@ -857,6 +862,7 @@
857
862
  outline-offset: var(--utrecht-focus-outline-offset, revert);
858
863
  outline-style: var(--utrecht-focus-outline-style, revert);
859
864
  outline-width: var(--utrecht-focus-outline-width, revert);
865
+ z-index: 1;
860
866
  }
861
867
  .utrecht-html select:disabled {
862
868
  background-color: var(--utrecht-select-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
@@ -1032,6 +1038,7 @@
1032
1038
  outline-offset: var(--utrecht-focus-outline-offset, revert);
1033
1039
  outline-style: var(--utrecht-focus-outline-style, revert);
1034
1040
  outline-width: var(--utrecht-focus-outline-width, revert);
1041
+ z-index: 1;
1035
1042
  }
1036
1043
  .utrecht-html textarea:invalid, .utrecht-html textarea[aria-invalid=true] {
1037
1044
  --_utrecht-textarea-border-width: var(
@@ -1143,6 +1150,7 @@
1143
1150
  outline-offset: var(--utrecht-focus-outline-offset, revert);
1144
1151
  outline-style: var(--utrecht-focus-outline-style, revert);
1145
1152
  outline-width: var(--utrecht-focus-outline-width, revert);
1153
+ z-index: 1;
1146
1154
  }
1147
1155
  .utrecht-html input:not([type]):invalid, .utrecht-html input:not([type])[aria-invalid=true],
1148
1156
  .utrecht-html input[type=date i]:invalid,