@transferwise/components 45.26.2 → 45.26.3

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 (8) hide show
  1. package/build/index.esm.js +5 -2
  2. package/build/index.esm.js.map +1 -1
  3. package/build/index.js +5 -2
  4. package/build/index.js.map +1 -1
  5. package/build/types/flowNavigation/FlowNavigation.d.ts.map +1 -1
  6. package/package.json +3 -3
  7. package/src/flowNavigation/FlowNavigation.tsx +12 -2
  8. package/src/flowNavigation/__snapshots__/FlowNavigation.spec.js.snap +12 -8
package/build/types/flowNavigation/FlowNavigation.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FlowNavigation.d.ts","sourceRoot":"","sources":["../../../src/flowNavigation/FlowNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAgB,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAMnD,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2FAA2F;IAC3F,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sIAAsI;IACtI,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,wGAAwG;IACxG,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,QAAA,MAAM,cAAc,kEAQjB,mBAAmB,sBAqErB,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"FlowNavigation.d.ts","sourceRoot":"","sources":["../../../src/flowNavigation/FlowNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAgB,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAMnD,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2FAA2F;IAC3F,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sIAAsI;IACtI,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,wGAAwG;IACxG,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,QAAA,MAAM,cAAc,kEAQjB,mBAAmB,sBA+ErB,CAAC;AAEF,eAAe,cAAc,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "45.26.2",
3
+ "version": "45.26.3",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -78,8 +78,8 @@
78
78
  "rollup": "^3.28.1",
79
79
  "storybook": "^7.4.5",
80
80
  "@transferwise/less-config": "3.0.6",
81
- "@transferwise/neptune-css": "14.7.1",
82
- "@wise/components-theming": "0.8.4"
81
+ "@wise/components-theming": "0.8.4",
82
+ "@transferwise/neptune-css": "14.7.1"
83
83
  },
84
84
  "peerDependencies": {
85
85
  "@transferwise/icons": "^3.7.0",
package/src/flowNavigation/FlowNavigation.tsx CHANGED
@@ -69,7 +69,7 @@ const FlowNavigation = ({
69
69
  {isSmall && displayGoBack ? (
70
70
  <BackButton aria-label={intl.formatMessage(messages.back)} onClick={onGoBack} />
71
71
  ) : (
72
- logo
72
+ <div className="np-flow-header__left">{logo}</div>
73
73
  )}
74
74
  {isSmall && (
75
75
  <AnimatedLabel
@@ -81,7 +81,17 @@ const FlowNavigation = ({
81
81
  </>
82
82
  }
83
83
  rightContent={
84
- <div className={classNames('d-flex', 'align-items-center', { 'order-2': isLarge })}>
84
+ <div
85
+ className={classNames(
86
+ 'np-flow-header__right',
87
+ 'd-flex',
88
+ 'align-items-center',
89
+ 'justify-content-end',
90
+ {
91
+ 'order-2': isLarge,
92
+ },
93
+ )}
94
+ >
85
95
  {newAvatar}
86
96
  {newAvatar && closeButton && <span className="m-x-1" />}
87
97
  {closeButton}
package/src/flowNavigation/__snapshots__/FlowNavigation.spec.js.snap CHANGED
@@ -18,7 +18,7 @@ exports[`FlowNavigation on mobile renders as expected 1`] = `
18
18
  AnimatedLabel
19
19
  </div>
20
20
  <div
21
- class="d-flex align-items-center"
21
+ class="np-flow-header__right d-flex align-items-center justify-content-end"
22
22
  >
23
23
  <div
24
24
  class="tw-avatar tw-avatar--48 tw-avatar--initials np-text-title-body"
@@ -120,14 +120,18 @@ exports[`FlowNavigation renders as expected 1`] = `
120
120
  <div
121
121
  class="np-flow-header d-flex flex-wrap align-items-center justify-content-between flex__item--12 np-flow-navigation__content p-x-3 np-flow-navigation--sm np-flow-navigation--lg"
122
122
  >
123
- <img
124
- alt="logo"
125
- height="24"
126
- src="logo.svg"
127
- width="138"
128
- />
129
123
  <div
130
- class="d-flex align-items-center order-2"
124
+ class="np-flow-header__left"
125
+ >
126
+ <img
127
+ alt="logo"
128
+ height="24"
129
+ src="logo.svg"
130
+ width="138"
131
+ />
132
+ </div>
133
+ <div
134
+ class="np-flow-header__right d-flex align-items-center justify-content-end order-2"
131
135
  >
132
136
  <div
133
137
  class="tw-avatar tw-avatar--48 tw-avatar--initials np-text-title-body"