@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.
Files changed (3) hide show
  1. package/dist/index.css +13 -6
  2. package/dist/prince-xml.css +8 -6
  3. 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.3",
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": "2.0.1",
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.0.0",
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",