@civicactions/cmsds-open-data-components 4.2.0 → 4.2.1-alpha.0

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/main.css CHANGED
@@ -130,219 +130,6 @@
130
130
  z-index: 999;
131
131
  }
132
132
 
133
- .dc-c-search-list-item {
134
- list-style: none;
135
- }
136
-
137
- .dc-c-search-list-item ul {
138
- gap: 0;
139
- }
140
-
141
- .dc-c-search-list-item li {
142
- list-style: none;
143
- }
144
-
145
- .dc-c-search-list-item li:first-child > span {
146
- padding-left: 0;
147
- }
148
-
149
- .dc-c-search-list-item li a, .dc-c-search-list-item li button {
150
- text-decoration: underline !important;
151
- }
152
-
153
- .dc-c-search-list-item svg {
154
- margin-right: 8px;
155
- }
156
-
157
- .dc-c-search-list-item button, .dc-c-search-list-item span > a {
158
- font-weight: normal !important;
159
- }
160
-
161
- .dc-c-search-list-item a:visited svg {
162
- fill: var(--link__color--visited);
163
- }
164
-
165
- .dc-c-search-list-item a.ds-c-button[href$=".pdf"], .dc-c-search-list-item a.ds-c-button[href$=".csv"], .dc-c-search-list-item a.ds-c-button[href$=".xlsx"], .dc-c-search-list-item a.ds-c-button[href$=".zip"] {
166
- position: relative;
167
- }
168
-
169
- .dc-c-search-list-item a.ds-c-button[href$=".pdf"]:after, .dc-c-search-list-item a.ds-c-button[href$=".csv"]:after, .dc-c-search-list-item a.ds-c-button[href$=".xlsx"]:after, .dc-c-search-list-item a.ds-c-button[href$=".zip"]:after {
170
- width: 16px;
171
- height: 16px;
172
- margin-left: 5px;
173
- font-family: "Font Awesome 6 Pro", sans-serif;
174
- font-weight: lighter;
175
- display: inline-block;
176
- }
177
-
178
- .dc-c-search-list-item a.ds-c-button[href$=".pdf"]:after {
179
- content: "";
180
- }
181
-
182
- .dc-c-search-list-item a.ds-c-button[href$=".csv"]:after {
183
- content: "";
184
- }
185
-
186
- .dc-c-search-list-item a.ds-c-button[href$=".xlsx"]:after {
187
- content: "";
188
- }
189
-
190
- .dc-c-search-list-item a.ds-c-button[href$=".zip"]:after {
191
- content: "";
192
- }
193
-
194
- .dc-c-search-list-item .ds-c-button {
195
- text-decoration: none !important;
196
- }
197
-
198
- .dc-c-search-list-item .ds-c-button svg, .dc-c-search-list-item .ds-c-button:visited svg {
199
- fill: var(--color-white);
200
- }
201
-
202
- .dc-c-search-list-item .dkan-disabled-link-wrapper {
203
- cursor: not-allowed;
204
- }
205
-
206
- .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link {
207
- pointer-events: none;
208
- color: #757575;
209
- }
210
-
211
- .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:active, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:hover, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:focus {
212
- color: #757575;
213
- }
214
-
215
- .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:active svg, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:hover svg, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:focus svg {
216
- fill: #757575;
217
- }
218
-
219
- .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link svg {
220
- fill: #757575 !important;
221
- }
222
-
223
- .dc-c-search-list-item .theme-list {
224
- display: inline-block;
225
- }
226
-
227
- .dc-c-search-list-item .theme-list li {
228
- letter-spacing: .75px;
229
- color: #fff;
230
- margin-bottom: 4px;
231
- margin-right: 8px;
232
- padding: 3px 10px;
233
- text-decoration: none;
234
- display: inline-block;
235
- }
236
-
237
- .dc-c-search-list-item .theme-list li a {
238
- color: #fff;
239
- text-decoration: none !important;
240
- }
241
-
242
- .dc-c-search-list-item .theme-list li a:hover, .dc-c-search-list-item .theme-list li a:focus, .dc-c-search-list-item .theme-list li a:visited:focus {
243
- outline-offset: 12px;
244
- background: unset;
245
- text-decoration: underline !important;
246
- }
247
-
248
- .dc-c-search-list-item .dataset-date-item {
249
- display: inline-block;
250
- }
251
-
252
- .dataset-date .dataset-date-item {
253
- white-space: nowrap;
254
- }
255
-
256
- .dataset-date .dataset-date-item > span {
257
- line-height: 1.8rem;
258
- }
259
-
260
- .dataset-date .dataset-date-item .ds-c-tooltip__container {
261
- width: 20px;
262
- display: inline-block;
263
- position: relative;
264
- bottom: 10px;
265
- }
266
-
267
- .dataset-date > .bullet-point {
268
- font-size: 1.2rem;
269
- }
270
-
271
- @media screen and (width <= 543px) {
272
- .dataset-date .bullet-point {
273
- display: none;
274
- }
275
- }
276
-
277
- @media only screen and (width >= 544px) {
278
- .dkan-dataset-search input {
279
- padding-left: 32px;
280
- }
281
- }
282
-
283
- @media only screen and (width <= 544px) {
284
- .dkan-dataset-search div.--alt-style input {
285
- --text-input__border-radius: 50px;
286
- --text-input__border-color: #c6b7b7;
287
- height: 61px;
288
- }
289
- }
290
-
291
- .dkan-dataset-search .dc-c-search-button-mobile {
292
- z-index: 1000;
293
- border-top-left-radius: 0;
294
- border-bottom-left-radius: 0;
295
- height: 3.563rem;
296
- position: absolute;
297
- top: 2px;
298
- right: 18px;
299
- }
300
-
301
- .dkan-dataset-search--facet-container ul {
302
- padding-left: 0;
303
- list-style: none;
304
- }
305
-
306
- .dkan-dataset-search--clear-all-filters {
307
- width: 100%;
308
- }
309
-
310
- .dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
311
- fill: var(--link__color);
312
- }
313
-
314
- .dc-c-search-list-item li a:visited svg {
315
- fill: var(--link__color--visited);
316
- }
317
-
318
- .dc-search-header {
319
- display: relative;
320
- }
321
-
322
- .dc-search-header:after {
323
- content: "";
324
- background-color: var(--color-primary-light);
325
- width: 48px;
326
- height: 4px;
327
- margin: 16px 0;
328
- display: block;
329
- }
330
-
331
- .dkan-dataset-search {
332
- align-items: flex-start;
333
- position: relative;
334
- }
335
-
336
- @media only screen and (width >= 544px) {
337
- .dkan-dataset-search input {
338
- padding-left: 32px;
339
- }
340
- }
341
-
342
- .dkan-dataset-search .ds-c-inline-error {
343
- max-width: none;
344
- }
345
-
346
133
  .dkan-c-main-navigation--search .dkan-c-header-search--modal-button span {
347
134
  border-bottom: 2px solid #0000;
348
135
  }
@@ -545,8 +332,148 @@ div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {
545
332
  display: inherit;
546
333
  }
547
334
 
548
- .dc-c-hero .ds-c-inline-error {
549
- max-width: none;
335
+ .dc-c-search-list-item {
336
+ list-style: none;
337
+ }
338
+
339
+ .dc-c-search-list-item ul {
340
+ gap: 0;
341
+ }
342
+
343
+ .dc-c-search-list-item li {
344
+ list-style: none;
345
+ }
346
+
347
+ .dc-c-search-list-item li:first-child > span {
348
+ padding-left: 0;
349
+ }
350
+
351
+ .dc-c-search-list-item li a, .dc-c-search-list-item li button {
352
+ text-decoration: underline !important;
353
+ }
354
+
355
+ .dc-c-search-list-item svg {
356
+ margin-right: 8px;
357
+ }
358
+
359
+ .dc-c-search-list-item button, .dc-c-search-list-item span > a {
360
+ font-weight: normal !important;
361
+ }
362
+
363
+ .dc-c-search-list-item a:visited svg {
364
+ fill: var(--link__color--visited);
365
+ }
366
+
367
+ .dc-c-search-list-item a.ds-c-button[href$=".pdf"], .dc-c-search-list-item a.ds-c-button[href$=".csv"], .dc-c-search-list-item a.ds-c-button[href$=".xlsx"], .dc-c-search-list-item a.ds-c-button[href$=".zip"] {
368
+ position: relative;
369
+ }
370
+
371
+ .dc-c-search-list-item a.ds-c-button[href$=".pdf"]:after, .dc-c-search-list-item a.ds-c-button[href$=".csv"]:after, .dc-c-search-list-item a.ds-c-button[href$=".xlsx"]:after, .dc-c-search-list-item a.ds-c-button[href$=".zip"]:after {
372
+ width: 16px;
373
+ height: 16px;
374
+ margin-left: 5px;
375
+ font-family: "Font Awesome 6 Pro", sans-serif;
376
+ font-weight: lighter;
377
+ display: inline-block;
378
+ }
379
+
380
+ .dc-c-search-list-item a.ds-c-button[href$=".pdf"]:after {
381
+ content: "";
382
+ }
383
+
384
+ .dc-c-search-list-item a.ds-c-button[href$=".csv"]:after {
385
+ content: "";
386
+ }
387
+
388
+ .dc-c-search-list-item a.ds-c-button[href$=".xlsx"]:after {
389
+ content: "";
390
+ }
391
+
392
+ .dc-c-search-list-item a.ds-c-button[href$=".zip"]:after {
393
+ content: "";
394
+ }
395
+
396
+ .dc-c-search-list-item .ds-c-button {
397
+ text-decoration: none !important;
398
+ }
399
+
400
+ .dc-c-search-list-item .ds-c-button svg, .dc-c-search-list-item .ds-c-button:visited svg {
401
+ fill: var(--color-white);
402
+ }
403
+
404
+ .dc-c-search-list-item .dkan-disabled-link-wrapper {
405
+ cursor: not-allowed;
406
+ }
407
+
408
+ .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link {
409
+ pointer-events: none;
410
+ color: #757575;
411
+ }
412
+
413
+ .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:active, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:hover, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:focus {
414
+ color: #757575;
415
+ }
416
+
417
+ .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:active svg, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:hover svg, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:focus svg {
418
+ fill: #757575;
419
+ }
420
+
421
+ .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link svg {
422
+ fill: #757575 !important;
423
+ }
424
+
425
+ .dc-c-search-list-item .theme-list {
426
+ display: inline-block;
427
+ }
428
+
429
+ .dc-c-search-list-item .theme-list li {
430
+ letter-spacing: .75px;
431
+ color: #fff;
432
+ margin-bottom: 4px;
433
+ margin-right: 8px;
434
+ padding: 3px 10px;
435
+ text-decoration: none;
436
+ display: inline-block;
437
+ }
438
+
439
+ .dc-c-search-list-item .theme-list li a {
440
+ color: #fff;
441
+ text-decoration: none !important;
442
+ }
443
+
444
+ .dc-c-search-list-item .theme-list li a:hover, .dc-c-search-list-item .theme-list li a:focus, .dc-c-search-list-item .theme-list li a:visited:focus {
445
+ outline-offset: 12px;
446
+ background: unset;
447
+ text-decoration: underline !important;
448
+ }
449
+
450
+ .dc-c-search-list-item .dataset-date-item {
451
+ display: inline-block;
452
+ }
453
+
454
+ .dataset-date .dataset-date-item {
455
+ white-space: nowrap;
456
+ }
457
+
458
+ .dataset-date .dataset-date-item > span {
459
+ line-height: 1.8rem;
460
+ }
461
+
462
+ .dataset-date .dataset-date-item .ds-c-tooltip__container {
463
+ width: 20px;
464
+ display: inline-block;
465
+ position: relative;
466
+ bottom: 10px;
467
+ }
468
+
469
+ .dataset-date > .bullet-point {
470
+ font-size: 1.2rem;
471
+ }
472
+
473
+ @media screen and (width <= 543px) {
474
+ .dataset-date .bullet-point {
475
+ display: none;
476
+ }
550
477
  }
551
478
 
552
479
  .dkan-manage-columns-wrapper .fa-columns:before {
@@ -1270,39 +1197,55 @@ dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__actions {
1270
1197
  display: block !important;
1271
1198
  }
1272
1199
 
1273
- .dc-dataset-search-list {
1274
- list-style: none;
1200
+ @media only screen and (width >= 544px) {
1201
+ .dkan-dataset-search input {
1202
+ padding-left: 32px;
1203
+ }
1275
1204
  }
1276
1205
 
1277
- .dataset-results-count {
1278
- font-weight: bold;
1206
+ .dkan-dataset-search {
1207
+ position: relative;
1279
1208
  }
1280
1209
 
1281
- .dkan-dataset-search--facet-container .ds-c-accordion__content {
1282
- max-height: 32rem;
1210
+ @media only screen and (width >= 544px) {
1211
+ .dkan-dataset-search input {
1212
+ padding-left: 32px;
1213
+ }
1283
1214
  }
1284
1215
 
1285
- .dc-dataset-search--clear-all-filters {
1286
- width: 100%;
1216
+ @media only screen and (width <= 544px) {
1217
+ .dkan-dataset-search div.--alt-style input {
1218
+ --text-input__border-radius: 50px;
1219
+ --text-input__border-color: #c6b7b7;
1220
+ height: 61px;
1221
+ }
1287
1222
  }
1288
1223
 
1289
- .dkan-dataset-search {
1290
- position: relative;
1224
+ .dkan-dataset-search .dc-c-search-button-mobile {
1225
+ z-index: 1000;
1226
+ border-top-left-radius: 0;
1227
+ border-bottom-left-radius: 0;
1228
+ height: 3.563rem;
1229
+ position: absolute;
1230
+ top: 2px;
1231
+ right: 18px;
1291
1232
  }
1292
1233
 
1293
- .dkan-dataset-search input {
1294
- min-width: 100%;
1234
+ .dkan-dataset-search--facet-container ul {
1235
+ padding-left: 0;
1236
+ list-style: none;
1295
1237
  }
1296
1238
 
1297
- @media only screen and (width >= 544px) {
1298
- .dkan-dataset-search input {
1299
- padding-left: 32px;
1300
- }
1239
+ .dkan-dataset-search--clear-all-filters {
1240
+ width: 100%;
1301
1241
  }
1302
1242
 
1303
- .dkan-dataset-search .ds-c-field__before {
1304
- top: 12px;
1305
- left: 16px;
1243
+ .dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
1244
+ fill: var(--link__color);
1245
+ }
1246
+
1247
+ .dc-c-search-list-item li a:visited svg {
1248
+ fill: var(--link__color--visited);
1306
1249
  }
1307
1250
 
1308
1251
  :root {
@@ -1836,6 +1779,55 @@ dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__actions {
1836
1779
  overflow-wrap: anywhere;
1837
1780
  }
1838
1781
 
1782
+ .dc-dataset-search-list {
1783
+ list-style: none;
1784
+ }
1785
+
1786
+ .dc-search-header {
1787
+ display: relative;
1788
+ }
1789
+
1790
+ .dc-search-header:after {
1791
+ content: "";
1792
+ background-color: var(--color-primary-light);
1793
+ width: 48px;
1794
+ height: 4px;
1795
+ margin: 16px 0;
1796
+ display: block;
1797
+ }
1798
+
1799
+ .dataset-results-count {
1800
+ font-weight: bold;
1801
+ }
1802
+
1803
+ .dkan-dataset-search--facet-container .ds-c-accordion__content {
1804
+ max-height: 32rem;
1805
+ }
1806
+
1807
+ .dc-dataset-search--clear-all-filters {
1808
+ width: 100%;
1809
+ }
1810
+
1811
+ .dkan-dataset-search {
1812
+ align-items: flex-start;
1813
+ position: relative;
1814
+ }
1815
+
1816
+ .dkan-dataset-search input {
1817
+ min-width: 100%;
1818
+ }
1819
+
1820
+ @media only screen and (width >= 544px) {
1821
+ .dkan-dataset-search input {
1822
+ padding-left: 32px;
1823
+ }
1824
+ }
1825
+
1826
+ .dkan-dataset-search .ds-c-field__before {
1827
+ top: 12px;
1828
+ left: 16px;
1829
+ }
1830
+
1839
1831
  ul.dc-c-resource-full-width {
1840
1832
  width: 100%;
1841
1833
  }