@transferwise/neptune-css 0.0.0-experimental-00df4a6 → 0.0.0-experimental-b79309f

package/dist/css/droppable.css

@@ -39,8 +39,6 @@
   border-color: transparent !important;
 }.np-theme-personal .droppable-area.tw-droppable-md {
   min-height: 242px;
-}.np-theme-personal .droppable-area.droppable-dropping .droppable-default-card {
-  opacity: 0;
 }.np-theme-personal .droppable-area.droppable-dropping .tw-icon-plus svg {
   width: 24px;
   width: var(--size-24);
@@ -54,8 +52,6 @@
   background-color: #ffffff;
   background-color: var(--color-background-screen);
   min-height: 315px;
-}.np-theme-personal .droppable-area.droppable-complete.droppable-dropping .droppable-card:first-child {
-  opacity: 0;
 }.np-theme-personal .droppable-area.droppable-complete .thumbnail {
   margin-bottom: 8px !important;
   margin-bottom: var(--padding-x-small) !important;
@@ -90,7 +86,6 @@
 }.droppable-card-content {
   max-width: 100%;
   opacity: 1;
-  transition: opacity 0.5s linear;
 }.droppable-dropping {
   border-color: #a7a9ab !important;
   border-color: var(--color-interactive-secondary-active) !important;
@@ -129,29 +124,13 @@
   background-color: #455C35;
 }.droppable-dropping .droppable-dropping-card {
   display: flex;
-}.droppable-processing-card {
-  align-items: baseline;
-  display: none;
-}.droppable-processing-card .droppable-card-content {
-  opacity: 1;
 }.droppable-processing .droppable-processing-card {
   display: flex;
   align-items: baseline;
-}.droppable-processing .droppable-processing-card .droppable-card-content {
-  opacity: 1;
 }.droppable-complete .droppable-processing-card {
   display: flex;
-}.droppable-complete .droppable-processing-card .droppable-card-content {
-  opacity: 0;
 }.droppable-complete-card {
   display: flex;
-}.droppable-complete-card .droppable-card-content {
-  opacity: 0;
-}.droppable-complete .droppable-complete-card .droppable-card-content {
-  opacity: 1;
-}.droppable-processing .droppable-default-card .droppable-card-content,
-.droppable-complete .droppable-default-card .droppable-card-content {
-  opacity: 0;
 }/***** End card variants *****/.droppable-mobile {
   display: block;
 }.droppable-desktop {

package/dist/css/neptune.css

@@ -13616,10 +13616,6 @@ li > a > .currency-flag:first-child {
   min-height: 242px;
 }
 
-.np-theme-personal .droppable-area.droppable-dropping .droppable-default-card {
-  opacity: 0;
-}
-
 .np-theme-personal .droppable-area.droppable-dropping .tw-icon-plus svg {
   width: 24px;
   width: var(--size-24);
@@ -13639,10 +13635,6 @@ li > a > .currency-flag:first-child {
   min-height: 315px;
 }
 
-.np-theme-personal .droppable-area.droppable-complete.droppable-dropping .droppable-card:first-child {
-  opacity: 0;
-}
-
 .np-theme-personal .droppable-area.droppable-complete .thumbnail {
   margin-bottom: 8px !important;
   margin-bottom: var(--padding-x-small) !important;
@@ -13691,7 +13683,6 @@ li > a > .currency-flag:first-child {
 .droppable-card-content {
   max-width: 100%;
   opacity: 1;
-  transition: opacity 0.5s linear;
 }
 
 .droppable-dropping {
@@ -13754,49 +13745,19 @@ li > a > .currency-flag:first-child {
   display: flex;
 }
 
-.droppable-processing-card {
-  align-items: baseline;
-  display: none;
-}
-
-.droppable-processing-card .droppable-card-content {
-  opacity: 1;
-}
-
 .droppable-processing .droppable-processing-card {
   display: flex;
   align-items: baseline;
 }
 
-.droppable-processing .droppable-processing-card .droppable-card-content {
-  opacity: 1;
-}
-
 .droppable-complete .droppable-processing-card {
   display: flex;
 }
 
-.droppable-complete .droppable-processing-card .droppable-card-content {
-  opacity: 0;
-}
-
 .droppable-complete-card {
   display: flex;
 }
 
-.droppable-complete-card .droppable-card-content {
-  opacity: 0;
-}
-
-.droppable-complete .droppable-complete-card .droppable-card-content {
-  opacity: 1;
-}
-
-.droppable-processing .droppable-default-card .droppable-card-content,
-.droppable-complete .droppable-default-card .droppable-card-content {
-  opacity: 0;
-}
-
 /***** End card variants *****/
 
 .droppable-mobile {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "0.0.0-experimental-00df4a6",
+  "version": "0.0.0-experimental-b79309f",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/less/droppable.less

@@ -40,9 +40,6 @@
       min-height: 242px;
     }
     &.droppable-dropping {
-      .droppable-default-card {
-        opacity: 0;
-      }
       .tw-icon-plus svg {
         width: var(--size-24);
         height: var(--size-24);
@@ -57,9 +54,6 @@
       min-height: 315px;
     }
     &.droppable-complete {
-      &.droppable-dropping .droppable-card:first-child {
-        opacity: 0;
-      }
       .thumbnail {
         margin-bottom: var(--padding-x-small) !important;
       }
@@ -100,7 +94,6 @@
 .droppable-card-content {
   max-width: 100%;
   opacity: 1;
-  transition: opacity 0.5s linear;
 }
 
 .droppable-dropping {
@@ -160,63 +153,19 @@
   display: flex;
 }
 
-// Processing hidden by default
-.droppable-processing-card {
-  align-items: baseline;
-  display: none;
-
-  .droppable-card-content {
-    opacity: 1;
-  }
-}
-
-// Processing shown when correct state, any transform cancelled
-
 .droppable-processing .droppable-processing-card {
   display: flex;
   align-items: baseline;
-
-  .droppable-card-content {
-    opacity: 1;
-  }
 }
-// As we go from processing to complete, animate out processing card
+
 .droppable-complete {
   .droppable-processing-card {
     display: flex;
-
-    .droppable-card-content {
-      opacity: 0;
-    }
   }
 }
 
-// Completed card translated out and hidden by default
 .droppable-complete-card {
   display: flex;
-
-  .droppable-card-content {
-    opacity: 0;
-  }
-}
-// Completed card brought back in and shown in correct state
-// stylelint-disable-next-line no-duplicate-selectors
-.droppable-complete {
-  .droppable-complete-card {
-
-    .droppable-card-content {
-      opacity: 1;
-    }
-  }
-}
-
-// Hide default content in other states, so it fades back in
-// stylelint-disable-next-line no-duplicate-selectors
-.droppable-processing,
-.droppable-complete {
-  .droppable-default-card .droppable-card-content {
-    opacity: 0;
-  }
 }
 
 /***** End card variants *****/