@transferwise/neptune-css 0.0.0-experimental-74edf2e → 0.0.0-experimental-45f98d3

package/dist/css/alerts.css

@@ -74,8 +74,7 @@
   left: initial;
 }
 .arrow::before {
-  -webkit-clip-path: polygon(0% 0%, 0 100%, 100% 0);
-          clip-path: polygon(0% 0%, 0 100%, 100% 0);
+  clip-path: polygon(0% 0%, 0 100%, 100% 0);
 }
 .arrow.arrow-center::before {
   left: 50%;
@@ -161,8 +160,7 @@
   left: initial;
 }
 .form-group .alert::before {
-  -webkit-clip-path: polygon(0% 0%, 0 100%, 100% 0);
-          clip-path: polygon(0% 0%, 0 100%, 100% 0);
+  clip-path: polygon(0% 0%, 0 100%, 100% 0);
 }
 .form-group .alert.arrow-center::before {
   left: 50%;

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: 8px;
-  margin-bottom: var(--padding-x-small);
+  margin-bottom: calc(8px / 2);
+  margin-bottom: calc(var(--padding-x-small) / 2);
 }
 .np-theme-personal .form-group .np-upload-input label {
   margin-bottom: 0;
@@ -2256,15 +2256,25 @@ 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-warning .alert-warning,
 .np-theme-personal .has-error .error-messages,
 .np-theme-personal .has-error .alert-detach.alert-danger {
-  color: var(--color-sentiment-negative);
   display: flex;
 }
+.np-theme-personal .has-positive .alert-positive .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: 8px;
-  margin-right: var(--padding-x-small);
+  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);
+}
+.np-theme-personal .has-error .error-messages,
+.np-theme-personal .has-error .alert-detach.alert-danger {
+  color: var(--color-sentiment-negative);
 }
 .has-required::after {
   content: "\00a0*";

package/dist/css/neptune.css

@@ -6098,8 +6098,7 @@ tbody.collapse.in {
 }
 
 .arrow::before {
-  -webkit-clip-path: polygon(0% 0%, 0 100%, 100% 0);
-          clip-path: polygon(0% 0%, 0 100%, 100% 0);
+  clip-path: polygon(0% 0%, 0 100%, 100% 0);
 }
 
 .arrow.arrow-center::before {
@@ -6201,8 +6200,7 @@ tbody.collapse.in {
 }
 
 .form-group .alert::before {
-  -webkit-clip-path: polygon(0% 0%, 0 100%, 100% 0);
-          clip-path: polygon(0% 0%, 0 100%, 100% 0);
+  clip-path: polygon(0% 0%, 0 100%, 100% 0);
 }
 
 .form-group .alert.arrow-center::before {
@@ -11780,8 +11778,8 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 }
 
 .np-theme-personal .form-group label {
-  margin-bottom: 8px;
-  margin-bottom: var(--padding-x-small);
+  margin-bottom: calc(8px / 2);
+  margin-bottom: calc(var(--padding-x-small) / 2);
 }
 
 .np-theme-personal .form-group .np-upload-input label {
@@ -11821,16 +11819,28 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   background-color: initial;
 }
 
+.np-theme-personal .has-positive .alert-positive,
+.np-theme-personal .has-warning .alert-warning,
 .np-theme-personal .has-error .error-messages,
 .np-theme-personal .has-error .alert-detach.alert-danger {
-  color: var(--color-sentiment-negative);
   display: flex;
 }
 
+.np-theme-personal .has-positive .alert-positive .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: 8px;
-  margin-right: var(--padding-x-small);
+  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);
+}
+
+.np-theme-personal .has-error .error-messages,
+.np-theme-personal .has-error .alert-detach.alert-danger {
+  color: var(--color-sentiment-negative);
 }
 
 .has-required::after {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "0.0.0-experimental-74edf2e",
+  "version": "0.0.0-experimental-45f98d3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -27,7 +27,7 @@
   },
   "devDependencies": {
     "modern-normalize": "^2.0.0",
-    "yargs": "^17.1.1",
+    "yargs": "^17.7.2",
     "@transferwise/less-config": "3.1.0"
   },
   "publishConfig": {

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

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