@utrecht/component-library-css 9.0.2 → 9.0.3

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
@@ -1304,4 +1304,14 @@
1304
1304
  .utrecht-html ul > li::marker {
1305
1305
  color: var(--utrecht-unordered-list-marker-color);
1306
1306
  content: "●";
1307
+ }
1308
+ :where(.utrecht-html) :where(:focus-visible) {
1309
+ --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
1310
+ var(--utrecht-focus-inverse-outline-color, transparent);
1311
+ box-shadow: var(--_utrecht-focus-ring-box-shadow);
1312
+ outline-color: var(--utrecht-focus-outline-color, revert);
1313
+ outline-offset: var(--utrecht-focus-outline-offset, revert);
1314
+ outline-style: var(--utrecht-focus-outline-style, revert);
1315
+ outline-width: var(--utrecht-focus-outline-width, revert);
1316
+ z-index: 1;
1307
1317
  }
package/dist/index.css CHANGED
@@ -7318,6 +7318,7 @@
7318
7318
  block-size: 100%;
7319
7319
  color: var(--utrecht-root-color);
7320
7320
  font-family: var(--utrecht-root-font-family);
7321
+ font-size-adjust: var(--utrecht-root-font-size-adjust, 0.5);
7321
7322
  -webkit-hyphens: auto;
7322
7323
  -moz-hyphens: auto;
7323
7324
  -ms-hyphens: auto;
@@ -7332,6 +7333,16 @@
7332
7333
  text-size-adjust: none;
7333
7334
  word-break: break-word;
7334
7335
  }
7336
+ :where(.utrecht-root) :where(:focus-visible) {
7337
+ --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
7338
+ var(--utrecht-focus-inverse-outline-color, transparent);
7339
+ box-shadow: var(--_utrecht-focus-ring-box-shadow);
7340
+ outline-color: var(--utrecht-focus-outline-color, revert);
7341
+ outline-offset: var(--utrecht-focus-outline-offset, revert);
7342
+ outline-style: var(--utrecht-focus-outline-style, revert);
7343
+ outline-width: var(--utrecht-focus-outline-width, revert);
7344
+ z-index: 1;
7345
+ }
7335
7346
  .utrecht-search-bar {
7336
7347
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
7337
7348
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-scale);
@@ -7174,6 +7174,7 @@
7174
7174
  height: 100%;
7175
7175
  color: var(--utrecht-root-color);
7176
7176
  font-family: var(--utrecht-root-font-family);
7177
+ font-size-adjust: var(--utrecht-root-font-size-adjust, 0.5);
7177
7178
  -webkit-hyphens: auto;
7178
7179
  -moz-hyphens: auto;
7179
7180
  -ms-hyphens: auto;
@@ -7188,6 +7189,16 @@
7188
7189
  text-size-adjust: none;
7189
7190
  word-break: break-word;
7190
7191
  }
7192
+ :where(.utrecht-root) :where([prince-xml-ignore-pseudo-class-focus-visible]) {
7193
+ --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
7194
+ var(--utrecht-focus-inverse-outline-color, transparent);
7195
+ box-shadow: var(--_utrecht-focus-ring-box-shadow);
7196
+ outline-color: var(--utrecht-focus-outline-color, revert);
7197
+ outline-offset: var(--utrecht-focus-outline-offset, revert);
7198
+ outline-style: var(--utrecht-focus-outline-style, revert);
7199
+ outline-width: var(--utrecht-focus-outline-width, revert);
7200
+ z-index: 1;
7201
+ }
7191
7202
  .utrecht-search-bar {
7192
7203
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
7193
7204
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-scale);
@@ -9746,4 +9757,14 @@
9746
9757
  .utrecht-html ul > li::marker {
9747
9758
  color: var(--utrecht-unordered-list-marker-color);
9748
9759
  content: "●";
9760
+ }
9761
+ :where(.utrecht-html) :where([prince-xml-ignore-pseudo-class-focus-visible]) {
9762
+ --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
9763
+ var(--utrecht-focus-inverse-outline-color, transparent);
9764
+ box-shadow: var(--_utrecht-focus-ring-box-shadow);
9765
+ outline-color: var(--utrecht-focus-outline-color, revert);
9766
+ outline-offset: var(--utrecht-focus-outline-offset, revert);
9767
+ outline-style: var(--utrecht-focus-outline-style, revert);
9768
+ outline-width: var(--utrecht-focus-outline-width, revert);
9769
+ z-index: 1;
9749
9770
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "9.0.2",
2
+ "version": "9.0.3",
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",
@@ -67,7 +67,7 @@
67
67
  "@utrecht/heading-5-css": "2.0.1",
68
68
  "@utrecht/heading-6-css": "2.0.1",
69
69
  "@utrecht/heading-group-css": "2.0.1",
70
- "@utrecht/html-content-css": "2.0.1",
70
+ "@utrecht/html-content-css": "2.1.0",
71
71
  "@utrecht/iban-data-css": "2.0.1",
72
72
  "@utrecht/icon-css": "3.0.1",
73
73
  "@utrecht/img-css": "2.0.1",
@@ -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": "2.0.1",
105
+ "@utrecht/root-css": "3.0.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",