@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 +12 -4
- package/dist/index.css +181 -46
- package/dist/prince-xml.css +195 -43
- package/package.json +100 -94
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
|
-
--
|
|
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
|
-
--
|
|
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
|
-
--
|
|
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
|
-
--
|
|
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,
|