@transferwise/components 0.0.0-experimental-ded76ff → 0.0.0-experimental-adfacd1

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 (39) hide show
  1. package/build/index.esm.js +36 -31
  2. package/build/index.esm.js.map +1 -1
  3. package/build/index.js +36 -31
  4. package/build/index.js.map +1 -1
  5. package/build/main.css +1 -1
  6. package/build/styles/flowNavigation/FlowNavigation.css +1 -1
  7. package/build/styles/flowNavigation/animatedLabel/AnimatedLabel.css +1 -1
  8. package/build/styles/main.css +1 -1
  9. package/build/styles/overlayHeader/OverlayHeader.css +1 -1
  10. package/build/types/common/flowHeader/FlowHeader.d.ts.map +1 -1
  11. package/build/types/flowNavigation/FlowNavigation.d.ts.map +1 -1
  12. package/build/types/flowNavigation/animatedLabel/AnimatedLabel.d.ts +1 -2
  13. package/build/types/flowNavigation/animatedLabel/AnimatedLabel.d.ts.map +1 -1
  14. package/build/types/flowNavigation/backButton/BackButton.d.ts +10 -11
  15. package/build/types/flowNavigation/backButton/BackButton.d.ts.map +1 -1
  16. package/build/types/overlayHeader/OverlayHeader.d.ts.map +1 -1
  17. package/package.json +3 -3
  18. package/src/common/flowHeader/FlowHeader.tsx +9 -3
  19. package/src/common/flowHeader/__snapshots__/FlowHeader.spec.js.snap +2 -2
  20. package/src/flowNavigation/FlowNavigation.css +1 -1
  21. package/src/flowNavigation/FlowNavigation.less +0 -9
  22. package/src/flowNavigation/FlowNavigation.spec.js +3 -3
  23. package/src/flowNavigation/FlowNavigation.story.js +24 -183
  24. package/src/flowNavigation/FlowNavigation.tsx +9 -13
  25. package/src/flowNavigation/__snapshots__/FlowNavigation.spec.js.snap +14 -11
  26. package/src/flowNavigation/animatedLabel/AnimatedLabel.css +1 -1
  27. package/src/flowNavigation/animatedLabel/AnimatedLabel.less +0 -6
  28. package/src/flowNavigation/animatedLabel/AnimatedLabel.spec.js +7 -21
  29. package/src/flowNavigation/animatedLabel/AnimatedLabel.tsx +8 -17
  30. package/src/flowNavigation/animatedLabel/__snapshots__/AnimatedLabel.spec.js.snap +4 -4
  31. package/src/flowNavigation/backButton/BackButton.js +14 -9
  32. package/src/flowNavigation/backButton/BackButton.spec.js +3 -2
  33. package/src/flowNavigation/backButton/__snapshots__/BackButton.spec.js.snap +28 -21
  34. package/src/main.css +1 -1
  35. package/src/overlayHeader/OverlayHeader.css +1 -1
  36. package/src/overlayHeader/OverlayHeader.js +4 -2
  37. package/src/overlayHeader/OverlayHeader.less +0 -8
  38. package/src/overlayHeader/OverlayHeader.spec.js +1 -1
  39. package/src/overlayHeader/__snapshots__/OverlayHeader.spec.js.snap +3 -3
package/build/styles/flowNavigation/FlowNavigation.css CHANGED
@@ -1 +1 @@
1
- .np-flow-navigation{min-height:97px;width:100%}.np-flow-navigation--border-bottom{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);min-height:96px}.np-flow-navigation__content{max-width:1164px;min-width:320px;width:100%}.np-flow-navigation__stepper{padding-bottom:0!important}[dir=rtl] .np-flow-navigation__stepper{padding-right:0!important}[dir=rtl] .np-flow-navigation__stepper,html:not([dir=rtl]) .np-flow-navigation__stepper{padding-left:0!important}html:not([dir=rtl]) .np-flow-navigation__stepper{padding-right:0!important}.np-flow-navigation--xs-max .np-flow-navigation__stepper .tw-stepper-steps{display:none}.np-flow-navigation--xs-max .np-flow-navigation__stepper .progress{margin-bottom:0}.np-flow-navigation--xs-max .np-animated-label{height:auto}.np-flow-navigation--sm .np-flow-navigation__stepper{min-height:56px}[dir=rtl] .np-flow-navigation--sm .np-flow-navigation__stepper{padding-right:24px!important;padding-right:var(--size-24)!important}[dir=rtl] .np-flow-navigation--sm .np-flow-navigation__stepper,html:not([dir=rtl]) .np-flow-navigation--sm .np-flow-navigation__stepper{padding-left:24px!important;padding-left:var(--size-24)!important}html:not([dir=rtl]) .np-flow-navigation--sm .np-flow-navigation__stepper{padding-right:24px!important;padding-right:var(--size-24)!important}.np-flow-navigation--lg .np-flow-navigation__stepper{max-width:562px}.np-flow-navigation--lg .np-flow-header__left,.np-flow-navigation--lg .np-flow-header__right{width:180px}.np-flow-navigation .separator{background-color:#0000001a;background-color:var(--color-border-neutral);height:32px;height:var(--size-32);min-width:1px;width:1px}[dir=rtl] .np-flow-navigation .separator{margin-right:16px!important;margin-right:var(--size-16)!important}[dir=rtl] .np-flow-navigation .separator,html:not([dir=rtl]) .np-flow-navigation .separator{margin-left:16px!important;margin-left:var(--size-16)!important}html:not([dir=rtl]) .np-flow-navigation .separator{margin-right:16px!important;margin-right:var(--size-16)!important}.np-flow-navigation--hidden{visibility:hidden}.np-theme-personal--bright-green .np-flow-navigation .np-flow-header__left path,.np-theme-personal--dark .np-flow-navigation .np-flow-header__left path,.np-theme-personal--forest-green .np-flow-navigation .np-flow-header__left path{fill:var(--color-interactive-primary)}
1
+ .np-flow-navigation{min-height:97px;width:100%}.np-flow-navigation--border-bottom{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);min-height:96px}.np-flow-navigation__content{max-width:1164px;min-width:320px;width:100%}.np-flow-navigation__stepper{padding-bottom:0!important}[dir=rtl] .np-flow-navigation__stepper{padding-right:0!important}[dir=rtl] .np-flow-navigation__stepper,html:not([dir=rtl]) .np-flow-navigation__stepper{padding-left:0!important}html:not([dir=rtl]) .np-flow-navigation__stepper{padding-right:0!important}.np-flow-navigation--xs-max .np-flow-navigation__stepper .tw-stepper-steps{display:none}.np-flow-navigation--xs-max .np-flow-navigation__stepper .progress{margin-bottom:0}.np-flow-navigation--xs-max .np-animated-label{height:auto}.np-flow-navigation--sm .np-flow-navigation__stepper{min-height:56px}[dir=rtl] .np-flow-navigation--sm .np-flow-navigation__stepper{padding-right:24px!important;padding-right:var(--size-24)!important}[dir=rtl] .np-flow-navigation--sm .np-flow-navigation__stepper,html:not([dir=rtl]) .np-flow-navigation--sm .np-flow-navigation__stepper{padding-left:24px!important;padding-left:var(--size-24)!important}html:not([dir=rtl]) .np-flow-navigation--sm .np-flow-navigation__stepper{padding-right:24px!important;padding-right:var(--size-24)!important}.np-flow-navigation--lg .np-flow-navigation__stepper{max-width:562px}.np-flow-navigation--lg .np-flow-header__left,.np-flow-navigation--lg .np-flow-header__right{width:180px}.np-flow-navigation--hidden{visibility:hidden}.np-theme-personal--bright-green .np-flow-navigation .np-flow-header__left path,.np-theme-personal--dark .np-flow-navigation .np-flow-header__left path,.np-theme-personal--forest-green .np-flow-navigation .np-flow-header__left path{fill:var(--color-interactive-primary)}
package/build/styles/flowNavigation/animatedLabel/AnimatedLabel.css CHANGED
@@ -1 +1 @@
1
- .np-animated-label{height:24px;overflow:hidden;padding-top:1px;position:relative}.np-animated-label>*{height:0;opacity:0;position:absolute;transform:translateX(-8px);transition:all .3s ease-in}.np-animated-label--in{height:auto;opacity:1;position:relative;top:auto;transform:translateX(0);transition:all .3s ease-in .3s}.np-animated-label--out{position:relative;top:-24px;transform:translateX(8px)}
1
+ .np-animated-label{height:24px;overflow:hidden;padding-top:1px;position:relative}.np-animated-label>*{height:0;opacity:0;position:absolute;transform:translateX(-8px);transition:all .3s ease-in}.np-animated-label--in{height:auto;opacity:1;position:relative;top:auto;transform:translateX(0);transition:all .3s ease-in .3s}