@civicactions/cmsds-open-data-components 2.0.0-alpha.9 → 2.0.1

package/dist/scss/components/additional-information-table.scss

@@ -0,0 +1,9 @@
+.dc-c-additional-info-table {
+  table {
+    width: 100%;
+  }
+}
+
+.dc-c-additional-info-table a {
+  word-break: break-all;
+}

package/dist/scss/components/breadcrumb.scss

@@ -0,0 +1,32 @@
+.dc-c-breadcrumb__list {
+  margin-top: 0;
+  margin-bottom: 0;
+  list-style-type: none;
+  padding-left: 0;
+  > li {
+    margin-bottom: 0;
+    max-width: unset;
+    &::after {
+      font-family: 'Font Awesome 5 Pro';
+      content: '\f054';
+      margin: 0 10px;
+      font-size: 10px;
+      font-weight: 600;
+    }
+    &:last-child {
+      &::after {
+        content: '';
+        margin: 0;
+      }
+    }
+  }
+  display: block;
+}
+
+.dc-c-breadcrumb__list-item {
+  display: inline-block;
+}
+
+.dc-c-breadcrumb__link {
+  display: inline;
+}

package/dist/scss/components/dataset-search-facets.scss

@@ -0,0 +1,10 @@
+.dc-dataset-search--facets-container .ds-c-accordion__content {
+  max-height: 32rem;
+}
+
+.dc-dataset-search--facets {
+  display: block;
+  list-style: none;
+  position: relative;
+  max-height: 32rem;
+}

package/dist/scss/components/dataset-search-list-item.scss

@@ -0,0 +1,20 @@
+@import '~@cmsgov/design-system/dist/scss/settings/variables/color';
+
+.dc-dataset-searchlist-item {
+  h2 a {
+    text-decoration: none;
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  ul {
+    list-style: none;
+  }
+
+  .dc-dataset-searchlist-item--keyword {
+    background: $color-primary-alt-lightest;
+    border: none;
+    color: $color-base;
+  }
+}

package/dist/scss/components/dataset-tags.scss

@@ -0,0 +1,4 @@
+.dc-c-dataset-tags--tag {
+  display: inline-block;
+  background: $color-primary-alt-lightest;
+}

package/dist/scss/components/datatable.scss

@@ -0,0 +1,24 @@
+.dc-c-datatable {
+  width: 100%;
+  .dc-c-table-header-cell {
+    .dc-c-resize-handle {
+      display: inline-block;
+      width: 10px;
+      height: 100%;
+      position: absolute;
+      right: 0;
+      top: 0;
+      transform: translateX(50%);
+      z-index: 1;
+      touch-action: none;
+      &.isResizing {
+        background: #adb0b5;
+      }
+    }
+    &:hover {
+      .dc-c-resize-handle {
+        background: #d6d7d9;
+      }
+    }
+  }
+}

package/dist/scss/components/index.scss

@@ -0,0 +1,9 @@
+@import './datatable.scss';
+@import './dataset-tags.scss';
+@import './dataset-downloads.scss';
+@import './pagination.scss';
+@import './dataset-search-list-item.scss';
+@import './dataset-search-facets.scss';
+@import './additional-information-table.scss';
+@import './breadcrumb.scss';
+@import './resource-information-table.scss';

package/dist/scss/components/pagination.scss

@@ -0,0 +1,59 @@
+@import '~@cmsgov/design-system/dist/scss/settings/variables/color';
+
+.dc-pagination {
+  ol {
+    list-style: none;
+  }
+  button {
+    text-decoration: none;
+  }
+  .dc-pagination-current__button {
+    font-weight: bold;
+    color: $color-base;
+    text-decoration: underline;
+  }
+  .dc-pagination--previous__button,
+  .dc-pagination--next__button {
+    height: 100%;
+    &:disabled {
+      background: transparent !important;
+      &::before,
+      &::after {
+        color: $color-base;
+      }
+    }
+    &::before,
+    &::after {
+      font-family: 'Font Awesome 5 Pro';
+      color: $color-primary;
+      font-size: 16px;
+      padding-right: 10px;
+      display: inline-block;
+      line-height: 16px;
+      height: 16px;
+      width: 16px;
+      margin-left: 10px;
+      text-align: center;
+      vertical-align: middle;
+      font-weight: lighter;
+    }
+  }
+
+  .dc-pagination--previous {
+    margin-right: auto;
+  }
+  .dc-pagination--next {
+    margin-left: auto;
+  }
+
+  .dc-pagination--previous__button {
+    &::before {
+      content: '\f053';
+    }
+  }
+  .dc-pagination--next__button {
+    &::after {
+      content: '\f054';
+    }
+  }
+}

package/dist/scss/components/resource-information-table.scss

@@ -0,0 +1,5 @@
+.dc-c-resource-info-table {
+  table {
+    width: 100%;
+  }
+}

package/dist/scss/index.scss

@@ -0,0 +1,24 @@
+@import './components';
+@import './templates';
+
+main {
+  padding-bottom: 100px;
+}
+
+.dc-c-word-break--all {
+  word-break: break-all;
+}
+
+html a:focus {
+  background-color: transparent;
+}
+
+button.ds-c-dialog__close {
+  &:focus {
+    background-color: transparent;
+    outline: 3px solid #bd13b8;
+    box-shadow: none;
+    outline-offset: inherit;
+    border-radius: 0px;
+  }
+}

package/dist/scss/templates/dataset-search.scss

@@ -0,0 +1,38 @@
+@import '~@cmsgov/design-system/dist/scss/settings/variables/color';
+
+.dc-dataset-search-list {
+  list-style: none;
+}
+
+.dc-c-clear-filters {
+  font-weight: 300;
+}
+
+.dc-fulltext--input-container {
+  width: 100%;
+  input {
+    max-width: inherit;
+  }
+}
+
+.dc-search-header {
+  display: relative;
+  &::after {
+    content: '';
+    display: block;
+    width: 48px;
+    height: 4px;
+    margin: 16px 0;
+    background-color: $color-primary-alt-light;
+  }
+}
+
+.dataset-results-count {
+  font-weight: bold;
+}
+
+.dc-dataset-search--facets-container .ds-c-accordion__button {
+  display: flex;
+  justify-content: space-between;
+  padding: 16px 24px 16px 24px;
+}

package/dist/scss/templates/dataset.scss

@@ -0,0 +1,44 @@
+.dc-resource-header {
+  &::before {
+    content: '';
+    display: block;
+    width: 48px;
+    height: 4px;
+    margin: 8px 0;
+    background-color: $color-primary-alt-light;
+  }
+}
+
+.dc-truncate {
+  max-width: 85%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dc-c-table-header-group > div {
+  position: relative;
+}
+
+.dc-c-resize-handle {
+  top: 0;
+  bottom: 0;
+  right: 0;
+  position: absolute;
+  background-color: $color-gray-light;
+  width: 10px;
+  min-width: 10px;
+  display: block;
+  margin-left: -10px;
+  border-bottom: 2px solid #323a45;
+  border-top: 2px solid #323a45;
+  z-index: 1;
+  &.isResizing,
+  &:hover {
+    background-color: $color-primary;
+  }
+}
+
+.dc-c-metadata-description {
+  white-space: pre-line;
+}

package/dist/scss/templates/filtered-resource.scss

@@ -0,0 +1,19 @@
+.dc-c-resource-action {
+  min-height: 100%;
+}
+
+.dc-filtered-resource-toggle {
+  align-self: center;
+}
+
+.dc-c-filterd-resouce-drawer {
+  .ds-c-help-drawer__footer {
+    h4 {
+      display: none;
+    }
+  }
+}
+
+.dc-c-resource-header--buttons {
+  display: flex;
+}

package/dist/scss/templates/footer.scss

@@ -0,0 +1,83 @@
+@import '~@cmsgov/design-system/dist/scss/settings/variables/color';
+
+.dc-c-footer {
+  background-color: white;
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+}
+
+.dc-c-footer--middle-container {
+  background: linear-gradient(90deg, #f6f9fd 50%, #e8f0fa 50%);
+}
+
+.dc-c-footer__title {
+  font-weight: 400;
+  color: $color-gray;
+  span {
+    font-weight: 700;
+  }
+}
+
+.dc-c-footer__resources {
+  background: #f6f9fd;
+}
+
+.dc-c-footer__utility {
+  background: $color-white;
+}
+
+.dc-c-footer__utility li {
+  list-style: none;
+}
+
+.dc-c-footer__cms-information {
+  background: #e8f0fa;
+}
+
+.dc-footer--heading {
+  text-transform: uppercase;
+}
+
+.dc-c-emailupdates {
+  background-image: linear-gradient(
+    35deg,
+    $color-primary-darkest,
+    $color-primary-darker,
+    $color-primary
+  );
+  color: $color-white;
+}
+.dc-c-footer--svg-icon {
+  width: 40px;
+  height: 40px;
+  font-size: 42px;
+  display: inline-block;
+  text-align: center;
+  position: relative;
+
+  svg.svg-inline--fa {
+    width: 1em;
+    height: 1em;
+  }
+
+  .fa-circle {
+    fill: #6f757c;
+  }
+
+  .fa-inverse {
+    font-size: 25px;
+    padding-left: 2px;
+    fill: $color-white;
+  }
+}
+.svg-inline--fa {
+  bottom: 0;
+  left: 0;
+  margin: auto;
+  position: absolute;
+  right: 0;
+  top: 0;
+}