@transferwise/components 46.70.0 → 46.70.1

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 +4 -4
  2. package/build/styles/main.css +4 -4
  3. package/build/styles/select/Select.css +4 -4
  4. package/package.json +1 -1
  5. package/src/main.css +4 -4
  6. package/src/select/Select.css +4 -4
  7. package/src/select/Select.less +1 -1
package/build/main.css CHANGED
@@ -4487,19 +4487,19 @@ html:not([dir="rtl"]) .np-navigation-option {
4487
4487
  .np-select .np-dropdown-toggle.np-btn-lg .np-select-chevron {
4488
4488
  top: 27px;
4489
4489
  }
4490
- .np-select .btn:not(.disabled):not(:disabled) {
4490
+ .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading) {
4491
4491
  color: #37517e;
4492
4492
  color: var(--color-content-primary);
4493
4493
  }
4494
- .np-select .btn:not(.disabled):not(:disabled):hover {
4494
+ .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):hover {
4495
4495
  border-color: #b5b7ba;
4496
4496
  border-color: var(--color-interactive-secondary-hover);
4497
4497
  }
4498
- .np-select .btn:not(.disabled):not(:disabled):focus {
4498
+ .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
4499
4499
  border-color: #00a2dd;
4500
4500
  border-color: var(--color-interactive-accent);
4501
4501
  }
4502
- .np-theme-personal .np-select .btn:not(.disabled):not(:disabled):focus {
4502
+ .np-theme-personal .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
4503
4503
  border-color: #c9cbce;
4504
4504
  border-color: var(--color-interactive-secondary);
4505
4505
  }
package/build/styles/main.css CHANGED
@@ -4487,19 +4487,19 @@ html:not([dir="rtl"]) .np-navigation-option {
4487
4487
  .np-select .np-dropdown-toggle.np-btn-lg .np-select-chevron {
4488
4488
  top: 27px;
4489
4489
  }
4490
- .np-select .btn:not(.disabled):not(:disabled) {
4490
+ .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading) {
4491
4491
  color: #37517e;
4492
4492
  color: var(--color-content-primary);
4493
4493
  }
4494
- .np-select .btn:not(.disabled):not(:disabled):hover {
4494
+ .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):hover {
4495
4495
  border-color: #b5b7ba;
4496
4496
  border-color: var(--color-interactive-secondary-hover);
4497
4497
  }
4498
- .np-select .btn:not(.disabled):not(:disabled):focus {
4498
+ .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
4499
4499
  border-color: #00a2dd;
4500
4500
  border-color: var(--color-interactive-accent);
4501
4501
  }
4502
- .np-theme-personal .np-select .btn:not(.disabled):not(:disabled):focus {
4502
+ .np-theme-personal .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
4503
4503
  border-color: #c9cbce;
4504
4504
  border-color: var(--color-interactive-secondary);
4505
4505
  }
package/build/styles/select/Select.css CHANGED
@@ -84,16 +84,16 @@
84
84
  right: initial;
85
85
  }.np-select .np-dropdown-toggle.np-btn-lg .np-select-chevron {
86
86
  top: 27px;
87
- }.np-select .btn:not(.disabled):not(:disabled) {
87
+ }.np-select .btn:not(.disabled):not(:disabled):not(.btn-loading) {
88
88
  color: #37517e;
89
89
  color: var(--color-content-primary);
90
- }.np-select .btn:not(.disabled):not(:disabled):hover {
90
+ }.np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):hover {
91
91
  border-color: #b5b7ba;
92
92
  border-color: var(--color-interactive-secondary-hover);
93
- }.np-select .btn:not(.disabled):not(:disabled):focus {
93
+ }.np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
94
94
  border-color: #00a2dd;
95
95
  border-color: var(--color-interactive-accent);
96
- }.np-theme-personal .np-select .btn:not(.disabled):not(:disabled):focus {
96
+ }.np-theme-personal .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
97
97
  border-color: #c9cbce;
98
98
  border-color: var(--color-interactive-secondary);
99
99
  }.np-option-content {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "46.70.0",
3
+ "version": "46.70.1",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
package/src/main.css CHANGED
@@ -4487,19 +4487,19 @@ html:not([dir="rtl"]) .np-navigation-option {
4487
4487
  .np-select .np-dropdown-toggle.np-btn-lg .np-select-chevron {
4488
4488
  top: 27px;
4489
4489
  }
4490
- .np-select .btn:not(.disabled):not(:disabled) {
4490
+ .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading) {
4491
4491
  color: #37517e;
4492
4492
  color: var(--color-content-primary);
4493
4493
  }
4494
- .np-select .btn:not(.disabled):not(:disabled):hover {
4494
+ .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):hover {
4495
4495
  border-color: #b5b7ba;
4496
4496
  border-color: var(--color-interactive-secondary-hover);
4497
4497
  }
4498
- .np-select .btn:not(.disabled):not(:disabled):focus {
4498
+ .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
4499
4499
  border-color: #00a2dd;
4500
4500
  border-color: var(--color-interactive-accent);
4501
4501
  }
4502
- .np-theme-personal .np-select .btn:not(.disabled):not(:disabled):focus {
4502
+ .np-theme-personal .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
4503
4503
  border-color: #c9cbce;
4504
4504
  border-color: var(--color-interactive-secondary);
4505
4505
  }
package/src/select/Select.css CHANGED
@@ -84,16 +84,16 @@
84
84
  right: initial;
85
85
  }.np-select .np-dropdown-toggle.np-btn-lg .np-select-chevron {
86
86
  top: 27px;
87
- }.np-select .btn:not(.disabled):not(:disabled) {
87
+ }.np-select .btn:not(.disabled):not(:disabled):not(.btn-loading) {
88
88
  color: #37517e;
89
89
  color: var(--color-content-primary);
90
- }.np-select .btn:not(.disabled):not(:disabled):hover {
90
+ }.np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):hover {
91
91
  border-color: #b5b7ba;
92
92
  border-color: var(--color-interactive-secondary-hover);
93
- }.np-select .btn:not(.disabled):not(:disabled):focus {
93
+ }.np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
94
94
  border-color: #00a2dd;
95
95
  border-color: var(--color-interactive-accent);
96
- }.np-theme-personal .np-select .btn:not(.disabled):not(:disabled):focus {
96
+ }.np-theme-personal .np-select .btn:not(.disabled):not(:disabled):not(.btn-loading):focus {
97
97
  border-color: #c9cbce;
98
98
  border-color: var(--color-interactive-secondary);
99
99
  }.np-option-content {
package/src/select/Select.less CHANGED
@@ -81,7 +81,7 @@
81
81
 
82
82
  // Override some of Button component styles
83
83
  .btn {
84
- &:not(.disabled,:disabled) {
84
+ &:not(.disabled,:disabled,.btn-loading) {
85
85
  color: var(--color-content-primary);
86
86
 
87
87
  &:hover {