@transferwise/neptune-css 12.2.1 → 12.3.0

package/dist/css/popovers.css

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

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "12.2.1",
+  "version": "12.3.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -60,5 +60,5 @@
   "bin": {
     "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
   },
-  "gitHead": "cfc70a7d095e8f1933f79529520331c53c495a96"
+  "gitHead": "cd0d97bff3aea623a53f67f5d707cfe2b7744edb"
 }

package/src/less/popovers.less

@@ -245,6 +245,7 @@
     color: inherit !important;
     font-weight: inherit !important;
     text-decoration: none !important;
+    border-bottom: 1px dotted var(--color-content-accent) !important;
     cursor: pointer;
 
     &:hover,