@transferwise/components 0.0.0-experimental-5ac3a46 → 0.0.0-experimental-feda937

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.
Files changed (7) hide show
  1. package/build/main.css +6 -0
  2. package/build/styles/main.css +6 -0
  3. package/build/styles/uploadInput/UploadInput.css +6 -0
  4. package/package.json +1 -1
  5. package/src/main.css +6 -0
  6. package/src/uploadInput/UploadInput.css +6 -0
  7. package/src/uploadInput/UploadInput.less +4 -0
package/build/main.css CHANGED
@@ -5456,6 +5456,12 @@ label.np-upload-button:not(.disabled):active {
5456
5456
  color: var(--color-content-link);
5457
5457
  white-space: break-spaces;
5458
5458
  }
5459
+ @media (max-width: 320px) {
5460
+ .np-theme-personal .np-upload-input .media-body {
5461
+ padding-right: 64px;
5462
+ padding-right: var(--size-64);
5463
+ }
5464
+ }
5459
5465
  .np-theme-personal .np-upload-input .media-body .np-text-body-large-bold {
5460
5466
  -webkit-text-decoration: underline;
5461
5467
  text-decoration: underline;
package/build/styles/main.css CHANGED
@@ -5456,6 +5456,12 @@ label.np-upload-button:not(.disabled):active {
5456
5456
  color: var(--color-content-link);
5457
5457
  white-space: break-spaces;
5458
5458
  }
5459
+ @media (max-width: 320px) {
5460
+ .np-theme-personal .np-upload-input .media-body {
5461
+ padding-right: 64px;
5462
+ padding-right: var(--size-64);
5463
+ }
5464
+ }
5459
5465
  .np-theme-personal .np-upload-input .media-body .np-text-body-large-bold {
5460
5466
  -webkit-text-decoration: underline;
5461
5467
  text-decoration: underline;
package/build/styles/uploadInput/UploadInput.css CHANGED
@@ -29,6 +29,12 @@
29
29
  color: var(--color-content-link);
30
30
  white-space: break-spaces;
31
31
  }
32
+ @media (max-width: 320px) {
33
+ .np-theme-personal .np-upload-input .media-body {
34
+ padding-right: 64px;
35
+ padding-right: var(--size-64);
36
+ }
37
+ }
32
38
  .np-theme-personal .np-upload-input .media-body .np-text-body-large-bold {
33
39
  -webkit-text-decoration: underline;
34
40
  text-decoration: underline;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-5ac3a46",
3
+ "version": "0.0.0-experimental-feda937",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
package/src/main.css CHANGED
@@ -5456,6 +5456,12 @@ label.np-upload-button:not(.disabled):active {
5456
5456
  color: var(--color-content-link);
5457
5457
  white-space: break-spaces;
5458
5458
  }
5459
+ @media (max-width: 320px) {
5460
+ .np-theme-personal .np-upload-input .media-body {
5461
+ padding-right: 64px;
5462
+ padding-right: var(--size-64);
5463
+ }
5464
+ }
5459
5465
  .np-theme-personal .np-upload-input .media-body .np-text-body-large-bold {
5460
5466
  -webkit-text-decoration: underline;
5461
5467
  text-decoration: underline;
package/src/uploadInput/UploadInput.css CHANGED
@@ -29,6 +29,12 @@
29
29
  color: var(--color-content-link);
30
30
  white-space: break-spaces;
31
31
  }
32
+ @media (max-width: 320px) {
33
+ .np-theme-personal .np-upload-input .media-body {
34
+ padding-right: 64px;
35
+ padding-right: var(--size-64);
36
+ }
37
+ }
32
38
  .np-theme-personal .np-upload-input .media-body .np-text-body-large-bold {
33
39
  -webkit-text-decoration: underline;
34
40
  text-decoration: underline;
package/src/uploadInput/UploadInput.less CHANGED
@@ -38,6 +38,10 @@
38
38
  color: var(--color-content-link);
39
39
  white-space: break-spaces;
40
40
 
41
+ @media (--screen-400-zoom) {
42
+ padding-right: var(--size-64);
43
+ }
44
+
41
45
  .np-text-body-large-bold {
42
46
  text-decoration: underline;
43
47
  .link-underline();