@civicactions/cmsds-open-data-components 4.3.0-alpha.4 → 4.3.1-alpha.1

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,152 @@ 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 li a.dkan-disabled-link {
356
+ pointer-events: all !important;
357
+ }
358
+
359
+ .dc-c-search-list-item svg {
360
+ margin-right: 8px;
361
+ }
362
+
363
+ .dc-c-search-list-item button, .dc-c-search-list-item span > a {
364
+ font-weight: normal !important;
365
+ }
366
+
367
+ .dc-c-search-list-item a:visited svg {
368
+ fill: var(--link__color--visited);
369
+ }
370
+
371
+ .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"] {
372
+ position: relative;
373
+ }
374
+
375
+ .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 {
376
+ width: 16px;
377
+ height: 16px;
378
+ margin-left: 5px;
379
+ font-family: "Font Awesome 6 Pro", sans-serif;
380
+ font-weight: lighter;
381
+ display: inline-block;
382
+ }
383
+
384
+ .dc-c-search-list-item a.ds-c-button[href$=".pdf"]:after {
385
+ content: "";
386
+ }
387
+
388
+ .dc-c-search-list-item a.ds-c-button[href$=".csv"]:after {
389
+ content: "";
390
+ }
391
+
392
+ .dc-c-search-list-item a.ds-c-button[href$=".xlsx"]:after {
393
+ content: "";
394
+ }
395
+
396
+ .dc-c-search-list-item a.ds-c-button[href$=".zip"]:after {
397
+ content: "";
398
+ }
399
+
400
+ .dc-c-search-list-item .ds-c-button {
401
+ text-decoration: none !important;
402
+ }
403
+
404
+ .dc-c-search-list-item .ds-c-button svg, .dc-c-search-list-item .ds-c-button:visited svg {
405
+ fill: var(--color-white);
406
+ }
407
+
408
+ .dc-c-search-list-item .dkan-disabled-link-wrapper {
409
+ cursor: not-allowed;
410
+ }
411
+
412
+ .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link {
413
+ pointer-events: none;
414
+ color: #757575;
415
+ }
416
+
417
+ .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 {
418
+ color: #757575;
419
+ }
420
+
421
+ .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 {
422
+ fill: #757575;
423
+ }
424
+
425
+ .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link svg {
426
+ fill: #757575 !important;
427
+ }
428
+
429
+ .dc-c-search-list-item .theme-list {
430
+ display: inline-block;
431
+ }
432
+
433
+ .dc-c-search-list-item .theme-list li {
434
+ letter-spacing: .75px;
435
+ color: #fff;
436
+ margin-bottom: 4px;
437
+ margin-right: 8px;
438
+ padding: 3px 10px;
439
+ text-decoration: none;
440
+ display: inline-block;
441
+ }
442
+
443
+ .dc-c-search-list-item .theme-list li a {
444
+ color: #fff;
445
+ text-decoration: none !important;
446
+ }
447
+
448
+ .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 {
449
+ outline-offset: 12px;
450
+ background: unset;
451
+ text-decoration: underline !important;
452
+ }
453
+
454
+ .dc-c-search-list-item .dataset-date-item {
455
+ display: inline-block;
456
+ }
457
+
458
+ .dataset-date .dataset-date-item {
459
+ white-space: nowrap;
460
+ }
461
+
462
+ .dataset-date .dataset-date-item > span {
463
+ line-height: 1.8rem;
464
+ }
465
+
466
+ .dataset-date .dataset-date-item .ds-c-tooltip__container {
467
+ width: 20px;
468
+ display: inline-block;
469
+ position: relative;
470
+ bottom: 10px;
471
+ }
472
+
473
+ .dataset-date > .bullet-point {
474
+ font-size: 1.2rem;
475
+ }
476
+
477
+ @media screen and (width <= 543px) {
478
+ .dataset-date .bullet-point {
479
+ display: none;
480
+ }
550
481
  }
551
482
 
552
483
  .dkan-manage-columns-wrapper .fa-columns:before {
@@ -1270,39 +1201,55 @@ dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__actions {
1270
1201
  display: block !important;
1271
1202
  }
1272
1203
 
1273
- .dc-dataset-search-list {
1274
- list-style: none;
1204
+ @media only screen and (width >= 544px) {
1205
+ .dkan-dataset-search input {
1206
+ padding-left: 32px;
1207
+ }
1275
1208
  }
1276
1209
 
1277
- .dataset-results-count {
1278
- font-weight: bold;
1210
+ .dkan-dataset-search {
1211
+ position: relative;
1279
1212
  }
1280
1213
 
1281
- .dkan-dataset-search--facet-container .ds-c-accordion__content {
1282
- max-height: 32rem;
1214
+ @media only screen and (width >= 544px) {
1215
+ .dkan-dataset-search input {
1216
+ padding-left: 32px;
1217
+ }
1283
1218
  }
1284
1219
 
1285
- .dc-dataset-search--clear-all-filters {
1286
- width: 100%;
1220
+ @media only screen and (width <= 544px) {
1221
+ .dkan-dataset-search div.--alt-style input {
1222
+ --text-input__border-radius: 50px;
1223
+ --text-input__border-color: #c6b7b7;
1224
+ height: 61px;
1225
+ }
1287
1226
  }
1288
1227
 
1289
- .dkan-dataset-search {
1290
- position: relative;
1228
+ .dkan-dataset-search .dc-c-search-button-mobile {
1229
+ z-index: 1000;
1230
+ border-top-left-radius: 0;
1231
+ border-bottom-left-radius: 0;
1232
+ height: 3.563rem;
1233
+ position: absolute;
1234
+ top: 2px;
1235
+ right: 18px;
1291
1236
  }
1292
1237
 
1293
- .dkan-dataset-search input {
1294
- min-width: 100%;
1238
+ .dkan-dataset-search--facet-container ul {
1239
+ padding-left: 0;
1240
+ list-style: none;
1295
1241
  }
1296
1242
 
1297
- @media only screen and (width >= 544px) {
1298
- .dkan-dataset-search input {
1299
- padding-left: 32px;
1300
- }
1243
+ .dkan-dataset-search--clear-all-filters {
1244
+ width: 100%;
1301
1245
  }
1302
1246
 
1303
- .dkan-dataset-search .ds-c-field__before {
1304
- top: 12px;
1305
- left: 16px;
1247
+ .dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
1248
+ fill: var(--link__color);
1249
+ }
1250
+
1251
+ .dc-c-search-list-item li a:visited svg {
1252
+ fill: var(--link__color--visited);
1306
1253
  }
1307
1254
 
1308
1255
  :root {
@@ -1836,6 +1783,55 @@ dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__actions {
1836
1783
  overflow-wrap: anywhere;
1837
1784
  }
1838
1785
 
1786
+ .dc-dataset-search-list {
1787
+ list-style: none;
1788
+ }
1789
+
1790
+ .dc-search-header {
1791
+ display: relative;
1792
+ }
1793
+
1794
+ .dc-search-header:after {
1795
+ content: "";
1796
+ background-color: var(--color-primary-light);
1797
+ width: 48px;
1798
+ height: 4px;
1799
+ margin: 16px 0;
1800
+ display: block;
1801
+ }
1802
+
1803
+ .dataset-results-count {
1804
+ font-weight: bold;
1805
+ }
1806
+
1807
+ .dkan-dataset-search--facet-container .ds-c-accordion__content {
1808
+ max-height: 32rem;
1809
+ }
1810
+
1811
+ .dc-dataset-search--clear-all-filters {
1812
+ width: 100%;
1813
+ }
1814
+
1815
+ .dkan-dataset-search {
1816
+ align-items: flex-start;
1817
+ position: relative;
1818
+ }
1819
+
1820
+ .dkan-dataset-search input {
1821
+ min-width: 100%;
1822
+ }
1823
+
1824
+ @media only screen and (width >= 544px) {
1825
+ .dkan-dataset-search input {
1826
+ padding-left: 32px;
1827
+ }
1828
+ }
1829
+
1830
+ .dkan-dataset-search .ds-c-field__before {
1831
+ top: 12px;
1832
+ left: 16px;
1833
+ }
1834
+
1839
1835
  ul.dc-c-resource-full-width {
1840
1836
  width: 100%;
1841
1837
  }