@civicactions/cmsds-open-data-components 3.0.0-alpha.24 → 3.0.0-alpha.25

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 DELETED
@@ -1,826 +0,0 @@
1
- nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
2
- border-bottom: 2px solid var(--color-primary-alt-light);
3
- }
4
-
5
- :root {
6
- --su-color--blue-dark: #036;
7
- --su-color--brown: #884c00;
8
- --su-color--green-dark: #007641;
9
- --su-color--green-muted: #277564;
10
- --su-color--orange-dark: #d10000;
11
- --su-color--orange-light: #d100001a;
12
- --su-color--red-dark: #970000;
13
- --su-color--red-light: #d300001a;
14
- --su-color--red: #d30000;
15
- }
16
-
17
- .swagger-ui.swagger-ui .opblock .opblock-summary-method {
18
- color: #333;
19
- }
20
-
21
- .swagger-ui.swagger-ui .opblock.opblock-delete {
22
- background-color: var(--su-color--red-light);
23
- border-color: var(--su-color--red);
24
- }
25
-
26
- .swagger-ui.swagger-ui .opblock.opblock-delete .opblock-summary-method {
27
- color: #fff;
28
- background-color: var(--su-color--red-dark);
29
- }
30
-
31
- .swagger-ui.swagger-ui .opblock.opblock-put .opblock-summary-method {
32
- background-color: var(--su-color--brown);
33
- color: #fff;
34
- }
35
-
36
- .swagger-ui.swagger-ui .parameter__name.required span, .swagger-ui.swagger-ui .parameter__name.required:after {
37
- color: var(--su-color--red);
38
- }
39
-
40
- .swagger-ui.swagger-ui .btn.cancel {
41
- border-color: var(--su-color--red);
42
- color: var(--su-color--red);
43
- }
44
-
45
- .swagger-ui.swagger-ui .btn.authorize {
46
- border-color: var(--su-color--green-muted);
47
- background-color: var(--su-color--green-muted);
48
- }
49
-
50
- .swagger-ui.swagger-ui .btn.execute {
51
- background-color: var(--su-color--blue-dark);
52
- }
53
-
54
- .swagger-ui.swagger-ui .info .title small {
55
- background-color: #666;
56
- }
57
-
58
- .swagger-ui.swagger-ui .info .title small.version-stamp {
59
- background-color: #005830;
60
- }
61
-
62
- .swagger-ui.swagger-ui .info a {
63
- color: #036;
64
- }
65
-
66
- .swagger-ui.swagger-ui .model-hint {
67
- word-wrap: break-word;
68
- white-space: normal;
69
- max-width: 100%;
70
- top: 1.5em;
71
- }
72
-
73
- .swagger-ui.swagger-ui section.models .model-container {
74
- overflow-x: auto;
75
- }
76
-
77
- .swagger-ui.swagger-ui table {
78
- min-width: 500px;
79
- }
80
-
81
- .swagger-ui.swagger-ui table.model tbody tr td:first-of-type {
82
- min-width: 174px;
83
- }
84
-
85
- .swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {
86
- font-weight: bold !important;
87
- }
88
-
89
- .dc-c-search-list-item, .dc-c-search-list-item li {
90
- list-style: none;
91
- }
92
-
93
- .dc-c-search-list-item li a, .dc-c-search-list-item li button {
94
- text-decoration: underline !important;
95
- }
96
-
97
- .dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
98
- fill: var(--link__color);
99
- }
100
-
101
- .dc-c-search-list-item svg {
102
- margin-right: 8px;
103
- }
104
-
105
- .dc-c-search-list-item span > span > button {
106
- padding: 0 !important;
107
- font-weight: normal !important;
108
- }
109
-
110
- .dc-c-search-list-item a:visited svg {
111
- fill: var(--link__color--visited);
112
- }
113
-
114
- .dkan-dataset-search {
115
- position: relative;
116
- }
117
-
118
- .dkan-dataset-search input {
119
- min-width: 100%;
120
- }
121
-
122
- @media only screen and (width >= 544px) {
123
- .dkan-dataset-search input {
124
- padding-left: 32px;
125
- }
126
- }
127
-
128
- .dkan-dataset-search .ds-c-field__before {
129
- top: 12px;
130
- left: 16px;
131
- }
132
-
133
- .dkan-dataset-search--facet-container ul {
134
- padding-left: 0;
135
- list-style: none;
136
- }
137
-
138
- .dkan-dataset-search--clear-all-filters {
139
- width: 100%;
140
- }
141
-
142
- .dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
143
- fill: var(--link__color);
144
- }
145
-
146
- .dc-c-search-list-item li a:visited svg {
147
- fill: var(--link__color--visited);
148
- }
149
-
150
- .dc-dataset-search-list {
151
- list-style: none;
152
- }
153
-
154
- .dc-search-header {
155
- display: relative;
156
- }
157
-
158
- .dc-search-header:after {
159
- content: "";
160
- background-color: var(--color-primary-alt-light);
161
- width: 48px;
162
- height: 4px;
163
- margin: 16px 0;
164
- display: block;
165
- }
166
-
167
- .dataset-results-count {
168
- font-weight: bold;
169
- }
170
-
171
- .dkan-dataset-search--facet-container .ds-c-accordion__content {
172
- max-height: 32rem;
173
- }
174
-
175
- .dc-dataset-search--clear-all-filters {
176
- width: 100%;
177
- }
178
-
179
- .dkan-dataset-search {
180
- position: relative;
181
- }
182
-
183
- .dkan-dataset-search input {
184
- min-width: 100%;
185
- }
186
-
187
- @media only screen and (width >= 544px) {
188
- .dkan-dataset-search input {
189
- padding-left: 32px;
190
- }
191
- }
192
-
193
- .dkan-dataset-search .ds-c-field__before {
194
- top: 12px;
195
- left: 16px;
196
- }
197
-
198
- .dc-c-datatable {
199
- border-spacing: 0;
200
- width: 100%;
201
- }
202
-
203
- .dc-c-datatable th {
204
- text-align: left;
205
- position: relative;
206
- }
207
-
208
- .dc-c-datatable thead th div {
209
- cursor: pointer;
210
- align-items: center;
211
- display: flex;
212
- }
213
-
214
- .dc-thead--fixed-size th {
215
- border-left: 2px solid var(--color-border);
216
- }
217
-
218
- .dc-thead--fixed-size th:first-child {
219
- border-left: none;
220
- }
221
-
222
- .dc-thead--resizeable .dc-c-resize-handle {
223
- background-color: var(--color-gray-light);
224
- cursor: col-resize;
225
- z-index: 1;
226
- width: 10px;
227
- min-width: 10px;
228
- margin-left: -10px;
229
- display: block;
230
- position: absolute;
231
- top: 0;
232
- bottom: 0;
233
- right: 0;
234
- }
235
-
236
- .dc-thead--resizeable .dc-c-resize-handle.isResizing, .dc-thead--resizeable .dc-c-resize-handle:hover {
237
- background-color: var(--color-primary);
238
- }
239
-
240
- .dc-thead--truncated th span {
241
- white-space: nowrap;
242
- text-overflow: ellipsis;
243
- display: inline-block;
244
- overflow: hidden;
245
- }
246
-
247
- .dc-c-datatable--even-row td {
248
- background-color: var(--table-striped__background-color);
249
- }
250
-
251
- .dc-c-sort--default, .dc-c-sort--asc, .dc-c-sort--desc {
252
- padding-left: 8px;
253
- padding-right: 16px;
254
- }
255
-
256
- .dc-c-sort--default:after, .dc-c-sort--asc:after, .dc-c-sort--desc:after {
257
- width: 18px;
258
- height: 18px;
259
- padding-left: 8px;
260
- font-family: "Font Awesome 5 Pro";
261
- line-height: 18px;
262
- display: inline;
263
- }
264
-
265
- .dc-c-sort--default:after {
266
- content: "";
267
- }
268
-
269
- .dc-c-sort--asc:after {
270
- content: "";
271
- }
272
-
273
- .dc-c-sort--desc:after {
274
- content: "";
275
- }
276
-
277
- .dc-c-additional-info-table table {
278
- width: 100%;
279
- }
280
-
281
- .dc-c-additional-info-table a {
282
- word-break: break-all;
283
- }
284
-
285
- .ds-u-word-break-anywhere {
286
- word-break: break-word;
287
- overflow-wrap: anywhere;
288
- }
289
-
290
- .dc-resource-header:before {
291
- content: "";
292
- background-color: var(--color-primary-alt-light);
293
- width: 48px;
294
- height: 4px;
295
- margin: 8px 0;
296
- display: block;
297
- }
298
-
299
- .dc-truncate {
300
- text-overflow: ellipsis;
301
- white-space: nowrap;
302
- max-width: 85%;
303
- overflow: hidden;
304
- }
305
-
306
- .dc-c-metadata-description {
307
- white-space: pre-line;
308
- }
309
-
310
- .dc-dataset .ds-c-tabs .ds-c-tabs__item {
311
- text-decoration: none;
312
- }
313
-
314
- .dc-dataset .ds-c-tabs .ds-c-tabs__item[aria-selected="true"] svg {
315
- fill: var(--link__color);
316
- }
317
-
318
- .dc-dataset .ds-c-tabs svg {
319
- margin-right: 8px;
320
- }
321
-
322
- #main-content {
323
- overflow: visible;
324
- }
325
-
326
- .dc-c-mobile-header--menu :focus {
327
- box-shadow: 0 0 0 3px #0000, 0 0 4px 6px #0000;
328
- }
329
-
330
- .dc-c-mobile-header--menu :focus-visible {
331
- border-radius: var(--button__border-radius);
332
- box-shadow: 0 0 0 3px var(--color-focus-light), 0 0 4px 6px var(--color-focus-dark);
333
- outline-offset: 3px;
334
- background-color: #0000;
335
- outline: 3px solid #0000;
336
- }
337
-
338
- .ds-c-usa-banner__button-text:after {
339
- width: 0 !important;
340
- height: 0 !important;
341
- margin: 0 !important;
342
- padding: 0 !important;
343
- }
344
-
345
- .dc-c-mobile-menu--open {
346
- color: var(--color-white);
347
- text-decoration: none;
348
- }
349
-
350
- .dc-c-mobile-menu--open:before {
351
- content: "";
352
- color: var(--color-white);
353
- text-align: center;
354
- vertical-align: middle;
355
- width: 18px;
356
- height: 18px;
357
- margin-left: 10px;
358
- padding-right: 10px;
359
- font-family: "Font Awesome 5 Pro";
360
- font-size: 18px;
361
- font-weight: lighter;
362
- line-height: 18px;
363
- display: inline-block;
364
- }
365
-
366
- .dc-c-mobile-menu--close {
367
- color: var(--color-white);
368
- padding-bottom: 16px;
369
- padding-left: 0;
370
- text-decoration: none;
371
- }
372
-
373
- .dc-c-mobile-menu--close:before {
374
- content: "";
375
- color: var(--color-white);
376
- text-align: center;
377
- vertical-align: middle;
378
- width: 18px;
379
- height: 18px;
380
- padding-right: 10px;
381
- font-family: "Font Awesome 5 Pro";
382
- font-size: 18px;
383
- font-weight: lighter;
384
- line-height: 18px;
385
- display: inline-block;
386
- }
387
-
388
- .dc-c-mobile-header--menu {
389
- background-color: var(--color-gray-dark);
390
- z-index: 500;
391
- visibility: hidden;
392
- width: 100%;
393
- height: 100%;
394
- padding: 50px 0;
395
- transition: left .7s;
396
- position: fixed;
397
- top: 0;
398
- bottom: 0;
399
- left: -100%;
400
- }
401
-
402
- .dc-c-mobile-header .dc-c-site-menu--sub-menu {
403
- background: none;
404
- width: auto;
405
- position: relative;
406
- top: -24px;
407
- left: auto;
408
- }
409
-
410
- .dc-c-mobile-header .dc-c-site-menu--sub-menu a {
411
- padding: 8px;
412
- }
413
-
414
- .dc-c-cmsheader {
415
- background: var(--color-white);
416
- position: relative;
417
- }
418
-
419
- .dc-c-cms-mobile-header-menu:before {
420
- background: var(--color-primary-alt-light);
421
- content: "";
422
- width: 48px;
423
- height: 2px;
424
- margin-bottom: 16px;
425
- margin-left: 8px;
426
- display: block;
427
- }
428
-
429
- .dc-c-cms-mobile-header-menu ul {
430
- margin: 0;
431
- padding: 0;
432
- list-style: none;
433
- }
434
-
435
- .dc-c-cms-mobile-header-menu a, .dc-c-cms-mobile-header-menu a:hover, .dc-c-cms-mobile-header-menu a:focus, .dc-c-cms-mobile-header-menu a:visited {
436
- color: var(--color-white);
437
- background-color: #0000;
438
- border-bottom: 2px solid #0000;
439
- text-decoration: none;
440
- display: inline-block;
441
- }
442
-
443
- .dc-c-cms-mobile-header-menu a:hover, .dc-c-cms-mobile-header-menu a:active {
444
- border-bottom: 2px solid var(--color-primary-alt-light);
445
- }
446
-
447
- .has-submenu > button:after {
448
- content: "";
449
- color: var(--color-white);
450
- text-align: center;
451
- vertical-align: middle;
452
- width: 18px;
453
- height: 18px;
454
- margin-left: 10px;
455
- padding-right: 10px;
456
- font-family: "Font Awesome 5 Pro";
457
- font-size: 18px;
458
- font-weight: lighter;
459
- line-height: 18px;
460
- display: inline-block;
461
- }
462
-
463
- .has-submenu.open > button:after {
464
- content: "";
465
- }
466
-
467
- .dc-c-header--mobile-links button {
468
- padding: 0;
469
- font-weight: 700;
470
- }
471
-
472
- .dc-c-header--mobile-links a {
473
- display: block;
474
- }
475
-
476
- .dc-c-mobile-header.menu-open .dc-c-cmsheader {
477
- z-index: 501;
478
- background-color: #0000;
479
- }
480
-
481
- .dc-c-mobile-header.menu-open .dc-c-cmsheader-menu a, .dc-c-mobile-header.menu-open button, .dc-c-mobile-header.menu-open .cms-link-container a:before {
482
- color: var(--color-white);
483
- }
484
-
485
- .dc-c-mobile-header.menu-open .dc-c-mobile-header--menu {
486
- visibility: visible;
487
- left: 0;
488
- }
489
-
490
- .cms-link-container {
491
- border-right: none;
492
- margin-right: 20px;
493
- display: block;
494
- }
495
-
496
- .cms-link-container a {
497
- border-bottom: none;
498
- margin-right: 20px;
499
- text-decoration: none;
500
- display: inline-block;
501
- }
502
-
503
- .cms-link-container a:before {
504
- content: "";
505
- color: #323a45;
506
- text-align: center;
507
- vertical-align: middle;
508
- width: 18px;
509
- height: 18px;
510
- margin-left: 10px;
511
- padding-right: 10px;
512
- font-family: "Font Awesome 5 Pro";
513
- font-size: 18px;
514
- font-weight: lighter;
515
- line-height: 18px;
516
- display: inline-block;
517
- }
518
-
519
- .cms-link-container img {
520
- vertical-align: middle;
521
- width: 90px;
522
- height: auto;
523
- display: inline-block;
524
- }
525
-
526
- .cms-text-container {
527
- color: #6f757c;
528
- padding-top: 28px;
529
- display: block;
530
- }
531
-
532
- .dc-c-cmsheader-menu {
533
- margin: 0;
534
- padding: 0;
535
- }
536
-
537
- .dc-c-cmsheader-menu li {
538
- list-style: none;
539
- }
540
-
541
- .dc-c-cmsheader-menu a {
542
- color: #323a45;
543
- border-bottom: 1px solid #fff3;
544
- margin: 3px 7px;
545
- padding: 0;
546
- text-decoration: none;
547
- }
548
-
549
- .dc-c-cmsheader-menu a:hover, .dc-c-cmsheader-menu a:active {
550
- border-bottom: 2px solid #323a45;
551
- }
552
-
553
- @media (width >= 544px) {
554
- .dc-c-main-navigation--search, .dc-c-mobile-menu--search {
555
- border-left: 1px solid var(--color-white);
556
- }
557
- }
558
-
559
- @media (width >= 1024px) {
560
- .cms-link-container {
561
- float: left;
562
- border-right: 1px solid #d6d7d9;
563
- width: 240px;
564
- height: 85px;
565
- }
566
-
567
- .cms-link-container a {
568
- margin-top: 28px;
569
- margin-bottom: 20px;
570
- }
571
-
572
- .cms-link-container img {
573
- vertical-align: middle;
574
- width: auto;
575
- max-width: 80%;
576
- height: auto;
577
- display: inline-block;
578
- }
579
-
580
- .cms-link-container a:before {
581
- width: 28px;
582
- height: 28px;
583
- margin-left: 0;
584
- font-size: 28px;
585
- line-height: 28px;
586
- }
587
- }
588
-
589
- nav.dc-c-site-menu .dc-c-header--links {
590
- margin: 0;
591
- padding: 0;
592
- }
593
-
594
- nav.dc-c-site-menu .dc-c-header--links li {
595
- height: 100%;
596
- list-style: none;
597
- }
598
-
599
- nav.dc-c-site-menu .dc-c-header--links button {
600
- border: none;
601
- font-size: 16px;
602
- text-decoration: none;
603
- }
604
-
605
- nav.dc-c-site-menu .dc-c-header--links button span {
606
- border-bottom: 2px solid #0000;
607
- }
608
-
609
- nav.dc-c-site-menu .dc-c-header--links a {
610
- padding: var(--space, 8px 24px);
611
- text-decoration: none;
612
- }
613
-
614
- nav.dc-c-site-menu .dc-c-header--links a span {
615
- border-bottom: 2px solid #0000;
616
- }
617
-
618
- nav.dc-c-site-menu .dc-c-header--links > li:hover > button span, nav.dc-c-site-menu .dc-c-header--links > li button:focus span, nav.dc-c-site-menu .dc-c-header--links > li button:hover span, nav.dc-c-site-menu .dc-c-header--links > li:hover > a span, nav.dc-c-site-menu .dc-c-header--links > li:focus > a span, nav.dc-c-site-menu .dc-c-header--links > li a:hover span, nav.dc-c-site-menu .dc-c-header--links > li a:focus span {
619
- border-bottom: 2px solid var(--color-primary-alt-lightest);
620
- }
621
-
622
- nav.dc-c-site-menu .dc-c-header--links a:focus, .dc-c-site-title a:focus {
623
- box-shadow: 0 0 0 3px var(--color-focus-light), 0 0 4px 6px var(--color-focus-dark);
624
- outline-offset: 3px;
625
- border-radius: var(--button__border-radius);
626
- background-color: #0000;
627
- outline: 3px solid #0000;
628
- }
629
-
630
- nav > ul li ul {
631
- display: none;
632
- }
633
-
634
- nav > ul li.open ul {
635
- display: block;
636
- }
637
-
638
- li.has-submenu {
639
- position: relative;
640
- }
641
-
642
- .dc-c-site-menu--sub-menu {
643
- background: var(--color-primary);
644
- width: 300px;
645
- margin: 0;
646
- padding: 0;
647
- position: absolute;
648
- top: 48px;
649
- left: 0;
650
- }
651
-
652
- .dc-c-site-menu--sub-menu a {
653
- padding: 16px;
654
- display: block;
655
- }
656
-
657
- .dc-c-site-menu--sub-menu a span {
658
- border-bottom: 2px solid #0000;
659
- }
660
-
661
- .dc-c-site-menu--sub-menu a:hover span, .dc-c-site-menu--sub-menu a:focus span {
662
- border-bottom: 2px solid var(--color-primary-alt-light);
663
- }
664
-
665
- .dc-c-site-title a {
666
- text-decoration: none;
667
- }
668
-
669
- .dc-c-mobile-menu--search {
670
- display: inherit;
671
- }
672
-
673
- .dc-c-search-modal--button:before {
674
- content: "";
675
- color: var(--color-white);
676
- text-align: center;
677
- vertical-align: middle;
678
- box-sizing: content-box;
679
- width: 18px;
680
- height: 18px;
681
- margin-left: 10px;
682
- padding-right: 10px;
683
- font-family: "Font Awesome 5 Pro";
684
- font-size: 18px;
685
- font-weight: lighter;
686
- line-height: 18px;
687
- display: inline-block;
688
- }
689
-
690
- .dc-c-footer {
691
- background-color: #fff;
692
- }
693
-
694
- .dc-c-footer ul {
695
- margin: 0;
696
- padding: 0;
697
- list-style: none;
698
- }
699
-
700
- .dc-c-footer--middle-container {
701
- background: linear-gradient(90deg, #f6f9fd 50%, #e8f0fa 50%);
702
- }
703
-
704
- .dc-c-footer__title {
705
- color: var(--color-gray);
706
- font-weight: 400;
707
- }
708
-
709
- .dc-c-footer__title span {
710
- font-weight: 700;
711
- }
712
-
713
- .dc-c-footer__resources {
714
- background: #f6f9fd;
715
- }
716
-
717
- .dc-c-footer__utility {
718
- background: var(--color-white);
719
- }
720
-
721
- .dc-c-footer__utility li {
722
- list-style: none;
723
- }
724
-
725
- .dc-c-footer__cms-information {
726
- background: #e8f0fa;
727
- }
728
-
729
- .dc-footer--heading {
730
- text-transform: uppercase;
731
- }
732
-
733
- .dc-c-emailupdates {
734
- background-image: linear-gradient(35deg, var(--color-primary-darkest), var(--color-primary-darker), var(--color-primary));
735
- color: var(--color-white);
736
- }
737
-
738
- .dc-c-footer--svg-icon {
739
- text-align: center;
740
- width: 40px;
741
- height: 40px;
742
- font-size: 42px;
743
- display: inline-block;
744
- position: relative;
745
- }
746
-
747
- .dc-c-footer--svg-icon svg.svg-inline--fa {
748
- width: 1em;
749
- height: 1em;
750
- }
751
-
752
- .dc-c-footer--svg-icon .fa-circle {
753
- fill: #6f757c;
754
- }
755
-
756
- .dc-c-footer--svg-icon .fa-inverse {
757
- fill: var(--color-white);
758
- padding-left: 2px;
759
- font-size: 25px;
760
- }
761
-
762
- .svg-inline--fa {
763
- margin: auto;
764
- position: absolute;
765
- inset: 0;
766
- }
767
-
768
- .ds-c-button.display-settings-font {
769
- font: inherit;
770
- }
771
-
772
- .dc-c-breadcrumb__list {
773
- margin-top: 0;
774
- margin-bottom: 0;
775
- padding-left: 0;
776
- list-style-type: none;
777
- display: block;
778
- }
779
-
780
- .dc-c-breadcrumb__list > li {
781
- max-width: unset;
782
- margin-bottom: 0;
783
- }
784
-
785
- .dc-c-breadcrumb__list > li:after {
786
- content: "";
787
- margin: 0 10px;
788
- font-family: "Font Awesome 5 Pro";
789
- font-size: 10px;
790
- font-weight: 600;
791
- }
792
-
793
- .dc-c-breadcrumb__list > li:last-child:after {
794
- content: "";
795
- margin: 0;
796
- }
797
-
798
- .dc-c-breadcrumb__list-item {
799
- display: inline-block;
800
- }
801
-
802
- .dc-c-breadcrumb__link {
803
- display: inline;
804
- }
805
-
806
- .dc-query-builder > .ds-c-accordion > .ds-c-accordion__content {
807
- overflow: visible;
808
- }
809
-
810
- .dc-c-resource-action {
811
- min-height: 100%;
812
- }
813
-
814
- .dc-filtered-resource-toggle {
815
- align-self: center;
816
- }
817
-
818
- .dc-c-filterd-resouce-drawer .ds-c-help-drawer__footer h4 {
819
- display: none;
820
- }
821
-
822
- .dc-c-resource-header--buttons {
823
- display: flex;
824
- }
825
-
826
- /*# sourceMappingURL=main.css.map */