@transferwise/components 38.3.1 → 39.0.1

package/build/styles/overlayHeader/OverlayHeader.css

@@ -1 +1 @@
-.np-overlay-header{min-height:97px}.np-overlay-header .separator{margin-left:16px!important;margin-right:16px!important;height:32px;height:var(--size-32,32px);width:1px;background-color:#e2e6e8;background-color:var(--color-border-neutral,#e2e6e8)}
+.np-overlay-header{min-height:97px}.np-overlay-header .separator{height:32px;height:var(--size-32,32px);width:1px;background-color:rgba(0,0,0,.10196078431372549);background-color:var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}[dir=rtl] .np-overlay-header .separator{margin-right:16px!important}[dir=rtl] .np-overlay-header .separator,html:not([dir=rtl]) .np-overlay-header .separator{margin-left:16px!important}html:not([dir=rtl]) .np-overlay-header .separator{margin-right:16px!important}

package/build/styles/phoneNumberInput/PhoneNumberInput.css

@@ -1 +1 @@
-.tw-telephone{display:flex}@media (min-width:576px){.tw-telephone .btn-group .dropdown-menu{min-width:250px}}.tw-telephone .tw-telephone__number-input{margin-left:12px}.tw-telephone--rtl .tw-telephone__number-input{margin-left:0;margin-right:12px;width:100%}.tw-telephone__country-select{flex-basis:120px;flex-shrink:0}.tw-telephone__number-input{flex:auto 1 1}
+.tw-telephone{display:flex}@media (min-width:576px){.tw-telephone .btn-group .dropdown-menu{min-width:250px}}.tw-telephone .tw-telephone__number-input{margin-left:12px;margin-left:var(--size-12,12px)}[dir=rtl] .tw-telephone .tw-telephone__number-input{margin-right:12px;margin-right:var(--size-12,12px);margin-left:0}.tw-telephone__country-select{flex-basis:120px;flex-shrink:0}.tw-telephone__number-input{flex:auto 1 1}

package/build/styles/popover/Popover.css

@@ -1 +1 @@
-.np-popover__container .np-popover__content{font-size:.875rem}.np-popover__container.np-panel .np-popover__title{margin:0;color:#37517e;color:var(--color-text-primary,#37517e);font-weight:600;letter-spacing:0;font-size:1rem;line-height:1.5}.np-popover__container.np-panel .np-popover__title .small,.np-popover__container.np-panel .np-popover__title small{color:#829ca9;font-weight:300;line-height:1;font-size:75%}.np-popover__container.np-panel .np-popover__content{padding:16px 24px;padding:var(--size-16,16px) var(--size-24,24px);max-width:276px}.np-popover__container.np-bottom-sheet .np-popover__title{color:#37517e;color:var(--color-text-primary,#37517e);font-weight:600;letter-spacing:0;margin:0 0 2px;font-size:1.375rem;line-height:1.36363636}.np-popover__container.np-bottom-sheet .np-popover__title .small,.np-popover__container.np-bottom-sheet .np-popover__title small{color:#829ca9;font-weight:300;line-height:1}@media (min-width:768px){.np-popover__container.np-bottom-sheet .np-popover__title{margin-bottom:4px;margin-bottom:var(--size-4,4px);font-weight:800;font-size:1.75rem;line-height:1.14285714}}.np-popover__container.np-bottom-sheet .np-popover__title .small,.np-popover__container.np-bottom-sheet .np-popover__title small{font-size:65%}.np-popover__container.np-bottom-sheet .np-popover__content{padding:32px 24px;padding:var(--size-32,32px) var(--size-24,24px)}
+.np-popover__container .np-popover__content{font-size:.875rem;font-size:var(--font-size-14,.875rem);color:#5d7079;color:var(--color-content-secondary,#5d7079)}.np-popover__container.np-panel .np-popover__title{margin:0;color:#37517e;color:var(--color-content-primary,#37517e);line-height:1.2;line-height:var(--line-height-title,1.2);letter-spacing:0;font-size:1rem;font-size:var(--font-size-16,1rem);font-weight:600;font-weight:var(--font-weight-semi-bold,600)}.np-popover__container.np-panel .np-popover__content{padding:16px 24px;padding:var(--size-16,16px) var(--size-24,24px);max-width:276px}.np-popover__container.np-bottom-sheet .np-popover__title{color:#37517e;color:var(--color-content-primary,#37517e);line-height:1.2;line-height:var(--line-height-title,1.2);letter-spacing:0;margin:0 0 4px;margin-bottom:var(--size-4,4px);font-size:1.625rem;font-size:var(--font-size-26,1.625rem);font-weight:800;font-weight:var(--font-weight-bold,800)}.np-popover__container.np-bottom-sheet .np-popover__content{padding:32px 24px;padding:var(--size-32,32px) var(--size-24,24px)}

package/build/styles/section/Section.css

@@ -1 +1 @@
-.np-section{background-color:#fff;background-color:var(--color-background-screen,#fff);margin-top:32px;margin-top:var(--size-32,32px)}.np-section .np-accordion-item:last-child .np-accordion-item__content,.np-section .np-card:last-child .np-card__divider:not(.np-card__divider--expanded),.np-section .np-option:last-child .media{border:none}.np-section .np-accordion-item:not(:last-child) .media,.np-section .np-navigation-options-list__item:not(:last-child) .media{border-bottom:1px solid #e2e6e8;border-bottom:1px solid var(--color-border-neutral,#e2e6e8)}
+.np-section{background-color:#fff;background-color:var(--color-background-screen,#fff);margin-top:32px;margin-top:var(--size-32,32px)}.np-section .np-accordion-item:last-child .np-accordion-item__content,.np-section .np-card:last-child .np-card__divider:not(.np-card__divider--expanded),.np-section .np-option:last-child .media{border:none}.np-section .np-accordion-item:not(:last-child) .media,.np-section .np-navigation-options-list__item:not(:last-child) .media{border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}

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%);right:0}[dir=rtl] .sliding-panel.sliding-panel--open-right{transform:translateX(-100%);left:0;right:auto}.sliding-panel.sliding-panel--open-left{transform:translateX(-100%);left:0}[dir=rtl] .sliding-panel.sliding-panel--open-left{transform:translateX(100%);right:0;left:auto}.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%}[dir=rtl] .sliding-panel.sliding-panel--open-bottom,[dir=rtl] .sliding-panel.sliding-panel--open-top{left:0;right:auto;right:0;left:auto}.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;left:0;right:0;z-index:1060}[dir=rtl] .snackbar{right:0;left:auto;left:0;right:auto}.snackbar__text{background:#37517e;color:#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-right:-16px;margin-right:calc(var(--size-16, 16px)*-1);margin-bottom:-14px;margin-left:0;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);margin-right:0;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%;margin-left:-12.5%;padding:0}[dir=rtl] .tw-stepper-steps{margin-right:-12.5%;margin-left:0;padding:0}.progress-bar-ending{float:left;height:100%;background:linear-gradient(90deg,#00a2dd,#37517e);background:linear-gradient(90deg,var(--color-interactive-accent,#00a2dd),#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),#37517e)}.progress-bar-ending:after{float:right;width:8px;height:8px;margin-top:-3px;margin-right:-4px;content:"";background-color:#37517e;border-radius:4px}[dir=rtl] .progress-bar-ending:after{float:left;margin-left:-4px;margin-right:0}.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;right:-8px;bottom:-6px}[dir=rtl] .np-summary__icon :nth-child(2){left:-8px;right:auto}.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}.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;left:-100%;display:none;width:0;height:0;opacity:0}[dir=rtl] .np-switch input{right:-100%;left:auto}.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;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)}.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.25rem;font-size:var(--font-size-20,1.25rem);line-height:1.2;line-height:var(--line-height-title,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 .np-chip{margin-bottom:auto;animation-name:slide;animation-duration:.03s;animation-timing-function:ease-in-out}.typeahead--multiple .np-chip:first-child{animation-name:slideFirst}.typeahead--multiple .np-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 .np-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 .np-chip{margin-bottom:auto;animation-name:slide;animation-duration:.03s;animation-timing-function:ease-in-out}.typeahead--multiple .np-chip:first-child{animation-name:slideFirst}.typeahead--multiple .np-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)}[dir=rtl] .typeahead--multiple.typeahead--has-value .typeahead__input-container{padding-right:8px;padding-right:var(--size-8,8px);padding-left:0}.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)}[dir=rtl] .typeahead--multiple.typeahead--has-value .typeahead__input{margin-right:4px;margin-right:var(--size-4,4px);margin-left:0}.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 .np-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}.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/focusBoundary/FocusBoundary.d.ts

@@ -4,7 +4,7 @@ declare function FocusBoundary({ children }: {
 }): JSX.Element;
 declare namespace FocusBoundary {
     namespace propTypes {
-        const children: Types.Validator<string | number | boolean | {} | Types.ReactElementLike | Types.ReactNodeArray>;
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     }
 }
-import Types from "prop-types";
+import PropTypes from "prop-types";

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

@@ -0,0 +1 @@
+export { default as withTheme } from './theme';

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

@@ -0,0 +1 @@
+export { withTheme as default } from './withTheme';

package/build/types/common/hocs/theme/withTheme.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ThemeType } from '../..';
+declare type WithThemeProps = {
+    theme: ThemeType;
+};
+export declare type WrappedComponentProps<P> = Omit<P, keyof WithThemeProps>;
+export declare function withTheme<P extends WrappedComponentProps<P>>(WrappedComponent: React.ComponentType<P & WithThemeProps>): import("react").FC<P> & {
+    WrappedComponent: React.ComponentType<P & WithThemeProps>;
+};
+export {};

package/build/types/common/hocs/theme/withTheme.spec.d.ts

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

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

@@ -1,4 +1,5 @@
-export { default as useHasIntersected } from "./useHasIntersected";
 export { default as useClientWidth } from "./useClientWidth";
-export { default as useDirection } from "./useDirection";
 export { default as useConditionalListener } from "./useConditionalListener";
+export { default as useDirection } from "./useDirection";
+export { default as useHasIntersected } from "./useHasIntersected";
+export { default as useTheme } from "./useTheme";

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

@@ -1,4 +1,5 @@
-export function useDirection(): {
-    direction: string;
+import { LayoutDirection } from '../../direction';
+export declare const useDirection: () => {
+    direction: LayoutDirection;
     isRTL: boolean;
 };

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

@@ -0,0 +1 @@
+export { useTheme as default } from './useTheme';

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

@@ -0,0 +1 @@
+export declare const useTheme: () => import("../..").ThemeType;

package/build/types/common/hooks/useTheme/useTheme.spec.d.ts

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

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

@@ -14,6 +14,22 @@ export function adjustLocale(locale: string): string | null;
  * @returns {string|null}
  */
 export function getLangFromLocale(locale: string): string | null;
+/**
+ * Provides corresponding country code (iso2) for locales code with explicit region value (`es-ES`, `en-GB`, `ja-JP` etc.)
+ * if the value is invalid or missing region it returns null
+ *
+ * @param {string} locale
+ * @returns {string|null}
+ */
+export function getCountryFromLocale(locale: string): string | null;
+/**
+ * Provides the layout direction for a given locale.
+ * If locale is invalid or language is unsupported returns Direction.LTR
+ *
+ * @param {string} locale (`es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP` etc)
+ * @returns {Direction} The layout direction based on the locale
+ */
+export function getDirectionFromLocale(locale: string): Direction;
 /**
  * Default language
  *
@@ -26,6 +42,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;
+import { Direction } from "../direction";

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/common/theme.d.ts

@@ -1,6 +1,9 @@
 export declare enum Theme {
     LIGHT = "light",
-    DARK = "dark"
+    DARK = "dark",
+    NAVY = "navy"
 }
-export declare type ThemeDark = 'dark';
 export declare type ThemeLight = 'light';
+export declare type ThemeDark = 'dark';
+export declare type ThemeNavy = 'navy';
+export declare type ThemeType = ThemeLight | ThemeDark | ThemeNavy;

package/build/types/dimmer/Dimmer.d.ts

@@ -1,19 +1,31 @@
-import * as React from 'react';
-
-export interface DimmerProps {
-    children?: React.ReactNode;
-    className?: string;
-    disableClickToClose?: boolean;
-    fadeContentOnEnter?: boolean;
-    fadeContentOnExit?: boolean;
-    /**
-     * Sets the background to transparent and prevents body scroll locking
-     */
-    transparent?: boolean;
-    onClose?: (...args: any[])=>any;
-    open?: boolean;
-    scrollable?: boolean;
-}
-
-export const Dimmer: React.FC<DimmerProps>;
-
+import { MouseEvent, ReactElement, ReactNode } from 'react';
+import { CommonProps } from '../common';
+export declare const EXIT_ANIMATION = 350;
+declare type DimmerProps = CommonProps & {
+    children?: ReactNode;
+    disableClickToClose?: boolean;
+    fadeContentOnEnter?: boolean;
+    fadeContentOnExit?: boolean;
+    open?: boolean;
+    scrollable?: boolean;
+    transparent?: boolean;
+    onClose?: (event: KeyboardEvent | MouseEvent) => void;
+};
+export declare const handleTouchMove: (event: Event) => void;
+declare const Dimmer: ({ children, className, disableClickToClose, fadeContentOnEnter, fadeContentOnExit, open, scrollable, transparent, onClose, }: DimmerProps) => JSX.Element;
+export declare const DimmerContentWrapper: ({ children, scrollBody, }: {
+    children: ReactElement;
+    scrollBody: boolean;
+}) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export { Dimmer };
+declare const _default: (props: CommonProps & {
+    children?: ReactNode;
+    disableClickToClose?: boolean | undefined;
+    fadeContentOnEnter?: boolean | undefined;
+    fadeContentOnExit?: boolean | undefined;
+    open?: boolean | undefined;
+    scrollable?: boolean | undefined;
+    transparent?: boolean | undefined;
+    onClose?: ((event: KeyboardEvent | MouseEvent<Element, globalThis.MouseEvent>) => void) | undefined;
+}) => import("react").ReactPortal | null;
+export default _default;

package/build/types/dimmer/Dimmer.story.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+declare const _default: {
+    component: (props: import("../common").CommonProps & {
+        children?: import("react").ReactNode;
+        disableClickToClose?: boolean | undefined;
+        fadeContentOnEnter?: boolean | undefined;
+        fadeContentOnExit?: boolean | undefined;
+        open?: boolean | undefined;
+        scrollable?: boolean | undefined;
+        transparent?: boolean | undefined;
+        onClose?: ((event: KeyboardEvent | import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    }) => import("react").ReactPortal | null;
+    title: string;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;

package/build/types/index.d.ts

@@ -2,6 +2,7 @@
  * Types
  */
 export type { UploadedFile, UploadError, UploadResponse } from './uploadInput/types';
+export type { LayoutDirection } from './common';
 /**
  * Components
  */
@@ -50,7 +51,7 @@ export { default as OverlayHeader } from './overlayHeader';
 export { default as PhoneNumberInput } from './phoneNumberInput';
 export { default as Popover } from './popover';
 export { default as ProcessIndicator } from './processIndicator';
-export { default as Provider } from './provider';
+export { default as Provider, DirectionProvider } from './provider';
 export { default as Radio } from './radio';
 export { default as RadioGroup } from './radioGroup';
 export { default as RadioOption } from './radioOption';
@@ -75,10 +76,11 @@ export { SnackbarConsumer, SnackbarContext } from './snackbar/SnackbarContext';
  * Hooks
  */
 export { default as useSnackbar } from './snackbar/useSnackbar';
+export { useDirection } from './common/hooks';
 /**
  * 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';
@@ -89,7 +91,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, getDirectionFromLocale, isServerSide, isBrowser, } from './common';
 /**
  * Translations
  */

package/build/types/provider/Provider.spec.d.ts

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

package/build/types/provider/Provider.story.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+declare const _default: {
+    component: {
+        ({ i18n, children }: {
+            i18n: any;
+            children: any;
+        }): JSX.Element;
+        propTypes: {
+            i18n: import("prop-types").Validator<import("prop-types").InferProps<{
+                locale: import("prop-types").Validator<string>;
+                messages: import("prop-types").Validator<import("prop-types").InferProps<{}>>;
+                defaultRichTextElements: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+            }>>;
+            children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        };
+        defaultProps: {
+            children: undefined;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;

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/direction';
+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,3 @@
+export { DirectionProvider } from "./direction";
+export { ThemeProvider } from "./theme";
 export { default } from "./Provider";

package/build/types/provider/theme/ThemeProvider.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { ThemeType } from '../../common/theme';
+export declare const ThemeContext: import("react").Context<ThemeType>;
+declare type ThemeProviderProps = PropsWithChildren<{
+    theme: ThemeType;
+}>;
+export declare const ThemeProvider: ({ theme, children }: ThemeProviderProps) => JSX.Element;
+export {};

package/build/types/provider/theme/ThemeProvider.spec.d.ts

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

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

@@ -0,0 +1 @@
+export { ThemeContext, ThemeProvider } from "./ThemeProvider";

package/build/types/test-utils/index.d.ts

@@ -4,10 +4,6 @@ import userEvent from "@testing-library/user-event";
  * Custom `render` function which wraps passed elements in Provider component
  * Source: https://testing-library.com/docs/example-react-intl/#creating-a-custom-render-function
  *
- * @param ui
- * @param root0
- * @param root0.locale
- * @param root0.messages
  */
 declare function customRender(ui: any, { locale, messages, ...renderOptions }?: {
     locale?: string | undefined;
@@ -58,10 +54,6 @@ declare function customRender(ui: any, { locale, messages, ...renderOptions }?:
  * Custom `renderHook` function which wraps passed elements in Provider component
  * For more info: https://react-hooks-testing-library.com/usage/advanced-hooks#context
  *
- * @param callback
- * @param root0
- * @param root0.locale
- * @param root0.messages
  */
 declare function customRenderHook(callback: any, { locale, messages }?: {
     locale?: string | undefined;

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?: "left" | "right" | "bottom" | "top" | 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;

package/build/types/uploadInput/UploadInput.d.ts

@@ -31,6 +31,12 @@ export declare type UploadInputProps = {
      * @param file
      */
     onValidationError?: (file: UploadedFile) => void;
+    /**
+     * Provide a callback to trigger on change whenever the files are updated
+     *
+     * @param files
+     */
+    onFilesChange?: (files: UploadedFile[]) => void;
     /**
      * Confirmation modal displayed on delete
      */
@@ -53,5 +59,5 @@ export declare type UploadInputProps = {
         cancelText?: string;
     };
 } & Pick<UploadButtonProps, 'disabled' | 'multiple' | 'fileTypes' | 'sizeLimit'> & Pick<UploadItemProps, 'onDownload'> & CommonProps;
-declare const UploadInput: ({ files, fileInputName, className, deleteConfirm, disabled, multiple, fileTypes, sizeLimit, onUploadFile, onDeleteFile, onValidationError, onDownload, }: UploadInputProps) => ReactElement;
+declare const UploadInput: ({ files, fileInputName, className, deleteConfirm, disabled, multiple, fileTypes, sizeLimit, onUploadFile, onDeleteFile, onValidationError, onFilesChange, onDownload, }: UploadInputProps) => ReactElement;
 export default UploadInput;

package/build/types/uploadInput/UploadInput.story.d.ts

@@ -13,3 +13,4 @@ export declare const WithUploadFailed: Story<UploadInputProps>;
 export declare const WithDeleteFailed: Story<UploadInputProps>;
 export declare const CustomConfirmMessage: Story<UploadInputProps>;
 export declare const withManualDownloadHandler: Story<UploadInputProps>;
+export declare const withFilesChangeHandler: Story<UploadInputProps>;

package/build/types/withNextPortal/withNextPortal.d.ts

@@ -1 +1,2 @@
-export default function withNextPortalWrapper(Component: any): (props: any) => import("react").ReactPortal | null;
+import { ComponentType } from 'react';
+export default function withNextPortalWrapper<T>(Component: ComponentType<T>): (props: T) => import("react").ReactPortal | null;