@transferwise/components 0.0.0-experimental-d8ad171 → 0.0.0-experimental-1c5d31a

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 (52) hide show
  1. package/build/es/no-polyfill/actionButton/ActionButton.js +1 -1
  2. package/build/es/no-polyfill/actionButton/ActionButton.spec.js +1 -1
  3. package/build/es/no-polyfill/actionButton/ActionButton.story.js +1 -1
  4. package/build/es/no-polyfill/common/flowHeader/FlowHeader.js +1 -1
  5. package/build/es/no-polyfill/common/hooks/index.js +1 -1
  6. package/build/es/no-polyfill/common/hooks/useClientWidth/useClientWidth.js +5 -3
  7. package/build/es/no-polyfill/common/hooks/useLayout/useLayout.js +1 -1
  8. package/build/es/no-polyfill/flowNavigation/FlowNavigation.js +2 -2
  9. package/build/es/no-polyfill/index.js +1 -1
  10. package/build/es/no-polyfill/overlayHeader/OverlayHeader.js +1 -1
  11. package/build/es/no-polyfill/stepper/Stepper.js +1 -1
  12. package/build/es/polyfill/actionButton/ActionButton.js +1 -1
  13. package/build/es/polyfill/actionButton/ActionButton.spec.js +1 -1
  14. package/build/es/polyfill/actionButton/ActionButton.story.js +1 -1
  15. package/build/es/polyfill/common/flowHeader/FlowHeader.js +1 -1
  16. package/build/es/polyfill/common/hooks/index.js +1 -1
  17. package/build/es/polyfill/common/hooks/useClientWidth/useClientWidth.js +5 -3
  18. package/build/es/polyfill/common/hooks/useLayout/useLayout.js +1 -1
  19. package/build/es/polyfill/flowNavigation/FlowNavigation.js +2 -2
  20. package/build/es/polyfill/index.js +1 -1
  21. package/build/es/polyfill/overlayHeader/OverlayHeader.js +1 -1
  22. package/build/es/polyfill/stepper/Stepper.js +1 -1
  23. package/build/main.css +1 -1
  24. package/build/styles/actionButton/ActionButton.css +1 -1
  25. package/build/styles/main.css +1 -1
  26. package/build/styles/snackbar/Snackbar.css +1 -1
  27. package/build/styles/stepper/Stepper.css +1 -1
  28. package/build/types/actionButton/ActionButton.d.ts +0 -3
  29. package/build/types/actionButton/ActionButton.story.d.ts +0 -1
  30. package/build/types/button/Button.story.d.ts +24 -24
  31. package/build/types/common/flowHeader/FlowHeader.d.ts +10 -1
  32. package/build/types/common/hooks/index.d.ts +1 -1
  33. package/build/types/common/hooks/useClientWidth/useClientWidth.d.ts +10 -9
  34. package/build/types/flowNavigation/FlowNavigation.d.ts +16 -34
  35. package/build/types/index.d.ts +2 -2
  36. package/build/types/stepper/Stepper.d.ts +13 -18
  37. package/build/umd/no-polyfill/main.js +1 -1
  38. package/build/umd/polyfill/main.js +1 -1
  39. package/package.json +2 -1
  40. package/scripts/generate-type-declarations.js +0 -2
  41. package/build/es/no-polyfill/common/flowHeader/index.js +0 -1
  42. package/build/es/no-polyfill/common/hooks/useClientWidth/index.js +0 -1
  43. package/build/es/no-polyfill/flowNavigation/index.js +0 -1
  44. package/build/es/no-polyfill/stepper/index.js +0 -1
  45. package/build/es/polyfill/common/flowHeader/index.js +0 -1
  46. package/build/es/polyfill/common/hooks/useClientWidth/index.js +0 -1
  47. package/build/es/polyfill/flowNavigation/index.js +0 -1
  48. package/build/es/polyfill/stepper/index.js +0 -1
  49. package/build/types/common/flowHeader/index.d.ts +0 -1
  50. package/build/types/common/hooks/useClientWidth/index.d.ts +0 -1
  51. package/build/types/flowNavigation/index.d.ts +0 -1
  52. package/build/types/stepper/index.d.ts +0 -2
package/build/styles/actionButton/ActionButton.css CHANGED
@@ -1 +1 @@
1
- .np-action-btn{align-items:center;background-color:#00a2dd;background-color:var(--color-interactive-accent);border:none;border-radius:10px;border-radius:var(--radius-small);border-radius:24px;border-radius:var(--radius-large);color:var(--color-interactive-control);display:inline-flex;font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);height:32px;height:var(--size-32);line-height:1.2;line-height:var(--line-height-control);padding:7px 12px 8px;padding:7px var(--size-12) var(--size-8);transition:color,background-color .15s ease-in-out}.np-action-btn.btn-priority-2{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.np-action-btn:not(:disabled):hover{background-color:#008fc9;background-color:var(--color-interactive-accent-hover)}.np-action-btn:not(:disabled):hover.btn-priority-2{background-color:var(--color-background-neutral-hover)}.np-action-btn:not(:disabled):active{background-color:#0081ba;background-color:var(--color-interactive-accent-active);border-color:transparent;box-shadow:none}.np-action-btn:not(:disabled):active.btn-priority-2{background-color:var(--color-background-neutral-active)}.np-action-btn:not(:disabled):focus{box-shadow:none}
1
+ .np-action-btn{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border:1px solid transparent;border-radius:10px;border-radius:var(--radius-small);color:#0097c7;color:var(--color-content-accent);display:inline-flex;font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);height:32px;height:var(--size-32);line-height:1.2;line-height:var(--line-height-control);padding:7px 12px 8px;padding:7px var(--size-12) var(--size-8);transition:color,background-color .15s ease-in-out}.np-action-btn:not(:disabled):hover{background-color:#38c8ff1a;background-color:var(--color-background-accent)}.np-action-btn:not(:disabled):active,.np-action-btn:not(:disabled):focus{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-action-btn:not(:disabled):focus{box-shadow:0 0 0 4px #38c8ff1a;box-shadow:0 0 0 4px var(--color-background-accent)}.np-theme-personal .np-action-btn{align-items:center;background-color:#00a2dd;background-color:var(--color-interactive-accent);border:none;border-radius:24px;border-radius:var(--radius-large);color:var(--color-interactive-control)}.np-theme-personal .np-action-btn:not(:disabled):hover{background-color:#008fc9;background-color:var(--color-interactive-accent-hover)}.np-theme-personal .np-action-btn:not(:disabled):active{background-color:#0081ba;background-color:var(--color-interactive-accent-active);border-color:transparent;box-shadow:none}.np-theme-personal .np-action-btn:not(:disabled):focus{box-shadow:none}