@transferwise/components 45.4.0 → 45.5.0

package/build/styles/popover/Popover.css

@@ -1 +1 @@
-.np-theme-personal .np-popover__container{border-radius:16px;border-radius:var(--radius-medium)}.np-popover__container .np-popover__content{color:#5d7079;color:var(--color-content-secondary);font-size:.875rem;font-size:var(--font-size-14)}.np-popover__container .np-popover__content p:last-child{margin-bottom:0}.np-popover__container.np-panel .np-popover__content{max-width:276px;padding:16px 24px;padding:var(--size-16) var(--size-24)}.np-theme-personal .np-popover__container.np-panel .np-popover__content{padding:24px;padding:var(--size-24)}.np-popover__container.np-bottom-sheet .np-popover__title{color:#37517e;color:var(--color-content-primary);font-size:1.625rem;font-size:var(--font-size-26);font-weight:800;font-weight:var(--font-weight-bold);letter-spacing:0;line-height:1.2;line-height:var(--line-height-title);margin:0 0 4px;margin-bottom:var(--size-4)}.np-theme-personal .np-popover__container.np-bottom-sheet .np-popover__title+p{margin-top:8px;margin-top:var(--size-8)}.np-theme-personal .np-popover__container.np-bottom-sheet .np-popover__title{font-weight:600;font-weight:var(--font-weight-semi-bold);letter-spacing:-.015em;letter-spacing:var(--letter-spacing-negative-md);line-height:2rem;line-height:var(--line-height-32);margin-bottom:0}.np-popover__container.np-bottom-sheet .np-popover__content{padding:32px 24px;padding:var(--size-32) var(--size-24)}
+.np-theme-personal .np-popover__container{border-radius:16px;border-radius:var(--radius-medium)}.np-popover__container .np-popover__content{color:#5d7079;color:var(--color-content-secondary);font-size:.875rem;font-size:var(--font-size-14)}.np-popover__container .np-popover__content p:last-child{margin-bottom:0}.np-popover__container.np-panel .np-popover__content{max-width:276px;padding:16px 24px;padding:var(--size-16) var(--size-24)}.np-theme-personal .np-popover__container.np-panel .np-popover__content{padding:24px;padding:var(--size-24)}.np-popover__container.np-bottom-sheet .np-popover__title{color:#37517e;color:var(--color-content-primary);font-size:1.625rem;font-size:var(--font-size-26);font-weight:600;font-weight:var(--font-weight-semi-bold);letter-spacing:0;letter-spacing:-.015em;letter-spacing:var(--letter-spacing-negative-md);line-height:1.2;line-height:var(--line-height-title);line-height:2rem;line-height:var(--line-height-32);margin:0}.np-popover__container.np-bottom-sheet .np-popover__title+p{margin-top:8px;margin-top:var(--size-8)}.np-popover__container.np-bottom-sheet .np-popover__content{padding:32px 24px;padding:var(--size-32) var(--size-24)}

package/build/styles/select/Select.css

@@ -1 +1 @@
-.np-select .np-dropdown-toggle{background-color:#fff;background-color:var(--color-background-screen);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:10px;border-radius:var(--radius-small);color:#37517e;color:var(--color-content-primary);font-weight:400;font-weight:var(--font-weight-regular);max-width:100%;overflow:hidden;padding-left:16px;padding-left:var(--size-16);text-align:left;text-overflow:ellipsis}[dir=rtl] .np-select .np-dropdown-toggle{text-align:right}.np-select .np-dropdown-toggle:focus-visible{outline:none}.np-theme-personal .np-select .np-dropdown-toggle{border-radius:10px;border-radius:var(--radius-small)}.has-error .np-select .np-dropdown-toggle{border:1px solid #e74848;border:1px solid var(--color-interactive-negative)}.np-select .np-dropdown-toggle-navy{--color-content-accent:#00b9ff;--color-content-primary:#fff;--color-content-secondary:#c9cbce;--color-background-screen:#2e4369;--color-interactive-secondary:#2e4369;--color-interactive-secondary-hover:#2e4369}.np-select .np-dropdown-toggle.np-btn-sm{padding-right:32px;padding-right:var(--size-32)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-sm{padding-left:32px;padding-left:var(--size-32);padding-right:0}.np-select .np-dropdown-toggle.np-btn-md{padding-right:40px;padding-right:var(--size-40)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-md{padding-left:40px;padding-left:var(--size-40);padding-right:0}.np-select .np-dropdown-toggle.np-btn-lg{padding-right:48px;padding-right:var(--size-48)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-lg{padding-left:48px;padding-left:var(--size-48);padding-right:0}.np-select .np-dropdown-toggle .np-select-chevron{margin:0;position:absolute;right:16px;right:var(--size-16);top:16px;top:var(--size-16)}[dir=rtl] .np-select .np-dropdown-toggle .np-select-chevron{left:16px;left:var(--size-16);margin:0;right:auto}.np-select .np-dropdown-toggle.np-btn-sm .np-select-chevron{right:8px;right:var(--size-8);top:8px;top:var(--size-8)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-sm .np-select-chevron{left:8px;left:var(--size-8);right:auto}.np-select .np-dropdown-toggle.np-btn-lg .np-select-chevron{top:27px}.np-select .btn:not(.disabled,:disabled){color:#37517e;color:var(--color-content-primary)}.np-select .btn:not(.disabled,:disabled):hover{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.np-select .btn:not(.disabled,:disabled):focus{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-theme-personal .np-select .btn:not(.disabled,:disabled):focus{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.np-option-content{max-width:100%}.np-option-content .d-flex:last-child{max-width:calc(100% - 32px)}.np-dropdown-menu-desktop{max-height:70vh;max-height:70svh;max-width:calc(100vw - 32px);min-width:160px}@media (min-height:592px){.np-dropdown-menu-desktop{max-height:592px}}.np-dropdown-menu{background-color:#fff;background-color:var(--color-background-screen);border-radius:10px;border-radius:var(--radius-small);list-style:none;margin:0;overflow:auto;padding:0;text-align:left}[dir=rtl] .np-dropdown-menu{padding:0;text-align:right}.np-theme-personal .np-dropdown-menu{border-radius:10px;border-radius:var(--radius-small)}.np-dropdown-menu-sm{width:220px}.np-dropdown-menu-md{width:300px}.np-dropdown-menu-lg{width:420px}.np-dropdown-menu .np-dropdown-item--focused{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:10px;border-radius:var(--radius-small)}.np-dropdown-menu .np-dropdown-item>a{white-space:normal}.np-dropdown-menu>li>a{clear:both;color:#37517e;color:var(--color-content-primary);display:block;font-size:1rem;font-size:var(--font-size-16);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-body);padding:12px 16px;padding:var(--size-12) var(--size-16);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.np-dropdown-menu>li>a,.np-theme-personal .np-dropdown-menu>li>a{border-radius:10px;border-radius:var(--radius-small)}.np-theme-personal .np-dropdown-menu>li>a{font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:.01em;letter-spacing:var(--letter-spacing-xs);line-height:1.375rem;line-height:var(--line-height-22)}.np-dropdown-menu>li:first-child>a{border-top-left-radius:3px;border-top-right-radius:3px}.np-theme-personal .np-dropdown-menu>li:first-child>a{border-top-left-radius:10px;border-top-left-radius:var(--radius-small);border-top-right-radius:10px;border-top-right-radius:var(--radius-small)}.np-dropdown-menu>li:last-child>a{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.np-theme-personal .np-dropdown-menu>li:last-child>a{border-bottom-left-radius:10px;border-bottom-left-radius:var(--radius-small);border-bottom-right-radius:10px;border-bottom-right-radius:var(--radius-small)}.np-dropdown-menu>li:not(.active,.selected):not(:has(input))>a:not([disabled],.disabled):focus,.np-dropdown-menu>li:not(.active,.selected):not(:has(input))>a:not([disabled],.disabled):hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral);color:#37517e;color:var(--color-content-primary)}.np-dropdown-menu>li:not(.active,.selected):not(:has(input))>a:not([disabled],.disabled):active{background-color:#37517e;color:#fff}.np-dropdown-menu>.active>a,.np-dropdown-menu>.active>a:focus,.np-dropdown-menu>.active>a:hover,.np-dropdown-menu>.selected>a,.np-dropdown-menu>.selected>a:focus,.np-dropdown-menu>.selected>a:hover{background-color:#37517e;color:#fff}.np-dropdown-menu>.active>a strong,.np-dropdown-menu>.selected>a strong{color:inherit}.np-dropdown-menu>.active>a .np-text-body-default,.np-dropdown-menu>.selected>a .np-text-body-default{color:#c9cbce}.np-dropdown-menu .input-group-addon,.np-dropdown-menu .np-select-filter{border:0}.np-dropdown-menu .np-separator{background-color:#86a7bd1a;background-color:var(--color-background-neutral);height:1px;margin:0;overflow:hidden}.np-dropdown-menu .np-dropdown-header{color:#5d7079;color:var(--color-content-secondary);display:block;font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-body);padding:8px 16px;padding:var(--size-8) var(--size-16);white-space:nowrap}.np-dropdown-menu .currency-flag,.np-dropdown-menu .tw-icon,.np-select .currency-flag,.np-select .tw-icon{display:inline-block;margin-right:8px;margin-right:var(--size-8);vertical-align:middle}[dir=rtl] .np-dropdown-menu .currency-flag,[dir=rtl] .np-dropdown-menu .tw-icon,[dir=rtl] .np-select .currency-flag,[dir=rtl] .np-select .tw-icon{margin-left:8px;margin-left:var(--size-8);margin-right:0}.np-dropdown-menu .currency-flag,.np-select .currency-flag{margin-top:3px}.np-dropdown-menu .np-text-body-default,.np-select .np-text-body-default{color:#5d7079;color:var(--color-content-secondary)}.np-dropdown-menu .tw-icon-search,.np-select .tw-icon-search{margin-right:0}.np-theme-personal .currency-flag{margin-top:0}.np-theme-personal .np-select .np-dropdown-toggle{background-color:unset;border:none;box-shadow:inset 0 0 0 1px #c9cbce;box-shadow:inset 0 0 0 1px var(--color-interactive-secondary);transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):hover{box-shadow:inset 0 0 0 2px #b5b7ba;box-shadow:inset 0 0 0 2px var(--color-interactive-secondary-hover)}.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus,.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-visible,.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-within{box-shadow:inset 0 0 0 3px var(--color-interactive-primary)}.np-theme-personal .has-error .np-select .np-dropdown-toggle,.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):hover{box-shadow:inset 0 0 0 2px var(--color-sentiment-negative)}.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus,.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-visible,.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-within{box-shadow:inset 0 0 0 3px var(--color-sentiment-negative)}.np-theme-personal .np-dropdown-menu{outline:none}.np-theme-personal .np-dropdown-menu .active a,.np-theme-personal .np-dropdown-menu .active a:focus,.np-theme-personal .np-dropdown-menu .active a:hover,.np-theme-personal .np-dropdown-menu .selected a,.np-theme-personal .np-dropdown-menu .selected a:focus,.np-theme-personal .np-dropdown-menu .selected a:hover{background-color:var(--color-background-neutral-active);color:var(--color-interactive-primary)}.np-theme-personal .np-dropdown-menu .active a .body-2,.np-theme-personal .np-dropdown-menu .active a .np-text-body-default,.np-theme-personal .np-dropdown-menu .active a:focus .body-2,.np-theme-personal .np-dropdown-menu .active a:focus .np-text-body-default,.np-theme-personal .np-dropdown-menu .active a:hover .body-2,.np-theme-personal .np-dropdown-menu .active a:hover .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a .body-2,.np-theme-personal .np-dropdown-menu .selected a .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a:focus .body-2,.np-theme-personal .np-dropdown-menu .selected a:focus .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a:hover .body-2,.np-theme-personal .np-dropdown-menu .selected a:hover .np-text-body-default{color:var(--color-interactive-primary)}.np-theme-personal .np-dropdown-menu li:not(.active,.selected):not(:has(input)) a:not([disabled],.disabled):active{background-color:var(--color-background-neutral-active)!important;color:var(--color-interactive-primary)!important}.np-theme-personal .np-dropdown-menu li:not(.active,.selected):not(:has(input)) a:not([disabled],.disabled):active .body-2,.np-theme-personal .np-dropdown-menu li:not(.active,.selected):not(:has(input)) a:not([disabled],.disabled):active .np-text-body-default{color:var(--color-interactive-primary)}.np-theme-personal .np-dropdown-menu .np-dropdown-item{outline:none}.np-theme-personal .np-dropdown-menu .np-dropdown-item--focused{box-shadow:inset 0 0 0 2px var(--color-interactive-primary)}
+.np-select .np-dropdown-toggle{background-color:#fff;background-color:var(--color-background-screen);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:10px;border-radius:var(--radius-small);color:#37517e;color:var(--color-content-primary);font-weight:400;font-weight:var(--font-weight-regular);max-width:100%;overflow:hidden;padding-left:16px;padding-left:var(--size-16);text-align:left;text-overflow:ellipsis}[dir=rtl] .np-select .np-dropdown-toggle{text-align:right}.np-select .np-dropdown-toggle:focus-visible{outline:none}.np-theme-personal .np-select .np-dropdown-toggle{border-radius:10px;border-radius:var(--radius-small)}.has-error .np-select .np-dropdown-toggle{border:1px solid #e74848;border:1px solid var(--color-interactive-negative)}.np-select .np-dropdown-toggle-navy{--color-content-accent:#00b9ff;--color-content-primary:#fff;--color-content-secondary:#c9cbce;--color-background-screen:#2e4369;--color-interactive-secondary:#2e4369;--color-interactive-secondary-hover:#2e4369}.np-select .np-dropdown-toggle.np-btn-sm{padding-right:32px;padding-right:var(--size-32)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-sm{padding-left:32px;padding-left:var(--size-32);padding-right:0}.np-select .np-dropdown-toggle.np-btn-md{padding-right:40px;padding-right:var(--size-40)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-md{padding-left:40px;padding-left:var(--size-40);padding-right:0}.np-select .np-dropdown-toggle.np-btn-lg{padding-right:48px;padding-right:var(--size-48)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-lg{padding-left:48px;padding-left:var(--size-48);padding-right:0}.np-select .np-dropdown-toggle .np-select-chevron{margin:0;position:absolute;right:16px;right:var(--size-16);top:16px;top:var(--size-16)}[dir=rtl] .np-select .np-dropdown-toggle .np-select-chevron{left:16px;left:var(--size-16);margin:0;right:auto}.np-select .np-dropdown-toggle.np-btn-sm .np-select-chevron{right:8px;right:var(--size-8);top:8px;top:var(--size-8)}[dir=rtl] .np-select .np-dropdown-toggle.np-btn-sm .np-select-chevron{left:8px;left:var(--size-8);right:auto}.np-select .np-dropdown-toggle.np-btn-lg .np-select-chevron{top:27px}.np-select .btn:not(.disabled,:disabled){color:#37517e;color:var(--color-content-primary)}.np-select .btn:not(.disabled,:disabled):hover{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.np-select .btn:not(.disabled,:disabled):focus{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-theme-personal .np-select .btn:not(.disabled,:disabled):focus{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.np-option-content{max-width:100%}.np-option-content .d-flex:last-child{max-width:calc(100% - 32px)}.np-dropdown-menu-desktop{max-height:70vh;max-height:70svh;max-width:calc(100vw - 32px);min-width:160px}@media (min-height:592px){.np-dropdown-menu-desktop{max-height:592px}}.np-dropdown-menu{background-color:#fff;background-color:var(--color-background-screen);border-radius:10px;border-radius:var(--radius-small);list-style:none;margin:0;overflow:auto;padding:0;text-align:left}[dir=rtl] .np-dropdown-menu{padding:0;text-align:right}.np-theme-personal .np-dropdown-menu{border-radius:10px;border-radius:var(--radius-small)}.np-dropdown-menu-sm{width:220px}.np-dropdown-menu-md{width:300px}.np-dropdown-menu-lg{width:420px}.np-dropdown-menu .np-dropdown-item--focused{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:10px;border-radius:var(--radius-small)}.np-dropdown-menu .np-dropdown-item>a{white-space:normal}.np-dropdown-menu>li>a{clear:both;color:#37517e;color:var(--color-content-primary);display:block;font-size:1rem;font-size:var(--font-size-16);font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:.01em;letter-spacing:var(--letter-spacing-xs);line-height:1.5;line-height:var(--line-height-body);line-height:1.375rem;line-height:var(--line-height-22);padding:12px 16px;padding:var(--size-12) var(--size-16);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.np-dropdown-menu>li>a,.np-theme-personal .np-dropdown-menu>li>a{border-radius:10px;border-radius:var(--radius-small)}.np-dropdown-menu>li:first-child>a{border-top-left-radius:3px;border-top-right-radius:3px}.np-theme-personal .np-dropdown-menu>li:first-child>a{border-top-left-radius:10px;border-top-left-radius:var(--radius-small);border-top-right-radius:10px;border-top-right-radius:var(--radius-small)}.np-dropdown-menu>li:last-child>a{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.np-theme-personal .np-dropdown-menu>li:last-child>a{border-bottom-left-radius:10px;border-bottom-left-radius:var(--radius-small);border-bottom-right-radius:10px;border-bottom-right-radius:var(--radius-small)}.np-dropdown-menu>li:not(.active,.selected):not(:has(input))>a:not([disabled],.disabled):focus,.np-dropdown-menu>li:not(.active,.selected):not(:has(input))>a:not([disabled],.disabled):hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral);color:#37517e;color:var(--color-content-primary)}.np-dropdown-menu>li:not(.active,.selected):not(:has(input))>a:not([disabled],.disabled):active{background-color:#37517e;color:#fff}.np-dropdown-menu>.active>a,.np-dropdown-menu>.active>a:focus,.np-dropdown-menu>.active>a:hover,.np-dropdown-menu>.selected>a,.np-dropdown-menu>.selected>a:focus,.np-dropdown-menu>.selected>a:hover{background-color:#37517e;color:#fff}.np-dropdown-menu>.active>a strong,.np-dropdown-menu>.selected>a strong{color:inherit}.np-dropdown-menu>.active>a .np-text-body-default,.np-dropdown-menu>.selected>a .np-text-body-default{color:#c9cbce}.np-dropdown-menu .input-group-addon,.np-dropdown-menu .np-select-filter{border:0}.np-dropdown-menu .np-separator{background-color:#86a7bd1a;background-color:var(--color-background-neutral);height:1px;margin:0;overflow:hidden}.np-dropdown-menu .np-dropdown-header{color:#5d7079;color:var(--color-content-secondary);display:block;font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5;line-height:var(--line-height-body);padding:8px 16px;padding:var(--size-8) var(--size-16);white-space:nowrap}.np-dropdown-menu .currency-flag,.np-dropdown-menu .tw-icon,.np-select .currency-flag,.np-select .tw-icon{display:inline-block;margin-right:8px;margin-right:var(--size-8);vertical-align:middle}[dir=rtl] .np-dropdown-menu .currency-flag,[dir=rtl] .np-dropdown-menu .tw-icon,[dir=rtl] .np-select .currency-flag,[dir=rtl] .np-select .tw-icon{margin-left:8px;margin-left:var(--size-8);margin-right:0}.np-dropdown-menu .currency-flag,.np-select .currency-flag{margin-top:3px}.np-dropdown-menu .np-text-body-default,.np-select .np-text-body-default{color:#5d7079;color:var(--color-content-secondary)}.np-dropdown-menu .tw-icon-search,.np-select .tw-icon-search{margin-right:0}.np-theme-personal .currency-flag{margin-top:0}.np-theme-personal .np-select .np-dropdown-toggle{background-color:unset;border:none;box-shadow:inset 0 0 0 1px #c9cbce;box-shadow:inset 0 0 0 1px var(--color-interactive-secondary);transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):hover{box-shadow:inset 0 0 0 2px #b5b7ba;box-shadow:inset 0 0 0 2px var(--color-interactive-secondary-hover)}.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus,.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-visible,.np-theme-personal .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-within{box-shadow:inset 0 0 0 3px var(--color-interactive-primary)}.np-theme-personal .has-error .np-select .np-dropdown-toggle,.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):hover{box-shadow:inset 0 0 0 2px var(--color-sentiment-negative)}.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus,.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-visible,.np-theme-personal .has-error .np-select .np-dropdown-toggle:not(.disabled,:disabled):focus-within{box-shadow:inset 0 0 0 3px var(--color-sentiment-negative)}.np-theme-personal .np-dropdown-menu{outline:none}.np-theme-personal .np-dropdown-menu .active a,.np-theme-personal .np-dropdown-menu .active a:focus,.np-theme-personal .np-dropdown-menu .active a:hover,.np-theme-personal .np-dropdown-menu .selected a,.np-theme-personal .np-dropdown-menu .selected a:focus,.np-theme-personal .np-dropdown-menu .selected a:hover{background-color:var(--color-background-neutral-active);color:var(--color-interactive-primary)}.np-theme-personal .np-dropdown-menu .active a .body-2,.np-theme-personal .np-dropdown-menu .active a .np-text-body-default,.np-theme-personal .np-dropdown-menu .active a:focus .body-2,.np-theme-personal .np-dropdown-menu .active a:focus .np-text-body-default,.np-theme-personal .np-dropdown-menu .active a:hover .body-2,.np-theme-personal .np-dropdown-menu .active a:hover .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a .body-2,.np-theme-personal .np-dropdown-menu .selected a .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a:focus .body-2,.np-theme-personal .np-dropdown-menu .selected a:focus .np-text-body-default,.np-theme-personal .np-dropdown-menu .selected a:hover .body-2,.np-theme-personal .np-dropdown-menu .selected a:hover .np-text-body-default{color:var(--color-interactive-primary)}.np-theme-personal .np-dropdown-menu li:not(.active,.selected):not(:has(input)) a:not([disabled],.disabled):active{background-color:var(--color-background-neutral-active)!important;color:var(--color-interactive-primary)!important}.np-theme-personal .np-dropdown-menu li:not(.active,.selected):not(:has(input)) a:not([disabled],.disabled):active .body-2,.np-theme-personal .np-dropdown-menu li:not(.active,.selected):not(:has(input)) a:not([disabled],.disabled):active .np-text-body-default{color:var(--color-interactive-primary)}.np-theme-personal .np-dropdown-menu .np-dropdown-item{outline:none}.np-theme-personal .np-dropdown-menu .np-dropdown-item--focused{box-shadow:inset 0 0 0 2px var(--color-interactive-primary)}

package/build/styles/snackbar/Snackbar.css

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

package/build/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{list-style-type:none;position:absolute;top:0}.tw-stepper__step--active .tw-stepper__step-label{color:#37517e;color:var(--color-content-primary);cursor:default;font-weight:600}.np-theme-personal .tw-stepper__step--active~li:not(.tw-stepper__step--has-tooltip:hover) .tw-stepper__step-label:not(:active,:focus){opacity:.45}.tw-stepper__step--clickable .tw-stepper__step-label{border-radius:2px;color:#0097c7;color:var(--color-content-accent);line-height:0;transition:color .15s ease-in-out}.np-theme-personal .tw-stepper__step--clickable .tw-stepper__step-label{color:#5d7079;color:var(--color-content-secondary);top:0}.tw-stepper__step--has-tooltip:hover{cursor:pointer}@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-label{color:#5d7079;color:var(--color-content-secondary);font-weight:600;font-weight:var(--font-weight-semi-bold);position:absolute;top:0;transform:translateX(-50%);transition:color .6s ease-in-out;white-space:nowrap}[dir=rtl] .tw-stepper__step-label{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{padding:0;position:relative}[dir=rtl] .tw-stepper-steps{padding:0}.progress-bar-ending{background:linear-gradient(90deg,#00a2dd,#37517e);background:linear-gradient(to right,var(--color-interactive-accent),#37517e);float:left;height:100%;transition:width .6s ease-in-out}[dir=rtl] .progress-bar-ending{background:linear-gradient(270deg,#00a2dd,#37517e);background:linear-gradient(to left,var(--color-interactive-accent),#37517e);float:right}.progress-bar-ending:after{background-color:#37517e;border-radius:4px;content:"";float:right;height:8px;margin-right:-4px;margin-top:-3px;width:8px}[dir=rtl] .progress-bar-ending:after{float:left;margin-left:-4px;margin-right:0}.np-theme-personal .progress-bar-ending{background:linear-gradient(to right,#00a2dd,var(--color-interactive-primary));background:linear-gradient(to right,var(--color-interactive-accent),var(--color-interactive-primary))}[dir=rtl] .np-theme-personal .progress-bar-ending{background:linear-gradient(to left,#00a2dd,var(--color-interactive-primary));background:linear-gradient(to left,var(--color-interactive-accent),var(--color-interactive-primary))}.np-theme-personal .progress-bar-ending:after{background-color:var(--color-interactive-primary)}.np-theme-personal--bright-green .progress-bar-ending,.np-theme-personal--dark .progress-bar-ending,.np-theme-personal--forest-green .progress-bar-ending{background:linear-gradient(to right,#00a2dd,var(--color-forest-green));background:linear-gradient(to right,var(--color-interactive-accent),var(--color-forest-green))}[dir=rtl] .np-theme-personal--bright-green .progress-bar-ending,[dir=rtl] .np-theme-personal--dark .progress-bar-ending,[dir=rtl] .np-theme-personal--forest-green .progress-bar-ending{background:linear-gradient(to left,#00a2dd,var(--color-forest-green));background:linear-gradient(to left,var(--color-interactive-accent),var(--color-forest-green))}.progress-bar-filler{background-color:#00a2dd;background-color:var(--color-interactive-accent);border-bottom-left-radius:1px;border-top-left-radius:1px;float:left;height:100%;transition:width .6s ease-in-out;will-change:width}[dir=rtl] .progress-bar-filler{float:right}.btn-unstyled{background:none;border:none;display:block;margin:0;padding:0}
+.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;position:absolute;top:0}.tw-stepper__step--active .tw-stepper__step-label{color:#37517e;color:var(--color-content-primary);cursor:default;font-weight:600}.np-theme-personal .tw-stepper__step--active~li:not(.tw-stepper__step--has-tooltip:hover) .tw-stepper__step-label:not(:active,:focus){opacity:.45}.tw-stepper__step--clickable .tw-stepper__step-label{border-radius:2px;color:#0097c7;color:var(--color-content-accent);line-height:0;transition:color .15s ease-in-out}.np-theme-personal .tw-stepper__step--clickable .tw-stepper__step-label{color:#5d7079;color:var(--color-content-secondary);top:0}.tw-stepper__step--has-tooltip:hover{cursor:pointer}@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-label{color:#5d7079;color:var(--color-content-secondary);font-weight:600;font-weight:var(--font-weight-semi-bold);position:absolute;top:0;transform:translateX(-50%);transition:color .6s ease-in-out;white-space:nowrap}[dir=rtl] .tw-stepper__step-label{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{padding:0;position:relative}[dir=rtl] .tw-stepper-steps{padding:0}.progress-bar{-webkit-backface-visibility:hidden;background-color:var(--color-interactive-primary);border-bottom-left-radius:1px;border-top-left-radius:1px;float:left;height:100%;transition:width .6s ease-in-out;will-change:width}[dir=rtl] .progress-bar{float:right}.progress-bar:after{border-radius:4px;content:"";float:right;height:8px;margin-right:-4px;margin-top:-3px;width:8px}[dir=rtl] .progress-bar:after{float:left;margin-left:-4px;margin-right:0}.btn-unstyled{background:none;border:none;display:block;margin:0;padding:0}

package/build/types/actionButton/ActionButton.d.ts

@@ -1,11 +1,14 @@
 import { ButtonHTMLAttributes } from 'react';
+import { PriorityPrimary, PrioritySecondary } from '../common';
 export type ActionButtonProps = {
+    priority?: PriorityPrimary | PrioritySecondary;
     /**
      * @deprecated use `children` instead
      */
     text?: string;
 } & ButtonHTMLAttributes<HTMLButtonElement>;
 declare const ActionButton: import("react").ForwardRefExoticComponent<{
+    priority?: "primary" | "secondary" | undefined;
     /**
      * @deprecated use `children` instead
      */

package/build/types/actionButton/ActionButton.story.d.ts

@@ -3,6 +3,7 @@ import { StoryObj } from '@storybook/react';
 import ActionButton from './ActionButton';
 declare const _default: {
     component: import("react").ForwardRefExoticComponent<{
+        priority?: "primary" | "secondary" | undefined;
         text?: string | undefined;
     } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
     title: string;
@@ -11,5 +12,4 @@ declare const _default: {
 export default _default;
 type Story = StoryObj<typeof ActionButton>;
 export declare const Basic: Story;
-export declare const WithIcon: Story;
 export declare const Disabled: Story;

package/build/types/button/Button.story.d.ts

@@ -25,7 +25,7 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     form?: string | undefined;
@@ -310,7 +310,7 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     download?: any;
@@ -616,7 +616,7 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -873,8 +873,8 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 } | {
     href?: string | undefined;
     hrefLang?: string | undefined;
@@ -901,7 +901,7 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1158,15 +1158,15 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 }>;
 export declare const Variants: import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     as?: undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     form?: string | undefined;
@@ -1451,7 +1451,7 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     download?: any;
@@ -1757,7 +1757,7 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -2014,8 +2014,8 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 } | {
     href?: string | undefined;
     hrefLang?: string | undefined;
@@ -2042,7 +2042,7 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -2299,15 +2299,15 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 }>;
 export declare const SocialMedia: import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     as?: undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     form?: string | undefined;
@@ -2592,7 +2592,7 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     download?: any;
@@ -2898,7 +2898,7 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -3155,8 +3155,8 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 } | {
     href?: string | undefined;
     hrefLang?: string | undefined;
@@ -3183,7 +3183,7 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -3440,15 +3440,15 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 }>;
 export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     as?: undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     form?: string | undefined;
@@ -3733,7 +3733,7 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     download?: any;
@@ -4039,7 +4039,7 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -4296,8 +4296,8 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 } | {
     href?: string | undefined;
     hrefLang?: string | undefined;
@@ -4324,7 +4324,7 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -4581,6 +4581,6 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 }>;

package/build/types/circularButton/CircularButton.d.ts

@@ -9,7 +9,7 @@ export interface CircularButtonProps {
     children: string;
     disabled?: boolean;
     icon: React.ReactElement<any>;
-    onClick: (...args: any[])=>any;
+    onClick?: (...args: any[])=>any;
     priority?: CircularButtonPriority;
     type?: CircularButtonType;
 }

package/build/types/common/flowHeader/FlowHeader.d.ts

@@ -1,2 +1,11 @@
+import * as React from 'react';
+import { Layout } from '../propsValues/layouts';
+export interface FlowHeaderProps {
+    bottomContent?: React.ReactNode;
+    className?: string;
+    layout?: Layout.VERTICAL | Layout.HORIZONTAL;
+    leftContent?: React.ReactNode;
+    rightContent?: React.ReactNode;
+}
+declare const FlowHeader: React.ForwardRefExoticComponent<FlowHeaderProps & React.RefAttributes<HTMLDivElement>>;
 export default FlowHeader;
-declare const FlowHeader: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

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

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

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

@@ -1,9 +1,10 @@
-export function useClientWidth({ ref, throttleMs }: {
-    ref: any;
-    throttleMs?: number | undefined;
-}): null[];
-export namespace useClientWidth {
-    export { THROTTLE_MS };
-}
-declare const THROTTLE_MS: 100;
+/// <reference types="react" />
+type FlowNavigationProps = {
+    ref: React.RefObject<HTMLElement> | Window | undefined;
+    throttleMs?: number;
+};
+export declare const useClientWidth: {
+    ({ ref, throttleMs }: FlowNavigationProps): (number | null)[];
+    THROTTLE_MS: number;
+};
 export {};

package/build/types/decision/Decision.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 export interface DecisionOptions {
     description?: React.ReactNode;
     disabled?: boolean;
-    href?: any;
+    href?: string;
     target?: "_self" | "_blank" | "_parent" | "_top";
     media?: {
         block: React.ReactNode;

package/build/types/definitionList/DefinitionList.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 export interface DefinitionListDefinitions {
     action?: {
         label: string;
-        onClick: (...args: any[])=>any;
+        onClick?: (...args: any[])=>any;
     };
     title: React.ReactNode;
     value: React.ReactNode;

package/build/types/flowNavigation/FlowNavigation.d.ts

@@ -1,34 +1,16 @@
-import * as React from 'react';
-
-export interface FlowNavigationSteps {
-    label: React.ReactNode;
-    onClick?: (...args: any[])=>any;
-    hoverLabel?: React.ReactNode;
-}
-
-export interface FlowNavigationProps {
-    activeStep?: number;
-    /**
-     * An Avatar
-     */
-    avatar?: React.ReactElement<any>;
-    logo?: React.ReactNode;
-    /**
-     * Called when the close button is clicked. If not provided the close button won't show
-     */
-    onClose?: (...args: any[])=>any;
-    /**
-     * Called when the back button is clicked. If not provided the back button won't show. The back button only shows on small screens
-     */
-    onGoBack?: (...args: any[])=>any;
-    done?: boolean;
-    /**
-     * Steps to be displayed in stepper. If you don't need the stepper, please use OverlayHeader instead
-     */
-    steps: FlowNavigationSteps[];
-}
-
-declare const FlowNavigation: React.FC<FlowNavigationProps>;
-
-export default FlowNavigation;
-
+import React from 'react';
+import { Step } from '../stepper/Stepper';
+export interface FlowNavigationProps {
+    activeStep?: number;
+    avatar?: Element;
+    logo?: React.ReactNode;
+    done?: boolean;
+    /** Called when the close button is clicked. If not provided the close button won't show */
+    onClose?: () => void;
+    /** Called when the back button is clicked. If not provided the back button won't show. The back button only shows on small screens */
+    onGoBack?: () => void;
+    /** Steps to be displayed in stepper. If you don't need the stepper, please use OverlayHeader instead */
+    steps: Step[];
+}
+declare const FlowNavigation: ({ activeStep, avatar, logo, done, onClose, onGoBack, steps, }: FlowNavigationProps) => JSX.Element;
+export default FlowNavigation;

package/build/types/index.d.ts

@@ -37,7 +37,7 @@ export { default as Drawer } from './drawer';
 export { default as DropFade } from './dropFade';
 export { default as DynamicFieldDefinitionList } from './dynamicFieldDefinitionList';
 export { default as Emphasis } from './emphasis';
-export { default as FlowNavigation } from './flowNavigation';
+export { default as FlowNavigation } from './flowNavigation/FlowNavigation';
 export { default as Header } from './header';
 export { default as Image } from './image';
 export { default as Info } from './info';
@@ -73,7 +73,7 @@ export { default as SlidingPanel } from './slidingPanel';
 export { default as SnackbarPortal } from './snackbar/Snackbar';
 export { default as SnackbarProvider } from './snackbar/SnackbarProvider';
 export { default as StatusIcon } from './statusIcon/StatusIcon';
-export { default as Stepper } from './stepper';
+export { default as Stepper } from './stepper/Stepper';
 export { default as Sticky } from './sticky';
 export { default as Summary } from './summary';
 export { default as Switch } from './switch';

package/build/types/listItem/ListItem.d.ts

@@ -1,7 +1,7 @@
 import { ElementType, FC, ReactNode } from 'react';
 type ListItemProps = {
     title: ReactNode;
-    value: string;
+    value: ReactNode;
     media?: ReactNode;
     action?: ReactNode;
     className?: string;

package/build/types/listItem/ListItem.story.d.ts

@@ -2,7 +2,7 @@
 declare const _default: {
     component: import("react").FC<{
         title: import("react").ReactNode;
-        value: string;
+        value: import("react").ReactNode;
         media?: import("react").ReactNode;
         action?: import("react").ReactNode;
         className?: string | undefined;

package/build/types/snackbar/Snackbar.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 export interface SnackbarAction {
     label: string;
-    onClick: (...args: any[])=>any;
+    onClick?: (...args: any[])=>any;
 }
 
 export type SnackbarTheme = "light" | "dark";

package/build/types/stepper/Stepper.d.ts

@@ -1,18 +1,13 @@
-import * as React from 'react';
-
-export interface StepperSteps {
-    label: React.ReactNode;
-    onClick?: (...args: any[])=>any;
-    hoverLabel?: React.ReactNode;
-}
-
-export interface StepperProps {
-    steps: StepperSteps[];
-    activeStep?: number;
-    className?: string;
-}
-
-declare const Stepper: React.FC<StepperProps>;
-
-export default Stepper;
-
+import * as React from 'react';
+export interface Step {
+    label: React.ReactNode;
+    onClick?: () => void;
+    hoverLabel?: React.ReactNode;
+}
+export interface StepperProps {
+    steps: Step[];
+    activeStep?: number;
+    className?: string;
+}
+declare const Stepper: ({ steps, activeStep, className }: StepperProps) => JSX.Element | null;
+export default Stepper;