@transferwise/neptune-css 0.0.0-experimental-4f00ba7 → 0.0.0-experimental-e803202

package/dist/css/input-groups.css

@@ -191,7 +191,7 @@ input[type='search'] {
   margin-bottom: 2px;
 }
 .form-group:focus-within .control-label,
-.form-group:focus-within label {
+.form-group:focus-within > label {
   color: #0097c7;
   color: var(--color-content-accent);
 }
@@ -571,7 +571,6 @@ select[multiple].input-lg {
   border-color: #2ead4b !important;
   border-color: var(--color-interactive-positive) !important;
 }
-.has-success .control-label,
 .has-success .radio,
 .has-success .checkbox,
 .has-success .radio-inline,
@@ -669,7 +668,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-success {
   border-color: var(--color-sentiment-positive) !important;
 }
-.np-theme-personal .has-success .control-label,
 .np-theme-personal .has-success .radio,
 .np-theme-personal .has-success .checkbox,
 .np-theme-personal .has-success .radio-inline,
@@ -758,7 +756,6 @@ select[multiple].input-lg {
   border-color: #00a2dd !important;
   border-color: var(--color-interactive-accent) !important;
 }
-.has-info .control-label,
 .has-info .radio,
 .has-info .checkbox,
 .has-info .radio-inline,
@@ -856,7 +853,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-info {
   border-color: transparent !important;
 }
-.np-theme-personal .has-info .control-label,
 .np-theme-personal .has-info .radio,
 .np-theme-personal .has-info .checkbox,
 .np-theme-personal .has-info .radio-inline,
@@ -947,7 +943,6 @@ select[multiple].input-lg {
   border-color: #df8700 !important;
   border-color: var(--color-interactive-warning) !important;
 }
-.has-warning .control-label,
 .has-warning .radio,
 .has-warning .checkbox,
 .has-warning .radio-inline,
@@ -1045,7 +1040,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-warning {
   border-color: var(--color-sentiment-warning) !important;
 }
-.np-theme-personal .has-warning .control-label,
 .np-theme-personal .has-warning .radio,
 .np-theme-personal .has-warning .checkbox,
 .np-theme-personal .has-warning .radio-inline,
@@ -1134,7 +1128,6 @@ select[multiple].input-lg {
   border-color: #e74848 !important;
   border-color: var(--color-interactive-negative) !important;
 }
-.has-error .control-label,
 .has-error .radio,
 .has-error .checkbox,
 .has-error .radio-inline,
@@ -1232,7 +1225,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-error {
   border-color: var(--color-sentiment-negative) !important;
 }
-.np-theme-personal .has-error .control-label,
 .np-theme-personal .has-error .radio,
 .np-theme-personal .has-error .checkbox,
 .np-theme-personal .has-error .radio-inline,
@@ -2228,7 +2220,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   margin-bottom: 0;
 }
 .np-theme-personal .form-group:focus-within .control-label,
-.np-theme-personal .form-group:focus-within label,
+.np-theme-personal .form-group:focus-within > label,
 .np-theme-personal .has-warning .control-label,
 .np-theme-personal .has-warning label,
 .np-theme-personal .has-success .control-label,
@@ -2236,10 +2228,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   color: #5d7079 !important;
   color: var(--color-content-secondary) !important;
 }
-.np-theme-personal .has-error .control-label,
-.np-theme-personal .has-error label {
-  color: var(--color-sentiment-negative) !important;
-}
 .np-theme-personal .form-group .alert:before,
 .np-theme-personal .error-messages:before {
   content: none;

package/dist/css/neptune.css

@@ -9474,7 +9474,7 @@ input[type='search'] {
 }
 
 .form-group:focus-within .control-label,
-.form-group:focus-within label {
+.form-group:focus-within > label {
   color: #0097c7;
   color: var(--color-content-accent);
 }
@@ -9924,7 +9924,6 @@ select[multiple].input-lg {
   border-color: var(--color-interactive-positive) !important;
 }
 
-.has-success .control-label,
 .has-success .radio,
 .has-success .checkbox,
 .has-success .radio-inline,
@@ -10032,7 +10031,6 @@ select[multiple].input-lg {
   border-color: var(--color-sentiment-positive) !important;
 }
 
-.np-theme-personal .has-success .control-label,
 .np-theme-personal .has-success .radio,
 .np-theme-personal .has-success .checkbox,
 .np-theme-personal .has-success .radio-inline,
@@ -10131,7 +10129,6 @@ select[multiple].input-lg {
   border-color: var(--color-interactive-accent) !important;
 }
 
-.has-info .control-label,
 .has-info .radio,
 .has-info .checkbox,
 .has-info .radio-inline,
@@ -10239,7 +10236,6 @@ select[multiple].input-lg {
   border-color: transparent !important;
 }
 
-.np-theme-personal .has-info .control-label,
 .np-theme-personal .has-info .radio,
 .np-theme-personal .has-info .checkbox,
 .np-theme-personal .has-info .radio-inline,
@@ -10340,7 +10336,6 @@ select[multiple].input-lg {
   border-color: var(--color-interactive-warning) !important;
 }
 
-.has-warning .control-label,
 .has-warning .radio,
 .has-warning .checkbox,
 .has-warning .radio-inline,
@@ -10448,7 +10443,6 @@ select[multiple].input-lg {
   border-color: var(--color-sentiment-warning) !important;
 }
 
-.np-theme-personal .has-warning .control-label,
 .np-theme-personal .has-warning .radio,
 .np-theme-personal .has-warning .checkbox,
 .np-theme-personal .has-warning .radio-inline,
@@ -10547,7 +10541,6 @@ select[multiple].input-lg {
   border-color: var(--color-interactive-negative) !important;
 }
 
-.has-error .control-label,
 .has-error .radio,
 .has-error .checkbox,
 .has-error .radio-inline,
@@ -10655,7 +10648,6 @@ select[multiple].input-lg {
   border-color: var(--color-sentiment-negative) !important;
 }
 
-.np-theme-personal .has-error .control-label,
 .np-theme-personal .has-error .radio,
 .np-theme-personal .has-error .checkbox,
 .np-theme-personal .has-error .radio-inline,
@@ -11787,7 +11779,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 }
 
 .np-theme-personal .form-group:focus-within .control-label,
-.np-theme-personal .form-group:focus-within label,
+.np-theme-personal .form-group:focus-within > label,
 .np-theme-personal .has-warning .control-label,
 .np-theme-personal .has-warning label,
 .np-theme-personal .has-success .control-label,
@@ -11796,11 +11788,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   color: var(--color-content-secondary) !important;
 }
 
-.np-theme-personal .has-error .control-label,
-.np-theme-personal .has-error label {
-  color: var(--color-sentiment-negative) !important;
-}
-
 .np-theme-personal .form-group .alert:before,
 .np-theme-personal .error-messages:before {
   content: none;

package/package.json

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

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

@@ -241,7 +241,7 @@ input[type='search'] {
 
   &:focus-within {
     .control-label,
-    label {
+    > label {
       color: var(--color-content-accent);
     }
   }
@@ -263,7 +263,7 @@ input[type='search'] {
   // margin-bottom: (@padding-base-vertical * 1.5);
 
   label {
-    min-height: var(--input-height-base); 
+    min-height: var(--input-height-base);
     margin-bottom: 0;
     cursor: pointer;
   }
@@ -1116,27 +1116,27 @@ input[type="password"] {
       }
     }
 
-    .checkbox:hover .tw-checkbox-button, 
+    .checkbox:hover .tw-checkbox-button,
     .radio:not(.disabled):hover .tw-radio-button,
-    .tw-checkbox-button:not(.disabled,:disabled):hover, 
-    input[type=checkbox]:hover+.tw-checkbox-button, 
+    .tw-checkbox-button:not(.disabled,:disabled):hover,
+    input[type=checkbox]:hover+.tw-checkbox-button,
     input[type=radio]:not(.disabled,:disabled):hover+.tw-radio-button,
     input[type=checkbox]:not(.disabled,:disabled):hover+.tw-checkbox-button {
       box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
     }
 
-    .tw-checkbox-button.checked, 
-    .tw-checkbox-button:checked, 
+    .tw-checkbox-button.checked,
+    .tw-checkbox-button:checked,
     input[type=checkbox]:checked+.tw-checkbox-button,
-    .tw-checkbox-button.checked:hover, 
-    .tw-checkbox-button:checked:hover, 
+    .tw-checkbox-button.checked:hover,
+    .tw-checkbox-button:checked:hover,
     input[type=checkbox]:not(.disabled,:disabled):checked:hover+.tw-checkbox-button {
       box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
       background: var(--color-sentiment-negative);
     }
 
-    .checkbox>label:not(.disabled,:disabled):active input[type=checkbox]+.tw-checkbox-button, 
-    .checkbox>label:not(.disabled,:disabled):focus-visible input[type=checkbox]+.tw-checkbox-button, 
+    .checkbox>label:not(.disabled,:disabled):active input[type=checkbox]+.tw-checkbox-button,
+    .checkbox>label:not(.disabled,:disabled):focus-visible input[type=checkbox]+.tw-checkbox-button,
     .checkbox>label:not(.disabled,:disabled):has(:focus-visible) input[type=checkbox]+.tw-checkbox-button {
       box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-active);
     }
@@ -1167,7 +1167,7 @@ input[type="password"] {
   }
 
   .form-group:focus-within .control-label,
-  .form-group:focus-within label,
+  .form-group:focus-within > label,
   .has-warning .control-label,
   .has-warning label,
   .has-success .control-label,
@@ -1175,11 +1175,6 @@ input[type="password"] {
     color: var(--color-content-secondary) !important;
   }
 
-  .has-error .control-label,
-  .has-error label {
-    color: var(--color-sentiment-negative) !important;
-  }
-
   .form-group .alert:before,
   .error-messages:before {
     content: none;

package/src/less/mixins/_forms.less

@@ -6,7 +6,6 @@
   border-color: @border-color !important;
 
   // Color the label and help text
-  .control-label,
   .radio,
   .checkbox,
   .radio-inline,