feat: migrate to pnpm (#253)

packages/webapp/src/style/containers/Dashboard/Sidebar.scss

@@ -1,4 +1,4 @@
-@import 'src/style/Base.scss';
+@import 'src/style/_base.scss';
 
 .sidebar {
   background: $sidebar-background;
@@ -66,18 +66,18 @@
         outline: 0;
         font-size: 15px;
 
-        &:not([class*="bp3-intent-"]):not(.bp3-minimal) {
+        &:not([class*="bp4-intent-"]):not(.bp4-minimal) {
           color: rgb(255, 255, 255);
         }
 
         &:hover,
         &:focus,
         &:active,
-        &.bp3-active {
+        &.bp4-active {
           background: transparent;
         }
 
-        .bp3-button-text {
+        .bp4-button-text {
           margin-right: 4px;
           text-overflow: ellipsis;
           overflow: hidden;
@@ -90,8 +90,8 @@
         }
       }
 
-      .bp3-popover-wrapper,
-      .bp3-popover-target {
+      .bp4-popover-wrapper,
+      .bp4-popover-target {
         max-width: 100%;
         display: inline-block;
       }
@@ -145,7 +145,7 @@
       font-weight: 400;
 
       &:hover,
-      &.bp3-active {
+      &.bp4-active {
         background: $sidebar-submenu-item-bg-color;
         color: $sidebar-menu-item-color-active;
       }
@@ -183,7 +183,7 @@
         }
       }
 
-      &:hover .bp3-button.menu-item__add-btn {
+      &:hover .bp4-button.menu-item__add-btn {
         display: inline-block;
       }
     }
@@ -202,12 +202,12 @@
           color: $sidebar-submenu-item-color;
 
           &:hover,
-          &.bp3-active {
+          &.bp4-active {
             background: transparent;
             color: $sidebar-submenu-item-hover-color;
           }
 
-          &.bp3-active {
+          &.bp4-active {
             font-weight: 500;
           }
         }
@@ -296,7 +296,7 @@
     }
   }
 
-  .bp3-button.menu-item__add-btn {
+  .bp4-button.menu-item__add-btn {
     width: auto;
     padding: 2px;
     margin-right: 0px;
@@ -306,8 +306,8 @@
     display: none;
     vertical-align: top;
 
-    &:not([class*='bp3-intent-']):not(.bp3-minimal):not(:disabled) {
-      .bp3-icon {
+    &:not([class*='bp4-intent-']):not(.bp4-minimal):not(:disabled) {
+      .bp4-icon {
         color: rgba(255, 255, 255, 0.4);
       }
 
@@ -322,13 +322,13 @@
       &:hover {
         background-color: rgba(255, 255, 255, 0.12);
 
-        .bp3-icon {
+        .bp4-icon {
           color: rgba(255, 255, 255, 0.6);
         }
       }
     }
 
-    .bp3-icon {
+    .bp4-icon {
       margin: 0;
       display: block;
     }

packages/webapp/src/style/containers/FinancialStatements/DrawerHeader.scss

@@ -13,7 +13,7 @@
   &.is-hidden {
     visibility: hidden;
   }
-  .bp3-drawer {
+  .bp4-drawer {
     box-shadow: 0 0 0 transparent;
     max-height: 550px;
     height: 100%;
@@ -26,26 +26,26 @@
       flex: 1 0 0;
       height: 100%;
     }
-    .bp3-drawer-backdrop {
+    .bp4-drawer-backdrop {
       background-color: rgba(2, 9, 19, 0.65);
     }
   }
 
-  .bp3-button.button--submit-filter {
+  .bp4-button.button--submit-filter {
     min-height: 34px;
     padding-left: 16px;
     padding-right: 16px;
   }
   .radio-group---accounting-basis {
-    .bp3-label {
+    .bp4-label {
       margin-bottom: 12px;
     }
   }
 
-  .bp3-tabs {
+  .bp4-tabs {
     height: 100%;
 
-    &.bp3-vertical > .bp3-tab-panel {
+    &.bp4-vertical > .bp4-tab-panel {
       flex: 1 0 0;
       border-top: 24px solid transparent;
       padding-left: 20px;
@@ -55,10 +55,10 @@
     }
   }
 
-  .bp3-tabs.bp3-vertical {
+  .bp4-tabs.bp4-vertical {
     flex: 1 0 0;
 
-    .bp3-tab-list {
+    .bp4-tab-list {
       width: 220px;
       border-right: 1px solid #c3cdd5;
       padding-top: 10px;
@@ -66,17 +66,17 @@
       > *:not(:last-child) {
         margin-right: 0;
       }
-      .bp3-tab-indicator-wrapper {
+      .bp4-tab-indicator-wrapper {
         width: 100%;
 
-        .bp3-tab-indicator {
+        .bp4-tab-indicator {
           border-left: 3px solid #0350f8;
           background-color: #edf5ff;
           border-radius: 0;
         }
       }
 
-      .bp3-tab {
+      .bp4-tab {
         color: #333;
         line-height: 45px;
         border-radius: 0;
@@ -105,8 +105,8 @@
       padding-right: 0.85rem;
     }
   }
-  .bp3-popover-target {
-    .bp3-tag-input {
+  .bp4-popover-target {
+    .bp4-tag-input {
       height: auto;
     }
   }