@utrecht/component-library-css 8.1.1 → 8.1.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/index.css CHANGED
@@ -4130,10 +4130,10 @@
4130
4130
  color: var(--utrecht-page-color);
4131
4131
  max-inline-size: var(--utrecht-page-max-inline-size);
4132
4132
  }
4133
-
4134
4133
  .utrecht-pagination {
4135
4134
  font-family: var(--utrecht-pagination-font-family, var(--utrecht-document-font-family));
4136
4135
  font-size: var(--utrecht-pagination-font-size, var(--utrecht-document-font-family));
4136
+ line-height: var(--utrecht-pagination-line-height, var(--utrecht-document-line-height));
4137
4137
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-end, 0));
4138
4138
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-start, 0));
4139
4139
  }
@@ -4170,6 +4170,7 @@
4170
4170
  .utrecht-pagination__relative-link--disabled {
4171
4171
  background-color: var(--utrecht-pagination-relative-link-disabled-background-color, var(--utrecht-pagination-relative-link-background-color));
4172
4172
  color: var(--utrecht-pagination-relative-link-disabled-color, var(--utrecht-pagination-relative-link-color));
4173
+ text-decoration: var(--utrecht-pagination-relative-link-disabled-text-decoration, var(--utrecht-pagination-relative-link-text-decoration));
4173
4174
  }
4174
4175
 
4175
4176
  .utrecht-pagination__relative-link--hover,
@@ -4199,6 +4200,7 @@
4199
4200
  --utrecht-pagination-page-link-background-color: var(--utrecht-pagination-page-link-current-background-color);
4200
4201
  --utrecht-pagination-page-link-border-color: var(--utrecht-pagination-page-link-current-border-color);
4201
4202
  --utrecht-pagination-page-link-color: var(--utrecht-pagination-page-link-current-color);
4203
+ --utrecht-pagination-page-link-text-decoration: var(--utrecht-pagination-page-link-current-text-decoration);
4202
4204
  }
4203
4205
 
4204
4206
  .utrecht-pagination__page-link ~ .utrecht-pagination__page-link {
@@ -4206,14 +4208,22 @@
4206
4208
  }
4207
4209
 
4208
4210
  .utrecht-pagination__page-link--hover,
4209
- .utrecht-pagination__page-link:hover {
4211
+ .utrecht-pagination__page-link:any-link:hover {
4210
4212
  background-color: var(--utrecht-pagination-page-link-hover-background-color, var(--utrecht-pagination-page-link-background-color));
4211
4213
  border-color: var(--utrecht-pagination-page-link-hover-border-color, var(--utrecht-pagination-page-link-border-color));
4212
4214
  color: var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color));
4213
4215
  }
4214
4216
 
4215
- .utrecht-pagination__page-link:focus-visible,
4216
- .utrecht-pagination__relative-link:focus-visible {
4217
+ .utrecht-pagination__page-link:any-link:focus,
4218
+ .utrecht-pagination__relative-link:any-link:focus {
4219
+ background-color: var(--utrecht-pagination-relative-link-focus-background-color, transparent);
4220
+ color: var(--utrecht-pagination-relative-link-focus-color);
4221
+ }
4222
+
4223
+ .utrecht-pagination__page-link:any-link:focus-visible,
4224
+ .utrecht-pagination__relative-link:any-link:focus-visible {
4225
+ background-color: var(--utrecht-pagination-relative-link-focus-visible-background-color, transparent);
4226
+ color: var(--utrecht-pagination-relative-link-focus-visible-color);
4217
4227
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
4218
4228
  var(--utrecht-focus-inverse-outline-color, transparent);
4219
4229
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -3976,10 +3976,10 @@
3976
3976
  color: var(--utrecht-page-color);
3977
3977
  max-width: var(--utrecht-page-max-inline-size);
3978
3978
  }
3979
-
3980
3979
  .utrecht-pagination {
3981
3980
  font-family: var(--utrecht-pagination-font-family, var(--utrecht-document-font-family));
3982
3981
  font-size: var(--utrecht-pagination-font-size, var(--utrecht-document-font-family));
3982
+ line-height: var(--utrecht-pagination-line-height, var(--utrecht-document-line-height));
3983
3983
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-end, 0));
3984
3984
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-start, 0));
3985
3985
  }
@@ -4016,6 +4016,7 @@
4016
4016
  .utrecht-pagination__relative-link--disabled {
4017
4017
  background-color: var(--utrecht-pagination-relative-link-disabled-background-color, var(--utrecht-pagination-relative-link-background-color));
4018
4018
  color: var(--utrecht-pagination-relative-link-disabled-color, var(--utrecht-pagination-relative-link-color));
4019
+ text-decoration: var(--utrecht-pagination-relative-link-disabled-text-decoration, var(--utrecht-pagination-relative-link-text-decoration));
4019
4020
  }
4020
4021
 
4021
4022
  .utrecht-pagination__relative-link--hover,
@@ -4045,6 +4046,7 @@
4045
4046
  --utrecht-pagination-page-link-background-color: var(--utrecht-pagination-page-link-current-background-color);
4046
4047
  --utrecht-pagination-page-link-border-color: var(--utrecht-pagination-page-link-current-border-color);
4047
4048
  --utrecht-pagination-page-link-color: var(--utrecht-pagination-page-link-current-color);
4049
+ --utrecht-pagination-page-link-text-decoration: var(--utrecht-pagination-page-link-current-text-decoration);
4048
4050
  }
4049
4051
 
4050
4052
  .utrecht-pagination__page-link ~ .utrecht-pagination__page-link {
@@ -4052,14 +4054,22 @@
4052
4054
  }
4053
4055
 
4054
4056
  .utrecht-pagination__page-link--hover,
4055
- .utrecht-pagination__page-link:hover {
4057
+ .utrecht-pagination__page-link[href]:hover {
4056
4058
  background-color: var(--utrecht-pagination-page-link-hover-background-color, var(--utrecht-pagination-page-link-background-color));
4057
4059
  border-color: var(--utrecht-pagination-page-link-hover-border-color, var(--utrecht-pagination-page-link-border-color));
4058
4060
  color: var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color));
4059
4061
  }
4060
4062
 
4061
- .utrecht-pagination__page-link[prince-xml-ignore-pseudo-class-focus-visible],
4062
- .utrecht-pagination__relative-link[prince-xml-ignore-pseudo-class-focus-visible] {
4063
+ .utrecht-pagination__page-link[href]:focus,
4064
+ .utrecht-pagination__relative-link[href]:focus {
4065
+ background-color: var(--utrecht-pagination-relative-link-focus-background-color, transparent);
4066
+ color: var(--utrecht-pagination-relative-link-focus-color);
4067
+ }
4068
+
4069
+ .utrecht-pagination__page-link[href][prince-xml-ignore-pseudo-class-focus-visible],
4070
+ .utrecht-pagination__relative-link[href][prince-xml-ignore-pseudo-class-focus-visible] {
4071
+ background-color: var(--utrecht-pagination-relative-link-focus-visible-background-color, transparent);
4072
+ color: var(--utrecht-pagination-relative-link-focus-visible-color);
4063
4073
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
4064
4074
  var(--utrecht-focus-inverse-outline-color, transparent);
4065
4075
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "8.1.1",
2
+ "version": "8.1.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",
@@ -22,6 +22,7 @@
22
22
  "dependencies": {
23
23
  "@utrecht/accordion-css": "3.0.0",
24
24
  "@utrecht/action-group-css": "3.0.0",
25
+ "@utrecht/alert-css": "3.0.0",
25
26
  "@utrecht/alert-dialog-css": "2.0.0",
26
27
  "@utrecht/alternate-lang-nav-css": "2.0.0",
27
28
  "@utrecht/article-css": "2.0.0",
@@ -95,7 +96,7 @@
95
96
  "@utrecht/page-footer-css": "3.0.0",
96
97
  "@utrecht/page-header-css": "2.0.0",
97
98
  "@utrecht/page-layout-css": "2.0.0",
98
- "@utrecht/pagination-css": "2.0.0",
99
+ "@utrecht/pagination-css": "2.0.2",
99
100
  "@utrecht/paragraph-css": "3.0.0",
100
101
  "@utrecht/pre-heading-css": "2.0.0",
101
102
  "@utrecht/preserve-data-css": "2.0.0",
@@ -117,8 +118,7 @@
117
118
  "@utrecht/top-task-nav-css": "1.3.1",
118
119
  "@utrecht/unordered-list-css": "2.0.0",
119
120
  "@utrecht/url-data-css": "2.0.0",
120
- "@utrecht/youtube-video-css": "2.0.0",
121
- "@utrecht/alert-css": "3.0.0"
121
+ "@utrecht/youtube-video-css": "2.0.0"
122
122
  },
123
123
  "devDependencies": {
124
124
  "postcss": "8.4.38",