@utrecht/component-library-css 1.0.0-alpha.467 → 1.0.0-alpha.469
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 +70 -61
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -318,18 +318,27 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
|
|
|
318
318
|
* Copyright (c) 2020-2022 Frameless B.V.
|
|
319
319
|
*/
|
|
320
320
|
.utrecht-badge-counter {
|
|
321
|
+
/* Limit size to `max-content`, so the badge will not be stretched out of proportion inside a flexbox */
|
|
321
322
|
background-color: var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, hsl(0deg, 0%, 0%)));
|
|
322
323
|
border-radius: var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch));
|
|
323
324
|
color: var(--utrecht-badge-counter-color, var(--utrecht-badge-color, hsl(0deg, 0%, 100%)));
|
|
324
325
|
display: inline-block;
|
|
325
326
|
font-family: var(--utrecht-document-font-family, sans-serif);
|
|
327
|
+
font-size: var(--utrecht-badge-counter-font-size);
|
|
326
328
|
font-style: var(--utrecht-badge-counter-font-style, normal); /* no inheritance */
|
|
327
329
|
font-weight: var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold)); /* no inheritance */
|
|
330
|
+
line-height: 1;
|
|
331
|
+
max-block-size: max-content;
|
|
332
|
+
max-inline-size: max-content;
|
|
333
|
+
min-block-size: var(--utrecht-badge-counter-min-size, 1em);
|
|
334
|
+
min-inline-size: var(--utrecht-badge-counter-min-size, 1em);
|
|
328
335
|
padding-block-end: var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));
|
|
329
336
|
padding-block-start: var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));
|
|
330
337
|
padding-inline-end: var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));
|
|
331
338
|
padding-inline-start: var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));
|
|
339
|
+
text-align: center;
|
|
332
340
|
text-decoration: none; /* no inheritance */
|
|
341
|
+
white-space: nowrap;
|
|
333
342
|
}
|
|
334
343
|
|
|
335
344
|
/**
|
|
@@ -2006,79 +2015,79 @@ ol.utrecht-breadcrumb__list {
|
|
|
2006
2015
|
background-position: center;
|
|
2007
2016
|
background-repeat: no-repeat;
|
|
2008
2017
|
background-size: contain;
|
|
2009
|
-
border-color: var(--utrecht-
|
|
2018
|
+
border-color: var(--utrecht-checkbox-border-color);
|
|
2010
2019
|
border-style: solid;
|
|
2011
|
-
border-width: var(--utrecht-
|
|
2020
|
+
border-width: var(--utrecht-checkbox-border-width);
|
|
2012
2021
|
cursor: var(--utrecht-action-activate-cursor, revert);
|
|
2013
|
-
height: var(--utrecht-
|
|
2014
|
-
margin-block-start: var(--utrecht-
|
|
2022
|
+
height: var(--utrecht-checkbox-size);
|
|
2023
|
+
margin-block-start: var(--utrecht-checkbox-margin-block-start);
|
|
2015
2024
|
-webkit-print-color-adjust: exact;
|
|
2016
2025
|
print-color-adjust: exact;
|
|
2017
2026
|
vertical-align: top;
|
|
2018
|
-
width: var(--utrecht-
|
|
2027
|
+
width: var(--utrecht-checkbox-size);
|
|
2019
2028
|
}
|
|
2020
2029
|
|
|
2021
2030
|
.utrecht-checkbox--custom.utrecht-checkbox--checked,
|
|
2022
2031
|
.utrecht-custom-checkbox--checked {
|
|
2023
|
-
background-color: var(--utrecht-
|
|
2032
|
+
background-color: var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));
|
|
2024
2033
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
|
|
2025
|
-
border-color: var(--utrecht-
|
|
2026
|
-
border-width: var(--utrecht-
|
|
2034
|
+
border-color: var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));
|
|
2035
|
+
border-width: var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width));
|
|
2027
2036
|
}
|
|
2028
2037
|
|
|
2029
2038
|
.utrecht-checkbox--custom.utrecht-checkbox--disabled,
|
|
2030
2039
|
.utrecht-custom-checkbox--disabled {
|
|
2031
|
-
border-color: var(--utrecht-
|
|
2032
|
-
border-width: var(--utrecht-
|
|
2040
|
+
border-color: var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));
|
|
2041
|
+
border-width: var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));
|
|
2033
2042
|
cursor: var(--utrecht-action-disabled-cursor);
|
|
2034
2043
|
}
|
|
2035
2044
|
.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,
|
|
2036
2045
|
.utrecht-custom-checkbox--disabled:checked {
|
|
2037
|
-
background-color: var(--utrecht-
|
|
2038
|
-
border-color: var(--utrecht-
|
|
2046
|
+
background-color: var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));
|
|
2047
|
+
border-color: var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));
|
|
2039
2048
|
}
|
|
2040
2049
|
.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,
|
|
2041
2050
|
.utrecht-custom-checkbox--disabled:active {
|
|
2042
|
-
border-color: var(--utrecht-
|
|
2051
|
+
border-color: var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));
|
|
2043
2052
|
}
|
|
2044
2053
|
|
|
2045
2054
|
.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,
|
|
2046
2055
|
.utrecht-custom-checkbox--indeterminate {
|
|
2047
|
-
background-color: var(--utrecht-
|
|
2056
|
+
background-color: var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));
|
|
2048
2057
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
|
|
2049
|
-
border-color: var(--utrecht-
|
|
2050
|
-
border-width: var(--utrecht-
|
|
2051
|
-
color: var(--utrecht-
|
|
2058
|
+
border-color: var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));
|
|
2059
|
+
border-width: var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));
|
|
2060
|
+
color: var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color));
|
|
2052
2061
|
}
|
|
2053
2062
|
|
|
2054
2063
|
.utrecht-checkbox--custom.utrecht-checkbox--invalid,
|
|
2055
2064
|
.utrecht-custom-checkbox--invalid {
|
|
2056
|
-
border-color: var(--utrecht-
|
|
2057
|
-
border-width: var(--utrecht-
|
|
2065
|
+
border-color: var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));
|
|
2066
|
+
border-width: var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width));
|
|
2058
2067
|
}
|
|
2059
2068
|
|
|
2060
2069
|
.utrecht-checkbox--custom.utrecht-checkbox--active,
|
|
2061
2070
|
.utrecht-custom-checkbox--active {
|
|
2062
|
-
background-color: var(--utrecht-
|
|
2071
|
+
background-color: var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));
|
|
2063
2072
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
|
|
2064
|
-
border-color: var(--utrecht-
|
|
2065
|
-
border-width: var(--utrecht-
|
|
2066
|
-
color: var(--utrecht-
|
|
2073
|
+
border-color: var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));
|
|
2074
|
+
border-width: var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));
|
|
2075
|
+
color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
|
|
2067
2076
|
}
|
|
2068
2077
|
|
|
2069
2078
|
.utrecht-checkbox--custom.utrecht-checkbox--hover,
|
|
2070
2079
|
.utrecht-custom-checkbox--hover {
|
|
2071
|
-
background-color: var(--utrecht-
|
|
2072
|
-
border-color: var(--utrecht-
|
|
2073
|
-
border-width: var(--utrecht-
|
|
2080
|
+
background-color: var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));
|
|
2081
|
+
border-color: var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));
|
|
2082
|
+
border-width: var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width));
|
|
2074
2083
|
}
|
|
2075
2084
|
|
|
2076
2085
|
.utrecht-checkbox--custom.utrecht-checkbox--focus,
|
|
2077
2086
|
.utrecht-custom-checkbox--focus {
|
|
2078
|
-
background-color: var(--utrecht-
|
|
2087
|
+
background-color: var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));
|
|
2079
2088
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
|
|
2080
|
-
border-color: var(--utrecht-
|
|
2081
|
-
border-width: var(--utrecht-
|
|
2089
|
+
border-color: var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));
|
|
2090
|
+
border-width: var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width));
|
|
2082
2091
|
}
|
|
2083
2092
|
|
|
2084
2093
|
.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,
|
|
@@ -2098,31 +2107,31 @@ ol.utrecht-breadcrumb__list {
|
|
|
2098
2107
|
|
|
2099
2108
|
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,
|
|
2100
2109
|
.utrecht-custom-checkbox--html-input:disabled {
|
|
2101
|
-
border-color: var(--utrecht-
|
|
2102
|
-
border-width: var(--utrecht-
|
|
2110
|
+
border-color: var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));
|
|
2111
|
+
border-width: var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));
|
|
2103
2112
|
cursor: var(--utrecht-action-disabled-cursor);
|
|
2104
2113
|
}
|
|
2105
2114
|
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,
|
|
2106
2115
|
.utrecht-custom-checkbox--html-input:disabled:checked {
|
|
2107
|
-
background-color: var(--utrecht-
|
|
2108
|
-
border-color: var(--utrecht-
|
|
2116
|
+
background-color: var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));
|
|
2117
|
+
border-color: var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));
|
|
2109
2118
|
}
|
|
2110
2119
|
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,
|
|
2111
2120
|
.utrecht-custom-checkbox--html-input:disabled:active {
|
|
2112
|
-
border-color: var(--utrecht-
|
|
2121
|
+
border-color: var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));
|
|
2113
2122
|
}
|
|
2114
2123
|
.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,
|
|
2115
2124
|
.utrecht-custom-checkbox--html-input:hover {
|
|
2116
|
-
background-color: var(--utrecht-
|
|
2117
|
-
border-color: var(--utrecht-
|
|
2118
|
-
border-width: var(--utrecht-
|
|
2125
|
+
background-color: var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));
|
|
2126
|
+
border-color: var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));
|
|
2127
|
+
border-width: var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width));
|
|
2119
2128
|
}
|
|
2120
2129
|
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
|
|
2121
2130
|
.utrecht-custom-checkbox--html-input:focus {
|
|
2122
|
-
background-color: var(--utrecht-
|
|
2131
|
+
background-color: var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));
|
|
2123
2132
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
|
|
2124
|
-
border-color: var(--utrecht-
|
|
2125
|
-
border-width: var(--utrecht-
|
|
2133
|
+
border-color: var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));
|
|
2134
|
+
border-width: var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width));
|
|
2126
2135
|
}
|
|
2127
2136
|
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,
|
|
2128
2137
|
.utrecht-custom-checkbox--html-input:focus-visible {
|
|
@@ -2141,31 +2150,31 @@ ol.utrecht-breadcrumb__list {
|
|
|
2141
2150
|
.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid, .utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],
|
|
2142
2151
|
.utrecht-custom-checkbox--html-input:invalid,
|
|
2143
2152
|
.utrecht-custom-checkbox--html-input[aria-invalid=true] {
|
|
2144
|
-
border-color: var(--utrecht-
|
|
2145
|
-
border-width: var(--utrecht-
|
|
2153
|
+
border-color: var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));
|
|
2154
|
+
border-width: var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width));
|
|
2146
2155
|
}
|
|
2147
2156
|
.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,
|
|
2148
2157
|
.utrecht-custom-checkbox--html-input:active {
|
|
2149
|
-
background-color: var(--utrecht-
|
|
2158
|
+
background-color: var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));
|
|
2150
2159
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
|
|
2151
|
-
border-color: var(--utrecht-
|
|
2152
|
-
border-width: var(--utrecht-
|
|
2153
|
-
color: var(--utrecht-
|
|
2160
|
+
border-color: var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));
|
|
2161
|
+
border-width: var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));
|
|
2162
|
+
color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
|
|
2154
2163
|
}
|
|
2155
2164
|
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,
|
|
2156
2165
|
.utrecht-custom-checkbox--html-input:checked {
|
|
2157
|
-
background-color: var(--utrecht-
|
|
2166
|
+
background-color: var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));
|
|
2158
2167
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
|
|
2159
|
-
border-color: var(--utrecht-
|
|
2160
|
-
border-width: var(--utrecht-
|
|
2168
|
+
border-color: var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));
|
|
2169
|
+
border-width: var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width));
|
|
2161
2170
|
}
|
|
2162
2171
|
.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,
|
|
2163
2172
|
.utrecht-custom-checkbox--html-input:indeterminate {
|
|
2164
|
-
background-color: var(--utrecht-
|
|
2173
|
+
background-color: var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));
|
|
2165
2174
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
|
|
2166
|
-
border-color: var(--utrecht-
|
|
2167
|
-
border-width: var(--utrecht-
|
|
2168
|
-
color: var(--utrecht-
|
|
2175
|
+
border-color: var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));
|
|
2176
|
+
border-width: var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));
|
|
2177
|
+
color: var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color));
|
|
2169
2178
|
}
|
|
2170
2179
|
|
|
2171
2180
|
/**
|
|
@@ -2376,23 +2385,23 @@ ol.utrecht-breadcrumb__list {
|
|
|
2376
2385
|
|
|
2377
2386
|
.utrecht-form-field--checkbox {
|
|
2378
2387
|
display: grid;
|
|
2379
|
-
gap: 0 var(--utrecht-
|
|
2388
|
+
gap: 0 var(--utrecht-checkbox-margin-inline-end, 12px);
|
|
2380
2389
|
grid-template-areas: "input label" "input description" "input description-invalid";
|
|
2381
|
-
grid-template-columns: var(--utrecht-
|
|
2390
|
+
grid-template-columns: var(--utrecht-checkbox-size) 100fr;
|
|
2382
2391
|
/*
|
|
2383
2392
|
.utrecht-form-field__label .utrecht-form-field__input {
|
|
2384
2393
|
margin-inline-start: calc(
|
|
2385
|
-
-1 * (var(--utrecht-
|
|
2394
|
+
-1 * (var(--utrecht-checkbox-size) + var(--utrecht-checkbox-margin-inline-end, 12px))
|
|
2386
2395
|
);
|
|
2387
|
-
margin-inline-end: var(--utrecht-
|
|
2396
|
+
margin-inline-end: var(--utrecht-checkbox-margin-inline-end, 12px);
|
|
2388
2397
|
}
|
|
2389
2398
|
*/
|
|
2390
2399
|
}
|
|
2391
2400
|
.utrecht-form-field--checkbox .utrecht-form-field__label:has(.utrecht-form-field__input) {
|
|
2392
|
-
margin-inline-start: calc(-1 * (var(--utrecht-
|
|
2401
|
+
margin-inline-start: calc(-1 * (var(--utrecht-checkbox-size) + var(--utrecht-checkbox-margin-inline-end, 12px)));
|
|
2393
2402
|
}
|
|
2394
2403
|
.utrecht-form-field--checkbox .utrecht-form-field__label .utrecht-form-field__input {
|
|
2395
|
-
margin-inline-end: var(--utrecht-
|
|
2404
|
+
margin-inline-end: var(--utrecht-checkbox-margin-inline-end, 12px);
|
|
2396
2405
|
}
|
|
2397
2406
|
|
|
2398
2407
|
.utrecht-form-field--radio {
|
|
@@ -2403,9 +2412,9 @@ ol.utrecht-breadcrumb__list {
|
|
|
2403
2412
|
/*
|
|
2404
2413
|
.utrecht-form-field__label .utrecht-form-field__input {
|
|
2405
2414
|
margin-inline-start: calc(
|
|
2406
|
-
-1 * (var(--utrecht-
|
|
2415
|
+
-1 * (var(--utrecht-checkbox-size) + var(--utrecht-checkbox-margin-inline-end, 12px))
|
|
2407
2416
|
);
|
|
2408
|
-
margin-inline-end: var(--utrecht-
|
|
2417
|
+
margin-inline-end: var(--utrecht-checkbox-margin-inline-end, 12px);
|
|
2409
2418
|
}
|
|
2410
2419
|
*/
|
|
2411
2420
|
}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.469",
|
|
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",
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"clean": "rimraf dist/"
|
|
27
27
|
},
|
|
28
28
|
"main": "dist/index.css",
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "000092dda0cf2bdcad3367a3ac014f118ddf62f1"
|
|
30
30
|
}
|