@nanoporetech-digital/components 1.13.21 → 1.15.0

package/dist/themes/nanopore.css

@@ -1 +1 @@
-.nano-hide{display:none !important}.nano-hide-up{display:none !important}.nano-hide-down{display:none !important}@media(min-width: 576px){.nano-hide-sm-up{display:none !important}}@media(max-width: 576px){.nano-hide-sm-down{display:none !important}}@media(min-width: 768px){.nano-hide-md-up{display:none !important}}@media(max-width: 768px){.nano-hide-md-down{display:none !important}}@media(min-width: 992px){.nano-hide-lg-up{display:none !important}}@media(max-width: 992px){.nano-hide-lg-down{display:none !important}}@media(min-width: 1200px){.nano-hide-xl-up{display:none !important}}@media(max-width: 1200px){.nano-hide-xl-down{display:none !important}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:bold}img{max-width:100%;border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,input,select,textarea{-webkit-tap-highlight-color:rgba(201,224,253,.8)}*,*::before,*::after{box-sizing:border-box;font-family:inherit}html{width:100%;text-size-adjust:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;text-rendering:optimizeLegibility}.nano-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.nano-padding{--padding-start: var(--nano-spacing-medium, 16px);--padding-end: var(--nano-spacing-medium, 16px);--padding-top: var(--nano-spacing-medium, 16px);--padding-bottom: var(--nano-spacing-medium, 16px);padding-left:var(--nano-spacing-medium, 16px);padding-right:var(--nano-spacing-medium, 16px);padding-top:var(--nano-spacing-medium, 16px);padding-bottom:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--nano-spacing-medium, 16px);padding-inline-start:var(--nano-spacing-medium, 16px);-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.nano-padding-top{--padding-top: var(--nano-spacing-medium, 16px);padding-top:var(--nano-spacing-medium, 16px)}.nano-padding-start{--padding-start: var(--nano-spacing-medium, 16px);padding-left:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding-start{padding-left:unset;-webkit-padding-start:var(--nano-spacing-medium, 16px);padding-inline-start:var(--nano-spacing-medium, 16px)}}.nano-padding-end{--padding-end: var(--nano-spacing-medium, 16px);padding-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding-end{padding-right:unset;-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.nano-padding-bottom{--padding-bottom: var(--nano-spacing-medium, 16px);padding-bottom:var(--nano-spacing-medium, 16px)}.nano-padding-vertical{--padding-top: var(--nano-spacing-medium, 16px);--padding-bottom: var(--nano-spacing-medium, 16px);padding-top:var(--nano-spacing-medium, 16px);padding-bottom:var(--nano-spacing-medium, 16px)}.nano-padding-horizontal{--padding-start: var(--nano-spacing-medium, 16px);--padding-end: var(--nano-spacing-medium, 16px);padding-left:var(--nano-spacing-medium, 16px);padding-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding-horizontal{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--nano-spacing-medium, 16px);padding-inline-start:var(--nano-spacing-medium, 16px);-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.nano-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.nano-margin{--margin-start: var(--nano-spacing-medium, 16px);--margin-end: var(--nano-spacing-medium, 16px);--margin-top: var(--nano-spacing-medium, 16px);--margin-bottom: var(--nano-spacing-medium, 16px);margin-left:var(--nano-spacing-medium, 16px);margin-right:var(--nano-spacing-medium, 16px);margin-top:var(--nano-spacing-medium, 16px);margin-bottom:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px);-webkit-margin-end:var(--nano-spacing-medium, 16px);margin-inline-end:var(--nano-spacing-medium, 16px)}}.nano-margin-top{--margin-top: var(--nano-spacing-medium, 16px);margin-top:var(--nano-spacing-medium, 16px)}.nano-margin-start{--margin-start: var(--nano-spacing-medium, 16px);margin-left:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin-start{margin-left:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px)}}.nano-margin-end{--margin-end: var(--nano-spacing-medium, 16px);margin-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin-end{margin-right:unset;-webkit-margin-end:var(--nano-spacing-medium, 16px);margin-inline-end:var(--nano-spacing-medium, 16px)}}.nano-margin-bottom{--margin-bottom: var(--nano-spacing-medium, 16px);margin-bottom:var(--nano-spacing-medium, 16px)}.nano-margin-vertical{--margin-top: var(--nano-spacing-medium, 16px);--margin-bottom: var(--nano-spacing-medium, 16px);margin-top:var(--nano-spacing-medium, 16px);margin-bottom:var(--nano-spacing-medium, 16px)}.nano-margin-horizontal{--margin-start: var(--nano-spacing-medium, 16px);--margin-end: var(--nano-spacing-medium, 16px);margin-left:var(--nano-spacing-medium, 16px);margin-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin-horizontal{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px);-webkit-margin-end:var(--nano-spacing-medium, 16px);margin-inline-end:var(--nano-spacing-medium, 16px)}}.nano-float-left{float:left !important}.nano-float-right{float:right !important}.nano-float-start{float:left !important}.nano-float-start[dir=rtl]{float:right !important}.nano-float-end{float:right !important}.nano-float-end[dir=rtl]{float:left !important}@media(min-width: 576px){.nano-float-sm-left{float:left !important}.nano-float-sm-right{float:right !important}.nano-float-sm-start{float:left !important}.nano-float-sm-start[dir=rtl]{float:right !important}.nano-float-sm-end{float:right !important}.nano-float-sm-end[dir=rtl]{float:left !important}}@media(min-width: 768px){.nano-float-md-left{float:left !important}.nano-float-md-right{float:right !important}.nano-float-md-start{float:left !important}.nano-float-md-start[dir=rtl]{float:right !important}.nano-float-md-end{float:right !important}.nano-float-md-end[dir=rtl]{float:left !important}}@media(min-width: 992px){.nano-float-lg-left{float:left !important}.nano-float-lg-right{float:right !important}.nano-float-lg-start{float:left !important}.nano-float-lg-start[dir=rtl]{float:right !important}.nano-float-lg-end{float:right !important}.nano-float-lg-end[dir=rtl]{float:left !important}}@media(min-width: 1200px){.nano-float-xl-left{float:left !important}.nano-float-xl-right{float:right !important}.nano-float-xl-start{float:left !important}.nano-float-xl-start[dir=rtl]{float:right !important}.nano-float-xl-end{float:right !important}.nano-float-xl-end[dir=rtl]{float:left !important}}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_1_0.eot");src:url("../assets/fonts/3AF163_1_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_1_0.woff2") format("woff2"),url("../assets/fonts/3AF163_1_0.woff") format("woff"),url("../assets/fonts/3AF163_1_0.ttf") format("truetype");font-weight:400;font-style:normal;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_8_0.eot");src:url("../assets/fonts/3AF163_8_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_8_0.woff2") format("woff2"),url("../assets/fonts/3AF163_8_0.woff") format("woff"),url("../assets/fonts/3AF163_8_0.ttf") format("truetype");font-weight:400;font-style:italic;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_5_0.eot");src:url("../assets/fonts/3AF163_5_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_5_0.woff2") format("woff2"),url("../assets/fonts/3AF163_5_0.woff") format("woff"),url("../assets/fonts/3AF163_5_0.ttf") format("truetype");font-weight:600;font-style:normal;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_2_0.eot");src:url("../assets/fonts/3AF163_2_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_2_0.woff2") format("woff2"),url("../assets/fonts/3AF163_2_0.woff") format("woff"),url("../assets/fonts/3AF163_2_0.ttf") format("truetype");font-weight:600;font-style:italic;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_9_0.eot");src:url("../assets/fonts/3AF163_9_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_9_0.woff2") format("woff2"),url("../assets/fonts/3AF163_9_0.woff") format("woff"),url("../assets/fonts/3AF163_9_0.ttf") format("truetype");font-weight:200;font-style:normal;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_A_0.eot");src:url("../assets/fonts/3AF163_A_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_A_0.woff2") format("woff2"),url("../assets/fonts/3AF163_A_0.woff") format("woff"),url("../assets/fonts/3AF163_A_0.ttf") format("truetype");font-weight:200;font-style:italic;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_21_0.eot");src:url("../assets/fonts/3AF163_21_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_21_0.woff2") format("woff2"),url("../assets/fonts/3AF163_21_0.woff") format("woff"),url("../assets/fonts/3AF163_21_0.ttf") format("truetype");font-weight:400;font-style:normal;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_28_0.eot");src:url("../assets/fonts/3AF163_28_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_28_0.woff2") format("woff2"),url("../assets/fonts/3AF163_28_0.woff") format("woff"),url("../assets/fonts/3AF163_28_0.ttf") format("truetype");font-weight:400;font-style:italic;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_25_0.eot");src:url("../assets/fonts/3AF163_25_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_25_0.woff2") format("woff2"),url("../assets/fonts/3AF163_25_0.woff") format("woff"),url("../assets/fonts/3AF163_25_0.ttf") format("truetype");font-weight:600;font-style:normal;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_22_0.eot");src:url("../assets/fonts/3AF163_22_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_22_0.woff2") format("woff2"),url("../assets/fonts/3AF163_22_0.woff") format("woff"),url("../assets/fonts/3AF163_22_0.ttf") format("truetype");font-weight:600;font-style:italic;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_29_0.eot");src:url("../assets/fonts/3AF163_29_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_29_0.woff2") format("woff2"),url("../assets/fonts/3AF163_29_0.woff") format("woff"),url("../assets/fonts/3AF163_29_0.ttf") format("truetype");font-weight:200;font-style:normal;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_2A_0.eot");src:url("../assets/fonts/3AF163_2A_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_2A_0.woff2") format("woff2"),url("../assets/fonts/3AF163_2A_0.woff") format("woff"),url("../assets/fonts/3AF163_2A_0.ttf") format("truetype");font-weight:200;font-style:italic;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_15_0.eot");src:url("../assets/fonts/3AF163_15_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_15_0.woff2") format("woff2"),url("../assets/fonts/3AF163_15_0.woff") format("woff"),url("../assets/fonts/3AF163_15_0.ttf") format("truetype");font-weight:400;font-style:normal;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_16_0.eot");src:url("../assets/fonts/3AF163_16_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_16_0.woff2") format("woff2"),url("../assets/fonts/3AF163_16_0.woff") format("woff"),url("../assets/fonts/3AF163_16_0.ttf") format("truetype");font-weight:600;font-style:italic;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_17_0.eot");src:url("../assets/fonts/3AF163_17_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_17_0.woff2") format("woff2"),url("../assets/fonts/3AF163_17_0.woff") format("woff"),url("../assets/fonts/3AF163_17_0.ttf") format("truetype");font-weight:600;font-style:normal;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_1B_0.eot");src:url("../assets/fonts/3AF163_1B_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_1B_0.woff2") format("woff2"),url("../assets/fonts/3AF163_1B_0.woff") format("woff"),url("../assets/fonts/3AF163_1B_0.ttf") format("truetype");font-weight:200;font-style:normal;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_1C_0.eot");src:url("../assets/fonts/3AF163_1C_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_1C_0.woff2") format("woff2"),url("../assets/fonts/3AF163_1C_0.woff") format("woff"),url("../assets/fonts/3AF163_1C_0.ttf") format("truetype");font-weight:200;font-style:italic;font-stretch:expanded}html{font-family:var(--nano-font-family);font-weight:var(--nano-font-weight, 500);color:var(--nano-text-color, #4a4a4a);font-size:var(--nano-base-font-size)}a{color:var(--nano-color-primary, #0084a9);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:600;line-height:1.2}h1{margin-top:10px;font-size:28px}h2{margin-top:18px;font-size:24px}h3{font-size:22px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}.heading{font-weight:500;line-height:1.3;margin:0 0 1.5rem}.heading__highlight{color:#0084a9}.heading--one{font-size:2.5rem}@media(min-width: 768px){.heading--one{font-size:3.25rem}}.heading--two{font-size:1.5rem}@media(min-width: 768px){.heading--two{font-size:2rem}}.heading--three{font-size:1.125rem}@media(min-width: 768px){.heading--three{font-size:1.375rem}}.heading--four{font-size:1.125rem}.heading--five{font-size:1rem}.heading--light{font-weight:200}.heading--upper{text-transform:uppercase}.heading--meta{font-size:.875rem;text-transform:uppercase;letter-spacing:1.3px;font-weight:bold;margin-bottom:1rem}.button{margin:0;padding:0;border:none;background-color:transparent;font:inherit;-webkit-box-align:center;text-decoration:none;color:inherit;transition:background-color 100ms ease-in-out,box-shadow 100ms ease-in-out,border-color 100ms ease-in-out,color 100ms ease-in-out;padding-left:var(--nano-btn-padding-start, 1rem);padding-right:var(--nano-btn-padding-end, 1rem);padding-top:var(--nano-btn-padding-top, 0.5rem);padding-bottom:var(--nano-btn-padding-bottom, 0.5rem);box-shadow:var(--nano-layer-shadow-medium, 0 2px 4px rgba(0, 0, 0, 0.2));display:inline-block;border-radius:var(--nano-btn-border-radius, 5px);line-height:var(--nano-btn-line-height, 1.5rem);font-weight:500;cursor:pointer;background:rgba(0,0,0,.02)}.button::-moz-focus-inner{border:0;padding:0}.button:hover,.button:focus{text-decoration:none;color:inherit}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.button{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--nano-btn-padding-start, 1rem);padding-inline-start:var(--nano-btn-padding-start, 1rem);-webkit-padding-end:var(--nano-btn-padding-end, 1rem);padding-inline-end:var(--nano-btn-padding-end, 1rem)}}@media print{.button{display:none}}.button:focus,.button.button--focus{outline:none;box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}.button nano-icon{margin-left:.5rem;margin-right:0;font-size:var(--nano-btn-icon-size, 1rem);vertical-align:middle;margin-top:-0.188rem;display:inline-block}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.button nano-icon{margin-left:unset;margin-right:unset;-webkit-margin-start:.5rem;margin-inline-start:.5rem;-webkit-margin-end:0;margin-inline-end:0}}.button.button--icon-start nano-icon{margin-left:0;margin-right:.5rem}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.button.button--icon-start nano-icon{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}}.button:hover:not(.button--disabled){box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.3))}.button:active:not(.button--disabled):not(:disabled){box-shadow:none}.button--disabled,.button:disabled{opacity:.6}.button--disabled:hover,.button:disabled:hover{cursor:default}.button--primary{background-color:var(--nano-color-primary, #0084a9);color:var(--nano-color-primary-contrast, #fff)}.button--primary:hover:not(.button--disabled):not(:disabled),.button--primary.button--active{background-color:var(--nano-color-primary-shade, #007090);color:var(--nano-color-primary-contrast, #fff)}.button--primary:hover:not(.button--disabled):not(:disabled).button--keyline,.button--primary.button--active.button--keyline{background-color:var(--nano-color-primary, #0084a9);color:var(--nano-color-primary-contrast, #fff)}.button--primary:focus{color:var(--nano-color-primary-contrast, #fff)}.button--primary.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:var(--nano-color-primary, #0084a9);border-color:var(--nano-color-primary, #0084a9)}.button--primary.button--keyline:hover:not(.button--disabled):not(:disabled),.button--primary.button--keyline:not(.button--focus),.button--primary.button--keyline.button--active{box-shadow:none}.button--secondary{background-color:#17bb75;color:#fff}.button--secondary:hover:not(.button--disabled):not(:disabled),.button--secondary.button--active{background-color:#0b814f;color:#fff}.button--secondary:hover:not(.button--disabled):not(:disabled).button--keyline,.button--secondary.button--active.button--keyline{background-color:#17bb75;color:#fff}.button--secondary:focus{color:#fff}.button--secondary.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#17bb75;border-color:#17bb75}.button--secondary.button--keyline:hover:not(.button--disabled):not(:disabled),.button--secondary.button--keyline:not(.button--focus),.button--secondary.button--keyline.button--active{box-shadow:none}.button--light{background-color:#fff;color:#0084a9}.button--light:hover:not(.button--disabled):not(:disabled),.button--light.button--active{background-color:#fff;color:#0c5a71}.button--light:hover:not(.button--disabled):not(:disabled).button--keyline,.button--light.button--active.button--keyline{background-color:#fff;color:#0084a9}.button--light:focus{color:#0084a9}.button--light.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#fff;border-color:#fff}.button--light.button--keyline:hover:not(.button--disabled):not(:disabled),.button--light.button--keyline:not(.button--focus),.button--light.button--keyline.button--active{box-shadow:none}.button--danger{background-color:#ef4135;color:#fff}.button--danger:hover:not(.button--disabled):not(:disabled),.button--danger.button--active{background-color:#be2a20;color:#fff}.button--danger:hover:not(.button--disabled):not(:disabled).button--keyline,.button--danger.button--active.button--keyline{background-color:#ef4135;color:#fff}.button--danger:focus{color:#fff}.button--danger.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#ef4135;border-color:#ef4135}.button--danger.button--keyline:hover:not(.button--disabled):not(:disabled),.button--danger.button--keyline:not(.button--focus),.button--danger.button--keyline.button--active{box-shadow:none}.button--warning{background-color:#f57e20;color:#fff}.button--warning:hover:not(.button--disabled):not(:disabled),.button--warning.button--active{background-color:#b95e17;color:#fff}.button--warning:hover:not(.button--disabled):not(:disabled).button--keyline,.button--warning.button--active.button--keyline{background-color:#f57e20;color:#fff}.button--warning:focus{color:#fff}.button--warning.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#f57e20;border-color:#f57e20}.button--warning.button--keyline:hover:not(.button--disabled):not(:disabled),.button--warning.button--keyline:not(.button--focus),.button--warning.button--keyline.button--active{box-shadow:none}.button--tertiary{background:transparent;box-shadow:none;text-decoration:underline;font-weight:400}.button--tertiary:hover:not(.button--disabled):not(:disabled),.button--tertiary:hover.button--active,.button--tertiary:focus:not(.button--disabled):not(:disabled),.button--tertiary:focus.button--active{color:#b5aea7;box-shadow:none;text-decoration:underline}.nano-color-primary{--nano-color-base: var(--nano-color-primary, #0084a9) ;--nano-color-base-rgb: var( --nano-color-primary-rgb, 0, 132, 169 ) ;--nano-color-contrast: var(--nano-color-primary-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-primary-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-primary-shade, #007090) ;--nano-color-tint: var(--nano-color-primary-tint, #2696b6) ;--nano-color-tint-rgb: var( --nano-color-primary-tint-rgb, 38, 150, 182 ) }.nano-color-secondary{--nano-color-base: var(--nano-color-secondary, #548caf) ;--nano-color-base-rgb: var( --nano-color-secondary-rgb, 84, 140, 175 ) ;--nano-color-contrast: var(--nano-color-secondary-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-secondary-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-secondary-shade, #477795) ;--nano-color-tint: var(--nano-color-secondary-tint, #6e9dbb) ;--nano-color-tint-rgb: var( --nano-color-secondary-tint-rgb, 110, 157, 187 ) }.nano-color-tertiary{--nano-color-base: var(--nano-color-tertiary, #b5aea7) ;--nano-color-base-rgb: var( --nano-color-tertiary-rgb, 181, 174, 167 ) ;--nano-color-contrast: var(--nano-color-tertiary-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-tertiary-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-tertiary-shade, #9a948e) ;--nano-color-tint: var(--nano-color-tertiary-tint, #c0bab4) ;--nano-color-tint-rgb: var( --nano-color-tertiary-tint-rgb, 192, 186, 180 ) }.nano-color-success{--nano-color-base: var(--nano-color-success, #17bb75) ;--nano-color-base-rgb: var( --nano-color-success-rgb, 23, 187, 117 ) ;--nano-color-contrast: var(--nano-color-success-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-success-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-success-shade, #149f63) ;--nano-color-tint: var(--nano-color-success-tint, #3ac58a) ;--nano-color-tint-rgb: var( --nano-color-success-tint-rgb, 58, 197, 138 ) }.nano-color-warning{--nano-color-base: var(--nano-color-warning, #f57e20) ;--nano-color-base-rgb: var( --nano-color-warning-rgb, 245, 126, 32 ) ;--nano-color-contrast: var(--nano-color-warning-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-warning-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-warning-shade, #d06b1b) ;--nano-color-tint: var(--nano-color-warning-tint, #f79141) ;--nano-color-tint-rgb: var( --nano-color-warning-tint-rgb, 247, 145, 65 ) }.nano-color-danger{--nano-color-base: var(--nano-color-danger, #ef4135) ;--nano-color-base-rgb: var( --nano-color-danger-rgb, 239, 65, 53 ) ;--nano-color-contrast: var(--nano-color-danger-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-danger-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-danger-shade, #cb372d) ;--nano-color-tint: var(--nano-color-danger-tint, #f15e53) ;--nano-color-tint-rgb: var( --nano-color-danger-tint-rgb, 241, 94, 83 ) }.nano-color-light{--nano-color-base: var(--nano-color-light, #f2f7f9) ;--nano-color-base-rgb: var( --nano-color-light-rgb, 242, 247, 249 ) ;--nano-color-contrast: var(--nano-color-light-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-light-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-light-shade, #ced2d4) ;--nano-color-tint: var(--nano-color-light-tint, #f4f8fa) ;--nano-color-tint-rgb: var( --nano-color-light-tint-rgb, 244, 248, 250 ) }.nano-color-medium{--nano-color-base: var(--nano-color-medium, #005c75) ;--nano-color-base-rgb: var( --nano-color-medium-rgb, 0, 92, 117 ) ;--nano-color-contrast: var(--nano-color-medium-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-medium-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-medium-shade, #004e63) ;--nano-color-tint: var(--nano-color-medium-tint, #26748a) ;--nano-color-tint-rgb: var( --nano-color-medium-tint-rgb, 38, 116, 138 ) }.nano-color-dark{--nano-color-base: var(--nano-color-dark, #455556) ;--nano-color-base-rgb: var( --nano-color-dark-rgb, 69, 85, 86 ) ;--nano-color-contrast: var(--nano-color-dark-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-dark-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-dark-shade, #3b4849) ;--nano-color-tint: var(--nano-color-dark-tint, #616f6f) ;--nano-color-tint-rgb: var( --nano-color-dark-tint-rgb, 97, 111, 111 ) }:root{--nano-base-font-size: 16px;--nano-padding: 1rem;--nano-font-family: "HelveticaNow", "Helvetica Neue", helvetica, arial, "Lucida Grande", sans-serif}@media(max-width: 576px){:root{--nano-base-font-size: 14px}}body{background-color:var(--nano-background-color, #f0efed)}hr,.horizontal-rule,.content-divider{display:block;height:1px;border:0;background-color:rgba(181,174,167,.5);margin:.5em 0;padding:0}area[href]:not([tabindex="-1"]):focus,iframe:not([tabindex="-1"]):focus,[contentEditable=true]:not([tabindex="-1"]):focus{outline:none;box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));border-radius:3px}/*# sourceMappingURL=nanopore.css.map */
+.nano-hide{display:none !important}.nano-hide-up{display:none !important}.nano-hide-down{display:none !important}@media(min-width: 576px){.nano-hide-sm-up{display:none !important}}@media(max-width: 576px){.nano-hide-sm-down{display:none !important}}@media(min-width: 768px){.nano-hide-md-up{display:none !important}}@media(max-width: 768px){.nano-hide-md-down{display:none !important}}@media(min-width: 992px){.nano-hide-lg-up{display:none !important}}@media(max-width: 992px){.nano-hide-lg-down{display:none !important}}@media(min-width: 1200px){.nano-hide-xl-up{display:none !important}}@media(max-width: 1200px){.nano-hide-xl-down{display:none !important}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:bold}img{max-width:100%;border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,input,select,textarea{-webkit-tap-highlight-color:rgba(201,224,253,.8)}*,*::before,*::after{box-sizing:border-box;font-family:inherit}html{width:100%;text-size-adjust:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;text-rendering:optimizeLegibility}.nano-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.nano-padding{--padding-start: var(--nano-spacing-medium, 16px);--padding-end: var(--nano-spacing-medium, 16px);--padding-top: var(--nano-spacing-medium, 16px);--padding-bottom: var(--nano-spacing-medium, 16px);padding-left:var(--nano-spacing-medium, 16px);padding-right:var(--nano-spacing-medium, 16px);padding-top:var(--nano-spacing-medium, 16px);padding-bottom:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--nano-spacing-medium, 16px);padding-inline-start:var(--nano-spacing-medium, 16px);-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.nano-padding-top{--padding-top: var(--nano-spacing-medium, 16px);padding-top:var(--nano-spacing-medium, 16px)}.nano-padding-start{--padding-start: var(--nano-spacing-medium, 16px);padding-left:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding-start{padding-left:unset;-webkit-padding-start:var(--nano-spacing-medium, 16px);padding-inline-start:var(--nano-spacing-medium, 16px)}}.nano-padding-end{--padding-end: var(--nano-spacing-medium, 16px);padding-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding-end{padding-right:unset;-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.nano-padding-bottom{--padding-bottom: var(--nano-spacing-medium, 16px);padding-bottom:var(--nano-spacing-medium, 16px)}.nano-padding-vertical{--padding-top: var(--nano-spacing-medium, 16px);--padding-bottom: var(--nano-spacing-medium, 16px);padding-top:var(--nano-spacing-medium, 16px);padding-bottom:var(--nano-spacing-medium, 16px)}.nano-padding-horizontal{--padding-start: var(--nano-spacing-medium, 16px);--padding-end: var(--nano-spacing-medium, 16px);padding-left:var(--nano-spacing-medium, 16px);padding-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-padding-horizontal{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--nano-spacing-medium, 16px);padding-inline-start:var(--nano-spacing-medium, 16px);-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.nano-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.nano-margin{--margin-start: var(--nano-spacing-medium, 16px);--margin-end: var(--nano-spacing-medium, 16px);--margin-top: var(--nano-spacing-medium, 16px);--margin-bottom: var(--nano-spacing-medium, 16px);margin-left:var(--nano-spacing-medium, 16px);margin-right:var(--nano-spacing-medium, 16px);margin-top:var(--nano-spacing-medium, 16px);margin-bottom:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px);-webkit-margin-end:var(--nano-spacing-medium, 16px);margin-inline-end:var(--nano-spacing-medium, 16px)}}.nano-margin-top{--margin-top: var(--nano-spacing-medium, 16px);margin-top:var(--nano-spacing-medium, 16px)}.nano-margin-start{--margin-start: var(--nano-spacing-medium, 16px);margin-left:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin-start{margin-left:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px)}}.nano-margin-end{--margin-end: var(--nano-spacing-medium, 16px);margin-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin-end{margin-right:unset;-webkit-margin-end:var(--nano-spacing-medium, 16px);margin-inline-end:var(--nano-spacing-medium, 16px)}}.nano-margin-bottom{--margin-bottom: var(--nano-spacing-medium, 16px);margin-bottom:var(--nano-spacing-medium, 16px)}.nano-margin-vertical{--margin-top: var(--nano-spacing-medium, 16px);--margin-bottom: var(--nano-spacing-medium, 16px);margin-top:var(--nano-spacing-medium, 16px);margin-bottom:var(--nano-spacing-medium, 16px)}.nano-margin-horizontal{--margin-start: var(--nano-spacing-medium, 16px);--margin-end: var(--nano-spacing-medium, 16px);margin-left:var(--nano-spacing-medium, 16px);margin-right:var(--nano-spacing-medium, 16px)}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.nano-margin-horizontal{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px);-webkit-margin-end:var(--nano-spacing-medium, 16px);margin-inline-end:var(--nano-spacing-medium, 16px)}}.nano-float-left{float:left !important}.nano-float-right{float:right !important}.nano-float-start{float:left !important}.nano-float-start[dir=rtl]{float:right !important}.nano-float-end{float:right !important}.nano-float-end[dir=rtl]{float:left !important}@media(min-width: 576px){.nano-float-sm-left{float:left !important}.nano-float-sm-right{float:right !important}.nano-float-sm-start{float:left !important}.nano-float-sm-start[dir=rtl]{float:right !important}.nano-float-sm-end{float:right !important}.nano-float-sm-end[dir=rtl]{float:left !important}}@media(min-width: 768px){.nano-float-md-left{float:left !important}.nano-float-md-right{float:right !important}.nano-float-md-start{float:left !important}.nano-float-md-start[dir=rtl]{float:right !important}.nano-float-md-end{float:right !important}.nano-float-md-end[dir=rtl]{float:left !important}}@media(min-width: 992px){.nano-float-lg-left{float:left !important}.nano-float-lg-right{float:right !important}.nano-float-lg-start{float:left !important}.nano-float-lg-start[dir=rtl]{float:right !important}.nano-float-lg-end{float:right !important}.nano-float-lg-end[dir=rtl]{float:left !important}}@media(min-width: 1200px){.nano-float-xl-left{float:left !important}.nano-float-xl-right{float:right !important}.nano-float-xl-start{float:left !important}.nano-float-xl-start[dir=rtl]{float:right !important}.nano-float-xl-end{float:right !important}.nano-float-xl-end[dir=rtl]{float:left !important}}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_1_0.eot");src:url("../assets/fonts/3AF163_1_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_1_0.woff2") format("woff2"),url("../assets/fonts/3AF163_1_0.woff") format("woff"),url("../assets/fonts/3AF163_1_0.ttf") format("truetype");font-weight:400;font-style:normal;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_8_0.eot");src:url("../assets/fonts/3AF163_8_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_8_0.woff2") format("woff2"),url("../assets/fonts/3AF163_8_0.woff") format("woff"),url("../assets/fonts/3AF163_8_0.ttf") format("truetype");font-weight:400;font-style:italic;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_5_0.eot");src:url("../assets/fonts/3AF163_5_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_5_0.woff2") format("woff2"),url("../assets/fonts/3AF163_5_0.woff") format("woff"),url("../assets/fonts/3AF163_5_0.ttf") format("truetype");font-weight:600;font-style:normal;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_2_0.eot");src:url("../assets/fonts/3AF163_2_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_2_0.woff2") format("woff2"),url("../assets/fonts/3AF163_2_0.woff") format("woff"),url("../assets/fonts/3AF163_2_0.ttf") format("truetype");font-weight:600;font-style:italic;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_9_0.eot");src:url("../assets/fonts/3AF163_9_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_9_0.woff2") format("woff2"),url("../assets/fonts/3AF163_9_0.woff") format("woff"),url("../assets/fonts/3AF163_9_0.ttf") format("truetype");font-weight:200;font-style:normal;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_A_0.eot");src:url("../assets/fonts/3AF163_A_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_A_0.woff2") format("woff2"),url("../assets/fonts/3AF163_A_0.woff") format("woff"),url("../assets/fonts/3AF163_A_0.ttf") format("truetype");font-weight:200;font-style:italic;font-stretch:condensed}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_21_0.eot");src:url("../assets/fonts/3AF163_21_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_21_0.woff2") format("woff2"),url("../assets/fonts/3AF163_21_0.woff") format("woff"),url("../assets/fonts/3AF163_21_0.ttf") format("truetype");font-weight:400;font-style:normal;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_28_0.eot");src:url("../assets/fonts/3AF163_28_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_28_0.woff2") format("woff2"),url("../assets/fonts/3AF163_28_0.woff") format("woff"),url("../assets/fonts/3AF163_28_0.ttf") format("truetype");font-weight:400;font-style:italic;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_25_0.eot");src:url("../assets/fonts/3AF163_25_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_25_0.woff2") format("woff2"),url("../assets/fonts/3AF163_25_0.woff") format("woff"),url("../assets/fonts/3AF163_25_0.ttf") format("truetype");font-weight:600;font-style:normal;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_22_0.eot");src:url("../assets/fonts/3AF163_22_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_22_0.woff2") format("woff2"),url("../assets/fonts/3AF163_22_0.woff") format("woff"),url("../assets/fonts/3AF163_22_0.ttf") format("truetype");font-weight:600;font-style:italic;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_29_0.eot");src:url("../assets/fonts/3AF163_29_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_29_0.woff2") format("woff2"),url("../assets/fonts/3AF163_29_0.woff") format("woff"),url("../assets/fonts/3AF163_29_0.ttf") format("truetype");font-weight:200;font-style:normal;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_2A_0.eot");src:url("../assets/fonts/3AF163_2A_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_2A_0.woff2") format("woff2"),url("../assets/fonts/3AF163_2A_0.woff") format("woff"),url("../assets/fonts/3AF163_2A_0.ttf") format("truetype");font-weight:200;font-style:italic;font-stretch:normal}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_15_0.eot");src:url("../assets/fonts/3AF163_15_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_15_0.woff2") format("woff2"),url("../assets/fonts/3AF163_15_0.woff") format("woff"),url("../assets/fonts/3AF163_15_0.ttf") format("truetype");font-weight:400;font-style:normal;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_16_0.eot");src:url("../assets/fonts/3AF163_16_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_16_0.woff2") format("woff2"),url("../assets/fonts/3AF163_16_0.woff") format("woff"),url("../assets/fonts/3AF163_16_0.ttf") format("truetype");font-weight:600;font-style:italic;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_17_0.eot");src:url("../assets/fonts/3AF163_17_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_17_0.woff2") format("woff2"),url("../assets/fonts/3AF163_17_0.woff") format("woff"),url("../assets/fonts/3AF163_17_0.ttf") format("truetype");font-weight:600;font-style:normal;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_1B_0.eot");src:url("../assets/fonts/3AF163_1B_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_1B_0.woff2") format("woff2"),url("../assets/fonts/3AF163_1B_0.woff") format("woff"),url("../assets/fonts/3AF163_1B_0.ttf") format("truetype");font-weight:200;font-style:normal;font-stretch:expanded}@font-face{font-family:"HelveticaNow";src:url("../assets/fonts/3AF163_1C_0.eot");src:url("../assets/fonts/3AF163_1C_0.eot?#iefix") format("embedded-opentype"),url("../assets/fonts/3AF163_1C_0.woff2") format("woff2"),url("../assets/fonts/3AF163_1C_0.woff") format("woff"),url("../assets/fonts/3AF163_1C_0.ttf") format("truetype");font-weight:200;font-style:italic;font-stretch:expanded}html{font-family:var(--nano-font-family);font-weight:var(--nano-font-weight, 500);color:var(--nano-text-color, #4a4a4a);font-size:var(--nano-base-font-size)}a{color:var(--nano-color-primary, #007495);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:600;line-height:1.2}h1{margin-top:10px;font-size:28px}h2{margin-top:18px;font-size:24px}h3{font-size:22px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}.heading{font-weight:500;line-height:1.3;margin:0 0 1.5rem}.heading__highlight{color:#007495}.heading--one{font-size:2.5rem}@media(min-width: 768px){.heading--one{font-size:3.25rem}}.heading--two{font-size:1.5rem}@media(min-width: 768px){.heading--two{font-size:2rem}}.heading--three{font-size:1.125rem}@media(min-width: 768px){.heading--three{font-size:1.375rem}}.heading--four{font-size:1.125rem}.heading--five{font-size:1rem}.heading--light{font-weight:200}.heading--upper{text-transform:uppercase}.heading--meta{font-size:.875rem;text-transform:uppercase;letter-spacing:1.3px;font-weight:bold;margin-bottom:1rem}.button{margin:0;padding:0;border:none;background-color:transparent;font:inherit;-webkit-box-align:center;text-decoration:none;color:inherit;transition:background-color 100ms ease-in-out,box-shadow 100ms ease-in-out,border-color 100ms ease-in-out,color 100ms ease-in-out;padding-left:var(--nano-btn-padding-start, 1rem);padding-right:var(--nano-btn-padding-end, 1rem);padding-top:var(--nano-btn-padding-top, 0.5rem);padding-bottom:var(--nano-btn-padding-bottom, 0.5rem);box-shadow:var(--nano-layer-shadow-medium, 0 2px 4px rgba(0, 0, 0, 0.2));display:inline-block;border-radius:var(--nano-btn-border-radius, 5px);line-height:var(--nano-btn-line-height, 1.5rem);font-weight:500;cursor:pointer;background:rgba(0,0,0,.02)}.button::-moz-focus-inner{border:0;padding:0}.button:hover,.button:focus{text-decoration:none;color:inherit}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.button{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--nano-btn-padding-start, 1rem);padding-inline-start:var(--nano-btn-padding-start, 1rem);-webkit-padding-end:var(--nano-btn-padding-end, 1rem);padding-inline-end:var(--nano-btn-padding-end, 1rem)}}@media print{.button{display:none}}.button:focus,.button.button--focus{outline:none;box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}.button nano-icon{margin-left:.5rem;margin-right:0;font-size:var(--nano-btn-icon-size, 1rem);vertical-align:middle;margin-top:-0.188rem;display:inline-block}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.button nano-icon{margin-left:unset;margin-right:unset;-webkit-margin-start:.5rem;margin-inline-start:.5rem;-webkit-margin-end:0;margin-inline-end:0}}.button.button--icon-start nano-icon{margin-left:0;margin-right:.5rem}@supports(margin-inline-start: 0) or (-webkit-margin-start: 0){.button.button--icon-start nano-icon{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}}.button:hover:not(.button--disabled){box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.3))}.button:active:not(.button--disabled):not(:disabled){box-shadow:none}.button--disabled,.button:disabled{opacity:.6}.button--disabled:hover,.button:disabled:hover{cursor:default}.button--primary{background-color:var(--nano-color-primary, #007495);color:var(--nano-color-primary-contrast, #fff)}.button--primary:hover:not(.button--disabled):not(:disabled),.button--primary.button--active{background-color:var(--nano-color-primary-shade, #00637f);color:var(--nano-color-primary-contrast, #fff)}.button--primary:hover:not(.button--disabled):not(:disabled).button--keyline,.button--primary.button--active.button--keyline{background-color:var(--nano-color-primary, #007495);color:var(--nano-color-primary-contrast, #fff)}.button--primary:focus{color:var(--nano-color-primary-contrast, #fff)}.button--primary.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:var(--nano-color-primary, #007495);border-color:var(--nano-color-primary, #007495)}.button--primary.button--keyline:hover:not(.button--disabled):not(:disabled),.button--primary.button--keyline:not(.button--focus),.button--primary.button--keyline.button--active{box-shadow:none}.button--secondary{background-color:#17bb75;color:#fff}.button--secondary:hover:not(.button--disabled):not(:disabled),.button--secondary.button--active{background-color:#0b814f;color:#fff}.button--secondary:hover:not(.button--disabled):not(:disabled).button--keyline,.button--secondary.button--active.button--keyline{background-color:#17bb75;color:#fff}.button--secondary:focus{color:#fff}.button--secondary.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#17bb75;border-color:#17bb75}.button--secondary.button--keyline:hover:not(.button--disabled):not(:disabled),.button--secondary.button--keyline:not(.button--focus),.button--secondary.button--keyline.button--active{box-shadow:none}.button--light{background-color:#fff;color:#007495}.button--light:hover:not(.button--disabled):not(:disabled),.button--light.button--active{background-color:#fff;color:#0c5a71}.button--light:hover:not(.button--disabled):not(:disabled).button--keyline,.button--light.button--active.button--keyline{background-color:#fff;color:#007495}.button--light:focus{color:#007495}.button--light.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#fff;border-color:#fff}.button--light.button--keyline:hover:not(.button--disabled):not(:disabled),.button--light.button--keyline:not(.button--focus),.button--light.button--keyline.button--active{box-shadow:none}.button--danger{background-color:#ef4135;color:#fff}.button--danger:hover:not(.button--disabled):not(:disabled),.button--danger.button--active{background-color:#be2a20;color:#fff}.button--danger:hover:not(.button--disabled):not(:disabled).button--keyline,.button--danger.button--active.button--keyline{background-color:#ef4135;color:#fff}.button--danger:focus{color:#fff}.button--danger.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#ef4135;border-color:#ef4135}.button--danger.button--keyline:hover:not(.button--disabled):not(:disabled),.button--danger.button--keyline:not(.button--focus),.button--danger.button--keyline.button--active{box-shadow:none}.button--warning{background-color:#f57e20;color:#fff}.button--warning:hover:not(.button--disabled):not(:disabled),.button--warning.button--active{background-color:#b95e17;color:#fff}.button--warning:hover:not(.button--disabled):not(:disabled).button--keyline,.button--warning.button--active.button--keyline{background-color:#f57e20;color:#fff}.button--warning:focus{color:#fff}.button--warning.button--keyline{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);color:#f57e20;border-color:#f57e20}.button--warning.button--keyline:hover:not(.button--disabled):not(:disabled),.button--warning.button--keyline:not(.button--focus),.button--warning.button--keyline.button--active{box-shadow:none}.button--tertiary{background:transparent;box-shadow:none;text-decoration:underline;font-weight:400}.button--tertiary:hover:not(.button--disabled):not(:disabled),.button--tertiary:hover.button--active,.button--tertiary:focus:not(.button--disabled):not(:disabled),.button--tertiary:focus.button--active{color:#b5aea7;box-shadow:none;text-decoration:underline}.nano-color-primary{--nano-color-base: var(--nano-color-primary, #007495) ;--nano-color-base-rgb: var( --nano-color-primary-rgb, 0, 116, 149 ) ;--nano-color-contrast: var(--nano-color-primary-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-primary-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-primary-shade, #00637f) ;--nano-color-tint: var(--nano-color-primary-tint, #2689a5) ;--nano-color-tint-rgb: var( --nano-color-primary-tint-rgb, 38, 137, 165 ) }.nano-color-secondary{--nano-color-base: var(--nano-color-secondary, #548caf) ;--nano-color-base-rgb: var( --nano-color-secondary-rgb, 84, 140, 175 ) ;--nano-color-contrast: var(--nano-color-secondary-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-secondary-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-secondary-shade, #477795) ;--nano-color-tint: var(--nano-color-secondary-tint, #6e9dbb) ;--nano-color-tint-rgb: var( --nano-color-secondary-tint-rgb, 110, 157, 187 ) }.nano-color-tertiary{--nano-color-base: var(--nano-color-tertiary, #b5aea7) ;--nano-color-base-rgb: var( --nano-color-tertiary-rgb, 181, 174, 167 ) ;--nano-color-contrast: var(--nano-color-tertiary-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-tertiary-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-tertiary-shade, #9a948e) ;--nano-color-tint: var(--nano-color-tertiary-tint, #c0bab4) ;--nano-color-tint-rgb: var( --nano-color-tertiary-tint-rgb, 192, 186, 180 ) }.nano-color-success{--nano-color-base: var(--nano-color-success, #17bb75) ;--nano-color-base-rgb: var( --nano-color-success-rgb, 23, 187, 117 ) ;--nano-color-contrast: var(--nano-color-success-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-success-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-success-shade, #149f63) ;--nano-color-tint: var(--nano-color-success-tint, #3ac58a) ;--nano-color-tint-rgb: var( --nano-color-success-tint-rgb, 58, 197, 138 ) }.nano-color-warning{--nano-color-base: var(--nano-color-warning, #f57e20) ;--nano-color-base-rgb: var( --nano-color-warning-rgb, 245, 126, 32 ) ;--nano-color-contrast: var(--nano-color-warning-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-warning-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-warning-shade, #d06b1b) ;--nano-color-tint: var(--nano-color-warning-tint, #f79141) ;--nano-color-tint-rgb: var( --nano-color-warning-tint-rgb, 247, 145, 65 ) }.nano-color-danger{--nano-color-base: var(--nano-color-danger, #ef4135) ;--nano-color-base-rgb: var( --nano-color-danger-rgb, 239, 65, 53 ) ;--nano-color-contrast: var(--nano-color-danger-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-danger-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-danger-shade, #cb372d) ;--nano-color-tint: var(--nano-color-danger-tint, #f15e53) ;--nano-color-tint-rgb: var( --nano-color-danger-tint-rgb, 241, 94, 83 ) }.nano-color-light{--nano-color-base: var(--nano-color-light, #f2f7f9) ;--nano-color-base-rgb: var( --nano-color-light-rgb, 242, 247, 249 ) ;--nano-color-contrast: var(--nano-color-light-contrast, #000) ;--nano-color-contrast-rgb: var( --nano-color-light-contrast-rgb, 0, 0, 0 ) ;--nano-color-shade: var(--nano-color-light-shade, #ced2d4) ;--nano-color-tint: var(--nano-color-light-tint, #f4f8fa) ;--nano-color-tint-rgb: var( --nano-color-light-tint-rgb, 244, 248, 250 ) }.nano-color-medium{--nano-color-base: var(--nano-color-medium, #005c75) ;--nano-color-base-rgb: var( --nano-color-medium-rgb, 0, 92, 117 ) ;--nano-color-contrast: var(--nano-color-medium-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-medium-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-medium-shade, #004e63) ;--nano-color-tint: var(--nano-color-medium-tint, #26748a) ;--nano-color-tint-rgb: var( --nano-color-medium-tint-rgb, 38, 116, 138 ) }.nano-color-dark{--nano-color-base: var(--nano-color-dark, #455556) ;--nano-color-base-rgb: var( --nano-color-dark-rgb, 69, 85, 86 ) ;--nano-color-contrast: var(--nano-color-dark-contrast, #fff) ;--nano-color-contrast-rgb: var( --nano-color-dark-contrast-rgb, 255, 255, 255 ) ;--nano-color-shade: var(--nano-color-dark-shade, #3b4849) ;--nano-color-tint: var(--nano-color-dark-tint, #616f6f) ;--nano-color-tint-rgb: var( --nano-color-dark-tint-rgb, 97, 111, 111 ) }:root{--nano-base-font-size: 16px;--nano-padding: 1rem;--nano-font-family: "HelveticaNow", "Helvetica Neue", helvetica, arial, "Lucida Grande", sans-serif}@media(max-width: 576px){:root{--nano-base-font-size: 14px}}body{background-color:var(--nano-background-color, #f0efed)}hr,.horizontal-rule,.content-divider{display:block;height:1px;border:0;background-color:rgba(181,174,167,.5);margin:.5em 0;padding:0}area[href]:not([tabindex="-1"]):focus,iframe:not([tabindex="-1"]):focus,[contentEditable=true]:not([tabindex="-1"]):focus{outline:none;box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));border-radius:3px}/*# sourceMappingURL=nanopore.css.map */

package/dist/types/components/aspect-ratio/aspect-ratio.d.ts

@@ -5,7 +5,7 @@ import { ComponentInterface } from '../../stencil-public-runtime';
  * As the element's width changes, its height will resize proportionally. Only one element should be slotted into the container.
  * The default aspect ratio is 16:9.
  */
-export declare class AspectRadio implements ComponentInterface {
+export declare class AspectRatio implements ComponentInterface {
   private base;
   /** The aspect ratio of the embedded media in the format of `width:height`, e.g. `16:9`, `4:3`, or `1:1`.
    * Ratios not in this format will be ignored. */

package/dist/types/components/checkbox/__tests__/__fixtures__/checkbox-templates.d.ts

@@ -0,0 +1,8 @@
+export declare const templates: {
+  default: string;
+  checkbox: string;
+  radio: string;
+  tags: string;
+  segment: string;
+  group: string;
+};

package/dist/types/components/checkbox/checkbox-group.d.ts

@@ -11,6 +11,7 @@ export declare class CheckboxGroup implements ComponentInterface {
   private mo?;
   private checkboxTypes;
   private grpId;
+  private _invalid;
   host: HTMLNanoCheckboxGroupElement;
   checkboxes: HTMLNanoCheckboxElement[];
   nativeCbs: HTMLInputElement[];
@@ -44,9 +45,10 @@ export declare class CheckboxGroup implements ComponentInterface {
    */
   legend: string;
   /**
-   * @internal - just a hook for styling on the current validity state
+   * This will be true when the control is in an invalid state.
+   * Validity is determined by the `required` prop. Or if custom validity message is set. @readonly
    */
-  invalid: boolean;
+  get invalid(): boolean;
   /**
    * Get the current state of the control.
    * @param validateFirst - perform validation first before reporting

package/dist/types/components/checkbox/checkbox.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
-import { CheckboxChangeEventDetail } from '../../interface';
+import { CheckboxChangeEventDetail, ControlValidity } from '../../interface';
 import { Color } from '../../interface';
 /**
  * `nano-checkbox` is used to let a user choose one or more options from a limited number of options.
@@ -11,7 +11,9 @@ import { Color } from '../../interface';
 export declare class Checkbox implements ComponentInterface {
   private inputId;
   private input;
+  private shouldReport;
   private host;
+  _invalid: boolean;
   inputType: 'checkbox' | 'radio';
   /** @internal */
   hasFocus: boolean;
@@ -53,9 +55,9 @@ export declare class Checkbox implements ComponentInterface {
   handleIndeterminateChange(): void;
   /**
    * This will be true when the control is in an invalid state.
-   * Validity is determined by the `required` prop. Or if custom validity message is set.
+   * Validity is determined by the `required` prop. Or if custom validity message is set. @readonly
    */
-  invalid: boolean;
+  get invalid(): boolean;
   /**
    * Color to use from your application's color palette.
    */
@@ -77,9 +79,11 @@ export declare class Checkbox implements ComponentInterface {
    */
   getInputElement(): Promise<HTMLInputElement>;
   /**
-   * Checks for validity and shows the browser's validation message if the control is invalid.
+   * Get the current state of the control.
+   * @param validateFirst - perform validation first before reporting
+   * @returns `Promise<{ isValid: boolean, errorMessage: string }>`
    */
-  reportError(): Promise<boolean>;
+  reportValidity(validateFirst?: boolean): Promise<ControlValidity>;
   /**
    * Sets a custom validation message.
    * If `message` is not empty, the field will be considered invalid. Use in conjunction with `nano-checkbox-group`

package/dist/types/components/date-input/date-input.d.ts

@@ -13,12 +13,20 @@ export declare class DateInput implements ComponentInterface {
   private pickerCloseBtn;
   private dropdown;
   private input;
+  private pickerOpenSource;
   private directInput;
   private dateOrderIndeces;
   private inputId;
+  private locale;
   host: HTMLNanoDateInputElement;
   pattern: string;
   inputValue: string;
+  /**
+   * This will be true when the control is in an invalid state.
+   * Validity is determined by the `required` prop. Or if custom validity message is set. @readonly
+   */
+  get invalid(): boolean;
+  _invalid: boolean;
   /**
    * Whether to show a long form, confirmation date string of the one currently entered
    */
@@ -174,6 +182,7 @@ export declare class DateInput implements ComponentInterface {
   private onDropdownHide;
   private onDropdownShow;
   private onTriggerClick;
+  private onTriggerKey;
   private onCloseClick;
   private onCloseKeyDown;
   private setDatePattern;

package/dist/types/components/date-picker/date-picker.d.ts

@@ -5,12 +5,13 @@ import { PickerChangeEvent, DuetLocalizedText, DateDisabledPredicate, Color } fr
  * A highly performant, small and accessible date-picker.
  * Customised from [Duet date-picker](https://duetds.github.io/date-picker/).
  */
-export declare class NanoDatePicker implements ComponentInterface {
+export declare class DatePicker implements ComponentInterface {
   private monthSelectId;
   private yearSelectId;
   private dialogLabelId;
   private firstFocusableElement;
   private monthSelectNode;
+  private yearSelectNode;
   private focusedDayNode;
   private focusTimeoutId;
   private initialTouchX;
@@ -44,10 +45,11 @@ export declare class NanoDatePicker implements ComponentInterface {
   firstFocusEle: HTMLElement;
   /** Event emitted when a date is selected. */
   nanoDatePicked: EventEmitter<PickerChangeEvent>;
-  /** Focus to the calendar. If day set, will focus to the current selected day.
-   * @param day
+  /** Focus to the calendar
+   * @param day - focus to the current selected day
+   * @param forceFocusVisible - force visible focus - required if opened via keyboad
    */
-  setFocus(day?: boolean): Promise<void>;
+  setFocus(day?: boolean, forceFocusVisible?: boolean): Promise<void>;
   handleSelectedDateChange(): void;
   private enableActiveFocus;
   private disableActiveFocus;
@@ -70,6 +72,9 @@ export declare class NanoDatePicker implements ComponentInterface {
   private handleYearSelect;
   private setValue;
   private processFocusedDayNode;
+  connectedCallback(): void;
   componentWillLoad(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
   render(): any;
 }

package/dist/types/components/details/details.d.ts

@@ -57,6 +57,7 @@ export declare class Details {
   private hide;
   private show;
   private resize;
+  private attachRO;
   componentWillLoad(): void;
   componentDidLoad(): void;
   connectedCallback(): void;

package/dist/types/components/dropdown/dropdown.d.ts

@@ -19,11 +19,7 @@ export declare class Dropdown implements ComponentInterface {
   autoOpen: boolean;
   /** Indicates whether or not the dropdown is open. You can use this in lieu of the show/hide methods. */
   open: boolean;
-  /**
-   * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel
-   * inside of the viewport.
-   */
-  placement: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+  handleOpenChange(): void;
   /**
    * Determines whether the dropdown should hide when a menu item is selected.
    */
@@ -32,6 +28,17 @@ export declare class Dropdown implements ComponentInterface {
    * The dropdown will close when the user interacts outside of this element (e.g. clicking).
    */
   containingElement: HTMLElement;
+  /**
+   * If you don't want to use the trigger slot, you can use this to 'tether' the dropdown to another element.
+   * And you will still need to control when the component is opened (using show() / hide() or the `open` prop)
+   */
+  tetherTo: HTMLElement;
+  handleTetherToChange(): void;
+  /**
+   * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel
+   * inside of the viewport.
+   */
+  placement: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
   /**
    * The distance in pixels from which to offset the panel away from its trigger.
    */
@@ -45,10 +52,11 @@ export declare class Dropdown implements ComponentInterface {
    * `overflow: auto|scroll`.
    */
   hoist: boolean;
+  handlePopoverOptionsChange(): void;
   /**
    * Title used to describe the dropdown content for accessibility
    */
-  dialogTitle: string | null;
+  dialogTitle: string;
   /**
    * Emitted when the dropdown opens. Calling `event.preventDefault()` will prevent it from being opened.
    */
@@ -65,25 +73,24 @@ export declare class Dropdown implements ComponentInterface {
    * Emitted after the dropdown closes and all transitions are complete.
    */
   nanoAfterHide: EventEmitter;
-  handleOpenChange(): void;
-  handlePopoverOptionsChange(): void;
   menuFocus(ev: CustomEvent): void;
   secondaryOpen(ev: CustomEvent): void;
   secondaryClose(ev: CustomEvent): void;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
+  handlePanelSelect(event: CustomEvent): void;
   /** Shows the dropdown panel */
   show(): Promise<void>;
   /** Hides the dropdown panel */
   hide(): Promise<void>;
   private getMenu;
+  private togglePanel;
+  private updateAccessibleTrigger;
   private handleDocumentKeyDown;
   private handleDocumentMouseDown;
-  handlePanelSelect(event: CustomEvent): void;
   private handleTriggerKeyDown;
   private handleTriggerSlotChange;
-  private togglePanel;
-  private updateAccessibleTrigger;
+  private createPopover;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
   render(): any;
 }

package/dist/types/components/file-upload/file-upload-interface.d.ts

@@ -1,8 +1,9 @@
-interface FileListArr extends File {
+export interface FileWithUrl extends File {
   objectURL: string;
+  lastModifiedDate?: Date;
+  webkitRelativePath: string;
 }
 export interface FileInputChangeEventDetail {
   value: string | undefined | null;
-  files: FileListArr[];
+  files: FileWithUrl[];
 }
-export {};

package/dist/types/components/file-upload/file-upload.d.ts

@@ -1,5 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import { ControlValidity, ControlValidityEventDetail, FileInputChangeEventDetail } from '../../interface';
+import { ControlValidity, ControlValidityEventDetail, FileInputChangeEventDetail, FileWithUrl } from '../../interface';
 interface FileValidation {
   file: File;
   valid: boolean;
@@ -67,17 +67,7 @@ export declare class FileUpload implements ComponentInterface {
    * Has an added `objectURL` property returning a `DOMString`
    * containing an object URL that can be used to reference the contents of the specified source
    * This list has no more than one member unless the multiple attribute is specified. @readonly */
-  get files(): {
-    lastModified: number;
-    type: string;
-    name: string;
-    size: number;
-    objectURL: string;
-    arrayBuffer: () => Promise<ArrayBuffer>;
-    slice: (start?: number, end?: number, contentType?: string) => Blob;
-    stream: () => ReadableStream<any>;
-    text: () => Promise<string>;
-  }[];
+  get files(): FileWithUrl[];
   /** A file input's value attribute contains a DOMString that represents the path to the selected file(s).
    * If the user selected multiple files, the value represents the first file in the list of files they selected.
    * You can reset the file-upload control by setting the value to an emptry string e.g. `var input.value = ''` */

package/dist/types/components/input/input.d.ts

@@ -23,13 +23,13 @@ export declare class Input implements ComponentInterface {
   hasLabelSlot: boolean;
   hasButtonSlot: boolean;
   hasHelperSlot: boolean;
-  _invalid: boolean;
   el: HTMLNanoInputElement;
   /**
    * This will be true when the control is in an invalid state.
    * Validity is determined by the `required` prop. Or if custom validity message is set. @readonly
    */
   get invalid(): boolean;
+  _invalid: boolean;
   /**
    * The color to use from the application's color palette.
    */
@@ -229,6 +229,7 @@ export declare class Input implements ComponentInterface {
    * Invalidate the field and show a custom error message. To clear the error you will need to re-call this method with an empty string.
    */
   showError(message: string): Promise<void>;
+  onReset(e: any): void;
   private shouldClearOnEdit;
   private getValue;
   private validate;

package/dist/types/components/tooltip/tooltip.d.ts

@@ -9,8 +9,10 @@ export declare class Tooltip {
   private isVisible;
   private popover;
   private tooltipPositioner;
-  private target;
   private tooltip;
+  private _target;
+  private get target();
+  private set target(value);
   host: HTMLNanoTooltipElement;
   /** The tooltip's content. Alternatively, you can use the content slot. */
   content: string;
@@ -42,14 +44,13 @@ export declare class Tooltip {
   nanoHide: EventEmitter;
   /** Emitted after the tooltip has hidden and all transitions are complete. */
   nanoAfterHide: EventEmitter;
-  componentDidLoad(): void;
-  componentDidUpdate(): void;
-  disconnectedCallback(): void;
   /** Shows the tooltip. */
   show(): Promise<void>;
-  /** Shows the tooltip. */
+  /** Hides the tooltip. */
   hide(): Promise<void>;
   private getTarget;
+  private hasTrigger;
+  private syncOptions;
   private handleBlur;
   private handleClick;
   private handleFocus;
@@ -57,7 +58,9 @@ export declare class Tooltip {
   private handleMouseOver;
   private handleMouseOut;
   private handleSlotChange;
-  private hasTrigger;
-  private syncOptions;
+  private handleTTSlotChange;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  disconnectedCallback(): void;
   render(): any;
 }