@transferwise/components 44.0.0 → 44.1.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 (106) hide show
  1. package/README.md +1 -1
  2. package/build/es/no-polyfill/alert/Alert.js +1 -1
  3. package/build/es/no-polyfill/alert/withArrow/alertArrowPositions.js +1 -1
  4. package/build/es/no-polyfill/avatar/Avatar.js +1 -1
  5. package/build/es/no-polyfill/avatar/avatarTypes.js +1 -1
  6. package/build/es/no-polyfill/common/direction.js +1 -1
  7. package/build/es/no-polyfill/common/fileType.js +1 -1
  8. package/build/es/no-polyfill/common/focusBoundary/utils/getFocusableElements.js +1 -1
  9. package/build/es/no-polyfill/common/propsValues/breakpoint.js +1 -1
  10. package/build/es/no-polyfill/common/propsValues/control.js +1 -1
  11. package/build/es/no-polyfill/common/propsValues/dateMode.js +1 -1
  12. package/build/es/no-polyfill/common/propsValues/layouts.js +1 -1
  13. package/build/es/no-polyfill/common/propsValues/markdownNodeType.js +1 -1
  14. package/build/es/no-polyfill/common/propsValues/monthFormat.js +1 -1
  15. package/build/es/no-polyfill/common/propsValues/position.js +1 -1
  16. package/build/es/no-polyfill/common/propsValues/profileType.js +1 -1
  17. package/build/es/no-polyfill/common/propsValues/scroll.js +1 -1
  18. package/build/es/no-polyfill/common/propsValues/sentiment.js +1 -1
  19. package/build/es/no-polyfill/common/propsValues/size.js +1 -1
  20. package/build/es/no-polyfill/common/propsValues/status.js +1 -1
  21. package/build/es/no-polyfill/common/propsValues/type.js +1 -1
  22. package/build/es/no-polyfill/common/propsValues/typography.js +1 -1
  23. package/build/es/no-polyfill/common/propsValues/variant.js +1 -1
  24. package/build/es/no-polyfill/common/propsValues/width.js +1 -1
  25. package/build/es/no-polyfill/common/theme.js +1 -1
  26. package/build/es/no-polyfill/decision/decisionEnums.js +2 -2
  27. package/build/es/no-polyfill/info/infoPresentations.js +1 -1
  28. package/build/es/no-polyfill/lab/pagination/Pagination.js +1 -1
  29. package/build/es/no-polyfill/logo/logoTypes.js +1 -1
  30. package/build/es/no-polyfill/progressBar/ProgressBar.js +1 -1
  31. package/build/es/no-polyfill/progressBar/ProgressBar.story.js +1 -0
  32. package/build/es/no-polyfill/select/Select.js +1 -1
  33. package/build/es/no-polyfill/select/option/Option.js +1 -1
  34. package/build/es/no-polyfill/tabs/Tabs.js +1 -1
  35. package/build/es/no-polyfill/title/Title.js +1 -1
  36. package/build/es/no-polyfill/typeahead/Typeahead.js +1 -1
  37. package/build/es/no-polyfill/upload/uploadSteps.js +1 -1
  38. package/build/es/no-polyfill/uploadInput/UploadInput.js +5 -5
  39. package/build/es/no-polyfill/uploadInput/uploadButton/UploadButton.js +1 -1
  40. package/build/es/no-polyfill/uploadInput/uploadItem/UploadItem.js +1 -1
  41. package/build/es/polyfill/alert/Alert.js +1 -1
  42. package/build/es/polyfill/alert/withArrow/alertArrowPositions.js +1 -1
  43. package/build/es/polyfill/avatar/Avatar.js +1 -1
  44. package/build/es/polyfill/avatar/avatarTypes.js +1 -1
  45. package/build/es/polyfill/avatarWrapper/AvatarWrapper.js +1 -1
  46. package/build/es/polyfill/common/dateUtils/isMonthAndYearFormat/isMonthAndYearFormat.js +1 -1
  47. package/build/es/polyfill/common/direction.js +1 -1
  48. package/build/es/polyfill/common/fileType.js +1 -1
  49. package/build/es/polyfill/common/focusBoundary/utils/getFocusableElements.js +1 -1
  50. package/build/es/polyfill/common/propsValues/breakpoint.js +1 -1
  51. package/build/es/polyfill/common/propsValues/control.js +1 -1
  52. package/build/es/polyfill/common/propsValues/dateMode.js +1 -1
  53. package/build/es/polyfill/common/propsValues/layouts.js +1 -1
  54. package/build/es/polyfill/common/propsValues/markdownNodeType.js +1 -1
  55. package/build/es/polyfill/common/propsValues/monthFormat.js +1 -1
  56. package/build/es/polyfill/common/propsValues/position.js +1 -1
  57. package/build/es/polyfill/common/propsValues/profileType.js +1 -1
  58. package/build/es/polyfill/common/propsValues/scroll.js +1 -1
  59. package/build/es/polyfill/common/propsValues/sentiment.js +1 -1
  60. package/build/es/polyfill/common/propsValues/size.js +1 -1
  61. package/build/es/polyfill/common/propsValues/status.js +1 -1
  62. package/build/es/polyfill/common/propsValues/type.js +1 -1
  63. package/build/es/polyfill/common/propsValues/typography.js +1 -1
  64. package/build/es/polyfill/common/propsValues/variant.js +1 -1
  65. package/build/es/polyfill/common/propsValues/width.js +1 -1
  66. package/build/es/polyfill/common/requirements.js +1 -1
  67. package/build/es/polyfill/common/textFormat/formatWithPattern/formatWithPattern.js +1 -1
  68. package/build/es/polyfill/common/textFormat/getSymbolsInPatternWithPosition/getSymbolsInPatternWithPosition.js +1 -1
  69. package/build/es/polyfill/common/textFormat/unformatWithPattern/unformatWithPattern.js +1 -1
  70. package/build/es/polyfill/common/theme.js +1 -1
  71. package/build/es/polyfill/dateInput/utils/convertToLocalMidnight/convertToLocalMidnight.js +1 -1
  72. package/build/es/polyfill/decision/decisionEnums.js +2 -2
  73. package/build/es/polyfill/info/infoPresentations.js +1 -1
  74. package/build/es/polyfill/lab/pagination/Pagination.js +1 -1
  75. package/build/es/polyfill/logo/logoTypes.js +1 -1
  76. package/build/es/polyfill/modal/Modal.js +1 -1
  77. package/build/es/polyfill/progressBar/ProgressBar.js +1 -1
  78. package/build/es/polyfill/progressBar/ProgressBar.story.js +1 -0
  79. package/build/es/polyfill/select/Select.js +1 -1
  80. package/build/es/polyfill/select/option/Option.js +1 -1
  81. package/build/es/polyfill/tabs/Tabs.js +1 -1
  82. package/build/es/polyfill/title/Title.js +1 -1
  83. package/build/es/polyfill/typeahead/Typeahead.js +1 -1
  84. package/build/es/polyfill/upload/uploadSteps.js +1 -1
  85. package/build/es/polyfill/upload/utils/getSupportedSpotMimeTypes/getSupportedSpotMimeTypes.js +1 -1
  86. package/build/es/polyfill/upload/utils/isTypeValid/isTypeValid.js +1 -1
  87. package/build/es/polyfill/uploadInput/UploadInput.js +5 -5
  88. package/build/es/polyfill/uploadInput/uploadButton/UploadButton.js +1 -1
  89. package/build/es/polyfill/uploadInput/uploadButton/getAllowedFileTypes.js +1 -1
  90. package/build/es/polyfill/uploadInput/uploadItem/UploadItem.js +1 -1
  91. package/build/es/polyfill/withDisplayFormat/WithDisplayFormat.js +1 -1
  92. package/build/main.css +1 -1
  93. package/build/styles/avatar/Avatar.css +1 -1
  94. package/build/styles/dimmer/Dimmer.css +1 -1
  95. package/build/styles/drawer/Drawer.css +1 -1
  96. package/build/styles/main.css +1 -1
  97. package/build/styles/moneyInput/MoneyInput.css +1 -1
  98. package/build/styles/select/Select.css +1 -1
  99. package/build/styles/snackbar/Snackbar.css +1 -1
  100. package/build/types/avatar/Avatar.d.ts +1 -1
  101. package/build/types/progressBar/ProgressBar.d.ts +1 -1
  102. package/build/types/progressBar/ProgressBar.story.d.ts +8 -0
  103. package/build/types/tabs/Tabs.d.ts +1 -0
  104. package/build/umd/no-polyfill/main.js +1 -1
  105. package/build/umd/polyfill/main.js +1 -1
  106. package/package.json +3 -11
@@ -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:1px}.tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:1px;left:1px;right:1px;top:1px}.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--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--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:3px}.tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:3px;left:3px;right:3px;top:3px}.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--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 +1 @@
1
- .no-scroll{overflow:hidden}.dimmer{-webkit-max-logical-height:100%;bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;transition:background-color .35s cubic-bezier(0,.94,.62,1);width:100vw;z-index:1050}.dimmer--scrollable{overflow-y:auto}[dir=rtl] .dimmer{left:0;left:auto;right:auto;right:0}.dimmer.dimmer--enter-done{background:rgba(0,0,0,.4)}.np-theme-personal .dimmer.dimmer--enter-done{background-color:rgba(14,15,12,.4)}.np-theme-personal--dark .dimmer.dimmer--enter-done{background-color:hsla(90,17%,95%,.25)}.np-theme-personal--bright-green .dimmer.dimmer--enter-done,.np-theme-personal--forest-green .dimmer.dimmer--enter-done{background-color:hsla(0,0%,100%,.25)}.dimmer.dimmer--enter-done.dimmer--transparent{background:transparent}.dimmer.dimmer--enter-done.dimmer--enter-fade>*{opacity:1}.dimmer.dimmer--enter-fade>*,.dimmer.dimmer--exit-fade>*{transition:opacity .35s cubic-bezier(0,.94,.62,1)}.dimmer.dimmer--exit-fade>*{opacity:1}.dimmer.dimmer--enter-fade>*,.dimmer.dimmer--exit.dimmer--exit-fade>*{opacity:0}.dimmer-content-positioner{min-height:100%;pointer-events:none}:not(.dimmer--scrollable)>.dimmer-content-positioner{height:100%}.dimmer-content-positioner>*{pointer-events:all}
1
+ .no-scroll{overflow:hidden}.dimmer{bottom:0;height:100vh;height:100dvh;left:0;position:fixed;right:0;top:0;transition:background-color .35s cubic-bezier(0,.94,.62,1);width:100vw;z-index:1050}.dimmer--scrollable{overflow-y:auto}[dir=rtl] .dimmer{left:0;left:auto;right:auto;right:0}.dimmer.dimmer--enter-done{background:rgba(0,0,0,.4)}.np-theme-personal .dimmer.dimmer--enter-done{background-color:rgba(14,15,12,.4)}.np-theme-personal--dark .dimmer.dimmer--enter-done{background-color:hsla(90,17%,95%,.25)}.np-theme-personal--bright-green .dimmer.dimmer--enter-done,.np-theme-personal--forest-green .dimmer.dimmer--enter-done{background-color:hsla(0,0%,100%,.25)}.dimmer.dimmer--enter-done.dimmer--transparent{background:transparent}.dimmer.dimmer--enter-done.dimmer--enter-fade>*{opacity:1}.dimmer.dimmer--enter-fade>*,.dimmer.dimmer--exit-fade>*{transition:opacity .35s cubic-bezier(0,.94,.62,1)}.dimmer.dimmer--exit-fade>*{opacity:1}.dimmer.dimmer--enter-fade>*,.dimmer.dimmer--exit.dimmer--exit-fade>*{opacity:0}.dimmer-content-positioner{min-height:100%;pointer-events:none}:not(.dimmer--scrollable)>.dimmer-content-positioner{height:100%}.dimmer-content-positioner>*{pointer-events:all}
@@ -1 +1 @@
1
- .np-drawer{display:flex;flex-direction:column;height:100vh;justify-content:space-between;max-height:100vh;max-height:-webkit-fill-available;max-width:600px;width:100vw}.np-drawer .np-drawer-header{display:flex;flex-wrap:nowrap;min-height:56px;min-height:var(--size-56);padding:24px 16px;padding:var(--size-24) var(--size-16)}.np-theme-personal .np-drawer .np-drawer-header{padding:24px;padding:var(--size-24)}.np-theme-personal .np-drawer .np-drawer-header .np-text-title-body{margin-bottom:0;padding-top:0}.np-theme-personal .np-drawer .np-drawer-header .np-close-button{margin-bottom:-8px;margin-bottom:calc(var(--size-8)*-1);margin-right:-8px;margin-right:calc(var(--size-8)*-1);margin-top:-8px;margin-top:calc(var(--size-8)*-1)}.np-drawer .np-drawer-header.np-drawer-header--withborder{box-shadow:inset 0 -1px 0 0 #e2e6e8}.np-theme-personal .np-drawer .np-drawer-header.np-drawer-header--withborder{box-shadow:inset 0 -1px 0 0 #0000001a;box-shadow:inset 0 -1px 0 0 var(--color-border-neutral)}.np-drawer .np-drawer-header .np-text-title-body{font-size:1.125rem;font-size:var(--font-size-18);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-negative-xs);line-height:1.5rem;line-height:var(--line-height-24);margin-bottom:-2px;margin-right:16px;margin-right:var(--size-16);padding-top:2px}.np-drawer .np-drawer-header .np-close-button{margin-left:auto}.np-drawer .np-drawer-header .tw-icon{fill:#00b9ff;cursor:pointer;display:block}.np-drawer .np-drawer-content{flex:1;overflow-y:auto}.np-drawer .np-drawer-content,.np-drawer .np-drawer-footer{padding:16px;padding:var(--size-16)}.np-drawer .np-drawer-footer{box-shadow:inset 0 1px 0 0 #e2e6e8}.np-theme-personal .np-drawer .np-drawer-footer{box-shadow:inset 0 1px 0 0 #0000001a;box-shadow:inset 0 1px 0 0 var(--color-border-neutral)}@media (min-width:768px){.np-drawer .np-drawer-header{padding:32px 24px;padding:var(--size-32) var(--size-24)}.np-drawer .np-drawer-content,.np-drawer .np-drawer-footer,.np-theme-personal .np-drawer .np-drawer-header{padding:24px;padding:var(--size-24)}}
1
+ .np-drawer{display:flex;flex-direction:column;height:100vh;height:100dvh;justify-content:space-between;max-height:100vh;max-height:100dvh;max-width:600px;width:100vw}.np-drawer .np-drawer-header{display:flex;flex-wrap:nowrap;min-height:56px;min-height:var(--size-56);padding:24px 16px;padding:var(--size-24) var(--size-16)}.np-theme-personal .np-drawer .np-drawer-header{padding:24px;padding:var(--size-24)}.np-theme-personal .np-drawer .np-drawer-header .np-text-title-body{margin-bottom:0;padding-top:0}.np-theme-personal .np-drawer .np-drawer-header .np-close-button{margin-bottom:-8px;margin-bottom:calc(var(--size-8)*-1);margin-right:-8px;margin-right:calc(var(--size-8)*-1);margin-top:-8px;margin-top:calc(var(--size-8)*-1)}.np-drawer .np-drawer-header.np-drawer-header--withborder{box-shadow:inset 0 -1px 0 0 #e2e6e8}.np-theme-personal .np-drawer .np-drawer-header.np-drawer-header--withborder{box-shadow:inset 0 -1px 0 0 #0000001a;box-shadow:inset 0 -1px 0 0 var(--color-border-neutral)}.np-drawer .np-drawer-header .np-text-title-body{font-size:1.125rem;font-size:var(--font-size-18);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-negative-xs);line-height:1.5rem;line-height:var(--line-height-24);margin-bottom:-2px;margin-right:16px;margin-right:var(--size-16);padding-top:2px}.np-drawer .np-drawer-header .np-close-button{margin-left:auto}.np-drawer .np-drawer-header .tw-icon{fill:#00b9ff;cursor:pointer;display:block}.np-drawer .np-drawer-content{flex:1;overflow-y:auto}.np-drawer .np-drawer-content,.np-drawer .np-drawer-footer{padding:16px;padding:var(--size-16)}.np-drawer .np-drawer-footer{box-shadow:inset 0 1px 0 0 #e2e6e8}.np-theme-personal .np-drawer .np-drawer-footer{box-shadow:inset 0 1px 0 0 #0000001a;box-shadow:inset 0 1px 0 0 var(--color-border-neutral)}@media (min-width:768px){.np-drawer .np-drawer-header{padding:32px 24px;padding:var(--size-32) var(--size-24)}.np-drawer .np-drawer-content,.np-drawer .np-drawer-footer,.np-theme-personal .np-drawer .np-drawer-header{padding:24px;padding:var(--size-24)}}