@transferwise/components 43.11.33 → 43.11.34

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.
Files changed (6) hide show
  1. package/build/main.css +1 -1
  2. package/build/styles/accordion/Accordion.css +1 -1
  3. package/build/styles/circularButton/CircularButton.css +1 -1
  4. package/build/styles/main.css +1 -1
  5. package/build/styles/select/Select.css +1 -1
  6. package/package.json +3 -3
package/build/styles/accordion/Accordion.css CHANGED
@@ -1 +1 @@
1
- .np-accordion-item{display:block;width:100%}.np-accordion-item--open .media{border:0!important}.np-accordion-item .decision:not(.disabled,:disabled):hover{background-color:transparent}.np-accordion-item.np-accordion-item--dark .media-body,.np-accordion-item.np-accordion-item--dark .np-text-title-body{color:#fff}.np-accordion-item__content{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);padding:0 12px 24px;padding:0 var(--size-12) var(--size-24) var(--size-12)}@media (min-width:480px){.np-accordion-item__content.has-icon{padding-left:68px}[dir=rtl] .np-accordion-item__content.has-icon{padding-left:0;padding-right:68px}}.np-accordion-item .np-option .np-option__title{font-weight:600;font-weight:var(--font-weight-semi-bold)}.np-theme-personal .np-accordion-item--with-icon .np-accordion-item__content{padding:0 56px 16px;padding:0 var(--size-56) var(--size-16)}.np-theme-personal .np-accordion-item .media{align-items:flex-start;display:flex}.np-theme-personal .np-accordion-item .decision__title{font-size:1.125rem;font-size:var(--font-size-18)}.np-theme-personal .np-accordion-item .np-option .np-option__title{color:#37517e;color:var(--color-content-primary);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}.np-theme-personal .np-theme-personal .np-accordion-item .np-option .np-option__title+p{margin-top:8px;margin-top:var(--size-8)}.np-theme-personal .np-theme-personal .np-accordion-item .np-option .np-option__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)}.np-theme-personal .np-accordion-item .np-option .circle-sm{background-color:transparent;border-radius:0;height:24px;height:var(--size-24);width:24px;width:var(--size-24)}.np-theme-personal .np-accordion-item__content{border-bottom:none;color:#5d7079;color:var(--color-content-secondary);padding:0 56px 16px 16px;padding:0 var(--size-56) var(--size-16) var(--size-16)}
1
+ .np-accordion-item{display:block;width:100%}.np-accordion-item--open .media{border:0!important}.np-accordion-item .decision:not(.disabled,:disabled):hover{background-color:transparent}.np-accordion-item.np-accordion-item--dark .media-body,.np-accordion-item.np-accordion-item--dark .np-text-title-body{color:#fff}.np-accordion-item__content{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);padding:0 12px 24px;padding:0 var(--size-12) var(--size-24) var(--size-12)}@media (min-width:480px){.np-accordion-item__content.has-icon{padding-left:68px}[dir=rtl] .np-accordion-item__content.has-icon{padding-left:0;padding-right:68px}}.np-accordion-item .np-option .np-option__title{font-weight:600;font-weight:var(--font-weight-semi-bold)}.np-theme-personal .np-accordion-item--with-icon .np-accordion-item__content{padding:0 56px 16px;padding:0 var(--size-56) var(--size-16)}.np-theme-personal .np-accordion-item .media{align-items:flex-start;display:flex}.np-theme-personal .np-accordion-item .decision__title{font-size:1.125rem;font-size:var(--font-size-18)}.np-theme-personal .np-accordion-item .np-option .np-option__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);margin-bottom:0}.np-theme-personal .np-accordion-item .np-option .circle-sm{background-color:transparent;border-radius:0;height:24px;height:var(--size-24);width:24px;width:var(--size-24)}.np-theme-personal .np-accordion-item__content{border-bottom:none;color:#5d7079;color:var(--color-content-secondary);padding:0 56px 16px 16px;padding:0 var(--size-56) var(--size-16) var(--size-16)}
package/build/styles/circularButton/CircularButton.css CHANGED
@@ -1 +1 @@
1
- .np-circular-btn{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;position:relative;text-align:center}.np-circular-btn input[type=button]{border-radius:50%;height:40px;height:var(--size-40);margin-bottom:8px;margin-bottom:var(--size-8);min-height:40px;min-height:var(--size-40);padding:0;width:40px;width:var(--size-40)}.np-theme-personal .np-circular-btn input[type=button]{height:56px;height:var(--size-56);min-height:56px;min-height:var(--size-56);width:56px;width:var(--size-56)}.np-circular-btn .tw-icon{color:#fff;left:0;pointer-events:none;position:absolute;top:8px;transition:color .15s ease-in-out;width:100%}[dir=rtl] .np-circular-btn .tw-icon{left:auto;right:0}.np-theme-personal .np-circular-btn .tw-icon{top:16px;top:var(--size-16)}.np-circular-btn .tw-icon>svg{margin:0 auto}.np-theme-personal .np-circular-btn .tw-icon,.np-theme-personal .np-circular-btn .tw-icon:active,.np-theme-personal .np-circular-btn .tw-icon:hover{color:var(--color-interactive-control)}.np-theme-personal .np-circular-btn.negative .tw-icon,.np-theme-personal .np-circular-btn.negative.secondary:not(.disabled,:disabled):active .tw-icon,.np-theme-personal .np-circular-btn.negative.secondary:not(.disabled,:disabled):hover .tw-icon{color:var(--color-contrast)!important}.np-theme-personal .np-circular-btn.negative.secondary:not(.disabled,:disabled) .tw-icon{color:var(--color-sentiment-negative)!important}.np-circular-btn__label{font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);transition:color .15s ease-in-out}.np-circular-btn.accent .np-circular-btn__label{color:#00a2dd;color:var(--color-interactive-accent)}.np-circular-btn.accent:not(.disabled,:disabled):hover .np-circular-btn__label{color:#008fc9;color:var(--color-interactive-accent-hover)}.np-circular-btn.accent input[type=button]:active~.np-circular-btn__label,.np-circular-btn.accent:active .np-circular-btn__label{color:#0081ba;color:var(--color-interactive-accent-active)}.np-circular-btn.accent.secondary .tw-icon{color:#00a2dd;color:var(--color-interactive-accent)}.np-circular-btn.accent.secondary input[type=button]:active+.tw-icon,.np-circular-btn.accent.secondary:not(.disabled,:disabled):hover .tw-icon{color:#fff}.np-theme-personal .np-circular-btn.accent.secondary input[type=button]:active+.tw-icon,.np-theme-personal .np-circular-btn.accent.secondary:active input[type=button]+.tw-icon,.np-theme-personal .np-circular-btn.accent.secondary:not(.disabled,:disabled):hover .tw-icon{color:var(--color-interactive-control)}.np-circular-btn.positive .np-circular-btn__label{color:#2ead4b;color:var(--color-interactive-positive)}.np-circular-btn.positive:not(.disabled,:disabled):hover .np-circular-btn__label{color:#069939;color:var(--color-interactive-positive-hover)}.np-circular-btn.positive input[type=button]:active~.np-circular-btn__label,.np-circular-btn.positive:active .np-circular-btn__label{color:#008b2b;color:var(--color-interactive-positive-active)}.np-circular-btn.positive.secondary .tw-icon{color:#2ead4b;color:var(--color-interactive-positive)}.np-circular-btn.positive.secondary input[type=button]:active+.tw-icon,.np-circular-btn.positive.secondary:not(.disabled,:disabled):hover .tw-icon{color:#fff}.np-theme-personal .np-circular-btn.positive.secondary input[type=button]:active+.tw-icon,.np-theme-personal .np-circular-btn.positive.secondary:active input[type=button]+.tw-icon,.np-theme-personal .np-circular-btn.positive.secondary:not(.disabled,:disabled):hover .tw-icon{color:var(--color-interactive-control)}.np-circular-btn.negative .np-circular-btn__label{color:#e74848;color:var(--color-interactive-negative)}.np-circular-btn.negative:not(.disabled,:disabled):hover .np-circular-btn__label{color:#d03238;color:var(--color-interactive-negative-hover)}.np-circular-btn.negative input[type=button]:active~.np-circular-btn__label,.np-circular-btn.negative:active .np-circular-btn__label{color:#bf1e2c;color:var(--color-interactive-negative-active)}.np-circular-btn.negative.secondary .tw-icon{color:#e74848;color:var(--color-interactive-negative)}.np-circular-btn.negative.secondary input[type=button]:active+.tw-icon,.np-circular-btn.negative.secondary:not(.disabled,:disabled):hover .tw-icon{color:#fff}.np-theme-personal .np-circular-btn.negative.secondary input[type=button]:active+.tw-icon,.np-theme-personal .np-circular-btn.negative.secondary:active input[type=button]+.tw-icon,.np-theme-personal .np-circular-btn.negative.secondary:not(.disabled,:disabled):hover .tw-icon{color:var(--color-interactive-control)}.np-theme-personal .np-circular-btn.accent .np-circular-btn__label{color:var(--color-interactive-primary)}.np-theme-personal .np-circular-btn.accent:not(.disabled,:disabled):hover .np-circular-btn__label{color:var(--color-interactive-primary-hover)}.np-theme-personal .np-circular-btn.accent input[type=button]:active~.np-circular-btn__label,.np-theme-personal .np-circular-btn.accent:active .np-circular-btn__label{color:var(--color-interactive-primary-active)}.np-theme-personal .np-circular-btn.accent.secondary .tw-icon{color:var(--color-interactive-primary)}.np-theme-personal .np-circular-btn.accent.secondary input[type=button]:active+.tw-icon,.np-theme-personal .np-circular-btn.accent.secondary:not(.disabled,:disabled):hover .tw-icon{color:#fff}.np-theme-personal .np-theme-personal .np-circular-btn.accent.secondary input[type=button]:active+.tw-icon,.np-theme-personal .np-theme-personal .np-circular-btn.accent.secondary:active input[type=button]+.tw-icon,.np-theme-personal .np-theme-personal .np-circular-btn.accent.secondary:not(.disabled,:disabled):hover .tw-icon{color:var(--color-interactive-control)}.np-theme-personal .np-circular-btn.positive .np-circular-btn__label{color:var(--color-interactive-primary)}.np-theme-personal .np-circular-btn.positive:not(.disabled,:disabled):hover .np-circular-btn__label{color:var(--color-interactive-primary-hover)}.np-theme-personal .np-circular-btn.positive input[type=button]:active~.np-circular-btn__label,.np-theme-personal .np-circular-btn.positive:active .np-circular-btn__label{color:var(--color-interactive-primary-active)}.np-theme-personal .np-circular-btn.positive.secondary .tw-icon{color:var(--color-interactive-primary)}.np-theme-personal .np-circular-btn.positive.secondary input[type=button]:active+.tw-icon,.np-theme-personal .np-circular-btn.positive.secondary:not(.disabled,:disabled):hover .tw-icon{color:#fff}.np-theme-personal .np-theme-personal .np-circular-btn.positive.secondary input[type=button]:active+.tw-icon,.np-theme-personal .np-theme-personal .np-circular-btn.positive.secondary:active input[type=button]+.tw-icon,.np-theme-personal .np-theme-personal .np-circular-btn.positive.secondary:not(.disabled,:disabled):hover .tw-icon{color:var(--color-interactive-control)}.np-theme-personal .np-circular-btn.negative .np-circular-btn__label{color:var(--color-sentiment-negative)}.np-theme-personal .np-circular-btn.negative:not(.disabled,:disabled):hover .np-circular-btn__label{color:var(--color-sentiment-negative-hover)}.np-theme-personal .np-circular-btn.negative input[type=button]:active~.np-circular-btn__label,.np-theme-personal .np-circular-btn.negative:active .np-circular-btn__label{color:var(--color-sentiment-negative-active)}.np-theme-personal .np-circular-btn.negative.secondary .tw-icon{color:var(--color-sentiment-negative)}.np-theme-personal .np-circular-btn.negative.secondary input[type=button]:active+.tw-icon,.np-theme-personal .np-circular-btn.negative.secondary:not(.disabled,:disabled):hover .tw-icon{color:#fff}.np-theme-personal .np-theme-personal .np-circular-btn.negative.secondary input[type=button]:active+.tw-icon,.np-theme-personal .np-theme-personal .np-circular-btn.negative.secondary:active input[type=button]+.tw-icon,.np-theme-personal .np-theme-personal .np-circular-btn.negative.secondary:not(.disabled,:disabled):hover .tw-icon{color:var(--color-interactive-control)}
1
+ .np-circular-btn{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;position:relative;text-align:center}.np-circular-btn input[type=button]{border-radius:50%;height:40px;height:var(--size-40);margin-bottom:8px;margin-bottom:var(--size-8);min-height:40px;min-height:var(--size-40);padding:0;width:40px;width:var(--size-40)}.np-theme-personal .np-circular-btn input[type=button]{height:56px;height:var(--size-56);min-height:56px;min-height:var(--size-56);width:56px;width:var(--size-56)}.np-circular-btn .tw-icon{color:#fff;left:0;pointer-events:none;position:absolute;top:8px;transition:color .15s ease-in-out;width:100%}[dir=rtl] .np-circular-btn .tw-icon{left:auto;right:0}.np-theme-personal .np-circular-btn .tw-icon{top:16px;top:var(--size-16)}.np-circular-btn .tw-icon>svg{margin:0 auto}.np-theme-personal .np-circular-btn .tw-icon,.np-theme-personal .np-circular-btn .tw-icon:active,.np-theme-personal .np-circular-btn .tw-icon:hover{color:var(--color-interactive-control)}.np-theme-personal .np-circular-btn.negative .tw-icon,.np-theme-personal .np-circular-btn.negative.secondary:not(.disabled,:disabled):active .tw-icon,.np-theme-personal .np-circular-btn.negative.secondary:not(.disabled,:disabled):hover .tw-icon{color:var(--color-contrast)!important}.np-theme-personal .np-circular-btn.negative.secondary:not(.disabled,:disabled) .tw-icon{color:var(--color-sentiment-negative)!important}.np-circular-btn__label{font-size:.875rem;font-size:var(--font-size-14);font-weight:600;font-weight:var(--font-weight-semi-bold);transition:color .15s ease-in-out}.np-circular-btn.accent .np-circular-btn__label{color:#00a2dd;color:var(--color-interactive-accent)}.np-circular-btn.accent:not(.disabled,:disabled):hover .np-circular-btn__label{color:#008fc9;color:var(--color-interactive-accent-hover)}.np-circular-btn.accent input[type=button]:active~.np-circular-btn__label,.np-circular-btn.accent:active .np-circular-btn__label{color:#0081ba;color:var(--color-interactive-accent-active)}.np-circular-btn.accent.secondary .tw-icon{color:#00a2dd;color:var(--color-interactive-accent)}.np-circular-btn.accent.secondary input[type=button]:active+.tw-icon,.np-circular-btn.accent.secondary:not(.disabled,:disabled):hover .tw-icon{color:#fff}.np-circular-btn.positive .np-circular-btn__label{color:#2ead4b;color:var(--color-interactive-positive)}.np-circular-btn.positive:not(.disabled,:disabled):hover .np-circular-btn__label{color:#069939;color:var(--color-interactive-positive-hover)}.np-circular-btn.positive input[type=button]:active~.np-circular-btn__label,.np-circular-btn.positive:active .np-circular-btn__label{color:#008b2b;color:var(--color-interactive-positive-active)}.np-circular-btn.positive.secondary .tw-icon{color:#2ead4b;color:var(--color-interactive-positive)}.np-circular-btn.positive.secondary input[type=button]:active+.tw-icon,.np-circular-btn.positive.secondary:not(.disabled,:disabled):hover .tw-icon{color:#fff}.np-circular-btn.negative .np-circular-btn__label{color:#e74848;color:var(--color-interactive-negative)}.np-circular-btn.negative:not(.disabled,:disabled):hover .np-circular-btn__label{color:#d03238;color:var(--color-interactive-negative-hover)}.np-circular-btn.negative input[type=button]:active~.np-circular-btn__label,.np-circular-btn.negative:active .np-circular-btn__label{color:#bf1e2c;color:var(--color-interactive-negative-active)}.np-circular-btn.negative.secondary .tw-icon{color:#e74848;color:var(--color-interactive-negative)}.np-circular-btn.negative.secondary input[type=button]:active+.tw-icon,.np-circular-btn.negative.secondary:not(.disabled,:disabled):hover .tw-icon{color:#fff}.np-theme-personal .np-circular-btn.accent .np-circular-btn__label{color:var(--color-interactive-primary)}.np-theme-personal .np-circular-btn.accent:not(.disabled,:disabled):hover .np-circular-btn__label{color:var(--color-interactive-primary-hover)}.np-theme-personal .np-circular-btn.accent input[type=button]:active~.np-circular-btn__label,.np-theme-personal .np-circular-btn.accent:active .np-circular-btn__label{color:var(--color-interactive-primary-active)}.np-theme-personal .np-circular-btn.accent.secondary .tw-icon{color:var(--color-interactive-primary)}.np-theme-personal .np-circular-btn.accent.secondary input[type=button]:active+.tw-icon,.np-theme-personal .np-circular-btn.accent.secondary:not(.disabled,:disabled):hover .tw-icon{color:#fff;color:var(--color-interactive-control)}.np-theme-personal .np-circular-btn.accent.secondary:active input[type=button]+.tw-icon{color:var(--color-interactive-control)}.np-theme-personal .np-circular-btn.positive .np-circular-btn__label{color:var(--color-interactive-primary)}.np-theme-personal .np-circular-btn.positive:not(.disabled,:disabled):hover .np-circular-btn__label{color:var(--color-interactive-primary-hover)}.np-theme-personal .np-circular-btn.positive input[type=button]:active~.np-circular-btn__label,.np-theme-personal .np-circular-btn.positive:active .np-circular-btn__label{color:var(--color-interactive-primary-active)}.np-theme-personal .np-circular-btn.positive.secondary .tw-icon{color:var(--color-interactive-primary)}.np-theme-personal .np-circular-btn.positive.secondary input[type=button]:active+.tw-icon,.np-theme-personal .np-circular-btn.positive.secondary:not(.disabled,:disabled):hover .tw-icon{color:#fff;color:var(--color-interactive-control)}.np-theme-personal .np-circular-btn.positive.secondary:active input[type=button]+.tw-icon{color:var(--color-interactive-control)}.np-theme-personal .np-circular-btn.negative .np-circular-btn__label{color:var(--color-sentiment-negative)}.np-theme-personal .np-circular-btn.negative:not(.disabled,:disabled):hover .np-circular-btn__label{color:var(--color-sentiment-negative-hover)}.np-theme-personal .np-circular-btn.negative input[type=button]:active~.np-circular-btn__label,.np-theme-personal .np-circular-btn.negative:active .np-circular-btn__label{color:var(--color-sentiment-negative-active)}.np-theme-personal .np-circular-btn.negative.secondary .tw-icon{color:var(--color-sentiment-negative)}.np-theme-personal .np-circular-btn.negative.secondary input[type=button]:active+.tw-icon,.np-theme-personal .np-circular-btn.negative.secondary:not(.disabled,:disabled):hover .tw-icon{color:#fff;color:var(--color-interactive-control)}.np-theme-personal .np-circular-btn.negative.secondary:active input[type=button]+.tw-icon{color:var(--color-interactive-control)}