@civicactions/cmsds-open-data-components 3.7.0-alpha.2 → 3.7.0-alpha.3

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
@@ -1,279 +1,541 @@
1
- nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
2
- border-bottom: 2px solid var(--color-primary-light);
1
+ .dkan-c-cms-topnav--tagline {
2
+ color: var(--tag-line--color);
3
+ }
4
+
5
+ .dkan-c-header--mobile .dkan-c-cms-topnav--tagline {
6
+ display: none;
7
+ }
8
+
9
+ .dkan-c-header--desktop .dkan-c-cms-topnav--tagline {
10
+ border-left: 1px solid var(--tag-line--border-color);
11
+ align-items: center;
12
+ display: inline-flex;
3
13
  }
4
14
 
5
15
  :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;
16
+ --header-nav-icon-link--desktop-width: 240px;
17
+ --header-nav-icon-link--mobile-width: 90px;
15
18
  }
16
19
 
17
- .swagger-ui.swagger-ui .opblock .opblock-summary-method {
18
- color: #333;
20
+ .dkan-c-header-nav-icon-link {
21
+ border-right: none;
22
+ align-items: center;
23
+ display: inline-flex;
19
24
  }
20
25
 
21
- .swagger-ui.swagger-ui .opblock.opblock-delete {
22
- background-color: var(--su-color--red-light);
23
- border-color: var(--su-color--red);
26
+ .dkan-c-header-nav-icon-link a {
27
+ border-bottom: none;
28
+ text-decoration: none;
29
+ display: inline-block;
24
30
  }
25
31
 
26
- .swagger-ui.swagger-ui .opblock.opblock-delete .opblock-summary-method {
27
- color: #fff;
28
- background-color: var(--su-color--red-dark);
32
+ .dkan-c-header-nav-icon-link a:focus, .dkan-c-header-nav-icon-link a:hover {
33
+ background-color: #0000;
29
34
  }
30
35
 
31
- .swagger-ui.swagger-ui .opblock.opblock-put .opblock-summary-method {
32
- background-color: var(--su-color--brown);
33
- color: #fff;
36
+ .dkan-c-header-nav-icon-link.show-back-arrow a:before {
37
+ content: "";
38
+ color: #323a45;
39
+ text-align: center;
40
+ vertical-align: middle;
41
+ width: 18px;
42
+ height: 18px;
43
+ margin-left: 10px;
44
+ padding-right: 10px;
45
+ font-family: "Font Awesome 6 Pro";
46
+ font-size: 18px;
47
+ font-weight: lighter;
48
+ line-height: 18px;
49
+ display: inline-block;
34
50
  }
35
51
 
36
- .swagger-ui.swagger-ui .parameter__name.required span, .swagger-ui.swagger-ui .parameter__name.required:after {
37
- color: var(--su-color--red);
52
+ .dkan-c-header-nav-icon-link img {
53
+ vertical-align: middle;
54
+ height: auto;
55
+ display: inline-block;
38
56
  }
39
57
 
40
- .swagger-ui.swagger-ui .btn.cancel {
41
- border-color: var(--su-color--red);
42
- color: var(--su-color--red);
58
+ .dkan-c-header--mobile .dkan-c-header-nav-icon-link img {
59
+ width: var(--header-nav-icon-link--mobile-width);
43
60
  }
44
61
 
45
- .swagger-ui.swagger-ui .btn.authorize {
46
- border-color: var(--su-color--green-muted);
47
- background-color: var(--su-color--green-muted);
62
+ .dkan-c-header--desktop .dkan-c-header-nav-icon-link img {
63
+ width: var(--header-nav-icon-link--desktop-width);
48
64
  }
49
65
 
50
- .swagger-ui.swagger-ui .btn.execute {
51
- background-color: var(--su-color--blue-dark);
66
+ .dkan-c-cms-topnav {
67
+ height: 51px;
52
68
  }
53
69
 
54
- .swagger-ui.swagger-ui .info .title small {
55
- background-color: #666;
70
+ .dkan-c-cms-topnav > div {
71
+ height: 100%;
56
72
  }
57
73
 
58
- .swagger-ui.swagger-ui .info .title small.version-stamp {
59
- background-color: #005830;
74
+ .dkan-c-cms-topnav .dkan-c-cms-topnav-menu a {
75
+ margin: 3px 7px;
76
+ display: inline-block;
60
77
  }
61
78
 
62
- .swagger-ui.swagger-ui .info a {
63
- color: #036;
79
+ .dkan-c-cms-topnav--menu ul {
80
+ margin: 0;
81
+ padding: 0;
82
+ list-style: none;
64
83
  }
65
84
 
66
- .swagger-ui.swagger-ui .model-hint {
67
- word-wrap: break-word;
68
- white-space: normal;
69
- max-width: 100%;
70
- top: 1.5em;
85
+ .dkan-c-cms-topnav .dkan-c-cms-topnav--tagline {
86
+ height: 100%;
87
+ margin-left: 16px;
71
88
  }
72
89
 
73
- .swagger-ui.swagger-ui section.models .model-container {
74
- overflow-x: auto;
90
+ @media screen and (width <= 544px) {
91
+ .dkan-c-cms-topnav {
92
+ display: none;
93
+ }
75
94
  }
76
95
 
77
- .swagger-ui.swagger-ui table {
78
- min-width: 500px;
96
+ @media screen and (width >= 1024px) {
97
+ .dkan-c-cms-topnav {
98
+ height: 85px;
99
+ }
79
100
  }
80
101
 
81
- .swagger-ui.swagger-ui table.model tbody tr td:first-of-type {
82
- min-width: 174px;
102
+ .dkan-c-site-menu--sub-menu {
103
+ list-style: none;
104
+ display: none;
83
105
  }
84
106
 
85
- .swagger-ui.swagger-ui .table-container, .swagger-ui.swagger-ui .responses-inner {
86
- overflow: scroll;
107
+ .dkan-c-nav-submenu {
108
+ position: relative;
87
109
  }
88
110
 
89
- .swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {
90
- font-weight: bold !important;
111
+ .dkan-c-nav-submenu.open .dkan-c-site-menu--sub-menu {
112
+ display: block;
91
113
  }
92
114
 
93
- .swagger-ui div.wrapper {
94
- padding-left: 0;
95
- padding-right: 0;
115
+ .dkan-c-header--mobile .dkan-c-site-menu--sub-menu a svg {
116
+ display: none;
96
117
  }
97
118
 
98
- @media (width <= 544px) {
99
- .swagger-ui .opblock-tag-section .opblock-tag small {
100
- flex: initial;
101
- }
119
+ .dkan-c-header--desktop .dkan-c-site-menu--sub-menu {
120
+ background: var(--header-submenu--bg-color);
121
+ width: var(--header-submenu--width);
122
+ z-index: 999;
123
+ margin: 0;
124
+ padding: 16px;
125
+ position: absolute;
126
+ top: 48px;
127
+ left: 0;
102
128
  }
103
129
 
104
- .dc-c-search-list-item, .dc-c-search-list-item li {
105
- list-style: none;
130
+ .dkan-c-header--desktop .dkan-c-site-menu--sub-menu a {
131
+ text-align: left;
132
+ padding: 16px;
133
+ display: flex;
106
134
  }
107
135
 
108
- .dc-c-search-list-item li a, .dc-c-search-list-item li button {
109
- text-decoration: underline !important;
136
+ .dkan-c-header--desktop .dkan-c-site-menu--sub-menu a span {
137
+ border-bottom: 2px solid #0000;
138
+ margin-left: 8px;
110
139
  }
111
140
 
112
- .dc-c-search-list-item svg {
113
- margin-right: 8px;
141
+ .dkan-c-header--desktop .dkan-c-site-menu--sub-menu a:hover span, .dkan-c-header--desktop .dkan-c-site-menu--sub-menu a:focus span {
142
+ border-bottom-color: var(--header-nav-link--mobile-color);
114
143
  }
115
144
 
116
- .dc-c-search-list-item span > span > button {
117
- padding: 0 !important;
118
- font-weight: normal !important;
145
+ .dkan-c-main-navigation--search .dkan-c-header-search--modal-button span {
146
+ border-bottom: 2px solid #0000;
119
147
  }
120
148
 
121
- .dc-c-search-list-item a:visited svg {
122
- fill: var(--link__color--visited);
149
+ .dkan-c-header--mobile .dkan-c-nav-menu--mobile {
150
+ display: none;
123
151
  }
124
152
 
125
- @media only screen and (width >= 544px) {
126
- .dkan-dataset-search input {
127
- padding-left: 32px;
128
- }
153
+ .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button {
154
+ color: var(--header-nav-link--mobile-color);
155
+ text-decoration: none;
129
156
  }
130
157
 
131
- @media only screen and (width <= 544px) {
132
- .dkan-dataset-search div.--alt-style input {
133
- --text-input__border-radius: 50px;
134
- --text-input__border-color: #c6b7b7;
135
- height: 61px;
136
- }
158
+ .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button:hover, .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button:focus {
159
+ color: var(--header-nav-link--mobile-color);
137
160
  }
138
161
 
139
- .dkan-dataset-search .dc-c-search-button-mobile {
140
- z-index: 1000;
141
- border-top-left-radius: 0;
142
- border-bottom-left-radius: 0;
143
- height: 57px;
144
- position: absolute;
145
- top: 2px;
146
- right: 18px;
162
+ .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button:hover span, .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button:focus span {
163
+ border-bottom-color: var(--header-nav-link--mobile-color);
147
164
  }
148
165
 
149
- .dkan-dataset-search--facet-container ul {
150
- padding-left: 0;
151
- list-style: none;
166
+ .dkan-c-header-search--modal-button:before {
167
+ content: "";
168
+ text-align: center;
169
+ vertical-align: middle;
170
+ box-sizing: content-box;
171
+ width: 18px;
172
+ height: 18px;
173
+ margin-left: 10px;
174
+ padding-right: 10px;
175
+ font-family: "Font Awesome 6 Pro";
176
+ font-size: 18px;
177
+ font-weight: lighter;
178
+ line-height: 18px;
179
+ display: inline-block;
152
180
  }
153
181
 
154
- .dkan-dataset-search--clear-all-filters {
155
- width: 100%;
182
+ .dkan-c-main-navigation--search .dkan-c-header-search--modal-button {
183
+ color: var(--header-nav-search--color);
184
+ text-decoration: none;
156
185
  }
157
186
 
158
- .dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
159
- fill: var(--link__color);
187
+ .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:focus, .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:hover {
188
+ color: var(--header-nav-search--color);
160
189
  }
161
190
 
162
- .dc-c-search-list-item li a:visited svg {
163
- fill: var(--link__color--visited);
191
+ .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:focus span, .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:hover span {
192
+ border-bottom-color: var(--header-nav-search--color);
164
193
  }
165
194
 
166
- .dc-dataset-search-list {
195
+ .dkan-c-header--desktop .dkan-c-main-navigation--search {
196
+ border-left: 2px solid var(--header-nav-search--color);
197
+ }
198
+
199
+ .dkan-c-header--desktop .dkan-c-nav-menu--desktop .dkan-c-main-navigation--search {
200
+ display: none;
201
+ }
202
+
203
+ .dkan-c-header--link-list {
167
204
  list-style: none;
168
205
  }
169
206
 
170
- .dc-search-header {
171
- display: relative;
207
+ .dkan-c-header--wrapper {
208
+ flex-wrap: nowrap !important;
172
209
  }
173
210
 
174
- .dc-search-header:after {
211
+ .dkan-c-header--link-list .dkan-c-header--link span, .dkan-c-header--link-list .dkan-c-header--link + ul a span {
212
+ border-bottom: 2px solid #0000;
213
+ }
214
+
215
+ .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a {
216
+ color: var(--header-nav-link--mobile-color);
217
+ text-decoration: none;
218
+ }
219
+
220
+ .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link:hover, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link:focus, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a:hover, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a:focus {
221
+ color: var(--header-nav-link--mobile-color);
222
+ }
223
+
224
+ .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link:hover span, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link:focus span, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a:hover span, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a:focus span {
225
+ border-bottom-color: var(--header-nav-link--mobile-color);
226
+ }
227
+
228
+ .dkan-c-header--mobile .dkan-c-nav-menu ul {
229
+ padding-inline-start: 0;
230
+ }
231
+
232
+ .dkan-c-header--mobile .dkan-c-nav-menu--close {
233
+ display: none;
234
+ }
235
+
236
+ .dkan-c-header--mobile .dkan-c-nav-menu--open {
237
+ background-color: var(--header-mobile-bg-color);
238
+ z-index: 500;
239
+ transition-property: left;
240
+ transition-duration: var(--mobile-nav-animation-time);
241
+ flex: none;
242
+ width: 100%;
243
+ max-width: 100%;
244
+ height: 100%;
245
+ padding: 50px 0;
246
+ display: block;
247
+ position: fixed;
248
+ top: 0;
249
+ bottom: 0;
250
+ left: 0;
251
+ }
252
+
253
+ .dkan-c-header--mobile .dkan-c-nav-menu .dkan-c-top-nav {
254
+ display: inherit;
255
+ padding-top: 8px;
256
+ }
257
+
258
+ .dkan-c-header--mobile .dkan-c-nav-menu .dkan-c-top-nav:before {
259
+ background: var(--color-primary-light);
175
260
  content: "";
176
- background-color: var(--color-primary-light);
177
261
  width: 48px;
178
- height: 4px;
179
- margin: 16px 0;
262
+ height: 2px;
263
+ margin-left: 24px;
180
264
  display: block;
265
+ position: absolute;
181
266
  }
182
267
 
183
- .dataset-results-count {
184
- font-weight: bold;
268
+ .dkan-c-header--mobile .dkan-c-nav-menu .dkan-c-top-nav ul {
269
+ padding-top: 16px;
185
270
  }
186
271
 
187
- .dkan-dataset-search--facet-container .ds-c-accordion__content {
188
- max-height: 32rem;
272
+ .dkan-c-header--desktop ul.dkan-c-header--link-list .dkan-c-header--link, .dkan-c-header--desktop ul.dkan-c-header--link-list .dkan-c-header--link + ul a {
273
+ color: var(--header-nav-link--color);
274
+ padding: var(--space, 8px 8px);
275
+ text-decoration: none;
189
276
  }
190
277
 
191
- .dc-dataset-search--clear-all-filters {
192
- width: 100%;
278
+ .dkan-c-header--desktop ul.dkan-c-header--link-list .dkan-c-header--link:hover span, .dkan-c-header--desktop ul.dkan-c-header--link-list .dkan-c-header--link + ul a:hover span {
279
+ border-bottom-color: var(--header-nav-link--color);
193
280
  }
194
281
 
195
- .dkan-dataset-search {
196
- position: relative;
282
+ .dkan-c-header--desktop .dkan-c-header--link-list {
283
+ margin-block: 0;
197
284
  }
198
285
 
199
- .dkan-dataset-search input {
200
- min-width: 100%;
286
+ .dkan-c-header--desktop .dkan-c-main-nav {
287
+ flex-direction: row;
288
+ justify-content: end;
289
+ display: flex;
201
290
  }
202
291
 
203
- @media only screen and (width >= 544px) {
204
- .dkan-dataset-search input {
205
- padding-left: 32px;
206
- }
292
+ .dkan-c-header--desktop .dkan-c-nav-menu--mobile-close-button {
293
+ display: none;
207
294
  }
208
295
 
209
- .dkan-dataset-search .ds-c-field__before {
210
- top: 12px;
211
- left: 16px;
296
+ .dkan-c-header--desktop .dkan-c-header--link-list {
297
+ flex-direction: row;
298
+ display: flex;
212
299
  }
213
300
 
214
- .dc-c-additional-info-table table {
215
- width: 100%;
301
+ .dkan-c-header--desktop .dkan-c-nav-menu .dkan-c-top-nav {
302
+ display: none;
216
303
  }
217
304
 
218
- .dc-c-additional-info-table a {
219
- word-break: break-all;
305
+ :root {
306
+ --mobile-menu-button--color: var(--color-white);
307
+ --mobile-menu-button--hover-color: var(--color-white);
220
308
  }
221
309
 
222
- .ds-u-word-break-anywhere {
223
- word-break: break-word;
224
- overflow-wrap: anywhere;
310
+ .dkan-c-header--desktop .dkan-c-mobile-menu-button {
311
+ display: none;
225
312
  }
226
313
 
227
- ul.dc-c-resource-full-width {
228
- width: 100%;
314
+ .dkan-c-header--mobile .dkan-c-mobile-menu-button {
315
+ display: inherit;
229
316
  }
230
317
 
231
- .dc-c-datadictionary-table .dc-c-datatable th, .dc-c-datadictionary-table .dc-c-datatable td {
232
- border-left: 0;
233
- border-right: 0;
318
+ button.dkan-c-mobile-menu-button {
319
+ color: var(--mobile-menu-button--color);
320
+ }
321
+
322
+ button.dkan-c-mobile-menu-button:before {
323
+ color: var(--mobile-menu-button--color);
324
+ text-align: center;
325
+ vertical-align: middle;
326
+ box-sizing: content-box;
327
+ width: 18px;
328
+ height: 18px;
329
+ margin-left: 10px;
330
+ padding-right: 10px;
331
+ font-family: "Font Awesome 6 Pro";
332
+ font-size: 18px;
333
+ font-weight: lighter;
334
+ line-height: 18px;
335
+ display: inline-block;
336
+ }
337
+
338
+ button.dkan-c-mobile-menu-button:hover, button.dkan-c-mobile-menu-button:hover:before {
339
+ color: var(--mobile-menu-button--hover-color);
340
+ }
341
+
342
+ button.dkan-c-mobile-menu-button--open:before {
343
+ content: "";
344
+ }
345
+
346
+ .dkan-c-cms-topnav-menu ul {
347
+ justify-content: end;
348
+ margin: 0;
349
+ padding: 0;
350
+ list-style: none;
351
+ }
352
+
353
+ div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {
354
+ border-radius: 4px;
355
+ border-top: 8px solid var(--color-secondary) !important;
356
+ }
357
+
358
+ .dkan-c-sidebar-nav ul {
359
+ margin: 0;
360
+ padding: 0;
361
+ list-style: none;
362
+ display: block;
363
+ }
364
+
365
+ .dkan-c-sidebar-nav-link, .dkan-c-sidebar-nav-link:visited {
366
+ color: var(--color-base);
367
+ text-decoration: none;
368
+ }
369
+
370
+ .dkan-c-sidebar-nav-link:hover, .dkan-c-sidebar-nav-link:visited:hover {
371
+ text-decoration: underline;
372
+ }
373
+
374
+ .dkan-c-sidebar-nav-link-status {
375
+ border: 2px solid var(--color-gray-lighter);
376
+ border-radius: 2px;
377
+ }
378
+
379
+ .active .dkan-c-sidebar-nav-link-status {
380
+ border: 2px solid var(--color-primary-darker);
381
+ border-radius: 2px;
382
+ }
383
+
384
+ .dkan-c-sidebar-nav--mobile {
385
+ margin-bottom: 32px;
386
+ }
387
+
388
+ .dkan-c-sidebar-nav--mobile .dkan-c-sidebar-nav-menu--open {
389
+ display: inherit;
390
+ }
391
+
392
+ .dkan-c-sidebar-nav--mobile .dkan-c-sidebar-nav-menu--close {
393
+ display: none;
394
+ }
395
+
396
+ .dkan-c-sidebar-nav--mobile .dkan-c-sidebar-nav--mobile-header {
397
+ margin-top: -32px;
398
+ display: flex;
399
+ }
400
+
401
+ .dkan-c-sidebar-nav--desktop .dkan-c-sidebar-nav--mobile-header {
402
+ display: none;
403
+ }
404
+
405
+ .dkan-c-sidebar-nav--mobile {
406
+ display: inherit;
407
+ }
408
+
409
+ .dc-c-search-list-item, .dc-c-search-list-item li {
410
+ list-style: none;
411
+ }
412
+
413
+ .dc-c-search-list-item li a, .dc-c-search-list-item li button {
414
+ text-decoration: underline !important;
415
+ }
416
+
417
+ .dc-c-search-list-item svg {
418
+ margin-right: 8px;
419
+ }
420
+
421
+ .dc-c-search-list-item button, .dc-c-search-list-item span > a {
422
+ font-weight: normal !important;
423
+ }
424
+
425
+ .dc-c-search-list-item a:visited svg {
426
+ fill: var(--link__color--visited);
427
+ }
428
+
429
+ :root {
430
+ --su-color--blue-dark: #036;
431
+ --su-color--brown: #884c00;
432
+ --su-color--green-dark: #007641;
433
+ --su-color--green-muted: #277564;
434
+ --su-color--orange-dark: #d10000;
435
+ --su-color--orange-light: #d100001a;
436
+ --su-color--red-dark: #970000;
437
+ --su-color--red-light: #d300001a;
438
+ --su-color--red: #d30000;
439
+ }
440
+
441
+ .swagger-ui.swagger-ui .opblock .opblock-summary-method {
442
+ color: #333;
443
+ }
444
+
445
+ .swagger-ui.swagger-ui .opblock.opblock-delete {
446
+ background-color: var(--su-color--red-light);
447
+ border-color: var(--su-color--red);
448
+ }
449
+
450
+ .swagger-ui.swagger-ui .opblock.opblock-delete .opblock-summary-method {
451
+ color: #fff;
452
+ background-color: var(--su-color--red-dark);
453
+ }
454
+
455
+ .swagger-ui.swagger-ui .opblock.opblock-put .opblock-summary-method {
456
+ background-color: var(--su-color--brown);
457
+ color: #fff;
458
+ }
459
+
460
+ .swagger-ui.swagger-ui .parameter__name.required span, .swagger-ui.swagger-ui .parameter__name.required:after {
461
+ color: var(--su-color--red);
462
+ }
463
+
464
+ .swagger-ui.swagger-ui .btn.cancel {
465
+ border-color: var(--su-color--red);
466
+ color: var(--su-color--red);
467
+ }
468
+
469
+ .swagger-ui.swagger-ui .btn.authorize {
470
+ border-color: var(--su-color--green-muted);
471
+ background-color: var(--su-color--green-muted);
472
+ }
473
+
474
+ .swagger-ui.swagger-ui .btn.execute {
475
+ background-color: var(--su-color--blue-dark);
476
+ }
477
+
478
+ .swagger-ui.swagger-ui .info .title > span span {
479
+ color: #fff;
480
+ vertical-align: super;
481
+ background-color: #666;
482
+ border-radius: 67px;
483
+ margin: 0 0 0 5px;
484
+ padding: 2px 8px;
485
+ font-size: 14px;
486
+ display: inline-block;
487
+ position: relative;
488
+ top: -5px;
489
+ }
490
+
491
+ .swagger-ui.swagger-ui .info .title > span span.version-stamp--openapi {
492
+ background-color: #005830;
493
+ }
494
+
495
+ .swagger-ui.swagger-ui .info a {
496
+ color: #036;
234
497
  }
235
498
 
236
- .dc-c-tooltip-width-override .ds-c-tooltip {
237
- width: 500px;
499
+ .swagger-ui.swagger-ui .model-hint {
500
+ word-wrap: break-word;
501
+ white-space: normal;
502
+ max-width: 100%;
503
+ top: 1.5em;
238
504
  }
239
505
 
240
- .dc-resource-header:before {
241
- content: "";
242
- background-color: var(--color-primary-light);
243
- width: 48px;
244
- height: 4px;
245
- margin: 8px 0;
246
- display: block;
506
+ .swagger-ui.swagger-ui section.models .model-container {
507
+ overflow-x: auto;
247
508
  }
248
509
 
249
- .dc-truncate {
250
- text-overflow: ellipsis;
251
- white-space: nowrap;
252
- overflow: hidden;
510
+ .swagger-ui.swagger-ui table {
511
+ min-width: 500px;
253
512
  }
254
513
 
255
- .dc-c-metadata-description {
256
- white-space: pre-line;
514
+ .swagger-ui.swagger-ui table.model tbody tr td:first-of-type {
515
+ min-width: 174px;
257
516
  }
258
517
 
259
- .dc-dataset .ds-c-tabs .ds-c-tabs__item {
260
- text-decoration: none;
518
+ .swagger-ui.swagger-ui .table-container, .swagger-ui.swagger-ui .responses-inner {
519
+ overflow: scroll;
261
520
  }
262
521
 
263
- .dc-dataset .ds-c-tabs .ds-c-tabs__item svg {
264
- fill: var(--link__color);
522
+ .swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {
523
+ font-weight: bold !important;
265
524
  }
266
525
 
267
- .dc-dataset .ds-c-tabs svg {
268
- margin-right: 8px;
526
+ .swagger-ui div.wrapper {
527
+ padding-left: 0;
528
+ padding-right: 0;
269
529
  }
270
530
 
271
- #main-content {
272
- overflow: visible;
531
+ @media (width <= 544px) {
532
+ .swagger-ui .opblock-tag-section .opblock-tag small {
533
+ flex: initial;
534
+ }
273
535
  }
274
536
 
275
- .dc-c-word-break--all {
276
- word-break: break-all;
537
+ .ds-c-button.display-settings-font {
538
+ font: inherit;
277
539
  }
278
540
 
279
541
  .dc-c-datatable {
@@ -299,6 +561,7 @@ ul.dc-c-resource-full-width {
299
561
  }
300
562
 
301
563
  .dc-c-datatable-wrapper {
564
+ display: grid;
302
565
  overflow: auto;
303
566
  }
304
567
 
@@ -359,6 +622,10 @@ thead.dc-thead--truncated th p {
359
622
  white-space: normal;
360
623
  }
361
624
 
625
+ div.dc-c-datadictionary-table thead.dc-thead--truncated th > div > div, div.dc-c-datadictionary-table thead.dc-thead--truncated th > div > div > span {
626
+ overflow: visible;
627
+ }
628
+
362
629
  .dc-c-datatable--even-row td {
363
630
  background-color: var(--table__background-color--striped);
364
631
  }
@@ -383,117 +650,322 @@ thead.dc-thead--truncated th p {
383
650
  display: inline;
384
651
  }
385
652
 
386
- .dc-c-sort--default:after {
387
- content: "";
653
+ .dc-c-sort--default:after {
654
+ content: "";
655
+ }
656
+
657
+ .dc-c-sort--asc:after {
658
+ content: "";
659
+ }
660
+
661
+ .dc-c-sort--desc:after {
662
+ content: "";
663
+ }
664
+
665
+ dialog.dkan-manage-columns-dialog {
666
+ width: 100%;
667
+ height: 80vh;
668
+ }
669
+
670
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__window {
671
+ min-width: 768px;
672
+ padding: 0;
673
+ }
674
+
675
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__window .ds-c-dialog__header {
676
+ padding: 24px;
677
+ }
678
+
679
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list {
680
+ gap: 0;
681
+ max-height: 350px;
682
+ margin: 0;
683
+ padding: 0;
684
+ list-style: none;
685
+ overflow-y: auto;
686
+ }
687
+
688
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list li {
689
+ cursor: pointer;
690
+ }
691
+
692
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .ds-c-choice-wrapper {
693
+ margin-top: 0;
694
+ }
695
+
696
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .dkan-manage-columns-reorder-button {
697
+ background: none;
698
+ border: none;
699
+ }
700
+
701
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .dkan-manage-columns-reorder-button.grabbed {
702
+ background-color: var(--color-primary-lighter);
703
+ }
704
+
705
+ @media screen and (width <= 767px) {
706
+ dialog.dkan-manage-columns-dialog {
707
+ height: 100%;
708
+ }
709
+
710
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__window {
711
+ width: 100%;
712
+ min-width: auto;
713
+ height: 100%;
714
+ margin-top: 0;
715
+ }
716
+
717
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__body > div:not(.ds-c-dialog__actions) {
718
+ flex-direction: column;
719
+ display: flex;
720
+ }
721
+
722
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list {
723
+ max-height: calc(100vh - 435px);
724
+ }
725
+
726
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__actions {
727
+ background-color: #fff;
728
+ padding-top: 16px;
729
+ position: absolute;
730
+ bottom: 0;
731
+ }
732
+ }
733
+
734
+ dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window {
735
+ width: 100%;
736
+ max-width: 100%;
737
+ margin: 0;
738
+ }
739
+
740
+ dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window form {
741
+ max-width: 1024px;
742
+ }
743
+
744
+ dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .dkan-datatable-fullscreen-mode {
745
+ min-height: calc(100vh - 415px);
746
+ max-height: calc(100vh - 415px);
747
+ overflow: hidden;
748
+ }
749
+
750
+ dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .dkan-datatable-fullscreen-mode .dc-c-datatable-wrapper {
751
+ max-height: calc(100vh - 473px);
752
+ }
753
+
754
+ .dc-c-breadcrumb__list {
755
+ margin-top: 0;
756
+ margin-bottom: 0;
757
+ padding-left: 0;
758
+ list-style-type: none;
759
+ display: block;
760
+ }
761
+
762
+ .dc-c-breadcrumb__list > li {
763
+ max-width: unset;
764
+ margin-bottom: 0;
765
+ }
766
+
767
+ .dc-c-breadcrumb__list > li:after {
768
+ content: "";
769
+ margin: 0 10px;
770
+ font-family: "Font Awesome 6 Pro";
771
+ font-size: 10px;
772
+ font-weight: 600;
773
+ }
774
+
775
+ .dc-c-breadcrumb__list > li:last-child:after {
776
+ content: "";
777
+ margin: 0;
778
+ }
779
+
780
+ .dc-c-breadcrumb__list-item {
781
+ display: inline-block;
782
+ }
783
+
784
+ .dc-c-breadcrumb__link {
785
+ display: inline;
786
+ }
787
+
788
+ .dc-c-additional-info-table table {
789
+ width: 100%;
790
+ }
791
+
792
+ .dc-c-additional-info-table a {
793
+ word-break: break-all;
794
+ }
795
+
796
+ .ds-u-word-break-anywhere {
797
+ word-break: break-word;
798
+ overflow-wrap: anywhere;
799
+ }
800
+
801
+ @media only screen and (width >= 544px) {
802
+ .dkan-dataset-search input {
803
+ padding-left: 32px;
804
+ }
805
+ }
806
+
807
+ @media only screen and (width <= 544px) {
808
+ .dkan-dataset-search div.--alt-style input {
809
+ --text-input__border-radius: 50px;
810
+ --text-input__border-color: #c6b7b7;
811
+ height: 61px;
812
+ }
813
+ }
814
+
815
+ .dkan-dataset-search .dc-c-search-button-mobile {
816
+ z-index: 1000;
817
+ border-top-left-radius: 0;
818
+ border-bottom-left-radius: 0;
819
+ height: 57px;
820
+ position: absolute;
821
+ top: 2px;
822
+ right: 18px;
823
+ }
824
+
825
+ .dkan-dataset-search--facet-container ul {
826
+ padding-left: 0;
827
+ list-style: none;
828
+ }
829
+
830
+ .dkan-dataset-search--clear-all-filters {
831
+ width: 100%;
832
+ }
833
+
834
+ .dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
835
+ fill: var(--link__color);
836
+ }
837
+
838
+ .dc-c-search-list-item li a:visited svg {
839
+ fill: var(--link__color--visited);
840
+ }
841
+
842
+ .dc-dataset-search-list {
843
+ list-style: none;
844
+ }
845
+
846
+ .dc-search-header {
847
+ display: relative;
848
+ }
849
+
850
+ .dc-search-header:after {
851
+ content: "";
852
+ background-color: var(--color-primary-light);
853
+ width: 48px;
854
+ height: 4px;
855
+ margin: 16px 0;
856
+ display: block;
857
+ }
858
+
859
+ .dataset-results-count {
860
+ font-weight: bold;
388
861
  }
389
862
 
390
- .dc-c-sort--asc:after {
391
- content: "";
863
+ .dkan-dataset-search--facet-container .ds-c-accordion__content {
864
+ max-height: 32rem;
392
865
  }
393
866
 
394
- .dc-c-sort--desc:after {
395
- content: "";
867
+ .dc-dataset-search--clear-all-filters {
868
+ width: 100%;
396
869
  }
397
870
 
398
- dialog.dkan-manage-columns-dialog {
399
- width: 100%;
400
- height: 80vh;
871
+ .dkan-dataset-search {
872
+ position: relative;
401
873
  }
402
874
 
403
- dialog.dkan-manage-columns-dialog .ds-c-dialog__window {
404
- min-width: 768px;
405
- padding: 0;
875
+ .dkan-dataset-search input {
876
+ min-width: 100%;
406
877
  }
407
878
 
408
- dialog.dkan-manage-columns-dialog .ds-c-dialog__window .ds-c-dialog__header {
409
- padding: 24px;
879
+ @media only screen and (width >= 544px) {
880
+ .dkan-dataset-search input {
881
+ padding-left: 32px;
882
+ }
410
883
  }
411
884
 
412
- dialog.dkan-manage-columns-dialog .dkan-manage-columns-list {
413
- gap: 0;
414
- max-height: 350px;
415
- margin: 0;
416
- padding: 0;
417
- list-style: none;
418
- overflow-y: auto;
885
+ .dkan-dataset-search .ds-c-field__before {
886
+ top: 12px;
887
+ left: 16px;
419
888
  }
420
889
 
421
- dialog.dkan-manage-columns-dialog .dkan-manage-columns-list li {
422
- cursor: pointer;
890
+ ul.dc-c-resource-full-width {
891
+ width: 100%;
423
892
  }
424
893
 
425
- dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .ds-c-choice-wrapper {
426
- margin-top: 0;
894
+ .dc-c-datadictionary-table .dc-c-datatable th, .dc-c-datadictionary-table .dc-c-datatable td {
895
+ border-left: 0;
896
+ border-right: 0;
427
897
  }
428
898
 
429
- dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .dkan-manage-columns-reorder-button {
430
- background: none;
431
- border: none;
899
+ .dc-c-tooltip-width-override .ds-c-tooltip {
900
+ width: 500px;
432
901
  }
433
902
 
434
- dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .dkan-manage-columns-reorder-button.grabbed {
435
- background-color: var(--color-primary-lighter);
903
+ .dc-resource-header:before {
904
+ content: "";
905
+ background-color: var(--color-primary-light);
906
+ width: 48px;
907
+ height: 4px;
908
+ margin: 8px 0;
909
+ display: block;
436
910
  }
437
911
 
438
- @media screen and (width <= 767px) {
439
- dialog.dkan-manage-columns-dialog {
440
- height: 100%;
441
- }
912
+ .dc-truncate {
913
+ text-overflow: ellipsis;
914
+ white-space: nowrap;
915
+ overflow: hidden;
916
+ }
442
917
 
443
- dialog.dkan-manage-columns-dialog .ds-c-dialog__window {
444
- width: 100%;
445
- min-width: auto;
446
- height: 100%;
447
- margin-top: 0;
448
- }
918
+ .dc-c-metadata-description {
919
+ white-space: pre-line;
920
+ }
449
921
 
450
- dialog.dkan-manage-columns-dialog .ds-c-dialog__body > div:not(.ds-c-dialog__actions) {
451
- flex-direction: column;
452
- display: flex;
453
- }
922
+ .dc-c-metadata-description ul {
923
+ list-style-type: unset;
924
+ }
454
925
 
455
- dialog.dkan-manage-columns-dialog .dkan-manage-columns-list {
456
- max-height: calc(100vh - 435px);
457
- }
926
+ .dc-dataset .ds-c-tabs .ds-c-tabs__item {
927
+ text-decoration: none;
928
+ }
458
929
 
459
- dialog.dkan-manage-columns-dialog .ds-c-dialog__actions {
460
- background-color: #fff;
461
- padding-top: 16px;
462
- position: absolute;
463
- bottom: 0;
464
- }
930
+ .dc-dataset .ds-c-tabs .ds-c-tabs__item svg {
931
+ fill: var(--link__color);
465
932
  }
466
933
 
467
- dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window {
468
- width: 100%;
469
- max-width: 100%;
470
- margin: 0;
934
+ .dc-dataset .ds-c-tabs svg {
935
+ margin-right: 8px;
471
936
  }
472
937
 
473
- dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window form {
474
- max-width: 1024px;
938
+ #main-content {
939
+ overflow: visible;
475
940
  }
476
941
 
477
- dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .dkan-datatable-fullscreen-mode {
478
- min-height: calc(100vh - 415px);
479
- max-height: calc(100vh - 415px);
480
- overflow: hidden;
942
+ .dc-c-word-break--all {
943
+ word-break: break-all;
481
944
  }
482
945
 
483
- dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .dkan-datatable-fullscreen-mode .dc-c-datatable-wrapper {
484
- max-height: calc(100vh - 473px);
946
+ :root {
947
+ --mobile-nav-animation-time: 1s;
948
+ --cms-top-nav-height: 87px;
949
+ --main-nav-height: 100px;
950
+ --header-bg-color: var(--color-primary);
951
+ --header-bg-image: linear-gradient(90deg, var(--color-primary-darkest) 10%, var(--color-primary) 90%);
952
+ --header-nav-link--color: var(--color-white);
953
+ --header-nav-link--mobile-color: var(--color-white);
954
+ --header-mobile-bg-color: var(--color-gray-dark);
955
+ --header-submenu--bg-color: var(--color-primary);
956
+ --header-submenu--width: 300px;
957
+ --header-nav-search--color: var(--color-white);
958
+ --tag-line--color: #6f757c;
959
+ --tag-line--border-color: #6f757c;
485
960
  }
486
961
 
487
- .dc-c-mobile-header--menu :focus {
488
- box-shadow: 0 0 0 3px #0000, 0 0 4px 6px #0000;
962
+ .dkan-c-main-navigation > div > div {
963
+ height: var(--main-nav-height);
489
964
  }
490
965
 
491
- .dc-c-mobile-header--menu :focus-visible {
492
- border-radius: var(--button__border-radius);
493
- box-shadow: 0 0 0 3px var(--color-focus-light), 0 0 4px 6px var(--color-focus-dark);
494
- outline-offset: 3px;
495
- background-color: #0000;
496
- outline: 3px solid #0000;
966
+ .dkan-c-header .dkan-c-main-navigation {
967
+ background-color: var(--header-bg-color);
968
+ background-image: var(--header-bg-image);
497
969
  }
498
970
 
499
971
  .ds-c-usa-banner__button-text:after {
@@ -560,18 +1032,6 @@ dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .dkan-datatable-fu
560
1032
  left: -100%;
561
1033
  }
562
1034
 
563
- .dc-c-mobile-header .dc-c-site-menu--sub-menu {
564
- background: none;
565
- width: auto;
566
- position: relative;
567
- top: -24px;
568
- left: auto;
569
- }
570
-
571
- .dc-c-mobile-header .dc-c-site-menu--sub-menu a {
572
- padding: 8px;
573
- }
574
-
575
1035
  .dc-c-cmsheader {
576
1036
  background: var(--color-white);
577
1037
  position: relative;
@@ -605,26 +1065,6 @@ dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .dkan-datatable-fu
605
1065
  border-bottom: 2px solid var(--color-primary-light);
606
1066
  }
607
1067
 
608
- .has-submenu > button:after {
609
- content: "";
610
- color: var(--color-white);
611
- text-align: center;
612
- vertical-align: middle;
613
- width: 18px;
614
- height: 18px;
615
- margin-left: 10px;
616
- padding-right: 10px;
617
- font-family: "Font Awesome 6 Pro";
618
- font-size: 18px;
619
- font-weight: lighter;
620
- line-height: 18px;
621
- display: inline-block;
622
- }
623
-
624
- .has-submenu.open > button:after {
625
- content: "";
626
- }
627
-
628
1068
  .dc-c-header--mobile-links button {
629
1069
  padding: 0;
630
1070
  font-weight: 700;
@@ -648,42 +1088,6 @@ dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .dkan-datatable-fu
648
1088
  left: 0;
649
1089
  }
650
1090
 
651
- .cms-link-container {
652
- border-right: none;
653
- margin-right: 20px;
654
- display: block;
655
- }
656
-
657
- .cms-link-container a {
658
- border-bottom: none;
659
- margin-right: 20px;
660
- text-decoration: none;
661
- display: inline-block;
662
- }
663
-
664
- .cms-link-container a:before {
665
- content: "";
666
- color: #323a45;
667
- text-align: center;
668
- vertical-align: middle;
669
- width: 18px;
670
- height: 18px;
671
- margin-left: 10px;
672
- padding-right: 10px;
673
- font-family: "Font Awesome 6 Pro";
674
- font-size: 18px;
675
- font-weight: lighter;
676
- line-height: 18px;
677
- display: inline-block;
678
- }
679
-
680
- .cms-link-container img {
681
- vertical-align: middle;
682
- width: 90px;
683
- height: auto;
684
- display: inline-block;
685
- }
686
-
687
1091
  .cms-text-container {
688
1092
  color: #6f757c;
689
1093
  padding-top: 28px;
@@ -717,36 +1121,6 @@ dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .dkan-datatable-fu
717
1121
  }
718
1122
  }
719
1123
 
720
- @media (width >= 1024px) {
721
- .cms-link-container {
722
- float: left;
723
- border-right: 1px solid #d6d7d9;
724
- width: 240px;
725
- height: 85px;
726
- }
727
-
728
- .cms-link-container a {
729
- margin-top: 28px;
730
- margin-bottom: 20px;
731
- }
732
-
733
- .cms-link-container img {
734
- vertical-align: middle;
735
- width: auto;
736
- max-width: 80%;
737
- height: auto;
738
- display: inline-block;
739
- }
740
-
741
- .cms-link-container a:before {
742
- width: 28px;
743
- height: 28px;
744
- margin-left: 0;
745
- font-size: 28px;
746
- line-height: 28px;
747
- }
748
- }
749
-
750
1124
  nav.dc-c-site-menu .dc-c-header--links {
751
1125
  margin: 0;
752
1126
  padding: 0;
@@ -789,41 +1163,6 @@ nav.dc-c-site-menu .dc-c-header--links a:focus, .dc-c-site-title a:focus {
789
1163
  text-decoration: none;
790
1164
  }
791
1165
 
792
- nav > ul li ul {
793
- display: none;
794
- }
795
-
796
- nav > ul li.open ul {
797
- display: block;
798
- }
799
-
800
- li.has-submenu {
801
- position: relative;
802
- }
803
-
804
- .dc-c-site-menu--sub-menu {
805
- background: var(--color-primary);
806
- width: 300px;
807
- margin: 0;
808
- padding: 0;
809
- position: absolute;
810
- top: 48px;
811
- left: 0;
812
- }
813
-
814
- .dc-c-site-menu--sub-menu a {
815
- padding: 16px;
816
- display: block;
817
- }
818
-
819
- .dc-c-site-menu--sub-menu a span {
820
- border-bottom: 2px solid #0000;
821
- }
822
-
823
- .dc-c-site-menu--sub-menu a:hover span, .dc-c-site-menu--sub-menu a:focus span {
824
- border-bottom: 2px solid var(--color-primary-light);
825
- }
826
-
827
1166
  .dc-c-site-title a {
828
1167
  text-decoration: none;
829
1168
  }
@@ -849,42 +1188,8 @@ li.has-submenu {
849
1188
  display: inline-block;
850
1189
  }
851
1190
 
852
- .ds-c-button.display-settings-font {
853
- font: inherit;
854
- }
855
-
856
- .dc-c-breadcrumb__list {
857
- margin-top: 0;
858
- margin-bottom: 0;
859
- padding-left: 0;
860
- list-style-type: none;
861
- display: block;
862
- }
863
-
864
- .dc-c-breadcrumb__list > li {
865
- max-width: unset;
866
- margin-bottom: 0;
867
- }
868
-
869
- .dc-c-breadcrumb__list > li:after {
870
- content: "";
871
- margin: 0 10px;
872
- font-family: "Font Awesome 6 Pro";
873
- font-size: 10px;
874
- font-weight: 600;
875
- }
876
-
877
- .dc-c-breadcrumb__list > li:last-child:after {
878
- content: "";
879
- margin: 0;
880
- }
881
-
882
- .dc-c-breadcrumb__list-item {
883
- display: inline-block;
884
- }
885
-
886
- .dc-c-breadcrumb__link {
887
- display: inline;
1191
+ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
1192
+ border-bottom: 2px solid var(--color-primary-light);
888
1193
  }
889
1194
 
890
1195
  .dc-query-builder > .ds-c-accordion > .ds-c-accordion__content {
@@ -895,16 +1200,8 @@ li.has-submenu {
895
1200
  background-image: none;
896
1201
  }
897
1202
 
898
- .dc-c-resource-action {
899
- min-height: 100%;
900
- }
901
-
902
- .dc-filtered-resource-toggle {
903
- align-self: center;
904
- }
905
-
906
- .dc-c-filterd-resouce-drawer .ds-c-help-drawer__footer h4 {
907
- display: none;
1203
+ .dc-c-resource-header .data-table-results {
1204
+ margin: 0;
908
1205
  }
909
1206
 
910
1207
  .dc-c-resource-header--buttons {