@digi-frontend/dgate-api-documentation 1.0.1 → 1.0.5

package/src/layout/docsComponents/DocsContent/OverviewPage/style.scss

@@ -1,284 +0,0 @@
-.api-details-page {
-  padding: 2rem;
-
-  .welcome {
-    font-size: 1.2rem;
-    color: #616874;
-    font-weight: 400;
-    font-size: 1.125rem;
-    letter-spacing: 0px;
-    line-height: 1.5rem;
-  }
-
-  .api-title {
-    font-size: 2rem;
-    font-weight: 600;
-    color: #4d75d9;
-    font-size: 3rem;
-    letter-spacing: -1px;
-    margin-bottom: 0.5rem;
-  }
-
-  .api-version {
-    font-size: 1.25rem;
-    color: #3b3f46;
-    font-weight: 400;
-    letter-spacing: 0px;
-    line-height: 1.75rem;
-  }
-  .custom-url-input {
-    margin-top: 1.5rem;
-    width: 50%;
-
-    .input-label {
-      display: block;
-      margin-bottom: 0.5rem;
-      font-size: 0.875rem;
-      font-weight: 600;
-      color: #4d4f5c;
-    }
-
-    .input-wrapper {
-      display: flex;
-      align-items: center;
-      background-color: #edf1fb;
-      border: 1px solid #fff;
-      border-radius: 0.375rem;
-      padding: 0 0.75rem;
-
-      input {
-        flex: 1;
-        padding: 0.5rem 0.5rem;
-        border: none;
-        background: transparent;
-        line-height: 1.75rem;
-        letter-spacing: 0px;
-        font-size: 1.125rem;
-        font-weight: 400;
-        opacity: 0.5;
-
-        color: #000000;
-
-        &:focus {
-          outline: none;
-        }
-      }
-
-      .icon {
-        cursor: pointer;
-        color: #4d75d9;
-        font-size: 1rem;
-        margin-left: 0.5rem;
-
-        &:hover {
-          color: #2f54eb;
-        }
-      }
-    }
-  }
-  .api-desc {
-    padding: 1.125rem 0;
-    color: #000000;
-    font-weight: 400;
-    line-height: 1.125rem;
-  }
-
-  .api-product-tag {
-    margin: 1rem 0;
-    font-size: 0.9rem;
-    font-size: 1rem;
-    font-weight: 500;
-    color: #616874;
-    line-height: 1.125rem;
-    letter-spacing: 0px;
-
-    .product-tag {
-      background: #f1f1f1;
-      padding: 0.25rem 0.5rem;
-      border-radius: 0.25rem;
-      border: 1px solid #bbbec5;
-      font-weight: 400;
-      font-size: 0.75rem;
-      letter-spacing: 0px;
-      margin-left: 0.5rem;
-      cursor: pointer;
-    }
-  }
-
-  .section-title {
-    margin-top: 2rem;
-    color: #4d75d9;
-    font-weight: 600;
-    font-size: 1.75rem;
-    letter-spacing: -0.5px;
-    line-height: 2.25rem;
-  }
-
-  .endpoint-group {
-    margin-top: 1.5rem;
-    gap: 1rem;
-
-    .tag-title {
-      font-size: 1.125rem;
-      margin-bottom: 1rem;
-      border-bottom: 1px solid #ddd;
-      padding-bottom: 0.5rem;
-      line-height: 1.5rem;
-      letter-spacing: 0px;
-      font-weight: 500;
-      color: #616874;
-    }
-
-    .endpoint-list {
-      display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(308px, 1fr));
-      gap: 1rem;
-    }
-
-    .endpoint-card {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 1rem;
-      border: 1px solid #e5e7eb;
-      border-radius: 0.5rem;
-      background-color: #fff;
-      margin-bottom: 1rem;
-      transition: box-shadow 0.2s ease;
-
-      .endpoint-card-header {
-        display: flex;
-        gap: 0.8rem;
-        align-items: flex-start;
-
-        .title-wrapper {
-          flex: 1;
-          max-width: 10rem;
-          min-width: 10rem;
-        }
-
-        h5 {
-          font-size: 1rem;
-          font-weight: 400;
-          line-height: 1.25rem;
-          letter-spacing: 0px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          max-width: 100%;
-        }
-      }
-
-      .method-label {
-        font-size: 0.875rem;
-        font-weight: 400;
-        letter-spacing: 0px;
-        line-height: 1rem;
-        padding: 0.275rem 1.563rem;
-        border-radius: 0.188rem;
-        display: inline-block;
-        margin-bottom: 1rem;
-        text-transform: uppercase;
-
-        &.get {
-          background-color: #3a6cd1;
-          color: #ffffff;
-        }
-        &.post {
-          background-color: #3aaa35;
-          color: #ffffff;
-        }
-        &.put {
-          background-color: #faad14;
-          color: #ffffff;
-        }
-        &.patch {
-          background-color: #58e2c2;
-          color: #ffffff;
-        }
-        &.delete {
-          background-color: #da3f3f;
-          color: #ffffff;
-        }
-        &.head {
-          background-color: #9461c9;
-          color: #ffffff;
-        }
-        &.trace {
-          background-color: #ffa28f;
-          color: #ffffff;
-        }
-        &.options {
-          background-color: #495d97;
-          color: #ffffff;
-        }
-      }
-
-      .endpoint-meta {
-        h5 {
-          font-size: 1rem;
-          font-weight: 400;
-          line-height: 1.25rem;
-          letter-spacing: 0px;
-        }
-
-        p {
-          color: #616874;
-          font-weight: 400;
-          font-size: 0.85rem;
-          letter-spacing: 0px;
-          line-height: 1rem;
-          margin: 0.25rem 0;
-        }
-
-        .description {
-          color: #3b3f46;
-          line-height: 1rem;
-          font-weight: 400;
-          letter-spacing: 0px;
-          margin-top: 1.5rem;
-        }
-      }
-      .endpoint-arrow {
-        align-content: center;
-        width: 1rem;
-        height: 1rem;
-        flex-shrink: 0;
-        margin-left: 1rem;
-      }
-    }
-  }
-
-  .versions-section {
-    margin-top: 2rem;
-
-    h4 {
-      color: #4d75d9;
-      font-weight: 600;
-      font-size: 1.75rem;
-      letter-spacing: -0.5px;
-      line-height: 2.25rem;
-
-      margin-bottom: 0.75rem;
-    }
-
-    .version-list {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 1rem;
-
-      .version-btn {
-        width: 3.9375rem;
-        height: 3rem;
-        padding: 0.4rem 0.8rem;
-        border: 1px solid #4d75d9;
-        border-radius: 0.375rem;
-        background-color: #fff;
-        cursor: pointer;
-        font-size: 0.875rem;
-        color: #4d75d9;
-        box-shadow: inset 0 1px 3px #00000040;
-      }
-    }
-  }
-}

package/src/layout/docsComponents/DocsHeader/DocsHeader.module.scss

@@ -1,270 +0,0 @@
-.api_docs_header {
-  height: 2.625rem;
-  background-color: #f0f1f2;
-  display: flex;
-  align-items: center;
-  padding: 0 1rem;
-
-  .header_content {
-    width: 100%;
-    display: flex;
-    align-items: center;
-  }
-
-  .nav_buttons {
-    display: flex;
-    gap: 1rem;
-    margin-left: 2.9375rem;
-  }
-
-  .search_filter_btn {
-    background-color: #ffffff !important;
-    border: 1px solid #e8e9ee !important;
-    width: 10.4375rem;
-    height: 2.25rem;
-    font-weight: 400;
-    font-size: 1rem;
-    line-height: 1.25rem;
-
-    &:hover:not(:disabled) {
-      color: #000000;
-    }
-
-    &:hover {
-      color: #000;
-    }
-
-    svg {
-      margin-left: 0.5rem;
-    }
-  }
-
-  :global(.guide-btn) {
-    background-color: #ffffff !important;
-    border: 0.82px solid #b8bfca !important;
-    width: 5.658rem;
-    font-size: 0.9175rem;
-    font-weight: 400;
-    line-height: 1.234rem;
-    height: 2.25rem;
-
-    &:disabled {
-      opacity: 0.7;
-      background-color: #ffffff !important;
-      color: #667085 !important;
-    }
-
-    svg {
-      margin-right: 0.4075rem;
-    }
-  }
-
-  .api_btn {
-    background-color: #ffffff !important;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    border: none !important;
-    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
-    padding: 0.4rem;
-    width: 8.4875rem;
-    font-size: 0.8125rem;
-    font-weight: 400;
-    line-height: 1.234rem;
-    height: 2.25rem;
-
-    &:hover:not(:disabled) {
-      color: #000000;
-    }
-
-    svg {
-      margin-right: 0.4075rem;
-    }
-  }
-}
-
-.tippy_box_color {
-  margin-left: 2rem;
-  background-color: #000 !important;
-  border: none;
-  height: 1.875rem;
-  border-radius: 0.75rem;
-  margin-top: -0.5rem;
-}
-
-:global(.tippy-arrow) {
-  transform: translateX(12px) !important;
-}
-
-:global(.tippy-content) {
-  padding: 0.5rem;
-  text-align: center;
-  font-size: 0.875rem;
-  font-weight: 600;
-  color: #ffffff;
-}
-
-/* Global styles  */
-:global {
-  .search-filter-form {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    gap: 2.25rem;
-    padding: 1.75rem 1.75rem 0rem 1.75rem;
-    min-height: 17.687rem;
-    transition: min-height 0.3s ease;
-    &.expanded {
-      min-height: 34.375rem;
-    }
-  }
-
-  .search-filter-form.expanded {
-    min-height: 34.375rem;
-  }
-
-  .search-filter-form__header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 0.5rem;
-  }
-
-  .search-filter-form__header__title {
-    font-size: 1.25rem;
-    font-weight: 400;
-    line-height: 1.75rem;
-    color: #9ca1aa;
-    margin: 0;
-  }
-
-  .search-filter-form__header svg {
-    cursor: pointer;
-  }
-
-  .name-input {
-    // border-color: #bbbec5 !important;
-    width: 27.875rem;
-    height: 2.5rem;
-    border-radius: 0.5rem;
-    border: 0.0625rem solid #bbbec5;
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-
-    > div.inputWrapper {
-      border: 0px !important;
-    }
-  }
-
-  .methodList {
-    width: 27.875rem;
-    border-radius: 0.5rem;
-    border: 0.0625rem solid #f0f1f2;
-
-    .method-item {
-      display: flex;
-      flex-direction: row;
-      justify-content: flex-start;
-      align-items: center;
-      gap: 0.5rem;
-      padding-left: 0.75rem;
-      padding-right: 0.75rem;
-      padding-top: 0.5rem;
-      border-radius: 0.5rem;
-      padding-bottom: 0.5rem;
-      border-bottom: 1px solid #f0f1f2;
-      span {
-        font-weight: 400;
-        font-size: 0.875rem;
-      }
-      input {
-        cursor: pointer;
-        width: 1.25rem;
-        height: 1.25rem;
-        border-radius: 0.25rem;
-        border: 1px solid #64748b;
-      }
-    }
-  }
-
-  .method-container {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    position: relative;
-    z-index: 10;
-
-    .typeDdl {
-      cursor: pointer;
-      width: 27.875rem;
-      height: 2.5rem;
-      border-radius: 0.5rem;
-      border: 0.0625rem solid #bbbec5;
-      padding-top: 0.5rem;
-      padding-bottom: 0.5rem;
-      padding-left: 1.3rem;
-      padding-right: 0.75rem;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      span {
-        font-weight: 400;
-        font-size: 0.875rem;
-        color: #8390a2;
-      }
-    }
-  }
-
-  .method-container label {
-    font-size: 0.75rem;
-    font-weight: 400;
-    color: #000000;
-  }
-
-  #react-select-menu-portal {
-    z-index: 9999 !important;
-  }
-
-  .button-container {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    padding-top: 0 !important;
-    padding: 1.5rem 0;
-  }
-
-  .dialog-submit-btn {
-    width: 100% !important;
-    background-color: #4d75d9 !important;
-    color: white !important;
-    border-radius: 0.5rem !important;
-    height: 2.25rem !important;
-    box-shadow: 1px 1px 0.25rem 0px #00000040 inset !important;
-    font-weight: 400;
-  }
-
-  .close-icon {
-    top: 3.2rem !important;
-    right: 3rem !important;
-    cursor: pointer !important;
-  }
-  .custom-select-border > div {
-    border: 1px solid #f0f1f2 !important;
-    border-radius: 0.5rem !important;
-  }
-  .multiSelectGroup .optionsList .option {
-    border-top: 1px solid #f0f1f2 !important;
-  }
-  .multiSelectGroup .optionsList .optionsContainer.optionsContainerWithSearch {
-    max-height: 56.25rem !important;
-  }
-  .inputContainer .inputWrapper {
-    border: 1px solid #f0f1f2 !important;
-  }
-  .rootContentWrapper {
-    opacity: 1 !important;
-    backdrop-filter: blur(0.5rem);
-    background-color: rgba(0, 0, 0, 0.281) !important;
-  }
-}