@civicactions/cmsds-open-data-components 2.2.0-alpha.1 → 2.2.0-alpha.10

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 (6) hide show
  1. package/dist/main.css +10 -1
  2. package/dist/main.css.map +1 -1
  3. package/dist/main.js +67 -65
  4. package/dist/main.js.map +1 -1
  5. package/dist/types.d.ts.map +1 -1
  6. package/package.json +4 -4
package/dist/main.css CHANGED
@@ -2,6 +2,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
2
2
  border-bottom: 2px solid var(--color-primary-alt-light);
3
3
  }
4
4
 
5
+ .swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {
6
+ font-weight: bold !important;
7
+ }
8
+
5
9
  .dc-dataset-searchlist-item h2 a {
6
10
  text-decoration: none;
7
11
  }
@@ -149,8 +153,12 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
149
153
  content: "";
150
154
  }
151
155
 
156
+ .ds-c-button.display-settings-font {
157
+ font: inherit;
158
+ }
159
+
152
160
  .dc-c-dataset-tags--tag {
153
- background: var(--color-primary-alt-lightest);
161
+ background: var(--color-info-lightest);
154
162
  display: inline-block;
155
163
  }
156
164
 
@@ -543,6 +551,7 @@ li.has-submenu {
543
551
  color: var(--color-white);
544
552
  text-align: center;
545
553
  vertical-align: middle;
554
+ box-sizing: content-box;
546
555
  width: 18px;
547
556
  height: 18px;
548
557
  margin-left: 10px;
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;;;;AAIA;;;;;ACTE;;;;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\n.ds-u-word-break-anywhere {\n word-break: break-word;\n overflow-wrap: anywhere;\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"}
1
+ {"mappings":"AAAA;;;;ACCA;;;;ACAE;;;;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;;;;ACAA;;;;;ACCE;;;;AAKF;;;;AAIA;;;;;ACTE;;;;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/templates/APIPage/swagger.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/ResourceHeader/resource-header.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}","// Swagger overrides\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n font-weight: bold !important;\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// }",".ds-c-button.display-settings-font {\n font: inherit;\n}",".dc-c-dataset-tags--tag {\n display: inline-block;\n background: #{var(--color-info-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\n.ds-u-word-break-anywhere {\n word-break: break-word;\n overflow-wrap: anywhere;\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 box-sizing: content-box\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
@@ -167,6 +167,7 @@ var $f57121650539d8c5$export$2e2bcd8739ae039 = $f57121650539d8c5$var$NavBar;
167
167
 
168
168
 
169
169
 
170
+
170
171
  const $c96c4b9ef7203c1f$var$APIPage = ({ hideAuth: hideAuth , additionalParams: additionalParams , rootUrl: rootUrl })=>{
171
172
  const hasACA = additionalParams && additionalParams.ACA ? true : false;
172
173
  let params = {
@@ -347,10 +348,10 @@ const $dc6d3aaf3e07417b$var$DatasetSearchListItem = ({ item: item , updateFacets
347
348
  truncatedDescription,
348
349
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
349
350
  children: keyword && /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
350
- className: "ds-u-padding--0 ds-u-display--flex ds-u-flex-wrap--wrap",
351
+ className: "ds-u-padding--0 ds-u-display--flex ds-u-flex-direction--row ds-u-flex-wrap--wrap",
351
352
  children: keyword.map((k)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
352
353
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
353
- className: "ds-u-radius ds-u-fill--primary-alt-lightest ds-u-color--base ds-u-margin-right--1 ds-u-margin-bottom--2",
354
+ className: "ds-u-radius ds-u-fill--info-lightest ds-u-color--base ds-u-margin-right--1 ds-u-margin-bottom--2",
354
355
  variation: "info",
355
356
  children: k
356
357
  })
@@ -408,7 +409,7 @@ const $19c005961efdef1a$var$DatasetSearchFacets = ({ title: title , facets: face
408
409
  }, f.name);
409
410
  })
410
411
  }) : /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
411
- className: "ds-h5",
412
+ className: "ds-text-heading--md",
412
413
  children: "No matching facets found."
413
414
  })
414
415
  })
@@ -622,8 +623,11 @@ const $007dd6bfbe0f2956$var$DatasetSearch = ({ rootUrl: rootUrl , pageTitle: pag
622
623
  encode: false,
623
624
  skipEmptyString: true
624
625
  })}`));
625
- if (data && totalItems != data.data.total) setTotalItems(data.data.total);
626
- const { theme: theme , keyword: keyword } = (0, $116bd29db288848e$export$959638e8dca60ce6)(data ? data.data.facets : []);
626
+ if (data && data.data.total && totalItems != data.data.total) setTotalItems(data.data.total);
627
+ const { theme: theme , keyword: keyword } = data && data.data.facets ? (0, $116bd29db288848e$export$959638e8dca60ce6)(data ? data.data.facets : []) : {
628
+ theme: null,
629
+ keyword: null
630
+ };
627
631
  return /*#__PURE__*/ (0, $hgUW1$jsxs)("section", {
628
632
  className: "ds-l-container",
629
633
  children: [
@@ -721,7 +725,7 @@ const $007dd6bfbe0f2956$var$DatasetSearch = ({ rootUrl: rootUrl , pageTitle: pag
721
725
  variation: "error",
722
726
  heading: "No results found."
723
727
  }),
724
- data && Object.keys(data.data.results).map((key)=>{
728
+ data && data.data.results ? Object.keys(data.data.results).map((key)=>{
725
729
  return data.data.results[key];
726
730
  }).map((item)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
727
731
  className: "ds-u-padding--0",
@@ -729,10 +733,13 @@ const $007dd6bfbe0f2956$var$DatasetSearch = ({ rootUrl: rootUrl , pageTitle: pag
729
733
  item: item,
730
734
  updateFacets: updateSelectedFacets
731
735
  })
732
- }, item.identifier))
736
+ }, item.identifier)) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
737
+ variation: "error",
738
+ heading: "Could not connect to the API."
739
+ })
733
740
  ]
734
741
  }),
735
- data && data.data.total != 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
742
+ data && data.data.total && data.data.total !== 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
736
743
  id: "test-default",
737
744
  currentPage: Number(page),
738
745
  totalPages: Math.ceil(Number(data.data.total) / pageSize),
@@ -1340,7 +1347,7 @@ const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows , lim
1340
1347
  });
1341
1348
  };
1342
1349
  $2ed0091f7e32d1e6$var$DataTablePageResults.defaultProps = {
1343
- className: "data-table-results"
1350
+ className: "data-table-results ds-u-margin-bottom--2"
1344
1351
  };
1345
1352
  $2ed0091f7e32d1e6$var$DataTablePageResults.propTypes = {
1346
1353
  className: (0, $hgUW1$proptypes).string,
@@ -1411,7 +1418,7 @@ const $4def8e29c2039eb8$var$DataTableRowChanger = ({ setLimit: setLimit , rowOpt
1411
1418
  return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1412
1419
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
1413
1420
  options: rowOptions.map((row)=>({
1414
- label: row,
1421
+ label: row.toString(),
1415
1422
  value: row
1416
1423
  })),
1417
1424
  size: "small",
@@ -1526,6 +1533,7 @@ const $ec9e1550b0b034d0$var$SettingsIcon = ()=>/*#__PURE__*/ (0, $hgUW1$jsxs)("s
1526
1533
  var $ec9e1550b0b034d0$export$2e2bcd8739ae039 = $ec9e1550b0b034d0$var$SettingsIcon;
1527
1534
 
1528
1535
 
1536
+
1529
1537
  const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding , id: id , distribution: distribution , includeFiltered: includeFiltered , includeDensity: includeDensity , includeDownload: includeDownload , resource: resource , tablePadding: tablePadding , downloadUrl: downloadUrl })=>{
1530
1538
  const md = (0, $hgUW1$useMediaQuery)({
1531
1539
  minWidth: 0,
@@ -1611,7 +1619,7 @@ const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding
1611
1619
  ]
1612
1620
  }),
1613
1621
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tooltip), {
1614
- className: "ds-c-button ds-c-button--small ds-u-text-align--left",
1622
+ className: "ds-c-button ds-c-button--small ds-u-text-align--left display-settings-font",
1615
1623
  placement: "bottom",
1616
1624
  dialog: true,
1617
1625
  ariaLabel: "Display settings",
@@ -1658,12 +1666,12 @@ const $17193a17e26a72da$var$DatasetTags = ({ keywords: keywords })=>{
1658
1666
  className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1",
1659
1667
  children: [
1660
1668
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1661
- className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2",
1669
+ className: "ds-u-color--primary ds-u-font-size--xl ds-u-margin-top--0 ds-u-margin-bottom--2",
1662
1670
  children: "Tags"
1663
1671
  }),
1664
1672
  keywords && keywords.map((k)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
1665
1673
  to: `/datasets?keyword[]=${k.data}`,
1666
- className: "dc-c-dataset-tags--tag ds-u-color--base ds-u-font-size--small ds-u-text-decoration--none ds-u-margin-right--1 ds-u-margin-bottom--1 ds-u-padding-x--2 ds-u-padding-y--1 ds-u-radius",
1674
+ className: "dc-c-dataset-tags--tag ds-u-color--base ds-u-font-size--sm ds-u-text-decoration--none ds-u-margin-right--1 ds-u-margin-bottom--1 ds-u-padding-x--2 ds-u-padding-y--1 ds-u-radius",
1667
1675
  children: k.data
1668
1676
  }, k.identifier))
1669
1677
  ]
@@ -1705,7 +1713,7 @@ const $f341c2fd9bc53390$var$DatasetDownloads = ({ dataDictionaryURL: dataDiction
1705
1713
  className: "ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1 dc-c-dataset-downloads",
1706
1714
  children: [
1707
1715
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1708
- className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2 ds-u-border ds-u-border-bottom--1",
1716
+ className: "ds-u-color--primary ds-u-font-size--xl ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2 ds-u-border ds-u-border-bottom--1",
1709
1717
  children: "Downloads"
1710
1718
  }),
1711
1719
  (distributions.length || dataDictionaryURL && dataDictionaryType) && /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
@@ -1759,6 +1767,7 @@ const $5644ebd2c3dbfd7b$var$DatasetAdditionalInformation = ({ datasetInfo: datas
1759
1767
  className: "dc-c-additional-info-table ds-u-margin-bottom--6",
1760
1768
  children: [
1761
1769
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1770
+ className: "ds-text-heading--2xl ds-u-margin-y--3",
1762
1771
  children: "Additional Information"
1763
1772
  }),
1764
1773
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
@@ -1832,6 +1841,7 @@ const $68eacd619bee0da7$var$ResourceInformation = ({ resource: resource })=>{
1832
1841
  className: "dc-c-resource-info-table",
1833
1842
  children: [
1834
1843
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1844
+ className: "ds-text-heading--2xl ds-u-margin-y--3",
1835
1845
  children: "About this Resource"
1836
1846
  }),
1837
1847
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
@@ -2051,7 +2061,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2051
2061
  className: "ds-l-row",
2052
2062
  children: [
2053
2063
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
2054
- className: "ds-l-col--6",
2064
+ className: "ds-l-col--6 ds-u-margin-bottom--2",
2055
2065
  children: dataset.theme ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
2056
2066
  variation: "info",
2057
2067
  children: dataset.theme[0].data
@@ -2077,7 +2087,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2077
2087
  resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
2078
2088
  children: [
2079
2089
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2080
- className: "dc-resource-header",
2090
+ className: "dc-resource-header ds-text-heading--2xl ds-u-margin-y--3",
2081
2091
  children: "Resource Preview"
2082
2092
  }),
2083
2093
  resource.columns ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -2127,6 +2137,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2127
2137
  ref: apiDocs,
2128
2138
  children: [
2129
2139
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2140
+ className: "ds-text-heading--2xl ds-u-margin-y--2",
2130
2141
  children: "Try the API"
2131
2142
  }),
2132
2143
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
@@ -2153,7 +2164,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2153
2164
  className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1",
2154
2165
  children: [
2155
2166
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2156
- className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2",
2167
+ className: "ds-u-color--primary ds-u-font-size--xl ds-u-margin-top--0 ds-u-margin-bottom--2 ds-u-padding-bottom--2",
2157
2168
  children: "API"
2158
2169
  }),
2159
2170
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
@@ -2526,19 +2537,12 @@ const $e5bfafc6d4e6f207$var$SearchModal = ({ searchFunc: searchFunc , appNodeId:
2526
2537
  children: "Search"
2527
2538
  })
2528
2539
  }),
2529
- modalSearch && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
2540
+ modalSearch && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dialog), {
2530
2541
  className: "dc-c-search-dialog",
2531
2542
  onExit: ()=>setModalSearch(false),
2532
- getApplicationNode: ()=>document.getElementById(appNodeId),
2533
- closeButtonText: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
2534
- children: "Close"
2535
- }),
2536
2543
  heading: `${headingText}`,
2537
- children: [
2538
- searchModalText && /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
2539
- children: searchModalText
2540
- }),
2541
- /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
2544
+ actions: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
2545
+ children: /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
2542
2546
  className: "ds-u-display--flex ds-u-align-items--stretch ds-u-flex-wrap--nowrap",
2543
2547
  onSubmit: (e)=>{
2544
2548
  searchForDataset(e);
@@ -2568,7 +2572,7 @@ const $e5bfafc6d4e6f207$var$SearchModal = ({ searchFunc: searchFunc , appNodeId:
2568
2572
  })
2569
2573
  ]
2570
2574
  })
2571
- ]
2575
+ })
2572
2576
  })
2573
2577
  ]
2574
2578
  });
@@ -2625,7 +2629,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2625
2629
  links: links.topnav,
2626
2630
  menuName: "CMS Main Header",
2627
2631
  menuId: "cmsheader",
2628
- menuClasses: "ds-u-display--flex dc-c-header--links ds-u-font-size--small"
2632
+ menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-font-size--sm"
2629
2633
  })
2630
2634
  })
2631
2635
  ]
@@ -2640,7 +2644,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2640
2644
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
2641
2645
  className: "ds-u-margin-right--5 ds-u-padding-y--3 dc-c-site-title",
2642
2646
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
2643
- className: "ds-c-link--inverse ds-h1",
2647
+ className: "ds-c-link--inverse ds-text-heading--3xl",
2644
2648
  to: "/",
2645
2649
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
2646
2650
  className: "",
@@ -2653,7 +2657,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2653
2657
  wrapLabel: true,
2654
2658
  menuName: "CMS Site Main Nav",
2655
2659
  menuId: "site",
2656
- menuClasses: "ds-u-display--flex dc-c-header--links ds-u-align-items--center",
2660
+ menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-align-items--center",
2657
2661
  linkClasses: linkClasses
2658
2662
  }),
2659
2663
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -2786,7 +2790,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2786
2790
  links: links.topnav,
2787
2791
  menuName: "CMS Main Header",
2788
2792
  menuId: "cmsheader",
2789
- menuClasses: "ds-u-display--flex dc-c-header--links ds-u-font-size--small"
2793
+ menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-font-size--sm ds-u-margin-bottom--2"
2790
2794
  })
2791
2795
  })
2792
2796
  ]
@@ -2809,10 +2813,11 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2809
2813
  }),
2810
2814
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
2811
2815
  className: "ds-u-padding-y--3 dc-c-site-title",
2812
- children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
2816
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
2817
+ className: "ds-c-link--inverse ds-text-heading--3xl",
2813
2818
  to: "/",
2814
2819
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
2815
- className: "ds-h1",
2820
+ className: "",
2816
2821
  children: siteName
2817
2822
  })
2818
2823
  })
@@ -2864,7 +2869,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2864
2869
  menuName: "Main Nav",
2865
2870
  menuId: "site",
2866
2871
  menuClasses: "dc-c-header--links dc-c-header--mobile-links",
2867
- linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-h5"
2872
+ linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-text-heading--md"
2868
2873
  }),
2869
2874
  mobile && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
2870
2875
  className: "cms-mobile-header--container",
@@ -2875,7 +2880,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2875
2880
  menuName: "CMS Main Header",
2876
2881
  menuId: "cms-mobile-header",
2877
2882
  linkClasses: "ds-u-margin-left--1 ds-u-margin-bottom--2",
2878
- menuClasses: "dc-c-header--links ds-u-font-size--small"
2883
+ menuClasses: "dc-c-header--links ds-u-font-size--sm ds-u-margin-bottom--2"
2879
2884
  })
2880
2885
  ]
2881
2886
  })
@@ -2971,10 +2976,11 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
2971
2976
  className: "ds-l-md-col--8",
2972
2977
  children: [
2973
2978
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2974
- className: "ds-h4",
2979
+ className: "ds-text-heading--lg",
2975
2980
  children: emailTitle
2976
2981
  }),
2977
2982
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
2983
+ className: "ds-u-padding-bottom--2",
2978
2984
  children: emailBody
2979
2985
  })
2980
2986
  ]
@@ -3000,9 +3006,10 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3000
3006
  className: "ds-l-row ds-u-margin--0",
3001
3007
  children: [
3002
3008
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3003
- className: `dc-c-footer__resources ds-l-md-col--7 ds-l-sm-col--12 ds-u-padding-top--7 ds-u-padding-bottom--4 ${md ? "ds-u-padding-x--0" : ""} ${sm ? "ds-u-padding-x--4" : ""}`,
3009
+ className: `dc-c-footer__resources ds-l-md-col--7 ds-l-sm-col--12 ds-u-padding-top--7 ds-u-padding-bottom--4
3010
+ ${xs ? "ds-u-padding-x--0" : ""}`,
3004
3011
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3005
- className: "ds-l-lg-col--9 ds-l-md-col--11 ds-u-padding-x--0",
3012
+ className: "ds-l-lg-col--9 ds-l-md-col--11",
3006
3013
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3007
3014
  className: `ds-u-display--flex ${xs ? "ds-u-flex-direction--column" : "ds-u-flex-direction--row"}`,
3008
3015
  children: [
@@ -3010,11 +3017,11 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3010
3017
  className: "ds-u-margin-right--6 ds-u-margin-bottom--2",
3011
3018
  children: [
3012
3019
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
3013
- className: "ds-h6 dc-footer--heading ds-u-margin-bottom--2",
3020
+ className: "ds-text-heading--sm dc-footer--heading ds-u-margin-bottom--2",
3014
3021
  children: "Open data tools"
3015
3022
  }),
3016
3023
  /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
3017
- className: "ds-u-font-size--small ds-u-margin-bottom--3",
3024
+ className: "ds-u-font-size--sm ds-u-margin-bottom--3",
3018
3025
  children: footerOpenDataToolLinks.map((link)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
3019
3026
  className: "ds-u-margin-bottom--1",
3020
3027
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf8eeac354b9dd32$export$2e2bcd8739ae039), {
@@ -3028,11 +3035,11 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3028
3035
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3029
3036
  children: [
3030
3037
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
3031
- className: "ds-h6 dc-footer--heading ds-u-margin-bottom--2",
3038
+ className: "ds-text-heading--sm dc-footer--heading ds-u-margin-bottom--2",
3032
3039
  children: "Additional resources"
3033
3040
  }),
3034
3041
  /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
3035
- className: "ds-u-font-size--small",
3042
+ className: "ds-u-font-size--sm",
3036
3043
  children: footerAdditionalResourcesLinks.filter((link)=>{
3037
3044
  const noOnClick = Object.keys(link).findIndex((l)=>l === "onClick");
3038
3045
  if (noOnClick === -1 || link.onClick && link.dataTag) return link;
@@ -3064,7 +3071,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3064
3071
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3065
3072
  className: `dc-c-footer__cms-information ds-l-md-col--5 ds-l-sm-col--12 ${md ? "ds-u-padding-left--7" : ""} ${sm ? " ds-u-padding-left--4" : ""} ds-u-padding-y--7`,
3066
3073
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3067
- className: "ds-u-font-size--small",
3074
+ className: "ds-u-font-size--sm",
3068
3075
  children: [
3069
3076
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3070
3077
  children: [
@@ -3105,7 +3112,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3105
3112
  }),
3106
3113
  trademarkContent,
3107
3114
  socialMediaLinks && /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
3108
- className: "ds-u-display--flex",
3115
+ className: "ds-u-display--flex ds-u-flex-direction--row",
3109
3116
  children: [
3110
3117
  socialMediaLinks.facebook && socialMediaLinks.facebook.url && /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
3111
3118
  className: "ds-u-margin-right--1",
@@ -3322,7 +3329,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3322
3329
  })
3323
3330
  }),
3324
3331
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3325
- className: "dc-c-footer__utility ds-l-container ds-u-padding-y--2 ds-u-font-size--small",
3332
+ className: "dc-c-footer__utility ds-l-container ds-u-padding-y--2 ds-u-font-size--sm",
3326
3333
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3327
3334
  className: "ds-l-row ",
3328
3335
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -3356,6 +3363,7 @@ $a6df0aa147323304$var$Footer.defaultProps = {
3356
3363
  children: "A federal government website managed and paid for by the U.S. Centers for Medicare & Medicaid Services."
3357
3364
  }),
3358
3365
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
3366
+ className: "ds-u-padding-bottom--2",
3359
3367
  children: "7500 Security Boulevard, Baltimore, MD 21244"
3360
3368
  })
3361
3369
  ]
@@ -4061,7 +4069,6 @@ var $ec3e23baa005dc03$export$2e2bcd8739ae039 = $ec3e23baa005dc03$var$Breadcrumb;
4061
4069
 
4062
4070
 
4063
4071
 
4064
-
4065
4072
 
4066
4073
 
4067
4074
  function $374c4669b044ddf8$var$getStartDate(condition, schema, id) {
@@ -4072,9 +4079,9 @@ function $374c4669b044ddf8$var$getStartDate(condition, schema, id) {
4072
4079
  return new Date();
4073
4080
  }
4074
4081
  const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index: index , update: update , remove: remove , propertyOptions: propertyOptions , schema: schema })=>{
4075
- const md = (0, $hgUW1$useMediaQuery)({
4082
+ const sm = (0, $hgUW1$useMediaQuery)({
4076
4083
  minWidth: 0,
4077
- maxWidth: 768
4084
+ maxWidth: 544
4078
4085
  });
4079
4086
  const [operator, setOperator] = (0, $hgUW1$useState)(condition.operator);
4080
4087
  const [property, setProperty] = (0, $hgUW1$useState)(condition.property);
@@ -4113,24 +4120,26 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index:
4113
4120
  value
4114
4121
  ]);
4115
4122
  return /*#__PURE__*/ (0, $hgUW1$jsxs)("fieldset", {
4116
- className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center",
4123
+ className: "ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--between ds-u-md-justify-content--end ds-u-align-items--center",
4117
4124
  children: [
4118
4125
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
4119
4126
  options: propertyOptions,
4120
4127
  value: property,
4121
4128
  label: "Property",
4122
4129
  name: `${condition.key}_property`,
4123
- onChange: (e)=>setProperty(e.target.value)
4130
+ onChange: (e)=>setProperty(e.target.value),
4131
+ className: "ds-l-md-col--5 ds-l-lg-col--4 ds-l-sm-col--8 ds-l-col--12 ds-u-padding--0 ds-u-md-padding-right--2 ds-u-margin-bottom--0 ds-u-md-margin-bottom--2"
4124
4132
  }),
4125
4133
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
4126
4134
  options: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[property].mysql_type),
4127
4135
  value: operator,
4128
- size: "small",
4129
4136
  label: "Operator",
4130
4137
  name: `${condition.key}_operator`,
4131
- onChange: (e)=>setOperator(e.target.value)
4138
+ onChange: (e)=>setOperator(e.target.value),
4139
+ className: "ds-l-sm-col--3 ds-l-md-col--2 ds-l-col--12 ds-u-padding--0 ds-u-md-padding-right--2 ds-u-margin-bottom--0 ds-u-md-margin-bottom--2"
4132
4140
  }),
4133
4141
  schema[id].fields[property].mysql_type === "date" ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
4142
+ className: "ds-l-md-col--5 ds-l-lg-col--4 ds-l-sm-col--8 ds-l-col--12 ds-u-padding--0 ds-u-sm-padding-right--2 ds-u-md-padding-right--0 ds-u-lg-padding-right--2",
4134
4143
  children: [
4135
4144
  /*#__PURE__*/ (0, $hgUW1$jsx)("label", {
4136
4145
  className: "ds-c-label",
@@ -4158,22 +4167,14 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index:
4158
4167
  label: "Value",
4159
4168
  name: `${condition.key}_value`,
4160
4169
  value: (0, $7264a673914aa746$export$6b5e57d20078142b)(value, operator),
4161
- onChange: (e)=>setValue(e.target.value)
4170
+ onChange: (e)=>setValue(e.target.value),
4171
+ className: "ds-l-md-col--5 ds-l-lg-col--4 ds-l-sm-col--8 ds-l-col--12 ds-u-padding--0 ds-u-sm-padding-right--2 ds-u-md-padding-right--0 ds-u-lg-padding-right--2 ds-u-margin-bottom--2"
4162
4172
  }),
4163
4173
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
4164
- variation: md ? "transparent" : null,
4165
- size: "small",
4166
- className: "ds-u-margin-top--3",
4174
+ className: "ds-u-margin-top--2 ds-u-sm-margin-top--4 ds-u-lg-margin-top--4 ds-u-md-margin-top--2 ds-l-col--12 ds-l-md-col--4 ds-l-lg-col--2 ds-l-sm-col--4",
4167
4175
  "aria-label": "Delete filter",
4168
4176
  onClick: ()=>remove(index),
4169
- children: !md ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
4170
- children: "Delete filter"
4171
- }) : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
4172
- children: [
4173
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $847b0964185837b2$export$2e2bcd8739ae039), {}),
4174
- " "
4175
- ]
4176
- })
4177
+ children: "Delete filter"
4177
4178
  })
4178
4179
  ]
4179
4180
  });
@@ -4497,6 +4498,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id , dataset: dataset
4497
4498
  ref: apiDocs,
4498
4499
  children: [
4499
4500
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
4501
+ className: "ds-text-heading--2xl ds-u-margin-y--2",
4500
4502
  children: "Try the API"
4501
4503
  }),
4502
4504
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {