@transferwise/components 0.0.0-experimental-646d735 → 0.0.0-experimental-2a07dbe

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
@@ -29591,9 +29591,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
29591
29591
  .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
29592
29592
  align-content: start;
29593
29593
  }
29594
- .wds-list-item-navigation .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
29595
- align-content: center;
29596
- }
29597
29594
  .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
29598
29595
  grid-template-columns: 1fr auto;
29599
29596
  grid-template-rows: auto auto auto auto;
@@ -29722,9 +29719,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
29722
29719
  .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
29723
29720
  align-content: start;
29724
29721
  }
29725
- .wds-list-item-navigation .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
29726
- align-content: center;
29727
- }
29728
29722
  .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
29729
29723
  grid-template-columns: 1fr auto;
29730
29724
  grid-template-rows: auto auto auto;
@@ -30093,8 +30087,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
30093
30087
  color: #c9cbce;
30094
30088
  color: var(--color-interactive-secondary);
30095
30089
  display: block;
30096
- outline: 2px dashed #ff7a00;
30097
- background-color: rgba(255, 122, 0, 0.12);
30098
30090
  }
30099
30091
 
30100
30092
  .wds-list-item-control {
@@ -113,9 +113,6 @@
113
113
  .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
114
114
  align-content: start;
115
115
  }
116
- .wds-list-item-navigation .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
117
- align-content: center;
118
- }
119
116
  .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
120
117
  grid-template-columns: 1fr auto;
121
118
  grid-template-rows: auto auto auto auto;
@@ -243,9 +240,6 @@
243
240
  .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
244
241
  align-content: start;
245
242
  }
246
- .wds-list-item-navigation .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
247
- align-content: center;
248
- }
249
243
  .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
250
244
  grid-template-columns: 1fr auto;
251
245
  grid-template-rows: auto auto auto;
@@ -574,8 +568,6 @@
574
568
  color: #c9cbce;
575
569
  color: var(--color-interactive-secondary);
576
570
  display: block;
577
- outline: 2px dashed #ff7a00;
578
- background-color: rgba(255, 122, 0, 0.12);
579
571
  }
580
572
  .wds-list-item-control {
581
573
  flex: 0 0 auto;
@@ -113,9 +113,6 @@
113
113
  .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
114
114
  align-content: start;
115
115
  }
116
- .wds-list-item-navigation .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
117
- align-content: center;
118
- }
119
116
  .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
120
117
  grid-template-columns: 1fr auto;
121
118
  grid-template-rows: auto auto auto auto;
@@ -243,9 +240,6 @@
243
240
  .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
244
241
  align-content: start;
245
242
  }
246
- .wds-list-item-navigation .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
247
- align-content: center;
248
- }
249
243
  .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
250
244
  grid-template-columns: 1fr auto;
251
245
  grid-template-rows: auto auto auto;
@@ -29591,9 +29591,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
29591
29591
  .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
29592
29592
  align-content: start;
29593
29593
  }
29594
- .wds-list-item-navigation .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
29595
- align-content: center;
29596
- }
29597
29594
  .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
29598
29595
  grid-template-columns: 1fr auto;
29599
29596
  grid-template-rows: auto auto auto auto;
@@ -29722,9 +29719,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
29722
29719
  .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
29723
29720
  align-content: start;
29724
29721
  }
29725
- .wds-list-item-navigation .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
29726
- align-content: center;
29727
- }
29728
29722
  .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
29729
29723
  grid-template-columns: 1fr auto;
29730
29724
  grid-template-rows: auto auto auto;
@@ -30093,8 +30087,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
30093
30087
  color: #c9cbce;
30094
30088
  color: var(--color-interactive-secondary);
30095
30089
  display: block;
30096
- outline: 2px dashed #ff7a00;
30097
- background-color: rgba(255, 122, 0, 0.12);
30098
30090
  }
30099
30091
 
30100
30092
  .wds-list-item-control {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-646d735",
3
+ "version": "0.0.0-experimental-2a07dbe",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -113,9 +113,6 @@
113
113
  .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
114
114
  align-content: start;
115
115
  }
116
- .wds-list-item-navigation .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
117
- align-content: center;
118
- }
119
116
  .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
120
117
  grid-template-columns: 1fr auto;
121
118
  grid-template-rows: auto auto auto auto;
@@ -243,9 +240,6 @@
243
240
  .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
244
241
  align-content: start;
245
242
  }
246
- .wds-list-item-navigation .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
247
- align-content: center;
248
- }
249
243
  .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
250
244
  grid-template-columns: 1fr auto;
251
245
  grid-template-rows: auto auto auto;
@@ -574,8 +568,6 @@
574
568
  color: #c9cbce;
575
569
  color: var(--color-interactive-secondary);
576
570
  display: block;
577
- outline: 2px dashed #ff7a00;
578
- background-color: rgba(255, 122, 0, 0.12);
579
571
  }
580
572
  .wds-list-item-control {
581
573
  flex: 0 0 auto;
@@ -113,9 +113,6 @@
113
113
  .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
114
114
  align-content: start;
115
115
  }
116
- .wds-list-item-navigation .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
117
- align-content: center;
118
- }
119
116
  .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
120
117
  grid-template-columns: 1fr auto;
121
118
  grid-template-rows: auto auto auto auto;
@@ -243,9 +240,6 @@
243
240
  .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
244
241
  align-content: start;
245
242
  }
246
- .wds-list-item-navigation .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
247
- align-content: center;
248
- }
249
243
  .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
250
244
  grid-template-columns: 1fr auto;
251
245
  grid-template-rows: auto auto auto;
@@ -180,12 +180,6 @@
180
180
  align-content: start;
181
181
  }
182
182
 
183
- .wds-list-item-navigation & {
184
- .wds-list-item-control-wrapper {
185
- align-content: center;
186
- }
187
- }
188
-
189
183
  &.wds-list-item-hasMedia-hasControl {
190
184
  &.wds-list-item-hasInfo-hasPrompt {
191
185
  grid-template-columns: 1fr auto;
@@ -416,13 +410,6 @@
416
410
  .wds-list-item-control-wrapper {
417
411
  align-content: start;
418
412
  }
419
-
420
- .wds-list-item-navigation & {
421
- .wds-list-item-control-wrapper {
422
- align-content: center;
423
- }
424
- }
425
-
426
413
  &.wds-list-item-hasMedia-hasControl {
427
414
  &.wds-list-item-hasInfo-hasPrompt {
428
415
  grid-template-columns: 1fr auto;
@@ -227,9 +227,6 @@
227
227
  .tw-icon-chevron-right {
228
228
  color: var(--color-interactive-secondary);
229
229
  display: block;
230
- // CHROMATIC CANARY: remove before merging after verifying visual diffs run.
231
- outline: 2px dashed #ff7a00;
232
- background-color: rgba(255, 122, 0, 0.12);
233
230
  }
234
231
  }
235
232
 
package/src/main.css CHANGED
@@ -29591,9 +29591,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
29591
29591
  .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
29592
29592
  align-content: start;
29593
29593
  }
29594
- .wds-list-item-navigation .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
29595
- align-content: center;
29596
- }
29597
29594
  .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
29598
29595
  grid-template-columns: 1fr auto;
29599
29596
  grid-template-rows: auto auto auto auto;
@@ -29722,9 +29719,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
29722
29719
  .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
29723
29720
  align-content: start;
29724
29721
  }
29725
- .wds-list-item-navigation .wds-list-item-gridWrapper .wds-list-item-control-wrapper {
29726
- align-content: center;
29727
- }
29728
29722
  .wds-list-item-gridWrapper.wds-list-item-hasMedia-hasControl.wds-list-item-hasInfo-hasPrompt {
29729
29723
  grid-template-columns: 1fr auto;
29730
29724
  grid-template-rows: auto auto auto;
@@ -30093,8 +30087,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
30093
30087
  color: #c9cbce;
30094
30088
  color: var(--color-interactive-secondary);
30095
30089
  display: block;
30096
- outline: 2px dashed #ff7a00;
30097
- background-color: rgba(255, 122, 0, 0.12);
30098
30090
  }
30099
30091
 
30100
30092
  .wds-list-item-control {