@transferwise/components 44.0.0 → 44.0.1

package/build/styles/moneyInput/MoneyInput.css

@@ -1 +1 @@
-.tw-money-input .tw-money-input__fixed-currency{padding-left:0!important}[dir=rtl] .tw-money-input .tw-money-input__fixed-currency{padding-left:0!important;padding-right:0!important}.tw-money-input .tw-money-input__fixed-currency.input-md .currency-flag{margin-bottom:2px}.np-theme-personal .tw-money-input .tw-money-input__fixed-currency.input-md .currency-flag{margin-bottom:1px}.tw-money-input .tw-money-input__fixed-currency.input-lg .currency-flag{margin-bottom:4px}.np-theme-personal .tw-money-input .tw-money-input__fixed-currency.input-lg .currency-flag{margin-bottom:3px}.tw-money-input .tw-money-input__fixed-currency .currency-flag{vertical-align:middle}.tw-money-input .tw-money-input__fixed-currency .np-text-title-subsection{font-weight:var(--font-weight-normal)}.tw-money-input__keyline{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border:1px solid #0000001a;border:1px solid var(--color-border-neutral);height:24px;height:var(--size-24);margin-right:24px;margin-right:var(--size-24);transform:translateY(4px);width:2px}[dir=rtl] .tw-money-input__keyline{margin-left:24px;margin-left:var(--size-24);margin-right:0}.tw-money-input__fixed-currency{position:relative}.tw-money-input__fixed-currency span{color:#5d7079;color:var(--color-content-secondary)}__text{font-size:1rem;font-size:var(--font-size-16)}.input-group-sm .np-text-title-subsection,.input-group-sm .tw-money-input__text{font-size:.875rem;font-size:var(--font-size-14)}.input-group-md .np-text-title-subsection{font-size:1rem;font-size:var(--font-size-16)}.input-group-lg .tw-money-input__text{font-size:1.375rem;font-size:var(--font-size-22)}.tw-money-input .amount-currency-select-btn>.np-select>.btn{align-items:center;display:flex;max-height:50px}.tw-money-input .amount-currency-select-btn>.np-select>.btn span:not(.tw-icon){font-weight:400;font-weight:var(--font-weight-regular);min-width:2.6em}.tw-money-input .amount-currency-select-btn>.np-select>.btn .currency-flag{display:inline-block!important;margin-left:2px;margin-right:2px}.tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle{padding:0 16px;padding:0 var(--padding-small);text-align:center}.np-theme-personal .tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle,.np-theme-personal .tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle:active,.np-theme-personal .tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle:hover:not(:focus){box-shadow:none}.np-theme-personal .tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle .np-text-body-large .tw-money-input__text.np-text-title-subsection{font-weight:600;font-weight:var(--font-weight-semi-bold)}.tw-money-input .amount-currency-select-btn>.np-select>.np-btn>span.tw-icon{position:static}.np-theme-personal .tw-money-input__keyline{display:none}.np-theme-personal .tw-money-input.input-group-sm .form-control{min-height:34px}.np-theme-personal .tw-money-input.input-group-md .amount-currency-select-btn .btn-md,.np-theme-personal .tw-money-input.input-group-md .form-control{min-height:53px}.np-theme-personal .tw-money-input .tw-money-input__fixed-currency .np-text-title-subsection{color:#768e9c;color:var(--color-content-tertiary);font-weight:600;font-weight:var(--font-weight-semi-bold)}.np-theme-personal .tw-money-input button{border:none}.np-theme-personal .tw-money-input .np-text-title-subsection{color:var(--color-interactive-primary)}.np-theme-personal .tw-money-input .np-select-filter:focus{outline:none}.np-theme-personal .tw-money-input .amount-currency-select-btn .currency-flag{margin-right:0;margin-top:0}.np-theme-personal .tw-money-input .amount-currency-select-btn .np-btn-md .np-text-body-large{margin-left:4px;margin-right:4px}.np-theme-personal .tw-money-input .amount-currency-select-btn .np-btn-lg .np-text-body-large{margin-left:9px;margin-right:9px}
+.tw-money-input .tw-money-input__fixed-currency{padding-left:0!important}[dir=rtl] .tw-money-input .tw-money-input__fixed-currency{padding-left:0!important;padding-right:0!important}.tw-money-input .tw-money-input__fixed-currency.input-md .currency-flag{margin-bottom:2px}.np-theme-personal .tw-money-input .tw-money-input__fixed-currency.input-md .currency-flag{margin-bottom:1px}.tw-money-input .tw-money-input__fixed-currency.input-lg .currency-flag{margin-bottom:4px}.np-theme-personal .tw-money-input .tw-money-input__fixed-currency.input-lg .currency-flag{margin-bottom:3px}.tw-money-input .tw-money-input__fixed-currency .currency-flag{vertical-align:middle}.tw-money-input .tw-money-input__fixed-currency .np-text-title-subsection{font-weight:var(--font-weight-normal)}.tw-money-input__keyline{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border:1px solid #0000001a;border:1px solid var(--color-border-neutral);height:24px;height:var(--size-24);margin-right:24px;margin-right:var(--size-24);transform:translateY(4px);width:2px}[dir=rtl] .tw-money-input__keyline{margin-left:24px;margin-left:var(--size-24);margin-right:0}.tw-money-input__fixed-currency{position:relative}.tw-money-input__fixed-currency span{color:#5d7079;color:var(--color-content-secondary)}__text{font-size:1rem;font-size:var(--font-size-16)}.input-group-sm .np-text-title-subsection,.input-group-sm .tw-money-input__text{font-size:.875rem;font-size:var(--font-size-14)}.input-group-md .np-text-title-subsection{font-size:1rem;font-size:var(--font-size-16)}.input-group-lg .tw-money-input__text{font-size:1.375rem;font-size:var(--font-size-22)}.tw-money-input .amount-currency-select-btn>.np-select>.btn{align-items:center;display:flex;max-height:50px}.tw-money-input .amount-currency-select-btn>.np-select>.btn span:not(.tw-icon){font-weight:400;font-weight:var(--font-weight-regular);min-width:2.6em}.tw-money-input .amount-currency-select-btn>.np-select>.btn .currency-flag{display:inline-block!important;margin-left:2px;margin-right:2px}.tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle{padding:0 16px;padding:0 var(--padding-small);text-align:center}.np-theme-personal .tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle,.np-theme-personal .tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle:active,.np-theme-personal .tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle:hover:not(:focus){box-shadow:none}.np-theme-personal .tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle .np-text-body-large{overflow:visible;text-overflow:clip}.np-theme-personal .tw-money-input .amount-currency-select-btn>.np-select>.np-dropdown-toggle .np-text-body-large .tw-money-input__text.np-text-title-subsection{font-weight:600;font-weight:var(--font-weight-semi-bold)}.tw-money-input .amount-currency-select-btn>.np-select>.np-btn>span.tw-icon{position:static}.np-theme-personal .tw-money-input__keyline{display:none}.np-theme-personal .tw-money-input.input-group-sm .form-control{min-height:34px}.np-theme-personal .tw-money-input.input-group-md .amount-currency-select-btn .btn-md,.np-theme-personal .tw-money-input.input-group-md .form-control{min-height:53px}.np-theme-personal .tw-money-input .tw-money-input__fixed-currency .np-text-title-subsection{color:#768e9c;color:var(--color-content-tertiary);font-weight:600;font-weight:var(--font-weight-semi-bold)}.np-theme-personal .tw-money-input button{border:none}.np-theme-personal .tw-money-input .np-text-title-subsection{color:var(--color-interactive-primary)}.np-theme-personal .tw-money-input .np-select-filter:focus{outline:none}.np-theme-personal .tw-money-input .amount-currency-select-btn .currency-flag{margin-right:0;margin-top:0}.np-theme-personal .tw-money-input .amount-currency-select-btn .np-btn-md .np-text-body-large{margin-left:4px;margin-right:4px}.np-theme-personal .tw-money-input .amount-currency-select-btn .np-btn-lg .np-text-body-large{margin-left:9px;margin-right:9px}

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);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-dropdown-menu-desktop{max-height:70vh;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);margin-top:-3px;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 .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 .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{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)}

package/build/styles/snackbar/Snackbar.css

@@ -1 +1 @@
-.snackbar{bottom:0;left:0;position:fixed;right:0;text-align:center;z-index:1060}[dir=rtl] .snackbar{left:auto;left:0;right:0;right:auto}.snackbar__text{align-items:center;background:#37517e;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.25);color:#fff;display:inline-flex;font-size:.875rem;font-size:var(--font-size-14);justify-content:space-between;margin:0 16px;margin:0 var(--size-16);padding:8px 16px;padding:var(--size-8) var(--size-16);text-align:left;transition:.4s cubic-bezier(.215,.61,.355,1);width:calc(100% - 32px);width:calc(100% - var(--size-32))}[dir=rtl] .snackbar__text{text-align:right}.np-theme-personal .snackbar__text{background:#86a7bd1a;background:var(--color-background-neutral);background:#fff;background:var(--color-background-elevated);border-radius:10px;border-radius:var(--radius-small);box-shadow:0 2px 4px 0 #45474559;box-shadow:none;color:#37517e;color:var(--color-content-primary);position:relative}.np-theme-personal .snackbar__text:after{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:inherit;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media (min-width:576px){.snackbar__text{max-width:600px;width:auto}}.snackbar__text__action{color:#00b9ff;flex-shrink:0;margin-left:16px;margin-left:var(--size-16)}.snackbar__text-container-enter,.snackbar__text-container-exit{transform:translateY(calc(100% + 10px))}.snackbar__text-container-enter-active{transform:translateY(-16px);transform:translateY(calc(-16px - env(safe-area-inset-bottom)))}@media (min-width:576px){.snackbar__text-container-enter-active{transform:translateY(-24px)}}
+.snackbar{bottom:0;left:0;position:fixed;right:0;text-align:center;z-index:1060}[dir=rtl] .snackbar{left:auto;left:0;right:0;right:auto}.snackbar__text{align-items:center;background:#37517e;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.25);color:#fff;display:inline-flex;font-size:.875rem;font-size:var(--font-size-14);justify-content:space-between;margin:0 16px;margin:0 var(--size-16);padding:8px 16px;padding:var(--size-8) var(--size-16);text-align:left;transition:.4s cubic-bezier(.215,.61,.355,1);width:calc(100% - 32px);width:calc(100% - var(--size-32))}[dir=rtl] .snackbar__text{text-align:right}.np-theme-personal .snackbar__text{background:#86a7bd1a;background:var(--color-background-neutral);background:#fff;background:var(--color-background-elevated);border-radius:10px;border-radius:var(--radius-small);box-shadow:0 2px 4px 0 rgba(69,71,69,.35);color:#37517e;color:var(--color-content-primary);position:relative}.np-theme-personal .snackbar__text:after{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:inherit;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media (min-width:576px){.snackbar__text{max-width:600px;width:auto}}.snackbar__text__action{color:#00b9ff;flex-shrink:0;margin-left:16px;margin-left:var(--size-16)}.snackbar__text-container-enter,.snackbar__text-container-exit{transform:translateY(calc(100% + 10px))}.snackbar__text-container-enter-active{transform:translateY(-16px);transform:translateY(calc(-16px - env(safe-area-inset-bottom)))}@media (min-width:576px){.snackbar__text-container-enter-active{transform:translateY(-24px)}}

package/build/types/tabs/Tabs.d.ts

@@ -20,6 +20,7 @@ export interface TabsProps {
     className?: string;
     transitionSpacing?: TabsTransitionSpacing;
     headerWidth?: TabsHeaderWidth;
+    id?: string;
 }
 
 export default class Tabs extends React.Component<TabsProps, any> {