@transferwise/components 0.0.0-experimental-757f102 → 0.0.0-experimental-0af951c

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/build/main.css CHANGED
@@ -3804,6 +3804,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
3804
3804
  }
3805
3805
  .np-input-group .np-input-addon--avatar + fieldset .form-control.np-form-control.np-form-control--size-md.np-button-input {
3806
3806
  padding-left: 48px;
3807
+ padding-left: var(--size-48);
3807
3808
  }
3808
3809
  .np-input-addon {
3809
3810
  pointer-events: none;
@@ -3818,6 +3819,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
3818
3819
  }
3819
3820
  .np-input-addon.np-input-addon--avatar > .np-avatar-view {
3820
3821
  margin-right: 8px;
3822
+ margin-right: var(--size-8);
3821
3823
  }
3822
3824
  .np-input-group:disabled .np-input-addon:not(.np-input-addon--interactive) {
3823
3825
  opacity: 0.45;
@@ -12,6 +12,7 @@
12
12
  }
13
13
  .np-input-group .np-input-addon--avatar + fieldset .form-control.np-form-control.np-form-control--size-md.np-button-input {
14
14
  padding-left: 48px;
15
+ padding-left: var(--size-48);
15
16
  }
16
17
  .np-input-addon {
17
18
  pointer-events: none;
@@ -26,6 +27,7 @@
26
27
  }
27
28
  .np-input-addon.np-input-addon--avatar > .np-avatar-view {
28
29
  margin-right: 8px;
30
+ margin-right: var(--size-8);
29
31
  }
30
32
  .np-input-group:disabled .np-input-addon:not(.np-input-addon--interactive) {
31
33
  opacity: 0.45;
@@ -3804,6 +3804,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
3804
3804
  }
3805
3805
  .np-input-group .np-input-addon--avatar + fieldset .form-control.np-form-control.np-form-control--size-md.np-button-input {
3806
3806
  padding-left: 48px;
3807
+ padding-left: var(--size-48);
3807
3808
  }
3808
3809
  .np-input-addon {
3809
3810
  pointer-events: none;
@@ -3818,6 +3819,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
3818
3819
  }
3819
3820
  .np-input-addon.np-input-addon--avatar > .np-avatar-view {
3820
3821
  margin-right: 8px;
3822
+ margin-right: var(--size-8);
3821
3823
  }
3822
3824
  .np-input-group:disabled .np-input-addon:not(.np-input-addon--interactive) {
3823
3825
  opacity: 0.45;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-757f102",
3
+ "version": "0.0.0-experimental-0af951c",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -12,6 +12,7 @@
12
12
  }
13
13
  .np-input-group .np-input-addon--avatar + fieldset .form-control.np-form-control.np-form-control--size-md.np-button-input {
14
14
  padding-left: 48px;
15
+ padding-left: var(--size-48);
15
16
  }
16
17
  .np-input-addon {
17
18
  pointer-events: none;
@@ -26,6 +27,7 @@
26
27
  }
27
28
  .np-input-addon.np-input-addon--avatar > .np-avatar-view {
28
29
  margin-right: 8px;
30
+ margin-right: var(--size-8);
29
31
  }
30
32
  .np-input-group:disabled .np-input-addon:not(.np-input-addon--interactive) {
31
33
  opacity: 0.45;
@@ -15,13 +15,13 @@
15
15
  .np-input-addon--avatar
16
16
  + fieldset
17
17
  .form-control.np-form-control.np-form-control--size-md.np-button-input {
18
- padding-left: 48px;
18
+ padding-left: var(--size-48);
19
19
  }
20
20
  }
21
21
 
22
22
  .np-input-addon {
23
23
  &.np-input-addon--avatar > .np-avatar-view {
24
- margin-right: 8px;
24
+ margin-right: var(--size-8);
25
25
  }
26
26
  pointer-events: none;
27
27
  z-index: 10;
package/src/main.css CHANGED
@@ -3804,6 +3804,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
3804
3804
  }
3805
3805
  .np-input-group .np-input-addon--avatar + fieldset .form-control.np-form-control.np-form-control--size-md.np-button-input {
3806
3806
  padding-left: 48px;
3807
+ padding-left: var(--size-48);
3807
3808
  }
3808
3809
  .np-input-addon {
3809
3810
  pointer-events: none;
@@ -3818,6 +3819,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
3818
3819
  }
3819
3820
  .np-input-addon.np-input-addon--avatar > .np-avatar-view {
3820
3821
  margin-right: 8px;
3822
+ margin-right: var(--size-8);
3821
3823
  }
3822
3824
  .np-input-group:disabled .np-input-addon:not(.np-input-addon--interactive) {
3823
3825
  opacity: 0.45;