@transferwise/neptune-css 0.0.0-experimental-45f98d3 → 0.0.0-experimental-1d9df7f

package/dist/css/input-groups.css

@@ -2221,8 +2221,8 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   background-color: initial !important;
 }
 .np-theme-personal .form-group label {
-  margin-bottom: calc(8px / 2);
-  margin-bottom: calc(var(--padding-x-small) / 2);
+  margin-bottom: 4px;
+  margin-bottom: var(--size-4);
 }
 .np-theme-personal .form-group .np-upload-input label {
   margin-bottom: 0;
@@ -2256,26 +2256,28 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   background-color: transparent;
   background-color: initial;
 }
-.np-theme-personal .has-positive .alert-positive,
+.np-theme-personal .has-success .alert-positive,
+.np-theme-personal .has-success .alert-success,
 .np-theme-personal .has-warning .alert-warning,
 .np-theme-personal .has-error .error-messages,
 .np-theme-personal .has-error .alert-detach.alert-danger {
   display: flex;
 }
-.np-theme-personal .has-positive .alert-positive .tw-icon,
+.np-theme-personal .has-success .alert-positive .tw-icon,
+.np-theme-personal .has-success .alert-success .tw-icon,
 .np-theme-personal .has-warning .alert-warning .warning,
-.np-theme-personal .has-error .error-messages .tw-icon,
 .np-theme-personal .has-error .alert-detach.alert-danger .tw-icon {
-  margin-right: calc(8px / 2);
-  margin-right: calc(var(--padding-x-small) / 2);
-}
-.np-theme-personal .has-positive .alert-positive .tw-icon {
-  color: var(--color-sentiment-positive);
+  margin-right: 4px;
+  margin-right: var(--size-4);
 }
 .np-theme-personal .has-error .error-messages,
 .np-theme-personal .has-error .alert-detach.alert-danger {
   color: var(--color-sentiment-negative);
 }
+.np-theme-personal .has-success .alert-positive .tw-icon,
+.np-theme-personal .has-success .alert-success .tw-icon {
+  color: var(--color-sentiment-positive);
+}
 .has-required::after {
   content: "\00a0*";
   color: #cf2929;

package/dist/css/neptune-addons.css

@@ -1083,6 +1083,10 @@ html:not([dir="rtl"]) .p-x-5 {
   padding-bottom: 40px !important;
   padding-bottom: var(--size-40) !important;
 }
+.gap-y-xs {
+  row-gap: calc(8px / 2);
+  row-gap: calc(var(--size-8) / 2);
+}
 .gap-y-1 {
   row-gap: 8px;
   row-gap: var(--size-8);

package/dist/css/neptune.css

@@ -5088,6 +5088,11 @@ html:not([dir="rtl"]) .p-x-5 {
   padding-bottom: var(--size-40) !important;
 }
 
+.gap-y-xs {
+  row-gap: calc(8px / 2);
+  row-gap: calc(var(--size-8) / 2);
+}
+
 .gap-y-1 {
   row-gap: 8px;
   row-gap: var(--size-8);
@@ -11778,8 +11783,8 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 }
 
 .np-theme-personal .form-group label {
-  margin-bottom: calc(8px / 2);
-  margin-bottom: calc(var(--padding-x-small) / 2);
+  margin-bottom: 4px;
+  margin-bottom: var(--size-4);
 }
 
 .np-theme-personal .form-group .np-upload-input label {
@@ -11819,23 +11824,20 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   background-color: initial;
 }
 
-.np-theme-personal .has-positive .alert-positive,
+.np-theme-personal .has-success .alert-positive,
+.np-theme-personal .has-success .alert-success,
 .np-theme-personal .has-warning .alert-warning,
 .np-theme-personal .has-error .error-messages,
 .np-theme-personal .has-error .alert-detach.alert-danger {
   display: flex;
 }
 
-.np-theme-personal .has-positive .alert-positive .tw-icon,
+.np-theme-personal .has-success .alert-positive .tw-icon,
+.np-theme-personal .has-success .alert-success .tw-icon,
 .np-theme-personal .has-warning .alert-warning .warning,
-.np-theme-personal .has-error .error-messages .tw-icon,
 .np-theme-personal .has-error .alert-detach.alert-danger .tw-icon {
-  margin-right: calc(8px / 2);
-  margin-right: calc(var(--padding-x-small) / 2);
-}
-
-.np-theme-personal .has-positive .alert-positive .tw-icon {
-  color: var(--color-sentiment-positive);
+  margin-right: 4px;
+  margin-right: var(--size-4);
 }
 
 .np-theme-personal .has-error .error-messages,
@@ -11843,6 +11845,11 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   color: var(--color-sentiment-negative);
 }
 
+.np-theme-personal .has-success .alert-positive .tw-icon,
+.np-theme-personal .has-success .alert-success .tw-icon {
+  color: var(--color-sentiment-positive);
+}
+
 .has-required::after {
   content: "\00a0*";
   color: #cf2929;

package/package.json

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

package/src/less/addons/_spacing-utilities.less

@@ -10,6 +10,10 @@
 .spacing-vertical(4, var(--size-32));
 .spacing-vertical(5, var(--size-40));
 
+.gap-y-xs {
+  row-gap: calc(var(--size-8) / 2);
+}
+
 .gap-y-1 {
   row-gap: var(--size-8);
 }

package/src/less/forms/bootstrap-forms.less

@@ -1159,7 +1159,7 @@ input[type="password"] {
   }
 
   .form-group label {
-    margin-bottom: calc(var(--padding-x-small) / 2);
+    margin-bottom: var(--size-4);
   }
 
   .form-group .np-upload-input label {
@@ -1195,30 +1195,32 @@ input[type="password"] {
     background-color: unset;
   }
 
-  .has-positive .alert-positive,
+  .has-success .alert-positive,
+  .has-success .alert-success,
   .has-warning .alert-warning,
   .has-error .error-messages,
   .has-error .alert-detach.alert-danger {
     display: flex;
   }
-  
-  .has-positive .alert-positive .tw-icon,
+
+  .has-success .alert-positive .tw-icon,
+  .has-success .alert-success .tw-icon,
   .has-warning .alert-warning .warning,
-  .has-error .error-messages .tw-icon,
   .has-error .alert-detach.alert-danger .tw-icon {
-    margin-right: calc(var(--padding-x-small) / 2);
-  }
-  
-  .has-positive .alert-positive {
-    .tw-icon {
-      color: var(--color-sentiment-positive);
-    }
+    margin-right: var(--size-4);
   }
 
   .has-error .error-messages,
   .has-error .alert-detach.alert-danger {
     color: var(--color-sentiment-negative);
   }
+
+  .has-success .alert-positive,
+  .has-success .alert-success {
+    .tw-icon {
+      color: var(--color-sentiment-positive);
+    }
+  }
 }
 
 .has-required {