@transferwise/neptune-css 14.0.21 → 14.1.2

package/dist/css/popovers.css

@@ -1 +1 @@
-.close{color:#0097c7;color:var(--color-content-accent);float:right;text-decoration:none}[dir=rtl] .close{float:left}.close:focus,.close:hover{color:#0084b3;color:var(--color-content-accent-hover);cursor:pointer;text-decoration:none}.close:focus{outline:thin dotted rgba(0,0,0,.5)}.close:active{color:#0077a5;color:var(--color-content-accent-active)}button.close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;padding:0}.np-theme-personal button.close:hover{background:initial}.popover{word-wrap:normal;background-clip:padding-box;background-color:#fff;background-color:var(--color-background-screen);border-radius:3px;box-shadow:0 20px 66px 0 rgba(34,48,73,.2);font-family:Inter,sans-serif,Helvetica,Arial;font-family:var(--font-family-regular);font-size:1rem;font-size:var(--font-size-16);font-style:normal;font-weight:400;font-weight:var(--font-weight-regular);left:0;letter-spacing:normal;line-break:auto;line-height:24px;line-height:var(--size-24);line-height:1.5;line-height:var(--line-height-body);padding:18px 24px;position:absolute;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;top:0;white-space:normal;width:276px;word-break:normal;word-spacing:normal;z-index:1060}[dir=rtl] .popover{left:auto;right:0;text-align:right}.np-theme-personal .popover{font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:.01em;letter-spacing:var(--letter-spacing-xs);line-height:1.375rem;line-height:var(--line-height-22)}.np-theme-personal .np-theme-personal .popover a{font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);text-decoration:underline}.popover.animate{transition:transform .25s}.popover.scale-down{transform:scale(0)}.popover.top{margin-top:-14px;transform-origin:50% 100%}.popover.top-left{margin-top:-14px;transform-origin:calc(100% - 29px) 100%}.popover.top-right{margin-top:-14px;transform-origin:29px 100%}.popover.right{margin-left:14px;transform-origin:0 50%}[dir=rtl] .popover.right{margin-left:0;margin-right:14px}.popover.right-top{margin-left:14px;transform-origin:0 29px}[dir=rtl] .popover.right-top{margin-left:0;margin-right:14px}.popover.right-bottom{margin-left:14px;transform-origin:0 calc(100% - 29px)}[dir=rtl] .popover.right-bottom{margin-left:0;margin-right:14px}.popover.bottom{margin-top:14px;transform-origin:50% 0}.popover.bottom-left{margin-top:14px;transform-origin:calc(100% - 29px) 0}.popover.bottom-right{margin-top:14px;transform-origin:29px 0}.popover.left{margin-left:-14px;transform-origin:100% 50%}[dir=rtl] .popover.left{margin-left:0;margin-right:-14px}.popover.left-top{margin-left:-14px;transform-origin:100% 29px}[dir=rtl] .popover.left-top{margin-left:0;margin-right:-14px}.popover.left-bottom{margin-left:-14px;transform-origin:100% calc(100% - 29px)}[dir=rtl] .popover.left-bottom{margin-left:0;margin-right:-14px}.popover:before{background-color:inherit;content:" ";display:block;height:14px;left:28px;position:absolute;top:-7px;transform:rotate(45deg);width:14px}[dir=rtl] .popover:before{left:auto;right:28px}.popover.top:before{bottom:-7px;left:50%;margin-left:-7px;top:auto}[dir=rtl] .popover.top:before{left:auto;margin-left:0;margin-right:-7px;right:50%}.popover.top-left:before{bottom:-7px;left:auto;margin-left:-7px;right:29px;top:auto}[dir=rtl] .popover.top-left:before{left:29px;left:auto;margin-left:0;margin-right:-7px;right:auto}.popover.top-right:before{bottom:-7px;left:29px;margin-left:-7px;right:auto;top:auto}[dir=rtl] .popover.top-right:before{left:auto;margin-left:0;margin-right:-7px;right:29px;right:auto}.popover.right:before{left:-7px;margin-top:-7px;top:50%}[dir=rtl] .popover.right:before{left:auto;right:-7px}.popover.right-top:before{left:-7px;margin-top:-7px;top:29px}[dir=rtl] .popover.right-top:before{left:auto;right:-7px}.popover.right-bottom:before{left:-7px;margin-top:-7px;top:calc(100% - 29px)}[dir=rtl] .popover.right-bottom:before{left:auto;right:-7px}.popover.bottom:before{bottom:auto;left:50%;margin-left:-7px;top:-7px}[dir=rtl] .popover.bottom:before{left:auto;margin-left:0;margin-right:-7px;right:50%}.popover.bottom-left:before{bottom:auto;left:auto;margin-left:-7px;right:29px;top:-7px}[dir=rtl] .popover.bottom-left:before{left:29px;left:auto;margin-left:0;margin-right:-7px;right:auto}.popover.bottom-right:before{bottom:auto;left:auto;margin-left:-7px;right:29px;top:-7px}[dir=rtl] .popover.bottom-right:before{left:29px;left:auto;margin-left:0;margin-right:-7px;right:auto}.popover.left:before{left:auto;margin-top:-7px;right:-7px;top:50%}[dir=rtl] .popover.left:before{left:auto;left:-7px;right:auto}.popover.left-top:before{left:auto;margin-top:-7px;right:-7px;top:29px}[dir=rtl] .popover.left-top:before{left:auto;left:-7px;right:auto}.popover.left-bottom:before{left:auto;margin-top:-7px;right:-7px;top:calc(100% - 29px)}[dir=rtl] .popover.left-bottom:before{left:auto;left:-7px;right:auto}.popover .popover-image,.popover img{margin:8px 0;width:65%}.popover-title{background-color:#fff;background-color:var(--color-background-screen);border-bottom:0;border-radius:2px 2px 0 0;color:#37517e;color:var(--color-content-primary);color:#37517e!important;color:var(--color-content-primary)!important;font-size:1rem;font-size:var(--font-size-16);font-weight:600;font-weight:var(--font-weight-semi-bold);letter-spacing:0;line-height:1.2;line-height:var(--line-height-title);margin:0;padding:0}.np-theme-personal .popover-title+p{margin-top:8px;margin-top:var(--size-8)}.np-theme-personal .popover-title{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)}.popover-content{color:#5d7079;color:var(--color-content-secondary);font-size:1rem;font-size:var(--font-size-16);line-height:1.5;line-height:var(--line-height-body);padding:0}.np-theme-personal .popover-content,.popover-content{font-weight:400;font-weight:var(--font-weight-regular)}.np-theme-personal .popover-content{font-size:.875rem;font-size:var(--font-size-14);letter-spacing:.01em;letter-spacing:var(--letter-spacing-xs);line-height:1.375rem;line-height:var(--line-height-22)}.np-theme-personal .np-theme-personal .popover-content a{font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);text-decoration:underline}.popover-content>:last-child{margin-bottom:0}.popover-close{color:#0097c7;color:var(--color-content-accent);float:right;text-decoration:none}[dir=rtl] .popover-close{float:left}.popover-close:focus,.popover-close:hover{color:#0084b3;color:var(--color-content-accent-hover);cursor:pointer;text-decoration:none}.popover-close:focus{outline:thin dotted rgba(0,0,0,.5)}.popover-close:active{color:#0077a5;color:var(--color-content-accent-active)}button.popover-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;padding:0}.np-theme-personal button.popover-close:hover{background:initial}[data-toggle=popover]:not(.btn){border-bottom:1px dotted #0097c7!important;border-bottom:1px dotted var(--color-content-accent)!important;color:inherit!important;cursor:pointer;font-weight:inherit!important;text-decoration:none!important}[data-toggle=popover]:not(.btn):focus,[data-toggle=popover]:not(.btn):hover,[data-toggle=popover]:not(.btn)[aria-describedby]{color:#0084b3!important;color:var(--color-content-accent-hover)!important;outline:0}.nav>li>a [data-toggle=popover]{border-bottom:0}@media (max-width:991px){.popover-modal{left:0!important;margin:32px auto!important;margin:var(--size-32) auto!important;position:fixed;right:0!important;top:0!important;width:272px}.popover-modal:before{display:none}}@media (min-width:992px){.popover-modal.left{margin-right:-var(--size-24)!important}[dir=rtl] .popover-modal.left{margin-right:0!important}.popover-modal.right,[dir=rtl] .popover-modal.left{margin-left:-var(--size-24)!important}[dir=rtl] .popover-modal.right{margin-left:0!important;margin-right:-var(--size-24)!important}.popover-modal.top{margin-bottom:-8px!important}.popover-modal.bottom{margin-top:-8px!important}}@keyframes cover-fade-in{0%{opacity:0}to{opacity:.7}}.popover-modal-cover{animation:cover-fade-in .35s linear 0s forwards;background-color:#fff;background-color:var(--color-background-screen);cursor:pointer;display:none;height:100vh;left:0;opacity:.7;position:fixed;top:0;width:100vw;z-index:1060}[dir=rtl] .popover-modal-cover{left:auto;right:0}@media (max-width:991px){.popover-modal-cover{display:block}}.popover-promotion{padding:24px;padding:var(--size-24);text-align:center}@media (max-width:576px){.popover-promotion{margin:16px!important;margin:var(--size-16)!important;padding:24px!important;padding:var(--size-24)!important;width:auto!important}}@media (min-width:566px) and (max-width:992px){.popover-promotion{margin:32px auto!important;margin:var(--size-32) auto!important;padding:28px 32px!important;padding:28px var(--size-32)!important;width:540px!important}}.popover-promotion .popover-title{font-size:1rem;font-size:var(--font-size-16);line-height:1.2;line-height:var(--line-height-title)}@media (min-width:768px){.popover-promotion .popover-title{font-size:1.25rem;font-size:var(--font-size-20);line-height:1.2;line-height:var(--line-height-title)}}@media (max-width:480px){.popover-promotion .popover-image{width:80%}}@media (min-width:480px) and (max-width:992px){.popover-promotion .popover-image{width:60%}}@media (min-width:992px){.popover-promotion .popover-image{width:80%}}@media (max-width:992px){.popover-promotion{position:absolute!important}}
+.close{color:#0097c7;color:var(--color-content-accent);float:right;text-decoration:none}[dir=rtl] .close{float:left}.close:focus,.close:hover{color:#0084b3;color:var(--color-content-accent-hover);cursor:pointer;text-decoration:none}.close:focus{outline:thin dotted rgba(0,0,0,.5)}.close:active{color:#0077a5;color:var(--color-content-accent-active)}button.close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;padding:0}.np-theme-personal button.close:hover{background:initial}.popover{word-wrap:normal;background-clip:padding-box;background-color:#fff;background-color:var(--color-background-screen);border-radius:3px;box-shadow:0 20px 66px 0 rgba(34,48,73,.2);font-family:Inter,Helvetica,Arial,sans-serif;font-family:var(--font-family-regular);font-size:1rem;font-size:var(--font-size-16);font-style:normal;font-weight:400;font-weight:var(--font-weight-regular);left:0;letter-spacing:normal;line-break:auto;line-height:24px;line-height:var(--size-24);line-height:1.5;line-height:var(--line-height-body);padding:18px 24px;position:absolute;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;top:0;white-space:normal;width:276px;word-break:normal;word-spacing:normal;z-index:1060}[dir=rtl] .popover{left:auto;right:0;text-align:right}.np-theme-personal .popover{font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:.01em;letter-spacing:var(--letter-spacing-xs);line-height:1.375rem;line-height:var(--line-height-22)}.np-theme-personal .np-theme-personal .popover a{font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);text-decoration:underline}.popover.animate{transition:transform .25s}.popover.scale-down{transform:scale(0)}.popover.top{margin-top:-14px;transform-origin:50% 100%}.popover.top-left{margin-top:-14px;transform-origin:calc(100% - 29px) 100%}.popover.top-right{margin-top:-14px;transform-origin:29px 100%}.popover.right{margin-left:14px;transform-origin:0 50%}[dir=rtl] .popover.right{margin-left:0;margin-right:14px}.popover.right-top{margin-left:14px;transform-origin:0 29px}[dir=rtl] .popover.right-top{margin-left:0;margin-right:14px}.popover.right-bottom{margin-left:14px;transform-origin:0 calc(100% - 29px)}[dir=rtl] .popover.right-bottom{margin-left:0;margin-right:14px}.popover.bottom{margin-top:14px;transform-origin:50% 0}.popover.bottom-left{margin-top:14px;transform-origin:calc(100% - 29px) 0}.popover.bottom-right{margin-top:14px;transform-origin:29px 0}.popover.left{margin-left:-14px;transform-origin:100% 50%}[dir=rtl] .popover.left{margin-left:0;margin-right:-14px}.popover.left-top{margin-left:-14px;transform-origin:100% 29px}[dir=rtl] .popover.left-top{margin-left:0;margin-right:-14px}.popover.left-bottom{margin-left:-14px;transform-origin:100% calc(100% - 29px)}[dir=rtl] .popover.left-bottom{margin-left:0;margin-right:-14px}.popover:before{background-color:inherit;content:" ";display:block;height:14px;left:28px;position:absolute;top:-7px;transform:rotate(45deg);width:14px}[dir=rtl] .popover:before{left:auto;right:28px}.popover.top:before{bottom:-7px;left:50%;margin-left:-7px;top:auto}[dir=rtl] .popover.top:before{left:auto;margin-left:0;margin-right:-7px;right:50%}.popover.top-left:before{bottom:-7px;left:auto;margin-left:-7px;right:29px;top:auto}[dir=rtl] .popover.top-left:before{left:29px;left:auto;margin-left:0;margin-right:-7px;right:auto}.popover.top-right:before{bottom:-7px;left:29px;margin-left:-7px;right:auto;top:auto}[dir=rtl] .popover.top-right:before{left:auto;margin-left:0;margin-right:-7px;right:29px;right:auto}.popover.right:before{left:-7px;margin-top:-7px;top:50%}[dir=rtl] .popover.right:before{left:auto;right:-7px}.popover.right-top:before{left:-7px;margin-top:-7px;top:29px}[dir=rtl] .popover.right-top:before{left:auto;right:-7px}.popover.right-bottom:before{left:-7px;margin-top:-7px;top:calc(100% - 29px)}[dir=rtl] .popover.right-bottom:before{left:auto;right:-7px}.popover.bottom:before{bottom:auto;left:50%;margin-left:-7px;top:-7px}[dir=rtl] .popover.bottom:before{left:auto;margin-left:0;margin-right:-7px;right:50%}.popover.bottom-left:before{bottom:auto;left:auto;margin-left:-7px;right:29px;top:-7px}[dir=rtl] .popover.bottom-left:before{left:29px;left:auto;margin-left:0;margin-right:-7px;right:auto}.popover.bottom-right:before{bottom:auto;left:auto;margin-left:-7px;right:29px;top:-7px}[dir=rtl] .popover.bottom-right:before{left:29px;left:auto;margin-left:0;margin-right:-7px;right:auto}.popover.left:before{left:auto;margin-top:-7px;right:-7px;top:50%}[dir=rtl] .popover.left:before{left:auto;left:-7px;right:auto}.popover.left-top:before{left:auto;margin-top:-7px;right:-7px;top:29px}[dir=rtl] .popover.left-top:before{left:auto;left:-7px;right:auto}.popover.left-bottom:before{left:auto;margin-top:-7px;right:-7px;top:calc(100% - 29px)}[dir=rtl] .popover.left-bottom:before{left:auto;left:-7px;right:auto}.popover .popover-image,.popover img{margin:8px 0;width:65%}.popover-title{background-color:#fff;background-color:var(--color-background-screen);border-bottom:0;border-radius:2px 2px 0 0;color:#37517e;color:var(--color-content-primary);color:#37517e!important;color:var(--color-content-primary)!important;font-size:1rem;font-size:var(--font-size-16);font-weight:600;font-weight:var(--font-weight-semi-bold);letter-spacing:0;line-height:1.2;line-height:var(--line-height-title);margin:0;padding:0}.np-theme-personal .popover-title+p{margin-top:8px;margin-top:var(--size-8)}.np-theme-personal .popover-title{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)}.popover-content{color:#5d7079;color:var(--color-content-secondary);font-size:1rem;font-size:var(--font-size-16);line-height:1.5;line-height:var(--line-height-body);padding:0}.np-theme-personal .popover-content,.popover-content{font-weight:400;font-weight:var(--font-weight-regular)}.np-theme-personal .popover-content{font-size:.875rem;font-size:var(--font-size-14);letter-spacing:.01em;letter-spacing:var(--letter-spacing-xs);line-height:1.375rem;line-height:var(--line-height-22)}.np-theme-personal .np-theme-personal .popover-content a{font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);text-decoration:underline}.popover-content>:last-child{margin-bottom:0}.popover-close{color:#0097c7;color:var(--color-content-accent);float:right;text-decoration:none}[dir=rtl] .popover-close{float:left}.popover-close:focus,.popover-close:hover{color:#0084b3;color:var(--color-content-accent-hover);cursor:pointer;text-decoration:none}.popover-close:focus{outline:thin dotted rgba(0,0,0,.5)}.popover-close:active{color:#0077a5;color:var(--color-content-accent-active)}button.popover-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;padding:0}.np-theme-personal button.popover-close:hover{background:initial}[data-toggle=popover]:not(.btn){border-bottom:1px dotted #0097c7!important;border-bottom:1px dotted var(--color-content-accent)!important;color:inherit!important;cursor:pointer;font-weight:inherit!important;text-decoration:none!important}[data-toggle=popover]:not(.btn):focus,[data-toggle=popover]:not(.btn):hover,[data-toggle=popover]:not(.btn)[aria-describedby]{color:#0084b3!important;color:var(--color-content-accent-hover)!important;outline:0}.nav>li>a [data-toggle=popover]{border-bottom:0}@media (max-width:991px){.popover-modal{left:0!important;margin:32px auto!important;margin:var(--size-32) auto!important;position:fixed;right:0!important;top:0!important;width:272px}.popover-modal:before{display:none}}@media (min-width:992px){.popover-modal.left{margin-right:-var(--size-24)!important}[dir=rtl] .popover-modal.left{margin-right:0!important}.popover-modal.right,[dir=rtl] .popover-modal.left{margin-left:-var(--size-24)!important}[dir=rtl] .popover-modal.right{margin-left:0!important;margin-right:-var(--size-24)!important}.popover-modal.top{margin-bottom:-8px!important}.popover-modal.bottom{margin-top:-8px!important}}@keyframes cover-fade-in{0%{opacity:0}to{opacity:.7}}.popover-modal-cover{animation:cover-fade-in .35s linear 0s forwards;background-color:#fff;background-color:var(--color-background-screen);cursor:pointer;display:none;height:100vh;left:0;opacity:.7;position:fixed;top:0;width:100vw;z-index:1060}[dir=rtl] .popover-modal-cover{left:auto;right:0}@media (max-width:991px){.popover-modal-cover{display:block}}.popover-promotion{padding:24px;padding:var(--size-24);text-align:center}@media (max-width:576px){.popover-promotion{margin:16px!important;margin:var(--size-16)!important;padding:24px!important;padding:var(--size-24)!important;width:auto!important}}@media (min-width:566px) and (max-width:992px){.popover-promotion{margin:32px auto!important;margin:var(--size-32) auto!important;padding:28px 32px!important;padding:28px var(--size-32)!important;width:540px!important}}.popover-promotion .popover-title{font-size:1rem;font-size:var(--font-size-16);line-height:1.2;line-height:var(--line-height-title)}@media (min-width:768px){.popover-promotion .popover-title{font-size:1.25rem;font-size:var(--font-size-20);line-height:1.2;line-height:var(--line-height-title)}}@media (max-width:480px){.popover-promotion .popover-image{width:80%}}@media (min-width:480px) and (max-width:992px){.popover-promotion .popover-image{width:60%}}@media (min-width:992px){.popover-promotion .popover-image{width:80%}}@media (max-width:992px){.popover-promotion{position:absolute!important}}

package/dist/css/tooltip.css

@@ -1 +1 @@
-.tooltip{word-wrap:normal;display:block;font-family:Inter,sans-serif,Helvetica,Arial;font-family:var(--font-family-regular);font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:24px;line-height:var(--size-24);opacity:0;position:absolute;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:1070}[dir=rtl] .tooltip{text-align:right}.tooltip.in{opacity:1}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}[dir=rtl] .tooltip.right{margin-left:0;margin-right:3px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}[dir=rtl] .tooltip.left{margin-left:0;margin-right:-3px}.tooltip-inner{background-color:#fff;background-color:var(--color-background-screen);border-radius:3px;box-shadow:0 1px 28px 0 rgba(34,48,73,.2);color:#37517e;color:var(--color-content-primary);font-size:1rem;font-size:var(--font-size-16);line-height:1.5;line-height:var(--line-height-body);max-width:200px;min-width:120px;padding:16px;padding:var(--size-16) var(--size-16);text-align:center}.np-theme-personal .tooltip-inner,.tooltip-inner{font-weight:400;font-weight:var(--font-weight-regular)}.np-theme-personal .tooltip-inner{font-size:.875rem;font-size:var(--font-size-14);letter-spacing:.01em;letter-spacing:var(--letter-spacing-xs);line-height:1.375rem;line-height:var(--line-height-22)}.np-theme-personal .np-theme-personal .tooltip-inner a{font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);text-decoration:underline}.tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.tooltip.top .tooltip-arrow{border-top-color:#fff;border-top-color:var(--color-background-screen);border-width:5px 5px 0;bottom:0;left:50%;margin-left:-5px}[dir=rtl] .tooltip.top .tooltip-arrow{left:auto;margin-left:0;margin-right:-5px;right:50%}.tooltip.right .tooltip-arrow{border-right-color:#fff;border-right-color:var(--color-background-screen);border-width:5px 5px 5px 0;left:0;margin-top:-5px;top:50%}[dir=rtl] .tooltip.right .tooltip-arrow{left:auto;right:0}.tooltip.left .tooltip-arrow{border-left-color:#fff;border-left-color:var(--color-background-screen);border-width:5px 0 5px 5px;margin-top:-5px;right:0;top:50%}[dir=rtl] .tooltip.left .tooltip-arrow{left:0;right:auto}.tooltip.bottom .tooltip-arrow{border-bottom-color:#fff;border-bottom-color:var(--color-background-screen);border-width:0 5px 5px;left:50%;margin-left:-5px;top:0}[dir=rtl] .tooltip.bottom .tooltip-arrow{left:auto;margin-left:0;margin-right:-5px;right:50%}[data-toggle=tooltip]:not(.btn){cursor:pointer}[data-toggle=tooltip]:not(.btn):focus,[data-toggle=tooltip]:not(.btn):hover{color:#0084b3!important;color:var(--color-content-accent-hover)!important;outline:0}a[data-toggle=tooltip]{white-space:nowrap}
+.tooltip{word-wrap:normal;display:block;font-family:Inter,Helvetica,Arial,sans-serif;font-family:var(--font-family-regular);font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:24px;line-height:var(--size-24);opacity:0;position:absolute;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:1070}[dir=rtl] .tooltip{text-align:right}.tooltip.in{opacity:1}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}[dir=rtl] .tooltip.right{margin-left:0;margin-right:3px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}[dir=rtl] .tooltip.left{margin-left:0;margin-right:-3px}.tooltip-inner{background-color:#fff;background-color:var(--color-background-screen);border-radius:3px;box-shadow:0 1px 28px 0 rgba(34,48,73,.2);color:#37517e;color:var(--color-content-primary);font-size:1rem;font-size:var(--font-size-16);line-height:1.5;line-height:var(--line-height-body);max-width:200px;min-width:120px;padding:16px;padding:var(--size-16) var(--size-16);text-align:center}.np-theme-personal .tooltip-inner,.tooltip-inner{font-weight:400;font-weight:var(--font-weight-regular)}.np-theme-personal .tooltip-inner{font-size:.875rem;font-size:var(--font-size-14);letter-spacing:.01em;letter-spacing:var(--letter-spacing-xs);line-height:1.375rem;line-height:var(--line-height-22)}.np-theme-personal .np-theme-personal .tooltip-inner a{font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);text-decoration:underline}.tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.tooltip.top .tooltip-arrow{border-top-color:#fff;border-top-color:var(--color-background-screen);border-width:5px 5px 0;bottom:0;left:50%;margin-left:-5px}[dir=rtl] .tooltip.top .tooltip-arrow{left:auto;margin-left:0;margin-right:-5px;right:50%}.tooltip.right .tooltip-arrow{border-right-color:#fff;border-right-color:var(--color-background-screen);border-width:5px 5px 5px 0;left:0;margin-top:-5px;top:50%}[dir=rtl] .tooltip.right .tooltip-arrow{left:auto;right:0}.tooltip.left .tooltip-arrow{border-left-color:#fff;border-left-color:var(--color-background-screen);border-width:5px 0 5px 5px;margin-top:-5px;right:0;top:50%}[dir=rtl] .tooltip.left .tooltip-arrow{left:0;right:auto}.tooltip.bottom .tooltip-arrow{border-bottom-color:#fff;border-bottom-color:var(--color-background-screen);border-width:0 5px 5px;left:50%;margin-left:-5px;top:0}[dir=rtl] .tooltip.bottom .tooltip-arrow{left:auto;margin-left:0;margin-right:-5px;right:50%}[data-toggle=tooltip]:not(.btn){cursor:pointer}[data-toggle=tooltip]:not(.btn):focus,[data-toggle=tooltip]:not(.btn):hover{color:#0084b3!important;color:var(--color-content-accent-hover)!important;outline:0}a[data-toggle=tooltip]{white-space:nowrap}

package/dist/less/neptune-tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 21 Nov 2022 17:04:04 GMT
+// Generated on Fri, 30 Dec 2022 19:43:20 GMT
 
 @color-dark-content-primary: #e2e6e8;
 @color-dark-content-secondary: #c9cbce;
@@ -137,12 +137,14 @@
 @size-8: 8px;
 @size-10: 10px;
 @size-12: 12px;
+@size-14: 14px;
 @size-16: 16px;
 @size-24: 24px;
 @size-32: 32px;
 @size-40: 40px;
 @size-48: 48px;
 @size-56: 56px;
+@size-60: 60px;
 @size-64: 64px;
 @size-72: 72px;
 @size-80: 80px;
@@ -152,6 +154,8 @@
 @size-112: 112px;
 @size-120: 120px;
 @size-128: 128px;
+@size-146: 146px;
+@size-154: 154px;
 @size-x-small: 24px;
 @size-small: 32px;
 @size-medium: 40px;
@@ -186,6 +190,9 @@
 @letter-spacing-negative-md: -0.015em;
 @letter-spacing-negative-lg: -0.02em;
 @letter-spacing-negative-xl: -0.025em;
+@letter-spacing-negative-xxl: -0.03em;
+@letter-spacing-negative-xxxl: -0.04em;
+@letter-spacing-negative-xxxxl: -0.05em;
 @line-height-18: 1.125rem;
 @line-height-20: 1.25rem;
 @line-height-22: 1.375rem;
@@ -197,6 +204,9 @@
 @line-height-36: 2.25rem;
 @line-height-42: 2.625rem;
 @line-height-48: 3rem;
+@line-height-display-tight: NaNrem;
+@line-height-display-regular: NaNrem;
+@line-height-display-loose: NaNrem;
 @line-height-title: 1.2;
 @line-height-body: 1.5;
 @line-height-control: 1.2;
@@ -206,10 +216,11 @@
 @font-weight-semi-bold: 600;
 @font-weight-bold: 800;
 @font-weight-black: 900;
-@font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
+@font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
+@font-family-display: 'Wise Sans', 'Inter', sans-serif;
 
 // Do not edit directly
-// Generated on Mon, 21 Nov 2022 17:04:04 GMT
+// Generated on Fri, 30 Dec 2022 19:43:20 GMT
 
 @color-base-blue-light: #00b9ff;
 @color-base-blue-mid: #00a2dd;

package/dist/props/neptune-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 21 Nov 2022 17:04:04 GMT
+ * Generated on Fri, 30 Dec 2022 19:43:20 GMT
  */
 
 :root {
@@ -57,12 +57,14 @@
   --size-8: 8px;
   --size-10: 10px;
   --size-12: 12px;
+  --size-14: 14px;
   --size-16: 16px;
   --size-24: 24px;
   --size-32: 32px;
   --size-40: 40px;
   --size-48: 48px;
   --size-56: 56px;
+  --size-60: 60px;
   --size-64: 64px;
   --size-72: 72px;
   --size-80: 80px;
@@ -72,6 +74,8 @@
   --size-112: 112px;
   --size-120: 120px;
   --size-128: 128px;
+  --size-146: 146px;
+  --size-154: 154px;
   --size-x-small: 24px;
   --size-small: 32px;
   --size-medium: 40px;
@@ -106,6 +110,9 @@
   --letter-spacing-negative-md: -0.015em;
   --letter-spacing-negative-lg: -0.02em;
   --letter-spacing-negative-xl: -0.025em;
+  --letter-spacing-negative-xxl: -0.03em;
+  --letter-spacing-negative-xxxl: -0.04em;
+  --letter-spacing-negative-xxxxl: -0.05em;
   --line-height-18: 1.125rem;
   --line-height-20: 1.25rem;
   --line-height-22: 1.375rem;
@@ -117,6 +124,9 @@
   --line-height-36: 2.25rem;
   --line-height-42: 2.625rem;
   --line-height-48: 3rem;
+  --line-height-display-tight: NaNrem;
+  --line-height-display-regular: NaNrem;
+  --line-height-display-loose: NaNrem;
   --line-height-title: 1.2;
   --line-height-body: 1.5;
   --line-height-control: 1.2;
@@ -126,7 +136,8 @@
   --font-weight-semi-bold: 600;
   --font-weight-bold: 800;
   --font-weight-black: 900;
-  --font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
+  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
+  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
 }
 
 /* DEPRECATED, use neptune-tokens instead: https://transferwise.github.io/neptune-web/styles/tokens/Colors */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "14.0.21",
+  "version": "14.1.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -40,7 +40,7 @@
     "prettier": "prettier --write src/less/*.less"
   },
   "dependencies": {
-    "@transferwise/neptune-tokens": "^8.0.0",
+    "@transferwise/neptune-tokens": "^8.2.4",
     "bootstrap": "github:transferwise/bootstrap#v7.0.0",
     "inquirer": "^8.2.0",
     "inquirer-file-tree-selection-prompt": "^1.0.13",
@@ -53,5 +53,5 @@
   "bin": {
     "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
   },
-  "gitHead": "53c7aa492956f5d330d27a1e76005bb4a42e9b89"
+  "gitHead": "6eb87d1ee123a4d190169e99b9790ebe15e2560d"
 }

package/src/less/core/_fonts.less

@@ -65,3 +65,8 @@
     url("../fonts/TW-Averta-Bold.woff2") format("woff2"),
     url("../fonts/TW-Averta-Bold.woff") format("woff");
 }
+
+@font-face {
+  font-family: "Wise Sans";
+  src: url("../fonts/WorldwiseSans-Heavy.woff2") format("woff2");
+}

package/src/less/core/_typography.less

@@ -33,7 +33,7 @@ h6,
 
 /* DEPRECATED: use .np-text-title-screen instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
-.h1, 
+.h1,
 .title-1,
 h1,
 .np-text-title-screen {
@@ -52,7 +52,7 @@ h1,
 
 /* DEPRECATED: use .np-text-title-section instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
-.h2, 
+.h2,
 .title-2,
 h2,
 .np-text-title-section {
@@ -70,7 +70,7 @@ h2,
 
 /* DEPRECATED: use .np-text-title-subsection instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
-.h3, 
+.h3,
 .title-3,
 h3,
 .np-text-title-subsection {
@@ -88,7 +88,7 @@ h3,
 
 /* DEPRECATED: use .np-text-title-body instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
-.h4, 
+.h4,
 .title-4,
 h4,
 .np-text-title-body {
@@ -104,15 +104,15 @@ h4,
 
 /* DEPRECATED: use .np-text-title-group instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
-.h5, 
-.h6, 
+.h5,
+.h6,
 .title-5,
 h5,
 h6,
 .np-text-title-group {
   font-weight: var(--font-weight-semi-bold);
   font-size: var(--font-size-14);
-  
+
   .np-theme-personal & {
     font-weight: var(--font-weight-medium);
     letter-spacing: var(--letter-spacing-md);
@@ -142,47 +142,47 @@ h6,
 
 .body-2 {
   font-size: var(--font-size-14);
-  }
+}
 
 .body-3 {
   font-size: var(--font-size-12);
-  }
+}
 
 .control-1,
 .control-2 {
   color: var(--color-content-accent);
   font-weight: var(--font-weight-semi-bold);
   line-height: var(--line-height-title);
-  }
+}
 
 .control-1 {
   font-size: var(--font-size-16);
-  }
+}
 
 .control-2 {
   font-size: var(--font-size-14);
-  }
+}
 
 .label {
   font-size: var(--font-size-14);
-  }
+}
 
 .value {
   font-size: var(--font-size-16);
-  }
+}
 
 .lead {
   margin-bottom: var(--size-24);
   font-size: var(--font-size-20);
   line-height: var(--line-height-title);
-  }
+}
 
 small,
 .small,
 .body-2 {
   font-size: var(--font-size-14);
   line-height: var(--line-height-body);
-  }
+}
 
 .tiny {
   color: var(--color-content-secondary);
@@ -195,18 +195,13 @@ small,
 /* DEPRECATED: use .np-text-body-default instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .body-2, .body-3, .label, .control-label, .small, .tiny,
-p,
-label,
-small,
-ul,
-ol,
 body,
 .np-text-body-default {
   .np-theme-personal & {
-  font-size: var(--font-size-14);
-  line-height: var(--line-height-22);
-  letter-spacing: var(--letter-spacing-xs);
-  font-weight: var(--font-weight-regular);
+    font-size: var(--font-size-14);
+    line-height: var(--line-height-22);
+    letter-spacing: var(--letter-spacing-xs);
+    font-weight: var(--font-weight-regular);
   }
 }
 
@@ -217,15 +212,15 @@ b,
 strong,
 .np-text-body-default-bold {
   .np-theme-personal & {
-  line-height: var(--line-height-22);
-  letter-spacing: var(--letter-spacing-sm);
-  font-weight: var(--font-weight-semi-bold);
+    line-height: var(--line-height-22);
+    letter-spacing: var(--letter-spacing-sm);
+    font-weight: var(--font-weight-semi-bold);
   }
 }
 
 .np-text-body-default-bold {
   .np-theme-personal & {
-  font-size: var(--font-size-14);
+    font-size: var(--font-size-14);
   }
 }
 
@@ -234,10 +229,10 @@ strong,
 .body-1, .value,
 .np-text-body-large {
   .np-theme-personal & {
-  font-weight: var(--font-weight-regular);
-  font-size: var(--font-size-16);
-  letter-spacing: var(--letter-spacing-negative-xxs);
-  line-height: var(--line-height-24);
+    font-weight: var(--font-weight-regular);
+    font-size: var(--font-size-16);
+    letter-spacing: var(--letter-spacing-negative-xxs);
+    line-height: var(--line-height-24);
   }
 }
 
@@ -246,10 +241,10 @@ strong,
 .control-1,
 .np-text-body-large-bold {
   .np-theme-personal & {
-  font-weight: var(--font-weight-semi-bold);
-  font-size: var(--font-size-16);
-  letter-spacing: var(--letter-spacing-xxs);
-  line-height: var(--line-height-24);
+    font-weight: var(--font-weight-semi-bold);
+    font-size: var(--font-size-16);
+    letter-spacing: var(--letter-spacing-xxs);
+    line-height: var(--line-height-24);
   }
 }
 
@@ -259,58 +254,235 @@ a,
 .np-text-link-default,
 .np-text-link-large {
   .np-theme-personal & {
-  font-weight: var(--font-weight-semi-bold);
-  text-decoration: underline;
+    font-weight: var(--font-weight-semi-bold);
+    text-decoration: underline;
   }
 }
 
 .np-text-link-default {
   .np-theme-personal & {
-  font-size: var(--font-size-14);
+    font-size: var(--font-size-14);
   }
 }
 
 .np-text-link-large {
   .np-theme-personal & {
-  font-size: var(--font-size-16);
-  letter-spacing: var(--letter-spacing-xs);
+    font-size: var(--font-size-16);
+    letter-spacing: var(--letter-spacing-xs);
   }
 }
 
 .np-text-body-default,
 .np-text-body-default-bold {
   .np-theme-personal & {
-  a {
-    .np-text-link-default;
+    a {
+      .np-text-link-default;
+    }
   }
 }
-}
 
 .np-text-body-large,
 .np-text-body-large-bold {
   .np-theme-personal & {
-  a {
-    .np-text-link-large;
+    a {
+      .np-text-link-large;
+    }
   }
 }
-}
 
 // DISPLAY
 
+@line-height-display-tight: 85%;
+@line-height-display-normal: 100%;
+@line-height-display-loose: 120%;
+
 .np-text-display-number {
-  font-weight: var(--font-weight-semi-bold);
+  font-weight: var(--font-weight-bold);
   font-size: 40px;
-  line-height: 44px;
-  letter-spacing: -0.03em;
+  line-height: 115%;
+  letter-spacing: 0;
+}
+
+.display-formatting(
+@font-size;
+@line-height;
+@letter-spacing;
+@font-weight: var(--font-weight-bold);
+@case: none) {
+  font-size: @font-size;
+  line-height: @line-height;
+  letter-spacing: @letter-spacing;
+  font-weight: @font-weight;
+  text-transform: @case;
 }
 
 .display-1,
 .display-2,
 .display-3,
 .display-4,
-.display-5 {
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-title);
+.display-5,
+.np-text-display-extra-large,
+.np-text-display-large,
+.np-text-display-medium,
+.np-text-display-small {
+  font-family: "Wise Sans", Inter, sans-serif;
+}
+
+.np-text-display-extra-large {
+  .display-formatting(var(--size-146), normal, normal);
+}
+
+.np-text-display-large {
+  .display-formatting(var(--size-88), normal, normal);
+}
+
+.np-text-display-medium {
+  .display-formatting(var(--size-60), normal, normal);
+}
+
+.np-text-display-small {
+  .display-formatting(var(--size-40), normal, normal);
+}
+
+:lang(en) {
+  .np-text-display-extra-large {
+    .display-formatting(var(--size-154), @line-height-display-tight, var(--letter-spacing-base-xl), uppercase);
+  }
+
+  .np-text-display-large {
+    .display-formatting(var(--size-96), @line-height-display-tight, var(--letter-spacing-base-lg), uppercase);
+  }
+
+  .np-text-display-medium {
+    .display-formatting(var(--size-64), @line-height-display-tight, var(--letter-spacing-base-md), uppercase);
+  }
+
+  .np-text-display-small {
+    .display-formatting(var(--size-40), @line-height-display-tight, var(--letter-spacing-base-md), uppercase);
+  }
+}
+
+:lang(af),
+:lang(sq),
+:lang(eu),
+:lang(bs),
+:lang(ca),
+:lang(kw),
+:lang(hr),
+:lang(cs),
+:lang(da),
+:lang(nl),
+:lang(eo),
+:lang(et),
+:lang(fo),
+:lang(fi),
+:lang(fr),
+:lang(gl),
+:lang(lg),
+:lang(de),
+:lang(hu),
+:lang(is),
+:lang(se),
+:lang(id),
+:lang(in),
+:lang(ga),
+:lang(it),
+:lang(kl),
+:lang(ki),
+:lang(rw),
+:lang(lv),
+:lang(lt),
+:lang(lb),
+:lang(mg),
+:lang(ms),
+:lang(mt),
+:lang(gv),
+:lang(mi),
+:lang(nd),
+:lang(nb),
+:lang(nn),
+:lang(om),
+:lang(pl),
+:lang(pt),
+:lang(ro),
+:lang(rm),
+:lang(rn),
+:lang(sg),
+:lang(gd),
+:lang(sr),
+:lang(sn),
+:lang(sk),
+:lang(sl),
+:lang(so),
+:lang(es),
+:lang(sw),
+:lang(sv),
+:lang(tr),
+:lang(cy),
+:lang(fy),
+:lang(wo),
+:lang(zu),
+:lang(hsb),
+:lang(gsw),
+:lang(dsb),
+:lang(fil) {
+  .np-text-display-extra-large {
+    .display-formatting(var(--size-154), @line-height-display-regular, var(--letter-spacing-base-xl), uppercase);
+  }
+
+  .np-text-display-large {
+    .display-formatting(var(--size-96), @line-height-display-regular, var(--letter-spacing-base-xl), uppercase);
+  }
+
+  .np-text-display-medium {
+    .display-formatting(var(--size-64), @line-height-display-regular, var(--letter-spacing-base-md), uppercase);
+  }
+
+  .np-text-display-small {
+    .display-formatting(var(--size-40), @line-height-display-regular, var(--letter-spacing-base-md), uppercase);
+  }
+}
+
+:lang(el),
+:lang(az),
+:lang(be),
+:lang(bs),
+:lang(bg),
+:lang(ce),
+:lang(mk),
+:lang(os),
+:lang(ru),
+:lang(sr),
+:lang(uk),
+:lang(uz),
+:lang(sah) {
+  .np-text-display-extra-large {
+    .display-formatting(var(--size-146),
+    @line-height-display-loose,
+    var(--letter-spacing-base-negative-xxxxl),
+    var(--font-weight-semi-bold));
+  }
+
+  .np-text-display-large {
+    .display-formatting(var(--size-88),
+    @line-height-display-loose,
+    var(--letter-spacing-base-negative-xxxxl),
+    var(--font-weight-semi-bold));
+  }
+
+  .np-text-display-medium {
+    .display-formatting(var(--size-60),
+    @line-height-display-loose,
+    var(--letter-spacing-base-negative-xxxl),
+    var(--font-weight-semi-bold));
+  }
+
+  .np-text-display-small {
+    .display-formatting(var(--size-40),
+    @line-height-display-loose,
+    var(--letter-spacing-base-negative-xxl),
+    var(--font-weight-semi-bold));
+  }
 }
 
 .display-1 {
@@ -370,7 +542,7 @@ a,
 p {
   margin: 0 0 24px;
   margin: 0 0 var(--size-24);
-  
+
   .np-theme-personal & {
     margin-bottom: var(--size-16);
   }
@@ -408,18 +580,18 @@ p {
 
 .control-1,
 .control-2 {
-    color: var(--color-content-accent);
+  color: var(--color-content-accent);
 }
 
 strong,
 b {
-    font-weight: var(--font-weight-semi-bold);
-    letter-spacing: 0;
-    color: var(--color-content-primary);
+  font-weight: var(--font-weight-semi-bold);
+  letter-spacing: 0;
+  color: var(--color-content-primary);
 
-    .np-theme-personal & {
-      color: var(--color-content-primary);
-    }
+  .np-theme-personal & {
+    color: var(--color-content-primary);
+  }
 }
 
 mark,