@civicactions/cmsds-open-data-components 4.2.1-alpha.1 → 4.3.0-alpha.2

package/dist/main.css

@@ -130,6 +130,219 @@
   z-index: 999;
 }
 
+.dc-c-search-list-item {
+  list-style: none;
+}
+
+.dc-c-search-list-item ul {
+  gap: 0;
+}
+
+.dc-c-search-list-item li {
+  list-style: none;
+}
+
+.dc-c-search-list-item li:first-child > span {
+  padding-left: 0;
+}
+
+.dc-c-search-list-item li a, .dc-c-search-list-item li button {
+  text-decoration: underline !important;
+}
+
+.dc-c-search-list-item svg {
+  margin-right: 8px;
+}
+
+.dc-c-search-list-item button, .dc-c-search-list-item span > a {
+  font-weight: normal !important;
+}
+
+.dc-c-search-list-item a:visited svg {
+  fill: var(--link__color--visited);
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".pdf"], .dc-c-search-list-item a.ds-c-button[href$=".csv"], .dc-c-search-list-item a.ds-c-button[href$=".xlsx"], .dc-c-search-list-item a.ds-c-button[href$=".zip"] {
+  position: relative;
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".pdf"]:after, .dc-c-search-list-item a.ds-c-button[href$=".csv"]:after, .dc-c-search-list-item a.ds-c-button[href$=".xlsx"]:after, .dc-c-search-list-item a.ds-c-button[href$=".zip"]:after {
+  width: 16px;
+  height: 16px;
+  margin-left: 5px;
+  font-family: "Font Awesome 6 Pro", sans-serif;
+  font-weight: lighter;
+  display: inline-block;
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".pdf"]:after {
+  content: "";
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".csv"]:after {
+  content: "";
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".xlsx"]:after {
+  content: "";
+}
+
+.dc-c-search-list-item a.ds-c-button[href$=".zip"]:after {
+  content: "";
+}
+
+.dc-c-search-list-item .ds-c-button {
+  text-decoration: none !important;
+}
+
+.dc-c-search-list-item .ds-c-button svg, .dc-c-search-list-item .ds-c-button:visited svg {
+  fill: var(--color-white);
+}
+
+.dc-c-search-list-item .dkan-disabled-link-wrapper {
+  cursor: not-allowed;
+}
+
+.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link {
+  pointer-events: none;
+  color: #757575;
+}
+
+.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:active, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:hover, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:focus {
+  color: #757575;
+}
+
+.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:active svg, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:hover svg, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:focus svg {
+  fill: #757575;
+}
+
+.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link svg {
+  fill: #757575 !important;
+}
+
+.dc-c-search-list-item .theme-list {
+  display: inline-block;
+}
+
+.dc-c-search-list-item .theme-list li {
+  letter-spacing: .75px;
+  color: #fff;
+  margin-bottom: 4px;
+  margin-right: 8px;
+  padding: 3px 10px;
+  text-decoration: none;
+  display: inline-block;
+}
+
+.dc-c-search-list-item .theme-list li a {
+  color: #fff;
+  text-decoration: none !important;
+}
+
+.dc-c-search-list-item .theme-list li a:hover, .dc-c-search-list-item .theme-list li a:focus, .dc-c-search-list-item .theme-list li a:visited:focus {
+  outline-offset: 12px;
+  background: unset;
+  text-decoration: underline !important;
+}
+
+.dc-c-search-list-item .dataset-date-item {
+  display: inline-block;
+}
+
+.dataset-date .dataset-date-item {
+  white-space: nowrap;
+}
+
+.dataset-date .dataset-date-item > span {
+  line-height: 1.8rem;
+}
+
+.dataset-date .dataset-date-item .ds-c-tooltip__container {
+  width: 20px;
+  display: inline-block;
+  position: relative;
+  bottom: 10px;
+}
+
+.dataset-date > .bullet-point {
+  font-size: 1.2rem;
+}
+
+@media screen and (width <= 543px) {
+  .dataset-date .bullet-point {
+    display: none;
+  }
+}
+
+@media only screen and (width >= 544px) {
+  .dkan-dataset-search input {
+    padding-left: 32px;
+  }
+}
+
+@media only screen and (width <= 544px) {
+  .dkan-dataset-search div.--alt-style input {
+    --text-input__border-radius: 50px;
+    --text-input__border-color: #c6b7b7;
+    height: 61px;
+  }
+}
+
+.dkan-dataset-search .dc-c-search-button-mobile {
+  z-index: 1000;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  height: 3.563rem;
+  position: absolute;
+  top: 2px;
+  right: 18px;
+}
+
+.dkan-dataset-search--facet-container ul {
+  padding-left: 0;
+  list-style: none;
+}
+
+.dkan-dataset-search--clear-all-filters {
+  width: 100%;
+}
+
+.dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
+  fill: var(--link__color);
+}
+
+.dc-c-search-list-item li a:visited svg {
+  fill: var(--link__color--visited);
+}
+
+.dc-search-header {
+  display: relative;
+}
+
+.dc-search-header:after {
+  content: "";
+  background-color: var(--color-primary-light);
+  width: 48px;
+  height: 4px;
+  margin: 16px 0;
+  display: block;
+}
+
+.dkan-dataset-search {
+  align-items: flex-start;
+  position: relative;
+}
+
+@media only screen and (width >= 544px) {
+  .dkan-dataset-search input {
+    padding-left: 32px;
+  }
+}
+
+.dkan-dataset-search .ds-c-inline-error {
+  max-width: none;
+}
+
 .dkan-c-main-navigation--search .dkan-c-header-search--modal-button span {
   border-bottom: 2px solid #0000;
 }
@@ -332,148 +545,8 @@ div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {
   display: inherit;
 }
 
-.dc-c-search-list-item {
-  list-style: none;
-}
-
-.dc-c-search-list-item ul {
-  gap: 0;
-}
-
-.dc-c-search-list-item li {
-  list-style: none;
-}
-
-.dc-c-search-list-item li:first-child > span {
-  padding-left: 0;
-}
-
-.dc-c-search-list-item li a, .dc-c-search-list-item li button {
-  text-decoration: underline !important;
-}
-
-.dc-c-search-list-item svg {
-  margin-right: 8px;
-}
-
-.dc-c-search-list-item button, .dc-c-search-list-item span > a {
-  font-weight: normal !important;
-}
-
-.dc-c-search-list-item a:visited svg {
-  fill: var(--link__color--visited);
-}
-
-.dc-c-search-list-item a.ds-c-button[href$=".pdf"], .dc-c-search-list-item a.ds-c-button[href$=".csv"], .dc-c-search-list-item a.ds-c-button[href$=".xlsx"], .dc-c-search-list-item a.ds-c-button[href$=".zip"] {
-  position: relative;
-}
-
-.dc-c-search-list-item a.ds-c-button[href$=".pdf"]:after, .dc-c-search-list-item a.ds-c-button[href$=".csv"]:after, .dc-c-search-list-item a.ds-c-button[href$=".xlsx"]:after, .dc-c-search-list-item a.ds-c-button[href$=".zip"]:after {
-  width: 16px;
-  height: 16px;
-  margin-left: 5px;
-  font-family: "Font Awesome 6 Pro", sans-serif;
-  font-weight: lighter;
-  display: inline-block;
-}
-
-.dc-c-search-list-item a.ds-c-button[href$=".pdf"]:after {
-  content: "";
-}
-
-.dc-c-search-list-item a.ds-c-button[href$=".csv"]:after {
-  content: "";
-}
-
-.dc-c-search-list-item a.ds-c-button[href$=".xlsx"]:after {
-  content: "";
-}
-
-.dc-c-search-list-item a.ds-c-button[href$=".zip"]:after {
-  content: "";
-}
-
-.dc-c-search-list-item .ds-c-button {
-  text-decoration: none !important;
-}
-
-.dc-c-search-list-item .ds-c-button svg, .dc-c-search-list-item .ds-c-button:visited svg {
-  fill: var(--color-white);
-}
-
-.dc-c-search-list-item .dkan-disabled-link-wrapper {
-  cursor: not-allowed;
-}
-
-.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link {
-  pointer-events: none;
-  color: #757575;
-}
-
-.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:active, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:hover, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:focus {
-  color: #757575;
-}
-
-.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:active svg, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:hover svg, .dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link:focus svg {
-  fill: #757575;
-}
-
-.dc-c-search-list-item .dkan-disabled-link-wrapper .dkan-disabled-link svg {
-  fill: #757575 !important;
-}
-
-.dc-c-search-list-item .theme-list {
-  display: inline-block;
-}
-
-.dc-c-search-list-item .theme-list li {
-  letter-spacing: .75px;
-  color: #fff;
-  margin-bottom: 4px;
-  margin-right: 8px;
-  padding: 3px 10px;
-  text-decoration: none;
-  display: inline-block;
-}
-
-.dc-c-search-list-item .theme-list li a {
-  color: #fff;
-  text-decoration: none !important;
-}
-
-.dc-c-search-list-item .theme-list li a:hover, .dc-c-search-list-item .theme-list li a:focus, .dc-c-search-list-item .theme-list li a:visited:focus {
-  outline-offset: 12px;
-  background: unset;
-  text-decoration: underline !important;
-}
-
-.dc-c-search-list-item .dataset-date-item {
-  display: inline-block;
-}
-
-.dataset-date .dataset-date-item {
-  white-space: nowrap;
-}
-
-.dataset-date .dataset-date-item > span {
-  line-height: 1.8rem;
-}
-
-.dataset-date .dataset-date-item .ds-c-tooltip__container {
-  width: 20px;
-  display: inline-block;
-  position: relative;
-  bottom: 10px;
-}
-
-.dataset-date > .bullet-point {
-  font-size: 1.2rem;
-}
-
-@media screen and (width <= 543px) {
-  .dataset-date .bullet-point {
-    display: none;
-  }
+.dc-c-hero .ds-c-inline-error {
+  max-width: none;
 }
 
 .dkan-manage-columns-wrapper .fa-columns:before {
@@ -1197,55 +1270,39 @@ dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__actions {
   display: block !important;
 }
 
-@media only screen and (width >= 544px) {
-  .dkan-dataset-search input {
-    padding-left: 32px;
-  }
-}
-
-.dkan-dataset-search {
-  position: relative;
+.dc-dataset-search-list {
+  list-style: none;
 }
 
-@media only screen and (width >= 544px) {
-  .dkan-dataset-search input {
-    padding-left: 32px;
-  }
+.dataset-results-count {
+  font-weight: bold;
 }
 
-@media only screen and (width <= 544px) {
-  .dkan-dataset-search div.--alt-style input {
-    --text-input__border-radius: 50px;
-    --text-input__border-color: #c6b7b7;
-    height: 61px;
-  }
+.dkan-dataset-search--facet-container .ds-c-accordion__content {
+  max-height: 32rem;
 }
 
-.dkan-dataset-search .dc-c-search-button-mobile {
-  z-index: 1000;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  height: 3.563rem;
-  position: absolute;
-  top: 2px;
-  right: 18px;
+.dc-dataset-search--clear-all-filters {
+  width: 100%;
 }
 
-.dkan-dataset-search--facet-container ul {
-  padding-left: 0;
-  list-style: none;
+.dkan-dataset-search {
+  position: relative;
 }
 
-.dkan-dataset-search--clear-all-filters {
-  width: 100%;
+.dkan-dataset-search input {
+  min-width: 100%;
 }
 
-.dc-c-search-list-item li a svg, .dc-c-search-list-item li span svg {
-  fill: var(--link__color);
+@media only screen and (width >= 544px) {
+  .dkan-dataset-search input {
+    padding-left: 32px;
+  }
 }
 
-.dc-c-search-list-item li a:visited svg {
-  fill: var(--link__color--visited);
+.dkan-dataset-search .ds-c-field__before {
+  top: 12px;
+  left: 16px;
 }
 
 :root {
@@ -1779,55 +1836,6 @@ dialog.dkan-filter-dataset-dialog .ds-c-dialog__window .ds-c-dialog__actions {
   overflow-wrap: anywhere;
 }
 
-.dc-dataset-search-list {
-  list-style: none;
-}
-
-.dc-search-header {
-  display: relative;
-}
-
-.dc-search-header:after {
-  content: "";
-  background-color: var(--color-primary-light);
-  width: 48px;
-  height: 4px;
-  margin: 16px 0;
-  display: block;
-}
-
-.dataset-results-count {
-  font-weight: bold;
-}
-
-.dkan-dataset-search--facet-container .ds-c-accordion__content {
-  max-height: 32rem;
-}
-
-.dc-dataset-search--clear-all-filters {
-  width: 100%;
-}
-
-.dkan-dataset-search {
-  align-items: flex-start;
-  position: relative;
-}
-
-.dkan-dataset-search input {
-  min-width: 100%;
-}
-
-@media only screen and (width >= 544px) {
-  .dkan-dataset-search input {
-    padding-left: 32px;
-  }
-}
-
-.dkan-dataset-search .ds-c-field__before {
-  top: 12px;
-  left: 16px;
-}
-
 ul.dc-c-resource-full-width {
   width: 100%;
 }