@plutonhq/core-frontend 0.1.2 → 0.1.4

package/dist-lib/components/common/FolderPicker/FolderPicker.module.scss

@@ -1,77 +0,0 @@
-.folderPickerModal {
-   position: fixed;
-   width: 100%;
-   height: 100vh;
-   top: 0;
-   left: 0;
-   z-index: 99999999;
-   background: var(--modal-shadow-color-light);
-   .folderPickerModalInner {
-      position: absolute;
-      width: 70%;
-      max-width: 1000px;
-      background: var(--content-background-color);
-      color: var(--content-text-color);
-      border-radius: 8px;
-      border: 1px solid var(--content-shadow-color);
-      margin: 0 auto;
-      left: 0;
-      right: 0;
-      top: 10%;
-      box-sizing: border-box;
-      box-shadow: 0 0 20px var(--modal-shadow-color);
-      .folderPickerHeader {
-         display: flex;
-         align-items: center;
-         justify-content: space-between;
-         padding: 10px 15px;
-         border-bottom: 1px solid var(--line-color);
-         h4 {
-            margin: 0;
-         }
-         button {
-            padding: 10px;
-            cursor: pointer;
-            background: transparent;
-            opacity: 0.5;
-            color: var(--content-text-color);
-            transition: all 0.2s linear;
-            &:hover {
-               opacity: 1;
-               transform: rotate(90deg);
-            }
-         }
-      }
-      .folderPickerFooter {
-         display: flex;
-         align-items: center;
-         justify-content: flex-end;
-         padding: 10px 15px;
-         border-top: 1px solid var(--line-color);
-         button {
-            background-color: var(--primary-color);
-            color: var(--primary-text-color);
-            padding: 10px 12px;
-            cursor: pointer;
-            border-radius: 6px;
-         }
-         &.folderPickerFooterWithText {
-            justify-content: space-between;
-         }
-      }
-      .folderPickerContent {
-         padding: 20px;
-         max-height: 500px;
-         overflow: auto;
-      }
-   }
-}
-
-@media only screen and (max-width: 768px) {
-   .folderPickerModal {
-      .folderPickerModalInner {
-         width: 100%;
-         top: 0;
-      }
-   }
-}

package/dist-lib/components/common/ItemsLayout/ItemsLayout.module.scss

@@ -1,51 +0,0 @@
-.layoutSelector {
-   position: relative;
-}
-
-.layoutActive {
-   span {
-      opacity: 1;
-      color: inherit;
-   }
-}
-
-.lists {
-   border: 1px solid var(--line-color);
-   margin-top: -1px;
-   position: absolute;
-   z-index: 9999;
-   background: var(--field-bg);
-   width: calc(100% - 2px);
-   border-radius: 0 0 4px 4px;
-   max-height: 200px;
-   overflow: auto;
-   font-size: 0.75rem;
-   right: 0;
-   border-radius: 6px;
-   ul {
-      margin: 0;
-      padding: 0;
-      list-style-type: none;
-
-      li {
-         padding: 8px 10px;
-         cursor: pointer;
-
-         &.selectedItem {
-            color: var(--field-bg);
-            background: var(--primary-color);
-         }
-
-         &:hover {
-            background: var(--background-color);
-            color: inherit;
-         }
-      }
-   }
-}
-
-@media only screen and (max-width: 768px) {
-   .layoutSelector {
-      display: none;
-   }
-}

package/dist-lib/components/common/LogViewer/LogViewer.module.scss

@@ -1,188 +0,0 @@
-.logViewer {
-   display: flex;
-   flex-direction: column;
-   height: 100%;
-   border: 1px solid var(--line-color);
-   border-radius: 8px;
-   overflow: hidden;
-   .toolbar {
-      display: flex;
-      padding: 12px;
-      border-bottom: 1px solid var(--line-color);
-      gap: 15px;
-      align-items: center;
-      justify-content: space-between;
-      .toolbarRight {
-         display: flex;
-         flex-direction: row;
-         gap: 15px;
-         justify-content: space-between;
-
-         button {
-            color: var(--icon-color);
-            &:hover {
-               color: var(--primary-color);
-            }
-         }
-         .filters {
-            display: flex;
-            gap: 12px;
-            input {
-               accent-color: var(--primary-color);
-            }
-            label {
-               display: flex;
-               align-items: center;
-               gap: 4px;
-               text-transform: capitalize;
-            }
-         }
-
-         .search {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            padding: 4px 12px;
-            border: 1px solid var(--line-color);
-            border-radius: 6px;
-            margin-left: auto;
-
-            input {
-               border: none;
-               outline: none;
-               font-size: 0.75rem;
-               background-color: var(--content-background-color);
-            }
-         }
-      }
-   }
-   .logsTable {
-      .logsHeader {
-         display: grid;
-         grid-template-columns: repeat(4, 1fr) 55%;
-         padding: 12px;
-         background: var(--background-color);
-         font-weight: 600;
-         .logsHeaderItemTime {
-            width: 170px;
-         }
-      }
-      .logs {
-         height: calc(100vh - 290px);
-         overflow: auto;
-
-         .log {
-            display: grid;
-            grid-template-columns: repeat(4, 1fr) 55%;
-            padding: 8px 12px;
-            border-bottom: 1px solid var(--line-color);
-            position: relative;
-            .logTime {
-               width: 170px;
-            }
-            .logType {
-               padding: 2px 12px;
-               font-size: 0.7rem;
-               background-color: var(--background-color);
-               border-radius: 20px;
-               text-transform: capitalize;
-               display: inline-block;
-               width: max-content;
-               height: max-content;
-               &.logType--error {
-                  background-color: #ffdada;
-                  color: #c43e3e;
-               }
-               &.logType--warn {
-                  background-color: #fff2d9;
-                  color: #d19628;
-               }
-               &.logType--info {
-                  background-color: #e7edff;
-                  color: #6182e4;
-               }
-            }
-            .logMessage {
-               overflow: auto;
-            }
-            &.log--backupStart {
-               border-top: 1px solid #e4e6ff;
-               margin-top: 30px;
-               padding-top: 20px;
-            }
-         }
-         .backupStartLabel {
-            position: absolute;
-            background: var(--primary-color-light);
-            color: var(--primary-color);
-            font-weight: 600;
-            font-size: 0.7rem;
-            padding: 2px 12px;
-            border-radius: 30px;
-            left: 0;
-            right: 0;
-            top: -12px;
-            margin: 0 auto;
-            width: max-content;
-         }
-      }
-   }
-   .pagination {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      gap: 8px;
-      padding: 12px;
-      border-top: 1px solid var(--line-color);
-
-      .paginationButton {
-         padding: 6px 12px;
-         border: 1px solid var(--line-color);
-         border-radius: 6px;
-         background: transparent;
-         cursor: pointer;
-         font-size: 0.875rem;
-         transition: all 0.2s;
-         color: var(--content-text-color-light);
-
-         &:hover:not(:disabled) {
-            background: var(--primary-color-light);
-            color: var(--primary-color);
-            border-color: var(--primary-color);
-         }
-
-         &:disabled {
-            opacity: 0.5;
-            cursor: not-allowed;
-         }
-
-         &.paginationButtonActive {
-            background: var(--primary-color);
-            color: white;
-            border-color: var(--primary-color);
-         }
-      }
-   }
-}
-
-@media only screen and (max-width: 768px) {
-   .logViewer {
-      .toolbar {
-         flex-direction: column;
-         align-items: baseline;
-         .toolbarRight {
-            justify-content: space-between;
-            flex-wrap: wrap;
-         }
-      }
-      .logsTable {
-         overflow-x: auto;
-         overflow-y: hidden;
-         width: 100%;
-         .logs,
-         .logsHeader {
-            width: 1100px;
-         }
-      }
-   }
-}

package/dist-lib/components/common/Modal/Modal.module.scss

@@ -1,81 +0,0 @@
-.modal {
-   position: fixed;
-   width: 100%;
-   height: 100vh;
-   top: 0;
-   left: 0;
-   z-index: 99999999;
-   background: var(--modal-shadow-color-light);
-   opacity: 0;
-   overflow: auto;
-   transition: opacity 0.3s ease-out;
-
-   .modalContent {
-      position: absolute;
-      width: 70%;
-      background: var(--content-background-color);
-      color: var(--content-text-color);
-      border-radius: 8px;
-      border: 1px solid var(--content-shadow-color);
-      margin: 0 auto;
-      left: 0;
-      right: 0;
-      top: 20%;
-      padding: 20px;
-      box-sizing: border-box;
-      box-shadow: 0 0 20px var(--modal-shadow-color);
-      word-break: break-word;
-      transform: translateY(-30px);
-      opacity: 0;
-      transition:
-         transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
-         opacity 0.3s ease-out;
-
-      &.active {
-         transform: translateY(0);
-         opacity: 1;
-      }
-
-      h3 {
-         margin-top: 0;
-         color: var(--content-text-color);
-      }
-   }
-
-   .modalClose {
-      position: absolute;
-      right: 0;
-      top: 0;
-      margin: 10px;
-      background: transparent;
-      opacity: 0.5;
-      color: var(--content-text-color);
-      transition: all 0.2s linear;
-      &:hover {
-         opacity: 1;
-         transform: rotate(90deg);
-      }
-   }
-
-   &.active {
-      opacity: 1;
-   }
-
-   &.autoVertical {
-      .modalContent {
-         top: 50%;
-         transform: translateY(-50%);
-         transition: none;
-         &.active {
-            transform: translateY(-50%);
-            opacity: 1;
-         }
-      }
-   }
-}
-
-@media only screen and (max-width: 768px) {
-   .modal .modalContent {
-      max-width: 90%;
-   }
-}

package/dist-lib/components/common/NotFound/NotFound.module.scss

@@ -1,36 +0,0 @@
-.notFound {
-   display: flex;
-   flex-direction: column;
-   justify-content: center;
-   align-items: center;
-   padding: 6rem 1rem;
-   text-align: center;
-   box-sizing: border-box;
-   font-weight: bold;
-   color: var(--content-text-color-light);
-   background-color: var(--content-background-color);
-   border-radius: 6px;
-   margin-top: 100px;
-   box-shadow: 0 0 15px var(--content-shadow-color);
-
-   h1 {
-      font-size: 6rem;
-      margin: 1rem 0;
-      margin-bottom: 0;
-      color: var(--primary-color-light);
-   }
-   h3 {
-      text-transform: capitalize;
-      margin: 0;
-      margin-top: -0.2rem;
-      color: var(--primary-color);
-      font-size: 1.2rem;
-      background: var(--primary-color-lighter);
-      padding: 0 20px;
-      font-weight: 600;
-   }
-
-   p {
-      font-weight: normal;
-   }
-}

package/dist-lib/components/common/PageHeader/PageHeader.module.scss

@@ -1,62 +0,0 @@
-.header {
-   width: 100%;
-   max-height: 60px;
-   display: flex;
-   justify-content: space-between;
-   align-items: center;
-}
-
-.headerTitle {
-   display: flex;
-   align-items: center;
-   font-size: 1.125rem;
-   :global(.icon) {
-      margin-right: 5px;
-      position: relative;
-      top: 3px;
-      color: var(--primary-color);
-   }
-}
-
-.rightSection {
-   display: flex;
-   align-items: center;
-   position: relative;
-   button {
-      padding: 10px;
-      cursor: pointer;
-      color: var(--background-text-color);
-      transition: all 0.2s linear;
-
-      &:hover {
-         opacity: 1;
-      }
-   }
-   & > b {
-      font-weight: normal;
-      font-size: 0.5rem;
-      margin: 0 8px;
-      color: var(--line-active-color);
-   }
-}
-
-.button {
-   font-size: 0.75rem;
-   font-weight: 600;
-   padding: 4px 15px;
-   margin-left: 8px;
-   border-radius: 20px;
-   font-family: inherit;
-   background-color: var(--primary-color);
-   color: var(--primary-text-color);
-   transition: all 0.2s linear;
-   &:hover {
-      background-color: var(--primary-hover-color);
-   }
-}
-
-@media only screen and (max-width: 768px) {
-   .headerTitle {
-      font-size: 1rem;
-   }
-}