@transferwise/neptune-css 14.3.20 → 14.3.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-css",
3
3
  "description": "Neptune CSS library",
4
- "version": "14.3.20",
4
+ "version": "14.3.22",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -53,5 +53,5 @@
53
53
  "bin": {
54
54
  "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
55
55
  },
56
- "gitHead": "7ab2df87a3e9476803c536d16619812e1052f937"
56
+ "gitHead": "8c7ed9a3d874fec994518af1c0e2fc149d6d565f"
57
57
  }
@@ -570,6 +570,14 @@ input[type="password"] {
570
570
  var(--color-interactive-positive);
571
571
  var(--color-interactive-positive-hover);
572
572
  );
573
+
574
+ .np-theme-personal & {
575
+ .form-control-validation(
576
+ var(--color-sentiment-positive);
577
+ var(--color-sentiment-positive);
578
+ var(--color-sentiment-positive);
579
+ );
580
+ }
573
581
  }
574
582
 
575
583
  .has-info {
@@ -578,6 +586,14 @@ input[type="password"] {
578
586
  var(--color-interactive-accent);
579
587
  var(--color-interactive-accent-hover);
580
588
  );
589
+
590
+ .np-theme-personal & {
591
+ .form-control-validation(
592
+ var(--color-content-primary);
593
+ transparent;
594
+ transparent;
595
+ );
596
+ }
581
597
  }
582
598
 
583
599
  .has-warning {
@@ -586,6 +602,14 @@ input[type="password"] {
586
602
  var(--color-interactive-warning);
587
603
  var(--color-interactive-warning-hover);
588
604
  );
605
+
606
+ .np-theme-personal & {
607
+ .form-control-validation(
608
+ var(--color-sentiment-warning);
609
+ var(--color-sentiment-warning);
610
+ var(--color-sentiment-warning);
611
+ );
612
+ }
589
613
  }
590
614
 
591
615
  .has-error {
@@ -599,7 +623,7 @@ input[type="password"] {
599
623
  .form-control-validation(
600
624
  var(--color-sentiment-negative);
601
625
  var(--color-sentiment-negative);
602
- var(--color-sentiment-negative);
626
+ var(--color-sentiment-negative-hover);
603
627
  );
604
628
  }
605
629
  }
@@ -1145,8 +1169,6 @@ input[type="password"] {
1145
1169
 
1146
1170
  .form-group:focus-within .control-label,
1147
1171
  .form-group:focus-within > label,
1148
- .has-error .control-label,
1149
- .has-error label,
1150
1172
  .has-warning .control-label,
1151
1173
  .has-warning label,
1152
1174
  .has-success .control-label,
@@ -1154,6 +1176,11 @@ input[type="password"] {
1154
1176
  color: var(--color-content-secondary) !important;
1155
1177
  }
1156
1178
 
1179
+ .has-error .control-label,
1180
+ .has-error label {
1181
+ color: var(--color-sentiment-negative) !important;
1182
+ }
1183
+
1157
1184
  .form-group .alert:before,
1158
1185
  .error-messages:before {
1159
1186
  content: none;