@utrecht/component-library-css 1.0.0-alpha.294 → 1.0.0-alpha.297
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 +4 -2
- package/dist/index.css +75 -17
- package/package.json +3 -3
package/dist/html.css
CHANGED
|
@@ -13,11 +13,13 @@
|
|
|
13
13
|
.utrecht-html {
|
|
14
14
|
/**
|
|
15
15
|
* @license EUPL-1.2
|
|
16
|
-
* Copyright (c)
|
|
16
|
+
* Copyright (c) 2020-2022 Gemeente Utrecht
|
|
17
|
+
* Copyright (c) 2020-2022 Frameless B.V.
|
|
17
18
|
*/
|
|
18
19
|
/**
|
|
19
20
|
* @license EUPL-1.2
|
|
20
|
-
* Copyright (c)
|
|
21
|
+
* Copyright (c) 2020-2022 Gemeente Utrecht
|
|
22
|
+
* Copyright (c) 2020-2022 Frameless B.V.
|
|
21
23
|
*/
|
|
22
24
|
/**
|
|
23
25
|
* @license EUPL-1.2
|
package/dist/index.css
CHANGED
|
@@ -16,11 +16,13 @@
|
|
|
16
16
|
*/
|
|
17
17
|
/**
|
|
18
18
|
* @license EUPL-1.2
|
|
19
|
-
* Copyright (c)
|
|
19
|
+
* Copyright (c) 2020-2022 Gemeente Utrecht
|
|
20
|
+
* Copyright (c) 2020-2022 Frameless B.V.
|
|
20
21
|
*/
|
|
21
22
|
/**
|
|
22
23
|
* @license EUPL-1.2
|
|
23
|
-
* Copyright (c)
|
|
24
|
+
* Copyright (c) 2020-2022 Gemeente Utrecht
|
|
25
|
+
* Copyright (c) 2020-2022 Frameless B.V.
|
|
24
26
|
*/
|
|
25
27
|
.utrecht-article {
|
|
26
28
|
max-inline-size: var(--utrecht-article-max-inline-size);
|
|
@@ -28,7 +30,8 @@
|
|
|
28
30
|
|
|
29
31
|
/**
|
|
30
32
|
* @license EUPL-1.2
|
|
31
|
-
* Copyright (c)
|
|
33
|
+
* Copyright (c) 2020-2022 Gemeente Utrecht
|
|
34
|
+
* Copyright (c) 2020-2022 Frameless B.V.
|
|
32
35
|
*/
|
|
33
36
|
.utrecht-badge-counter {
|
|
34
37
|
background-color: var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, hsl(0deg, 0%, 0%)));
|
|
@@ -47,11 +50,13 @@
|
|
|
47
50
|
|
|
48
51
|
/**
|
|
49
52
|
* @license EUPL-1.2
|
|
50
|
-
* Copyright (c)
|
|
53
|
+
* Copyright (c) 2020-2022 Gemeente Utrecht
|
|
54
|
+
* Copyright (c) 2020-2022 Frameless B.V.
|
|
51
55
|
*/
|
|
52
56
|
/**
|
|
53
57
|
* @license EUPL-1.2
|
|
54
|
-
* Copyright (c)
|
|
58
|
+
* Copyright (c) 2020-2022 Gemeente Utrecht
|
|
59
|
+
* Copyright (c) 2020-2022 Frameless B.V.
|
|
55
60
|
*/
|
|
56
61
|
.utrecht-badge-data {
|
|
57
62
|
background-color: var(--utrecht-badge-background-color, hsl(0deg, 0%, 0%));
|
|
@@ -74,11 +79,13 @@
|
|
|
74
79
|
|
|
75
80
|
/**
|
|
76
81
|
* @license EUPL-1.2
|
|
77
|
-
* Copyright (c)
|
|
82
|
+
* Copyright (c) 2020-2022 Gemeente Utrecht
|
|
83
|
+
* Copyright (c) 2020-2022 Frameless B.V.
|
|
78
84
|
*/
|
|
79
85
|
/**
|
|
80
86
|
* @license EUPL-1.2
|
|
81
|
-
* Copyright (c)
|
|
87
|
+
* Copyright (c) 2020-2022 Gemeente Utrecht
|
|
88
|
+
* Copyright (c) 2020-2022 Frameless B.V.
|
|
82
89
|
*/
|
|
83
90
|
.utrecht-badge-status {
|
|
84
91
|
background-color: var(--utrecht-badge-background-color, hsl(0deg, 0%, 0%));
|
|
@@ -151,11 +158,13 @@
|
|
|
151
158
|
|
|
152
159
|
/**
|
|
153
160
|
* @license EUPL-1.2
|
|
154
|
-
* Copyright (c)
|
|
161
|
+
* Copyright (c) 2020-2022 Gemeente Utrecht
|
|
162
|
+
* Copyright (c) 2020-2022 Frameless B.V.
|
|
155
163
|
*/
|
|
156
164
|
/**
|
|
157
165
|
* @license EUPL-1.2
|
|
158
|
-
* Copyright (c)
|
|
166
|
+
* Copyright (c) 2020-2022 Gemeente Utrecht
|
|
167
|
+
* Copyright (c) 2020-2022 Frameless B.V.
|
|
159
168
|
*/
|
|
160
169
|
.utrecht-backdrop {
|
|
161
170
|
background-color: var(--utrecht-backdrop-background-color);
|
|
@@ -1086,6 +1095,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
1086
1095
|
* Copyright (c) 2021 Robbert Broersma
|
|
1087
1096
|
*/
|
|
1088
1097
|
/* stylelint-disable-next-line block-no-empty */
|
|
1098
|
+
/* stylelint-disable-next-line block-no-empty */
|
|
1089
1099
|
.utrecht-custom-radio-button {
|
|
1090
1100
|
-webkit-appearance: none;
|
|
1091
1101
|
-moz-appearance: none;
|
|
@@ -1106,7 +1116,6 @@ ol.utrecht-breadcrumb__list {
|
|
|
1106
1116
|
width: var(--utrecht-custom-radio-button-size);
|
|
1107
1117
|
}
|
|
1108
1118
|
|
|
1109
|
-
.utrecht-custom-radio-button:checked,
|
|
1110
1119
|
.utrecht-custom-radio-button--checked {
|
|
1111
1120
|
background-color: var(--utrecht-custom-radio-button-checked-background-color, var(--utrecht-custom-radio-button-background-color));
|
|
1112
1121
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
|
|
@@ -1115,7 +1124,6 @@ ol.utrecht-breadcrumb__list {
|
|
|
1115
1124
|
color: var(--utrecht-custom-radio-button-checked-color, var(--utrecht-custom-radio-button-color));
|
|
1116
1125
|
}
|
|
1117
1126
|
|
|
1118
|
-
.utrecht-custom-radio-button:active,
|
|
1119
1127
|
.utrecht-custom-radio-button--active {
|
|
1120
1128
|
background-color: var(--utrecht-custom-radio-button-active-background-color, var(--utrecht-custom-radio-button-background-color));
|
|
1121
1129
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
|
|
@@ -1124,14 +1132,14 @@ ol.utrecht-breadcrumb__list {
|
|
|
1124
1132
|
color: var(--utrecht-custom-radio-button-active-color, var(--utrecht-custom-radio-button-color));
|
|
1125
1133
|
}
|
|
1126
1134
|
|
|
1127
|
-
.utrecht-custom-radio-button--focus
|
|
1128
|
-
|
|
1135
|
+
.utrecht-custom-radio-button--focus {
|
|
1136
|
+
background-color: var(--utrecht-custom-radio-button-focus-background-color, var(--utrecht-custom-radio-button-background-color));
|
|
1137
|
+
background-image: url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
|
|
1129
1138
|
border-color: var(--utrecht-custom-radio-button-focus-border-color, var(--utrecht-custom-radio-button-border-color));
|
|
1130
1139
|
border-width: var(--utrecht-custom-radio-button-focus-border-width, var(--utrecht-custom-radio-button-border-width));
|
|
1131
1140
|
color: var(--utrecht-custom-radio-button-focus-color, var(--utrecht-custom-radio-button-color));
|
|
1132
1141
|
}
|
|
1133
1142
|
|
|
1134
|
-
.utrecht-custom-radio-button:focus-visible,
|
|
1135
1143
|
.utrecht-custom-radio-button--focus-visible {
|
|
1136
1144
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1137
1145
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
@@ -1141,21 +1149,71 @@ ol.utrecht-breadcrumb__list {
|
|
|
1141
1149
|
}
|
|
1142
1150
|
|
|
1143
1151
|
.utrecht-custom-radio-button--disabled {
|
|
1144
|
-
background-color: var(--utrecht-custom-radio-button-disabled-background-color, var(--utrecht-custom-radio-button-background-color));
|
|
1145
|
-
background-image: url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
|
|
1146
1152
|
border-color: var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color));
|
|
1147
1153
|
border-width: var(--utrecht-custom-radio-button-disabled-border-width, var(--utrecht-custom-radio-button-border-width));
|
|
1148
1154
|
color: var(--utrecht-custom-radio-button-disabled-color, var(--utrecht-custom-radio-button-color));
|
|
1149
1155
|
cursor: var(--utrecht-action-disabled-cursor);
|
|
1150
1156
|
}
|
|
1157
|
+
.utrecht-custom-radio-button--disabled:checked {
|
|
1158
|
+
background-color: var(--utrecht-custom-radio-button-disabled-background-color, var(--utrecht-custom-radio-button-background-color));
|
|
1159
|
+
border-color: var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color));
|
|
1160
|
+
}
|
|
1161
|
+
.utrecht-custom-radio-button--disabled:active {
|
|
1162
|
+
border-color: var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color));
|
|
1163
|
+
}
|
|
1151
1164
|
|
|
1152
1165
|
.utrecht-custom-radio-button--invalid {
|
|
1153
|
-
|
|
1166
|
+
border-color: var(--utrecht-custom-radio-button-invalid-border-color, var(--utrecht-custom-radio-button-border-color));
|
|
1167
|
+
border-width: var(--utrecht-custom-radio-button-invalid-border-width, var(--utrecht-custom-radio-button-border-width));
|
|
1168
|
+
color: var(--utrecht-custom-radio-button-invalid-color, var(--utrecht-custom-radio-button-color));
|
|
1169
|
+
}
|
|
1170
|
+
|
|
1171
|
+
.utrecht-custom-radio-button--html-input:disabled {
|
|
1172
|
+
border-color: var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color));
|
|
1173
|
+
border-width: var(--utrecht-custom-radio-button-disabled-border-width, var(--utrecht-custom-radio-button-border-width));
|
|
1174
|
+
color: var(--utrecht-custom-radio-button-disabled-color, var(--utrecht-custom-radio-button-color));
|
|
1175
|
+
cursor: var(--utrecht-action-disabled-cursor);
|
|
1176
|
+
}
|
|
1177
|
+
.utrecht-custom-radio-button--html-input:disabled:checked {
|
|
1178
|
+
background-color: var(--utrecht-custom-radio-button-disabled-background-color, var(--utrecht-custom-radio-button-background-color));
|
|
1179
|
+
border-color: var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color));
|
|
1180
|
+
}
|
|
1181
|
+
.utrecht-custom-radio-button--html-input:disabled:active {
|
|
1182
|
+
border-color: var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color));
|
|
1183
|
+
}
|
|
1184
|
+
.utrecht-custom-radio-button--html-input:focus {
|
|
1185
|
+
background-color: var(--utrecht-custom-radio-button-focus-background-color, var(--utrecht-custom-radio-button-background-color));
|
|
1154
1186
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
|
|
1187
|
+
border-color: var(--utrecht-custom-radio-button-focus-border-color, var(--utrecht-custom-radio-button-border-color));
|
|
1188
|
+
border-width: var(--utrecht-custom-radio-button-focus-border-width, var(--utrecht-custom-radio-button-border-width));
|
|
1189
|
+
color: var(--utrecht-custom-radio-button-focus-color, var(--utrecht-custom-radio-button-color));
|
|
1190
|
+
}
|
|
1191
|
+
.utrecht-custom-radio-button--html-input:focus-visible {
|
|
1192
|
+
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1193
|
+
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1194
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1195
|
+
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1196
|
+
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1197
|
+
}
|
|
1198
|
+
.utrecht-custom-radio-button--html-input:invalid, .utrecht-custom-radio-button--html-input[aria-invalid=true] {
|
|
1155
1199
|
border-color: var(--utrecht-custom-radio-button-invalid-border-color, var(--utrecht-custom-radio-button-border-color));
|
|
1156
1200
|
border-width: var(--utrecht-custom-radio-button-invalid-border-width, var(--utrecht-custom-radio-button-border-width));
|
|
1157
1201
|
color: var(--utrecht-custom-radio-button-invalid-color, var(--utrecht-custom-radio-button-color));
|
|
1158
1202
|
}
|
|
1203
|
+
.utrecht-custom-radio-button--html-input:active {
|
|
1204
|
+
background-color: var(--utrecht-custom-radio-button-active-background-color, var(--utrecht-custom-radio-button-background-color));
|
|
1205
|
+
background-image: url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
|
|
1206
|
+
border-color: var(--utrecht-custom-radio-button-active-border-color, var(--utrecht-custom-radio-button-border-color));
|
|
1207
|
+
border-width: var(--utrecht-custom-radio-button-active-border-width, var(--utrecht-custom-radio-button-border-width));
|
|
1208
|
+
color: var(--utrecht-custom-radio-button-active-color, var(--utrecht-custom-radio-button-color));
|
|
1209
|
+
}
|
|
1210
|
+
.utrecht-custom-radio-button--html-input:checked {
|
|
1211
|
+
background-color: var(--utrecht-custom-radio-button-checked-background-color, var(--utrecht-custom-radio-button-background-color));
|
|
1212
|
+
background-image: url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
|
|
1213
|
+
border-color: var(--utrecht-custom-radio-button-checked-border-color, var(--utrecht-custom-radio-button-border-color));
|
|
1214
|
+
border-width: var(--utrecht-custom-radio-button-checked-border-width, var(--utrecht-custom-radio-button-border-width));
|
|
1215
|
+
color: var(--utrecht-custom-radio-button-checked-color, var(--utrecht-custom-radio-button-color));
|
|
1216
|
+
}
|
|
1159
1217
|
|
|
1160
1218
|
/**
|
|
1161
1219
|
* @license EUPL-1.2
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.297",
|
|
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",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"url": "git@github.com:nl-design-system/utrecht.git"
|
|
17
17
|
},
|
|
18
18
|
"devDependencies": {
|
|
19
|
-
"@utrecht/design-tokens": "1.0.0-alpha.
|
|
19
|
+
"@utrecht/design-tokens": "1.0.0-alpha.290",
|
|
20
20
|
"node-sass-package-importer": "5.3.2",
|
|
21
21
|
"rimraf": "3.0.2",
|
|
22
22
|
"sass": "1.54.0"
|
|
@@ -27,5 +27,5 @@
|
|
|
27
27
|
"clean": "rimraf dist/"
|
|
28
28
|
},
|
|
29
29
|
"main": "dist/index.css",
|
|
30
|
-
"gitHead": "
|
|
30
|
+
"gitHead": "5e2a8199165a38a7ac3da97f75c86842f24319e9"
|
|
31
31
|
}
|