@civicactions/cmsds-open-data-components 2.1.4 → 2.1.5-alpha.1

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 +33 -79
  2. package/dist/main.css.map +1 -1
  3. package/dist/main.js +520 -711
  4. package/dist/main.js.map +1 -1
  5. package/dist/types.d.ts +35 -27
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +1 -1
package/dist/main.css CHANGED
@@ -2,73 +2,49 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
2
2
  border-bottom: 2px solid var(--color-primary-alt-light);
3
3
  }
4
4
 
5
- .swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {
6
- font-weight: bold !important;
7
- }
8
-
9
- .dc-c-search-list-item, .dc-c-search-list-item li {
10
- list-style: none;
11
- }
12
-
13
- .dc-c-search-list-item li a, .dc-c-search-list-item li button {
14
- text-decoration: underline !important;
5
+ .dc-dataset-searchlist-item h2 a {
6
+ text-decoration: none;
15
7
  }
16
8
 
17
- .dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
18
- fill: var(--link__color);
9
+ .dc-dataset-searchlist-item h2 a:hover {
10
+ text-decoration: underline;
19
11
  }
20
12
 
21
- .dc-c-search-list-item svg {
22
- margin-right: 8px;
13
+ .dc-dataset-searchlist-item ul {
14
+ list-style: none;
23
15
  }
24
16
 
25
- .dc-c-search-list-item button {
26
- padding: 0 !important;
27
- font-weight: normal !important;
17
+ .dc-dataset-searchlist-item .dc-dataset-searchlist-item--keyword {
18
+ background: var(--color-primary-alt-lightest);
19
+ color: var(--color-base);
20
+ border: none;
28
21
  }
29
22
 
30
- .dc-c-search-list-item a:visited svg {
31
- fill: var(--link__color--visited);
23
+ .dc-dataset-search--facets-container .ds-c-accordion__content {
24
+ max-height: 32rem;
32
25
  }
33
26
 
34
- .dkan-dataset-search {
27
+ .dc-dataset-search--facets {
28
+ max-height: 32rem;
29
+ list-style: none;
30
+ display: block;
35
31
  position: relative;
36
32
  }
37
33
 
38
- .dkan-dataset-search input {
39
- min-width: 100%;
40
- }
41
-
42
- @media only screen and (width >= 544px) {
43
- .dkan-dataset-search input {
44
- padding-left: 32px;
45
- }
46
- }
47
-
48
- .dkan-dataset-search .ds-c-field__before {
49
- top: 12px;
50
- left: 16px;
51
- }
52
-
53
- .dkan-dataset-search--facet-container ul {
54
- padding-left: 0;
34
+ .dc-dataset-search-list {
55
35
  list-style: none;
56
36
  }
57
37
 
58
- .dkan-dataset-search--clear-all-filters {
59
- width: 100%;
60
- }
61
-
62
- .dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
63
- fill: var(--link__color);
38
+ .dc-c-clear-filters {
39
+ font-weight: 300;
64
40
  }
65
41
 
66
- .dc-c-search-list-item li a:visited svg {
67
- fill: var(--link__color--visited);
42
+ .dc-fulltext--input-container {
43
+ width: 100%;
68
44
  }
69
45
 
70
- .dc-dataset-search-list {
71
- list-style: none;
46
+ .dc-fulltext--input-container input {
47
+ max-width: inherit;
72
48
  }
73
49
 
74
50
  .dc-search-header {
@@ -88,31 +64,10 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
88
64
  font-weight: bold;
89
65
  }
90
66
 
91
- .dkan-dataset-search--facet-container .ds-c-accordion__content {
92
- max-height: 32rem;
93
- }
94
-
95
- .dc-dataset-search--clear-all-filters {
96
- width: 100%;
97
- }
98
-
99
- .dkan-dataset-search {
100
- position: relative;
101
- }
102
-
103
- .dkan-dataset-search input {
104
- min-width: 100%;
105
- }
106
-
107
- @media only screen and (width >= 544px) {
108
- .dkan-dataset-search input {
109
- padding-left: 32px;
110
- }
111
- }
112
-
113
- .dkan-dataset-search .ds-c-field__before {
114
- top: 12px;
115
- left: 16px;
67
+ .dc-dataset-search--facets-container .ds-c-accordion__button {
68
+ justify-content: space-between;
69
+ padding: 16px 24px;
70
+ display: flex;
116
71
  }
117
72
 
118
73
  .dc-c-datatable {
@@ -143,14 +98,16 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
143
98
  background-color: var(--color-gray-light);
144
99
  cursor: col-resize;
145
100
  z-index: 1;
101
+ border: none;
146
102
  width: 10px;
147
103
  min-width: 10px;
148
104
  margin-left: -10px;
105
+ padding: 0;
149
106
  display: block;
150
- position: absolute;
151
107
  top: 0;
152
108
  bottom: 0;
153
109
  right: 0;
110
+ position: absolute !important;
154
111
  }
155
112
 
156
113
  .dc-thead--resizeable .dc-c-resize-handle.isResizing, .dc-thead--resizeable .dc-c-resize-handle:hover {
@@ -169,6 +126,8 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
169
126
  }
170
127
 
171
128
  .dc-c-sort--default, .dc-c-sort--asc, .dc-c-sort--desc {
129
+ background: none;
130
+ border: none;
172
131
  padding-left: 8px;
173
132
  padding-right: 16px;
174
133
  }
@@ -194,12 +153,8 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
194
153
  content: "";
195
154
  }
196
155
 
197
- .ds-c-button.display-settings-font {
198
- font: inherit;
199
- }
200
-
201
156
  .dc-c-dataset-tags--tag {
202
- background: var(--color-info-lightest);
157
+ background: var(--color-primary-alt-lightest);
203
158
  display: inline-block;
204
159
  }
205
160
 
@@ -592,7 +547,6 @@ li.has-submenu {
592
547
  color: var(--color-white);
593
548
  text-align: center;
594
549
  vertical-align: middle;
595
- box-sizing: content-box;
596
550
  width: 18px;
597
551
  height: 18px;
598
552
  margin-left: 10px;
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AAAA;;;;ACCA;;;;ACDA;;;;AAKI;;;;AAIA;;;;AAKF;;;;AAGA;;;;;AAIA;;;;ACrBF;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;AAOA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AC9BA;;;;AAIA;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;ACpCF;;;;;AAGE;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;AAYE;;;;AAQF;;;;;;;AAQF;;;;AAIA;;;;;AAKE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;AC5EA;;;;ACAA;;;;;ACCE;;;;AAKF;;;;AAIA;;;;;ACTE;;;;ACAA;;;;;;;;;AAUF;;;;;;;AAOA;;;;ACjBE;;;;AAGA;;;;;;;;ACHA;;;;;;;AAQF;;;;;AAGE;;;;;;;;;;;;;;;;AAiBF;;;;;;;AAKE;;;;;;;;;;;;;;;AAgBF;;;;;;;;;;;;;;AAcA;;;;;;;;AAME;;;;AAKF;;;;;AAME;;;;;;;;;;AASA;;;;;;AAKA;;;;;;;;AAUA;;;;AAKF;;;;;;;;;;;;;;;;AAeA;;;;AAIE;;;;;AAIA;;;;AAMA;;;;;AAIA;;;;AAOA;;;;;AAMF;;;;;;AAKE;;;;;;;AAOA;;;;;;;;;;;;;;;;AAeA;;;;;;;AAQF;;;;;;AAMA;;;;;AAGE;;;;AAGA;;;;;;;;AASA;;;;AAMF;EACE;;;;;AAMF;EACE;;;;;;;EAKE;;;;;EAIA;;;;;;;;EAOA;;;;;;;;;AAYF;;;;;AAGE;;;;;AAIA;;;;;;AAKE;;;;AAIF;;;;;AAGE;;;;AAIF;;;;AAYJ;;;;;;;;AASA;;;;AAIA;;;;AAGA;;;;AAIA;;;;;;;;;;AAQE;;;;;AAGE;;;;AAIF;;;;AAMF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;;ACnVF;;;;AAEE;;;;;;AAOF;;;;AAIA;;;;;AAGE;;;;AAKF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AASA;;;;;;;;;AAQE;;;;;AAKA;;;;AAIA;;;;;;AAMF;;;;;;ACzEA;;;;;;;;AAKE;;;;;AAGE;;;;;;;;AAQE;;;;;AASN;;;;AAIA;;;;AC7BA;;;;AAIA;;;;AAMI;;;;AAMJ","sources":["src/components/NavLink/NavLink.scss","src/templates/APIPage/swagger.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/Datatable/datatable.scss","src/components/ResourceHeader/resource-header.scss","src/components/DatasetTags/dataset-tags.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/ResourceInformation/resource-information-table.scss","src/templates/Dataset/dataset.scss","src/components/MobileHeader/mobile-header.scss","src/templates/Header/header.scss","src/templates/Footer/footer.scss","src/components/Breadcrumb/breadcrumb.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n border-bottom: 2px solid #{var(--color-primary-alt-light)};\n}","// Swagger overrides\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n font-weight: bold !important;\n}",".dc-c-search-list-item {\n list-style: none;\n li {\n list-style: none;\n\n a,\n button {\n text-decoration: underline !important;\n }\n a svg,\n span svg {\n fill: #{var(--link__color)};\n }\n }\n svg {\n margin-right: 8px;\n }\n button {\n font-weight: normal !important;\n padding: 0 !important;\n }\n a:visited svg {\n fill: #{var(--link__color--visited)};\n }\n}",".dkan-dataset-search {\n position: relative;\n input {\n min-width: 100%;\n @media only screen and (min-width: 544px) {\n padding-left: 32px;\n }\n }\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n}\n\n.dkan-dataset-search--facet-container {\n ul {\n list-style: none;\n padding-left: 0px;\n }\n}\n\n.dkan-dataset-search--clear-all-filters {\n width: 100%;\n}\n\n.dc-c-search-list-item li a svg,\n.dc-c-search-list-item li span svg {\n fill: #{var(--link__color)};\n}\n\n.dc-c-search-list-item li a:visited svg {\n fill: #{var(--link__color--visited)};\n}\n",".dc-dataset-search-list {\n list-style: none;\n}\n\n.dc-search-header {\n display: relative;\n &::after {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 16px 0;\n background-color: #{var(--color-primary-alt-light)};\n }\n}\n\n.dataset-results-count {\n font-weight: bold;\n}\n\n.dkan-dataset-search--facet-container .ds-c-accordion__content {\n max-height: 32rem;\n}\n\n.dc-dataset-search--clear-all-filters {\n width: 100%;\n}\n\n.dkan-dataset-search {\n position: relative;\n input {\n min-width: 100%;\n @media only screen and (min-width: 544px) {\n padding-left: 32px;\n }\n }\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n}",".dc-c-datatable {\n width: 100%;\n border-spacing: 0px;\n th {\n position: relative;\n text-align: left;\n }\n thead th div {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n}\n\n.dc-thead--fixed-size th {\n border-left: 2px solid var(--color-border);\n}\n\n.dc-thead--fixed-size th:first-child {\n border-left: none;\n}\n\n.dc-thead--resizeable {\n .dc-c-resize-handle {\n top: 0;\n bottom: 0;\n right: 0;\n position: absolute;\n background-color: #{var(--color-gray-light)};\n width: 10px;\n cursor: col-resize;\n min-width: 10px;\n display: block;\n margin-left: -10px;\n z-index: 1;\n &.isResizing,\n &:hover {\n background-color: #{var(--color-primary)};\n }\n }\n}\n\n.dc-thead--truncated {\n th span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n display: inline-block;\n }\n}\n\n.dc-c-datatable--even-row td {\n background-color: #{var(--table-striped__background-color)};\n}\n\n.dc-c-sort--default,\n.dc-c-sort--asc,\n.dc-c-sort--desc {\n padding-left: 8px;\n padding-right: 16px;\n &::after {\n font-family: 'Font Awesome 5 Pro';\n display: inline;\n padding-left: 8px;\n line-height: 18px;\n height: 18px;\n width: 18px;\n }\n}\n\n.dc-c-sort--default::after {\n content: '\\f0dc';\n}\n.dc-c-sort--asc::after {\n content: '\\f0de';\n}\n.dc-c-sort--desc::after {\n content: '\\f0dd';\n}\n\n\n// @media (hover: hover) {\n// .resizer {\n// opacity: 0;\n// }\n\n// *:hover > .resizer {\n// opacity: 1;\n// }\n// }",".ds-c-button.display-settings-font {\n font: inherit;\n}",".dc-c-dataset-tags--tag {\n display: inline-block;\n background: #{var(--color-info-lightest)};\n}\n",".dc-c-additional-info-table {\n table {\n width: 100%;\n }\n}\n\n.dc-c-additional-info-table a {\n word-break: break-all;\n}\n\n.ds-u-word-break-anywhere {\n word-break: break-word;\n overflow-wrap: anywhere;\n}\n",".dc-c-resource-info-table {\n table {\n width: 100%;\n }\n}\n",".dc-resource-header {\n &::before {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 8px 0;\n background-color: #{var(--color-primary-alt-light)};\n }\n}\n\n.dc-truncate {\n max-width: 85%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n white-space: pre-line;\n}\n",".dc-c-mobile-header--menu {\n :focus {\n box-shadow: 0 0 0 3px transparent,0 0 4px 6px transparent;\n }\n :focus-visible {\n // Copy styling from DS items with focus\n background-color: #0000;\n border-radius: var(--button__border-radius);\n box-shadow: 0 0 0 3px var(--color-focus-light),0 0 4px 6px var(--color-focus-dark);\n outline: 3px solid #0000;\n outline-offset: 3px;\n }\n}\n",".ds-c-usa-banner__button-text {\n &::after {\n width: 0 !important;\n height: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n}\n\n.dc-c-mobile-menu--open {\n color: #{var(--color-white)};\n text-decoration: none;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f0c9';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-menu--close {\n color: #{var(--color-white)};\n text-decoration: none;\n padding-left: 0;\n padding-bottom: 16px;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f00d';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-header--menu {\n position: fixed;\n background-color: #{var(--color-gray-dark)};\n top: 0;\n bottom: 0;\n left: -100%;\n z-index: 500;\n height: 100%;\n width: 100%;\n transition: left 0.7s;\n padding: 50px 0;\n visibility: hidden;\n}\n\n.dc-c-mobile-header .dc-c-site-menu--sub-menu {\n position: relative;\n background: transparent;\n top: -24px;\n width: auto;\n left: auto;\n a {\n padding: 8px;\n }\n}\n\n.dc-c-cmsheader {\n position: relative;\n background: #{var(--color-white)};\n}\n\n.dc-c-cms-mobile-header-menu {\n &::before {\n display: block;\n margin-left: 8px;\n margin-bottom: 16px;\n width: 48px;\n height: 2px;\n background: #{var(--color-primary-alt-light)};\n content: '';\n }\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n a,\n a:hover,\n a:focus,\n a:visited {\n background-color: transparent;\n display: inline-block;\n color: #{var(--color-white)};\n text-decoration: none;\n border-bottom: 2px solid transparent;\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #{var(--color-primary-alt-light)};\n }\n}\n.has-submenu > button::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f105';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n}\n.has-submenu.open > button::after {\n content: '\\f107';\n}\n.dc-c-header--mobile-links {\n button {\n padding: 0;\n font-weight: 700;\n }\n a {\n display: block;\n }\n}\n\n.dc-c-mobile-header.menu-open {\n .dc-c-cmsheader {\n z-index: 501;\n background-color: transparent;\n }\n .dc-c-cmsheader-menu a,\n button {\n color: #{var(--color-white)};\n }\n .cms-link-container a::before {\n color: #{var(--color-white)};\n }\n .dc-c-mobile-header--menu {\n left: 0;\n visibility: visible;\n }\n}\n\n.cms-link-container {\n display: block;\n margin-right: 20px;\n // margin-top: -5px;\n border-right: none;\n a {\n text-decoration: none;\n border-bottom: none;\n\n margin-right: 20px;\n display: inline-block;\n }\n a::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f33e';\n color: #323a45;\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n img {\n height: auto;\n width: 90px;\n display: inline-block;\n vertical-align: middle;\n }\n}\n\n.cms-text-container {\n display: block;\n padding-top: 28px;\n color: #6f757c;\n}\n\n.dc-c-cmsheader-menu {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n }\n a {\n margin: 3px 7px;\n padding: 0;\n color: #323a45;\n text-decoration: none;\n border-bottom: 1px solid;\n border-bottom-color: #eee;\n border-bottom-color: rgba(255, 255, 255, 0.2);\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #323a45;\n }\n}\n\n@media (min-width: 544px) {\n .dc-c-main-navigation--search,\n .dc-c-mobile-menu--search {\n border-left: 1px solid #{var(--color-white)};\n }\n}\n\n@media (min-width: 1024px) {\n .cms-link-container {\n height: 85px;\n width: 240px;\n float: left;\n border-right: 1px solid #d6d7d9;\n a {\n margin-top: 28px;\n margin-bottom: 20px;\n }\n img {\n height: auto;\n width: auto;\n display: inline-block;\n vertical-align: middle;\n max-width: 80%;\n }\n a::before {\n font-size: 28px;\n line-height: 28px;\n width: 28px;\n height: 28px;\n margin-left: 0;\n }\n }\n}\n\n\nnav.dc-c-site-menu {\n .dc-c-header--links {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n height: 100%;\n }\n button {\n // color: #{var(--color-white)};\n text-decoration: none;\n font-size: 16px;\n border: none;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a {\n text-decoration: none;\n padding: #{var(--space, 8px 24px)};\n span {\n border-bottom: 2px solid transparent;\n }\n }\n > li:hover > button span,\n > li button:focus span,\n > li button:hover span,\n > li:hover > a span,\n > li:focus > a span,\n > li a:hover span,\n > li a:focus span {\n border-bottom: 2px solid #{var(--color-primary-alt-lightest)};\n }\n }\n}\n\nnav.dc-c-site-menu .dc-c-header--links a:focus,\n.dc-c-site-title a:focus {\n background-color: transparent;\n outline: 3px solid transparent;\n box-shadow: 0 0 0 3px #{var(--color-focus-light)}, 0 0 4px 6px #{var(--color-focus-dark)};\n outline-offset: 3px;\n border-radius: #{var(--button__border-radius)};\n}\n\nnav > ul li ul {\n display: none;\n}\n\nnav > ul li.open ul {\n display: block;\n}\nli.has-submenu {\n position: relative;\n}\n\n.dc-c-site-menu--sub-menu {\n background: #{var(--color-primary)};\n position: absolute;\n left: 0;\n top: 48px;\n margin: 0;\n padding: 0;\n width: 300px;\n a {\n display: block;\n padding: 16px;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a:hover span,\n a:focus span {\n border-bottom: 2px solid #{var(--color-primary-alt-light)};\n }\n}\n\n.dc-c-site-title a {\n text-decoration: none;\n}\n\n.dc-c-mobile-menu--search {\n display: inherit;\n}\n\n.dc-c-search-modal--button {\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f002';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n box-sizing: content-box\n }\n}\n",".dc-c-footer {\n background-color: white;\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n}\n\n.dc-c-footer--middle-container {\n background: linear-gradient(90deg, #f6f9fd 50%, #e8f0fa 50%);\n}\n\n.dc-c-footer__title {\n font-weight: 400;\n color: #{var(--color-gray)};\n span {\n font-weight: 700;\n }\n}\n\n.dc-c-footer__resources {\n background: #f6f9fd;\n}\n\n.dc-c-footer__utility {\n background: #{var(--color-white)};\n}\n\n.dc-c-footer__utility li {\n list-style: none;\n}\n\n.dc-c-footer__cms-information {\n background: #e8f0fa;\n}\n\n.dc-footer--heading {\n text-transform: uppercase;\n}\n\n.dc-c-emailupdates {\n background-image: linear-gradient(\n 35deg,\n #{var(--color-primary-darkest)},\n #{var(--color-primary-darker)},\n #{var(--color-primary)}\n );\n color: #{var(--color-white)};\n}\n.dc-c-footer--svg-icon {\n width: 40px;\n height: 40px;\n font-size: 42px;\n display: inline-block;\n text-align: center;\n position: relative;\n\n svg.svg-inline--fa {\n width: 1em;\n height: 1em;\n }\n\n .fa-circle {\n fill: #6f757c;\n }\n\n .fa-inverse {\n font-size: 25px;\n padding-left: 2px;\n fill: #{var(--color-white)};\n }\n}\n.svg-inline--fa {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n}\n",".dc-c-breadcrumb__list {\n margin-top: 0;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: 0;\n > li {\n margin-bottom: 0;\n max-width: unset;\n &::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f054';\n margin: 0 10px;\n font-size: 10px;\n font-weight: 600;\n }\n &:last-child {\n &::after {\n content: '';\n margin: 0;\n }\n }\n }\n display: block;\n}\n\n.dc-c-breadcrumb__list-item {\n display: inline-block;\n}\n\n.dc-c-breadcrumb__link {\n display: inline;\n}\n",".dc-c-resource-action {\n min-height: 100%;\n}\n\n.dc-filtered-resource-toggle {\n align-self: center;\n}\n\n.dc-c-filterd-resouce-drawer {\n .ds-c-help-drawer__footer {\n h4 {\n display: none;\n }\n }\n}\n\n.dc-c-resource-header--buttons {\n display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
1
+ {"mappings":"AAAA;;;;ACCE;;;;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/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/Datatable/datatable.scss","src/components/DatasetTags/dataset-tags.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/ResourceInformation/resource-information-table.scss","src/templates/Dataset/dataset.scss","src/components/MobileHeader/mobile-header.scss","src/templates/Header/header.scss","src/templates/Footer/footer.scss","src/components/Breadcrumb/breadcrumb.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n border-bottom: 2px solid #{var(--color-primary-alt-light)};\n}",".dc-dataset-searchlist-item {\n h2 a {\n text-decoration: none;\n &:hover {\n text-decoration: underline;\n }\n }\n\n ul {\n list-style: none;\n }\n\n .dc-dataset-searchlist-item--keyword {\n background: #{var(--color-primary-alt-lightest)};\n border: none;\n color: #{var(--color-base)};\n }\n}\n",".dc-dataset-search--facets-container .ds-c-accordion__content {\n max-height: 32rem;\n}\n\n.dc-dataset-search--facets {\n display: block;\n list-style: none;\n position: relative;\n max-height: 32rem;\n}\n",".dc-dataset-search-list {\n list-style: none;\n}\n\n.dc-c-clear-filters {\n font-weight: 300;\n}\n\n.dc-fulltext--input-container {\n width: 100%;\n input {\n max-width: inherit;\n }\n}\n\n.dc-search-header {\n display: relative;\n &::after {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 16px 0;\n background-color: #{var(--color-primary-alt-light)};\n }\n}\n\n.dataset-results-count {\n font-weight: bold;\n}\n\n.dc-dataset-search--facets-container .ds-c-accordion__button {\n display: flex;\n justify-content: space-between;\n padding: 16px 24px 16px 24px;\n}\n",".dc-c-datatable {\n width: 100%;\n border-spacing: 0px;\n th {\n position: relative;\n text-align: left;\n }\n thead th div {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n}\n\n.dc-thead--fixed-size th {\n border-left: 2px solid var(--color-border);\n}\n\n.dc-thead--fixed-size th:first-child {\n border-left: none;\n}\n\n.dc-thead--resizeable {\n .dc-c-resize-handle {\n top: 0;\n bottom: 0;\n right: 0;\n position: absolute !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"}