@plutonhq/core-frontend 0.1.2 → 0.1.3

package/dist-lib/components/Plan/Backups/Backups.module.scss

@@ -1,244 +0,0 @@
-.backupsTable {
-   width: 100%;
-   border: 1px solid var(--line-color);
-   border-radius: 6px;
-
-   .noBackups {
-      padding: 50px;
-      text-align: center;
-   }
-
-   .backupsTableHead {
-      font-weight: 600;
-      border-bottom: 1px solid var(--line-color);
-      color: var(--content-title-color);
-      display: flex;
-      justify-content: space-between;
-      & > div {
-         padding: 10px;
-         text-align: center;
-         min-width: 8%;
-         &:nth-child(1) {
-            text-align: left;
-            width: 25%;
-            padding-left: 20px;
-            padding-right: 0;
-         }
-         &:last-child {
-            min-width: unset;
-            width: 24px;
-         }
-      }
-   }
-   .backupsTableContent {
-      width: 100%;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      .backupsTableRow {
-         display: flex;
-         justify-content: space-between;
-         position: relative;
-         .editIcon {
-            position: absolute;
-            z-index: 2;
-            visibility: hidden;
-            opacity: 0;
-            cursor: pointer;
-            transition: all 0.12s linear;
-         }
-         .backupTitle {
-            cursor: pointer;
-
-            &:hover {
-               color: var(--content-text-color);
-            }
-         }
-         .planDescription {
-            margin-left: 6px;
-            :global(.icon) {
-               color: var(--icon-color);
-            }
-         }
-         & > div {
-            padding: 15px 10px;
-            text-align: center;
-            min-width: 8%;
-            .activeBackup {
-               color: var(--icon-color);
-            }
-            &:nth-child(1) {
-               text-align: left;
-               width: 25%;
-               padding-left: 20px;
-               padding-right: 0;
-               // white-space: nowrap;
-               // overflow: hidden;
-               // text-overflow: ellipsis;
-
-               & > .downloadLabel {
-                  padding: 1px 4px;
-                  padding-right: 6px;
-                  background: #e0eaff;
-                  color: #7e90c5;
-                  border-radius: 12px;
-                  margin-left: 5px;
-                  font-size: 0.6875rem;
-                  :global(.icon) {
-                     top: 2px;
-                  }
-
-                  &.downloadLabelFailed {
-                     background-color: var(--error-bg-color);
-                     color: var(--error-text-color);
-                  }
-                  &.downloadLabelDone {
-                     background-color: var(--primary-color);
-                     color: var(--primary-text-color);
-                     padding: 0 6px 2px 6px;
-                     cursor: pointer;
-                  }
-               }
-            }
-            &.snapOptsBtn {
-               min-width: unset;
-               button {
-                  color: var(--icon-color);
-               }
-            }
-         }
-         .changes {
-            display: flex;
-            gap: 7px;
-            justify-content: center;
-            :global(.icon) {
-               top: 1px;
-               right: -3px;
-            }
-            .changesNew {
-               color: cornflowerblue;
-            }
-            .changesModified {
-               color: darkseagreen;
-            }
-            .changesRemoved {
-               color: indianred;
-            }
-         }
-         .target {
-            max-width: 120px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            display: block;
-         }
-         .status {
-            text-transform: capitalize;
-            &.statusHasError > div {
-               text-decoration: underline;
-               text-decoration-style: dashed;
-               cursor: pointer;
-            }
-         }
-         .settings {
-            position: absolute;
-            z-index: 99;
-            top: 35px;
-            right: 15px;
-            display: flex;
-            flex-direction: column;
-            justify-content: left;
-            width: max-content;
-            text-align: left;
-            align-items: center;
-            background: var(--content-background-color);
-            border: 1px solid var(--line-color);
-            border-radius: 6px;
-            padding: 0;
-            min-width: unset;
-            button {
-               padding: 6px 10px;
-               width: 100%;
-               text-align: left;
-               color: var(--content-text-color-light);
-               &:hover {
-                  background-color: var(--primary-color-light);
-                  color: var(--primary-color);
-               }
-            }
-         }
-         &.backupsTableRowActive {
-            background-color: var(--background-color);
-         }
-
-         &:hover {
-            .backupTitle {
-               :global(.icon) {
-                  opacity: 0;
-                  visibility: hidden;
-               }
-            }
-            .editIcon {
-               visibility: visible;
-               opacity: 1;
-            }
-         }
-      }
-   }
-}
-
-.updateModalContent {
-   .field {
-      margin-bottom: 15px;
-   }
-}
-
-.removeModalContent {
-   position: relative;
-   .deleteLoader {
-      position: absolute;
-      z-index: 9;
-      width: 100%;
-      height: 100%;
-      left: 0;
-      top: 0;
-      background-color: var(--content-background-color);
-      opacity: 0.7;
-      cursor: default;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-   }
-   .removeModalActions {
-      margin-top: 20px;
-      justify-content: right;
-      display: flex;
-      flex-direction: row;
-      gap: 10px;
-      button {
-         background-color: var(--line-color);
-         color: var(--content-text-color);
-         padding: 6px 12px;
-         border-radius: 4px;
-         transition: all 0.12s linear;
-         &:nth-child(2) {
-            background-color: var(--error-button-color);
-            color: var(--error-active-text);
-         }
-         &:hover {
-            filter: brightness(105%);
-         }
-      }
-   }
-}
-
-@media only screen and (max-width: 768px) {
-   .backupsTable {
-      overflow: auto;
-      max-width: 80vw;
-      .backupsTableHead,
-      .backupsTableContent {
-         width: 760px;
-      }
-   }
-}

package/dist-lib/components/Plan/EditPlan/EditPlan.module.scss

@@ -1,41 +0,0 @@
-//Fields
-
-.field {
-   margin-bottom: 20px;
-   width: 100%;
-   position: relative;
-   .fieldErrorLabel {
-      position: absolute;
-      right: 10px;
-      top: 15px;
-      background-color: var(--error-bg-active);
-      color: var(--error-active-text);
-      padding: 1px 12px;
-      border-radius: 20px;
-      font-size: 0.75rem;
-      letter-spacing: 0.2px;
-      z-index: 2;
-   }
-}
-
-.label {
-   font-weight: 600;
-   display: block;
-   margin-bottom: 8px;
-   font-size: 0.75rem;
-}
-
-.titleInput {
-   width: 100%;
-   border: 1px solid var(--line-color);
-   background-color: var(--content-background-color);
-   color: var(--content-text-color);
-   padding: 15px;
-   font-size: 0.75rem;
-   border-radius: 6px;
-   box-sizing: border-box;
-   &:focus {
-      outline: none;
-      border-color: var(line-active-color);
-   }
-}

package/dist-lib/components/Plan/PlanBackups/PlanBackups.module.scss

@@ -1,58 +0,0 @@
-.backups {
-   margin-top: 20px;
-}
-
-.backupsHeader {
-   width: 100%;
-   display: flex;
-   justify-content: space-between;
-   align-items: center;
-   padding-top: 10px;
-   h3 {
-      font-size: 0.75rem;
-      font-weight: 600;
-      color: var(--content-title-color);
-      span {
-         background-color: var(--line-color);
-         color: var(--content-text-color-light);
-         font-size: 0.7rem;
-         padding: 1px 8px;
-         border-radius: 20px;
-      }
-   }
-
-   .historyTabs {
-      display: flex;
-      gap: 10px;
-      button {
-         padding: 12px 18px;
-         border-radius: 6px 6px 0 0;
-         color: var(--content-text-color-light);
-         border: 1px solid transparent;
-         position: relative;
-         top: 1px;
-         i {
-            padding: 2px 7px;
-            border-radius: 20px;
-            font-size: 0.625rem;
-            line-height: 0.625rem;
-            font-style: normal;
-            background-color: var(--light-grey);
-         }
-         &.historyTabActive {
-            color: var(--content-text-color);
-            border-color: var(--line-color);
-            border-bottom-color: var(--content-background-color);
-         }
-      }
-   }
-}
-
-@media only screen and (max-width: 768px) {
-   .backups {
-      overflow-x: auto;
-   }
-   .backupsInfo {
-      display: none;
-   }
-}

package/dist-lib/components/Plan/PlanForm/PlanForm.module.scss

@@ -1,103 +0,0 @@
-@use '../../../styles/steps.scss';
-
-.steps {
-   @extend %modalSteps;
-
-   display: flex;
-   flex-direction: row;
-   justify-content: center;
-
-   ul {
-      width: 100%;
-      max-width: 700px;
-   }
-
-   &.stepsEdit {
-      & > ul {
-         position: relative;
-         top: 6px;
-         justify-content: flex-start;
-         gap: 12px;
-         &::before {
-            display: none;
-         }
-         li {
-            border-radius: 6px 6px 0 0;
-            border: 1px solid transparent;
-            border-bottom: none;
-            cursor: pointer;
-            i {
-               padding: 4px 18px;
-               position: relative;
-               top: -3px;
-            }
-            &.stepCurrent {
-               background-color: var(--content-background-color);
-               border: 1px solid var(--content-shadow-color);
-               border-bottom: none;
-            }
-            & > span {
-               display: none;
-            }
-         }
-      }
-   }
-}
-
-.planFormFooter {
-   width: 100%;
-   display: flex;
-   flex-direction: row;
-   justify-content: center;
-   .footerContainer {
-      width: 100%;
-      max-width: 700px;
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-   }
-}
-
-.formContent {
-   padding: 30px;
-   display: flex;
-   flex-direction: row;
-   justify-content: center;
-   padding: 30px;
-   box-sizing: border-box;
-   width: 100%;
-   height: calc(100vh - 210px);
-   overflow: auto;
-
-   hr {
-      margin: 30px 0;
-      border: 0;
-      border-top: 1px solid var(--line-color);
-   }
-
-   .planStep {
-      width: 100%;
-      max-width: 700px;
-   }
-}
-
-.backButton {
-   color: var(--icon-color);
-   &:hover {
-      color: var(--content-text-color-light);
-   }
-}
-
-@media only screen and (max-width: 768px) {
-   .steps.stepsEdit {
-      > ul {
-         gap: 0;
-         li i {
-            padding: 4px 10px;
-            span {
-               display: none;
-            }
-         }
-      }
-   }
-}

package/dist-lib/components/Plan/PlanHistory/PlanHistory.module.scss

@@ -1,44 +0,0 @@
-.history {
-   position: relative;
-   display: flex;
-   flex-direction: row;
-   height: 20px;
-   gap: 5px;
-   & > div {
-      width: 5px;
-      border-radius: 3px;
-   }
-
-   &.historyFull {
-      flex-wrap: wrap;
-      height: 50px;
-      padding-top: 10px;
-   }
-}
-
-.historyItemEmpty {
-   background-color: var(--line-color);
-}
-.historyItemSuccess {
-   background-color: var(--success-label);
-}
-.historyItemFailed {
-   background-color: #e88b84;
-}
-.historyItemCancelled {
-   background-color: #aaa;
-}
-.historyItemPending {
-   background-color: #e8e184;
-}
-
-@media only screen and (max-width: 768px) {
-   .history.historyFull {
-      height: 160px;
-      gap: 8px;
-      & > div {
-         width: 20px;
-         border-radius: 2px;
-      }
-   }
-}