@civicactions/cmsds-open-data-components 2.1.1 → 3.0.0-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@civicactions/cmsds-open-data-components",
-  "version": "2.1.1",
+  "version": "3.0.0-alpha.2",
   "description": "Components for the open data catalog frontend using CMS Design System",
   "main": "dist/main.js",
   "source": "src/index.ts",

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

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

package/dist/scss/components/breadcrumb.scss

@@ -1,32 +0,0 @@
-.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

@@ -1,10 +0,0 @@
-.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

@@ -1,20 +0,0 @@
-@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

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

package/dist/scss/components/datatable.scss

@@ -1,24 +0,0 @@
-.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

@@ -1,9 +0,0 @@
-@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

@@ -1,59 +0,0 @@
-@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

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

package/dist/scss/index.scss

@@ -1,24 +0,0 @@
-@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

@@ -1,38 +0,0 @@
-@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

@@ -1,44 +0,0 @@
-.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

@@ -1,19 +0,0 @@
-.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

@@ -1,83 +0,0 @@
-@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;
-}