@transferwise/components 0.0.0-experimental-e99d415 → 0.0.0-experimental-2671b89
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/build/es/no-polyfill/avatar/Avatar.js +1 -1
- package/build/es/polyfill/avatar/Avatar.js +1 -1
- package/build/main.css +1 -1
- package/build/styles/avatar/Avatar.css +1 -1
- package/build/styles/main.css +1 -1
- package/build/styles/modal/Modal.css +1 -1
- package/build/styles/promoCard/PromoCard.css +1 -1
- package/build/umd/no-polyfill/main.js +1 -1
- package/build/umd/polyfill/main.js +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
.tw-modal--scrollable{max-height:100%;max-height:-webkit-fill-available}.tw-modal .tw-modal-dialog{background:#fff;background:var(--color-background-elevated);box-shadow:0 5px 15px rgba(0,0,0,.2);transform:translateY(-25%);transition:transform .3s ease-out}.np-theme-personal .tw-modal .tw-modal-dialog{background:#fff;background:var(--color-background-elevated);border-radius:24px;border-radius:var(--radius-large);box-shadow:none}.tw-modal.in .tw-modal-dialog{transform:translate(0)}.tw-modal .tw-modal-content{width:100%}.tw-modal .tw-modal-content .tw-modal-body{flex:1;word-break:break-word}.tw-modal .tw-modal-content .tw-modal-body--scrollable{overflow-y:auto}.tw-modal .tw-modal-content .tw-modal-header{box-shadow:inset 0 -1px 0 0 #e2e6e8}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-header{box-shadow:inset 0 -1px 0 0 #0000001a;box-shadow:inset 0 -1px 0 0 var(--color-border-neutral)}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-header .np-close-button{margin:-8px -8px -8px 0;margin:calc(var(--size-8)*-1) calc(var(--size-8)*-1) calc(var(--size-8)*-1) 0}.tw-modal .tw-modal-content .tw-modal-header.modal--withoutborder{box-shadow:none}.tw-modal .tw-modal-content .tw-modal-header .tw-icon{fill:#0097c7;fill:var(--color-content-accent);cursor:pointer;display:block}.tw-modal .tw-modal-content .tw-modal-body,.tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-header{padding:16px;padding:var(--size-16)}.tw-modal .tw-modal-content .tw-modal-title{max-width:85%}.tw-modal .tw-modal-content .tw-modal-footer{box-shadow:inset 0 1px 0 0 #e2e6e8;padding-bottom:12px;padding-bottom:var(--size-12);padding-top:12px;padding-top:var(--size-12)}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-footer{border-top:1px solid #0000001a;border-top:1px solid var(--color-border-neutral)}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-footer.modal--withoutborder{box-shadow:none}.tw-modal .tw-modal-content.tw-modal-no-title .tw-modal-body{padding-top:0!important}.tw-modal .tw-modal-content.tw-modal-no-title .tw-modal-header{min-height:32px;min-height:var(--size-32);padding-bottom:4px!important}@media (min-width:576px){.tw-modal .tw-modal-content .tw-modal-body,.tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-header{padding:32px 24px;padding:var(--size-32) var(--size-24)}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-body,.np-theme-personal .tw-modal .tw-modal-content .tw-modal-footer,.np-theme-personal .tw-modal .tw-modal-content .tw-modal-header{padding:24px;padding:var(--size-24)}.tw-modal .tw-modal-compact .tw-modal-header{min-height:56px;min-height:calc(var(--size-8)*7)}.tw-modal .tw-modal-compact .tw-modal-body,.tw-modal .tw-modal-compact .tw-modal-footer,.tw-modal .tw-modal-compact .tw-modal-header{padding-bottom:16px;padding-bottom:var(--size-16);padding-top:16px;padding-top:var(--size-16)}}@media (min-width:480px){.tw-modal-dialog.tw-modal-sm{width:300px}}@media (min-width:576px){.tw-modal{padding:40px;padding:var(--size-40)}.tw-modal .tw-modal-dialog .tw-modal-content{border-radius:10px;border-radius:var(--radius-small)}.tw-modal .tw-modal-dialog.tw-modal-md{width:540px}}@media (min-width:768px){.tw-modal-dialog.tw-modal-lg{width:720px}}@media (min-width:992px){.tw-modal-dialog.tw-modal-xl{width:1000px}}@media (-ms-high-contrast:none){:root .tw-modal,:root .tw-modal .tw-modal-dialog,_:-ms-fullscreen,_:-ms-fullscreen .tw-modal-dialog{height:100%}}
|
|
1
|
+
.tw-modal--scrollable{max-height:100%;max-height:-webkit-fill-available}.tw-modal .tw-modal-dialog{background:#fff;background:var(--color-background-elevated);box-shadow:0 5px 15px rgba(0,0,0,.2);transform:translateY(-25%);transition:transform .3s ease-out}.np-theme-personal .tw-modal .tw-modal-dialog{background:#fff;background:var(--color-background-elevated);border-radius:24px;border-radius:var(--radius-large);box-shadow:none}.tw-modal.in .tw-modal-dialog{transform:translate(0)}.tw-modal .tw-modal-content{width:100%}.tw-modal .tw-modal-content .tw-modal-body{flex:1;word-break:break-word}.tw-modal .tw-modal-content .tw-modal-body--scrollable{overflow-y:auto}.tw-modal .tw-modal-content .tw-modal-header{box-shadow:inset 0 -1px 0 0 #e2e6e8}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-header{box-shadow:inset 0 -1px 0 0 #0000001a;box-shadow:inset 0 -1px 0 0 var(--color-border-neutral)}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-header .np-close-button{margin:-8px -8px -8px 0;margin:calc(var(--size-8)*-1) calc(var(--size-8)*-1) calc(var(--size-8)*-1) 0}.tw-modal .tw-modal-content .tw-modal-header.modal--withoutborder{box-shadow:none}.tw-modal .tw-modal-content .tw-modal-header .tw-icon{fill:#0097c7;fill:var(--color-content-accent);cursor:pointer;display:block}.tw-modal .tw-modal-content .tw-modal-body,.tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-header{padding:16px;padding:var(--size-16)}.tw-modal .tw-modal-content .tw-modal-title{max-width:85%}.tw-modal .tw-modal-content .tw-modal-footer{box-shadow:inset 0 1px 0 0 #e2e6e8;padding-bottom:12px;padding-bottom:var(--size-12);padding-top:12px;padding-top:var(--size-12)}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-footer{border-top:1px solid #0000001a;border-top:1px solid var(--color-border-neutral)}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-footer.modal--withoutborder{box-shadow:none}.tw-modal .tw-modal-content.tw-modal-no-title .tw-modal-body{padding-top:0!important}.tw-modal .tw-modal-content.tw-modal-no-title .tw-modal-header{min-height:32px;min-height:var(--size-32);padding-bottom:4px!important}.tw-modal .table,.tw-modal table{background-color:transparent}@media (min-width:576px){.tw-modal .tw-modal-content .tw-modal-body,.tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-header{padding:32px 24px;padding:var(--size-32) var(--size-24)}.np-theme-personal .tw-modal .tw-modal-content .tw-modal-body,.np-theme-personal .tw-modal .tw-modal-content .tw-modal-footer,.np-theme-personal .tw-modal .tw-modal-content .tw-modal-header{padding:24px;padding:var(--size-24)}.tw-modal .tw-modal-compact .tw-modal-header{min-height:56px;min-height:calc(var(--size-8)*7)}.tw-modal .tw-modal-compact .tw-modal-body,.tw-modal .tw-modal-compact .tw-modal-footer,.tw-modal .tw-modal-compact .tw-modal-header{padding-bottom:16px;padding-bottom:var(--size-16);padding-top:16px;padding-top:var(--size-16)}}@media (min-width:480px){.tw-modal-dialog.tw-modal-sm{width:300px}}@media (min-width:576px){.tw-modal{padding:40px;padding:var(--size-40)}.tw-modal .tw-modal-dialog .tw-modal-content{border-radius:10px;border-radius:var(--radius-small)}.tw-modal .tw-modal-dialog.tw-modal-md{width:540px}}@media (min-width:768px){.tw-modal-dialog.tw-modal-lg{width:720px}}@media (min-width:992px){.tw-modal-dialog.tw-modal-xl{width:1000px}}@media (-ms-high-contrast:none){:root .tw-modal,:root .tw-modal .tw-modal-dialog,_:-ms-fullscreen,_:-ms-fullscreen .tw-modal-dialog{height:100%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-Card{--Card-image-scale:1;--Card-image-translate:0;--Card-indicator-text-background-color:var(--color-background-neutral);--Card-indicator-icon-background-color:var(--color-interactive-accent);--Card-indicator-icon-color:var(--color-interactive-control);--Card-check-background-color:var(--color-interactive-primary);--Card-check-color:var(--color-interactive-control)}.np-Card--promoCard{--Card-max-width:358px}.np-Card--promoCard.is-disabled{filter:grayscale(1);opacity:.45}.np-Card-image{height:auto;left:-24px;left:calc(var(--size-24)*-1);margin:0 auto;position:relative;transform:scale(var(--Card-image-scale)) translateY(var(--Card-image-translate));transition:transform .5s ease-in-out;width:100%;width:calc(100% + 48px);width:calc(100% + var(--size-48))}[dir=rtl] .np-Card-image{left:auto;right:-24px;right:calc(var(--size-24)*-1)}.np-Card-indicator{bottom:8px;display:flex;gap:4px;position:absolute;right:8px}[dir=rtl] .np-Card-indicator{left:8px;right:auto}.np-Card-indicatorText{background:var(--Card-indicator-text-background-color);border-radius:100px;display:inline-block;padding:16px;text-align:left;vertical-align:middle}.np-Card-indicatorIcon{align-items:center;background:var(--Card-indicator-icon-background-color);border-radius:50%;color:var(--Card-indicator-icon-color);display:inline-block;display:flex;height:56px;justify-content:center;width:56px}[dir=rtl] .np-Card-indicatorIcon{transform:scaleX(-1)}.np-Card--checked,.np-Card--link{box-shadow:none;color:currentColor;cursor:pointer;transform:scale(1);transition:box-shadow .2s ease-in-out,transform .5s ease-in-out}.np-theme-personal:not(.np-theme-personal--dark,.np-theme-personal--bright-green,.np-theme-personal--forest-green) .np-Card--checked,.np-theme-personal:not(.np-theme-personal--dark,.np-theme-personal--bright-green,.np-theme-personal--forest-green) .np-Card--link{--Card-box-shadow:0px 20px
|
|
1
|
+
.np-Card{--Card-image-scale:1;--Card-image-translate:0;--Card-indicator-text-background-color:var(--color-background-neutral);--Card-indicator-icon-background-color:var(--color-interactive-accent);--Card-indicator-icon-color:var(--color-interactive-control);--Card-check-background-color:var(--color-interactive-primary);--Card-check-color:var(--color-interactive-control)}.np-Card--promoCard{--Card-max-width:358px}.np-Card--promoCard.is-disabled{filter:grayscale(1);opacity:.45}.np-Card-image{height:auto;left:-24px;left:calc(var(--size-24)*-1);margin:0 auto;position:relative;transform:scale(var(--Card-image-scale)) translateY(var(--Card-image-translate));transition:transform .5s ease-in-out;width:100%;width:calc(100% + 48px);width:calc(100% + var(--size-48))}[dir=rtl] .np-Card-image{left:auto;right:-24px;right:calc(var(--size-24)*-1)}.np-Card-indicator{bottom:8px;bottom:var(--size-8);display:flex;gap:4px;gap:var(--size-4);position:absolute;right:8px;right:var(--size-8)}[dir=rtl] .np-Card-indicator{left:8px;left:var(--size-8);right:auto}.np-Card-indicatorText{background:var(--Card-indicator-text-background-color);border-radius:100px;display:inline-block;padding:16px;padding:var(--size-16);text-align:left;vertical-align:middle}.np-Card-indicatorIcon{align-items:center;background:var(--Card-indicator-icon-background-color);border-radius:50%;border-radius:var(--radius-full);color:var(--Card-indicator-icon-color);display:inline-block;display:flex;height:56px;height:var(--size-56);justify-content:center;width:56px;width:var(--size-56)}[dir=rtl] .np-Card-indicatorIcon{transform:scaleX(-1)}.np-Card--checked,.np-Card--link{box-shadow:none;color:currentColor;cursor:pointer;transform:scale(1);transition:box-shadow .2s ease-in-out,transform .5s ease-in-out}.np-theme-personal:not(.np-theme-personal--dark,.np-theme-personal--bright-green,.np-theme-personal--forest-green) .np-Card--checked,.np-theme-personal:not(.np-theme-personal--dark,.np-theme-personal--bright-green,.np-theme-personal--forest-green) .np-Card--link{--Card-box-shadow:0px 20px var(--size-40) 0px var(--color-background-neutral);--Card-check-color:var(--color-interactive-accent)}.np-Card--checked.is-disabled,.np-Card--link.is-disabled{cursor:not-allowed}@media (prefers-reduced-motion:reduce){.np-Card--checked,.np-Card--link{transition:none}}.np-Card--checked:hover:not(.is-disabled,:disabled,.is-checked,:focus-within),.np-Card--link:hover:not(.is-disabled,:disabled,.is-checked,:focus-within){--Card-image-scale:1.1;box-shadow:var(--Card-box-shadow)}.np-Card--checked:active:not(.is-disabled,:disabled,.is-checked),.np-Card--link:active:not(.is-disabled,:disabled,.is-checked){--Card-background-color:var(--color-background-neutral-active);--Card-image-scale:1.1;--Card-image-translate:var(--size-24);box-shadow:var(--Card-box-shadow);transform:scale(90%)}.np-theme-personal--bright-green .np-Card--checked:active:not(.is-disabled,:disabled,.is-checked),.np-theme-personal--bright-green .np-Card--link:active:not(.is-disabled,:disabled,.is-checked){--Card-background-color:var(--color-background-neutral)}.np-Card--checked:focus-visible:not(.is-disabled,:disabled),.np-Card--checked:has(:focus-visible):not(.np-Card--checked),.np-Card--link:focus-visible:not(.is-disabled,:disabled),.np-Card--link:has(:focus-visible):not(.np-Card--checked){--Card-image-scale:1.1;box-shadow:var(--Card-box-shadow);outline:var(--ring-outline-color) solid 4px;outline:var(--ring-outline-color) solid var(--size-4);outline-offset:4px;outline-offset:var(--size-4)}.np-Card--link .np-Card-titleLink{color:#37517e;color:var(--color-content-primary);text-decoration:none}.np-Card--link .np-Card-titleLink:focus-visible{outline:none}.np-Card--link .np-Card-titleLink:after{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.np-Card--checked.is-checked{box-shadow:0 0 0 4px var(--color-interactive-primary);box-shadow:0 0 0 var(--size-4) var(--color-interactive-primary)}.np-Card--checked.is-checked .np-Card-check{align-items:center;background:var(--Card-check-background-color);border-radius:50%;border-radius:var(--radius-full);color:var(--Card-check-color);display:flex;height:40px;height:var(--size-40);justify-content:center;position:absolute;right:8px;right:var(--size-8);top:8px;top:var(--size-8);width:40px;width:var(--size-40)}[dir=rtl] .np-Card--checked.is-checked .np-Card-check{left:8px;left:var(--size-8);right:auto}.np-Card--checked.is-checked:focus-visible:not(.is-disabled,:disabled){box-shadow:none}.np-CardGroup{display:flex;gap:24px;gap:var(--size-24);width:100%}
|