npm - @tet/tet-components - Versions diffs - 1.4.115-testing → 1.4.116-staging - Mend

@tet/tet-components 1.4.115-testing → 1.4.116-staging

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (517) hide show

package/dist/cjs/tet-thank-you-view.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3242ff3f.js');
+const index = require('./index-faec4c52.js');
 const tetThankYouViewCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--stepper-horizontal-line-width:2.5rem;--stepper-step-width:8.75rem;--faq-slot-spacing-top:3rem;display:flex;min-height:100%}.thank-you-view{display:flex;flex:1;flex-direction:column;min-height:100%;padding-bottom:1rem}.thank-you-view.light{background:var(--color-ta070)}.thank-you-view.dark{background:var(--color-tg600)}.thank-you-view.dark .thank-you-view-header{margin-bottom:2rem}.thank-you-view-main-block{font-family:var(--text-font)}.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:1.5rem}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:2rem}}.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:2rem}.thank-you-view.light .thank-you-view-main-block{padding-top:1.875rem;padding-bottom:1rem;box-shadow:0 0.0625rem 0 var(--color-ta100);background:linear-gradient(180deg, var(--color-ta070) 0%, #F3F4F7 26.04%, #ECEEF3 100%);border-bottom-right-radius:50% 1.5%;border-bottom-left-radius:50% 1.5%}@media screen and (min-width: 48rem){.thank-you-view.light .thank-you-view-main-block{padding-bottom:2rem;border-bottom-right-radius:50% 5%;border-bottom-left-radius:50% 5%}}@media screen and (min-width: 64rem){.thank-you-view.light .thank-you-view-main-block{border-bottom-right-radius:50% 10%;border-bottom-left-radius:50% 10%}}.thank-you-view.dark .thank-you-view-main-block{align-self:center;max-width:64rem;background:var(--color-tg500);border-radius:0.625rem}@media screen and (max-width: 47.9375rem){.thank-you-view.dark .thank-you-view-main-block{padding:1.5rem;margin:0 1rem 0}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.thank-you-view.dark .thank-you-view-main-block{padding:1.5rem;margin:0 2rem 0}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block{padding:3rem}}.thank-you-view-main-block-icon{text-align:center}.thank-you-view-main-block-icon .icon{--icon-size:2.5rem;margin-bottom:0.75rem}@media screen and (min-width: 48rem){.thank-you-view-main-block-icon .icon{margin-bottom:1rem}}.thank-you-view.light .thank-you-view-main-block-icon .icon{--icon-color:rgb(0, 96, 245)}.thank-you-view.dark .thank-you-view-main-block-icon .icon{--icon-color:var(--color-td600)}.thank-you-view-main-block-info{text-align:center}.thank-you-view-main-block-info-title{margin:0 auto 0.5rem;background-color:inherit;font-weight:500}@media screen and (max-width: 47.9375rem){.thank-you-view-main-block-info-title{font-size:1.5rem;line-height:2rem;letter-spacing:0.002em}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.thank-you-view-main-block-info-title{text-align:center;font-size:1.75rem;line-height:2.125rem;letter-spacing:0.001em}}@media screen and (min-width: 64rem){.thank-you-view-main-block-info-title{max-width:39.375rem;font-size:2rem;line-height:2.375rem}}.thank-you-view.light .thank-you-view-main-block-info-title{padding:0 1rem;color:var(--color-ta600)}.thank-you-view.dark .thank-you-view-main-block-info-title{color:var(--color-th500)}.thank-you-view-main-block-info-description{font-size:1rem;font-weight:400;line-height:1.5rem}.thank-you-view.light .thank-you-view-main-block-info-description{padding:0 1rem;color:var(--color-ta600)}.thank-you-view.dark .thank-you-view-main-block-info-description{margin:0 auto;color:var(--color-ti600)}@media screen and (min-width: 48rem){.thank-you-view.dark .thank-you-view-main-block-info-description{max-width:31.25rem}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block-info-description{max-width:43.75rem}}.thank-you-view.dark .thank-you-view-main-block-info-description strong{color:var(--color-th500)}.thank-you-view-main-block-info-description p{margin-bottom:0.5rem}.thank-you-view-main-block-info-description p:last-child{margin-bottom:0}@media screen and (max-width: 47.9375rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:1.5rem auto}}@media screen and (min-width: 48rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:0.0625rem auto 1.5rem}}@media screen and (min-width: 64rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:2rem auto}}@media screen and (max-width: 47.9375rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:2rem auto}}@media screen and (min-width: 48rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:2.25rem auto 4rem}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:3rem auto}}@media screen and (min-width: 64rem){.thank-you-view-main-block-stepper .tet-stepper-override{--step-horizontal-line-width:var(--stepper-horizontal-line-width);--step-width:var(--stepper-step-width)}}.thank-you-view.dark .thank-you-view-main-block-stepper .tet-stepper-override{--step-active-line-color:var(--color-td600);--step-data-bg-color:var(--color-tg500);--step-data-text-color:var(--color-ti600);--step-description-text-color:var(--color-ti600);--step-non-active-line-color:var(--color-ta100);--step-data-strong-text-color:var(--color-th500);--step-description-strong-text-color:var(--color-th500)}.thank-you-view-main-block-cta{text-align:center}.thank-you-view-main-block-cta.no-stepper{margin-top:1.5625rem}.thank-you-view-main-block-cta-description{max-width:14.375rem;margin:1rem auto 0;font-size:0.875rem;font-weight:400;line-height:1.25rem;letter-spacing:0.002em}.thank-you-view.dark .thank-you-view-main-block-cta-description{color:var(--color-ti600)}.thank-you-view.dark .thank-you-view-main-block-cta-description strong{color:var(--color-th500)}.thank-you-view-faq-slot{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:calc(var(--faq-slot-spacing-top) - var(--faq-slot-spacing-top) * 50 / 100)}@media screen and (min-width: 48rem){.thank-you-view-faq-slot{margin-top:calc(var(--faq-slot-spacing-top) - var(--faq-slot-spacing-top) * 25 / 100)}}@media screen and (min-width: 64rem){.thank-you-view-faq-slot{margin-top:var(--faq-slot-spacing-top)}}";
 const TetThankYouViewStyle0 = tetThankYouViewCss;

package/dist/cjs/tet-tooltip.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3242ff3f.js');
+const index = require('./index-faec4c52.js');
 const TooltipPosition = require('./TooltipPosition-03ffa8a1.js');
 const tetTooltipCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tooltip-background-color:var(--tc-tooltip-layer-secondary);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary);--tooltip-padding:1em;--tooltip-display-speed:.2s;--tooltip-delay-show:0s;--tooltip-delay-hide:.25s;--tooltip-max-width:18.75rem;--tooltip-border-radius:0.3125rem;--tooltip-font-weight:400;position:fixed;display:inline-block;width:max-content;max-width:min(var(--tooltip-max-width), 100%);z-index:100;pointer-events:none;opacity:0}:host(.hidden){visibility:hidden;opacity:0;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear}:host(.hidden-quick){opacity:0;visibility:hidden;transform:scale(0)}:host(.visible){visibility:visible;opacity:1;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear;transition-delay:var(--tooltip-delay-show)}.light-inverse{--tooltip-background-color:var(--tc-tooltip-layer-primary);--tooltip-text-color:var(--tc-tooltip-text-primary)}.dark{--tooltip-background-color:var(--tc-tooltip-layer-primary-dark);--tooltip-text-color:var(--tc-tooltip-text-primary-dark)}.dark-inverse{--tooltip-background-color:var(--tc-tooltip-layer-secondary-dark);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary-dark)}.tooltip{position:relative;background:var(--tooltip-background-color);color:var(--tooltip-text-color);border-radius:var(--tooltip-border-radius);padding:var(--tooltip-padding);font-family:var(--font-family-content);font-weight:var(--tooltip-font-weight);font-size:0.875rem;white-space:normal;line-height:1.5em}.tooltip-pointer{position:absolute;width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:0.5rem solid var(--tooltip-background-color)}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;visibility:visible;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;visibility:visible;transform:scale(1)}100%{opacity:0;visibility:hidden;transform:scale(0)}}";

package/dist/cjs/tet-tv-gift-block.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3242ff3f.js');
+const index = require('./index-faec4c52.js');
 const tetTvGiftBlockCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{display:block}.tv-gift{padding:3.5rem 1rem 2rem}.tv-gift--medium{padding:3.5rem 1.5rem 2.5rem}.tv-gift--large{padding:3.5rem}.tv-gift__header{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";display:flex;justify-content:center;flex-direction:column;text-align:center;padding-bottom:2rem;gap:1.5rem}.tv-gift--medium .tv-gift__header{font:600 2rem/2.25rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift--large .tv-gift__header{font:600 2.5rem/3rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";padding-bottom:2.5rem}.tv-gift__header__image{height:2.125rem;margin:0 auto}.tv-gift__content{--icon-size:1.25rem;--accordion-background-color:transparent}.tv-gift--large .tv-gift__content{--icon-size:1.5rem}.tv-gift__footer{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";text-align:center;display:flex;flex-direction:column;margin-top:2rem}.tv-gift--large .tv-gift__footer{margin-top:2.5rem}.tv-gift__footer__title{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";line-height:1.75rem;margin-bottom:1rem}@media screen and (min-width: 31.25rem){.tv-gift__footer__title{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";line-height:2rem}}.tv-gift__footer__text{line-height:1.25rem}";
 const TetTvGiftBlockStyle0 = tetTvGiftBlockCss;

package/dist/cjs/tet-tv-gift-list.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3242ff3f.js');
+const index = require('./index-faec4c52.js');
 const tetTvGiftListCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{display:block}.tv-gift-list{display:block}.tv-gift-list--image-list{display:grid;gap:2rem}.tv-gift-list--medium,.tv-gift-list--large{grid-template-columns:repeat(12, 1fr)}.tv-gift-list__list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:0.5rem}.tv-gift-list__list__wrapper{display:flex;flex-direction:column;justify-content:center}.tv-gift-list--medium .tv-gift-list__list__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__list__wrapper{grid-column:span 7}.tv-gift-list__list__header{font:600 1.25rem/1.5rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list--medium .tv-gift-list__list__header{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list--large .tv-gift-list__list__header{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list__list__item{font:400 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:flex;gap:0.5rem;line-height:1.5rem}.tv-gift-list--large .tv-gift-list__list__item{font:400 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\";line-height:1.75rem}.tv-gift-list__list__item tet-icon{--icon-size:1.25rem;--icon-container-display:flex;padding-top:0.175rem}.tv-gift-list__image{width:100%;height:auto;border-radius:0.75rem}.tv-gift-list--medium .tv-gift-list__image__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__image__wrapper{grid-column:span 5}";
 const TetTvGiftListStyle0 = tetTvGiftListCss;

package/dist/cjs/{theme-wrapper-66880718.js → theme-wrapper-46514846.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-const index$1 = require('./index-3242ff3f.js');
-const index = require('./index-4b423f33.js');
+const index$1 = require('./index-faec4c52.js');
+const index = require('./index-19a7608f.js');
 exports.Theme = void 0;
 (function (Theme) {

package/dist/cjs/{translations-20eeca73.js → translations-ccafaff5.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-const httpCodes = require('./http-codes-0eae7bd3.js');
+const httpCodes = require('./http-codes-3b8718ff.js');
 const typecheck = require('./typecheck-d48810dc.js');
 const isTranslationDictionary = (translations) => {

package/dist/collection/components/advanced/cards/tet-assembler/tet-assembler.css CHANGED Viewed

@@ -9807,6 +9807,9 @@
   --tc-layer-yellow-secondary-dark: var(--tc-brown-70-dark);
   --tc-layer-yellow-tertiary-dark: var(--tc-brown-60-dark);
   --tc-layer-yellow-quaternary-dark: var(--tc-brown-50-dark);
+  --tc-layer-yellow-quaternary-lite-dark: var(--tc-brown-50-dark);
+  --tc-layer-yellow-quaternary-mid-dark: var(--tc-brown-70-dark);
+  --tc-layer-yellow-quaternary-darker-dark: var(--tc-brown-80-dark);
   --tc-layer-grey-primary-dark: var(--tc-brown-80-dark);
   --tc-layer-grey-secondary-dark: var(--tc-brown-70-dark);
   --tc-layer-grey-tertiary-dark: var(--tc-brown-60-dark);
@@ -10206,6 +10209,9 @@
   --tc-layer-yellow-secondary: var(--tc-yellow-30);
   --tc-layer-yellow-tertiary: var(--tc-yellow-20);
   --tc-layer-yellow-quaternary: var(--tc-yellow-10);
+  --tc-layer-yellow-quaternary-lite: var(--tc-yellow-10);
+  --tc-layer-yellow-quaternary-mid: var(--tc-yellow-10);
+  --tc-layer-yellow-quaternary-darker: var(--tc-yellow-10);
   --tc-layer-grey-primary: var(--tc-grey-20);
   --tc-layer-grey-secondary: var(--tc-grey-30);
   --tc-layer-grey-tertiary: var(--tc-grey-40);

package/dist/collection/components/advanced/cards/tet-compare-card/tet-compare-card.css CHANGED Viewed

@@ -9807,6 +9807,9 @@
   --tc-layer-yellow-secondary-dark: var(--tc-brown-70-dark);
   --tc-layer-yellow-tertiary-dark: var(--tc-brown-60-dark);
   --tc-layer-yellow-quaternary-dark: var(--tc-brown-50-dark);
+  --tc-layer-yellow-quaternary-lite-dark: var(--tc-brown-50-dark);
+  --tc-layer-yellow-quaternary-mid-dark: var(--tc-brown-70-dark);
+  --tc-layer-yellow-quaternary-darker-dark: var(--tc-brown-80-dark);
   --tc-layer-grey-primary-dark: var(--tc-brown-80-dark);
   --tc-layer-grey-secondary-dark: var(--tc-brown-70-dark);
   --tc-layer-grey-tertiary-dark: var(--tc-brown-60-dark);
@@ -10206,6 +10209,9 @@
   --tc-layer-yellow-secondary: var(--tc-yellow-30);
   --tc-layer-yellow-tertiary: var(--tc-yellow-20);
   --tc-layer-yellow-quaternary: var(--tc-yellow-10);
+  --tc-layer-yellow-quaternary-lite: var(--tc-yellow-10);
+  --tc-layer-yellow-quaternary-mid: var(--tc-yellow-10);
+  --tc-layer-yellow-quaternary-darker: var(--tc-yellow-10);
   --tc-layer-grey-primary: var(--tc-grey-20);
   --tc-layer-grey-secondary: var(--tc-grey-30);
   --tc-layer-grey-tertiary: var(--tc-grey-40);

package/dist/collection/components/advanced/cards/tet-compare-card-v2/tet-compare-card-v2.css CHANGED Viewed

@@ -9807,6 +9807,9 @@
   --tc-layer-yellow-secondary-dark: var(--tc-brown-70-dark);
   --tc-layer-yellow-tertiary-dark: var(--tc-brown-60-dark);
   --tc-layer-yellow-quaternary-dark: var(--tc-brown-50-dark);
+  --tc-layer-yellow-quaternary-lite-dark: var(--tc-brown-50-dark);
+  --tc-layer-yellow-quaternary-mid-dark: var(--tc-brown-70-dark);
+  --tc-layer-yellow-quaternary-darker-dark: var(--tc-brown-80-dark);
   --tc-layer-grey-primary-dark: var(--tc-brown-80-dark);
   --tc-layer-grey-secondary-dark: var(--tc-brown-70-dark);
   --tc-layer-grey-tertiary-dark: var(--tc-brown-60-dark);
@@ -10206,6 +10209,9 @@
   --tc-layer-yellow-secondary: var(--tc-yellow-30);
   --tc-layer-yellow-tertiary: var(--tc-yellow-20);
   --tc-layer-yellow-quaternary: var(--tc-yellow-10);
+  --tc-layer-yellow-quaternary-lite: var(--tc-yellow-10);
+  --tc-layer-yellow-quaternary-mid: var(--tc-yellow-10);
+  --tc-layer-yellow-quaternary-darker: var(--tc-yellow-10);
   --tc-layer-grey-primary: var(--tc-grey-20);
   --tc-layer-grey-secondary: var(--tc-grey-30);
   --tc-layer-grey-tertiary: var(--tc-grey-40);

package/dist/collection/components/basic/steppers/tet-banner-nav/tet-banner-nav.css CHANGED Viewed

@@ -1,6 +1,19 @@
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
 .banner-navigation {
   display: inline-flex;
   align-items: flex-end;
+  min-height: 1.375rem;
 }
 .banner-navigation--light {
   color: var(--tc-icon-primary);
@@ -10,7 +23,7 @@
   --done-hover-color: var(--tc-grey-80);
   --pause-icon-color: var( --tc-icon-primary);
   --active-color: var(--tc-grey-110);
-  --inactive-color: var(--tc-grey-60);
+  --inactive-color: var(--tc-border-inverse-tertiary);
 }
 .banner-navigation--dark {
   color: var(--tc-icon-primary-dark);
@@ -20,7 +33,7 @@
   --done-hover-color: var(--tc-grey-80-dark);
   --pause-icon-color: var(--tc-icon-primary-dark);
   --active-color: var(--tc-grey-110-dark);
-  --inactive-color: var(--tc-grey-60-dark);
+  --inactive-color: var(--tc-border-inverse-tertiary-dark);
 }
 .banner-navigation__pause {
   display: flex;
@@ -34,10 +47,12 @@
 .banner-navigation__pause:focus-visible {
   outline: var(--outline-color) auto 1px;
 }
-.banner-navigation__pause tet-icon {
+.banner-navigation__pause .button-icon {
+  --icon-size: 1rem;
+  --icon-container-display: flex;
   --icon-color: var(--pause-icon-color);
 }
-.banner-navigation__pause:hover tet-icon {
+.banner-navigation__pause:hover .button-icon {
   --icon-color: var(--done-hover-color);
 }
 .banner-navigation__button-container {
@@ -54,13 +69,13 @@
   padding: 0.125rem;
   color: var(--inactive-color);
 }
-.banner-navigation__button:hover .hover-rect {
+.banner-navigation__button--interactive:hover .hover-rect {
   fill: var(--hover-color);
 }
-.banner-navigation__button--done:hover .rect-opacity, .banner-navigation__button--active:hover .rect-opacity {
+.banner-navigation__button--interactive.banner-navigation__button--done:hover .rect-opacity, .banner-navigation__button--interactive.banner-navigation__button--active:hover .rect-opacity {
   fill: var(--done-hover-color);
 }
-.banner-navigation__button--done:hover .outer-rect, .banner-navigation__button--active:hover .outer-rect {
+.banner-navigation__button--interactive.banner-navigation__button--done:hover .outer-rect, .banner-navigation__button--interactive.banner-navigation__button--active:hover .outer-rect {
   color: var(--done-hover-color);
 }
 .banner-navigation__button .clip-rect {
@@ -79,6 +94,16 @@
   animation: none;
   width: 0;
 }
+.banner-navigation__button:not(.banner-navigation__button--interactive) {
+  cursor: default;
+}
+.banner-navigation__button:not(.banner-navigation__button--interactive).banner-navigation__button--active .clip-rect {
+  animation: none;
+  width: 22px;
+}
+.banner-navigation__button:not(.banner-navigation__button--interactive).banner-navigation__button--active .rect-opacity {
+  opacity: 0;
+}
 @keyframes fill-progress {
   from {
@@ -158,6 +183,9 @@
   border-radius: 11px;
 }
+.banner-navigation--mobile {
+  min-height: 1.625rem;
+}
 .banner-navigation--mobile .banner-navigation__button {
   padding: 0.3125rem;
 }

package/dist/collection/components/basic/steppers/tet-banner-nav/tet-banner-nav.js CHANGED Viewed

@@ -8,21 +8,14 @@ export class TetBannerNavigation {
         this.slides = 4;
         this.duration = 5000;
         this.paused = false;
-        this.isPaused = false;
         this.mobileLayout = false;
         this.theme = 'light';
         this.language = 'lv';
+        this.interactive = true;
+        this.isPaused = false;
         this.currentSlide = 0;
         this.firstLoad = false;
     }
-    onPausedStateChange(paused) {
-        if (paused) {
-            this.pause();
-        }
-        else {
-            this.play();
-        }
-    }
     /**
      * Auto-advance timer reference
      */
@@ -38,13 +31,30 @@ export class TetBannerNavigation {
     async onLanguageChange(language) {
         processTranslations('tet-components', language).then(() => forceUpdate(this));
     }
+    onPausedStateChange(paused) {
+        if (paused) {
+            this.pause();
+        }
+        else {
+            this.play();
+        }
+    }
+    onInteractiveChange(interactive) {
+        if (!interactive) {
+            this.stopAutoAdvance();
+            return;
+        }
+        if (!this.isPaused) {
+            this.startAutoAdvance();
+        }
+    }
     async componentWillLoad() {
         this.isPaused = this.paused;
         this.firstLoad = true;
         await processTranslations('tet-components', this.language);
     }
     componentDidLoad() {
-        if (!this.isPaused) {
+        if (!this.isPaused && this.interactive) {
             this.startAutoAdvance();
         }
     }
@@ -71,6 +81,8 @@ export class TetBannerNavigation {
      * Go to specific slide
      */
     async goTo(index, source) {
+        if (!this.interactive && source === 'user')
+            return;
         const previousIndex = this.currentSlide;
         this.currentSlide = Math.max(0, Math.min(index, this.slides - 1));
         this.slideChange.emit({ index: this.currentSlide, previousIndex, source });
@@ -103,6 +115,8 @@ export class TetBannerNavigation {
     }
     startAutoAdvance() {
         this.stopAutoAdvance();
+        if (!this.interactive)
+            return;
         this.autoTimer = window.setInterval(() => {
             this.next();
         }, this.duration);
@@ -121,6 +135,14 @@ export class TetBannerNavigation {
             this.pause();
         }
     };
+    renderInteractionButton() {
+        if (!this.interactive) {
+            return null;
+        }
+        return (h("button", { type: "button", class: "banner-navigation__pause", onClick: this.handlePauseClick, "aria-label": this.isPaused
+                ? t('components-banner-nav-resume-slideshow')
+                : t('components-banner-nav-pause-slideshow') }, h("tet-icon", { class: "button-icon", name: this.isPaused ? 'tc-play' : 'tc-pause' })));
+    }
     render() {
         if (this.slides === 1)
             return null;
@@ -129,8 +151,9 @@ export class TetBannerNavigation {
                 [`banner-navigation--${this.theme}`]: true,
                 'banner-navigation--paused': this.isPaused,
                 'banner-navigation--mobile': this.mobileLayout
-            }, style: { '--progress-duration': `${this.duration}ms` } }, h("button", { class: "banner-navigation__pause", onClick: this.handlePauseClick, "aria-label": this.isPaused ? t('components-banner-nav-resume-slideshow') : t('components-banner-nav-pause-slideshow') }, h("tet-icon", { style: { '--icon-size': '16px', '--icon-container-display': 'flex' }, name: this.isPaused ? 'tc-play' : 'tc-pause' })), Array.from({ length: this.slides }, (_, index) => (h("div", { class: "banner-navigation__button-container" }, h("button", { tabIndex: 0, class: {
+            }, style: { '--progress-duration': `${this.duration}ms` } }, !this.interactive && (h("span", { class: "sr-only", role: "status", "aria-live": "polite" }, `${t('components-banner-nav-slide')} ${this.currentSlide + 1}/${this.slides}`)), this.renderInteractionButton(), Array.from({ length: this.slides }, (_, index) => (h("div", { class: "banner-navigation__button-container" }, h("button", { type: "button", disabled: !this.interactive, "aria-hidden": this.interactive ? undefined : 'true', class: {
                 'banner-navigation__button': true,
+                'banner-navigation__button--interactive': this.interactive,
                 'banner-navigation__button--active': index === this.currentSlide,
                 'banner-navigation__button--paused': this.isPaused,
                 'banner-navigation__button--done': index < this.currentSlide,
@@ -138,7 +161,9 @@ export class TetBannerNavigation {
                 'banner-navigation__button--last': !this.firstLoad && this.currentSlide === 0 && index === this.slides - 1,
                 "nav-svg--filled": index < this.currentSlide,
                 "nav-svg--unfilled": index > this.currentSlide,
-            }, onClick: () => this.goTo(index, "user"), "aria-label": t('components-banner-nav-go-to-slide') + ' ' + (index + 1), "aria-pressed": index === this.currentSlide ? 'true' : 'false' }, h("div", { class: "svg-wrapper" }, h("svg", { class: "nav-svg", width: "23", height: "13", viewBox: "0 0 23 12", fill: "none" }, h("defs", null, h("clipPath", { id: `nav-clip-${index}` }, h("rect", { class: "clip-rect", x: "0.5", y: "0.5", height: "11" }))), h("rect", { class: "rect outer-rect", x: "0.5", y: "0.5", width: "22", height: "11", rx: "5.5", stroke: "currentColor", fill: "none" }), h("rect", { class: "rect hover-rect", x: "0.5", y: "0.5", height: "11", width: "22", rx: "5.5", fill: "transparent" }), h("g", { "clip-path": `url(#nav-clip-${index})` }, h("rect", { class: "rect rect-opacity", x: "0.5", y: "0.5", height: "11", width: "22", rx: "5.5", fill: "var(--fill-color)" }))))))))));
+            }, onClick: () => this.goTo(index, "user"), "aria-label": `${this.interactive
+                ? t('components-banner-nav-go-to-slide')
+                : t('components-banner-nav-slide')} ${index + 1}/${this.slides}`, "aria-current": index === this.currentSlide ? 'true' : undefined }, h("div", { class: "svg-wrapper" }, h("svg", { class: "nav-svg", width: "23", height: "13", viewBox: "0 0 23 12", fill: "none" }, h("defs", null, h("clipPath", { id: `nav-clip-${index}` }, h("rect", { class: "clip-rect", x: "0.5", y: "0.5", height: "11" }))), h("rect", { class: "rect outer-rect", x: "0.5", y: "0.5", width: "22", height: "11", rx: "5.5", stroke: "currentColor", fill: "none" }), h("rect", { class: "rect hover-rect", x: "0.5", y: "0.5", height: "11", width: "22", rx: "5.5", fill: "transparent" }), h("g", { "clip-path": `url(#nav-clip-${index})` }, h("rect", { class: "rect rect-opacity", x: "0.5", y: "0.5", height: "11", width: "22", rx: "5.5", fill: "var(--fill-color)" }))))))))));
     }
     static get is() { return "tet-banner-nav"; }
     static get originalStyleUrls() {
@@ -266,6 +291,24 @@ export class TetBannerNavigation {
                 "attribute": "language",
                 "reflect": false,
                 "defaultValue": "'lv'"
+            },
+            "interactive": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Determines whether navigation controls are interactive.\nHides the pause/play button when false."
+                },
+                "attribute": "interactive",
+                "reflect": false,
+                "defaultValue": "true"
             }
         };
     }
@@ -425,11 +468,14 @@ export class TetBannerNavigation {
     }
     static get watchers() {
         return [{
+                "propName": "language",
+                "methodName": "onLanguageChange"
+            }, {
                 "propName": "paused",
                 "methodName": "onPausedStateChange"
             }, {
-                "propName": "language",
-                "methodName": "onLanguageChange"
+                "propName": "interactive",
+                "methodName": "onInteractiveChange"
             }];
     }
 }

package/dist/collection/components/simple/lists/tet-text-list/tet-text-list.css CHANGED Viewed

@@ -9808,6 +9808,9 @@
   --tc-layer-yellow-secondary-dark: var(--tc-brown-70-dark);
   --tc-layer-yellow-tertiary-dark: var(--tc-brown-60-dark);
   --tc-layer-yellow-quaternary-dark: var(--tc-brown-50-dark);
+  --tc-layer-yellow-quaternary-lite-dark: var(--tc-brown-50-dark);
+  --tc-layer-yellow-quaternary-mid-dark: var(--tc-brown-70-dark);
+  --tc-layer-yellow-quaternary-darker-dark: var(--tc-brown-80-dark);
   --tc-layer-grey-primary-dark: var(--tc-brown-80-dark);
   --tc-layer-grey-secondary-dark: var(--tc-brown-70-dark);
   --tc-layer-grey-tertiary-dark: var(--tc-brown-60-dark);
@@ -10207,6 +10210,9 @@
   --tc-layer-yellow-secondary: var(--tc-yellow-30);
   --tc-layer-yellow-tertiary: var(--tc-yellow-20);
   --tc-layer-yellow-quaternary: var(--tc-yellow-10);
+  --tc-layer-yellow-quaternary-lite: var(--tc-yellow-10);
+  --tc-layer-yellow-quaternary-mid: var(--tc-yellow-10);
+  --tc-layer-yellow-quaternary-darker: var(--tc-yellow-10);
   --tc-layer-grey-primary: var(--tc-grey-20);
   --tc-layer-grey-secondary: var(--tc-grey-30);
   --tc-layer-grey-tertiary: var(--tc-grey-40);