@utrecht/component-library-css 9.0.3 → 9.0.4
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/index.css +13 -6
- package/dist/prince-xml.css +8 -6
- package/package.json +4 -4
package/dist/index.css
CHANGED
|
@@ -546,10 +546,6 @@
|
|
|
546
546
|
}
|
|
547
547
|
.utrecht-body {
|
|
548
548
|
block-size: 100%;
|
|
549
|
-
font-family: var(--utrecht-body-font-family, inherit);
|
|
550
|
-
font-size: var(--utrecht-body-font-size, inherit);
|
|
551
|
-
font-weight: var(--utrecht-body-font-weight, inherit);
|
|
552
|
-
line-height: var(--utrecht-body-line-height, inherit);
|
|
553
549
|
margin-block-end: 0;
|
|
554
550
|
margin-block-start: 0;
|
|
555
551
|
margin-inline-end: 0;
|
|
@@ -7314,16 +7310,19 @@
|
|
|
7314
7310
|
.utrecht-root {
|
|
7315
7311
|
-webkit-font-smoothing: auto !important;
|
|
7316
7312
|
-moz-osx-font-smoothing: auto !important;
|
|
7317
|
-
background-color: var(--utrecht-root-background-color);
|
|
7313
|
+
background-color: var(--utrecht-root-background-color, Canvas);
|
|
7318
7314
|
block-size: 100%;
|
|
7319
|
-
color: var(--utrecht-root-color);
|
|
7315
|
+
color: var(--utrecht-root-color, CanvasText);
|
|
7320
7316
|
font-family: var(--utrecht-root-font-family);
|
|
7317
|
+
font-size: var(--utrecht-root-font-size, var(--utrecht-body-font-size));
|
|
7321
7318
|
font-size-adjust: var(--utrecht-root-font-size-adjust, 0.5);
|
|
7319
|
+
font-weight: var(--utrecht-root-font-weight, var(--utrecht-body-font-weight));
|
|
7322
7320
|
-webkit-hyphens: auto;
|
|
7323
7321
|
-moz-hyphens: auto;
|
|
7324
7322
|
-ms-hyphens: auto;
|
|
7325
7323
|
hyphens: auto;
|
|
7326
7324
|
inline-size: 100%;
|
|
7325
|
+
line-height: var(--utrecht-root-line-height, var(--utrecht-body-line-height));
|
|
7327
7326
|
overflow-block: auto;
|
|
7328
7327
|
overflow-inline: auto;
|
|
7329
7328
|
position: relative;
|
|
@@ -7333,6 +7332,11 @@
|
|
|
7333
7332
|
text-size-adjust: none;
|
|
7334
7333
|
word-break: break-word;
|
|
7335
7334
|
}
|
|
7335
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
7336
|
+
.utrecht-root {
|
|
7337
|
+
scroll-behavior: smooth;
|
|
7338
|
+
}
|
|
7339
|
+
}
|
|
7336
7340
|
:where(.utrecht-root) :where(:focus-visible) {
|
|
7337
7341
|
--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
7338
7342
|
var(--utrecht-focus-inverse-outline-color, transparent);
|
|
@@ -7343,6 +7347,9 @@
|
|
|
7343
7347
|
outline-width: var(--utrecht-focus-outline-width, revert);
|
|
7344
7348
|
z-index: 1;
|
|
7345
7349
|
}
|
|
7350
|
+
:where(.utrecht-root) :where(:not(:root):fullscreen)::backdrop {
|
|
7351
|
+
background-color: var(--utrecht-root-background-color, Canvas);
|
|
7352
|
+
}
|
|
7346
7353
|
.utrecht-search-bar {
|
|
7347
7354
|
--utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
|
|
7348
7355
|
--utrecht-button-hover-scale: var(--utrecht-search-bar-hover-scale);
|
package/dist/prince-xml.css
CHANGED
|
@@ -511,10 +511,6 @@
|
|
|
511
511
|
}
|
|
512
512
|
.utrecht-body {
|
|
513
513
|
height: 100%;
|
|
514
|
-
font-family: var(--utrecht-body-font-family, inherit);
|
|
515
|
-
font-size: var(--utrecht-body-font-size, inherit);
|
|
516
|
-
font-weight: var(--utrecht-body-font-weight, inherit);
|
|
517
|
-
line-height: var(--utrecht-body-line-height, inherit);
|
|
518
514
|
margin-bottom: 0;
|
|
519
515
|
margin-top: 0;
|
|
520
516
|
margin-right: 0;
|
|
@@ -7170,16 +7166,19 @@
|
|
|
7170
7166
|
.utrecht-root {
|
|
7171
7167
|
-webkit-font-smoothing: auto !important;
|
|
7172
7168
|
-moz-osx-font-smoothing: auto !important;
|
|
7173
|
-
background-color: var(--utrecht-root-background-color);
|
|
7169
|
+
background-color: var(--utrecht-root-background-color, Canvas);
|
|
7174
7170
|
height: 100%;
|
|
7175
|
-
color: var(--utrecht-root-color);
|
|
7171
|
+
color: var(--utrecht-root-color, CanvasText);
|
|
7176
7172
|
font-family: var(--utrecht-root-font-family);
|
|
7173
|
+
font-size: var(--utrecht-root-font-size, var(--utrecht-body-font-size));
|
|
7177
7174
|
font-size-adjust: var(--utrecht-root-font-size-adjust, 0.5);
|
|
7175
|
+
font-weight: var(--utrecht-root-font-weight, var(--utrecht-body-font-weight));
|
|
7178
7176
|
-webkit-hyphens: auto;
|
|
7179
7177
|
-moz-hyphens: auto;
|
|
7180
7178
|
-ms-hyphens: auto;
|
|
7181
7179
|
hyphens: auto;
|
|
7182
7180
|
width: 100%;
|
|
7181
|
+
line-height: var(--utrecht-root-line-height, var(--utrecht-body-line-height));
|
|
7183
7182
|
overflow-block: auto;
|
|
7184
7183
|
overflow-inline: auto;
|
|
7185
7184
|
position: relative;
|
|
@@ -7199,6 +7198,9 @@
|
|
|
7199
7198
|
outline-width: var(--utrecht-focus-outline-width, revert);
|
|
7200
7199
|
z-index: 1;
|
|
7201
7200
|
}
|
|
7201
|
+
:where(.utrecht-root) :where(:not(:root):fullscreen)[prince-xml-ignore-pseudo-element-backdrop] {
|
|
7202
|
+
background-color: var(--utrecht-root-background-color, Canvas);
|
|
7203
|
+
}
|
|
7202
7204
|
.utrecht-search-bar {
|
|
7203
7205
|
--utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
|
|
7204
7206
|
--utrecht-button-hover-scale: var(--utrecht-search-bar-hover-scale);
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "9.0.
|
|
2
|
+
"version": "9.0.4",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"@utrecht/badge-counter-css": "2.0.1",
|
|
31
31
|
"@utrecht/badge-list-css": "3.0.1",
|
|
32
32
|
"@utrecht/blockquote-css": "2.0.1",
|
|
33
|
-
"@utrecht/body-css": "
|
|
33
|
+
"@utrecht/body-css": "3.0.0",
|
|
34
34
|
"@utrecht/breadcrumb-nav-css": "2.1.0",
|
|
35
35
|
"@utrecht/button-css": "3.1.0",
|
|
36
36
|
"@utrecht/button-group-css": "2.0.1",
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
"@utrecht/form-css": "2.0.1",
|
|
56
56
|
"@utrecht/form-field-css": "2.0.1",
|
|
57
57
|
"@utrecht/form-field-description-css": "2.0.1",
|
|
58
|
-
"@utrecht/form-field-error-message-css": "2.0.1",
|
|
59
58
|
"@utrecht/form-fieldset-css": "2.0.1",
|
|
59
|
+
"@utrecht/form-field-error-message-css": "2.0.1",
|
|
60
60
|
"@utrecht/form-label-css": "2.0.1",
|
|
61
61
|
"@utrecht/form-toggle-css": "2.0.1",
|
|
62
62
|
"@utrecht/grid-css": "1.0.0",
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
"@utrecht/preserve-data-css": "2.0.1",
|
|
103
103
|
"@utrecht/radio-button-css": "2.0.1",
|
|
104
104
|
"@utrecht/rich-text-css": "2.1.0",
|
|
105
|
-
"@utrecht/root-css": "3.
|
|
105
|
+
"@utrecht/root-css": "3.1.0",
|
|
106
106
|
"@utrecht/search-bar-css": "3.0.1",
|
|
107
107
|
"@utrecht/select-css": "2.0.1",
|
|
108
108
|
"@utrecht/separator-css": "2.0.1",
|