@transferwise/components 37.4.3 → 37.6.1-beta.2

package/build/styles/slidingPanel/SlidingPanel.css

@@ -1 +1 @@
-.sliding-panel{transform:translateX(-100%);transition:transform .35s cubic-bezier(0,.94,.62,1);background:#fff;background:var(--color-background-elevated,#fff);z-index:1030;position:absolute}.sliding-panel.sliding-panel--fixed{position:fixed}.sliding-panel.sliding-panel--open-left,.sliding-panel.sliding-panel--open-right{top:0;bottom:0}.sliding-panel.sliding-panel--open-right{transform:translateX(100%);right:0}.sliding-panel.sliding-panel--open-left{transform:translateX(-100%);left:0}.sliding-panel.sliding-panel-enter-done.sliding-panel--open-left,.sliding-panel.sliding-panel-enter-done.sliding-panel--open-right{transform:translateX(0)}.sliding-panel.sliding-panel-enter-done.sliding-panel--open-bottom,.sliding-panel.sliding-panel-enter-done.sliding-panel--open-top{transform:translateY(0)}.sliding-panel.sliding-panel--open-bottom,.sliding-panel.sliding-panel--open-top{right:0;left:0;width:100%}.sliding-panel.sliding-panel--open-top{transform:translateY(-100%);top:0}.sliding-panel.sliding-panel--open-bottom{transform:translateY(100%);bottom:0}.sliding-panel.sliding-panel--border-top{box-shadow:inset 0 -1px 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-right{box-shadow:inset 1px 0 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-bottom{box-shadow:inset 0 1px 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-left{box-shadow:inset -1px 0 0 0 #e2e6e8}
+.sliding-panel{transform:translateX(-100%);transition:transform .35s cubic-bezier(0,.94,.62,1);background:#fff;background:var(--color-background-elevated,#fff);z-index:1030;position:absolute}[dir=rtl] .sliding-panel{transform:translateX(100%)}.sliding-panel.sliding-panel--fixed{position:fixed}.sliding-panel.sliding-panel--open-left,.sliding-panel.sliding-panel--open-right{top:0;bottom:0}.sliding-panel.sliding-panel--open-right{transform:translateX(100%)}[dir=rtl] .sliding-panel.sliding-panel--open-right{transform:translateX(-100%);left:0}html:not([dir=rtl]) .sliding-panel.sliding-panel--open-right{right:0}.sliding-panel.sliding-panel--open-left{transform:translateX(-100%)}[dir=rtl] .sliding-panel.sliding-panel--open-left{transform:translateX(100%);right:0}html:not([dir=rtl]) .sliding-panel.sliding-panel--open-left{left:0}.sliding-panel.sliding-panel-enter-done.sliding-panel--open-left,.sliding-panel.sliding-panel-enter-done.sliding-panel--open-right{transform:translateX(0)}.sliding-panel.sliding-panel-enter-done.sliding-panel--open-bottom,.sliding-panel.sliding-panel-enter-done.sliding-panel--open-top{transform:translateY(0)}.sliding-panel.sliding-panel--open-bottom,.sliding-panel.sliding-panel--open-top{width:100%}[dir=rtl] .sliding-panel.sliding-panel--open-bottom,[dir=rtl] .sliding-panel.sliding-panel--open-top{left:0}[dir=rtl] .sliding-panel.sliding-panel--open-bottom,[dir=rtl] .sliding-panel.sliding-panel--open-top,html:not([dir=rtl]) .sliding-panel.sliding-panel--open-bottom,html:not([dir=rtl]) .sliding-panel.sliding-panel--open-top{right:0}html:not([dir=rtl]) .sliding-panel.sliding-panel--open-bottom,html:not([dir=rtl]) .sliding-panel.sliding-panel--open-top{left:0}.sliding-panel.sliding-panel--open-top{transform:translateY(-100%);top:0}.sliding-panel.sliding-panel--open-bottom{transform:translateY(100%);bottom:0}.sliding-panel.sliding-panel--border-top{box-shadow:inset 0 -1px 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-right{box-shadow:inset 1px 0 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-bottom{box-shadow:inset 0 1px 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-left{box-shadow:inset -1px 0 0 0 #e2e6e8}

package/build/styles/snackbar/Snackbar.css

@@ -1 +1 @@
-.snackbar{text-align:center;position:fixed;bottom:0;left:0;right:0;z-index:1060}.snackbar__text{background:#2e4369;color:#fff;font-size:.875rem;line-height:20px;display:inline-flex;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.25);align-items:center;justify-content:space-between;text-align:left;margin:0 16px;margin:0 var(--size-16,16px);padding:14px 16px;padding:14px var(--size-16,16px);width:calc(100% - 32px);width:calc(100% - var(--size-32, 32px));transition:.4s cubic-bezier(.215,.61,.355,1)}.snackbar__text--dark{background:#fff;background:var(--color-background-screen,#fff);color:#37517e;color:var(--color-text-primary,#37517e)}@media (min-width:576px){.snackbar__text{width:auto;max-width:600px}}.snackbar__text__action{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;line-height:1;border:0;padding:14px 16px;margin:-14px -16px -14px 0;background:none;outline:0;font:inherit;color:#00b9ff;color:var(--color-accent,#00b9ff);font-weight:600;position:relative;cursor:pointer}.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--rtl .snackbar__text__action{margin:-14px 0 -14px -16px}
+.snackbar{text-align:center;position:fixed;bottom:0;z-index:1060}[dir=rtl] .snackbar{right:0}[dir=rtl] .snackbar,html:not([dir=rtl]) .snackbar{left:0}html:not([dir=rtl]) .snackbar{right:0}.snackbar__text{background:#37517e;color:#fff;color:var(--color-base-white-light,#fff);font-size:.875rem;font-size:var(--font-size-14,.875rem);line-height:20px;display:inline-flex;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.25);align-items:center;justify-content:space-between;text-align:left;margin:0 16px;margin:0 var(--size-16,16px);padding:14px 16px;padding:14px var(--size-16,16px);width:calc(100% - 32px);width:calc(100% - var(--size-32, 32px));transition:.4s cubic-bezier(.215,.61,.355,1)}[dir=rtl] .snackbar__text{text-align:right}.snackbar__text--dark{background:#fff;background:var(--color-background-screen,#fff);color:#37517e;color:var(--color-content-primary,#37517e)}@media (min-width:576px){.snackbar__text{width:auto;max-width:600px}}.snackbar__text__action{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;line-height:1;border:0;padding:14px 16px;margin-top:-14px;margin-bottom:-14px;background:none;outline:0;font:inherit;font-weight:600;font-weight:var(--font-weight-semi-bold,600);color:#00b9ff;position:relative;cursor:pointer}[dir=rtl] .snackbar__text__action{margin-left:-16px;margin-left:calc(var(--size-16, 16px)*-1)}html:not([dir=rtl]) .snackbar__text__action{margin-right:-16px;margin-right:calc(var(--size-16, 16px)*-1)}[dir=rtl] .snackbar__text__action{margin-right:0}html:not([dir=rtl]) .snackbar__text__action{margin-left:0}.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/styles/stepper/Stepper.css

@@ -1 +1 @@
-.tw-stepper{padding-bottom:24px;width:100%}@media only screen and (max-width:575px){.tw-stepper{padding-bottom:0}}.tw-stepper__step{position:absolute;list-style-type:none}.tw-stepper__step--active .tw-stepper__step-label{color:#2e4369;font-weight:600}.tw-stepper__step--clickable .tw-stepper__step-label{color:#00b9ff;font-weight:600;transition:color .15s ease-in-out}.tw-stepper__step--clickable .tw-stepper__step-label:focus,.tw-stepper__step--clickable .tw-stepper__step-label:hover{color:#00a4df}@media screen and (min-width:576px) and (max-width:991px){.tw-stepper__step:first-child .tooltip-inner{transform:translateX(calc(50% - 32px))}.tw-stepper__step:last-child .tooltip-inner{transform:translateX(calc(-50% + 32px))}.tw-stepper__step .tooltip-arrow{z-index:1}}.tw-stepper__step-label{color:#a8aaac;transition:color .6s ease-in-out;position:absolute;white-space:nowrap;transform:translateX(-50%)}.tw-stepper .tooltip{top:24px!important;white-space:nowrap}.tw-stepper .tooltip .tooltip-inner{max-width:100%}.tw-stepper .tw-tooltip-container{display:block}.tw-stepper-steps{position:relative}.progress-bar-ending{float:left;height:100%;background:linear-gradient(90deg,#00b9ff,#2e4369);transition:width .6s ease-in-out}.progress-bar-ending:after{float:right;width:8px;height:8px;margin-top:-3px;margin-right:-4px;content:"";background-color:#2e4369;border-radius:4px}.progress-bar-filler{float:left;height:100%;background-color:#00b9ff;border-top-left-radius:1px;border-bottom-left-radius:1px;transition:width .6s ease-in-out;will-change:width}.btn-unstyled{background:none;outline:none;border:none;margin:0;padding:0;display:block}
+.tw-stepper{padding-bottom:24px;width:100%}@media only screen and (max-width:575px){.tw-stepper{padding-bottom:0}}.tw-stepper__step{list-style-type:none;display:flex;justify-content:center;width:100%}.tw-stepper__step--active .tw-stepper__step-label{color:#37517e;color:var(--color-content-primary,#37517e);font-weight:600;font-weight:var(--font-weight-semi-bold,600)}.tw-stepper__step--clickable .tw-stepper__step-label{color:#0097c7;color:var(--color-content-accent,#0097c7);font-weight:600;font-weight:var(--font-weight-semi-bold,600);transition:color .15s ease-in-out}@media screen and (min-width:576px) and (max-width:991px){.tw-stepper__step:first-child .tooltip-inner{transform:translateX(calc(50% - 32px))}.tw-stepper__step:last-child .tooltip-inner{transform:translateX(calc(-50% + 32px))}.tw-stepper__step .tooltip-arrow{z-index:1}}.tw-stepper__step-label{color:#5d7079;color:var(--color-content-secondary,#5d7079);transition:color .6s ease-in-out;white-space:nowrap}.tw-stepper .tooltip{top:24px!important;white-space:nowrap}.tw-stepper .tooltip .tooltip-inner{max-width:100%}.tw-stepper .tw-tooltip-container{display:block}.tw-stepper-steps{position:relative;display:flex;justify-content:space-between;width:125%}[dir=rtl] .tw-stepper-steps{margin-right:-12.5%}html:not([dir=rtl]) .tw-stepper-steps{margin-left:-12.5%}[dir=rtl] .tw-stepper-steps,html:not([dir=rtl]) .tw-stepper-steps{padding:0}.progress-bar-ending{float:left;height:100%;background:linear-gradient(90deg,#00a2dd,#37517e);background:linear-gradient(90deg,var(--color-interactive-accent,#00a2dd),var(--color-base-navy-light,#37517e));transition:width .6s ease-in-out}[dir=rtl] .progress-bar-ending{float:right;background:linear-gradient(270deg,#00a2dd,#37517e);background:linear-gradient(270deg,var(--color-interactive-accent,#00a2dd),var(--color-base-navy-light,#37517e))}.progress-bar-ending:after{float:right;width:8px;height:8px;margin-top:-3px;content:"";background-color:#37517e;background-color:var(--color-base-navy-light,#37517e);border-radius:4px}[dir=rtl] .progress-bar-ending:after{float:left;margin-left:-4px}html:not([dir=rtl]) .progress-bar-ending:after{margin-right:-4px}.progress-bar-filler{float:left;height:100%;background-color:#00a2dd;background-color:var(--color-interactive-accent,#00a2dd);border-top-left-radius:1px;border-bottom-left-radius:1px;transition:width .6s ease-in-out;will-change:width}[dir=rtl] .progress-bar-filler{float:right}.btn-unstyled{background:none;outline:none;border:none;margin:0;padding:0;display:block}

package/build/styles/summary/Summary.css

@@ -1 +1 @@
-.np-summary{min-width:280px}.np-summary__title{margin-top:2px;line-height:1.375}.np-summary__title .np-info__small{margin-top:2px}.np-summary__icon{position:relative;color:#37517e;color:var(--color-primary,#37517e)}.np-summary__icon .np-summary-icon__done{color:#2ed06e;color:var(--color-control-positive,#2ed06e)}.np-summary__icon .np-summary-icon__pending{color:#ffa600;color:var(--color-control-warning,#ffa600)}.np-summary__icon :nth-child(2){background-color:#fff;background-color:var(--color-background-screen,#fff);border-radius:50%;position:absolute;right:-8px;bottom:-6px}.np-summary__description{line-height:1.42857}.np-summary__action,.np-summary__description{margin-top:4px;margin-top:var(--size-4,4px);font-size:.875rem}.np-summary__action{line-height:1.28571}.np-summary+.np-summary{margin-top:24px;margin-top:var(--size-24,24px)}
+.np-summary{min-width:280px}.np-summary__title{margin-top:2px;line-height:1.375}.np-summary__title .np-info__small{margin-top:2px}.np-summary__icon{position:relative;color:#37517e;color:var(--color-content-primary,#37517e)}.np-summary__icon .np-summary-icon__done{color:#2ead4b;color:var(--color-interactive-positive,#2ead4b)}.np-summary__icon .np-summary-icon__pending{color:#df8700;color:var(--color-interactive-warning,#df8700)}.np-summary__icon :nth-child(2){background-color:#fff;background-color:var(--color-background-screen,#fff);border-radius:50%;position:absolute;bottom:-6px}[dir=rtl] .np-summary__icon :nth-child(2){left:-8px}html:not([dir=rtl]) .np-summary__icon :nth-child(2){right:-8px}.np-summary__description{line-height:1.42857}.np-summary__action,.np-summary__description{margin-top:4px;margin-top:var(--size-4,4px);font-size:.875rem;font-size:var(--font-size-14,.875rem)}.np-summary__action{line-height:1.28571}.np-summary+.np-summary{margin-top:24px;margin-top:var(--size-24,24px)}

package/build/styles/switch/Switch.css

@@ -1 +1 @@
-.np-switch{display:inline-flex;overflow:hidden;width:50px;padding:2px;border:1px solid #d3d5d8;border-radius:16px}.np-switch--thumb{display:flex;transition:transform .35s cubic-bezier(0,.94,.62,1)}.np-switch--thumb .tw-icon{color:#fff;color:var(--color-text-control,#fff)}.np-switch--unchecked{background:#d3d5d8}.np-switch--unchecked .switch--thumb{transform:translateX(0)}.np-switch--checked{border:1px solid #00b9ff;border:1px solid var(--color-control-accent,#00b9ff);background:#00b9ff;background:var(--color-control-accent,#00b9ff)}.np-switch--checked .np-switch--thumb{transform:translateX(20px)}.np-switch--rtl.np-switch--checked .np-switch--thumb{transform:translateX(-20px)}.np-switch--disabled{background:#a8aaac;background:var(--color-text-inactive,#a8aaac);cursor:not-allowed;border-color:#a8aaac;border-color:var(--color-text-inactive,#a8aaac)}.np-switch input{position:absolute;left:-100%;display:none;width:0;height:0;opacity:0}.np-switch:not([aria-disabled]){cursor:pointer}
+.np-switch{display:inline-flex;overflow:hidden;width:50px;padding:2px;border-radius:16px}.np-switch--thumb{display:flex;transition:transform .35s cubic-bezier(0,.94,.62,1)}.np-switch--thumb .tw-icon{color:#fff;color:var(--color-base-white-light,#fff)}.np-switch--unchecked{background:#c9cbce;background:var(--color-interactive-secondary,#c9cbce)}.np-switch--unchecked .switch--thumb{transform:translateX(0)}.np-switch--checked{background:#00a2dd;background:var(--color-interactive-accent,#00a2dd)}.np-switch--checked .np-switch--thumb{transform:translateX(20px)}[dir=rtl] .np-switch--checked .np-switch--thumb{transform:translateX(-20px)}.np-switch--disabled{background:#a8aaac;background:var(--color-interactive-disabled,#a8aaac);cursor:not-allowed;border-color:#a8aaac;border-color:var(--color-interactive-disabled,#a8aaac)}.np-switch input{position:absolute;display:none;width:0;height:0;opacity:0}[dir=rtl] .np-switch input{right:-100%}html:not([dir=rtl]) .np-switch input{left:-100%}.np-switch:not([aria-disabled]){cursor:pointer}

package/build/styles/tabs/Tabs.css

@@ -1 +1 @@
-.tabs{position:relative}.tabs__tab{display:inline-block;cursor:pointer;outline:none;text-align:center;padding:8px;padding:var(--size-8,8px);margin-bottom:-3px;color:#2e4369;font-weight:600;transition:color .15s ease-in-out}.tabs__tab--selected{color:#00b9ff}.tabs__tab--disabled{color:#a8aaac!important;cursor:not-allowed}.tabs__tab:focus{color:#00b9ff}@media (min-width:992px){.tabs__tab:hover{color:#00b9ff}}@media (hover:hover){.tabs__tab:hover{color:#00b9ff}}.tabs__tab-list{list-style:none;padding:0;margin:0;border-bottom:1px solid #d3d5d8}.tabs__line{height:3px;background-color:#00b9ff;transition:transform .35s cubic-bezier(0,.94,.62,1)}.tabs__panel-container{width:100%}.tabs__slider{display:flex}.tabs__panel--selected{padding:8px;padding:var(--size-8,8px);border:1px solid #37517e}.tabs__panel.enter{opacity:0}.tabs__panel.enter-active{opacity:1}.tabs__panel.exit{opacity:0}.tabs--inverse .tabs__tab-list{border-bottom-color:#829ca9}.tabs--inverse .tabs__tab:not(.tabs__tab--selected){color:#fff}.tabs.tabs--auto-width .tabs__tab{display:inline-flex;height:40px;height:var(--size-40,40px);padding:0 24px;padding:0 var(--size-24,24px);justify-content:center;align-items:center}
+.tabs{position:relative}.tabs__tab{display:inline-block;cursor:pointer;outline:none;text-align:center;padding:8px;padding:var(--size-8,8px);margin-bottom:-3px;font-weight:600;font-weight:var(--font-weight-semi-bold,600);color:#37517e;color:var(--color-content-primary,#37517e);transition:color .15s ease-in-out}.tabs__tab--selected{color:#0097c7;color:var(--color-content-accent,#0097c7)}.tabs__tab--disabled{color:#a8aaac;color:var(--color-content-disabled,#a8aaac);cursor:not-allowed}.tabs__tab:focus{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}@media (min-width:992px){.tabs__tab:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}}@media (hover:hover){.tabs__tab:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}}.tabs__tab-list{list-style:none;padding:0;margin:0;border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}[dir=rtl] .tabs__tab-list{padding-right:0}html:not([dir=rtl]) .tabs__tab-list{padding-left:0}.tabs__line{height:3px;background-color:#00a2dd;background-color:var(--color-interactive-accent,#00a2dd);transition:transform .35s cubic-bezier(0,.94,.62,1)}.tabs__panel-container{width:100%}.tabs__slider{display:flex}.tabs__panel--selected{padding:8px;padding:var(--size-8,8px);border:1px solid #37517e}.tabs__panel.enter{opacity:0}.tabs__panel.enter-active{opacity:1}.tabs__panel.exit{opacity:0}.tabs--inverse .tabs__tab-list{border-bottom-color:rgba(0,0,0,.10196078431372549);border-bottom-color:var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.tabs--inverse .tabs__tab:not(.tabs__tab--selected){color:#fff}.tabs.tabs--auto-width .tabs__tab{display:inline-flex;height:40px;height:var(--size-40,40px);padding:0 24px;padding:0 var(--size-24,24px);justify-content:center;align-items:center}

package/build/styles/tile/Tile.css

@@ -1 +1 @@
-.np-tile{min-width:120px;border-radius:3px;border-radius:var(--radius-small,3px);width:100%}.np-tile.decision{margin-top:0;border:1px solid #e2e6e8;border:1px solid var(--color-border-neutral,#e2e6e8)}.np-tile.np-decision__tile--fixed-width{width:300px}.np-tile__media{width:100%}.np-tile__title{margin-top:16px;margin-top:var(--size-16,16px);font-size:1.333333rem;line-height:1.2;color:#37517e;color:var(--color-text-primary,#37517e)}.np-tile__description{margin-top:12px;margin-top:var(--size-12,12px);line-height:1.375;color:#5d7079;color:var(--color-text-secondary,#5d7079);font-weight:500}.np-tile--small.np-decision__tile--fixed-width{width:260px}.np-tile--small .np-tile__title{margin-top:12px;margin-top:var(--size-12,12px);font-size:1rem;line-height:1.375}.np-tile--small .np-tile__description{margin-top:4px;margin-top:var(--size-4,4px)}.np-tile:hover .tw-avatar{pointer-events:none}.np-tile:hover .tw-avatar .tw-avatar__content{background-color:#fff;background-color:var(--color-background-screen,#fff)}
+.np-tile{min-width:120px;border-radius:3px;border-radius:var(--radius-small,3px);width:100%}.np-tile.decision{margin-top:0;border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.np-tile.np-decision__tile--fixed-width{width:300px}.np-tile__media{width:100%}.np-tile__title{margin-top:16px;margin-top:var(--size-16,16px);font-size:1.333333rem;line-height:1.2;color:#37517e;color:var(--color-content-primary,#37517e)}.np-tile__description{margin-top:12px;margin-top:var(--size-12,12px);line-height:1.5;line-height:var(--line-height-body,1.5);color:#5d7079;color:var(--color-content-secondary,#5d7079);font-weight:500;font-weight:var(--font-weight-regular,500)}.np-tile--small.np-decision__tile--fixed-width{width:260px}.np-tile--small .np-tile__title{margin-top:12px;margin-top:var(--size-12,12px);font-size:1rem;font-size:var(--font-size-16,1rem);line-height:1.2;line-height:var(--line-height-title,1.2)}.np-tile--small .np-tile__description{margin-top:4px;margin-top:var(--size-4,4px)}.np-tile:hover .tw-avatar{pointer-events:none}.np-tile:hover .tw-avatar .tw-avatar__content{background-color:#fff;background-color:var(--color-background-screen,#fff)}

package/build/styles/tooltip/Tooltip.css

@@ -1 +1 @@
-.tw-tooltip-container{display:inline-block}.tw-tooltip-container .tooltip{visibility:visible;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tw-tooltip-container .tooltip:not(.in){pointer-events:none;animation:tw-tooltip-disappear;animation-duration:0s;animation-delay:.15s;animation-fill-mode:both}@keyframes tw-tooltip-disappear{0%{visibility:visible}to{visibility:hidden}}
+.tw-tooltip-container{display:inline-block;background-color:#ff0}.tw-tooltip-container .tooltip{visibility:visible;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tw-tooltip-container .tooltip:not(.in){pointer-events:none;animation:tw-tooltip-disappear;animation-duration:0s;animation-delay:.15s;animation-fill-mode:both}@keyframes tw-tooltip-disappear{0%{visibility:visible}to{visibility:hidden}}.np-panel[data-popper-placement^=right]>.np-panel__content.tooltip-inner .np-panel__arrow{left:-14px}[dir=rtl] .np-panel[data-popper-placement^=right]>.np-panel__content.tooltip-inner .np-panel__arrow{left:0}.np-panel[data-popper-placement^=left]>.np-panel__content.tooltip-inner .np-panel__arrow{right:0}[dir=rtl] .np-panel[data-popper-placement^=left]>.np-panel__content.tooltip-inner .np-panel__arrow{right:-14px}

package/build/styles/typeahead/Typeahead.css

@@ -1 +1 @@
-.typeahead.open .input-group{z-index:1060}.typeahead .dropdown.btn-block{display:block}.typeahead .dropdown-menu{max-width:100%;width:100%}.typeahead--multiple .chip{margin-bottom:auto;animation-name:slide;animation-duration:.03s;animation-timing-function:ease-in-out}.typeahead--multiple .chip:first-child{animation-name:slideFirst}.typeahead--multiple .chip-remove{animation-name:fadeIn;animation-duration:.03s;animation-timing-function:ease-in-out}.typeahead--multiple .form-control{height:auto;min-height:auto;padding-top:0;padding-bottom:0;overflow:auto}.typeahead--multiple .typeahead__input{border:none;outline:none;float:none;font-size:inherit;line-height:inherit;align-self:stretch;padding:2px 0 0}.typeahead--multiple .typeahead__input-aligner{height:40px;display:inline-block;width:0}.typeahead--multiple .typeahead__input-container{cursor:text;display:flex}.typeahead--multiple .sizer{white-space:pre;position:absolute;visibility:hidden;width:auto}.typeahead--multiple.typeahead--has-value .typeahead__input-container{padding-left:8px;padding-left:var(--size-8,8px)}.typeahead--multiple.typeahead--has-value .typeahead__input{margin-bottom:-7px;margin-bottom:calc(var(--size-8, 8px)*-1 + 1px);margin-left:4px;margin-left:var(--size-4,4px)}.typeahead--multiple.typeahead--has-value .typeahead__input-wrapper:after{content:"";height:calc(8px - 1);height:calc(var(--size-8, 8px) - 1);width:100%}.typeahead__input-wrapper{width:100%;margin-top:-1px;display:flex;flex-wrap:wrap;flex:1;align-items:center}.typeahead--empty.typeahead--multiple .typeahead__input-wrapper{padding:0;margin:0}.typeahead-sm.typeahead--multiple .typeahead__input-container{min-height:32px}.typeahead-sm.typeahead--multiple .typeahead__input{padding-top:0}.typeahead-md.typeahead--multiple .typeahead__input-container{min-height:48px}.typeahead-lg.typeahead--multiple .typeahead__input-container{min-height:72px}.typeahead-lg.typeahead--multiple .typeahead__input{padding-top:calc(8px - 1);padding-top:calc(var(--size-8, 8px) - 1)}.typeahead-lg.typeahead--multiple .typeahead__input-wrapper{padding-bottom:8px;padding-bottom:var(--size-8,8px);margin:0}.typeahead-lg.typeahead--multiple .typeahead__input-wrapper:after{content:none}.typeahead-lg.typeahead--multiple .chip{margin-bottom:0;line-height:0}@keyframes slide{0%{transform:translateX(-12px)}to{transform:none}}@keyframes slideFirst{0%{transform:translateX(-4px)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:.6}}@media (max-width:575px){.typeahead .dropdown.open .dropdown-menu{position:absolute;bottom:auto;overflow:scroll}}
+.typeahead.open .input-group{z-index:1060}.typeahead .dropdown.btn-block{display:block}.typeahead .dropdown-menu{max-width:100%;width:100%}.typeahead--multiple .chip{margin-bottom:auto;animation-name:slide;animation-duration:.03s;animation-timing-function:ease-in-out}.typeahead--multiple .chip:first-child{animation-name:slideFirst}.typeahead--multiple .chip-remove{animation-name:fadeIn;animation-duration:.03s;animation-timing-function:ease-in-out}.typeahead--multiple .form-control{height:auto;min-height:auto;padding-top:0;padding-bottom:0;overflow:auto}.typeahead--multiple .typeahead__input{border:none;outline:none;float:none;font-size:inherit;line-height:inherit;align-self:stretch;padding:2px 0 0}.typeahead--multiple .typeahead__input-aligner{height:40px;display:inline-block;width:0}.typeahead--multiple .typeahead__input-container{cursor:text;display:flex}.typeahead--multiple .sizer{white-space:pre;position:absolute;visibility:hidden;width:auto}[dir=rtl] .typeahead--multiple.typeahead--has-value .typeahead__input-container{padding-right:8px;padding-right:var(--size-8,8px)}html:not([dir=rtl]) .typeahead--multiple.typeahead--has-value .typeahead__input-container{padding-left:8px;padding-left:var(--size-8,8px)}.typeahead--multiple.typeahead--has-value .typeahead__input{margin-bottom:-7px;margin-bottom:calc(var(--size-8, 8px)*-1 + 1px)}[dir=rtl] .typeahead--multiple.typeahead--has-value .typeahead__input{margin-right:4px;margin-right:var(--size-4,4px)}html:not([dir=rtl]) .typeahead--multiple.typeahead--has-value .typeahead__input{margin-left:4px;margin-left:var(--size-4,4px)}.typeahead--multiple.typeahead--has-value .typeahead__input-wrapper:after{content:"";height:calc(8px - 1);height:calc(var(--size-8, 8px) - 1);width:100%}.typeahead__input-wrapper{width:100%;margin-top:-1px;display:flex;flex-wrap:wrap;flex:1;align-items:center}.typeahead--empty.typeahead--multiple .typeahead__input-wrapper{padding:0;margin:0}.typeahead-sm.typeahead--multiple .typeahead__input-container{min-height:32px}.typeahead-sm.typeahead--multiple .typeahead__input{padding-top:0}.typeahead-md.typeahead--multiple .typeahead__input-container{min-height:48px}.typeahead-lg.typeahead--multiple .typeahead__input-container{min-height:72px}.typeahead-lg.typeahead--multiple .typeahead__input{padding-top:calc(8px - 1);padding-top:calc(var(--size-8, 8px) - 1)}.typeahead-lg.typeahead--multiple .typeahead__input-wrapper{padding-bottom:8px;padding-bottom:var(--size-8,8px);margin:0}.typeahead-lg.typeahead--multiple .typeahead__input-wrapper:after{content:none}.typeahead-lg.typeahead--multiple .chip{margin-bottom:0;line-height:0}@keyframes slide{0%{transform:translateX(-12px)}to{transform:none}}@keyframes slideFirst{0%{transform:translateX(-4px)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:.6}}@media (max-width:575px){.typeahead .dropdown.open .dropdown-menu{position:absolute;bottom:auto;overflow:scroll}}

package/build/styles/typeahead/typeaheadOption/TypeaheadOption.css

@@ -1 +1 @@
-.typeahead__option.tw-dropdown-item .dropdown-item:active strong{color:#fff;color:var(--color-text-control,#fff)}.typeahead__option.tw-dropdown-item--clickable{cursor:pointer}.typeahead__option.tw-dropdown-item--focused{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}
+.typeahead__option.tw-dropdown-item .dropdown-item:active strong{color:#fff;color:var(--color-base-white-light,#fff)}.typeahead__option.tw-dropdown-item--clickable{cursor:pointer}.typeahead__option.tw-dropdown-item--focused{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}

package/build/styles/uploadInput/UploadInput.css

@@ -1 +1 @@
-.np-upload-input{border:1px solid #e2e6e8;border:1px solid var(--color-border-neutral,#e2e6e8);border-radius:3px;border-radius:var(--radius-small,3px)}
+.np-upload-input{border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-radius:3px;border-radius:var(--radius-small,3px)}

package/build/styles/uploadInput/uploadButton/UploadButton.css

@@ -1 +1 @@
-.np-upload-button{width:100%;text-decoration:none!important;border:0!important;letter-spacing:normal!important;padding:12px 16px;padding:var(--size-12,12px) var(--size-16,16px)}.np-upload-button.np-upload-accent{color:#00b9ff;color:var(--color-control-accent,#00b9ff)}label.np-upload-button:not(.disabled):active,label.np-upload-button:not(.disabled):focus,label.np-upload-button:not(.disabled):hover{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}label.np-upload-button.disabled{color:#a8aaac;color:var(--color-text-inactive,#a8aaac)}.np-upload-button .np-upload-icon{display:flex;align-items:center}.np-upload-button .np-upload-description{font-weight:400;white-space:normal}.np-upload-button-container.droppable{border:0}.np-upload-button-container .droppable-card-content{display:flex}.np-upload-button-container input[type=file]{opacity:0;z-index:-1;position:absolute}.np-upload-button-container input[type=file]:focus+label{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}
+.np-upload-button{width:100%;text-decoration:none!important;border:0!important;letter-spacing:normal!important;padding:12px 16px;padding:var(--size-12,12px) var(--size-16,16px)}.np-upload-button.np-upload-accent{color:#00a2dd;color:var(--color-interactive-accent,#00a2dd)}label.np-upload-button:not(.disabled):active,label.np-upload-button:not(.disabled):focus,label.np-upload-button:not(.disabled):hover{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}label.np-upload-button.disabled{color:#a8aaac;color:var(--color-content-disabled,#a8aaac)}.np-upload-button .np-upload-icon{display:flex;align-items:center}.np-upload-button .np-upload-description{font-weight:400;white-space:normal}.np-upload-button-container.droppable{border:0}.np-upload-button-container .droppable-card-content{display:flex}.np-upload-button-container input[type=file]{opacity:0;z-index:-1;position:absolute}.np-upload-button-container input[type=file]:focus+label{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}

package/build/styles/uploadInput/uploadItem/UploadItem.css

@@ -1 +1 @@
-.np-upload-item:not(:last-child):after{display:block;position:relative;border-bottom:1px solid #e2e6e8;border-bottom:1px solid var(--color-border-neutral,#e2e6e8);content:" ";margin:0 16px;margin:0 var(--size-16,16px)}.np-upload-item__link a{flex:1;text-decoration:none;outline:none;font-weight:500;font-weight:var(--font-weight-regular,500)}.np-upload-item__link a:active,.np-upload-item__link a:focus,.np-upload-item__link a:hover{text-decoration:none;background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}.np-upload-item__link a:active~.np-upload-item__remove-button,.np-upload-item__link a:focus~.np-upload-item__remove-button,.np-upload-item__link a:hover~.np-upload-item__remove-button{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}.np-upload-item__body{display:flex;align-items:center;justify-content:space-between}.np-upload-item__remove-button{flex-shrink:0;align-self:stretch;padding:12px 16px;padding:var(--size-12,12px) var(--size-16,16px);color:#a8aaac;color:var(--color-text-inactive,#a8aaac);background:transparent}.np-upload-item__remove-button:focus,.np-upload-item__remove-button:hover{color:#f53636!important;color:var(--color-negative,#f53636)!important}
+.np-upload-item:not(:last-child):after{display:block;position:relative;border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));content:" ";margin:0 16px;margin:0 var(--size-16,16px)}.np-upload-item__link a{flex:1;text-decoration:none;outline:none;font-weight:500;font-weight:var(--font-weight-regular,500)}.np-upload-item__link a:active,.np-upload-item__link a:focus,.np-upload-item__link a:hover{text-decoration:none}.np-upload-item__link a:active,.np-upload-item__link a:active~.np-upload-item__remove-button,.np-upload-item__link a:focus,.np-upload-item__link a:focus~.np-upload-item__remove-button,.np-upload-item__link a:hover,.np-upload-item__link a:hover~.np-upload-item__remove-button{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.np-upload-item__body{display:flex;align-items:center;justify-content:space-between}.np-upload-item__remove-button{flex-shrink:0;align-self:stretch;padding:12px 16px;padding:var(--size-12,12px) var(--size-16,16px);color:#a8aaac;color:var(--color-content-disabled,#a8aaac);background:transparent}.np-upload-item__remove-button:focus,.np-upload-item__remove-button:hover{color:#d03238!important;color:var(--color-interactive-negative-hover,#d03238)!important}

package/build/types/common/direction.d.ts

@@ -0,0 +1,6 @@
+export declare enum Direction {
+    RTL = "rtl",
+    LTR = "ltr",
+    AUTO = "auto"
+}
+export declare type LayoutDirection = 'rtl' | 'ltr' | 'auto';

package/build/types/common/domHelpers/index.d.ts

@@ -1,2 +1,3 @@
-export declare function isServerSideRendering(): boolean;
+export declare function isServerSide(): boolean;
+export declare function isBrowser(): boolean;
 export { addClickClassToDocumentOnIos, removeClickClassFromDocumentOnIos, } from './documentIosClick';

package/build/types/common/hooks/useDirection/useDirection.d.ts

@@ -1,4 +1,4 @@
 export function useDirection(): {
-    direction: string;
+    direction: import("../..").LayoutDirection;
     isRTL: boolean;
 };

package/build/types/common/index.d.ts

@@ -1,5 +1,6 @@
 export { default as HistoryNavigator } from "./historyNavigator";
 export * from "./theme";
+export * from "./direction";
 export * from "./propsValues/size";
 export * from "./propsValues/width";
 export * from "./locale";
@@ -17,5 +18,6 @@ export { Scroll } from "./propsValues/scroll";
 export { MarkdownNodeType } from "./propsValues/markdownNodeType";
 export { FileType } from "./fileType";
 export { Key } from "./key";
+export { isServerSide, isBrowser } from "./domHelpers";
 export { addNoScrollBodyClass, removeNoScrollBodyClass } from "./DOMOperations";
 export { Priority, ControlType } from "./propsValues/control";

package/build/types/common/locale/index.d.ts

@@ -26,6 +26,11 @@ export const DEFAULT_LANG: string;
  * @type {string}
  */
 export const DEFAULT_LOCALE: string;
-export const SUPPORTED_RTL: string[];
+/**
+ * Array of languages that are written from the right to the left
+ *
+ * @type {string[]}
+ */
+export const RTL_LANGUAGES: string[];
 export const SUPPORTED_LANGUAGES: string[];
 export function getCountryFromLocale(locale: string): string | null;

package/build/types/common/propsValues/position.d.ts

@@ -9,3 +9,7 @@ export declare enum Position {
     RIGHT_TOP = "right-top",
     TOP = "top"
 }
+export declare type PositionTop = 'top';
+export declare type PositionRight = 'right';
+export declare type PositionBottom = 'bottom';
+export declare type PositionLeft = 'left';

package/build/types/index.d.ts

@@ -2,10 +2,11 @@
  * Types
  */
 export type { UploadedFile, UploadError, UploadResponse } from './uploadInput/types';
+export type { LayoutDirection } from './common';
 /**
  * Components
  */
-export { default as Provider } from './provider';
+export { default as Provider, DirectionProvider } from './provider';
 export { default as Badge } from './badge';
 export { default as Checkbox } from './checkbox';
 export { default as CheckboxButton } from './checkboxButton';
@@ -75,7 +76,7 @@ export { default as useSnackbar } from './snackbar/useSnackbar';
 /**
  * Enums
  */
-export { Size, Width, Sentiment, Priority, ControlType, Type, Theme, DateMode, MonthFormat, Position, Scroll, ProfileType, Breakpoint, Layout, Status, MarkdownNodeType, } from './common';
+export { Direction, Size, Width, Sentiment, Priority, ControlType, Type, Theme, DateMode, MonthFormat, Position, Scroll, ProfileType, Breakpoint, Layout, Status, MarkdownNodeType, } from './common';
 export { AvatarType } from './avatar';
 export { InfoPresentation } from './info';
 export { UploadStep } from './upload';
@@ -86,7 +87,7 @@ export { FileType } from './common';
 /**
  * Utils
  */
-export { SUPPORTED_LANGUAGES, DEFAULT_LANG, DEFAULT_LOCALE, adjustLocale, getLangFromLocale, getCountryFromLocale, } from './common';
+export { SUPPORTED_LANGUAGES, RTL_LANGUAGES, DEFAULT_LANG, DEFAULT_LOCALE, adjustLocale, getLangFromLocale, getCountryFromLocale, isServerSide, isBrowser, } from './common';
 /**
  * Translations
  */

package/build/types/provider/direction/DirectionProvider.d.ts

@@ -1,18 +1,8 @@
-export const DirectionContext: import("react").Context<string>;
-export function DirectionProvider({ locale, children }: {
-    locale: any;
-    children: any;
-}): JSX.Element;
-export namespace DirectionProvider {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const locale: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const children_1: null;
-        export { children_1 as children };
-        export { DEFAULT_LOCALE as locale };
-    }
-}
-import PropTypes from "prop-types";
-import { DEFAULT_LOCALE } from "../../common/locale";
+import { ReactElement, PropsWithChildren } from 'react';
+import { LayoutDirection } from '../../common';
+export declare const DirectionContext: import("react").Context<LayoutDirection>;
+declare type Props = PropsWithChildren<{
+    direction?: LayoutDirection;
+}>;
+export declare const DirectionProvider: ({ direction, children, }: Props) => ReactElement;
+export {};

package/build/types/provider/direction/DirectionProvider.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/build/types/provider/index.d.ts

@@ -1 +1,2 @@
+export { DirectionProvider } from "./direction/DirectionProvider";
 export { default } from "./Provider";

package/build/types/tooltip/Tooltip.d.ts

@@ -1,18 +1,9 @@
-import * as React from 'react';
-
-export type TooltipChildren = React.ReactElement<any> | React.ReactElement<any>[] | string;
-
-export type TooltipPosition = "top" | "bottom" | "left" | "right";
-
-export interface TooltipProps {
-    children: TooltipChildren;
-    position?: TooltipPosition;
-    label: React.ReactNode;
-    offset?: number;
-}
-
-export default class Tooltip extends React.Component<TooltipProps, any> {
-    render(): JSX.Element;
-
-}
-
+import { ReactNode, ReactElement, PropsWithChildren } from 'react';
+import { CommonProps } from '../common';
+import { PositionBottom, PositionLeft, PositionRight, PositionTop } from '../common/propsValues/position';
+declare type Props = PropsWithChildren<{
+    position?: PositionTop | PositionRight | PositionBottom | PositionLeft;
+    label: ReactNode;
+}> & CommonProps;
+declare const Tooltip: ({ position, children, label, className, }: Props) => ReactElement;
+export default Tooltip;

package/build/types/tooltip/Tooltip.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/build/types/tooltip/Tooltip.story.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    component: ({ position, children, label, className, }: {
+        position?: "top" | "right" | "bottom" | "left" | undefined;
+        label: import("react").ReactNode;
+    } & {
+        children?: import("react").ReactNode;
+    } & import("../common").CommonProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    title: string;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;