@transferwise/neptune-css 14.3.27 → 14.3.29

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.27",
4
+ "version": "14.3.29",
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": "9845e0344350e7e9912e8dc1cf3842faaab52de0"
56
+ "gitHead": "cab9fb64d4b9110a08172905d2dd4c3aa8b81dc1"
57
57
  }
@@ -271,9 +271,7 @@ input[type='search'] {
271
271
  // margin-bottom: (@padding-base-vertical * 1.5);
272
272
 
273
273
  label {
274
- min-height: calc(
275
- var(--line-height-control) * 2
276
- ); // Ensure the input doesn't jump when there is no text
274
+ min-height: @input-height-base;
277
275
  margin-bottom: 0;
278
276
  cursor: pointer;
279
277
  }
@@ -1053,6 +1051,7 @@ input[type="password"] {
1053
1051
  }
1054
1052
 
1055
1053
  .input-group > .form-control,
1054
+ .input-group > .btn-input,
1056
1055
  .typeahead__input-container .form-control {
1057
1056
  box-shadow: none !important;
1058
1057
  }
@@ -1073,7 +1072,7 @@ input[type="password"] {
1073
1072
  .btn-input:not(.disabled, :disabled):focus-visible,
1074
1073
  .btn-input:not(.disabled, :disabled):has(:focus-visible),
1075
1074
  .input-group:not(.disabled, :disabled):focus-visible,
1076
- .input-group:not(.disabled, :disabled):has(.form-control:focus-visible),
1075
+ .input-group:not(.disabled, :disabled):has(.form-control:focus-visible, .btn-input:focus-visible),
1077
1076
  .form-control:not(.disabled, :disabled):focus-visible,
1078
1077
  .form-control:not(.disabled, :disabled):has(:focus-visible),
1079
1078
  .radio > label:not(.disabled, :disabled):focus-visible,
@@ -276,8 +276,6 @@
276
276
  // Added rtl mixing even the horizontal values are equal, to increase specificity created in line 11
277
277
  .padding-shorthand(var(--size-8) var(--size-16));
278
278
 
279
- line-height: var(--line-height-24);
280
-
281
279
  .np-checkbox__text,
282
280
  .np-radio__text {
283
281
  display: block;
@@ -300,7 +298,7 @@
300
298
  }
301
299
 
302
300
  .np-theme-personal & {
303
- padding: var(--padding-small);
301
+ padding: var(--input-padding);
304
302
 
305
303
  &:not(.disabled, :disabled):hover {
306
304
  background: var(--color-background-screen-hover);
@@ -155,6 +155,7 @@
155
155
  }
156
156
 
157
157
  .input-group .input-group-addon,
158
+ .input-group .btn-input,
158
159
  .input-group .form-control {
159
160
  .border-width(left,0);
160
161
 
@@ -169,6 +170,7 @@
169
170
 
170
171
  .input-group .input-group-btn:first-child,
171
172
  .input-group .input-group-addon:first-child,
173
+ .input-group .btn-input:first-child,
172
174
  .input-group .form-control:first-child {
173
175
  .border-width(left, 1px);
174
176
 
@@ -177,6 +179,7 @@
177
179
 
178
180
  .input-group .input-group-btn:last-child,
179
181
  .input-group .input-group-addon:last-child,
182
+ .input-group .btn-input:last-child,
180
183
  .input-group .form-control:last-child {
181
184
  .border-width(right, 1px);
182
185