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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/main.css +57 -24
  2. package/dist/main.css.map +1 -1
  3. package/dist/main.js +82 -43
  4. package/dist/main.js.map +1 -1
  5. package/dist/types.d.ts +2 -0
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +1 -1
package/dist/main.css CHANGED
@@ -20,7 +20,6 @@
20
20
  .dkan-c-header-nav-icon-link {
21
21
  border-right: none;
22
22
  align-items: center;
23
- margin-right: 16px;
24
23
  display: inline-flex;
25
24
  }
26
25
 
@@ -68,6 +67,10 @@
68
67
  height: 51px;
69
68
  }
70
69
 
70
+ .dkan-c-cms-topnav > div {
71
+ height: 100%;
72
+ }
73
+
71
74
  .dkan-c-cms-topnav .dkan-c-cms-topnav-menu a {
72
75
  margin: 3px 7px;
73
76
  display: inline-block;
@@ -79,6 +82,11 @@
79
82
  list-style: none;
80
83
  }
81
84
 
85
+ .dkan-c-cms-topnav .dkan-c-cms-topnav--tagline {
86
+ height: 100%;
87
+ margin-left: 16px;
88
+ }
89
+
82
90
  @media screen and (width <= 544px) {
83
91
  .dkan-c-cms-topnav {
84
92
  display: none;
@@ -155,28 +163,7 @@
155
163
  border-bottom-color: var(--header-nav-link--mobile-color);
156
164
  }
157
165
 
158
- .dkan-c-header--desktop .dkan-c-main-navigation--search {
159
- border-left: 2px solid var(--header-nav-search--color);
160
- }
161
-
162
- .dkan-c-header--desktop .dkan-c-nav-menu--desktop .dkan-c-main-navigation--search {
163
- display: none;
164
- }
165
-
166
- .dkan-c-header--desktop .dkan-c-main-navigation--search .dkan-c-header-search--modal-button {
167
- color: var(--header-nav-search--color);
168
- text-decoration: none;
169
- }
170
-
171
- .dkan-c-header--desktop .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:focus, .dkan-c-header--desktop .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:hover {
172
- color: var(--header-nav-search--color);
173
- }
174
-
175
- .dkan-c-header--desktop .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:focus span, .dkan-c-header--desktop .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:hover span {
176
- border-bottom-color: var(--header-nav-search--color);
177
- }
178
-
179
- .dkan-c-header--desktop .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:before {
166
+ .dkan-c-header-search--modal-button:before {
180
167
  content: "";
181
168
  text-align: center;
182
169
  vertical-align: middle;
@@ -192,6 +179,27 @@
192
179
  display: inline-block;
193
180
  }
194
181
 
182
+ .dkan-c-main-navigation--search .dkan-c-header-search--modal-button {
183
+ color: var(--header-nav-search--color);
184
+ text-decoration: none;
185
+ }
186
+
187
+ .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:focus, .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:hover {
188
+ color: var(--header-nav-search--color);
189
+ }
190
+
191
+ .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:focus span, .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:hover span {
192
+ border-bottom-color: var(--header-nav-search--color);
193
+ }
194
+
195
+ .dkan-c-header--desktop .dkan-c-main-navigation--search {
196
+ border-left: 2px solid var(--header-nav-search--color);
197
+ }
198
+
199
+ .dkan-c-header--desktop .dkan-c-nav-menu--desktop .dkan-c-main-navigation--search {
200
+ display: none;
201
+ }
202
+
195
203
  .dkan-c-header--link-list {
196
204
  list-style: none;
197
205
  }
@@ -342,7 +350,7 @@ button.dkan-c-mobile-menu-button--open:before {
342
350
  list-style: none;
343
351
  }
344
352
 
345
- div.dkan-c-sidebar-nav {
353
+ div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {
346
354
  border-radius: 4px;
347
355
  border-top: 8px solid var(--color-secondary) !important;
348
356
  }
@@ -364,6 +372,31 @@ div.dkan-c-sidebar-nav {
364
372
  border-radius: 2px;
365
373
  }
366
374
 
375
+ .dkan-c-sidebar-nav--mobile {
376
+ margin-bottom: 32px;
377
+ }
378
+
379
+ .dkan-c-sidebar-nav--mobile .dkan-c-sidebar-nav-menu--open {
380
+ display: inherit;
381
+ }
382
+
383
+ .dkan-c-sidebar-nav--mobile .dkan-c-sidebar-nav-menu--close {
384
+ display: none;
385
+ }
386
+
387
+ .dkan-c-sidebar-nav--mobile .dkan-c-sidebar-nav--mobile-header {
388
+ margin-top: -32px;
389
+ display: flex;
390
+ }
391
+
392
+ .dkan-c-sidebar-nav--desktop .dkan-c-sidebar-nav--mobile-header {
393
+ display: none;
394
+ }
395
+
396
+ .dkan-c-sidebar-nav--mobile {
397
+ display: inherit;
398
+ }
399
+
367
400
  :root {
368
401
  --su-color--blue-dark: #036;
369
402
  --su-color--brown: #884c00;
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"ACAA;;;;AAKE;;;;AAMA;;;;;;ACXF;;;;;AAKA;;;;;;;AAKE;;;;;;AAKA;;;;AAIA;;;;;;;;;;;;;;;;AAeA;;;;;;AAQA;;;;AAMA;;;;AChDF;;;;AAIA;;;;;AAKA;;;;;;AAOA;EACE;;;;;AAKF;EACE;;;;;ACvBF;;;;;AAKA;;;;AAIA;;;;AAKE;;;;AAMA;;;;;;;;;;;AAQE;;;;;;AAIE;;;;;AASA;;;;ACxCJ;;;;AAQA;;;;AAIA;;;;;AAGE;;;;AAGE;;;;AAQJ;;;;AAGA;;;;AAGA;;;;;AAGE;;;;AAGE;;;;AAIF;;;;;;;;;;;;;;;;AC3CJ;;;;AAIA;;;;AAME;;;;AAUA;;;;;AAIE;;;;AAGE;;;;AAMJ;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;AAkBA;;;;;AAGE;;;;;;;;;;AAUA;;;;AAOF;;;;;;AAMI;;;;AAMJ;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;AC9GF;;;;;AAME;;;;AAMA;;;;AAKF;;;;AAEE;;;;;;;;;;;;;;;;AAeA;;;;AASA;;;;AC3CF;;;;;;;ACAA;;;;;AAKA;;;;;;;AAOA;;;;;AAKA;;;;;ACbA;;;;;;;;;;;;AAeI;;;;AAIA;;;;;AAIE;;;;;AAQA;;;;;AASA;;;;AAWF;;;;;AAKA;;;;;AAKA;;;;AAOE;;;;AAGE;;;;AAMJ;;;;AAKF;;;;;;;AAMA;;;;AAGA;;;;AAGE;;;;AAKF;;;;AAKF;;;;AAIA;;;;;AAOA;EACE;;;;;ACxHF;;;;AAKI;;;;AASF;;;;AAGA;;;;;AAIA;;;;ACjBE;EAFF;;;;;AAOE;EADF;;;;;;;AAYA;;;;;;;;;;AAYA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AC/CA;;;;AAIA;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;ACpCF;;;;;AAGE;;;;;;AAKA;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;AAcE;;;;AAQF;;;;;;;AAKE;;;;;AAKF;;;;AAMF;;;;AAIA;;;;;;;AAOE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;AChGE;;;;AAKF;;;;AAIA;;;;;ACVA;;;;ACAA;;;;;ACAA;;;;ACCE;;;;;;;;;AAUF;;;;;;AAMA;;;;AAKE;;;;AAEE;;;;AAIF;;;;AAKF;;;;AAIA;;;;ACrCA;;;;;;;;;;;;;;;;AAgBA;;;;AAIA;;;;;AAME;;;;;;;AAQF;;;;;AAGE;;;;;;;;;;;;;;;;AAiBF;;;;;;;AAKE;;;;;;;;;;;;;;;AAgBF;;;;;;;;;;;;;;AAyBA;;;;;AAME;;;;;;;;;;AASA;;;;;;AAKA;;;;;;;;AAUA;;;;AAwBA;;;;;AAIA;;;;AAMA;;;;;AAIA;;;;AAOA;;;;;AAMF;;;;;;AAMA;;;;;AAGE;;;;AAGA;;;;;;;;AASA;;;;AAMF;EACE;;;;;AAUA;;;;;AAGE;;;;;AAIA;;;;;;AAKE;;;;AAIF;;;;;AAGE;;;;AAIF;;;;AAYJ;;;;;;;;;AAmCA;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;;AC1SF;;;;ACAA;;;;ACAA;;;;;;;;AAKE;;;;;AAGE;;;;;;;;AAQE;;;;;AASN;;;;AAIA;;;;AC7BA;;;;AAGA;;;;ACHA;;;;AAIA;;;;AAMI;;;;AAMJ","sources":["66671e0fb4f6ef44","src/components/HeaderTagline/header-tagline.scss","src/components/HeaderNavIconLink/header-nav-icon-link.scss","src/components/CMSTopNav/cms-topnav.scss","src/components/SubMenu/submenu.scss","src/components/HeaderSearch/header-search.scss","src/components/HeaderNav/header-nav.scss","src/components/MobileMenuButton/mobile-menu-button.scss","src/components/NavBar/navbar.scss","src/components/SidebarNavigation/sidebar-navigation.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/DatasetAdditionalInformation/additional-information-table.scss","src/components/Resource/Resource.scss","src/components/DataDictionaryTable/dataDictionaryTable.scss","src/components/DatasetDictionaryTable/dataDictionary.scss","src/templates/Dataset/dataset.scss","src/templates/Header/header.scss","src/components/NavLink/NavLink.scss","src/components/ResourceHeader/resource-header.scss","src/components/Breadcrumb/breadcrumb.scss","src/templates/FilteredResource/query-builder.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["@import \"5a0544d83d9d1014\";\n@import \"b87885de2f8b5433\";\n@import \"7f6943971d89bba6\";\n@import \"7b7c8b0df223a131\";\n@import \"29c08bb4928c86a9\";\n@import \"33f61c049b288427\";\n@import \"8de2d412e6cb09ca\";\n@import \"deb7fb77a9a39a18\";\n@import \"7e153e7ec014239d\";\n@import \"4aaf9b6e7d02ddbc\";\n@import \"eab1ff0a90f53ec6\";\n@import \"401f704da451978e\";\n@import \"afb93adf2372c8fa\";\n@import \"e0db2df3aeed891f\";\n@import \"0942f6189f250c2d\";\n@import \"0038627699fe7360\";\n@import \"d35618c6100ac41e\";\n@import \"c21b52fda9bf8379\";\n@import \"9581ea82efe9ba05\";\n@import \"5c4d0463a5a7f5df\";\n@import \"273e90f78d9897be\";\n@import \"abe4b1357605f482\";\n@import \"befaac9e892f85f3\";\n@import \"11a474311c5aac64\";\n@import \"e4bccea31c84a01a\";\n",".dkan-c-cms-topnav--tagline {\n color: #{var(--tag-line--color)};\n}\n\n.dkan-c-header--mobile {\n .dkan-c-cms-topnav--tagline {\n display: none;\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-cms-topnav--tagline {\n display: inline-flex;\n align-items: center;\n border-left: 1px solid #{var(--tag-line--border-color)};\n }\n}\n",":root {\n --header-nav-icon-link--desktop-width: 240px;\n --header-nav-icon-link--mobile-width: 90px;\n}\n\n.dkan-c-header-nav-icon-link {\n display: inline-flex;\n align-items: center;\n margin-right: 16px;\n border-right: none;\n a {\n text-decoration: none;\n border-bottom: none;\n display: inline-block;\n }\n a:focus,\n a:hover {\n background-color: transparent;\n }\n &.show-back-arrow a::before {\n font-family: 'Font Awesome 6 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 display: inline-block;\n vertical-align: middle;\n }\n}\n\n.dkan-c-header--mobile {\n .dkan-c-header-nav-icon-link img {\n width: #{var(--header-nav-icon-link--mobile-width)};\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-header-nav-icon-link img {\n width: #{var(--header-nav-icon-link--desktop-width)};\n }\n}\n\n// @media (min-width: 1024px) {\n// .dkan-c-header-nav-icon-link {\n// float: left;\n// border-right: 1px solid #d6d7d9;\n// img {\n// height: auto;\n// display: inline-block;\n// vertical-align: middle;\n// width: #{var(--header-nav-icon-link--desktop-width)};\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// }",".dkan-c-cms-topnav {\n height: 51px;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav-menu a {\n display: inline-block;\n margin: 3px 7px;\n}\n\n.dkan-c-cms-topnav--menu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n\n@media screen and (max-width: 544px) {\n .dkan-c-cms-topnav {\n display: none;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .dkan-c-cms-topnav {\n height: 85px;\n }\n}\n",".dkan-c-site-menu--sub-menu {\n list-style: none;\n display: none;\n}\n\n.dkan-c-nav-submenu {\n position: relative;\n}\n\n.dkan-c-nav-submenu.open .dkan-c-site-menu--sub-menu {\n display: block;\n}\n\n.dkan-c-header--mobile {\n .dkan-c-site-menu--sub-menu a svg {\n display: none;\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-site-menu--sub-menu {\n background: #{var(--header-submenu--bg-color)};\n position: absolute;\n left: 0;\n top: 48px;\n margin: 0;\n padding: 16px;\n width: #{var(--header-submenu--width)};\n a {\n text-align: left;\n display: flex;\n padding: 16px;\n span {\n margin-left: 8px;\n border-bottom-width: 2px;\n border-bottom-style: solid;\n border-bottom-color: transparent;\n }\n }\n a:hover,\n a:focus {\n span {\n border-bottom-color: #{var(--header-nav-link--mobile-color)};\n }\n }\n z-index: 999;\n }\n\n}\n\n\n\n// .dkan-c-nav-submenu button {\n// text-decoration: none;\n// }\n\n// .dkan-c-nav-submenu button:hover {\n// text-decoration: underline;\n// }\n\n// .dkan-c-nav-menu--open .dc-c-site-menu--sub-menu {\n// position: relative;\n// width: 100%;\n// background: none;\n// top: 0;\n// a {\n// margin-left: 8px;\n// }\n// }\n",".dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n span {\n border-bottom-width: 2px;\n border-bottom-style: solid;\n border-bottom-color: transparent;\n }\n}\n\n.dkan-c-header--mobile {\n .dkan-c-nav-menu--mobile {\n display: none;\n }\n\n .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button {\n text-decoration: none;\n color: #{var(--header-nav-link--mobile-color)};\n &:hover,\n &:focus {\n color: #{var(--header-nav-link--mobile-color)};\n span {\n border-bottom-color: #{var(--header-nav-link--mobile-color)};\n }\n }\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-main-navigation--search {\n border-left: 2px solid #{var(--header-nav-search--color)};\n }\n .dkan-c-nav-menu--desktop .dkan-c-main-navigation--search {\n display: none;\n }\n .dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n color: #{var(--header-nav-search--color)};\n text-decoration: none;\n &:focus,\n &:hover {\n color: #{var(--header-nav-search--color)};\n span {\n border-bottom-color: #{var(--header-nav-search--color)};\n }\n }\n &::before {\n font-family: 'Font Awesome 6 Pro';\n content: '\\f002';\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}\n\n",".dkan-c-header--link-list {\n list-style: none;\n}\n\n.dkan-c-header--wrapper {\n flex-wrap: nowrap !important;\n}\n\n.dkan-c-header--link-list .dkan-c-header--link,\n.dkan-c-header--link-list .dkan-c-header--link + ul a {\n span {\n border-bottom-width: 2px;\n border-bottom-style: solid;\n border-bottom-color: transparent;\n }\n}\n\n\n\n.dkan-c-header--mobile {\n .dkan-c-header--link-list .dkan-c-header--link,\n .dkan-c-header--link-list .dkan-c-header--link + ul a {\n text-decoration: none;\n color: #{var(--header-nav-link--mobile-color)};\n &:hover,\n &:focus {\n color: #{var(--header-nav-link--mobile-color)};\n span {\n border-bottom-color: #{var(--header-nav-link--mobile-color)};\n }\n }\n }\n\n .dkan-c-nav-menu ul {\n padding-inline-start: 0;\n }\n\n .dkan-c-nav-menu--close {\n display: none;\n }\n\n .dkan-c-nav-menu--open {\n flex: none;\n max-width: 100%;\n display: block;\n position: fixed;\n background-color: #{var(--header-mobile-bg-color)};\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 50px 0;\n z-index: 500;\n // TODO: Need to rework, doesn't do anything with display none/block.\n transition-property: left;\n transition-duration: #{var(--mobile-nav-animation-time)};\n }\n\n .dkan-c-nav-menu .dkan-c-top-nav {\n padding-top: 8px;\n display: inherit;\n &::before {\n background: #{var(--color-primary-light)};\n content: \"\";\n width: 48px;\n height: 2px;\n margin-left: 24px;\n display: block;\n position: absolute;\n }\n \n ul {\n padding-top: 16px;\n }\n }\n}\n\n.dkan-c-header--desktop {\n ul.dkan-c-header--link-list .dkan-c-header--link,\n ul.dkan-c-header--link-list .dkan-c-header--link + ul a {\n text-decoration: none;\n color: #{var(--header-nav-link--color)};\n padding: #{var(--space, 8px 8px)};\n &:hover {\n span {\n border-bottom-color: #{var(--header-nav-link--color)};\n }\n }\n }\n\n .dkan-c-header--link-list {\n margin-block: 0;\n }\n\n .dkan-c-main-nav {\n display: flex;\n flex-direction: row;\n justify-content: end;\n }\n\n .dkan-c-nav-menu--mobile-close-button {\n display: none;\n }\n\n .dkan-c-header--link-list {\n display: flex;\n flex-direction: row;\n }\n\n .dkan-c-nav-menu .dkan-c-top-nav {\n display: none;\n }\n}\n\n\n\n",":root {\n --mobile-menu-button--color: #{var(--color-white)};\n --mobile-menu-button--hover-color: #{var(--color-white)};\n}\n\n.dkan-c-header--desktop {\n .dkan-c-mobile-menu-button {\n display: none;\n }\n}\n\n.dkan-c-header--mobile {\n .dkan-c-mobile-menu-button {\n display: inherit;\n }\n}\n\nbutton.dkan-c-mobile-menu-button {\n color: #{var(--mobile-menu-button--color)};\n &::before {\n font-family: 'Font Awesome 6 Pro';\n color: #{var(--mobile-menu-button--color)};\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 &:hover {\n color: #{var(--mobile-menu-button--hover-color)};\n &::before {\n color: #{var(--mobile-menu-button--hover-color)};\n }\n }\n}\n\nbutton.dkan-c-mobile-menu-button--open {\n &::before {\n content: '\\f0c9';\n }\n}\n",".dkan-c-cms-topnav-menu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n justify-content: end;\n}\n","div.dkan-c-sidebar-nav {\n border-top: 8px solid var(--color-secondary) !important;\n border-radius: 4px;\n}\n\n.dkan-c-sidebar-nav ul {\n list-style: none;\n display: block;\n margin: 0;\n padding: 0;\n}\n\n.dkan-c-sidebar-nav-link-status {\n border: 2px solid var(--color-gray-lighter);\n border-radius: 2px;\n}\n\n.active .dkan-c-sidebar-nav-link-status {\n border: 2px solid var(--color-primary-darker);\n border-radius: 2px;\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// 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 .model-hint {\n max-width: 100%;\n word-wrap: break-word;\n white-space: normal;\n top: 1.5em;\n }\n section.models .model-container {\n overflow-x: auto;\n }\n table {\n min-width: 500px;\n\n &.model tbody tr td:first-of-type {\n min-width: 174px;\n }\n }\n\n .table-container, .responses-inner {\n overflow: scroll;\n }\n}\n\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n font-weight: bold !important;\n}\n\n.swagger-ui div.wrapper {\n padding-left: 0;\n padding-right: 0;\n}\n\n// Fix issue on mobile with text on accordion looking weird.\n\n@media (width <= 544px) {\n .swagger-ui .opblock-tag-section .opblock-tag small {\n flex: initial;\n }\n}\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 span > span > 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 div.--alt-style input {\n @media only screen and (max-width: 544px) {\n --text-input__border-radius: 50px;\n --text-input__border-color: #c6b7b7;\n height: 61px;\n }\n }\n\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n .dc-c-search-button-mobile {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n position: absolute;\n right: 18px;\n top: 2px;\n z-index: 1000;\n height: 57px;\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-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 thead > .dc-c-sticky-header {\n position: sticky;\n top: 0;\n background-color: white;\n }\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-c-datatable-wrapper {\n overflow: auto;\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 > div > span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n display: inline-block;\n .ds-c-tooltip__container {\n white-space: wrap;\n font-weight: normal;\n }\n }\n th p {\n white-space: normal;\n }\n\n}\n\n.dc-c-datatable--even-row td {\n background-color: #{var(--table__background-color--striped)};\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 6 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",".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","ul.dc-c-resource-full-width {\n width: 100%;\n}\n",".dc-c-datadictionary-table .dc-c-datatable th, .dc-c-datadictionary-table .dc-c-datatable td {\n border-left: 0;\n border-right: 0;\n}",".dc-c-tooltip-width-override .ds-c-tooltip {\n width: 500px;\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-light)};\n }\n}\n\n.dc-truncate {\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\n.dc-dataset .ds-c-tabs {\n .ds-c-tabs__item {\n text-decoration:none;\n svg {\n fill: #{var(--link__color)};\n }\n }\n svg {\n margin-right: 8px;\n }\n}\n\n#main-content {\n overflow: visible;\n}\n\n.dc-c-word-break--all {\n word-break: break-all;\n}",":root {\n --mobile-nav-animation-time: 1s;\n --cms-top-nav-height: 87px;\n --main-nav-height: 100px;\n --header-bg-color: #{var(--color-primary)};\n --header-bg-image: linear-gradient(90deg, var(--color-primary-darkest) 10%, var(--color-primary) 90%);\n --header-nav-link--color: #{var(--color-white)};\n --header-nav-link--mobile-color: #{var(--color-white)};\n --header-mobile-bg-color: #{var(--color-gray-dark)};\n --header-submenu--bg-color: #{var(--color-primary)};\n --header-submenu--width: 300px;\n --header-nav-search--color: #{var(--color-white)};\n --tag-line--color: #6f757c;\n --tag-line--border-color: #6f757c;\n}\n\n.dkan-c-main-navigation > div > div {\n height: #{var(--main-nav-height)};\n}\n\n.dkan-c-header .dkan-c-main-navigation {\n background-color: #{var(--header-bg-color)};\n background-image: #{var(--header-bg-image)};\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 6 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 6 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-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-light)};\n }\n}\n// .has-submenu > button::after {\n// font-family: 'Font Awesome 6 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-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\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-light)};\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 text-decoration: none;\n}\n\n// li.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-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 6 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","nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n border-bottom: 2px solid #{var(--color-primary-light)};\n}",".ds-c-button.display-settings-font {\n font: inherit;\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 6 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-query-builder > .ds-c-accordion > .ds-c-accordion__content {\n overflow: visible;\n}\n.dc-query-builder .react-datepicker select {\n background-image: none;\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":"ACAA;;;;AAKE;;;;AAMA;;;;;;ACXF;;;;;AAKA;;;;;;AAIE;;;;;;AAKA;;;;AAIA;;;;;;;;;;;;;;;;AAeA;;;;;;AAQA;;;;AAMA;;;;AC/CF;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;AAKA;EACE;;;;;AAKF;EACE;;;;;AC/BF;;;;;AAKA;;;;AAIA;;;;AAKE;;;;AAMA;;;;;;;;;;;AAQE;;;;;;AAIE;;;;;AASA;;;;ACxCJ;;;;AAQA;;;;AAIA;;;;;AAGE;;;;AAGE;;;;AAQJ;;;;;;;;;;;;;;;;AAiBF;;;;;AAGE;;;;AAGE;;;;AAOF;;;;AAGA;;;;AC5DF;;;;AAIA;;;;AAME;;;;AAUA;;;;;AAIE;;;;AAGE;;;;AAMJ;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;AAkBA;;;;;AAGE;;;;;;;;;;AAUA;;;;AAOF;;;;;;AAMI;;;;AAMJ;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;AC9GF;;;;;AAME;;;;AAMA;;;;AAKF;;;;AAEE;;;;;;;;;;;;;;;;AAeA;;;;AASA;;;;AC3CF;;;;;;;ACAA;;;;;AAKA;;;;;;;AAOA;;;;;AAKA;;;;;AAKA;;;;AAEE;;;;AAIA;;;;AAIA;;;;;AAMF;;;;AAKA;;;;ACvCA;;;;;;;;;;;;AAeI;;;;AAIA;;;;;AAIE;;;;;AAQA;;;;;AASA;;;;AAWF;;;;;AAKA;;;;;AAKA;;;;AAOE;;;;AAGE;;;;AAMJ;;;;AAKF;;;;;;;AAMA;;;;AAGA;;;;AAGE;;;;AAKF;;;;AAKF;;;;AAIA;;;;;AAOA;EACE;;;;;ACxHF;;;;AAKI;;;;AASF;;;;AAGA;;;;;AAIA;;;;ACjBE;EAFF;;;;;AAOE;EADF;;;;;;;AAYA;;;;;;;;;;AAYA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AC/CA;;;;AAIA;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;ACpCF;;;;;AAGE;;;;;;AAKA;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;AAcE;;;;AAQF;;;;;;;AAKE;;;;;AAKF;;;;AAMF;;;;AAIA;;;;;;;AAOE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;AChGE;;;;AAKF;;;;AAIA;;;;;ACVA;;;;ACAA;;;;;ACAA;;;;ACCE;;;;;;;;;AAUF;;;;;;AAMA;;;;AAKE;;;;AAEE;;;;AAIF;;;;AAKF;;;;AAIA;;;;ACrCA;;;;;;;;;;;;;;;;AAgBA;;;;AAIA;;;;;AAME;;;;;;;AAQF;;;;;AAGE;;;;;;;;;;;;;;;;AAiBF;;;;;;;AAKE;;;;;;;;;;;;;;;AAgBF;;;;;;;;;;;;;;AAyBA;;;;;AAME;;;;;;;;;;AASA;;;;;;AAKA;;;;;;;;AAUA;;;;AAwBA;;;;;AAIA;;;;AAMA;;;;;AAIA;;;;AAOA;;;;;AAMF;;;;;;AAMA;;;;;AAGE;;;;AAGA;;;;;;;;AASA;;;;AAMF;EACE;;;;;AAUA;;;;;AAGE;;;;;AAIA;;;;;;AAKE;;;;AAIF;;;;;AAGE;;;;AAIF;;;;AAYJ;;;;;;;;;AAmCA;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;;AC1SF;;;;ACAA;;;;ACAA;;;;;;;;AAKE;;;;;AAGE;;;;;;;;AAQE;;;;;AASN;;;;AAIA;;;;AC7BA;;;;AAGA;;;;ACHA;;;;AAIA;;;;AAMI;;;;AAMJ","sources":["66671e0fb4f6ef44","src/components/HeaderTagline/header-tagline.scss","src/components/HeaderNavIconLink/header-nav-icon-link.scss","src/components/CMSTopNav/cms-topnav.scss","src/components/SubMenu/submenu.scss","src/components/HeaderSearch/header-search.scss","src/components/HeaderNav/header-nav.scss","src/components/MobileMenuButton/mobile-menu-button.scss","src/components/NavBar/navbar.scss","src/components/SidebarNavigation/sidebar-navigation.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/DatasetAdditionalInformation/additional-information-table.scss","src/components/Resource/Resource.scss","src/components/DataDictionaryTable/dataDictionaryTable.scss","src/components/DatasetDictionaryTable/dataDictionary.scss","src/templates/Dataset/dataset.scss","src/templates/Header/header.scss","src/components/NavLink/NavLink.scss","src/components/ResourceHeader/resource-header.scss","src/components/Breadcrumb/breadcrumb.scss","src/templates/FilteredResource/query-builder.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["@import \"5a0544d83d9d1014\";\n@import \"b87885de2f8b5433\";\n@import \"7f6943971d89bba6\";\n@import \"7b7c8b0df223a131\";\n@import \"29c08bb4928c86a9\";\n@import \"33f61c049b288427\";\n@import \"8de2d412e6cb09ca\";\n@import \"deb7fb77a9a39a18\";\n@import \"7e153e7ec014239d\";\n@import \"4aaf9b6e7d02ddbc\";\n@import \"eab1ff0a90f53ec6\";\n@import \"401f704da451978e\";\n@import \"afb93adf2372c8fa\";\n@import \"e0db2df3aeed891f\";\n@import \"0942f6189f250c2d\";\n@import \"0038627699fe7360\";\n@import \"d35618c6100ac41e\";\n@import \"c21b52fda9bf8379\";\n@import \"9581ea82efe9ba05\";\n@import \"5c4d0463a5a7f5df\";\n@import \"273e90f78d9897be\";\n@import \"abe4b1357605f482\";\n@import \"befaac9e892f85f3\";\n@import \"11a474311c5aac64\";\n@import \"e4bccea31c84a01a\";\n",".dkan-c-cms-topnav--tagline {\n color: #{var(--tag-line--color)};\n}\n\n.dkan-c-header--mobile {\n .dkan-c-cms-topnav--tagline {\n display: none;\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-cms-topnav--tagline {\n display: inline-flex;\n align-items: center;\n border-left: 1px solid #{var(--tag-line--border-color)};\n }\n}\n",":root {\n --header-nav-icon-link--desktop-width: 240px;\n --header-nav-icon-link--mobile-width: 90px;\n}\n\n.dkan-c-header-nav-icon-link {\n display: inline-flex;\n align-items: center;\n border-right: none;\n a {\n text-decoration: none;\n border-bottom: none;\n display: inline-block;\n }\n a:focus,\n a:hover {\n background-color: transparent;\n }\n &.show-back-arrow a::before {\n font-family: 'Font Awesome 6 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 display: inline-block;\n vertical-align: middle;\n }\n}\n\n.dkan-c-header--mobile {\n .dkan-c-header-nav-icon-link img {\n width: #{var(--header-nav-icon-link--mobile-width)};\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-header-nav-icon-link img {\n width: #{var(--header-nav-icon-link--desktop-width)};\n }\n}\n\n// @media (min-width: 1024px) {\n// .dkan-c-header-nav-icon-link {\n// float: left;\n// border-right: 1px solid #d6d7d9;\n// img {\n// height: auto;\n// display: inline-block;\n// vertical-align: middle;\n// width: #{var(--header-nav-icon-link--desktop-width)};\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// }",".dkan-c-cms-topnav {\n height: 51px;\n}\n\n.dkan-c-cms-topnav > div {\n height: 100%;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav-menu a {\n display: inline-block;\n margin: 3px 7px;\n}\n\n.dkan-c-cms-topnav--menu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav--tagline {\n height: 100%;\n margin-left: 16px;\n}\n\n@media screen and (max-width: 544px) {\n .dkan-c-cms-topnav {\n display: none;\n }\n}\n\n@media screen and (min-width: 1024px) {\n .dkan-c-cms-topnav {\n height: 85px;\n }\n}\n",".dkan-c-site-menu--sub-menu {\n list-style: none;\n display: none;\n}\n\n.dkan-c-nav-submenu {\n position: relative;\n}\n\n.dkan-c-nav-submenu.open .dkan-c-site-menu--sub-menu {\n display: block;\n}\n\n.dkan-c-header--mobile {\n .dkan-c-site-menu--sub-menu a svg {\n display: none;\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-site-menu--sub-menu {\n background: #{var(--header-submenu--bg-color)};\n position: absolute;\n left: 0;\n top: 48px;\n margin: 0;\n padding: 16px;\n width: #{var(--header-submenu--width)};\n a {\n text-align: left;\n display: flex;\n padding: 16px;\n span {\n margin-left: 8px;\n border-bottom-width: 2px;\n border-bottom-style: solid;\n border-bottom-color: transparent;\n }\n }\n a:hover,\n a:focus {\n span {\n border-bottom-color: #{var(--header-nav-link--mobile-color)};\n }\n }\n z-index: 999;\n }\n\n}\n\n\n\n// .dkan-c-nav-submenu button {\n// text-decoration: none;\n// }\n\n// .dkan-c-nav-submenu button:hover {\n// text-decoration: underline;\n// }\n\n// .dkan-c-nav-menu--open .dc-c-site-menu--sub-menu {\n// position: relative;\n// width: 100%;\n// background: none;\n// top: 0;\n// a {\n// margin-left: 8px;\n// }\n// }\n",".dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n span {\n border-bottom-width: 2px;\n border-bottom-style: solid;\n border-bottom-color: transparent;\n }\n}\n\n.dkan-c-header--mobile {\n .dkan-c-nav-menu--mobile {\n display: none;\n }\n\n .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button {\n text-decoration: none;\n color: #{var(--header-nav-link--mobile-color)};\n &:hover,\n &:focus {\n color: #{var(--header-nav-link--mobile-color)};\n span {\n border-bottom-color: #{var(--header-nav-link--mobile-color)};\n }\n }\n }\n}\n\n.dkan-c-header-search--modal-button {\n &::before {\n font-family: 'Font Awesome 6 Pro';\n content: '\\f002';\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\n.dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n color: #{var(--header-nav-search--color)};\n text-decoration: none;\n &:focus,\n &:hover {\n color: #{var(--header-nav-search--color)};\n span {\n border-bottom-color: #{var(--header-nav-search--color)};\n }\n }\n}\n\n.dkan-c-header--desktop {\n .dkan-c-main-navigation--search {\n border-left: 2px solid #{var(--header-nav-search--color)};\n }\n .dkan-c-nav-menu--desktop .dkan-c-main-navigation--search {\n display: none;\n }\n \n}\n\n",".dkan-c-header--link-list {\n list-style: none;\n}\n\n.dkan-c-header--wrapper {\n flex-wrap: nowrap !important;\n}\n\n.dkan-c-header--link-list .dkan-c-header--link,\n.dkan-c-header--link-list .dkan-c-header--link + ul a {\n span {\n border-bottom-width: 2px;\n border-bottom-style: solid;\n border-bottom-color: transparent;\n }\n}\n\n\n\n.dkan-c-header--mobile {\n .dkan-c-header--link-list .dkan-c-header--link,\n .dkan-c-header--link-list .dkan-c-header--link + ul a {\n text-decoration: none;\n color: #{var(--header-nav-link--mobile-color)};\n &:hover,\n &:focus {\n color: #{var(--header-nav-link--mobile-color)};\n span {\n border-bottom-color: #{var(--header-nav-link--mobile-color)};\n }\n }\n }\n\n .dkan-c-nav-menu ul {\n padding-inline-start: 0;\n }\n\n .dkan-c-nav-menu--close {\n display: none;\n }\n\n .dkan-c-nav-menu--open {\n flex: none;\n max-width: 100%;\n display: block;\n position: fixed;\n background-color: #{var(--header-mobile-bg-color)};\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 50px 0;\n z-index: 500;\n // TODO: Need to rework, doesn't do anything with display none/block.\n transition-property: left;\n transition-duration: #{var(--mobile-nav-animation-time)};\n }\n\n .dkan-c-nav-menu .dkan-c-top-nav {\n padding-top: 8px;\n display: inherit;\n &::before {\n background: #{var(--color-primary-light)};\n content: \"\";\n width: 48px;\n height: 2px;\n margin-left: 24px;\n display: block;\n position: absolute;\n }\n \n ul {\n padding-top: 16px;\n }\n }\n}\n\n.dkan-c-header--desktop {\n ul.dkan-c-header--link-list .dkan-c-header--link,\n ul.dkan-c-header--link-list .dkan-c-header--link + ul a {\n text-decoration: none;\n color: #{var(--header-nav-link--color)};\n padding: #{var(--space, 8px 8px)};\n &:hover {\n span {\n border-bottom-color: #{var(--header-nav-link--color)};\n }\n }\n }\n\n .dkan-c-header--link-list {\n margin-block: 0;\n }\n\n .dkan-c-main-nav {\n display: flex;\n flex-direction: row;\n justify-content: end;\n }\n\n .dkan-c-nav-menu--mobile-close-button {\n display: none;\n }\n\n .dkan-c-header--link-list {\n display: flex;\n flex-direction: row;\n }\n\n .dkan-c-nav-menu .dkan-c-top-nav {\n display: none;\n }\n}\n\n\n\n",":root {\n --mobile-menu-button--color: #{var(--color-white)};\n --mobile-menu-button--hover-color: #{var(--color-white)};\n}\n\n.dkan-c-header--desktop {\n .dkan-c-mobile-menu-button {\n display: none;\n }\n}\n\n.dkan-c-header--mobile {\n .dkan-c-mobile-menu-button {\n display: inherit;\n }\n}\n\nbutton.dkan-c-mobile-menu-button {\n color: #{var(--mobile-menu-button--color)};\n &::before {\n font-family: 'Font Awesome 6 Pro';\n color: #{var(--mobile-menu-button--color)};\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 &:hover {\n color: #{var(--mobile-menu-button--hover-color)};\n &::before {\n color: #{var(--mobile-menu-button--hover-color)};\n }\n }\n}\n\nbutton.dkan-c-mobile-menu-button--open {\n &::before {\n content: '\\f0c9';\n }\n}\n",".dkan-c-cms-topnav-menu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n justify-content: end;\n}\n","div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {\n border-top: 8px solid var(--color-secondary) !important;\n border-radius: 4px;\n}\n\n.dkan-c-sidebar-nav ul {\n list-style: none;\n display: block;\n margin: 0;\n padding: 0;\n}\n\n.dkan-c-sidebar-nav-link-status {\n border: 2px solid var(--color-gray-lighter);\n border-radius: 2px;\n}\n\n.active .dkan-c-sidebar-nav-link-status {\n border: 2px solid var(--color-primary-darker);\n border-radius: 2px;\n}\n\n.dkan-c-sidebar-nav--mobile {\n margin-bottom: 32px;\n .dkan-c-sidebar-nav-menu--open {\n display: inherit;\n }\n \n .dkan-c-sidebar-nav-menu--close {\n display: none;\n }\n\n .dkan-c-sidebar-nav--mobile-header {\n display: flex;\n margin-top: -32px;\n }\n}\n\n.dkan-c-sidebar-nav--desktop .dkan-c-sidebar-nav--mobile-header {\n display: none;\n}\n\n\n.dkan-c-sidebar-nav--mobile {\n display: inherit;\n}\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// 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 .model-hint {\n max-width: 100%;\n word-wrap: break-word;\n white-space: normal;\n top: 1.5em;\n }\n section.models .model-container {\n overflow-x: auto;\n }\n table {\n min-width: 500px;\n\n &.model tbody tr td:first-of-type {\n min-width: 174px;\n }\n }\n\n .table-container, .responses-inner {\n overflow: scroll;\n }\n}\n\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n font-weight: bold !important;\n}\n\n.swagger-ui div.wrapper {\n padding-left: 0;\n padding-right: 0;\n}\n\n// Fix issue on mobile with text on accordion looking weird.\n\n@media (width <= 544px) {\n .swagger-ui .opblock-tag-section .opblock-tag small {\n flex: initial;\n }\n}\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 span > span > 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 div.--alt-style input {\n @media only screen and (max-width: 544px) {\n --text-input__border-radius: 50px;\n --text-input__border-color: #c6b7b7;\n height: 61px;\n }\n }\n\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n .dc-c-search-button-mobile {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n position: absolute;\n right: 18px;\n top: 2px;\n z-index: 1000;\n height: 57px;\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-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 thead > .dc-c-sticky-header {\n position: sticky;\n top: 0;\n background-color: white;\n }\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-c-datatable-wrapper {\n overflow: auto;\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 > div > span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n display: inline-block;\n .ds-c-tooltip__container {\n white-space: wrap;\n font-weight: normal;\n }\n }\n th p {\n white-space: normal;\n }\n\n}\n\n.dc-c-datatable--even-row td {\n background-color: #{var(--table__background-color--striped)};\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 6 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",".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","ul.dc-c-resource-full-width {\n width: 100%;\n}\n",".dc-c-datadictionary-table .dc-c-datatable th, .dc-c-datadictionary-table .dc-c-datatable td {\n border-left: 0;\n border-right: 0;\n}",".dc-c-tooltip-width-override .ds-c-tooltip {\n width: 500px;\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-light)};\n }\n}\n\n.dc-truncate {\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\n.dc-dataset .ds-c-tabs {\n .ds-c-tabs__item {\n text-decoration:none;\n svg {\n fill: #{var(--link__color)};\n }\n }\n svg {\n margin-right: 8px;\n }\n}\n\n#main-content {\n overflow: visible;\n}\n\n.dc-c-word-break--all {\n word-break: break-all;\n}",":root {\n --mobile-nav-animation-time: 1s;\n --cms-top-nav-height: 87px;\n --main-nav-height: 100px;\n --header-bg-color: #{var(--color-primary)};\n --header-bg-image: linear-gradient(90deg, var(--color-primary-darkest) 10%, var(--color-primary) 90%);\n --header-nav-link--color: #{var(--color-white)};\n --header-nav-link--mobile-color: #{var(--color-white)};\n --header-mobile-bg-color: #{var(--color-gray-dark)};\n --header-submenu--bg-color: #{var(--color-primary)};\n --header-submenu--width: 300px;\n --header-nav-search--color: #{var(--color-white)};\n --tag-line--color: #6f757c;\n --tag-line--border-color: #6f757c;\n}\n\n.dkan-c-main-navigation > div > div {\n height: #{var(--main-nav-height)};\n}\n\n.dkan-c-header .dkan-c-main-navigation {\n background-color: #{var(--header-bg-color)};\n background-image: #{var(--header-bg-image)};\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 6 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 6 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-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-light)};\n }\n}\n// .has-submenu > button::after {\n// font-family: 'Font Awesome 6 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-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\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-light)};\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 text-decoration: none;\n}\n\n// li.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-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 6 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","nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n border-bottom: 2px solid #{var(--color-primary-light)};\n}",".ds-c-button.display-settings-font {\n font: inherit;\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 6 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-query-builder > .ds-c-accordion > .ds-c-accordion__content {\n overflow: visible;\n}\n.dc-query-builder .react-datepicker select {\n background-image: none;\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
@@ -3,12 +3,12 @@ import {jsxs as $hgUW1$jsxs, jsx as $hgUW1$jsx, Fragment as $hgUW1$Fragment} fro
3
3
  import $hgUW1$react, {createContext as $hgUW1$createContext, useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useMemo as $hgUW1$useMemo} from "react";
4
4
  import {NavLink as $hgUW1$NavLink, useNavigate as $hgUW1$useNavigate, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link} from "react-router-dom";
5
5
  import {Button as $hgUW1$Button, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, Choice as $hgUW1$Choice, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, Tooltip as $hgUW1$Tooltip, Badge as $hgUW1$Badge, Table as $hgUW1$Table, TableBody as $hgUW1$TableBody, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableHead as $hgUW1$TableHead, TooltipIcon as $hgUW1$TooltipIcon} from "@cmsgov/design-system";
6
+ import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
6
7
  import $hgUW1$qs from "qs";
7
8
  import $hgUW1$swaggeruireact from "swagger-ui-react";
8
9
  import "swagger-ui-react/swagger-ui.css";
9
10
  import $hgUW1$axios from "axios";
10
11
  import {useQuery as $hgUW1$useQuery, QueryClient as $hgUW1$QueryClient, QueryClientProvider as $hgUW1$QueryClientProvider} from "@tanstack/react-query";
11
- import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
12
12
  import $hgUW1$dompurify from "dompurify";
13
13
  import $hgUW1$lodashtruncate from "lodash.truncate";
14
14
  import $hgUW1$proptypes from "prop-types";
@@ -26,7 +26,7 @@ import {usePopper as $hgUW1$usePopper} from "react-popper";
26
26
 
27
27
  const $3c72c298c3a7f21f$var$HeaderTagline = (props)=>{
28
28
  return /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
29
- className: "dkan-c-cms-topnav--tagline ds-u-valign--middle ds-u-padding-left--2 ds-u-font-size--xl",
29
+ className: "dkan-c-cms-topnav--tagline ds-u-valign--middle ds-u-padding-left--2",
30
30
  children: props.tagline
31
31
  });
32
32
  };
@@ -58,10 +58,10 @@ const $a8accc31bf9e0bda$var$CMSTopNav = (props)=>{
58
58
  const { links: links, org: org } = props;
59
59
  const { urlTitle: urlTitle, logoAltText: logoAltText = "", logoFilePath: logoFilePath = "", tagline: tagline, url: url } = org;
60
60
  return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
61
- className: "dkan-c-cms-topnav ds-l-row ds-u-display--flex ds-u-padding-x--5 ds-u-align-items--center ds-u-justify-content--center ds-u-sm-justify-content--start",
61
+ className: "dkan-c-cms-topnav ds-l-row ds-u-display--flex ds-u-padding-x--5 ds-u-align-items--center ds-u-justify-content--center ds-u-lg-justify-content--start",
62
62
  children: [
63
63
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
64
- className: "ds-l-col--12 ds-l-sm-col--5 ds-l-lg-col--7 ds-u-display--flex ds-u-align-items--center ds-u-justify-content--center ds-u-sm-justify-content--start",
64
+ className: "ds-l-col--12 ds-l-md-col--5 ds-l-lg-col--7 ds-u-display--flex ds-u-align-items--center ds-u-justify-content--center ds-u-lg-justify-content--start",
65
65
  children: [
66
66
  /*#__PURE__*/ (0, $hgUW1$jsx)((0, $1555e1cb3eb7b3e3$export$2e2bcd8739ae039), {
67
67
  url: url,
@@ -75,7 +75,7 @@ const $a8accc31bf9e0bda$var$CMSTopNav = (props)=>{
75
75
  ]
76
76
  }),
77
77
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
78
- className: "ds-l-col--7 ds-l-lg-col--5 ds-u-display--none ds-u-md-display--inline-block",
78
+ className: "ds-l-col--7 ds-l-lg-col--5 ds-u-display--none ds-u-md-display--inline-flex ds-u-align-items--center ds-u-justify-content--end",
79
79
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("nav", {
80
80
  className: "dkan-c-cms-topnav--menu",
81
81
  children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
@@ -560,41 +560,76 @@ var $f57121650539d8c5$export$2e2bcd8739ae039 = $f57121650539d8c5$var$NavBar;
560
560
 
561
561
 
562
562
 
563
+
563
564
  const $953b286f7778640e$var$SidebarNavigation = (props)=>{
564
- const { title: title, links: links } = props;
565
+ const { title: title, links: links, mobileMax: mobileMax } = props;
565
566
  const active = (0, $hgUW1$useLocation)().pathname;
566
- return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
567
- className: "dkan-c-sidebar-nav ds-u-border--1 ds-u-border--color-gray-lightest ds-u-padding--2",
568
- children: /*#__PURE__*/ (0, $hgUW1$jsxs)("nav", {
569
- children: [
570
- /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
571
- className: "ds-u-padding--2 ds-u-border-bottom--1 ds-u-border--color-gray-lightest",
572
- children: /*#__PURE__*/ (0, $hgUW1$jsx)("h3", {
573
- className: "ds-text-heading--lg",
574
- children: title
567
+ const [menuOpen, setMenuOpen] = (0, $hgUW1$useState)(false);
568
+ const styleClasses = "dkan-c--sidebar-nav-wrapper ds-u-border--1 ds-u-border--color-gray-lightest ds-u-padding--2";
569
+ const mobileClass = `dkan-c-sidebar-nav--${mobileMax ? "mobile" : "desktop"}`;
570
+ return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
571
+ className: `dkan-c-sidebar-nav ${mobileClass}`,
572
+ children: [
573
+ /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
574
+ className: "dkan-c-sidebar-nav--mobile-header ds-u-align-items--center ds-u-justify-content--between ds-u-padding-y--2 ds-u-fill--primary-darker ds-u-color--white",
575
+ children: [
576
+ /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
577
+ className: "ds-u-margin-left--2 ds-u-margin-y--0 ds-text-heading--xl",
578
+ children: "Pages in this section"
579
+ }),
580
+ /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
581
+ "aria-haspopup": "true",
582
+ variation: "ghost",
583
+ "aria-expanded": `${menuOpen ? "true" : "false"}`,
584
+ onDark: true,
585
+ onClick: ()=>setMenuOpen(!menuOpen),
586
+ children: [
587
+ /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
588
+ className: "ds-u-visibility--screen-reader",
589
+ children: "Toggle menu"
590
+ }),
591
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$ArrowIcon), {
592
+ direction: menuOpen ? "up" : "down"
593
+ })
594
+ ]
575
595
  })
576
- }),
577
- /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
578
- className: "ds-u-padding-bottom--2",
579
- children: links.map(({ url: url, label: label })=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
580
- className: `ds-u-padding--1 ds-u-padding-top--2 ds-u-border-bottom--1 ds-u-border--color-gray-lightest ${active === url ? "active" : ""}`,
581
- children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
582
- className: "ds-u-display--flex ds-u-padding-y--1",
583
- children: [
584
- /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
585
- className: "dkan-c-sidebar-nav-link-status"
586
- }),
587
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
588
- to: url,
589
- className: "dkan-c-sidebar-nav-link ds-u-margin-left--2",
590
- children: label
591
- })
592
- ]
596
+ ]
597
+ }),
598
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
599
+ className: ``,
600
+ children: /*#__PURE__*/ (0, $hgUW1$jsxs)("nav", {
601
+ className: `${styleClasses} dkan-c-sidebar-nav-menu dkan-c-sidebar-nav-menu--${menuOpen ? "open" : "close"}`,
602
+ children: [
603
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
604
+ className: "ds-u-padding--2 ds-u-border-bottom--1 ds-u-border--color-gray-lightest",
605
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)("h3", {
606
+ className: "ds-text-heading--lg",
607
+ children: title
593
608
  })
594
- }, `${url}${label}`))
609
+ }),
610
+ /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
611
+ className: "ds-u-padding-bottom--2",
612
+ children: links.map(({ url: url, label: label })=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
613
+ className: `ds-u-padding--1 ds-u-padding-top--2 ds-u-border-bottom--1 ds-u-border--color-gray-lightest ${active === url ? "active" : ""}`,
614
+ children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
615
+ className: "ds-u-display--flex ds-u-padding-y--1",
616
+ children: [
617
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
618
+ className: "dkan-c-sidebar-nav-link-status"
619
+ }),
620
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
621
+ to: url,
622
+ className: "dkan-c-sidebar-nav-link ds-u-margin-left--2",
623
+ children: label
624
+ })
625
+ ]
626
+ })
627
+ }, `${url}${label}`))
628
+ })
629
+ ]
595
630
  })
596
- ]
597
- })
631
+ })
632
+ ]
598
633
  });
599
634
  };
600
635
  var $953b286f7778640e$export$2e2bcd8739ae039 = $953b286f7778640e$var$SidebarNavigation;
@@ -603,22 +638,27 @@ var $953b286f7778640e$export$2e2bcd8739ae039 = $953b286f7778640e$var$SidebarNavi
603
638
 
604
639
 
605
640
 
641
+
606
642
  const $6e563a62d48a1ff9$var$SidebarPage = (props)=>{
607
- const { links: links, menuTitle: menuTitle, children: children } = props;
643
+ const { links: links, menuTitle: menuTitle, mobileMaxWidth: mobileMaxWidth = 768, children: children } = props;
644
+ const mobileMax = (0, $hgUW1$useMediaQuery)({
645
+ query: `(max-width: ${mobileMaxWidth}px)`
646
+ });
608
647
  return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
609
- className: "ds-l-container",
648
+ className: `${mobileMax ? "a" : "ds-l-container"}`,
610
649
  children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
611
- className: "ds-l-row",
650
+ className: `${mobileMax ? "a" : "ds-l-row"}`,
612
651
  children: [
613
652
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
614
- className: "ds-u-display--none ds-u-md-display--block ds-l-col--4",
653
+ className: `${mobileMax ? "a" : "ds-l-col--4"}`,
615
654
  children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $953b286f7778640e$export$2e2bcd8739ae039), {
616
655
  links: links,
617
- title: menuTitle
656
+ title: menuTitle,
657
+ mobileMax: mobileMax
618
658
  })
619
659
  }),
620
660
  /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
621
- className: "ds-l-md-col--8",
661
+ className: `${mobileMax ? "ds-l-container" : " ds-l-md-col--8"}`,
622
662
  children: children
623
663
  })
624
664
  ]
@@ -4215,8 +4255,7 @@ const $b9af6ce5e2c06331$var$Header = (props)=>{
4215
4255
  if (event.key === "Escape" && mobileMenuOpen) setMobileMenuOpen(false);
4216
4256
  }
4217
4257
  function handleClick(event) {
4218
- // Links are wrapped in spans, this checks if the parent is an A, also check if in the search modal.
4219
- if (menu.current) console.log(!menu.current.contains(event.target));
4258
+ // Links are wrapped in spans, this checks if the parent is an A, also check if in the search modal.
4220
4259
  if (menu.current && !menu.current.contains(event.target)) {
4221
4260
  setMobileMenuOpen(false);
4222
4261
  closeMobileMenu();