@transferwise/neptune-css 14.3.44 → 14.3.46
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.
- package/dist/css/button-groups.css +1 -1
- package/dist/css/column-layout.css +1 -1
- package/dist/css/dropdowns.css +1 -1
- package/dist/css/droppable.css +1 -1
- package/dist/css/list-group.css +1 -1
- package/dist/css/navbar.css +1 -1
- package/dist/css/neptune-core.css +1 -1
- package/dist/css/neptune.css +1 -1
- package/dist/css/popovers.css +1 -1
- package/dist/css/select.css +1 -1
- package/dist/less/legacy-variables.less +1 -1
- package/package.json +2 -3
- package/src/less/button-groups.less +1 -0
- package/src/less/column-layout.less +5 -0
- package/src/less/core/_typography.less +30 -24
- package/src/less/dropdowns.less +1 -0
- package/src/less/droppable.less +4 -0
- package/src/less/list-group.less +2 -0
- package/src/less/popovers.less +1 -0
- package/src/less/select.less +1 -0
- package/src/variables/legacy-variables.less +1 -1
package/dist/css/popovers.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.close{color:#0097c7;color:var(--color-content-accent);float:right;text-decoration:none}[dir=rtl] .close{float:left}.np-theme-personal .close{color:var(--color-interactive-primary)}.close:hover{color:#0084b3;color:var(--color-content-accent-hover);cursor:pointer;text-decoration:none}.np-theme-personal .close:hover{color:var(--color-interactive-primary-hover)}.close:focus{outline:none}.close:focus-visible{outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}.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--bright-green .popover,.np-theme-personal--dark .popover,.np-theme-personal--forest-green .popover{box-shadow:none}.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)}.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}.np-theme-personal .popover-close{color:var(--color-interactive-primary)}.popover-close:hover{color:#0084b3;color:var(--color-content-accent-hover);cursor:pointer;text-decoration:none}.np-theme-personal .popover-close:hover{color:var(--color-interactive-primary-hover)}.popover-close:focus{outline:none}.popover-close:focus-visible{outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}.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}}
|
|
1
|
+
.close{color:#0097c7;color:var(--color-content-accent);float:right;text-decoration:none}[dir=rtl] .close{float:left}.np-theme-personal .close{color:var(--color-interactive-primary)}.close:hover{color:#0084b3;color:var(--color-content-accent-hover);cursor:pointer;text-decoration:none}.np-theme-personal .close:hover{color:var(--color-interactive-primary-hover)}.close:focus{outline:none}.close:focus-visible{outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}.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--bright-green .popover,.np-theme-personal--dark .popover,.np-theme-personal--forest-green .popover{box-shadow:none}.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)}.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}.np-theme-personal .popover-close{color:var(--color-interactive-primary)}.popover-close:hover{color:#0084b3;color:var(--color-content-accent-hover);cursor:pointer;text-decoration:none}.np-theme-personal .popover-close:hover{color:var(--color-interactive-primary-hover)}.popover-close:focus{outline:none}.popover-close:focus-visible{outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}.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;height:100dvh;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/select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tw-select .tw-icon{display:inline-block;margin-right:8px;margin-right:var(--size-8);margin-top:-2px;vertical-align:middle}[dir=rtl] .tw-select .tw-icon{margin-left:8px;margin-left:var(--size-8);margin-right:0}.tw-select .tw-dropdown-item--clickable{cursor:pointer}.tw-select .tw-dropdown-item--divider{border-bottom:1px solid #0000001a;border-bottom-color:var(--color-border-neutral)}.tw-select .tw-dropdown-item--focused{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.tw-select .tw-dropdown-item .currency-flag{margin-right:8px;margin-right:var(--size-8)}[dir=rtl] .tw-select .tw-dropdown-item .currency-flag{margin-left:8px;margin-left:var(--size-8);margin-right:0}.tw-select .tw-dropdown-item>a{white-space:normal}.tw-select .dropdown-toggle.btn-input.btn-sm{padding-right:32px;padding-right:var(--size-32)}[dir=rtl] .tw-select .dropdown-toggle.btn-input.btn-sm{padding-left:32px;padding-left:var(--size-32);padding-right:0}.tw-select .dropdown-toggle.btn-input.btn-md{padding-right:40px;padding-right:var(--size-40)}[dir=rtl] .tw-select .dropdown-toggle.btn-input.btn-md{padding-left:40px;padding-left:var(--size-40);padding-right:0}.tw-select .dropdown-toggle.btn-input.btn-lg{padding-right:48px;padding-right:var(--size-48)}[dir=rtl] .tw-select .dropdown-toggle.btn-input.btn-lg{padding-left:48px;padding-left:var(--size-48);padding-right:0}.tw-select .dropdown-toggle tw-chevron-down-icon>span,[dir=rtl] .tw-select .dropdown-toggle tw-chevron-down-icon>span{margin:0}.tw-select .dropdown-toggle tw-icon span.tw-icon{display:inline-block;position:static}.tw-select .circle .tw-icon{vertical-align:middle}@media (max-width:575px){.tw-select.dropdown-menu.dropdown-menu--open{max-height:50vh;max-width:100%;opacity:1;overflow:auto;position:static;transform:none;visibility:visible;width:100%!important}}.tw-select-filter{border:0}
|
|
1
|
+
.tw-select .tw-icon{display:inline-block;margin-right:8px;margin-right:var(--size-8);margin-top:-2px;vertical-align:middle}[dir=rtl] .tw-select .tw-icon{margin-left:8px;margin-left:var(--size-8);margin-right:0}.tw-select .tw-dropdown-item--clickable{cursor:pointer}.tw-select .tw-dropdown-item--divider{border-bottom:1px solid #0000001a;border-bottom-color:var(--color-border-neutral)}.tw-select .tw-dropdown-item--focused{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.tw-select .tw-dropdown-item .currency-flag{margin-right:8px;margin-right:var(--size-8)}[dir=rtl] .tw-select .tw-dropdown-item .currency-flag{margin-left:8px;margin-left:var(--size-8);margin-right:0}.tw-select .tw-dropdown-item>a{white-space:normal}.tw-select .dropdown-toggle.btn-input.btn-sm{padding-right:32px;padding-right:var(--size-32)}[dir=rtl] .tw-select .dropdown-toggle.btn-input.btn-sm{padding-left:32px;padding-left:var(--size-32);padding-right:0}.tw-select .dropdown-toggle.btn-input.btn-md{padding-right:40px;padding-right:var(--size-40)}[dir=rtl] .tw-select .dropdown-toggle.btn-input.btn-md{padding-left:40px;padding-left:var(--size-40);padding-right:0}.tw-select .dropdown-toggle.btn-input.btn-lg{padding-right:48px;padding-right:var(--size-48)}[dir=rtl] .tw-select .dropdown-toggle.btn-input.btn-lg{padding-left:48px;padding-left:var(--size-48);padding-right:0}.tw-select .dropdown-toggle tw-chevron-down-icon>span,[dir=rtl] .tw-select .dropdown-toggle tw-chevron-down-icon>span{margin:0}.tw-select .dropdown-toggle tw-icon span.tw-icon{display:inline-block;position:static}.tw-select .circle .tw-icon{vertical-align:middle}@media (max-width:575px){.tw-select.dropdown-menu.dropdown-menu--open{max-height:50vh;max-height:50svh;max-width:100%;opacity:1;overflow:auto;position:static;transform:none;visibility:visible;width:100%!important}}.tw-select-filter{border:0}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/neptune-css",
|
|
3
3
|
"description": "Neptune CSS library",
|
|
4
|
-
"version": "14.3.
|
|
4
|
+
"version": "14.3.46",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -55,6 +55,5 @@
|
|
|
55
55
|
},
|
|
56
56
|
"publishConfig": {
|
|
57
57
|
"access": "public"
|
|
58
|
-
}
|
|
59
|
-
"gitHead": "cfd9081163807d17f4e2f894071b4638964599d5"
|
|
58
|
+
}
|
|
60
59
|
}
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
transition: transform ease 0.5s;
|
|
17
17
|
top: 0;
|
|
18
18
|
max-height: 100vh;
|
|
19
|
+
max-height: 100dvh;
|
|
19
20
|
overflow-y: auto;
|
|
20
21
|
}
|
|
21
22
|
|
|
@@ -43,6 +44,7 @@
|
|
|
43
44
|
top: 0;
|
|
44
45
|
width: @column-width;
|
|
45
46
|
max-height: 100vh;
|
|
47
|
+
max-height: 100dvh;
|
|
46
48
|
overflow-y: auto;
|
|
47
49
|
backface-visibility: hidden;
|
|
48
50
|
}
|
|
@@ -147,7 +149,9 @@
|
|
|
147
149
|
|
|
148
150
|
body > .column-layout {
|
|
149
151
|
min-height: 100vh;
|
|
152
|
+
min-height: 100dvh;
|
|
150
153
|
height: 100vh;
|
|
154
|
+
height: 100dvh;
|
|
151
155
|
}
|
|
152
156
|
|
|
153
157
|
.column-layout-left .column-layout-top {
|
|
@@ -155,6 +159,7 @@ body > .column-layout {
|
|
|
155
159
|
background-repeat: no-repeat;
|
|
156
160
|
background-size: @column-width auto;
|
|
157
161
|
height: 100vh;
|
|
162
|
+
height: 100dvh;
|
|
158
163
|
|
|
159
164
|
@media (min-height: 596px) {
|
|
160
165
|
.background-position(left, bottom);
|
|
@@ -285,31 +285,7 @@ strong,
|
|
|
285
285
|
@font-weight: var(--font-weight-bold);) {
|
|
286
286
|
font-size: @font-size;
|
|
287
287
|
line-height: @line-height;
|
|
288
|
-
letter-spacing: normal;
|
|
289
288
|
font-weight: @font-weight;
|
|
290
|
-
|
|
291
|
-
@supports (hyphenate-limit-chars: 1) {
|
|
292
|
-
hyphens: auto;
|
|
293
|
-
hyphenate-limit-chars: 7 3;
|
|
294
|
-
|
|
295
|
-
@media (--screen-md) {
|
|
296
|
-
hyphenate-limit-chars: 8 3;
|
|
297
|
-
}
|
|
298
|
-
|
|
299
|
-
@media (--screen-lg) {
|
|
300
|
-
hyphenate-limit-chars: 10 4 3;
|
|
301
|
-
}
|
|
302
|
-
}
|
|
303
|
-
|
|
304
|
-
@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
|
|
305
|
-
hyphens: auto;
|
|
306
|
-
-webkit-hyphenate-limit-before: 3;
|
|
307
|
-
-webkit-hyphenate-limit-after: 3;
|
|
308
|
-
|
|
309
|
-
@media (--screen-lg) {
|
|
310
|
-
-webkit-hyphenate-limit-before: 4;
|
|
311
|
-
}
|
|
312
|
-
}
|
|
313
289
|
}
|
|
314
290
|
|
|
315
291
|
.display-size-large-fluid() {
|
|
@@ -367,6 +343,36 @@ strong,
|
|
|
367
343
|
|
|
368
344
|
/* stylelint-disable-next-line no-duplicate-selectors */
|
|
369
345
|
.np-theme-personal {
|
|
346
|
+
.np-text-display-extra-large,
|
|
347
|
+
.np-text-display-large,
|
|
348
|
+
.np-text-display-medium,
|
|
349
|
+
.np-text-display-small {
|
|
350
|
+
letter-spacing: normal;
|
|
351
|
+
|
|
352
|
+
@supports (hyphenate-limit-chars: 1) {
|
|
353
|
+
hyphens: auto;
|
|
354
|
+
hyphenate-limit-chars: 7 3;
|
|
355
|
+
|
|
356
|
+
@media (--screen-md) {
|
|
357
|
+
hyphenate-limit-chars: 8 3;
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
@media (--screen-lg) {
|
|
361
|
+
hyphenate-limit-chars: 10 4 3;
|
|
362
|
+
}
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
|
|
366
|
+
hyphens: auto;
|
|
367
|
+
-webkit-hyphenate-limit-before: 3;
|
|
368
|
+
-webkit-hyphenate-limit-after: 3;
|
|
369
|
+
|
|
370
|
+
@media (--screen-lg) {
|
|
371
|
+
-webkit-hyphenate-limit-before: 4;
|
|
372
|
+
}
|
|
373
|
+
}
|
|
374
|
+
}
|
|
375
|
+
|
|
370
376
|
.np-text-display-extra-large {
|
|
371
377
|
.display-formatting(var(--size-120), normal);
|
|
372
378
|
}
|
package/src/less/dropdowns.less
CHANGED
package/src/less/droppable.less
CHANGED
|
@@ -103,6 +103,10 @@
|
|
|
103
103
|
|
|
104
104
|
.droppable-dropping {
|
|
105
105
|
border-color: var(--color-interactive-secondary-active) !important;
|
|
106
|
+
.np-theme-personal & {
|
|
107
|
+
border-color: var(--color-background-neutral-hover) !important;
|
|
108
|
+
border-style: solid;
|
|
109
|
+
}
|
|
106
110
|
}
|
|
107
111
|
|
|
108
112
|
.droppable-processing,
|
package/src/less/list-group.less
CHANGED
|
@@ -214,6 +214,7 @@ a.list-group-item {
|
|
|
214
214
|
|
|
215
215
|
width: 100vw;
|
|
216
216
|
height: 100vh;
|
|
217
|
+
height: 100dvh;
|
|
217
218
|
margin: 0;
|
|
218
219
|
overflow-y: auto;
|
|
219
220
|
background-color: #fff;
|
|
@@ -240,6 +241,7 @@ a.list-group-item {
|
|
|
240
241
|
|
|
241
242
|
.list-group-item.active .collapse {
|
|
242
243
|
height: 100vh;
|
|
244
|
+
height: 100dvh;
|
|
243
245
|
overflow-y: auto;
|
|
244
246
|
|
|
245
247
|
// Annoying but makes sure the last content is visible in iOS safari
|
package/src/less/popovers.less
CHANGED
package/src/less/select.less
CHANGED