@transferwise/components 45.2.0 → 45.4.0

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 (70) hide show
  1. package/build/es/no-polyfill/accordion/Accordion.story.js +1 -0
  2. package/build/es/no-polyfill/actionButton/ActionButton.story.js +1 -1
  3. package/build/es/no-polyfill/avatar/Avatar.js +1 -1
  4. package/build/es/no-polyfill/avatar/Avatar.story.js +1 -1
  5. package/build/es/no-polyfill/avatar/colors/avatarColorTestCases.json +402 -0
  6. package/build/es/no-polyfill/avatar/colors/colors.js +10 -0
  7. package/build/es/no-polyfill/avatar/colors/index.js +1 -0
  8. package/build/es/no-polyfill/avatarWrapper/AvatarWrapper.js +1 -1
  9. package/build/es/no-polyfill/button/Button.story.js +1 -0
  10. package/build/es/no-polyfill/checkbox/Checkbox.story.js +1 -0
  11. package/build/es/no-polyfill/common/bottomSheet/BottomSheet.story.js +2 -0
  12. package/build/es/no-polyfill/dateInput/DateInput.story.js +1 -0
  13. package/build/es/no-polyfill/info/Info.story.js +1 -0
  14. package/build/es/no-polyfill/modal/Modal.story.js +2 -1
  15. package/build/es/no-polyfill/phoneNumberInput/PhoneNumberInput.js +1 -1
  16. package/build/es/no-polyfill/phoneNumberInput/utils/excludeCountries/excludeCountries.js +8 -0
  17. package/build/es/no-polyfill/phoneNumberInput/utils/excludeCountries/index.js +1 -0
  18. package/build/es/no-polyfill/phoneNumberInput/utils/index.js +1 -1
  19. package/build/es/no-polyfill/select/option/Option.js +1 -1
  20. package/build/es/no-polyfill/tooltip/Tooltip.story.js +1 -1
  21. package/build/es/polyfill/accordion/Accordion.story.js +1 -0
  22. package/build/es/polyfill/actionButton/ActionButton.story.js +1 -1
  23. package/build/es/polyfill/avatar/Avatar.js +1 -1
  24. package/build/es/polyfill/avatar/Avatar.story.js +1 -1
  25. package/build/es/polyfill/avatar/colors/avatarColorTestCases.json +402 -0
  26. package/build/es/polyfill/avatar/colors/colors.js +10 -0
  27. package/build/es/polyfill/avatar/colors/index.js +1 -0
  28. package/build/es/polyfill/avatarWrapper/AvatarWrapper.js +1 -1
  29. package/build/es/polyfill/button/Button.story.js +1 -0
  30. package/build/es/polyfill/checkbox/Checkbox.story.js +1 -0
  31. package/build/es/polyfill/common/bottomSheet/BottomSheet.story.js +2 -0
  32. package/build/es/polyfill/dateInput/DateInput.story.js +1 -0
  33. package/build/es/polyfill/info/Info.story.js +1 -0
  34. package/build/es/polyfill/modal/Modal.story.js +2 -1
  35. package/build/es/polyfill/phoneNumberInput/PhoneNumberInput.js +1 -1
  36. package/build/es/polyfill/phoneNumberInput/utils/excludeCountries/excludeCountries.js +8 -0
  37. package/build/es/polyfill/phoneNumberInput/utils/excludeCountries/index.js +1 -0
  38. package/build/es/polyfill/phoneNumberInput/utils/index.js +1 -1
  39. package/build/es/polyfill/select/option/Option.js +1 -1
  40. package/build/es/polyfill/tooltip/Tooltip.story.js +1 -1
  41. package/build/main.css +1 -1
  42. package/build/styles/avatar/Avatar.css +1 -1
  43. package/build/styles/main.css +1 -1
  44. package/build/styles/snackbar/Snackbar.css +1 -1
  45. package/build/types/accordion/Accordion.story.d.ts +46 -0
  46. package/build/types/avatar/Avatar.d.ts +18 -22
  47. package/build/types/avatar/Avatar.story.d.ts +2 -31
  48. package/build/types/avatar/colors/colors.d.ts +3 -0
  49. package/build/types/avatar/colors/index.d.ts +1 -0
  50. package/build/types/avatar/index.d.ts +2 -2
  51. package/build/types/avatarWrapper/AvatarWrapper.d.ts +1 -0
  52. package/build/types/avatarWrapper/AvatarWrapper.story.d.ts +4 -1
  53. package/build/types/button/Button.story.d.ts +4586 -0
  54. package/build/types/checkbox/Checkbox.story.d.ts +54 -0
  55. package/build/types/common/bottomSheet/BottomSheet.story.d.ts +29 -0
  56. package/build/types/dateInput/DateInput.story.d.ts +71 -0
  57. package/build/types/info/Info.story.d.ts +39 -0
  58. package/build/types/modal/Modal.story.d.ts +20 -3
  59. package/build/types/phoneNumberInput/PhoneNumberInput.d.ts +4 -0
  60. package/build/types/phoneNumberInput/utils/excludeCountries/excludeCountries.d.ts +1 -0
  61. package/build/types/phoneNumberInput/utils/excludeCountries/index.d.ts +1 -0
  62. package/build/types/phoneNumberInput/utils/index.d.ts +1 -0
  63. package/build/types/test-utils/VariantDecorator.d.ts +18 -0
  64. package/build/types/test-utils/story-config.d.ts +18 -50
  65. package/build/types/tooltip/Tooltip.story.d.ts +17 -9
  66. package/build/umd/no-polyfill/main.js +1 -1
  67. package/build/umd/polyfill/main.js +1 -1
  68. package/package.json +4 -3
  69. package/scripts/generate-type-declarations.js +0 -1
  70. package/build/types/test-utils/GlobalsDecorator.d.ts +0 -4
package/build/styles/avatar/Avatar.css CHANGED
@@ -1 +1 @@
1
- .tw-avatar{border-radius:50%;box-sizing:border-box;cursor:default;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tw-avatar .tw-avatar__content{align-items:center;background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:50%;color:#37517e;color:var(--color-content-primary);display:flex;height:100%;justify-content:center;max-height:100%;max-width:100%;overflow:hidden;width:100%}.tw-avatar--outlined{border:1px solid #00a2dd;border:1px solid var(--color-interactive-accent);cursor:pointer}.tw-avatar--outlined:not(.disabled,:disabled):hover{border-color:#008fc9;border-color:var(--color-interactive-accent-hover)}.tw-avatar--dark .tw-avatar__content{background-color:#37517e;color:#fff}.tw-avatar--thumbnail *{height:100%;object-fit:cover;width:100%}.tw-avatar--icon *{max-height:100%;max-width:100%}.tw-avatar.tw-avatar--emoji,.tw-avatar.tw-avatar--initials{font-weight:600;font-weight:var(--font-weight-semi-bold)}.tw-avatar.tw-avatar--icon,.tw-avatar.tw-avatar--initials{color:#37517e;color:var(--color-content-primary)}.tw-avatar.tw-avatar--emoji,.tw-avatar.tw-avatar--initials{font-family:Arial,sans-serif}.tw-avatar--sm{height:24px;min-width:24px;width:24px}.tw-avatar--sm.tw-avatar--emoji,.tw-avatar--sm.tw-avatar--icon{font-size:12px}.tw-avatar--sm.tw-avatar--initials{font-size:8.4px}.tw-avatar--sm.tw-avatar--outlined{padding:2px}.tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:2px;left:2px;right:2px;top:2px}.tw-avatar--sm.tw-avatar--thumbnail:after{border:1px solid #0000001a;border:1px solid var(--color-border-overlay);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tw-avatar--sm.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar--40{height:40px;min-width:40px;width:40px}.tw-avatar--40.tw-avatar--emoji,.tw-avatar--40.tw-avatar--icon{font-size:20px}.tw-avatar--40.tw-avatar--initials{font-size:14px}.tw-avatar--40.tw-avatar--outlined{padding:2px}.tw-avatar--40.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:2px;left:2px;right:2px;top:2px}.tw-avatar--40.tw-avatar--thumbnail:after{border:1px solid #0000001a;border:1px solid var(--color-border-overlay);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tw-avatar--40.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar--md{height:48px;min-width:48px;width:48px}.tw-avatar--md.tw-avatar--emoji,.tw-avatar--md.tw-avatar--icon{font-size:24px}.tw-avatar--md.tw-avatar--initials{font-size:16.8px}.tw-avatar--md.tw-avatar--outlined{padding:2px}.tw-avatar--md.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:2px;left:2px;right:2px;top:2px}.tw-avatar--md.tw-avatar--thumbnail:after{border:1px solid #0000001a;border:1px solid var(--color-border-overlay);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tw-avatar--md.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar--56{height:56px;min-width:56px;width:56px}.tw-avatar--56.tw-avatar--emoji,.tw-avatar--56.tw-avatar--icon{font-size:28px}.tw-avatar--56.tw-avatar--initials{font-size:19.6px}.tw-avatar--56.tw-avatar--outlined{padding:2px}.tw-avatar--56.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:2px;left:2px;right:2px;top:2px}.tw-avatar--56.tw-avatar--thumbnail:after{border:1px solid #0000001a;border:1px solid var(--color-border-overlay);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tw-avatar--56.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar--lg{height:72px;min-width:72px;width:72px}.tw-avatar--lg.tw-avatar--emoji,.tw-avatar--lg.tw-avatar--icon{font-size:36px}.tw-avatar--lg.tw-avatar--initials{font-size:25.2px}.tw-avatar--lg.tw-avatar--outlined{padding:2px}.tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:2px;left:2px;right:2px;top:2px}.tw-avatar--lg.tw-avatar--thumbnail:after{border:1px solid #0000001a;border:1px solid var(--color-border-overlay);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tw-avatar--lg.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar img{height:100%;width:100%}.np-theme-personal .tw-avatar--outlined{border-color:var(--color-interactive-primary)}.np-theme-personal .tw-avatar--outlined:not(.disabled,:disabled):hover{border-color:var(--color-interactive-primary-hover)}
1
+ .tw-avatar{border-radius:50%;box-sizing:border-box;cursor:default;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tw-avatar .tw-avatar__content{align-items:center;background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:50%;color:#37517e;color:var(--color-content-primary);display:flex;height:100%;justify-content:center;max-height:100%;max-width:100%;overflow:hidden;width:100%}.tw-avatar--outlined{border:1px solid #00a2dd;border:1px solid var(--color-interactive-accent);cursor:pointer}.tw-avatar--outlined:not(.disabled,:disabled):hover{border-color:#008fc9;border-color:var(--color-interactive-accent-hover)}.tw-avatar--thumbnail *{height:100%;object-fit:cover;width:100%}.tw-avatar--icon *{max-height:100%;max-width:100%}.tw-avatar.tw-avatar--emoji,.tw-avatar.tw-avatar--initials{font-weight:600;font-weight:var(--font-weight-semi-bold)}.tw-avatar.tw-avatar--icon,.tw-avatar.tw-avatar--initials{color:#37517e;color:var(--color-content-primary)}.tw-avatar.tw-avatar--emoji,.tw-avatar.tw-avatar--initials{font-family:Arial,sans-serif}.tw-avatar.tw-avatar--branded .tw-avatar__content{font-feature-settings:"ss01";color:var(--color-dark-charcoal);font-family:Wise Sans,Inter,sans-serif;font-family:var(--font-family-display);line-height:1}.tw-avatar--24{height:24px;min-width:24px;width:24px}.tw-avatar--24.tw-avatar--emoji,.tw-avatar--24.tw-avatar--icon{font-size:12px}.tw-avatar--24.tw-avatar--initials{font-size:8.4px}.tw-avatar--24.tw-avatar--branded{font-size:10.8px}.tw-avatar--24.tw-avatar--outlined{padding:2px}.tw-avatar--24.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:2px;left:2px;right:2px;top:2px}.tw-avatar--24.tw-avatar--thumbnail:after{border:1px solid #0000001a;border:1px solid var(--color-border-overlay);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tw-avatar--40{height:40px;min-width:40px;width:40px}.tw-avatar--40.tw-avatar--emoji,.tw-avatar--40.tw-avatar--icon{font-size:20px}.tw-avatar--40.tw-avatar--initials{font-size:14px}.tw-avatar--40.tw-avatar--branded{font-size:18px}.tw-avatar--40.tw-avatar--outlined{padding:2px}.tw-avatar--40.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:2px;left:2px;right:2px;top:2px}.tw-avatar--40.tw-avatar--thumbnail:after{border:1px solid #0000001a;border:1px solid var(--color-border-overlay);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tw-avatar--48{height:48px;min-width:48px;width:48px}.tw-avatar--48.tw-avatar--emoji,.tw-avatar--48.tw-avatar--icon{font-size:24px}.tw-avatar--48.tw-avatar--initials{font-size:16.8px}.tw-avatar--48.tw-avatar--branded{font-size:21.6px}.tw-avatar--48.tw-avatar--outlined{padding:2px}.tw-avatar--48.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:2px;left:2px;right:2px;top:2px}.tw-avatar--48.tw-avatar--thumbnail:after{border:1px solid #0000001a;border:1px solid var(--color-border-overlay);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tw-avatar--56{height:56px;min-width:56px;width:56px}.tw-avatar--56.tw-avatar--emoji,.tw-avatar--56.tw-avatar--icon{font-size:28px}.tw-avatar--56.tw-avatar--initials{font-size:19.6px}.tw-avatar--56.tw-avatar--branded{font-size:25.2px}.tw-avatar--56.tw-avatar--outlined{padding:2px}.tw-avatar--56.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:2px;left:2px;right:2px;top:2px}.tw-avatar--56.tw-avatar--thumbnail:after{border:1px solid #0000001a;border:1px solid var(--color-border-overlay);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tw-avatar--72{height:72px;min-width:72px;width:72px}.tw-avatar--72.tw-avatar--emoji,.tw-avatar--72.tw-avatar--icon{font-size:36px}.tw-avatar--72.tw-avatar--initials{font-size:25.2px}.tw-avatar--72.tw-avatar--branded{font-size:32.4px}.tw-avatar--72.tw-avatar--outlined{padding:2px}.tw-avatar--72.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:2px;left:2px;right:2px;top:2px}.tw-avatar--72.tw-avatar--thumbnail:after{border:1px solid #0000001a;border:1px solid var(--color-border-overlay);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tw-avatar img{height:100%;width:100%}.np-theme-personal .tw-avatar--outlined{border-color:var(--color-interactive-primary)}.np-theme-personal .tw-avatar--outlined:not(.disabled,:disabled):hover{border-color:var(--color-interactive-primary-hover)}