@utrecht/component-library-css 6.1.0 → 7.1.0

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 (4) hide show
  1. package/dist/html.css +18 -49
  2. package/dist/index.css +286 -460
  3. package/dist/prince-xml.css +285 -443
  4. package/package.json +97 -3
package/dist/html.css CHANGED
@@ -1,50 +1,7 @@
1
1
  /**
2
2
  * @license EUPL-1.2
3
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
4
- */
5
- /**
6
- * @license EUPL-1.2
7
- * Copyright (c) 2021 Robbert Broersma
8
- * Copyright (c) 2021 Gemeente Utrecht
9
- */
10
- /**
11
- * @license EUPL-1.2
12
- * Copyright (c) 2022 Gemeente Utrecht
13
- * Copyright (c) 2022 Robbert Broersma
14
- * Copyright (c) 2022 The Knights Who Say NIH! B.V.
15
- */
16
- /**
17
- * @license EUPL-1.2
18
- * Copyright (c) 2021-2022 Frameless B.V.
19
- */
20
- /**
21
- * @license EUPL-1.2
22
- * Copyright (c) 2021 Gemeente Utrecht
23
- * Copyright (c) 2021 Robbert Broersma
24
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
25
- */
26
- /**
27
- * @license EUPL-1.2
28
- * Copyright (c) 2021 Gemeente Utrecht
29
- * Copyright (c) 2021 Robbert Broersma
30
- */
31
- /**
32
- * @license EUPL-1.2
33
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
34
- * Copyright (c) 2021 Gemeente Utrecht
35
- */
36
- /**
37
- * @license EUPL-1.2
38
- * Copyright (c) 2020-2022 Gemeente Utrecht
39
- * Copyright (c) 2020-2022 Frameless B.V.
40
- */
41
- /**
42
- * @license EUPL-1.2
43
- * Copyright (c) 2021 Robbert Broersma
44
- */
45
- /**
46
- * @license EUPL-1.2
47
- * Copyright (c) 2021 Gemeente Utrecht
3
+ * Copyright (c) 2020-2024 Frameless B.V.
4
+ * Copyright (c) 2021-2024 Gemeente Utrecht
48
5
  */
49
6
  @charset "UTF-8";
50
7
  .utrecht-html {
@@ -360,6 +317,7 @@
360
317
  outline-offset: var(--utrecht-focus-outline-offset, revert);
361
318
  outline-style: var(--utrecht-focus-outline-style, revert);
362
319
  outline-width: var(--utrecht-focus-outline-width, revert);
320
+ z-index: 1;
363
321
  }
364
322
  .utrecht-html input[type=checkbox i] {
365
323
  margin-block-end: 0;
@@ -381,6 +339,7 @@
381
339
  outline-offset: var(--utrecht-focus-outline-offset, revert);
382
340
  outline-style: var(--utrecht-focus-outline-style, revert);
383
341
  outline-width: var(--utrecht-focus-outline-width, revert);
342
+ z-index: 1;
384
343
  }
385
344
  .utrecht-html body {
386
345
  -webkit-font-smoothing: auto !important;
@@ -622,6 +581,7 @@
622
581
  outline-offset: var(--utrecht-focus-outline-offset, revert);
623
582
  outline-style: var(--utrecht-focus-outline-style, revert);
624
583
  outline-width: var(--utrecht-focus-outline-width, revert);
584
+ z-index: 1;
625
585
  --_utrecht-link-state-text-decoration: var(
626
586
  --utrecht-link-focus-visible-text-decoration,
627
587
  var(--utrecht-link-focus-text-decoration)
@@ -798,19 +758,19 @@
798
758
  }
799
759
  .utrecht-html input[type=radio i]:focus:not([aria-disabled=true], :disabled) {
800
760
  --_utrecht-radio-button-interactive-background-color: var(
801
- --utrecht-radio-button-focus-background-color,
761
+ --_utrecht-radio-button-state-focus-background-color,
802
762
  var(--utrecht-radio-button-focus-background-color)
803
763
  );
804
764
  --_utrecht-radio-button-interactive-border-color: var(
805
- --utrecht-radio-button-focus-border-color,
765
+ --_utrecht-radio-button-state-focus-border-color,
806
766
  var(--utrecht-radio-button-focus-border-color)
807
767
  );
808
768
  --_utrecht-radio-button-interactive-border-width: var(
809
- --utrecht-radio-button-focus-border-width,
769
+ --_utrecht-radio-button-state-focus-border-width,
810
770
  var(--utrecht-radio-button-focus-border-width)
811
771
  );
812
772
  --_utrecht-radio-button-interactive-color: var(
813
- --utrecht-radio-button-focus-color,
773
+ --_utrecht-radio-button-state-focus-color,
814
774
  var(--utrecht-radio-button-focus-color)
815
775
  );
816
776
  }
@@ -822,6 +782,7 @@
822
782
  outline-offset: var(--utrecht-focus-outline-offset, revert);
823
783
  outline-style: var(--utrecht-focus-outline-style, revert);
824
784
  outline-width: var(--utrecht-focus-outline-width, revert);
785
+ z-index: 1;
825
786
  }
826
787
  .utrecht-html input[type=radio i]:hover:not([aria-disabled=true], :disabled) {
827
788
  --_utrecht-radio-button-interactive-background-color: var(
@@ -882,6 +843,11 @@
882
843
  padding-inline-end: var(--utrecht-select-padding-inline-end, var(--utrecht-form-control-padding-inline-end));
883
844
  padding-inline-start: var(--utrecht-select-padding-inline-start, var(--utrecht-form-control-padding-inline-start));
884
845
  }
846
+ .utrecht-html select:hover {
847
+ background-color: var(--utrecht-select-hover-background-color, var(--utrecht-form-control-hover-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
848
+ border-color: var(--utrecht-select-hover-border-color, var(--utrecht-form-control-hover-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));
849
+ color: var(--utrecht-select-hover-color, var(--utrecht-form-control-hover-color, var(--utrecht-select-color, var(--utrecht-form-control-color))));
850
+ }
885
851
  .utrecht-html select:focus {
886
852
  background-color: var(--utrecht-select-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
887
853
  border-color: var(--utrecht-select-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));
@@ -895,6 +861,7 @@
895
861
  outline-offset: var(--utrecht-focus-outline-offset, revert);
896
862
  outline-style: var(--utrecht-focus-outline-style, revert);
897
863
  outline-width: var(--utrecht-focus-outline-width, revert);
864
+ z-index: 1;
898
865
  }
899
866
  .utrecht-html select:disabled {
900
867
  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))));
@@ -1070,6 +1037,7 @@
1070
1037
  outline-offset: var(--utrecht-focus-outline-offset, revert);
1071
1038
  outline-style: var(--utrecht-focus-outline-style, revert);
1072
1039
  outline-width: var(--utrecht-focus-outline-width, revert);
1040
+ z-index: 1;
1073
1041
  }
1074
1042
  .utrecht-html textarea:invalid, .utrecht-html textarea[aria-invalid=true] {
1075
1043
  --_utrecht-textarea-border-width: var(
@@ -1181,6 +1149,7 @@
1181
1149
  outline-offset: var(--utrecht-focus-outline-offset, revert);
1182
1150
  outline-style: var(--utrecht-focus-outline-style, revert);
1183
1151
  outline-width: var(--utrecht-focus-outline-width, revert);
1152
+ z-index: 1;
1184
1153
  }
1185
1154
  .utrecht-html input:not([type]):invalid, .utrecht-html input:not([type])[aria-invalid=true],
1186
1155
  .utrecht-html input[type=date i]:invalid,