@transferwise/components 44.1.0 → 44.1.2

package/build/styles/select/Select.css

@@ -1 +1 @@
-.np-select .np-dropdown-toggle{background-color:#fff;background-color:var(--color-background-screen);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:10px;border-radius:var(--radius-small);color:#37517e;color:var(--color-content-primary);font-weight:400;font-weight:var(--font-weight-regular);max-width:100%;overflow:hidden;padding-left:16px;padding-left:var(--size-16);text-align:left;text-overflow:ellipsis}[dir=rtl] .np-select .np-dropdown-toggle{text-align:right}.np-select .np-dropdown-toggle:focus-visible{outline:none}.np-theme-personal .np-select .np-dropdown-toggle{border-radius:10px;border-radius:var(--radius-small)}.has-error .np-select .np-dropdown-toggle{border:1px solid #e74848;border:1px solid var(--color-interactive-negative)}.np-select .np-dropdown-toggle-navy{--color-content-accent:#00b9ff;--color-content-primary:#fff;--color-content-secondary:#c9cbce;--color-background-screen:#2e4369;--color-interactive-secondary:#2e4369;--color-interactive-secondary-hover:#2e4369}.np-select .np-dropdown-toggle.np-btn-sm{padding-right:32px;padding-right:var(--size-32)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-sm{padding-left:32px;padding-left:var(--size-32);padding-right:0}.np-select .np-dropdown-toggle.np-btn-md{padding-right:40px;padding-right:var(--size-40)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-md{padding-left:40px;padding-left:var(--size-40);padding-right:0}.np-select .np-dropdown-toggle.np-btn-lg{padding-right:48px;padding-right:var(--size-48)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-lg{padding-left:48px;padding-left:var(--size-48);padding-right:0}.np-select .np-dropdown-toggle .np-select-chevron{margin:0;position:absolute;right:16px;right:var(--size-16);top:16px;top:var(--size-16)}[dir=rtl] .np-select .np-dropdown-toggle .np-select-chevron{left:16px;left:var(--size-16);margin:0;right:auto}.np-select .np-dropdown-toggle.np-btn-sm .np-select-chevron{right:8px;right:var(--size-8);top:8px;top:var(--size-8)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-sm .np-select-chevron{left:8px;left:var(--size-8);right:auto}.np-select .np-dropdown-toggle.np-btn-lg .np-select-chevron{top:27px}.np-select .btn:not(.disabled,:disabled){color:#37517e;color:var(--color-content-primary)}.np-select .btn:not(.disabled,:disabled):hover{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.np-select .btn:not(.disabled,:disabled):focus{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-theme-personal .np-select .btn:not(.disabled,:disabled):focus{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.np-option-content{max-width:100%}.np-option-content .d-flex:last-child{max-width:calc(100% - 32px)}.np-dropdown-menu-desktop{max-height:70vh;max-height:70svh;max-width:calc(100vw - 32px);min-width:160px}@media (min-height:592px){.np-dropdown-menu-desktop{max-height:592px}}.np-dropdown-menu{background-color:#fff;background-color:var(--color-background-screen);border-radius:10px;border-radius:var(--radius-small);list-style:none;margin:0;overflow:auto;padding:0;text-align:left}[dir=rtl] .np-dropdown-menu{padding:0;text-align:right}.np-theme-personal .np-dropdown-menu{border-radius:10px;border-radius:var(--radius-small)}.np-dropdown-menu-sm{width:220px}.np-dropdown-menu-md{width:300px}.np-dropdown-menu-lg{width:420px}.np-dropdown-menu .np-dropdown-item--focused{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:10px;border-radius:var(--radius-small)}.np-dropdown-menu .np-dropdown-item>a{white-space:normal}.np-dropdown-menu>li>a{clear:both;color:#37517e;color:var(--color-content-primary);display:block;font-size:1rem;font-size:var(--font-size-16);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-body);padding:12px 16px;padding:var(--size-12) var(--size-16);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.np-dropdown-menu>li>a,.np-theme-personal .np-dropdown-menu>li>a{border-radius:10px;border-radius:var(--radius-small)}.np-theme-personal .np-dropdown-menu>li>a{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-dropdown-menu>li:first-child>a{border-top-left-radius:3px;border-top-right-radius:3px}.np-theme-personal .np-dropdown-menu>li:first-child>a{border-top-left-radius:10px;border-top-left-radius:var(--radius-small);border-top-right-radius:10px;border-top-right-radius:var(--radius-small)}.np-dropdown-menu>li:last-child>a{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.np-theme-personal .np-dropdown-menu>li:last-child>a{border-bottom-left-radius:10px;border-bottom-left-radius:var(--radius-small);border-bottom-right-radius:10px;border-bottom-right-radius:var(--radius-small)}.np-dropdown-menu>li:not(.active,.selected):not(:has(input))>a:not([disabled],.disabled):focus,.np-dropdown-menu>li:not(.active,.selected):not(:has(input))>a:not([disabled],.disabled):hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral);color:#37517e;color:var(--color-content-primary)}.np-dropdown-menu>li:not(.active,.selected):not(:has(input))>a:not([disabled],.disabled):active{background-color:#37517e;color:#fff}.np-dropdown-menu>.active>a,.np-dropdown-menu>.active>a:focus,.np-dropdown-menu>.active>a:hover,.np-dropdown-menu>.selected>a,.np-dropdown-menu>.selected>a:focus,.np-dropdown-menu>.selected>a:hover{background-color:#37517e;color:#fff}.np-dropdown-menu>.active>a strong,.np-dropdown-menu>.selected>a strong{color:inherit}.np-dropdown-menu>.active>a .np-text-body-default,.np-dropdown-menu>.selected>a .np-text-body-default{color:#c9cbce}.np-dropdown-menu .input-group-addon,.np-dropdown-menu .np-select-filter{border:0}.np-dropdown-menu .np-separator{background-color:#86a7bd1a;background-color:var(--color-background-neutral);height:1px;margin:0;overflow:hidden}.np-dropdown-menu .np-dropdown-header{color:#5d7079;color:var(--color-content-secondary);display:block;font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-body);padding:8px 16px;padding:var(--size-8) var(--size-16);white-space:nowrap}.np-dropdown-menu .currency-flag,.np-dropdown-menu .tw-icon,.np-select .currency-flag,.np-select .tw-icon{display:inline-block;margin-right:8px;margin-right:var(--size-8);vertical-align:middle}[dir=rtl] .np-dropdown-menu .currency-flag,[dir=rtl] .np-dropdown-menu .tw-icon,[dir=rtl] .np-select .currency-flag,[dir=rtl] .np-select .tw-icon{margin-left:8px;margin-left:var(--size-8);margin-right:0}.np-dropdown-menu .currency-flag,.np-select .currency-flag{margin-top:3px}.np-dropdown-menu .np-text-body-default,.np-select .np-text-body-default{color:#5d7079;color:var(--color-content-secondary)}.np-dropdown-menu .tw-icon-search,.np-select .tw-icon-search{margin-right:0}.np-theme-personal .currency-flag{margin-top:0}.np-theme-personal .np-select .np-dropdown-toggle{background-color:unset;border:none;box-shadow:inset 0 0 0 1px #c9cbce;box-shadow:inset 0 0 0 1px var(--color-interactive-secondary);transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):hover{box-shadow:inset 0 0 0 2px #b5b7ba;box-shadow:inset 0 0 0 2px var(--color-interactive-secondary-hover)}.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus,.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-visible,.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-within{box-shadow:inset 0 0 0 3px var(--color-interactive-primary)}.np-theme-personal .has-error .np-select .np-dropdown-toggle{box-shadow:inset 0 0 0 2px var(--color-sentiment-negative)}.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):hover{box-shadow:inset 0 0 0 3px var(--color-sentiment-negative)}.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus,.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-visible,.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-within{box-shadow:inset 0 0 0 3px var(--color-sentiment-negative)}.np-theme-personal .np-dropdown-menu{outline:none}.np-theme-personal .np-dropdown-menu .active a,.np-theme-personal .np-dropdown-menu .active a:focus,.np-theme-personal .np-dropdown-menu .active a:hover,.np-theme-personal .np-dropdown-menu .selected a,.np-theme-personal .np-dropdown-menu .selected a:focus,.np-theme-personal .np-dropdown-menu .selected a:hover{background-color:var(--color-background-neutral-active);color:var(--color-interactive-primary)}.np-theme-personal .np-dropdown-menu .active a .body-2,.np-theme-personal .np-dropdown-menu .active a .np-text-body-default,.np-theme-personal .np-dropdown-menu .active a:focus .body-2,.np-theme-personal .np-dropdown-menu .active a:focus .np-text-body-default,.np-theme-personal .np-dropdown-menu .active a:hover .body-2,.np-theme-personal .np-dropdown-menu .active a:hover .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a .body-2,.np-theme-personal .np-dropdown-menu .selected a .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a:focus .body-2,.np-theme-personal .np-dropdown-menu .selected a:focus .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a:hover .body-2,.np-theme-personal .np-dropdown-menu .selected a:hover .np-text-body-default{color:var(--color-interactive-primary)}.np-theme-personal .np-dropdown-menu li:not(.active,.selected):not(:has(input)) a:not([disabled],.disabled):active{background-color:var(--color-background-neutral-active)!important;color:var(--color-interactive-primary)!important}.np-theme-personal .np-dropdown-menu li:not(.active,.selected):not(:has(input)) a:not([disabled],.disabled):active .body-2,.np-theme-personal .np-dropdown-menu li:not(.active,.selected):not(:has(input)) a:not([disabled],.disabled):active .np-text-body-default{color:var(--color-interactive-primary)}.np-theme-personal .np-dropdown-menu .np-dropdown-item{outline:none}.np-theme-personal .np-dropdown-menu .np-dropdown-item--focused{box-shadow:inset 0 0 0 2px var(--color-interactive-primary)}
+.np-select .np-dropdown-toggle{background-color:#fff;background-color:var(--color-background-screen);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:10px;border-radius:var(--radius-small);color:#37517e;color:var(--color-content-primary);font-weight:400;font-weight:var(--font-weight-regular);max-width:100%;overflow:hidden;padding-left:16px;padding-left:var(--size-16);text-align:left;text-overflow:ellipsis}[dir=rtl] .np-select .np-dropdown-toggle{text-align:right}.np-select .np-dropdown-toggle:focus-visible{outline:none}.np-theme-personal .np-select .np-dropdown-toggle{border-radius:10px;border-radius:var(--radius-small)}.has-error .np-select .np-dropdown-toggle{border:1px solid #e74848;border:1px solid var(--color-interactive-negative)}.np-select .np-dropdown-toggle-navy{--color-content-accent:#00b9ff;--color-content-primary:#fff;--color-content-secondary:#c9cbce;--color-background-screen:#2e4369;--color-interactive-secondary:#2e4369;--color-interactive-secondary-hover:#2e4369}.np-select .np-dropdown-toggle.np-btn-sm{padding-right:32px;padding-right:var(--size-32)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-sm{padding-left:32px;padding-left:var(--size-32);padding-right:0}.np-select .np-dropdown-toggle.np-btn-md{padding-right:40px;padding-right:var(--size-40)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-md{padding-left:40px;padding-left:var(--size-40);padding-right:0}.np-select .np-dropdown-toggle.np-btn-lg{padding-right:48px;padding-right:var(--size-48)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-lg{padding-left:48px;padding-left:var(--size-48);padding-right:0}.np-select .np-dropdown-toggle .np-select-chevron{margin:0;position:absolute;right:16px;right:var(--size-16);top:16px;top:var(--size-16)}[dir=rtl] .np-select .np-dropdown-toggle .np-select-chevron{left:16px;left:var(--size-16);margin:0;right:auto}.np-select .np-dropdown-toggle.np-btn-sm .np-select-chevron{right:8px;right:var(--size-8);top:8px;top:var(--size-8)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-sm .np-select-chevron{left:8px;left:var(--size-8);right:auto}.np-select .np-dropdown-toggle.np-btn-lg .np-select-chevron{top:27px}.np-select .btn:not(.disabled,:disabled){color:#37517e;color:var(--color-content-primary)}.np-select .btn:not(.disabled,:disabled):hover{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.np-select .btn:not(.disabled,:disabled):focus{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-theme-personal .np-select .btn:not(.disabled,:disabled):focus{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.np-option-content{max-width:100%}.np-option-content .d-flex:last-child{max-width:calc(100% - 32px)}.np-dropdown-menu-desktop{max-height:70vh;max-height:70svh;max-width:calc(100vw - 32px);min-width:160px}@media (min-height:592px){.np-dropdown-menu-desktop{max-height:592px}}.np-dropdown-menu{background-color:#fff;background-color:var(--color-background-screen);border-radius:10px;border-radius:var(--radius-small);list-style:none;margin:0;overflow:auto;padding:0;text-align:left}[dir=rtl] .np-dropdown-menu{padding:0;text-align:right}.np-theme-personal .np-dropdown-menu{border-radius:10px;border-radius:var(--radius-small)}.np-dropdown-menu-sm{width:220px}.np-dropdown-menu-md{width:300px}.np-dropdown-menu-lg{width:420px}.np-dropdown-menu .np-dropdown-item--focused{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:10px;border-radius:var(--radius-small)}.np-dropdown-menu .np-dropdown-item>a{white-space:normal}.np-dropdown-menu>li>a{clear:both;color:#37517e;color:var(--color-content-primary);display:block;font-size:1rem;font-size:var(--font-size-16);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-body);padding:12px 16px;padding:var(--size-12) var(--size-16);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.np-dropdown-menu>li>a,.np-theme-personal .np-dropdown-menu>li>a{border-radius:10px;border-radius:var(--radius-small)}.np-theme-personal .np-dropdown-menu>li>a{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-dropdown-menu>li:first-child>a{border-top-left-radius:3px;border-top-right-radius:3px}.np-theme-personal .np-dropdown-menu>li:first-child>a{border-top-left-radius:10px;border-top-left-radius:var(--radius-small);border-top-right-radius:10px;border-top-right-radius:var(--radius-small)}.np-dropdown-menu>li:last-child>a{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.np-theme-personal .np-dropdown-menu>li:last-child>a{border-bottom-left-radius:10px;border-bottom-left-radius:var(--radius-small);border-bottom-right-radius:10px;border-bottom-right-radius:var(--radius-small)}.np-dropdown-menu>li:not(.active,.selected):not(:has(input))>a:not([disabled],.disabled):focus,.np-dropdown-menu>li:not(.active,.selected):not(:has(input))>a:not([disabled],.disabled):hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral);color:#37517e;color:var(--color-content-primary)}.np-dropdown-menu>li:not(.active,.selected):not(:has(input))>a:not([disabled],.disabled):active{background-color:#37517e;color:#fff}.np-dropdown-menu>.active>a,.np-dropdown-menu>.active>a:focus,.np-dropdown-menu>.active>a:hover,.np-dropdown-menu>.selected>a,.np-dropdown-menu>.selected>a:focus,.np-dropdown-menu>.selected>a:hover{background-color:#37517e;color:#fff}.np-dropdown-menu>.active>a strong,.np-dropdown-menu>.selected>a strong{color:inherit}.np-dropdown-menu>.active>a .np-text-body-default,.np-dropdown-menu>.selected>a .np-text-body-default{color:#c9cbce}.np-dropdown-menu .input-group-addon,.np-dropdown-menu .np-select-filter{border:0}.np-dropdown-menu .np-separator{background-color:#86a7bd1a;background-color:var(--color-background-neutral);height:1px;margin:0;overflow:hidden}.np-dropdown-menu .np-dropdown-header{color:#5d7079;color:var(--color-content-secondary);display:block;font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-body);padding:8px 16px;padding:var(--size-8) var(--size-16);white-space:nowrap}.np-dropdown-menu .currency-flag,.np-dropdown-menu .tw-icon,.np-select .currency-flag,.np-select .tw-icon{display:inline-block;margin-right:8px;margin-right:var(--size-8);vertical-align:middle}[dir=rtl] .np-dropdown-menu .currency-flag,[dir=rtl] .np-dropdown-menu .tw-icon,[dir=rtl] .np-select .currency-flag,[dir=rtl] .np-select .tw-icon{margin-left:8px;margin-left:var(--size-8);margin-right:0}.np-dropdown-menu .currency-flag,.np-select .currency-flag{margin-top:3px}.np-dropdown-menu .np-text-body-default,.np-select .np-text-body-default{color:#5d7079;color:var(--color-content-secondary)}.np-dropdown-menu .tw-icon-search,.np-select .tw-icon-search{margin-right:0}.np-theme-personal .currency-flag{margin-top:0}.np-theme-personal .np-select .np-dropdown-toggle{background-color:unset;border:none;box-shadow:inset 0 0 0 1px #c9cbce;box-shadow:inset 0 0 0 1px var(--color-interactive-secondary);transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):hover{box-shadow:inset 0 0 0 2px #b5b7ba;box-shadow:inset 0 0 0 2px var(--color-interactive-secondary-hover)}.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus,.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-visible,.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-within{box-shadow:inset 0 0 0 3px var(--color-interactive-primary)}.np-theme-personal .has-error .np-select .np-dropdown-toggle,.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):hover{box-shadow:inset 0 0 0 2px var(--color-sentiment-negative)}.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus,.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-visible,.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-within{box-shadow:inset 0 0 0 3px var(--color-sentiment-negative)}.np-theme-personal .np-dropdown-menu{outline:none}.np-theme-personal .np-dropdown-menu .active a,.np-theme-personal .np-dropdown-menu .active a:focus,.np-theme-personal .np-dropdown-menu .active a:hover,.np-theme-personal .np-dropdown-menu .selected a,.np-theme-personal .np-dropdown-menu .selected a:focus,.np-theme-personal .np-dropdown-menu .selected a:hover{background-color:var(--color-background-neutral-active);color:var(--color-interactive-primary)}.np-theme-personal .np-dropdown-menu .active a .body-2,.np-theme-personal .np-dropdown-menu .active a .np-text-body-default,.np-theme-personal .np-dropdown-menu .active a:focus .body-2,.np-theme-personal .np-dropdown-menu .active a:focus .np-text-body-default,.np-theme-personal .np-dropdown-menu .active a:hover .body-2,.np-theme-personal .np-dropdown-menu .active a:hover .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a .body-2,.np-theme-personal .np-dropdown-menu .selected a .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a:focus .body-2,.np-theme-personal .np-dropdown-menu .selected a:focus .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a:hover .body-2,.np-theme-personal .np-dropdown-menu .selected a:hover .np-text-body-default{color:var(--color-interactive-primary)}.np-theme-personal .np-dropdown-menu li:not(.active,.selected):not(:has(input)) a:not([disabled],.disabled):active{background-color:var(--color-background-neutral-active)!important;color:var(--color-interactive-primary)!important}.np-theme-personal .np-dropdown-menu li:not(.active,.selected):not(:has(input)) a:not([disabled],.disabled):active .body-2,.np-theme-personal .np-dropdown-menu li:not(.active,.selected):not(:has(input)) a:not([disabled],.disabled):active .np-text-body-default{color:var(--color-interactive-primary)}.np-theme-personal .np-dropdown-menu .np-dropdown-item{outline:none}.np-theme-personal .np-dropdown-menu .np-dropdown-item--focused{box-shadow:inset 0 0 0 2px var(--color-interactive-primary)}