@civicactions/cmsds-open-data-components 2.0.2 → 2.0.4

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.
Files changed (9) hide show
  1. package/dist/main.css +43 -31
  2. package/dist/main.css.map +1 -1
  3. package/dist/main.js +27 -15
  4. package/dist/main.js.map +1 -1
  5. package/package.json +1 -1
  6. package/dist/CMSGovLogo-O.3e657bfb.png +0 -0
  7. package/dist/CMSGovLogo-O.3fac6f9b.png +0 -0
  8. package/dist/CMSgov@2x-white-O.5655e842.png +0 -0
  9. package/dist/CMSgov@2x-white-O.a5f4312c.png +0 -0
package/dist/main.css CHANGED
@@ -53,9 +53,9 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
53
53
 
54
54
  .dc-search-header:after {
55
55
  content: "";
56
+ background-color: var(--color-primary-alt-light);
56
57
  width: 48px;
57
58
  height: 4px;
58
- background-color: var(--color-primary-alt-light);
59
59
  margin: 16px 0;
60
60
  display: block;
61
61
  }
@@ -71,8 +71,8 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
71
71
  }
72
72
 
73
73
  .dc-c-datatable {
74
- width: 100%;
75
74
  border-spacing: 0;
75
+ width: 100%;
76
76
  }
77
77
 
78
78
  .dc-c-datatable th {
@@ -96,10 +96,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
96
96
 
97
97
  .dc-thead--resizeable .dc-c-resize-handle {
98
98
  background-color: var(--color-gray-light);
99
- width: 10px;
100
99
  cursor: col-resize;
101
- min-width: 10px;
102
100
  z-index: 1;
101
+ width: 10px;
102
+ min-width: 10px;
103
103
  margin-left: -10px;
104
104
  display: block;
105
105
  position: absolute;
@@ -129,8 +129,8 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
129
129
  }
130
130
 
131
131
  .dc-c-sort--default:after, .dc-c-sort--asc:after, .dc-c-sort--desc:after {
132
- height: 18px;
133
132
  width: 18px;
133
+ height: 18px;
134
134
  padding-left: 8px;
135
135
  font-family: "Font Awesome 5 Pro";
136
136
  line-height: 18px;
@@ -168,17 +168,17 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
168
168
 
169
169
  .dc-resource-header:before {
170
170
  content: "";
171
+ background-color: var(--color-primary-alt-light);
171
172
  width: 48px;
172
173
  height: 4px;
173
- background-color: var(--color-primary-alt-light);
174
174
  margin: 8px 0;
175
175
  display: block;
176
176
  }
177
177
 
178
178
  .dc-truncate {
179
- max-width: 85%;
180
179
  text-overflow: ellipsis;
181
180
  white-space: nowrap;
181
+ max-width: 85%;
182
182
  overflow: hidden;
183
183
  }
184
184
 
@@ -186,6 +186,18 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
186
186
  white-space: pre-line;
187
187
  }
188
188
 
189
+ .dc-c-mobile-header--menu :focus {
190
+ box-shadow: 0 0 0 3px #0000, 0 0 4px 6px #0000;
191
+ }
192
+
193
+ .dc-c-mobile-header--menu :focus-visible {
194
+ border-radius: var(--button__border-radius);
195
+ box-shadow: 0 0 0 3px var(--color-focus-light), 0 0 4px 6px var(--color-focus-dark);
196
+ outline-offset: 3px;
197
+ background-color: #0000;
198
+ outline: 3px solid #0000;
199
+ }
200
+
189
201
  .ds-c-usa-banner__button-text:after {
190
202
  width: 0 !important;
191
203
  height: 0 !important;
@@ -201,10 +213,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
201
213
  .dc-c-mobile-menu--open:before {
202
214
  content: "";
203
215
  color: var(--color-white);
204
- height: 18px;
205
- width: 18px;
206
216
  text-align: center;
207
217
  vertical-align: middle;
218
+ width: 18px;
219
+ height: 18px;
208
220
  margin-left: 10px;
209
221
  padding-right: 10px;
210
222
  font-family: "Font Awesome 5 Pro";
@@ -224,10 +236,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
224
236
  .dc-c-mobile-menu--close:before {
225
237
  content: "";
226
238
  color: var(--color-white);
227
- height: 18px;
228
- width: 18px;
229
239
  text-align: center;
230
240
  vertical-align: middle;
241
+ width: 18px;
242
+ height: 18px;
231
243
  padding-right: 10px;
232
244
  font-family: "Font Awesome 5 Pro";
233
245
  font-size: 18px;
@@ -239,9 +251,9 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
239
251
  .dc-c-mobile-header--menu {
240
252
  background-color: var(--color-gray-dark);
241
253
  z-index: 500;
242
- height: 100%;
243
- width: 100%;
244
254
  visibility: hidden;
255
+ width: 100%;
256
+ height: 100%;
245
257
  padding: 50px 0;
246
258
  transition: left .7s;
247
259
  position: fixed;
@@ -251,8 +263,8 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
251
263
  }
252
264
 
253
265
  .dc-c-mobile-header .dc-c-site-menu--sub-menu {
254
- width: auto;
255
266
  background: none;
267
+ width: auto;
256
268
  position: relative;
257
269
  top: -24px;
258
270
  left: auto;
@@ -268,10 +280,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
268
280
  }
269
281
 
270
282
  .dc-c-cms-mobile-header-menu:before {
271
- width: 48px;
272
- height: 2px;
273
283
  background: var(--color-primary-alt-light);
274
284
  content: "";
285
+ width: 48px;
286
+ height: 2px;
275
287
  margin-bottom: 16px;
276
288
  margin-left: 8px;
277
289
  display: block;
@@ -298,10 +310,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
298
310
  .has-submenu > button:after {
299
311
  content: "";
300
312
  color: var(--color-white);
301
- height: 18px;
302
- width: 18px;
303
313
  text-align: center;
304
314
  vertical-align: middle;
315
+ width: 18px;
316
+ height: 18px;
305
317
  margin-left: 10px;
306
318
  padding-right: 10px;
307
319
  font-family: "Font Awesome 5 Pro";
@@ -354,10 +366,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
354
366
  .cms-link-container a:before {
355
367
  content: "";
356
368
  color: #323a45;
357
- height: 18px;
358
- width: 18px;
359
369
  text-align: center;
360
370
  vertical-align: middle;
371
+ width: 18px;
372
+ height: 18px;
361
373
  margin-left: 10px;
362
374
  padding-right: 10px;
363
375
  font-family: "Font Awesome 5 Pro";
@@ -368,9 +380,9 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
368
380
  }
369
381
 
370
382
  .cms-link-container img {
371
- height: auto;
372
- width: 90px;
373
383
  vertical-align: middle;
384
+ width: 90px;
385
+ height: auto;
374
386
  display: inline-block;
375
387
  }
376
388
 
@@ -401,18 +413,18 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
401
413
  border-bottom: 2px solid #323a45;
402
414
  }
403
415
 
404
- @media (min-width: 544px) {
416
+ @media (width >= 544px) {
405
417
  .dc-c-main-navigation--search, .dc-c-mobile-menu--search {
406
418
  border-left: 1px solid var(--color-white);
407
419
  }
408
420
  }
409
421
 
410
- @media (min-width: 1024px) {
422
+ @media (width >= 1024px) {
411
423
  .cms-link-container {
412
- height: 85px;
413
- width: 240px;
414
424
  float: left;
415
425
  border-right: 1px solid #d6d7d9;
426
+ width: 240px;
427
+ height: 85px;
416
428
  }
417
429
 
418
430
  .cms-link-container a {
@@ -421,10 +433,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
421
433
  }
422
434
 
423
435
  .cms-link-container img {
424
- height: auto;
425
- width: auto;
426
436
  vertical-align: middle;
437
+ width: auto;
427
438
  max-width: 80%;
439
+ height: auto;
428
440
  display: inline-block;
429
441
  }
430
442
 
@@ -524,10 +536,10 @@ li.has-submenu {
524
536
  .dc-c-search-modal--button:before {
525
537
  content: "";
526
538
  color: var(--color-white);
527
- height: 18px;
528
- width: 18px;
529
539
  text-align: center;
530
540
  vertical-align: middle;
541
+ width: 18px;
542
+ height: 18px;
531
543
  margin-left: 10px;
532
544
  padding-right: 10px;
533
545
  font-family: "Font Awesome 5 Pro";
@@ -586,9 +598,9 @@ li.has-submenu {
586
598
  }
587
599
 
588
600
  .dc-c-footer--svg-icon {
601
+ text-align: center;
589
602
  width: 40px;
590
603
  height: 40px;
591
- text-align: center;
592
604
  font-size: 42px;
593
605
  display: inline-block;
594
606
  position: relative;
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AAAA;;;;ACCE;;;;AAEE;;;;AAKF;;;;AAIA;;;;;;ACZF;;;;AAIA;;;;;;;ACJA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAKF;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;;;AC/BA;;;;;AAGE;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;AAYE;;;;AAQF;;;;;;;AAQF;;;;AAIA;;;;;AAKE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;AC5EA;;;;;ACCE;;;;AAKF;;;;ACLE;;;;ACAA;;;;;;;;;AAUF;;;;;;;AAOA;;;;ACjBE;;;;;;;AAQF;;;;;AAGE;;;;;;;;;;;;;;;;AAiBF;;;;;;;AAKE;;;;;;;;;;;;;;;AAgBF;;;;;;;;;;;;;;AAcA;;;;;;;;AAME;;;;AAKF;;;;;AAME;;;;;;;;;;AASA;;;;;;AAKA;;;;;;;;AAUA;;;;AAKF;;;;;;;;;;;;;;;;AAeA;;;;AAIE;;;;;AAIA;;;;AAMA;;;;;AAIA;;;;AAOA;;;;;AAMF;;;;;;AAKE;;;;;;;AAOA;;;;;;;;;;;;;;;;AAeA;;;;;;;AAQF;;;;;;AAMA;;;;;AAGE;;;;AAGA;;;;;;;;AASA;;;;AAMF;EACE;;;;;AAMF;EACE;;;;;;;EAKE;;;;;EAIA;;;;;;;;EAOA;;;;;;;;;AAYF;;;;;AAGE;;;;;AAIA;;;;;;AAKE;;;;AAIF;;;;;AAGE;;;;AAIF;;;;AAYJ;;;;;;;;AASA;;;;AAIA;;;;AAGA;;;;AAIA;;;;;;;;;;AAQE;;;;;AAGE;;;;AAIF;;;;AAMF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;ACnVF;;;;AAEE;;;;;;AAOF;;;;AAIA;;;;;AAGE;;;;AAKF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AASA;;;;;;;;;AAQE;;;;;AAKA;;;;AAIA;;;;;;AAMF;;;;;;ACzEA;;;;;;;;AAKE;;;;;AAGE;;;;;;;;AAQE;;;;;AASN;;;;AAIA;;;;AC7BA;;;;AAIA;;;;AAMI;;;;AAMJ","sources":["src/components/NavLink/NavLink.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/Datatable/datatable.scss","src/components/DatasetTags/dataset-tags.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/ResourceInformation/resource-information-table.scss","src/templates/Dataset/dataset.scss","src/templates/Header/header.scss","src/templates/Footer/footer.scss","src/components/Breadcrumb/breadcrumb.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n border-bottom: 2px solid #{var(--color-primary-alt-light)};\n}",".dc-dataset-searchlist-item {\n h2 a {\n text-decoration: none;\n &:hover {\n text-decoration: underline;\n }\n }\n\n ul {\n list-style: none;\n }\n\n .dc-dataset-searchlist-item--keyword {\n background: #{var(--color-primary-alt-lightest)};\n border: none;\n color: #{var(--color-base)};\n }\n}\n",".dc-dataset-search--facets-container .ds-c-accordion__content {\n max-height: 32rem;\n}\n\n.dc-dataset-search--facets {\n display: block;\n list-style: none;\n position: relative;\n max-height: 32rem;\n}\n",".dc-dataset-search-list {\n list-style: none;\n}\n\n.dc-c-clear-filters {\n font-weight: 300;\n}\n\n.dc-fulltext--input-container {\n width: 100%;\n input {\n max-width: inherit;\n }\n}\n\n.dc-search-header {\n display: relative;\n &::after {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 16px 0;\n background-color: #{var(--color-primary-alt-light)};\n }\n}\n\n.dataset-results-count {\n font-weight: bold;\n}\n\n.dc-dataset-search--facets-container .ds-c-accordion__button {\n display: flex;\n justify-content: space-between;\n padding: 16px 24px 16px 24px;\n}\n",".dc-c-datatable {\n width: 100%;\n border-spacing: 0px;\n th {\n position: relative;\n text-align: left;\n }\n thead th div {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n}\n\n.dc-thead--fixed-size th {\n border-left: 2px solid var(--color-border);\n}\n\n.dc-thead--fixed-size th:first-child {\n border-left: none;\n}\n\n.dc-thead--resizeable {\n .dc-c-resize-handle {\n top: 0;\n bottom: 0;\n right: 0;\n position: absolute;\n background-color: #{var(--color-gray-light)};\n width: 10px;\n cursor: col-resize;\n min-width: 10px;\n display: block;\n margin-left: -10px;\n z-index: 1;\n &.isResizing,\n &:hover {\n background-color: #{var(--color-primary)};\n }\n }\n}\n\n.dc-thead--truncated {\n th span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n display: inline-block;\n }\n}\n\n.dc-c-datatable--even-row td {\n background-color: #{var(--table-striped__background-color)};\n}\n\n.dc-c-sort--default,\n.dc-c-sort--asc,\n.dc-c-sort--desc {\n padding-left: 8px;\n padding-right: 16px;\n &::after {\n font-family: 'Font Awesome 5 Pro';\n display: inline;\n padding-left: 8px;\n line-height: 18px;\n height: 18px;\n width: 18px;\n }\n}\n\n.dc-c-sort--default::after {\n content: '\\f0dc';\n}\n.dc-c-sort--asc::after {\n content: '\\f0de';\n}\n.dc-c-sort--desc::after {\n content: '\\f0dd';\n}\n\n\n// @media (hover: hover) {\n// .resizer {\n// opacity: 0;\n// }\n\n// *:hover > .resizer {\n// opacity: 1;\n// }\n// }",".dc-c-dataset-tags--tag {\n display: inline-block;\n background: #{var(--color-primary-alt-lightest)};\n}\n",".dc-c-additional-info-table {\n table {\n width: 100%;\n }\n}\n\n.dc-c-additional-info-table a {\n word-break: break-all;\n}\n",".dc-c-resource-info-table {\n table {\n width: 100%;\n }\n}\n",".dc-resource-header {\n &::before {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 8px 0;\n background-color: #{var(--color-primary-alt-light)};\n }\n}\n\n.dc-truncate {\n max-width: 85%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n white-space: pre-line;\n}\n",".ds-c-usa-banner__button-text {\n &::after {\n width: 0 !important;\n height: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n}\n\n.dc-c-mobile-menu--open {\n color: #{var(--color-white)};\n text-decoration: none;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f0c9';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-menu--close {\n color: #{var(--color-white)};\n text-decoration: none;\n padding-left: 0;\n padding-bottom: 16px;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f00d';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-header--menu {\n position: fixed;\n background-color: #{var(--color-gray-dark)};\n top: 0;\n bottom: 0;\n left: -100%;\n z-index: 500;\n height: 100%;\n width: 100%;\n transition: left 0.7s;\n padding: 50px 0;\n visibility: hidden;\n}\n\n.dc-c-mobile-header .dc-c-site-menu--sub-menu {\n position: relative;\n background: transparent;\n top: -24px;\n width: auto;\n left: auto;\n a {\n padding: 8px;\n }\n}\n\n.dc-c-cmsheader {\n position: relative;\n background: #{var(--color-white)};\n}\n\n.dc-c-cms-mobile-header-menu {\n &::before {\n display: block;\n margin-left: 8px;\n margin-bottom: 16px;\n width: 48px;\n height: 2px;\n background: #{var(--color-primary-alt-light)};\n content: '';\n }\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n a,\n a:hover,\n a:focus,\n a:visited {\n background-color: transparent;\n display: inline-block;\n color: #{var(--color-white)};\n text-decoration: none;\n border-bottom: 2px solid transparent;\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #{var(--color-primary-alt-light)};\n }\n}\n.has-submenu > button::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f105';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n}\n.has-submenu.open > button::after {\n content: '\\f107';\n}\n.dc-c-header--mobile-links {\n button {\n padding: 0;\n font-weight: 700;\n }\n a {\n display: block;\n }\n}\n\n.dc-c-mobile-header.menu-open {\n .dc-c-cmsheader {\n z-index: 501;\n background-color: transparent;\n }\n .dc-c-cmsheader-menu a,\n button {\n color: #{var(--color-white)};\n }\n .cms-link-container a::before {\n color: #{var(--color-white)};\n }\n .dc-c-mobile-header--menu {\n left: 0;\n visibility: visible;\n }\n}\n\n.cms-link-container {\n display: block;\n margin-right: 20px;\n // margin-top: -5px;\n border-right: none;\n a {\n text-decoration: none;\n border-bottom: none;\n\n margin-right: 20px;\n display: inline-block;\n }\n a::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f33e';\n color: #323a45;\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n img {\n height: auto;\n width: 90px;\n display: inline-block;\n vertical-align: middle;\n }\n}\n\n.cms-text-container {\n display: block;\n padding-top: 28px;\n color: #6f757c;\n}\n\n.dc-c-cmsheader-menu {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n }\n a {\n margin: 3px 7px;\n padding: 0;\n color: #323a45;\n text-decoration: none;\n border-bottom: 1px solid;\n border-bottom-color: #eee;\n border-bottom-color: rgba(255, 255, 255, 0.2);\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #323a45;\n }\n}\n\n@media (min-width: 544px) {\n .dc-c-main-navigation--search,\n .dc-c-mobile-menu--search {\n border-left: 1px solid #{var(--color-white)};\n }\n}\n\n@media (min-width: 1024px) {\n .cms-link-container {\n height: 85px;\n width: 240px;\n float: left;\n border-right: 1px solid #d6d7d9;\n a {\n margin-top: 28px;\n margin-bottom: 20px;\n }\n img {\n height: auto;\n width: auto;\n display: inline-block;\n vertical-align: middle;\n max-width: 80%;\n }\n a::before {\n font-size: 28px;\n line-height: 28px;\n width: 28px;\n height: 28px;\n margin-left: 0;\n }\n }\n}\n\n\nnav.dc-c-site-menu {\n .dc-c-header--links {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n height: 100%;\n }\n button {\n // color: #{var(--color-white)};\n text-decoration: none;\n font-size: 16px;\n border: none;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a {\n text-decoration: none;\n padding: #{var(--space, 8px 24px)};\n span {\n border-bottom: 2px solid transparent;\n }\n }\n > li:hover > button span,\n > li button:focus span,\n > li button:hover span,\n > li:hover > a span,\n > li:focus > a span,\n > li a:hover span,\n > li a:focus span {\n border-bottom: 2px solid #{var(--color-primary-alt-lightest)};\n }\n }\n}\n\nnav.dc-c-site-menu .dc-c-header--links a:focus,\n.dc-c-site-title a:focus {\n background-color: transparent;\n outline: 3px solid transparent;\n box-shadow: 0 0 0 3px #{var(--color-focus-light)}, 0 0 4px 6px #{var(--color-focus-dark)};\n outline-offset: 3px;\n border-radius: #{var(--button__border-radius)};\n}\n\nnav > ul li ul {\n display: none;\n}\n\nnav > ul li.open ul {\n display: block;\n}\nli.has-submenu {\n position: relative;\n}\n\n.dc-c-site-menu--sub-menu {\n background: #{var(--color-primary)};\n position: absolute;\n left: 0;\n top: 48px;\n margin: 0;\n padding: 0;\n width: 300px;\n a {\n display: block;\n padding: 16px;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a:hover span,\n a:focus span {\n border-bottom: 2px solid #{var(--color-primary-alt-light)};\n }\n}\n\n.dc-c-site-title a {\n text-decoration: none;\n}\n\n.dc-c-mobile-menu--search {\n display: inherit;\n}\n\n.dc-c-search-modal--button {\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f002';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n",".dc-c-footer {\n background-color: white;\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n}\n\n.dc-c-footer--middle-container {\n background: linear-gradient(90deg, #f6f9fd 50%, #e8f0fa 50%);\n}\n\n.dc-c-footer__title {\n font-weight: 400;\n color: #{var(--color-gray)};\n span {\n font-weight: 700;\n }\n}\n\n.dc-c-footer__resources {\n background: #f6f9fd;\n}\n\n.dc-c-footer__utility {\n background: #{var(--color-white)};\n}\n\n.dc-c-footer__utility li {\n list-style: none;\n}\n\n.dc-c-footer__cms-information {\n background: #e8f0fa;\n}\n\n.dc-footer--heading {\n text-transform: uppercase;\n}\n\n.dc-c-emailupdates {\n background-image: linear-gradient(\n 35deg,\n #{var(--color-primary-darkest)},\n #{var(--color-primary-darker)},\n #{var(--color-primary)}\n );\n color: #{var(--color-white)};\n}\n.dc-c-footer--svg-icon {\n width: 40px;\n height: 40px;\n font-size: 42px;\n display: inline-block;\n text-align: center;\n position: relative;\n\n svg.svg-inline--fa {\n width: 1em;\n height: 1em;\n }\n\n .fa-circle {\n fill: #6f757c;\n }\n\n .fa-inverse {\n font-size: 25px;\n padding-left: 2px;\n fill: #{var(--color-white)};\n }\n}\n.svg-inline--fa {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n}\n",".dc-c-breadcrumb__list {\n margin-top: 0;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: 0;\n > li {\n margin-bottom: 0;\n max-width: unset;\n &::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f054';\n margin: 0 10px;\n font-size: 10px;\n font-weight: 600;\n }\n &:last-child {\n &::after {\n content: '';\n margin: 0;\n }\n }\n }\n display: block;\n}\n\n.dc-c-breadcrumb__list-item {\n display: inline-block;\n}\n\n.dc-c-breadcrumb__link {\n display: inline;\n}\n",".dc-c-resource-action {\n min-height: 100%;\n}\n\n.dc-filtered-resource-toggle {\n align-self: center;\n}\n\n.dc-c-filterd-resouce-drawer {\n .ds-c-help-drawer__footer {\n h4 {\n display: none;\n }\n }\n}\n\n.dc-c-resource-header--buttons {\n display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
1
+ {"mappings":"AAAA;;;;ACCE;;;;AAEE;;;;AAKF;;;;AAIA;;;;;;ACZF;;;;AAIA;;;;;;;ACJA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAKF;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;;;AC/BA;;;;;AAGE;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;AAYE;;;;AAQF;;;;;;;AAQF;;;;AAIA;;;;;AAKE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;AC5EA;;;;;ACCE;;;;AAKF;;;;ACLE;;;;ACAA;;;;;;;;;AAUF;;;;;;;AAOA;;;;ACjBE;;;;AAGA;;;;;;;;ACHA;;;;;;;AAQF;;;;;AAGE;;;;;;;;;;;;;;;;AAiBF;;;;;;;AAKE;;;;;;;;;;;;;;;AAgBF;;;;;;;;;;;;;;AAcA;;;;;;;;AAME;;;;AAKF;;;;;AAME;;;;;;;;;;AASA;;;;;;AAKA;;;;;;;;AAUA;;;;AAKF;;;;;;;;;;;;;;;;AAeA;;;;AAIE;;;;;AAIA;;;;AAMA;;;;;AAIA;;;;AAOA;;;;;AAMF;;;;;;AAKE;;;;;;;AAOA;;;;;;;;;;;;;;;;AAeA;;;;;;;AAQF;;;;;;AAMA;;;;;AAGE;;;;AAGA;;;;;;;;AASA;;;;AAMF;EACE;;;;;AAMF;EACE;;;;;;;EAKE;;;;;EAIA;;;;;;;;EAOA;;;;;;;;;AAYF;;;;;AAGE;;;;;AAIA;;;;;;AAKE;;;;AAIF;;;;;AAGE;;;;AAIF;;;;AAYJ;;;;;;;;AASA;;;;AAIA;;;;AAGA;;;;AAIA;;;;;;;;;;AAQE;;;;;AAGE;;;;AAIF;;;;AAMF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;ACnVF;;;;AAEE;;;;;;AAOF;;;;AAIA;;;;;AAGE;;;;AAKF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AASA;;;;;;;;;AAQE;;;;;AAKA;;;;AAIA;;;;;;AAMF;;;;;;ACzEA;;;;;;;;AAKE;;;;;AAGE;;;;;;;;AAQE;;;;;AASN;;;;AAIA;;;;AC7BA;;;;AAIA;;;;AAMI;;;;AAMJ","sources":["src/components/NavLink/NavLink.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/Datatable/datatable.scss","src/components/DatasetTags/dataset-tags.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/ResourceInformation/resource-information-table.scss","src/templates/Dataset/dataset.scss","src/components/MobileHeader/mobile-header.scss","src/templates/Header/header.scss","src/templates/Footer/footer.scss","src/components/Breadcrumb/breadcrumb.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n border-bottom: 2px solid #{var(--color-primary-alt-light)};\n}",".dc-dataset-searchlist-item {\n h2 a {\n text-decoration: none;\n &:hover {\n text-decoration: underline;\n }\n }\n\n ul {\n list-style: none;\n }\n\n .dc-dataset-searchlist-item--keyword {\n background: #{var(--color-primary-alt-lightest)};\n border: none;\n color: #{var(--color-base)};\n }\n}\n",".dc-dataset-search--facets-container .ds-c-accordion__content {\n max-height: 32rem;\n}\n\n.dc-dataset-search--facets {\n display: block;\n list-style: none;\n position: relative;\n max-height: 32rem;\n}\n",".dc-dataset-search-list {\n list-style: none;\n}\n\n.dc-c-clear-filters {\n font-weight: 300;\n}\n\n.dc-fulltext--input-container {\n width: 100%;\n input {\n max-width: inherit;\n }\n}\n\n.dc-search-header {\n display: relative;\n &::after {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 16px 0;\n background-color: #{var(--color-primary-alt-light)};\n }\n}\n\n.dataset-results-count {\n font-weight: bold;\n}\n\n.dc-dataset-search--facets-container .ds-c-accordion__button {\n display: flex;\n justify-content: space-between;\n padding: 16px 24px 16px 24px;\n}\n",".dc-c-datatable {\n width: 100%;\n border-spacing: 0px;\n th {\n position: relative;\n text-align: left;\n }\n thead th div {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n}\n\n.dc-thead--fixed-size th {\n border-left: 2px solid var(--color-border);\n}\n\n.dc-thead--fixed-size th:first-child {\n border-left: none;\n}\n\n.dc-thead--resizeable {\n .dc-c-resize-handle {\n top: 0;\n bottom: 0;\n right: 0;\n position: absolute;\n background-color: #{var(--color-gray-light)};\n width: 10px;\n cursor: col-resize;\n min-width: 10px;\n display: block;\n margin-left: -10px;\n z-index: 1;\n &.isResizing,\n &:hover {\n background-color: #{var(--color-primary)};\n }\n }\n}\n\n.dc-thead--truncated {\n th span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n display: inline-block;\n }\n}\n\n.dc-c-datatable--even-row td {\n background-color: #{var(--table-striped__background-color)};\n}\n\n.dc-c-sort--default,\n.dc-c-sort--asc,\n.dc-c-sort--desc {\n padding-left: 8px;\n padding-right: 16px;\n &::after {\n font-family: 'Font Awesome 5 Pro';\n display: inline;\n padding-left: 8px;\n line-height: 18px;\n height: 18px;\n width: 18px;\n }\n}\n\n.dc-c-sort--default::after {\n content: '\\f0dc';\n}\n.dc-c-sort--asc::after {\n content: '\\f0de';\n}\n.dc-c-sort--desc::after {\n content: '\\f0dd';\n}\n\n\n// @media (hover: hover) {\n// .resizer {\n// opacity: 0;\n// }\n\n// *:hover > .resizer {\n// opacity: 1;\n// }\n// }",".dc-c-dataset-tags--tag {\n display: inline-block;\n background: #{var(--color-primary-alt-lightest)};\n}\n",".dc-c-additional-info-table {\n table {\n width: 100%;\n }\n}\n\n.dc-c-additional-info-table a {\n word-break: break-all;\n}\n",".dc-c-resource-info-table {\n table {\n width: 100%;\n }\n}\n",".dc-resource-header {\n &::before {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 8px 0;\n background-color: #{var(--color-primary-alt-light)};\n }\n}\n\n.dc-truncate {\n max-width: 85%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n white-space: pre-line;\n}\n",".dc-c-mobile-header--menu {\n :focus {\n box-shadow: 0 0 0 3px transparent,0 0 4px 6px transparent;\n }\n :focus-visible {\n // Copy styling from DS items with focus\n background-color: #0000;\n border-radius: var(--button__border-radius);\n box-shadow: 0 0 0 3px var(--color-focus-light),0 0 4px 6px var(--color-focus-dark);\n outline: 3px solid #0000;\n outline-offset: 3px;\n }\n}\n",".ds-c-usa-banner__button-text {\n &::after {\n width: 0 !important;\n height: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n}\n\n.dc-c-mobile-menu--open {\n color: #{var(--color-white)};\n text-decoration: none;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f0c9';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-menu--close {\n color: #{var(--color-white)};\n text-decoration: none;\n padding-left: 0;\n padding-bottom: 16px;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f00d';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-header--menu {\n position: fixed;\n background-color: #{var(--color-gray-dark)};\n top: 0;\n bottom: 0;\n left: -100%;\n z-index: 500;\n height: 100%;\n width: 100%;\n transition: left 0.7s;\n padding: 50px 0;\n visibility: hidden;\n}\n\n.dc-c-mobile-header .dc-c-site-menu--sub-menu {\n position: relative;\n background: transparent;\n top: -24px;\n width: auto;\n left: auto;\n a {\n padding: 8px;\n }\n}\n\n.dc-c-cmsheader {\n position: relative;\n background: #{var(--color-white)};\n}\n\n.dc-c-cms-mobile-header-menu {\n &::before {\n display: block;\n margin-left: 8px;\n margin-bottom: 16px;\n width: 48px;\n height: 2px;\n background: #{var(--color-primary-alt-light)};\n content: '';\n }\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n a,\n a:hover,\n a:focus,\n a:visited {\n background-color: transparent;\n display: inline-block;\n color: #{var(--color-white)};\n text-decoration: none;\n border-bottom: 2px solid transparent;\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #{var(--color-primary-alt-light)};\n }\n}\n.has-submenu > button::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f105';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n}\n.has-submenu.open > button::after {\n content: '\\f107';\n}\n.dc-c-header--mobile-links {\n button {\n padding: 0;\n font-weight: 700;\n }\n a {\n display: block;\n }\n}\n\n.dc-c-mobile-header.menu-open {\n .dc-c-cmsheader {\n z-index: 501;\n background-color: transparent;\n }\n .dc-c-cmsheader-menu a,\n button {\n color: #{var(--color-white)};\n }\n .cms-link-container a::before {\n color: #{var(--color-white)};\n }\n .dc-c-mobile-header--menu {\n left: 0;\n visibility: visible;\n }\n}\n\n.cms-link-container {\n display: block;\n margin-right: 20px;\n // margin-top: -5px;\n border-right: none;\n a {\n text-decoration: none;\n border-bottom: none;\n\n margin-right: 20px;\n display: inline-block;\n }\n a::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f33e';\n color: #323a45;\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n img {\n height: auto;\n width: 90px;\n display: inline-block;\n vertical-align: middle;\n }\n}\n\n.cms-text-container {\n display: block;\n padding-top: 28px;\n color: #6f757c;\n}\n\n.dc-c-cmsheader-menu {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n }\n a {\n margin: 3px 7px;\n padding: 0;\n color: #323a45;\n text-decoration: none;\n border-bottom: 1px solid;\n border-bottom-color: #eee;\n border-bottom-color: rgba(255, 255, 255, 0.2);\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #323a45;\n }\n}\n\n@media (min-width: 544px) {\n .dc-c-main-navigation--search,\n .dc-c-mobile-menu--search {\n border-left: 1px solid #{var(--color-white)};\n }\n}\n\n@media (min-width: 1024px) {\n .cms-link-container {\n height: 85px;\n width: 240px;\n float: left;\n border-right: 1px solid #d6d7d9;\n a {\n margin-top: 28px;\n margin-bottom: 20px;\n }\n img {\n height: auto;\n width: auto;\n display: inline-block;\n vertical-align: middle;\n max-width: 80%;\n }\n a::before {\n font-size: 28px;\n line-height: 28px;\n width: 28px;\n height: 28px;\n margin-left: 0;\n }\n }\n}\n\n\nnav.dc-c-site-menu {\n .dc-c-header--links {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n height: 100%;\n }\n button {\n // color: #{var(--color-white)};\n text-decoration: none;\n font-size: 16px;\n border: none;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a {\n text-decoration: none;\n padding: #{var(--space, 8px 24px)};\n span {\n border-bottom: 2px solid transparent;\n }\n }\n > li:hover > button span,\n > li button:focus span,\n > li button:hover span,\n > li:hover > a span,\n > li:focus > a span,\n > li a:hover span,\n > li a:focus span {\n border-bottom: 2px solid #{var(--color-primary-alt-lightest)};\n }\n }\n}\n\nnav.dc-c-site-menu .dc-c-header--links a:focus,\n.dc-c-site-title a:focus {\n background-color: transparent;\n outline: 3px solid transparent;\n box-shadow: 0 0 0 3px #{var(--color-focus-light)}, 0 0 4px 6px #{var(--color-focus-dark)};\n outline-offset: 3px;\n border-radius: #{var(--button__border-radius)};\n}\n\nnav > ul li ul {\n display: none;\n}\n\nnav > ul li.open ul {\n display: block;\n}\nli.has-submenu {\n position: relative;\n}\n\n.dc-c-site-menu--sub-menu {\n background: #{var(--color-primary)};\n position: absolute;\n left: 0;\n top: 48px;\n margin: 0;\n padding: 0;\n width: 300px;\n a {\n display: block;\n padding: 16px;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a:hover span,\n a:focus span {\n border-bottom: 2px solid #{var(--color-primary-alt-light)};\n }\n}\n\n.dc-c-site-title a {\n text-decoration: none;\n}\n\n.dc-c-mobile-menu--search {\n display: inherit;\n}\n\n.dc-c-search-modal--button {\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f002';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n",".dc-c-footer {\n background-color: white;\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n}\n\n.dc-c-footer--middle-container {\n background: linear-gradient(90deg, #f6f9fd 50%, #e8f0fa 50%);\n}\n\n.dc-c-footer__title {\n font-weight: 400;\n color: #{var(--color-gray)};\n span {\n font-weight: 700;\n }\n}\n\n.dc-c-footer__resources {\n background: #f6f9fd;\n}\n\n.dc-c-footer__utility {\n background: #{var(--color-white)};\n}\n\n.dc-c-footer__utility li {\n list-style: none;\n}\n\n.dc-c-footer__cms-information {\n background: #e8f0fa;\n}\n\n.dc-footer--heading {\n text-transform: uppercase;\n}\n\n.dc-c-emailupdates {\n background-image: linear-gradient(\n 35deg,\n #{var(--color-primary-darkest)},\n #{var(--color-primary-darker)},\n #{var(--color-primary)}\n );\n color: #{var(--color-white)};\n}\n.dc-c-footer--svg-icon {\n width: 40px;\n height: 40px;\n font-size: 42px;\n display: inline-block;\n text-align: center;\n position: relative;\n\n svg.svg-inline--fa {\n width: 1em;\n height: 1em;\n }\n\n .fa-circle {\n fill: #6f757c;\n }\n\n .fa-inverse {\n font-size: 25px;\n padding-left: 2px;\n fill: #{var(--color-white)};\n }\n}\n.svg-inline--fa {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n}\n",".dc-c-breadcrumb__list {\n margin-top: 0;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: 0;\n > li {\n margin-bottom: 0;\n max-width: unset;\n &::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f054';\n margin: 0 10px;\n font-size: 10px;\n font-weight: 600;\n }\n &:last-child {\n &::after {\n content: '';\n margin: 0;\n }\n }\n }\n display: block;\n}\n\n.dc-c-breadcrumb__list-item {\n display: inline-block;\n}\n\n.dc-c-breadcrumb__link {\n display: inline;\n}\n",".dc-c-resource-action {\n min-height: 100%;\n}\n\n.dc-filtered-resource-toggle {\n align-self: center;\n}\n\n.dc-c-filterd-resouce-drawer {\n .ds-c-help-drawer__footer {\n h4 {\n display: none;\n }\n }\n}\n\n.dc-c-resource-header--buttons {\n display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
package/dist/main.js CHANGED
@@ -1067,7 +1067,7 @@ const $96d341d082bffec5$var$TruncatedResizeableTHead = ({ table: table , sortEle
1067
1067
  width: header.getSize()
1068
1068
  },
1069
1069
  title: header.column.columnDef.header,
1070
- className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark ds-u-font-weight--bold dc-c-table-header-cell",
1070
+ className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark ds-u-font-weight--bold dc-c-table-header-cell",
1071
1071
  children: [
1072
1072
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
1073
1073
  onClick: header.column.getToggleSortingHandler(),
@@ -1111,7 +1111,7 @@ const $23763e27eda0e8d7$var$FixedSizeTHead = ({ table: table , sortElement: sort
1111
1111
  width: header.getSize()
1112
1112
  },
1113
1113
  title: header.column.columnDef.header,
1114
- className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark ds-u-font-weight--bold dc-c-table-header-cell",
1114
+ className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark ds-u-font-weight--bold dc-c-table-header-cell",
1115
1115
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
1116
1116
  onClick: header.column.getToggleSortingHandler(),
1117
1117
  children: [
@@ -2538,8 +2538,8 @@ $e5bfafc6d4e6f207$var$SearchModal.defaultProps = {
2538
2538
  var $e5bfafc6d4e6f207$export$2e2bcd8739ae039 = $e5bfafc6d4e6f207$var$SearchModal;
2539
2539
 
2540
2540
 
2541
- var $524e2f9ecb16dd54$exports = {};
2542
- $524e2f9ecb16dd54$exports = new URL("CMSGovLogo-O.90ce815c.png", import.meta.url).toString();
2541
+ var $52466563e0d69ea8$exports = {};
2542
+ $52466563e0d69ea8$exports = new URL("CMSGovLogo-O.90ce815c.png", import.meta.url).toString();
2543
2543
 
2544
2544
 
2545
2545
  const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasses: headerClasses , linkClasses: linkClasses , links: links , org: org , searchModalText: searchModalText , customSearch: customSearch , includeTopNav: includeTopNav , inversedModalButton: inversedModalButton , inversedSearchButton: inversedSearchButton , includeSearch: includeSearch })=>{
@@ -2631,7 +2631,7 @@ $2db98b8f69058a30$var$DesktopHeader.defaultProps = {
2631
2631
  tagline: "The Centers for Medicare & Medicaid Services",
2632
2632
  url: "https://cms.gov",
2633
2633
  urlTitle: "CMS.gov Centers for Medicare & Medicaid Services",
2634
- logo: (0, (/*@__PURE__*/$parcel$interopDefault($524e2f9ecb16dd54$exports))),
2634
+ logo: (0, (/*@__PURE__*/$parcel$interopDefault($52466563e0d69ea8$exports))),
2635
2635
  logoAltText: "CMS.gov Centers for Medicare & Medicaid Services"
2636
2636
  },
2637
2637
  includeTopNav: true,
@@ -2658,10 +2658,12 @@ var $2db98b8f69058a30$export$2e2bcd8739ae039 = $2db98b8f69058a30$var$DesktopHead
2658
2658
 
2659
2659
 
2660
2660
 
2661
- var $bfd2fc98f8f42778$exports = {};
2662
- $bfd2fc98f8f42778$exports = new URL("CMSgov@2x-white-O.78cd05d3.png", import.meta.url).toString();
2661
+ var $972485213997ff8b$exports = {};
2662
+ $972485213997ff8b$exports = new URL("CMSgov@2x-white-O.78cd05d3.png", import.meta.url).toString();
2663
2663
 
2664
2664
 
2665
+
2666
+ let $caaccb8ea608e518$var$mobileHeaderMenuClassName = "dc-c-mobile-header--menu";
2665
2667
  const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links , org: org , searchModalText: searchModalText , customSearch: customSearch = false , includeTopNav: includeTopNav , inversedModalButton: inversedModalButton , inversedSearchButton: inversedSearchButton , includeSearch: includeSearch })=>{
2666
2668
  const { url: url , logo: logo , urlTitle: urlTitle , logoAltText: logoAltText , inverseLogo: inverseLogo } = org;
2667
2669
  const [menuOpen, setMenuOpen] = (0, $hgUW1$useState)(false);
@@ -2678,6 +2680,15 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2678
2680
  function handleFocusOut(event) {
2679
2681
  if (menu.current && !menu.current.contains(event.relatedTarget)) setMenuOpen(false);
2680
2682
  }
2683
+ function handleFocusIn(event) {
2684
+ if (!menuOpen) return;
2685
+ const mobileHeaderMenu = document.querySelector(`.${$caaccb8ea608e518$var$mobileHeaderMenuClassName}`);
2686
+ if (!mobileHeaderMenu) return;
2687
+ // Select the first tabbable element in the `mobileHeaderMenu`
2688
+ const firstTabbableElement = mobileHeaderMenu.querySelector('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');
2689
+ if (!firstTabbableElement) return;
2690
+ firstTabbableElement.focus();
2691
+ }
2681
2692
  function handleClick(event) {
2682
2693
  // Links are wrapped in spans, this checks if the parent is an A, also check if in the search modal.
2683
2694
  if (// event.target.parentElement.nodeName === 'A' ||
@@ -2695,6 +2706,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2695
2706
  document.addEventListener("mousedown", handleClick);
2696
2707
  document.addEventListener("keyup", handleSearchEnter);
2697
2708
  document.addEventListener("keyup", handleMenuClose);
2709
+ handleFocusIn();
2698
2710
  return ()=>{
2699
2711
  document.removeEventListener("keyup", handleSearchEnter);
2700
2712
  document.removeEventListener("keyup", handleMenuClose);
@@ -2775,11 +2787,11 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2775
2787
  ]
2776
2788
  }),
2777
2789
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
2778
- className: "dc-c-mobile-header--menu",
2790
+ className: $caaccb8ea608e518$var$mobileHeaderMenuClassName,
2779
2791
  ref: menu,
2780
2792
  children: [
2781
2793
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
2782
- className: "ds-u-display--flex dc-c-mobile-header--menu-close ds-u-justify-content--between",
2794
+ className: `ds-u-display--flex ${$caaccb8ea608e518$var$mobileHeaderMenuClassName}-close ds-u-justify-content--between`,
2783
2795
  children: [
2784
2796
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
2785
2797
  variation: "ghost",
@@ -2804,7 +2816,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2804
2816
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $f57121650539d8c5$export$2e2bcd8739ae039), {
2805
2817
  links: links.main,
2806
2818
  wrapLabel: true,
2807
- menuName: "CMS Site Main Nav",
2819
+ menuName: "Main Nav",
2808
2820
  menuId: "site",
2809
2821
  menuClasses: "dc-c-header--links dc-c-header--mobile-links",
2810
2822
  linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-h5"
@@ -2832,9 +2844,9 @@ $caaccb8ea608e518$var$MobileHeader.defaultProps = {
2832
2844
  tagline: "The Centers for Medicare and Medicaid Services",
2833
2845
  url: "https://cms.gov",
2834
2846
  urlTitle: "CMS.gov Centers for Medicare & Medicaid Services",
2835
- logo: (0, (/*@__PURE__*/$parcel$interopDefault($524e2f9ecb16dd54$exports))),
2847
+ logo: (0, (/*@__PURE__*/$parcel$interopDefault($52466563e0d69ea8$exports))),
2836
2848
  logoAltText: "CMS.gov Centers for Medicare & Medicaid Services",
2837
- inverseLogo: (0, (/*@__PURE__*/$parcel$interopDefault($bfd2fc98f8f42778$exports)))
2849
+ inverseLogo: (0, (/*@__PURE__*/$parcel$interopDefault($972485213997ff8b$exports)))
2838
2850
  },
2839
2851
  includeTopNav: true,
2840
2852
  includeSearch: true
@@ -3090,7 +3102,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3090
3102
  /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
3091
3103
  transform: "translate(160 256)",
3092
3104
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
3093
- transform: "translate(0, 0) scale(0.78125, 0.78125) rotate(0 0 0)",
3105
+ transform: "translate(0, 0) scale(0.78125, 0.78125) rotate(0 0 0)",
3094
3106
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
3095
3107
  d: "M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z",
3096
3108
  transform: "translate(-160 -256)"
@@ -3143,7 +3155,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3143
3155
  /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
3144
3156
  transform: "translate(256 256)",
3145
3157
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
3146
- transform: "translate(0, 0) scale(0.78125, 0.78125) rotate(0 0 0)",
3158
+ transform: "translate(0, 0) scale(0.78125, 0.78125) rotate(0 0 0)",
3147
3159
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
3148
3160
  d: "M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z",
3149
3161
  transform: "translate(-256 -256)"
@@ -3196,7 +3208,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3196
3208
  /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
3197
3209
  transform: "translate(224 256)",
3198
3210
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
3199
- transform: "translate(0, 0) scale(0.78125, 0.78125) rotate(0 0 0)",
3211
+ transform: "translate(0, 0) scale(0.78125, 0.78125) rotate(0 0 0)",
3200
3212
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
3201
3213
  d: "M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z",
3202
3214
  transform: "translate(-224 -256)"