@civicactions/cmsds-open-data-components 2.2.1 → 2.3.0-alpha.2

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 (7) hide show
  1. package/dist/main.css +10 -1
  2. package/dist/main.css.map +1 -1
  3. package/dist/main.js +91 -88
  4. package/dist/main.js.map +1 -1
  5. package/dist/types.d.ts +0 -10
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +7 -5
package/dist/main.css CHANGED
@@ -63,6 +63,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
63
63
  color: #036;
64
64
  }
65
65
 
66
+ .swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {
67
+ font-weight: bold !important;
68
+ }
69
+
66
70
  .dc-dataset-searchlist-item h2 a {
67
71
  text-decoration: none;
68
72
  }
@@ -214,8 +218,12 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
214
218
  content: "";
215
219
  }
216
220
 
221
+ .ds-c-button.display-settings-font {
222
+ font: inherit;
223
+ }
224
+
217
225
  .dc-c-dataset-tags--tag {
218
- background: var(--color-primary-alt-lightest);
226
+ background: var(--color-info-lightest);
219
227
  display: inline-block;
220
228
  }
221
229
 
@@ -608,6 +616,7 @@ li.has-submenu {
608
616
  color: var(--color-white);
609
617
  text-align: center;
610
618
  vertical-align: middle;
619
+ box-sizing: content-box;
611
620
  width: 18px;
612
621
  height: 18px;
613
622
  margin-left: 10px;
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AAAA;;;;ACIA;;;;;;;;;;;;AAgBI;;;;AAIA;;;;;AAIE;;;;;AAQA;;;;;AASA;;;;AAWF;;;;;AAKA;;;;;AAKA;;;;AAOE;;;;AAGE;;;;AAMJ;;;;ACjFF;;;;AAEE;;;;AAKF;;;;AAIA;;;;;;ACZF;;;;AAIA;;;;;;;ACJA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAKF;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;;;AC/BA;;;;;AAGE;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;AAcE;;;;AAQF;;;;;;;AAQF;;;;AAIA;;;;;;;AAOE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;AChFA;;;;;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-ui-overrides.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}","/*\nThis document provides overrides to Swagger UI, fixing accessibility issues.\n*/\n\n:root {\n //Colors\n --su-color--blue-dark: rgb(0, 51, 102);\n --su-color--brown: rgba(136, 76, 0, 1);\n --su-color--green-dark: rgb(0, 118, 65);\n --su-color--green-muted: rgb(39, 117, 100);\n --su-color--orange-dark: rgb(209, 0, 0);\n --su-color--orange-light: rgba(209, 0, 0, .1);\n --su-color--red-dark: rgb(151, 0, 0);\n --su-color--red-light: rgba(211, 0, 0, .1);\n --su-color--red: rgb(211, 0, 0);\n}\n\n// State `.swagger-ui` twice to include specificity and avoid multiple `!important` statements;\n.swagger-ui.swagger-ui {\n .opblock {\n .opblock-summary-method {\n color: #333;\n }\n\n &.opblock-delete {\n background-color: var(--su-color--red-light);\n border-color: var(--su-color--red);\n\n .opblock-summary-method {\n color: white;\n\n background-color: var(--su-color--red-dark);\n }\n }\n\n &.opblock-put {\n .opblock-summary-method {\n background-color: var(--su-color--brown);\n color: white;\n }\n }\n }\n\n .parameter__name {\n &.required {\n span {\n color: var(--su-color--red);\n }\n\n &:after {\n color: var(--su-color--red);\n }\n }\n }\n\n .btn {\n &.cancel {\n border-color: var(--su-color--red);\n color: var(--su-color--red);\n }\n\n &.authorize {\n border-color: var(--su-color--green-muted);\n background-color: var(--su-color--green-muted);\n }\n\n &.execute {\n background-color: var(--su-color--blue-dark)\n }\n }\n\n .info {\n .title {\n small {\n background-color: #666;\n\n &.version-stamp {\n background-color: #005830;\n }\n }\n }\n\n a {\n color: #036;\n }\n }\n}\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 !important;\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 padding: 0;\n border: none;\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 border: none;\n background: none;\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;;;;ACIA;;;;;;;;;;;;AAgBI;;;;AAIA;;;;;AAIE;;;;;AAQA;;;;;AASA;;;;AAWF;;;;;AAKA;;;;;AAKA;;;;AAOE;;;;AAGE;;;;AAMJ;;;;AAOJ;;;;ACxFE;;;;AAEE;;;;AAKF;;;;AAIA;;;;;;ACZF;;;;AAIA;;;;;;;ACJA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAKF;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;;;AC/BA;;;;;AAGE;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;AAcE;;;;AAQF;;;;;;;AAQF;;;;AAIA;;;;;;;AAOE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;AChFA;;;;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-ui-overrides.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}","/*\nThis document provides overrides to Swagger UI, fixing accessibility issues.\n*/\n\n:root {\n //Colors\n --su-color--blue-dark: rgb(0, 51, 102);\n --su-color--brown: rgba(136, 76, 0, 1);\n --su-color--green-dark: rgb(0, 118, 65);\n --su-color--green-muted: rgb(39, 117, 100);\n --su-color--orange-dark: rgb(209, 0, 0);\n --su-color--orange-light: rgba(209, 0, 0, .1);\n --su-color--red-dark: rgb(151, 0, 0);\n --su-color--red-light: rgba(211, 0, 0, .1);\n --su-color--red: rgb(211, 0, 0);\n}\n\n// State `.swagger-ui` twice to include specificity and avoid multiple `!important` statements;\n.swagger-ui.swagger-ui {\n .opblock {\n .opblock-summary-method {\n color: #333;\n }\n\n &.opblock-delete {\n background-color: var(--su-color--red-light);\n border-color: var(--su-color--red);\n\n .opblock-summary-method {\n color: white;\n\n background-color: var(--su-color--red-dark);\n }\n }\n\n &.opblock-put {\n .opblock-summary-method {\n background-color: var(--su-color--brown);\n color: white;\n }\n }\n }\n\n .parameter__name {\n &.required {\n span {\n color: var(--su-color--red);\n }\n\n &:after {\n color: var(--su-color--red);\n }\n }\n }\n\n .btn {\n &.cancel {\n border-color: var(--su-color--red);\n color: var(--su-color--red);\n }\n\n &.authorize {\n border-color: var(--su-color--green-muted);\n background-color: var(--su-color--green-muted);\n }\n\n &.execute {\n background-color: var(--su-color--blue-dark)\n }\n }\n\n .info {\n .title {\n small {\n background-color: #666;\n\n &.version-stamp {\n background-color: #005830;\n }\n }\n }\n\n a {\n color: #036;\n }\n }\n}\n\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 !important;\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 padding: 0;\n border: none;\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 border: none;\n background: none;\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
@@ -348,10 +348,10 @@ const $dc6d3aaf3e07417b$var$DatasetSearchListItem = ({ item: item , updateFacets
348
348
  truncatedDescription,
349
349
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
350
350
  children: keyword && /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
351
- 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",
352
352
  children: keyword.map((k)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
353
353
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
354
- 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",
355
355
  variation: "info",
356
356
  children: k
357
357
  })
@@ -409,7 +409,7 @@ const $19c005961efdef1a$var$DatasetSearchFacets = ({ title: title , facets: face
409
409
  }, f.name);
410
410
  })
411
411
  }) : /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
412
- className: "ds-h5",
412
+ className: "ds-text-heading--md",
413
413
  children: "No matching facets found."
414
414
  })
415
415
  })
@@ -1406,7 +1406,7 @@ const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows , lim
1406
1406
  });
1407
1407
  };
1408
1408
  $2ed0091f7e32d1e6$var$DataTablePageResults.defaultProps = {
1409
- className: "data-table-results"
1409
+ className: "data-table-results ds-u-margin-bottom--2"
1410
1410
  };
1411
1411
  $2ed0091f7e32d1e6$var$DataTablePageResults.propTypes = {
1412
1412
  className: (0, $hgUW1$proptypes).string,
@@ -1441,12 +1441,11 @@ const $1e012d1e3b534af0$var$DataTableDensity = ({ setTablePadding: setTablePaddi
1441
1441
  value: "ds-u-padding-y--2"
1442
1442
  }
1443
1443
  ],
1444
- size: "small",
1445
1444
  label: "Display density:",
1446
1445
  labelClassName: "ds-u-margin-top--0",
1447
1446
  name: "datatable_display_density",
1448
1447
  onChange: (e)=>setTablePadding(e.target.value),
1449
- defaultValue: "ds-u-padding-y--1"
1448
+ defaultValue: tablePadding
1450
1449
  })
1451
1450
  });
1452
1451
  };
@@ -1473,23 +1472,25 @@ var $e71aee394fdad8bd$export$2e2bcd8739ae039 = $e71aee394fdad8bd$var$ManageColum
1473
1472
 
1474
1473
 
1475
1474
 
1476
- const $4def8e29c2039eb8$var$DataTableRowChanger = ({ setLimit: setLimit , rowOptions: rowOptions , limit: limit })=>{
1475
+ const $7848c69a021266f7$var$DataTableRowChanger = (props)=>{
1476
+ const { limit: limit , rowOptions: rowOptions , setLimit: setLimit } = props;
1477
+ const rowOptionsFormatted = rowOptions.map((row)=>({
1478
+ label: row.toString(),
1479
+ value: row.toString()
1480
+ }));
1477
1481
  return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
1482
+ className: "ds-u-display--flex",
1478
1483
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
1479
- options: rowOptions.map((row)=>({
1480
- label: row,
1481
- value: row
1482
- })),
1483
- size: "small",
1484
+ options: rowOptionsFormatted,
1484
1485
  label: "Rows per page:",
1485
1486
  labelClassName: "ds-u-margin-top--0",
1486
1487
  name: "datatable_rows_per_page",
1487
1488
  onChange: (e)=>setLimit(e.target.value),
1488
- defaultValue: limit
1489
+ defaultValue: limit.toString()
1489
1490
  })
1490
1491
  });
1491
1492
  };
1492
- $4def8e29c2039eb8$var$DataTableRowChanger.defaultProps = {
1493
+ $7848c69a021266f7$var$DataTableRowChanger.defaultProps = {
1493
1494
  rowOptions: [
1494
1495
  10,
1495
1496
  25,
@@ -1497,11 +1498,12 @@ $4def8e29c2039eb8$var$DataTableRowChanger.defaultProps = {
1497
1498
  100
1498
1499
  ]
1499
1500
  };
1500
- $4def8e29c2039eb8$var$DataTableRowChanger.propTypes = {
1501
+ $7848c69a021266f7$var$DataTableRowChanger.propTypes = {
1501
1502
  rowOptions: (0, $hgUW1$proptypes).arrayOf((0, $hgUW1$proptypes).number),
1502
- setLimit: (0, $hgUW1$proptypes).func.isRequired
1503
+ setLimit: (0, $hgUW1$proptypes).func.isRequired,
1504
+ limit: (0, $hgUW1$proptypes).number
1503
1505
  };
1504
- var $4def8e29c2039eb8$export$2e2bcd8739ae039 = $4def8e29c2039eb8$var$DataTableRowChanger;
1506
+ var $7848c69a021266f7$export$2e2bcd8739ae039 = $7848c69a021266f7$var$DataTableRowChanger;
1505
1507
 
1506
1508
 
1507
1509
 
@@ -1592,6 +1594,7 @@ const $ec9e1550b0b034d0$var$SettingsIcon = ()=>/*#__PURE__*/ (0, $hgUW1$jsxs)("s
1592
1594
  var $ec9e1550b0b034d0$export$2e2bcd8739ae039 = $ec9e1550b0b034d0$var$SettingsIcon;
1593
1595
 
1594
1596
 
1597
+
1595
1598
  const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding , id: id , distribution: distribution , includeFiltered: includeFiltered , includeDensity: includeDensity , includeDownload: includeDownload , resource: resource , tablePadding: tablePadding , downloadUrl: downloadUrl })=>{
1596
1599
  const md = (0, $hgUW1$useMediaQuery)({
1597
1600
  minWidth: 0,
@@ -1661,7 +1664,7 @@ const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding
1661
1664
  onOpen: ()=>{
1662
1665
  navigator.clipboard.writeText(window.location.href);
1663
1666
  },
1664
- className: "ds-c-button ds-c-button--small ds-u-text-align--left ds-u-margin-right--1",
1667
+ className: "ds-c-button ds-c-button--small ds-u-text-align--left ds-u-margin-right--1 display-settings-font",
1665
1668
  placement: "bottom",
1666
1669
  dialog: true,
1667
1670
  ariaLabel: "Copy link to filtered data",
@@ -1677,14 +1680,14 @@ const $af099c546cb226c7$var$ResourceHeader = ({ setTablePadding: setTablePadding
1677
1680
  ]
1678
1681
  }),
1679
1682
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tooltip), {
1680
- className: "ds-c-button ds-c-button--small ds-u-text-align--left",
1683
+ className: "ds-c-button ds-c-button--small ds-u-text-align--left display-settings-font",
1681
1684
  placement: "bottom",
1682
1685
  dialog: true,
1683
1686
  ariaLabel: "Display settings",
1684
1687
  title: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
1685
1688
  className: "dc-c-display-settings",
1686
1689
  children: [
1687
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $4def8e29c2039eb8$export$2e2bcd8739ae039), {
1690
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $7848c69a021266f7$export$2e2bcd8739ae039), {
1688
1691
  limit: limit,
1689
1692
  setLimit: setLimit,
1690
1693
  setOffset: setOffset
@@ -1724,12 +1727,12 @@ const $17193a17e26a72da$var$DatasetTags = ({ keywords: keywords })=>{
1724
1727
  className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1",
1725
1728
  children: [
1726
1729
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1727
- className: "ds-u-color--primary ds-u-font-size--h3 ds-u-margin-top--0 ds-u-margin-bottom--2",
1730
+ className: "ds-u-color--primary ds-u-font-size--xl ds-u-margin-top--0 ds-u-margin-bottom--2",
1728
1731
  children: "Tags"
1729
1732
  }),
1730
1733
  keywords && keywords.map((k)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
1731
1734
  to: `/datasets?keyword[]=${k.data}`,
1732
- 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",
1735
+ 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",
1733
1736
  children: k.data
1734
1737
  }, k.identifier))
1735
1738
  ]
@@ -1771,7 +1774,7 @@ const $f341c2fd9bc53390$var$DatasetDownloads = ({ dataDictionaryURL: dataDiction
1771
1774
  className: "ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1 dc-c-dataset-downloads",
1772
1775
  children: [
1773
1776
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1774
- 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",
1777
+ 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",
1775
1778
  children: "Downloads"
1776
1779
  }),
1777
1780
  (distributions.length || dataDictionaryURL && dataDictionaryType) && /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
@@ -1825,6 +1828,7 @@ const $5644ebd2c3dbfd7b$var$DatasetAdditionalInformation = ({ datasetInfo: datas
1825
1828
  className: "dc-c-additional-info-table ds-u-margin-bottom--6",
1826
1829
  children: [
1827
1830
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1831
+ className: "ds-text-heading--2xl ds-u-margin-y--3",
1828
1832
  children: "Additional Information"
1829
1833
  }),
1830
1834
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
@@ -1898,6 +1902,7 @@ const $68eacd619bee0da7$var$ResourceInformation = ({ resource: resource })=>{
1898
1902
  className: "dc-c-resource-info-table",
1899
1903
  children: [
1900
1904
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
1905
+ className: "ds-text-heading--2xl ds-u-margin-y--3",
1901
1906
  children: "About this Resource"
1902
1907
  }),
1903
1908
  /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
@@ -2117,7 +2122,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2117
2122
  className: "ds-l-row",
2118
2123
  children: [
2119
2124
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
2120
- className: "ds-l-col--6",
2125
+ className: "ds-l-col--6 ds-u-margin-bottom--2",
2121
2126
  children: dataset.theme ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Badge), {
2122
2127
  variation: "info",
2123
2128
  children: dataset.theme[0].data
@@ -2143,7 +2148,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2143
2148
  resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
2144
2149
  children: [
2145
2150
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2146
- className: "dc-resource-header",
2151
+ className: "dc-resource-header ds-text-heading--2xl ds-u-margin-y--3",
2147
2152
  children: "Resource Preview"
2148
2153
  }),
2149
2154
  resource.columns ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -2193,6 +2198,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2193
2198
  ref: apiDocs,
2194
2199
  children: [
2195
2200
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2201
+ className: "ds-text-heading--2xl ds-u-margin-y--2",
2196
2202
  children: "Try the API"
2197
2203
  }),
2198
2204
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
@@ -2219,7 +2225,7 @@ const $766b8e351dd607f5$var$DatasetBody = ({ rootUrl: rootUrl , id: id , dataset
2219
2225
  className: "dc-c-dataset-tags ds-u-margin-bottom--3 ds-u-padding--2 ds-u-border ds-u-border--1",
2220
2226
  children: [
2221
2227
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
2222
- 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",
2228
+ 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",
2223
2229
  children: "API"
2224
2230
  }),
2225
2231
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
@@ -2592,19 +2598,12 @@ const $e5bfafc6d4e6f207$var$SearchModal = ({ searchFunc: searchFunc , appNodeId:
2592
2598
  children: "Search"
2593
2599
  })
2594
2600
  }),
2595
- modalSearch && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
2601
+ modalSearch && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dialog), {
2596
2602
  className: "dc-c-search-dialog",
2597
2603
  onExit: ()=>setModalSearch(false),
2598
- getApplicationNode: ()=>document.getElementById(appNodeId),
2599
- closeButtonText: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
2600
- children: "Close"
2601
- }),
2602
2604
  heading: `${headingText}`,
2603
- children: [
2604
- searchModalText && /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
2605
- children: searchModalText
2606
- }),
2607
- /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
2605
+ actions: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
2606
+ children: /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
2608
2607
  className: "ds-u-display--flex ds-u-align-items--stretch ds-u-flex-wrap--nowrap",
2609
2608
  onSubmit: (e)=>{
2610
2609
  searchForDataset(e);
@@ -2634,7 +2633,7 @@ const $e5bfafc6d4e6f207$var$SearchModal = ({ searchFunc: searchFunc , appNodeId:
2634
2633
  })
2635
2634
  ]
2636
2635
  })
2637
- ]
2636
+ })
2638
2637
  })
2639
2638
  ]
2640
2639
  });
@@ -2691,7 +2690,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2691
2690
  links: links.topnav,
2692
2691
  menuName: "CMS Main Header",
2693
2692
  menuId: "cmsheader",
2694
- menuClasses: "ds-u-display--flex dc-c-header--links ds-u-font-size--small"
2693
+ menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-font-size--sm"
2695
2694
  })
2696
2695
  })
2697
2696
  ]
@@ -2706,7 +2705,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2706
2705
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
2707
2706
  className: "ds-u-margin-right--5 ds-u-padding-y--3 dc-c-site-title",
2708
2707
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
2709
- className: "ds-c-link--inverse ds-h1",
2708
+ className: "ds-c-link--inverse ds-text-heading--3xl",
2710
2709
  to: "/",
2711
2710
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
2712
2711
  className: "",
@@ -2719,7 +2718,7 @@ const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName , headerClasse
2719
2718
  wrapLabel: true,
2720
2719
  menuName: "CMS Site Main Nav",
2721
2720
  menuId: "site",
2722
- menuClasses: "ds-u-display--flex dc-c-header--links ds-u-align-items--center",
2721
+ menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-align-items--center",
2723
2722
  linkClasses: linkClasses
2724
2723
  }),
2725
2724
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -2852,7 +2851,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2852
2851
  links: links.topnav,
2853
2852
  menuName: "CMS Main Header",
2854
2853
  menuId: "cmsheader",
2855
- menuClasses: "ds-u-display--flex dc-c-header--links ds-u-font-size--small"
2854
+ menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-font-size--sm ds-u-margin-bottom--2"
2856
2855
  })
2857
2856
  })
2858
2857
  ]
@@ -2875,10 +2874,11 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2875
2874
  }),
2876
2875
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
2877
2876
  className: "ds-u-padding-y--3 dc-c-site-title",
2878
- children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
2877
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
2878
+ className: "ds-c-link--inverse ds-text-heading--3xl",
2879
2879
  to: "/",
2880
2880
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
2881
- className: "ds-h1",
2881
+ className: "",
2882
2882
  children: siteName
2883
2883
  })
2884
2884
  })
@@ -2930,7 +2930,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2930
2930
  menuName: "Main Nav",
2931
2931
  menuId: "site",
2932
2932
  menuClasses: "dc-c-header--links dc-c-header--mobile-links",
2933
- linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-h5"
2933
+ linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-text-heading--md"
2934
2934
  }),
2935
2935
  mobile && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
2936
2936
  className: "cms-mobile-header--container",
@@ -2941,7 +2941,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName , links: links
2941
2941
  menuName: "CMS Main Header",
2942
2942
  menuId: "cms-mobile-header",
2943
2943
  linkClasses: "ds-u-margin-left--1 ds-u-margin-bottom--2",
2944
- menuClasses: "dc-c-header--links ds-u-font-size--small"
2944
+ menuClasses: "dc-c-header--links ds-u-font-size--sm ds-u-margin-bottom--2"
2945
2945
  })
2946
2946
  ]
2947
2947
  })
@@ -3037,10 +3037,11 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3037
3037
  className: "ds-l-md-col--8",
3038
3038
  children: [
3039
3039
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
3040
- className: "ds-h4",
3040
+ className: "ds-text-heading--lg",
3041
3041
  children: emailTitle
3042
3042
  }),
3043
3043
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
3044
+ className: "ds-u-padding-bottom--2",
3044
3045
  children: emailBody
3045
3046
  })
3046
3047
  ]
@@ -3066,9 +3067,10 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3066
3067
  className: "ds-l-row ds-u-margin--0",
3067
3068
  children: [
3068
3069
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3069
- 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" : ""}`,
3070
+ 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
3071
+ ${xs ? "ds-u-padding-x--0" : ""}`,
3070
3072
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3071
- className: "ds-l-lg-col--9 ds-l-md-col--11 ds-u-padding-x--0",
3073
+ className: "ds-l-lg-col--9 ds-l-md-col--11",
3072
3074
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3073
3075
  className: `ds-u-display--flex ${xs ? "ds-u-flex-direction--column" : "ds-u-flex-direction--row"}`,
3074
3076
  children: [
@@ -3076,11 +3078,11 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3076
3078
  className: "ds-u-margin-right--6 ds-u-margin-bottom--2",
3077
3079
  children: [
3078
3080
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
3079
- className: "ds-h6 dc-footer--heading ds-u-margin-bottom--2",
3081
+ className: "ds-text-heading--sm dc-footer--heading ds-u-margin-bottom--2",
3080
3082
  children: "Open data tools"
3081
3083
  }),
3082
3084
  /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
3083
- className: "ds-u-font-size--small ds-u-margin-bottom--3",
3085
+ className: "ds-u-font-size--sm ds-u-margin-bottom--3",
3084
3086
  children: footerOpenDataToolLinks.map((link)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
3085
3087
  className: "ds-u-margin-bottom--1",
3086
3088
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf8eeac354b9dd32$export$2e2bcd8739ae039), {
@@ -3094,11 +3096,11 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3094
3096
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3095
3097
  children: [
3096
3098
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
3097
- className: "ds-h6 dc-footer--heading ds-u-margin-bottom--2",
3099
+ className: "ds-text-heading--sm dc-footer--heading ds-u-margin-bottom--2",
3098
3100
  children: "Additional resources"
3099
3101
  }),
3100
3102
  /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
3101
- className: "ds-u-font-size--small",
3103
+ className: "ds-u-font-size--sm",
3102
3104
  children: footerAdditionalResourcesLinks.filter((link)=>{
3103
3105
  const noOnClick = Object.keys(link).findIndex((l)=>l === "onClick");
3104
3106
  if (noOnClick === -1 || link.onClick && link.dataTag) return link;
@@ -3130,7 +3132,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3130
3132
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3131
3133
  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`,
3132
3134
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3133
- className: "ds-u-font-size--small",
3135
+ className: "ds-u-font-size--sm",
3134
3136
  children: [
3135
3137
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
3136
3138
  children: [
@@ -3171,7 +3173,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3171
3173
  }),
3172
3174
  trademarkContent,
3173
3175
  socialMediaLinks && /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
3174
- className: "ds-u-display--flex",
3176
+ className: "ds-u-display--flex ds-u-flex-direction--row",
3175
3177
  children: [
3176
3178
  socialMediaLinks.facebook && socialMediaLinks.facebook.url && /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
3177
3179
  className: "ds-u-margin-right--1",
@@ -3388,7 +3390,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links , showEmail: showEmail , em
3388
3390
  })
3389
3391
  }),
3390
3392
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3391
- className: "dc-c-footer__utility ds-l-container ds-u-padding-y--2 ds-u-font-size--small",
3393
+ className: "dc-c-footer__utility ds-l-container ds-u-padding-y--2 ds-u-font-size--sm",
3392
3394
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
3393
3395
  className: "ds-l-row ",
3394
3396
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -3422,6 +3424,7 @@ $a6df0aa147323304$var$Footer.defaultProps = {
3422
3424
  children: "A federal government website managed and paid for by the U.S. Centers for Medicare & Medicaid Services."
3423
3425
  }),
3424
3426
  /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
3427
+ className: "ds-u-padding-bottom--2",
3425
3428
  children: "7500 Security Boulevard, Baltimore, MD 21244"
3426
3429
  })
3427
3430
  ]
@@ -4128,7 +4131,6 @@ var $ec3e23baa005dc03$export$2e2bcd8739ae039 = $ec3e23baa005dc03$var$Breadcrumb;
4128
4131
 
4129
4132
 
4130
4133
 
4131
-
4132
4134
 
4133
4135
 
4134
4136
  function $374c4669b044ddf8$var$getStartDate(condition, schema, id) {
@@ -4139,9 +4141,9 @@ function $374c4669b044ddf8$var$getStartDate(condition, schema, id) {
4139
4141
  return new Date();
4140
4142
  }
4141
4143
  const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index: index , update: update , remove: remove , propertyOptions: propertyOptions , schema: schema })=>{
4142
- const md = (0, $hgUW1$useMediaQuery)({
4144
+ const sm = (0, $hgUW1$useMediaQuery)({
4143
4145
  minWidth: 0,
4144
- maxWidth: 768
4146
+ maxWidth: 544
4145
4147
  });
4146
4148
  const [operator, setOperator] = (0, $hgUW1$useState)(condition.operator);
4147
4149
  const [property, setProperty] = (0, $hgUW1$useState)(condition.property);
@@ -4180,24 +4182,30 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index:
4180
4182
  value
4181
4183
  ]);
4182
4184
  return /*#__PURE__*/ (0, $hgUW1$jsxs)("fieldset", {
4183
- className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center",
4185
+ 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",
4184
4186
  children: [
4185
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
4186
- options: propertyOptions,
4187
- value: property,
4188
- label: "Property",
4189
- name: `${condition.key}_property`,
4190
- onChange: (e)=>setProperty(e.target.value)
4187
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
4188
+ 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",
4189
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
4190
+ options: propertyOptions,
4191
+ value: property,
4192
+ label: "Property",
4193
+ name: `${condition.key}_property`,
4194
+ onChange: (e)=>setProperty(e.target.value)
4195
+ })
4191
4196
  }),
4192
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
4193
- options: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[property].mysql_type),
4194
- value: operator,
4195
- size: "small",
4196
- label: "Operator",
4197
- name: `${condition.key}_operator`,
4198
- onChange: (e)=>setOperator(e.target.value)
4197
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
4198
+ 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",
4199
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
4200
+ options: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[property].mysql_type),
4201
+ value: operator,
4202
+ label: "Operator",
4203
+ name: `${condition.key}_operator`,
4204
+ onChange: (e)=>setOperator(e.target.value)
4205
+ })
4199
4206
  }),
4200
4207
  schema[id].fields[property].mysql_type === "date" ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
4208
+ 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",
4201
4209
  children: [
4202
4210
  /*#__PURE__*/ (0, $hgUW1$jsx)("label", {
4203
4211
  className: "ds-c-label",
@@ -4221,26 +4229,20 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id , condition: condition , index:
4221
4229
  withPortal: true
4222
4230
  })
4223
4231
  ]
4224
- }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
4225
- label: "Value",
4226
- name: `${condition.key}_value`,
4227
- value: (0, $7264a673914aa746$export$6b5e57d20078142b)(value, operator),
4228
- onChange: (e)=>setValue(e.target.value)
4232
+ }) : /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
4233
+ 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",
4234
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
4235
+ label: "Value",
4236
+ name: `${condition.key}_value`,
4237
+ value: (0, $7264a673914aa746$export$6b5e57d20078142b)(value, operator),
4238
+ onChange: (e)=>setValue(e.target.value)
4239
+ })
4229
4240
  }),
4230
4241
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
4231
- variation: md ? "transparent" : null,
4232
- size: "small",
4233
- className: "ds-u-margin-top--3",
4242
+ 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",
4234
4243
  "aria-label": "Delete filter",
4235
4244
  onClick: ()=>remove(index),
4236
- children: !md ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
4237
- children: "Delete filter"
4238
- }) : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
4239
- children: [
4240
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $847b0964185837b2$export$2e2bcd8739ae039), {}),
4241
- " "
4242
- ]
4243
- })
4245
+ children: "Delete filter"
4244
4246
  })
4245
4247
  ]
4246
4248
  });
@@ -4564,6 +4566,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id , dataset: dataset
4564
4566
  ref: apiDocs,
4565
4567
  children: [
4566
4568
  /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
4569
+ className: "ds-text-heading--2xl ds-u-margin-y--2",
4567
4570
  children: "Try the API"
4568
4571
  }),
4569
4572
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {