@civicactions/cmsds-open-data-components 3.0.0-alpha.7 → 3.0.0-alpha.8

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 (8) hide show
  1. package/README.md +20 -0
  2. package/dist/main.css +10 -1
  3. package/dist/main.css.map +1 -1
  4. package/dist/main.js +68 -66
  5. package/dist/main.js.map +1 -1
  6. package/dist/types.d.ts +18 -18
  7. package/dist/types.d.ts.map +1 -1
  8. package/package.json +6 -5
package/README.md ADDED
@@ -0,0 +1,20 @@
1
+ # cmsds-open-data-components
2
+
3
+ This repo acts as an upstream common react library for CMS Open Data sites. This library is powered by [Parcel](https://parceljs.org/).
4
+
5
+ ## Local Development
6
+
7
+ For local development, we recommend using [npm workspaces](https://docs.npmjs.com/cli/v7/using-npm/workspaces).
8
+ Once you have a workspace directory, install this library inside your workspace along any Open Data downstream sites you wish to work on.
9
+
10
+ In the root folder for this project, run `npm run watch` to build local code. Ensure the upstream is using the same version number located in package.json of this repo. Start the upstream site locally as well, and it should load local code from this repo as the dependency. Parcel also provides hot rebuilding while `watch` is running.
11
+
12
+ ## Publishing new versions
13
+
14
+ Run ```npm run build``` to create a production version of the library before publishing to npm.
15
+ Run ```npm publish``` to publish to npm
16
+
17
+ ## Testing
18
+
19
+ Jest tests can be run using:
20
+ ```npm run test```
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-c-search-list-item, .dc-c-search-list-item li {
6
10
  list-style: none;
7
11
  }
@@ -190,8 +194,12 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
190
194
  content: "";
191
195
  }
192
196
 
197
+ .ds-c-button.display-settings-font {
198
+ font: inherit;
199
+ }
200
+
193
201
  .dc-c-dataset-tags--tag {
194
- background: var(--color-primary-alt-lightest);
202
+ background: var(--color-info-lightest);
195
203
  display: inline-block;
196
204
  }
197
205
 
@@ -584,6 +592,7 @@ li.has-submenu {
584
592
  color: var(--color-white);
585
593
  text-align: center;
586
594
  vertical-align: middle;
595
+ box-sizing: content-box;
587
596
  width: 18px;
588
597
  height: 18px;
589
598
  margin-left: 10px;
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AAAA;;;;ACAA;;;;AAKI;;;;AAIA;;;;AAKF;;;;AAGA;;;;;AAIA;;;;ACrBF;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;AAOA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AC9BA;;;;AAIA;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;ACpCF;;;;;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-c-search-list-item {\n list-style: none;\n li {\n list-style: none;\n\n a,\n button {\n text-decoration: underline !important;\n }\n a svg,\n span svg {\n fill: #{var(--link__color)};\n }\n }\n svg {\n margin-right: 8px;\n }\n button {\n font-weight: normal !important;\n padding: 0 !important;\n }\n a:visited svg {\n fill: #{var(--link__color--visited)};\n }\n}",".dkan-dataset-search {\n position: relative;\n input {\n min-width: 100%;\n @media only screen and (min-width: 544px) {\n padding-left: 32px;\n }\n }\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n}\n\n.dkan-dataset-search--facet-container {\n ul {\n list-style: none;\n padding-left: 0px;\n }\n}\n\n.dkan-dataset-search--clear-all-filters {\n width: 100%;\n}\n\n.dc-c-search-list-item li a svg,\n.dc-c-search-list-item li span svg {\n fill: #{var(--link__color)};\n}\n\n.dc-c-search-list-item li a:visited svg {\n fill: #{var(--link__color--visited)};\n}\n",".dc-dataset-search-list {\n list-style: none;\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.dkan-dataset-search--facet-container .ds-c-accordion__content {\n max-height: 32rem;\n}\n\n.dc-dataset-search--clear-all-filters {\n width: 100%;\n}\n\n.dkan-dataset-search {\n position: relative;\n input {\n min-width: 100%;\n @media only screen and (min-width: 544px) {\n padding-left: 32px;\n }\n }\n .ds-c-field__before {\n left: 16px;\n top: 12px;\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;;;;ACDA;;;;AAKI;;;;AAIA;;;;AAKF;;;;AAGA;;;;;AAIA;;;;ACrBF;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;AAOA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AC9BA;;;;AAIA;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;ACpCF;;;;;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-c-search-list-item {\n list-style: none;\n li {\n list-style: none;\n\n a,\n button {\n text-decoration: underline !important;\n }\n a svg,\n span svg {\n fill: #{var(--link__color)};\n }\n }\n svg {\n margin-right: 8px;\n }\n button {\n font-weight: normal !important;\n padding: 0 !important;\n }\n a:visited svg {\n fill: #{var(--link__color--visited)};\n }\n}",".dkan-dataset-search {\n position: relative;\n input {\n min-width: 100%;\n @media only screen and (min-width: 544px) {\n padding-left: 32px;\n }\n }\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n}\n\n.dkan-dataset-search--facet-container {\n ul {\n list-style: none;\n padding-left: 0px;\n }\n}\n\n.dkan-dataset-search--clear-all-filters {\n width: 100%;\n}\n\n.dc-c-search-list-item li a svg,\n.dc-c-search-list-item li span svg {\n fill: #{var(--link__color)};\n}\n\n.dc-c-search-list-item li a:visited svg {\n fill: #{var(--link__color--visited)};\n}\n",".dc-dataset-search-list {\n list-style: none;\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.dkan-dataset-search--facet-container .ds-c-accordion__content {\n max-height: 32rem;\n}\n\n.dc-dataset-search--clear-all-filters {\n width: 100%;\n}\n\n.dkan-dataset-search {\n position: relative;\n input {\n min-width: 100%;\n @media only screen and (min-width: 544px) {\n padding-left: 32px;\n }\n }\n .ds-c-field__before {\n left: 16px;\n top: 12px;\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 = {
@@ -479,7 +480,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
479
480
  ]
480
481
  }),
481
482
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
482
- className: "ds-l-col--12",
483
+ className: "ds-l-col--12 ds-text-heading--2xl",
483
484
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
484
485
  to: `/dataset/${identifier}`,
485
486
  children: title
@@ -495,7 +496,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
495
496
  })
496
497
  }),
497
498
  /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
498
- className: "ds-l-row ds-u-padding--0",
499
+ className: "ds-l-row ds-u-padding--0 ds-u-flex-direction--row",
499
500
  children: [
500
501
  /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
501
502
  className: linkContainerClasses,
@@ -668,7 +669,7 @@ const $5723016a5461c1ca$var$PageHeader = (props)=>{
668
669
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
669
670
  className: "ds-l-md-col--8",
670
671
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
671
- className: "dc-c-entity__name ds-h1 ds-u-margin-bottom--6",
672
+ className: "dc-c-entity__name ds-text-heading--3xl ds-u-margin-bottom--6",
672
673
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
673
674
  className: "ds-u-margin-right--2",
674
675
  "data-testid": "profile-full-name",
@@ -891,8 +892,11 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
891
892
  arrayFormat: "comma",
892
893
  encode: false
893
894
  })}`));
894
- if (data && totalItems != data.data.total) setTotalItems(data.data.total);
895
- const facets = (0, $eff7d34c30f5a0fc$export$959638e8dca60ce6)(data ? data.data.facets : []);
895
+ if (data && data.data.total && totalItems != data.data.total) setTotalItems(data.data.total);
896
+ const facets = data && data.data.facets ? (0, $eff7d34c30f5a0fc$export$959638e8dca60ce6)(data ? data.data.facets : []) : {
897
+ theme: null,
898
+ keyword: null
899
+ };
896
900
  return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
897
901
  children: [
898
902
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5723016a5461c1ca$export$2e2bcd8739ae039), {
@@ -985,7 +989,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
985
989
  children: [
986
990
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
987
991
  className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--8",
988
- children: currentResultNumbers && /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
992
+ children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
989
993
  className: "ds-u-margin-y--0",
990
994
  role: "region",
991
995
  "aria-live": "polite",
@@ -1023,7 +1027,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
1023
1027
  variation: "error",
1024
1028
  heading: "No results found."
1025
1029
  }),
1026
- data && Object.keys(data.data.results).map((key)=>{
1030
+ data && data.data.results ? Object.keys(data.data.results).map((key)=>{
1027
1031
  return data.data.results[key];
1028
1032
  }).map((item)=>{
1029
1033
  function getDownloadUrl(item) {
@@ -1039,10 +1043,13 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
1039
1043
  downloadUrl: showDownloadIcon ? getDownloadUrl(item) : null,
1040
1044
  largeFile: item.theme && item.theme.includes("General Payments")
1041
1045
  });
1046
+ }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
1047
+ variation: "error",
1048
+ heading: "Could not connect to the API."
1042
1049
  })
1043
1050
  ]
1044
1051
  }),
1045
- data && data.data.total != 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
1052
+ data && data.data.total && data.data.total != 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
1046
1053
  currentPage: Number(page),
1047
1054
  totalPages: Math.ceil(Number(data.data.total) / pageSize),
1048
1055
  onPageChange: (evt, page)=>{
@@ -1599,7 +1606,7 @@ const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows , lim
1599
1606
  });
1600
1607
  };
1601
1608
  $2ed0091f7e32d1e6$var$DataTablePageResults.defaultProps = {
1602
- className: "data-table-results"
1609
+ className: "data-table-results ds-u-margin-bottom--2"
1603
1610
  };
1604
1611
  $2ed0091f7e32d1e6$var$DataTablePageResults.propTypes = {
1605
1612
  className: (0, $hgUW1$proptypes).string,
@@ -1670,7 +1677,7 @@ const $4def8e29c2039eb8$var$DataTableRowChanger = ({ setLimit: setLimit , rowOpt
1670
1677
  return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1671
1678
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
1672
1679
  options: rowOptions.map((row)=>({
1673
- label: row,
1680
+ label: row.toString(),
1674
1681
  value: row
1675
1682
  })),
1676
1683
  size: "small",
@@ -1785,6 +1792,7 @@ const $ec9e1550b0b034d0$var$SettingsIcon = ()=>/*#__PURE__*/ (0, $hgUW1$jsxs)("s
1785
1792
  var $ec9e1550b0b034d0$export$2e2bcd8739ae039 = $ec9e1550b0b034d0$var$SettingsIcon;
1786
1793
 
1787
1794
 
1795
+
1788
1796
  const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding , id: id , distribution: distribution , includeFiltered: includeFiltered , includeDensity: includeDensity , includeDownload: includeDownload , resource: resource , tablePadding: tablePadding , downloadUrl: downloadUrl })=>{
1789
1797
  const md = (0, $hgUW1$useMediaQuery)({
1790
1798
  minWidth: 0,
@@ -1870,7 +1878,7 @@ const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding
1870
1878
  ]
1871
1879
  }),
1872
1880
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tooltip), {
1873
- className: "ds-c-button ds-c-button--small ds-u-text-align--left",
1881
+ className: "ds-c-button ds-c-button--small ds-u-text-align--left display-settings-font",
1874
1882
  placement: "bottom",
1875
1883
  dialog: true,
1876
1884
  ariaLabel: "Display settings",
@@ -1917,12 +1925,12 @@ const $17193a17e26a72da$var$DatasetTags = ({ keywords: keywords })=>{
1917
1925
  className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1",
1918
1926
  children: [
1919
1927
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1920
- className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2",
1928
+ className: "ds-u-color--primary ds-u-font-size--xl ds-u-margin-top--0 ds-u-margin-bottom--2",
1921
1929
  children: "Tags"
1922
1930
  }),
1923
1931
  keywords && keywords.map((k)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
1924
1932
  to: `/datasets?keyword[]=${k.data}`,
1925
- 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",
1933
+ 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",
1926
1934
  children: k.data
1927
1935
  }, k.identifier))
1928
1936
  ]
@@ -1964,7 +1972,7 @@ const $f341c2fd9bc53390$var$DatasetDownloads = ({ dataDictionaryURL: dataDiction
1964
1972
  className: "ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1 dc-c-dataset-downloads",
1965
1973
  children: [
1966
1974
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1967
- 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",
1975
+ 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",
1968
1976
  children: "Downloads"
1969
1977
  }),
1970
1978
  (distributions.length || dataDictionaryURL && dataDictionaryType) && /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
@@ -2018,6 +2026,7 @@ const $5644ebd2c3dbfd7b$var$DatasetAdditionalInformation = ({ datasetInfo: datas
2018
2026
  className: "dc-c-additional-info-table ds-u-margin-bottom--6",
2019
2027
  children: [
2020
2028
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2029
+ className: "ds-text-heading--2xl ds-u-margin-y--3",
2021
2030
  children: "Additional Information"
2022
2031
  }),
2023
2032
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
@@ -2091,6 +2100,7 @@ const $68eacd619bee0da7$var$ResourceInformation = ({ resource: resource })=>{
2091
2100
  className: "dc-c-resource-info-table",
2092
2101
  children: [
2093
2102
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2103
+ className: "ds-text-heading--2xl ds-u-margin-y--3",
2094
2104
  children: "About this Resource"
2095
2105
  }),
2096
2106
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
@@ -2310,7 +2320,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2310
2320
  className: "ds-l-row",
2311
2321
  children: [
2312
2322
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
2313
- className: "ds-l-col--6",
2323
+ className: "ds-l-col--6 ds-u-margin-bottom--2",
2314
2324
  children: dataset.theme ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
2315
2325
  variation: "info",
2316
2326
  children: dataset.theme[0].data
@@ -2336,7 +2346,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2336
2346
  resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
2337
2347
  children: [
2338
2348
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2339
- className: "dc-resource-header",
2349
+ className: "dc-resource-header ds-text-heading--2xl ds-u-margin-y--3",
2340
2350
  children: "Resource Preview"
2341
2351
  }),
2342
2352
  resource.columns ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -2386,6 +2396,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2386
2396
  ref: apiDocs,
2387
2397
  children: [
2388
2398
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2399
+ className: "ds-text-heading--2xl ds-u-margin-y--2",
2389
2400
  children: "Try the API"
2390
2401
  }),
2391
2402
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
@@ -2412,7 +2423,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2412
2423
  className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1",
2413
2424
  children: [
2414
2425
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2415
- 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",
2426
+ 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",
2416
2427
  children: "API"
2417
2428
  }),
2418
2429
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
@@ -2785,19 +2796,12 @@ const $e5bfafc6d4e6f207$var$SearchModal = ({ searchFunc: searchFunc , appNodeId:
2785
2796
  children: "Search"
2786
2797
  })
2787
2798
  }),
2788
- modalSearch && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
2799
+ modalSearch && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dialog), {
2789
2800
  className: "dc-c-search-dialog",
2790
2801
  onExit: ()=>setModalSearch(false),
2791
- getApplicationNode: ()=>document.getElementById(appNodeId),
2792
- closeButtonText: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
2793
- children: "Close"
2794
- }),
2795
2802
  heading: `${headingText}`,
2796
- children: [
2797
- searchModalText && /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
2798
- children: searchModalText
2799
- }),
2800
- /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
2803
+ actions: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
2804
+ children: /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
2801
2805
  className: "ds-u-display--flex ds-u-align-items--stretch ds-u-flex-wrap--nowrap",
2802
2806
  onSubmit: (e)=>{
2803
2807
  searchForDataset(e);
@@ -2827,7 +2831,7 @@ const $e5bfafc6d4e6f207$var$SearchModal = ({ searchFunc: searchFunc , appNodeId:
2827
2831
  })
2828
2832
  ]
2829
2833
  })
2830
- ]
2834
+ })
2831
2835
  })
2832
2836
  ]
2833
2837
  });
@@ -2884,7 +2888,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2884
2888
  links: links.topnav,
2885
2889
  menuName: "CMS Main Header",
2886
2890
  menuId: "cmsheader",
2887
- menuClasses: "ds-u-display--flex dc-c-header--links ds-u-font-size--small"
2891
+ menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-font-size--sm"
2888
2892
  })
2889
2893
  })
2890
2894
  ]
@@ -2899,7 +2903,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2899
2903
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
2900
2904
  className: "ds-u-margin-right--5 ds-u-padding-y--3 dc-c-site-title",
2901
2905
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
2902
- className: "ds-c-link--inverse ds-h1",
2906
+ className: "ds-c-link--inverse ds-text-heading--3xl",
2903
2907
  to: "/",
2904
2908
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
2905
2909
  className: "",
@@ -2912,7 +2916,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2912
2916
  wrapLabel: true,
2913
2917
  menuName: "CMS Site Main Nav",
2914
2918
  menuId: "site",
2915
- menuClasses: "ds-u-display--flex dc-c-header--links ds-u-align-items--center",
2919
+ menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-align-items--center",
2916
2920
  linkClasses: linkClasses
2917
2921
  }),
2918
2922
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -3045,7 +3049,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
3045
3049
  links: links.topnav,
3046
3050
  menuName: "CMS Main Header",
3047
3051
  menuId: "cmsheader",
3048
- menuClasses: "ds-u-display--flex dc-c-header--links ds-u-font-size--small"
3052
+ menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-font-size--sm ds-u-margin-bottom--2"
3049
3053
  })
3050
3054
  })
3051
3055
  ]
@@ -3068,10 +3072,11 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
3068
3072
  }),
3069
3073
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3070
3074
  className: "ds-u-padding-y--3 dc-c-site-title",
3071
- children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
3075
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
3076
+ className: "ds-c-link--inverse ds-text-heading--3xl",
3072
3077
  to: "/",
3073
3078
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
3074
- className: "ds-h1",
3079
+ className: "",
3075
3080
  children: siteName
3076
3081
  })
3077
3082
  })
@@ -3123,7 +3128,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
3123
3128
  menuName: "Main Nav",
3124
3129
  menuId: "site",
3125
3130
  menuClasses: "dc-c-header--links dc-c-header--mobile-links",
3126
- linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-h5"
3131
+ linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-text-heading--md"
3127
3132
  }),
3128
3133
  mobile && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3129
3134
  className: "cms-mobile-header--container",
@@ -3134,7 +3139,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
3134
3139
  menuName: "CMS Main Header",
3135
3140
  menuId: "cms-mobile-header",
3136
3141
  linkClasses: "ds-u-margin-left--1 ds-u-margin-bottom--2",
3137
- menuClasses: "dc-c-header--links ds-u-font-size--small"
3142
+ menuClasses: "dc-c-header--links ds-u-font-size--sm ds-u-margin-bottom--2"
3138
3143
  })
3139
3144
  ]
3140
3145
  })
@@ -3230,10 +3235,11 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3230
3235
  className: "ds-l-md-col--8",
3231
3236
  children: [
3232
3237
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
3233
- className: "ds-h4",
3238
+ className: "ds-text-heading--lg",
3234
3239
  children: emailTitle
3235
3240
  }),
3236
3241
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
3242
+ className: "ds-u-padding-bottom--2",
3237
3243
  children: emailBody
3238
3244
  })
3239
3245
  ]
@@ -3259,9 +3265,10 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3259
3265
  className: "ds-l-row ds-u-margin--0",
3260
3266
  children: [
3261
3267
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3262
- 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" : ""}`,
3268
+ 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
3269
+ ${xs ? "ds-u-padding-x--0" : ""}`,
3263
3270
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3264
- className: "ds-l-lg-col--9 ds-l-md-col--11 ds-u-padding-x--0",
3271
+ className: "ds-l-lg-col--9 ds-l-md-col--11",
3265
3272
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3266
3273
  className: `ds-u-display--flex ${xs ? "ds-u-flex-direction--column" : "ds-u-flex-direction--row"}`,
3267
3274
  children: [
@@ -3269,11 +3276,11 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3269
3276
  className: "ds-u-margin-right--6 ds-u-margin-bottom--2",
3270
3277
  children: [
3271
3278
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
3272
- className: "ds-h6 dc-footer--heading ds-u-margin-bottom--2",
3279
+ className: "ds-text-heading--sm dc-footer--heading ds-u-margin-bottom--2",
3273
3280
  children: "Open data tools"
3274
3281
  }),
3275
3282
  /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
3276
- className: "ds-u-font-size--small ds-u-margin-bottom--3",
3283
+ className: "ds-u-font-size--sm ds-u-margin-bottom--3",
3277
3284
  children: footerOpenDataToolLinks.map((link)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
3278
3285
  className: "ds-u-margin-bottom--1",
3279
3286
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf8eeac354b9dd32$export$2e2bcd8739ae039), {
@@ -3287,11 +3294,11 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3287
3294
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3288
3295
  children: [
3289
3296
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
3290
- className: "ds-h6 dc-footer--heading ds-u-margin-bottom--2",
3297
+ className: "ds-text-heading--sm dc-footer--heading ds-u-margin-bottom--2",
3291
3298
  children: "Additional resources"
3292
3299
  }),
3293
3300
  /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
3294
- className: "ds-u-font-size--small",
3301
+ className: "ds-u-font-size--sm",
3295
3302
  children: footerAdditionalResourcesLinks.filter((link)=>{
3296
3303
  const noOnClick = Object.keys(link).findIndex((l)=>l === "onClick");
3297
3304
  if (noOnClick === -1 || link.onClick && link.dataTag) return link;
@@ -3323,7 +3330,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3323
3330
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3324
3331
  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`,
3325
3332
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3326
- className: "ds-u-font-size--small",
3333
+ className: "ds-u-font-size--sm",
3327
3334
  children: [
3328
3335
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3329
3336
  children: [
@@ -3364,7 +3371,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3364
3371
  }),
3365
3372
  trademarkContent,
3366
3373
  socialMediaLinks && /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
3367
- className: "ds-u-display--flex",
3374
+ className: "ds-u-display--flex ds-u-flex-direction--row",
3368
3375
  children: [
3369
3376
  socialMediaLinks.facebook && socialMediaLinks.facebook.url && /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
3370
3377
  className: "ds-u-margin-right--1",
@@ -3581,7 +3588,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3581
3588
  })
3582
3589
  }),
3583
3590
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3584
- className: "dc-c-footer__utility ds-l-container ds-u-padding-y--2 ds-u-font-size--small",
3591
+ className: "dc-c-footer__utility ds-l-container ds-u-padding-y--2 ds-u-font-size--sm",
3585
3592
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3586
3593
  className: "ds-l-row ",
3587
3594
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -3615,6 +3622,7 @@ $a6df0aa147323304$var$Footer.defaultProps = {
3615
3622
  children: "A federal government website managed and paid for by the U.S. Centers for Medicare & Medicaid Services."
3616
3623
  }),
3617
3624
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
3625
+ className: "ds-u-padding-bottom--2",
3618
3626
  children: "7500 Security Boulevard, Baltimore, MD 21244"
3619
3627
  })
3620
3628
  ]
@@ -4315,7 +4323,6 @@ var $ec3e23baa005dc03$export$2e2bcd8739ae039 = $ec3e23baa005dc03$var$Breadcrumb;
4315
4323
 
4316
4324
 
4317
4325
 
4318
-
4319
4326
 
4320
4327
 
4321
4328
  function $374c4669b044ddf8$var$getStartDate(condition, schema, id) {
@@ -4326,9 +4333,9 @@ function $374c4669b044ddf8$var$getStartDate(condition, schema, id) {
4326
4333
  return new Date();
4327
4334
  }
4328
4335
  const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index: index , update: update , remove: remove , propertyOptions: propertyOptions , schema: schema })=>{
4329
- const md = (0, $hgUW1$useMediaQuery)({
4336
+ const sm = (0, $hgUW1$useMediaQuery)({
4330
4337
  minWidth: 0,
4331
- maxWidth: 768
4338
+ maxWidth: 544
4332
4339
  });
4333
4340
  const [operator, setOperator] = (0, $hgUW1$useState)(condition.operator);
4334
4341
  const [property, setProperty] = (0, $hgUW1$useState)(condition.property);
@@ -4367,24 +4374,26 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index:
4367
4374
  value
4368
4375
  ]);
4369
4376
  return /*#__PURE__*/ (0, $hgUW1$jsxs)("fieldset", {
4370
- className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center",
4377
+ 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",
4371
4378
  children: [
4372
4379
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
4373
4380
  options: propertyOptions,
4374
4381
  value: property,
4375
4382
  label: "Property",
4376
4383
  name: `${condition.key}_property`,
4377
- onChange: (e)=>setProperty(e.target.value)
4384
+ onChange: (e)=>setProperty(e.target.value),
4385
+ 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"
4378
4386
  }),
4379
4387
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
4380
4388
  options: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[property].mysql_type),
4381
4389
  value: operator,
4382
- size: "small",
4383
4390
  label: "Operator",
4384
4391
  name: `${condition.key}_operator`,
4385
- onChange: (e)=>setOperator(e.target.value)
4392
+ onChange: (e)=>setOperator(e.target.value),
4393
+ 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"
4386
4394
  }),
4387
4395
  schema[id].fields[property].mysql_type === "date" ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
4396
+ 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",
4388
4397
  children: [
4389
4398
  /*#__PURE__*/ (0, $hgUW1$jsx)("label", {
4390
4399
  className: "ds-c-label",
@@ -4394,7 +4403,7 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index:
4394
4403
  children: "Value"
4395
4404
  })
4396
4405
  }),
4397
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$reactdatepicker).default, {
4406
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$reactdatepicker), {
4398
4407
  name: `${condition.key}_date_value`,
4399
4408
  selected: (0, $7264a673914aa746$export$e284ae5d89467c8f)(startDate),
4400
4409
  onChange: (date)=>{
@@ -4412,22 +4421,14 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index:
4412
4421
  label: "Value",
4413
4422
  name: `${condition.key}_value`,
4414
4423
  value: (0, $7264a673914aa746$export$6b5e57d20078142b)(value, operator),
4415
- onChange: (e)=>setValue(e.target.value)
4424
+ onChange: (e)=>setValue(e.target.value),
4425
+ 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"
4416
4426
  }),
4417
4427
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
4418
- variation: md ? "transparent" : null,
4419
- size: "small",
4420
- className: "ds-u-margin-top--3",
4428
+ 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",
4421
4429
  "aria-label": "Delete filter",
4422
4430
  onClick: ()=>remove(index),
4423
- children: !md ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
4424
- children: "Delete filter"
4425
- }) : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
4426
- children: [
4427
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $847b0964185837b2$export$2e2bcd8739ae039), {}),
4428
- " "
4429
- ]
4430
- })
4431
+ children: "Delete filter"
4431
4432
  })
4432
4433
  ]
4433
4434
  });
@@ -4751,6 +4752,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id , dataset: dataset
4751
4752
  ref: apiDocs,
4752
4753
  children: [
4753
4754
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
4755
+ className: "ds-text-heading--2xl ds-u-margin-y--2",
4754
4756
  children: "Try the API"
4755
4757
  }),
4756
4758
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {