@tet/tet-components 1.4.40-testing → 1.4.41-production

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
+const index = require('./index-162b4cbc.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-tv-gift-block.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
+const index = require('./index-162b4cbc.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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3242ff3f.js');
+const index = require('./index-162b4cbc.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-cde3168f.js}

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

package/dist/cjs/{translations-03c9de64.js → translations-ca556860.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const typecheck = require('./typecheck-d48810dc.js');
-const httpCodes = require('./http-codes-40da1e61.js');
+const httpCodes = require('./http-codes-16564d25.js');
 
 /**
  * Returns whether the object is empty.

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.css

@@ -369,6 +369,15 @@
     * @prop --tabs-headers-segmented-item-padding: The padding of the tabbable element in segmented state.
     * @prop --tabs-headers-segmented-item-margin: The margin of the tabbable element in segmented state.
     * @prop --tabs-headers-square-base-rgb: The base color of the square-theme tabs header as comma-separated RGB values.
+    *
+    * @prop --tabs-headers-pill-text-color: The text (and icon) color of pill tab elements.
+    * @prop --tabs-headers-pill-text-disabled-color: The text (and icon) color of disabled pill tab elements.
+    * @prop --tabs-headers-pill-background-color: The default background color of pill tab elements.
+    * @prop --tabs-headers-pill-hover-background-color: The hover background color of pill tab elements.
+    * @prop --tabs-headers-pill-pressed-background-color: The pressed background color of pill tab elements.
+    * @prop --tabs-headers-pill-active-background-color: The background color of the active pill tab element.
+    * @prop --tabs-headers-pill-active-text-color: The text (and icon) color of the active pill tab element.
+    * @prop --tabs-headers-pill-gradient-color: The background color used for the overflow fade gradients on pill tabs.
     */
   --tabs-container-border-color: var(--tc-border-quaternary);
   --tabs-container-flex-wrap: nowrap;
@@ -388,6 +397,14 @@
   --tabs-headers-segmented-item-padding: 0.375rem 1.5rem;
   --tabs-headers-segmented-item-margin: 0.25rem 0;
   --tabs-headers-square-base-rgb: 255, 255, 255;
+  --tabs-headers-pill-text-color: var(--tc-text-primary);
+  --tabs-headers-pill-text-disabled-color: color-mix(in srgb, var(--tc-grey-80) 16%, transparent);
+  --tabs-headers-pill-background-color: var(--tc-grey-20);
+  --tabs-headers-pill-hover-background-color: var(--tc-grey-30);
+  --tabs-headers-pill-pressed-background-color: color-mix(in srgb, var(--tc-grey-40) 80%, transparent);
+  --tabs-headers-pill-active-background-color: var(--tc-yellow-40);
+  --tabs-headers-pill-active-text-color: var(--tc-text-primary);
+  --tabs-headers-pill-gradient-color: var(--tc-background-primary);
   max-width: 100%;
 }
 :host .dark {
@@ -402,6 +419,14 @@
   --tabs-headers-segmented-background-color: var(--tc-layer-tertiary-dark);
   --tabs-headers-segmented-active-background-color: var(--tc-layer-primary-dark);
   --tabs-headers-segmented-active-box-shadow: var(--tc-elevation-two-dark);
+  --tabs-headers-pill-text-color: var(--tc-grey-100-dark);
+  --tabs-headers-pill-text-disabled-color: color-mix(in srgb, var(--tc-grey-80-dark) 30%, transparent);
+  --tabs-headers-pill-background-color: var(--tc-grey-20-dark);
+  --tabs-headers-pill-hover-background-color: var(--tc-grey-30-dark);
+  --tabs-headers-pill-pressed-background-color: color-mix(in srgb, var(--tc-grey-40-dark) 90%, transparent);
+  --tabs-headers-pill-active-background-color: var(--tc-yellow-40-dark);
+  --tabs-headers-pill-active-text-color: var(--tc-text-primary);
+  --tabs-headers-pill-gradient-color: var(--tc-background-primary-dark);
 }
 
 .tabs {
@@ -501,6 +526,108 @@
 .tabs.blue ::slotted(.active) {
   --tabs-headers-active-border-color: rgb(0, 96, 245);
 }
+.tabs.pill {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  margin-top: -0.5rem;
+  margin-bottom: -0.5rem;
+}
+.tabs.pill ::slotted(*) {
+  --icon-size: 1rem;
+  gap: 0.25rem;
+  border-radius: 5.5rem;
+  border-bottom: none;
+  transition: all 0.2s ease-in-out;
+  align-items: center;
+  background-color: var(--tabs-headers-pill-background-color);
+  color: var(--tabs-headers-pill-text-color);
+  box-sizing: border-box;
+}
+.tabs.pill.web ::slotted(*) {
+  --tabs-headers-item-padding: 0.375rem 1.5rem;
+  font: 500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;
+  letter-spacing: -0.00625rem;
+  min-width: 5.625rem;
+  flex-shrink: 0;
+  height: 2.25rem;
+}
+.tabs.pill.web ::slotted(:has(tet-icon)) {
+  --tabs-headers-item-padding: 0.375rem 1rem 0.375rem 0.875rem;
+}
+.tabs.pill.mobile ::slotted(*) {
+  --tabs-headers-item-padding: 0.375rem 1rem;
+  font: 500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;
+  letter-spacing: -0.003125rem;
+  min-width: 4.3125rem;
+  flex-shrink: 0;
+  height: 2rem;
+}
+.tabs.pill.mobile ::slotted(:has(tet-icon)) {
+  --tabs-headers-item-padding: 0.375rem 0.75rem 0.375rem 0.5rem;
+}
+.tabs.pill ::slotted(:hover) {
+  border-bottom-color: transparent;
+  background-color: var(--tabs-headers-pill-hover-background-color);
+}
+.tabs.pill ::slotted(:active) {
+  background-color: var(--tabs-headers-pill-pressed-background-color);
+}
+.tabs.pill ::slotted(:focus) {
+  border-bottom-color: transparent;
+}
+.tabs.pill ::slotted(:focus-visible) {
+  outline: 0.125rem solid var(--tc-blue-40);
+  outline-offset: 0.25rem;
+  transition: outline 0s;
+  outline-color: var(--tabs-headers-focus-outline-color);
+  border-bottom-color: transparent;
+}
+.tabs.pill ::slotted(.active) {
+  border-bottom-color: transparent;
+  background-color: var(--tabs-headers-pill-active-background-color);
+  color: var(--tabs-headers-pill-active-text-color);
+}
+.tabs.pill ::slotted(.active:active) {
+  background-color: var(--tabs-headers-pill-pressed-background-color);
+}
+.tabs.pill ::slotted(.disabled) {
+  background-color: var(--tabs-headers-pill-background-color);
+  color: var(--tabs-headers-pill-text-disabled-color);
+}
+.tabs.pill ::slotted(:first-child) {
+  margin-left: 0 !important;
+}
+.tabs.pill ::slotted(:last-child) {
+  margin-right: 0 !important;
+}
+.tabs.pill .tabs-gradient {
+  position: sticky;
+  top: 0.5rem;
+  bottom: 0.5rem;
+  width: 7.4375rem;
+  align-self: stretch;
+  flex-shrink: 0;
+  opacity: 0;
+  z-index: 20;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
+}
+.tabs.pill .tabs-gradient-left {
+  left: -0.5rem;
+  margin-right: -7.4375rem;
+  background: linear-gradient(270deg, color-mix(in srgb, var(--tabs-headers-pill-gradient-color) 0%, transparent) 0%, var(--tabs-headers-pill-gradient-color) 100%);
+}
+.tabs.pill .tabs-gradient-right {
+  right: -0.5rem;
+  margin-left: -7.4375rem;
+  background: linear-gradient(90deg, color-mix(in srgb, var(--tabs-headers-pill-gradient-color) 0%, transparent) 0%, var(--tabs-headers-pill-gradient-color) 100%);
+}
+.tabs.pill.tabs--overflow-left .tabs-gradient-left {
+  opacity: 1;
+}
+.tabs.pill.tabs--overflow-right .tabs-gradient-right {
+  opacity: 1;
+}
 .tabs--segmented {
   display: flex;
   border: 0.0625rem solid var(--tabs-headers-segmented-border-color);

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.js

@@ -24,6 +24,9 @@ export class TetTabHeader {
         this.positions = { scrollLeft: 0, mouseX: 0 };
         this.dataName = undefined;
         this.autoplay = undefined;
+        this.effectivePosition = 'left';
+        this.hasOverflowLeft = false;
+        this.hasOverflowRight = false;
         this.idSuffix = (() => {
             if (typeof crypto !== 'undefined' && crypto.randomUUID) {
                 return crypto.randomUUID().split('-')[0];
@@ -41,6 +44,7 @@ export class TetTabHeader {
     tabHeaders;
     tabHeadersNotDisabled;
     animationObserver;
+    positionObserver;
     isPointerDown;
     autoplayInterval = [];
     tabListeners = new WeakMap();
@@ -157,6 +161,11 @@ export class TetTabHeader {
         this.showActiveHeaderUnderline();
         this.selectTab(this.defaultTab, false, false);
         this.initAutoplay();
+        this.updatePositionClass();
+        this.initPositionObserver();
+        if (this.type === 'pill') {
+            this.tabElement.addEventListener('scroll', this.onTabScroll);
+        }
         if (this.segmented) {
             this.tabElement.addEventListener('scroll', this.debounceOnInitialScroll);
             this.initAnimationObserver();
@@ -186,9 +195,53 @@ export class TetTabHeader {
         this.cleanupTabListeners();
         this.stopAutoplay();
         this.animationObserver?.disconnect();
+        this.positionObserver?.disconnect();
+        if (this.type === 'pill') {
+            this.tabElement?.removeEventListener('scroll', this.onTabScroll);
+        }
+    }
+    initPositionObserver() {
+        this.positionObserver = new ResizeObserver(() => {
+            this.updatePositionClass();
+        });
+        this.positionObserver.observe(this.tabElement);
+    }
+    updatePositionClass() {
+        this.updateOverflowState();
+        const isPositionCenteredOverflowing = this.tabElement !== undefined &&
+            !this.segmented &&
+            this.position === 'center' &&
+            this.tabElement.scrollWidth > this.tabElement.clientWidth;
+        if (isPositionCenteredOverflowing) {
+            this.effectivePosition = 'left';
+            return;
+        }
+        if (this.position === 'right') {
+            this.effectivePosition = 'right';
+            return;
+        }
+        if (this.position === 'center') {
+            this.effectivePosition = 'center';
+            return;
+        }
+        this.effectivePosition = 'left';
+    }
+    updateOverflowState() {
+        if (this.tabElement === undefined || this.type !== 'pill') {
+            this.hasOverflowLeft = false;
+            this.hasOverflowRight = false;
+            return;
+        }
+        const threshold = 1;
+        const maxScrollLeft = this.tabElement.scrollWidth - this.tabElement.clientWidth;
+        this.hasOverflowLeft = this.tabElement.scrollLeft > threshold;
+        this.hasOverflowRight = maxScrollLeft - this.tabElement.scrollLeft > threshold;
     }
+    onTabScroll = () => {
+        this.updateOverflowState();
+    };
     cleanupTabListeners() {
-        this.tabHeaders?.forEach(tab => {
+        this.tabHeaders?.forEach((tab) => {
             const listeners = this.tabListeners.get(tab);
             if (listeners) {
                 tab.removeEventListener('click', listeners.click);
@@ -294,6 +347,27 @@ export class TetTabHeader {
                 this.tabListeners.set(tab, { click: clickHandler, keydown: keydownHandler });
             }
         });
+        this.applyPillIconColor();
+        this.updatePositionClass();
+    }
+    applyPillIconColor() {
+        if (this.type !== 'pill' || this.tabHeaders === undefined) {
+            return;
+        }
+        this.tabHeaders.forEach((tab) => {
+            let color = 'var(--tabs-headers-pill-text-color)';
+            if (tab.classList.contains('active')) {
+                color = 'var(--tabs-headers-pill-active-text-color)';
+            }
+            if (tab.classList.contains('disabled')) {
+                color = 'var(--tabs-headers-pill-text-disabled-color)';
+            }
+            const icons = Array.from(tab.querySelectorAll('tet-icon'));
+            icons.forEach((icon) => {
+                icon.style.setProperty('--icon-color', color);
+                icon.style.setProperty('--icon-container-display', 'flex');
+            });
+        });
     }
     /**
      * Dynamically adds images to a tab element based on provided data attributes.
@@ -407,6 +481,7 @@ export class TetTabHeader {
         selectedTab.classList.add('active');
         selectedTab.setAttribute('aria-selected', 'true');
         selectedTab.setAttribute('tabIndex', '0');
+        this.applyPillIconColor();
         const imageActive = selectedTab.querySelector('img.tab-header-image.active');
         if (imageActive) {
             imageActive.style.display = 'inline-block';
@@ -471,17 +546,20 @@ export class TetTabHeader {
         return {};
     }
     render() {
-        return (h(Host, { key: '3dd4398f1a41a6f18b4375bde917e324a16e7893', "data-id-suffix": this.idSuffix }, h("div", { key: '6ba5e8a79e70b152ff410eb2a6d484409ed1c45a', class: {
+        const shouldRenderOverflowGradients = this.type === 'pill';
+        return (h(Host, { key: '0c11c331ef59140c53aa75d0b3e0800aab49b079', "data-id-suffix": this.idSuffix }, h("div", { key: 'ce696f956b6bf9be60910ca15c6457e92d8c8dc9', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
-                [this.position]: true,
+                'tabs--overflow-left': this.hasOverflowLeft,
+                'tabs--overflow-right': this.hasOverflowRight,
+                [this.effectivePosition]: true,
                 [this.theme]: true,
                 [this.sizing]: true,
                 [this.type]: !!this.type
-            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, h("slot", { key: '5aa50c6850d8ad60cf8e18b27988e9d3650cbfda', ref: (slot) => (this.tabContainer = slot) })), h("div", { key: 'e3c364663b0ad151e8d3d7e9150f09024b728792', class: {
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, shouldRenderOverflowGradients && h("div", { key: '075a4b15fb89d9859682275bc875ba71b7a91f3a', class: "tabs-gradient tabs-gradient-left", "aria-hidden": "true" }), h("slot", { key: 'df528af4b9639f0c5912dd5295179e0d921ec928', onSlotchange: () => this.updatePositionClass(), ref: (slot) => (this.tabContainer = slot) }), shouldRenderOverflowGradients && h("div", { key: 'f2afe68161b5ee94d907bab947094095796263b5', class: "tabs-gradient tabs-gradient-right", "aria-hidden": "true" })), h("div", { key: '6a3b407736c950b23ec170b577183518a9980e29', class: {
                 'tabs-line': !this.segmented,
-                'no-underline': this.hideHeaderUnderline,
-                [this.theme]: true,
+                'no-underline': this.hideHeaderUnderline || this.type === 'pill',
+                [this.theme]: true
             } })));
     }
     static get is() { return "tet-tab-header"; }
@@ -520,8 +598,8 @@ export class TetTabHeader {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'netflix'",
-                    "resolved": "\"netflix\"",
+                    "original": "'netflix' | 'pill'",
+                    "resolved": "\"netflix\" | \"pill\"",
                     "references": {}
                 },
                 "required": false,
@@ -718,6 +796,9 @@ export class TetTabHeader {
             "selectedId": {},
             "positions": {},
             "autoplay": {},
+            "effectivePosition": {},
+            "hasOverflowLeft": {},
+            "hasOverflowRight": {},
             "idSuffix": {},
             "segmentAnimation": {}
         };

package/dist/collection/components/basic/buttons/tet-tag/tet-tag.js

@@ -20,12 +20,12 @@ export class TetTag {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: '250ccf62dbd75c1aaadec19317f2337d23bcca04' }, h("button", { key: 'e46934a354385b4b05e5d8cc65ec333d53023ba0', class: {
+        return (h(Host, { key: '1d2c56239d2098dc6870ae848ab02b6fb5d3f6c4' }, h("button", { key: '3269cb7d11c61cd914f2b9a25070d63629769469', class: {
                 tag: true,
                 'tag-active': this.active,
                 'tag--icon': this.showIcon,
                 [`theme-${this.theme}`]: true,
-            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: 'fbc48360ae28ff0555407168c80ad5e4a83e4395', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'dce01fc55317ba4dc95a2cc7689914869966f81e', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: 'e9a1258bb2cc789f03507519115c8eebedf2b72a', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: '25039aebf8de020eb018e6d63bc4238f402f4121', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '70d4277d86d48157d64454d62ee03f42a2d274b9', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '01f756240a3f14a4c182b09c4a62aae3ae582619', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/carousel/tet-carousel/tet-carousel.js

@@ -909,22 +909,22 @@ export class TetCarousel {
                 trackTransition = 'none';
             }
         }
-        return (h(Host, { key: 'f69a63fa30db6b524b49df2ab5a75cedb74ea13b' }, h("div", { key: '674451272a1912c877610b7caf74ddc62a82d1bc', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'cfd368f556c23c982a2dd52b74eac1075d40d302', class: "tet-carousel__container" }, h("div", { key: '2388b9ca462792cef601bf16457986705e19760b', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: '84593254297222a7206a06cd00a80b03c828fffd' }, h("div", { key: 'd9e754a0a8e9a64767ed5f7db4174eb80798737a', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'fa16d48c730806d16ac644310446af9f411eeddf', class: "tet-carousel__container" }, h("div", { key: 'f07a23f1dde9ae779769f869638ef0b233a0a0dc', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: 'd59388372de9f1614b2d6d1143e5d26a3d26febc', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: '09c51897b0c5d6ba6e5e794bd7aac54f2f7bb50e', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: 'fe2049fa807b3f31401e24240b1f4d614798d32e', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: '4a99ae7b5a6c6867eec1e8aa7263a98a3f4dd5e8', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
                 transform: `translate3d(${this.dragOffset}px, 0, 0)`,
                 transition: trackTransition,
                 willChange: 'transform'
-            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: 'b54605ced1702eb0ee1fd5cb934afa67042fde7d', class: {
+            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: '1c09b463f469b133d54cd2c517334d3501533196', class: {
                 'tet-carousel__track-content': true,
                 'tet-carousel__track-content--nudge': this.isNudgeAnimating
             }, ref: (el) => (this.trackContentElement = el), style: {
                 '--tet-carousel-nudge-distance': `${TetCarousel.NUDGE_DISTANCE_PX}px`
-            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: 'cdc7fe973b438a34e5826984940873b4082a782a' })))), !!this.label && h("div", { key: 'a1ae8542958b3ffb31fa98f0eece5af6353a23ba', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: 'a94fec2e5525a46c59081ec071dbbe697be35097', class: "tet-carousel__controls" }, showButtons && (h("div", { key: '00b06e903de09c5a0610300bf07ae0d42ba35a51', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: 'c5cdd2b6d5cd422246a0f649d4fccdafe4f27fd5', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: 'b6e2a3ceb7cac1b04931f19e5872eb54cb80f89f', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
+            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: '951e1abe88f65879e18fce545ab3e57d98bf9793' })))), !!this.label && h("div", { key: '3dcaaafd386441ae66efbbcf6b67e65e2e1b2a07', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: 'f7d22b13fdb048b1e919405238bbb0e3297b4b64', class: "tet-carousel__controls" }, showButtons && (h("div", { key: 'a888e5366135e29251d2e65f5014157acdd2d81a', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: '6e8e0dceb29f926ffdd1141e38da94a138a443af', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: '695a3fc7f6f26e032b181061714fa4f1bc1f2962', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
                 ? t('components-carousel-indicator-button-active')
-                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: '80bd002a763ab6265be93f62c53302286ef21f0d', class: "tet-carousel__buttons" }, h("tet-button", { key: '6457e225937386ba5b4c2ed5491d49ed8dfd2169', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: 'c4d7860b371ee1ac39b17bcf7fb6b10b78467895', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
+                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: 'cd000492a5b39510154cdc512eca91349d7fb6ad', class: "tet-carousel__buttons" }, h("tet-button", { key: 'a03f3a15b84bdb0cc182dbca8fb30530750430d8', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: '8a996a4bd9fa1897871e98fc971cb5f416391fd5', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
     }
     static get is() { return "tet-carousel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/icon/tet-icon.js

@@ -50,7 +50,7 @@ export class TetIcon {
     };
     shouldUseDefaultColor = () => (this.useDefaultColor || defaultColorIcons.includes(this.name));
     render() {
-        return (h("span", { key: '3e1d235a78bf795bc312cb9f610381db831b74b0', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: 'afcd66352b2e6a560dfe9c704c627b7761ed8466', class: {
+        return (h("span", { key: '578d73873f6ca3ae6e60589a464c1cd8c366cebb', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: '623de6e2ce8ff246200eb90a264a88c90b49dc40', class: {
                 'icon-container': true,
                 'default-color': this.shouldUseDefaultColor(),
                 [this.theme]: true,

package/dist/collection/components/basic/loaders/tet-loader/tet-loader.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class TetLoader {
     render() {
-        return (h("div", { key: '6a898c1531f9bad6a7666277ce7556400821a386', class: "loader" }, h("div", { key: '18c9758370df6acb902b0050f4027d1cea4418e5', class: "loader-inner" })));
+        return (h("div", { key: '057f69daf1bcabb1ef28806a1c9b1b04fb16ddd9', class: "loader" }, h("div", { key: 'a0ae5d84293210ec2c8dbe696479aa2d132a62b9', class: "loader-inner" })));
     }
     static get is() { return "tet-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/loaders/tet-placeholder/tet-placeholder.js

@@ -9,7 +9,7 @@ export class TetPlaceholder {
         this.darkTheme = false;
     }
     render() {
-        return (h(Host, { key: '7a1f24184efb186a3527af690b1e3a03236728fc', style: { width: this.width, height: this.height } }, h("div", { key: 'ec74ff837ca365d6da0ded7532cdfd67b541be6d', class: { 'dark-theme': this.darkTheme } }, h("div", { key: 'dfe52ed135080202f9fe79013cb8212aea92991b', class: "placeholder", style: { height: this.height } }))));
+        return (h(Host, { key: 'aaaff59e365f93ca4bb533a18c4468fae899396a', style: { width: this.width, height: this.height } }, h("div", { key: '3cd4a42ac92a11e4c22fb607d5c30c50b26aa1db', class: { 'dark-theme': this.darkTheme } }, h("div", { key: 'b991466742ae3188c6ab120d3884312f3aac41a6', class: "placeholder", style: { height: this.height } }))));
     }
     static get is() { return "tet-placeholder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/loaders/tet-spinner/tet-spinner.js

@@ -48,13 +48,13 @@ export class TetSpinner {
         foreignObject.setAttribute('clip-path', 'url(#clip)');
     };
     render() {
-        return (h("div", { key: '67912ef3ca2766aadd9fbbea95d44e9d7583cfc6', ref: element => (this.spinner = element), class: {
+        return (h("div", { key: 'c7b3ec15f00e9caa85f23df789f541e60600804f', ref: element => (this.spinner = element), class: {
                 spinner: true,
                 [`${this.theme}-theme`]: true,
                 [`size--${this.size}`]: true,
                 [`spinner--${this.type}`]: true,
-            } }, h("svg", { key: '14fcd39742fc2b94e7e88c60593456944a30efe7', viewBox: "0 0 40 40" }, h("clipPath", { key: '0a0229717df7043df9c8e646cefbb8fa4293426b', id: "clip" }, h("path", { key: '6f3a9732c4b9c33114c6557670c378d873a6ea7b', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
-              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: 'c39fb59d157b1c93a086142160f583ab0c080a79' }, h("div", { key: 'f79cf2afc413c7151a39b35945c31ea55e3b833b', class: "spinner__gradient" })))));
+            } }, h("svg", { key: 'f1d0f45c754512833731e7a1e71cc80bd5785c39', viewBox: "0 0 40 40" }, h("clipPath", { key: 'e819e565fc43397b84d281df55e1c57e2f6a1850', id: "clip" }, h("path", { key: '5773fb96664b2b61973b114751a68b9bbd594777', d: `M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457
+              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z` })), h("foreignObject", { key: 'dd024174beb7cd8bdb67d2eb44702a3d145a1737' }, h("div", { key: 'dc738a388fd86f3edae451f00a3dbd76833a9f2d', class: "spinner__gradient" })))));
     }
     static get is() { return "tet-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/misc/tet-label/tet-label.js

@@ -13,12 +13,12 @@ export class TetLabel {
         this.showIcon = false;
     }
     render() {
-        return (h(Host, { key: '28da43cd90d76fd61165e363b6f72fb73575b01d' }, h("div", { key: 'c7e7761e2a5982623df924ce3f6c8a202d3ba6ef', class: {
+        return (h(Host, { key: '9d56b10515f58a001f7d809ad5e99137de58a6a0' }, h("div", { key: '8c7d6668b490c855ce0c03a32f12ba57892ee2dc', class: {
                 label: true,
                 'label-active': this.active,
                 [`label-type-${this.type}`]: true,
                 [`theme-${this.theme}`]: true,
-            } }, this.labelTitle && h("p", { key: '0031918f55a452e50e754173aabbc760de129b62', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: '8100b1deff3d98967a7c5bea754795111b66817c', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
+            } }, this.labelTitle && h("p", { key: 'cd623028e752984bf9a0d66fb401d0befa5ecfaa', class: "label-title" }, this.translateTitle ? t(this.labelTitle) : this.labelTitle), this.showIcon && h("tet-icon", { key: 'f84b0816a5549a0f74ed66047bd53f2dd56ff9e9', class: "label-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-header/tet-datepicker-header.js

@@ -55,9 +55,9 @@ export class TetDatepickerHeader {
         this.datepickerViewChanged.emit(view);
     };
     render() {
-        return (h("div", { key: 'ed983d99f04c02c5ac0a619b0d49f0a8964584ca', class: "header" }, this.datepickerView !== 'year'
+        return (h("div", { key: '07e7836aa863a6681560a0377b76565237a9af6d', class: "header" }, this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.subtractDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-left" })))
-            : h("div", null), h("div", { key: '061cb9bdb1d0bd5b861caa3a506022a1d866b795', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: 'cdb5922c28552d38d518ff5ef48fe82c940c3d7b', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
+            : h("div", null), h("div", { key: 'bccaad380f80b271480bfadfc65512c44a3a8ed9', class: "control-button", onClick: () => this.changeDatepickerView() }, this.getControlButtonDate(), h("tet-icon", { key: '7d43f76898d6cae5399d0b2b9c917c0b6739e7d6', class: "chevron-down", name: this.datepickerView === 'month' ? 'chevron-down' : 'chevron-up' })), this.datepickerView !== 'year'
             ? (h("div", { class: "icon-container", onClick: () => this.addDates() }, h("tet-icon", { class: "arrow-left", name: "arrow-right" })))
             : h("div", null)));
     }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-month-view/tet-datepicker-month-view.js

@@ -159,7 +159,7 @@ export class TetDatepickerMonthView {
         };
     };
     render() {
-        return (h(Host, { key: '69f2c4756ecdf45ddf70e97ec35269e30ceeff83' }, h("div", { key: '9531feda03b27ab529a4da39ba90bc925c28b0bc', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: 'a22e3b4e89a5605ebaf55bdf98c8bd0f839e9dd3', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
+        return (h(Host, { key: '90b13dd9a57ebb80f5a68bbcbcc463b9506f94d6' }, h("div", { key: '6a6a9a4484df1c2e72d75565dde9ee2087929b89', class: "weekday-header" }, this.days.map((day) => h("div", { class: "day" }, day))), h("div", { key: '813137edadeec07840401ad4b5687793ab556f69', class: "month-dates" }, this.previousMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date.getDate()))), this.monthDates.map(date => h("div", { class: this.getDateContainerClasses(date), onPointerEnter: (event) => this.setInRangeHover(date, event), onPointerLeave: (event) => this.removeInRangeHover(event) }, h("div", { class: this.getDateClasses(date), onClick: () => this.handleDateSelection(date) }, date.getDate()))), this.nextMonthPreviewDates.map((date) => h("div", { class: "date-container" }, h("div", { class: "preview-date" }, date))))));
     }
     static get is() { return "tet-datepicker-month-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-multi-year-view/tet-datepicker-multi-year-view.js

@@ -32,7 +32,7 @@ export class TetDatepickerMultiYearView {
         return { year: true, current: year === currentYear, selected: this.isSelectedYear(year) };
     };
     render() {
-        return (h("div", { key: '1e315a08e714d4a1a1fe83da5ceb8563c30d0792', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
+        return (h("div", { key: '79da82c5f98a25a9d3e6d14f143801d7617ce1ec', class: "container" }, this.years.map((year) => h("div", { class: this.getYearClasses(year), onClick: () => this.handleYearSelection(year) }, year))));
     }
     static get is() { return "tet-datepicker-multi-year-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-year-view/tet-datepicker-year-view.js

@@ -39,7 +39,7 @@ export class TetDatepickerYearView {
         };
     };
     render() {
-        return (h("div", { key: '64867b21c2d97565ae59aa9a2ca0516d64de4016', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
+        return (h("div", { key: 'cf179638b3b38f0c8e8fad4818f023814db4b724', class: "container" }, this.months.map((month, index) => h("div", { class: "month-container" }, h("div", { class: this.getMonthClasses(index), onClick: () => this.handleMonthSelection(index) }, month)))));
     }
     static get is() { return "tet-datepicker-year-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-datepicker/tet-datepicker.js

@@ -100,10 +100,10 @@ export class TetDatepicker {
         return { overlay: true, closed: !this.isOpen, 'overlay-effect': this.overlayEffect };
     };
     render() {
-        return (h("div", { key: '52f3fabaaadc5e85688ead2a9f702bce8417bb15', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'c39d7dd60e125de1c49985b3baa76ecdd05d2820', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: '6c7750829282465f754f7178fe737c8a67bddf87', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
-            h("tet-datepicker-month-view", { key: '2b55a6750356af3dd950c918c66f772be3124c72', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
-            h("tet-datepicker-multi-year-view", { key: '0a373149f3972d0e7bf125a943b7f95b3a23031c', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
-            h("tet-datepicker-year-view", { key: 'cef279c5b345093fb5fb767fddaf027940bccf11', selectedDate: this.date, internalDate: this.internalDate }))));
+        return (h("div", { key: '317daa5a361b6ee8e11289970678be82eb9ede0b', class: this.getOverlayClasses(), onClick: this.handleDatepickerClose }, h("div", { key: 'ca83f87954a099dc217936e15a05e25c8c6e6665', class: "container", ref: (el) => this.datepickerContainer = el }, h("tet-datepicker-header", { key: 'f0f864eb0221790f6d32c420eb1e4824bcf6727a', selectedDate: this.date, internalDate: this.internalDate, locale: this.locale, datepickerView: this.datepickerView }), this.datepickerView === 'month' &&
+            h("tet-datepicker-month-view", { key: '6db823e7cc09add85bebefddb7dbf60fb7b522cd', selectedDate: this.date, internalDate: this.internalDate, rangePickerMode: this.rangePickerMode, rangeDates: this.rangeDates }), this.datepickerView === 'multi-year' &&
+            h("tet-datepicker-multi-year-view", { key: 'd19fc21586a5b2c5ef8024492a240bde23f2a7b4', selectedDate: this.date, internalDate: this.internalDate }), this.datepickerView === 'year' &&
+            h("tet-datepicker-year-view", { key: '10641c6847ab8f8766e95630ffd46de607da1818', selectedDate: this.date, internalDate: this.internalDate }))));
     }
     static get is() { return "tet-datepicker"; }
     static get encapsulation() { return "shadow"; }