npm - @tet/tet-components - Versions diffs - 1.4.44-testing → 1.4.45-staging - Mend

@tet/tet-components 1.4.44-testing → 1.4.45-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 (523) 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-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-03c9de64.js → translations-89a0ec3d.js} RENAMED Viewed

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

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -76,6 +76,7 @@
     "components/basic/loaders/tet-loader/tet-loader.js",
     "components/basic/loaders/tet-placeholder/tet-placeholder.js",
     "components/basic/loaders/tet-spinner/tet-spinner.js",
+    "components/basic/misc/tet-countdown/tet-countdown.js",
     "components/basic/misc/tet-label/tet-label.js",
     "components/basic/steppers/tet-banner-nav/tet-banner-nav.js",
     "components/simple/inputs/tet-datepicker/tet-datepicker.js",

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

@@ -378,6 +378,7 @@
     * @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.
+    * @prop --tabs-headers-pill-edge-padding: Horizontal padding at the start and end of the pill tab container (e.g. set to match the page grid margin).
     */
   --tabs-container-border-color: var(--tc-border-quaternary);
   --tabs-container-flex-wrap: nowrap;
@@ -405,6 +406,7 @@
   --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);
+  --tabs-headers-pill-edge-padding: 0;
   max-width: 100%;
 }
 :host .dark {
@@ -421,9 +423,9 @@
   --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-background-color: var(--tc-brown-80-dark);
+  --tabs-headers-pill-hover-background-color: var(--tc-brown-70-dark);
+  --tabs-headers-pill-pressed-background-color: color-mix(in srgb, var(--tc-brown-60-dark) 80%, 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);
@@ -531,6 +533,7 @@
   padding-bottom: 0.5rem;
   margin-top: -0.5rem;
   margin-bottom: -0.5rem;
+  padding-inline: var(--tabs-headers-pill-edge-padding);
 }
 .tabs.pill ::slotted(*) {
   --icon-size: 1rem;
@@ -613,12 +616,12 @@
   transition: opacity 0.2s ease;
 }
 .tabs.pill .tabs-gradient-left {
-  left: -0.5rem;
+  left: calc(-0.5rem - var(--tabs-headers-pill-edge-padding));
   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;
+  right: calc(-0.5rem - var(--tabs-headers-pill-edge-padding));
   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%);
 }

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

@@ -20,6 +20,7 @@ export class TetTabHeader {
         this.autoplayDelay = 0;
         this.stopAutoplayOnHeaderHover = false;
         this.stopAutoplayOnContentHover = false;
+        this.showOverflowGradients = false;
         this.selectedId = undefined;
         this.positions = { scrollLeft: 0, mouseX: 0 };
         this.dataName = undefined;
@@ -45,7 +46,10 @@ export class TetTabHeader {
     tabHeadersNotDisabled;
     animationObserver;
     positionObserver;
-    isPointerDown;
+    isDragging = false;
+    dragStartX = 0;
+    dragResetTimer = null;
+    dragThreshold = 8;
     autoplayInterval = [];
     tabListeners = new WeakMap();
     element;
@@ -166,6 +170,9 @@ export class TetTabHeader {
         if (this.type === 'pill') {
             this.tabElement.addEventListener('scroll', this.onTabScroll);
         }
+        this.tabElement.addEventListener('touchstart', this.onContainerTouchStart, { passive: true });
+        this.tabElement.addEventListener('touchmove', this.onContainerTouchMove, { passive: true });
+        this.tabElement.addEventListener('touchend', this.onContainerTouchEnd);
         if (this.segmented) {
             this.tabElement.addEventListener('scroll', this.debounceOnInitialScroll);
             this.initAnimationObserver();
@@ -199,6 +206,10 @@ export class TetTabHeader {
         if (this.type === 'pill') {
             this.tabElement?.removeEventListener('scroll', this.onTabScroll);
         }
+        this.tabElement?.removeEventListener('touchstart', this.onContainerTouchStart);
+        this.tabElement?.removeEventListener('touchmove', this.onContainerTouchMove);
+        this.tabElement?.removeEventListener('touchend', this.onContainerTouchEnd);
+        this.resetDragState();
     }
     initPositionObserver() {
         this.positionObserver = new ResizeObserver(() => {
@@ -250,12 +261,22 @@ export class TetTabHeader {
             }
         });
     }
+    /**
+     * Resets the drag state and clears any pending reset timer.
+     */
+    resetDragState() {
+        this.isDragging = false;
+        if (this.dragResetTimer !== null) {
+            clearTimeout(this.dragResetTimer);
+            this.dragResetTimer = null;
+        }
+    }
     /**
      * Initialises the mouse drag.
      * @param {MouseEvent} event Current mouse event.
      */
     onContainerMouseDown = (event) => {
-        this.isPointerDown = true;
+        this.resetDragState();
         this.positions = {
             scrollLeft: this.tabElement.scrollLeft,
             mouseX: event.clientX
@@ -270,23 +291,61 @@ export class TetTabHeader {
      */
     onContainerMouseMove = (e) => {
         e.preventDefault();
-        const mouseButton = e.buttons;
-        this.isPointerDown = mouseButton === 1;
-        if (!this.isPointerDown) {
+        if (e.buttons !== 1) {
             this.onContainerMouseUp();
             return;
         }
         const deltaX = e.clientX - this.positions.mouseX;
+        if (Math.abs(deltaX) > this.dragThreshold) {
+            this.isDragging = true;
+        }
         this.tabElement.scrollTo(this.positions.scrollLeft - deltaX, 0);
     };
     /**
-     * Removes mouse drag events.
+     * Removes mouse drag events. Keeps `isDragging` true briefly when a drag
+     * occurred so the click that fires on the same element is suppressed.
      */
     onContainerMouseUp = () => {
-        this.isPointerDown = false;
         this.tabElement.removeEventListener('mousemove', this.onContainerMouseMove);
         this.tabElement.removeEventListener('mouseup', this.onContainerMouseUp);
         this.tabElement.removeEventListener('mouseleave', this.onContainerMouseUp);
+        if (!this.isDragging) {
+            return;
+        }
+        this.dragResetTimer = setTimeout(() => {
+            this.isDragging = false;
+            this.dragResetTimer = null;
+        }, 50);
+    };
+    /**
+     * Records the touch start position for drag detection.
+     * @param {TouchEvent} event Current touch event.
+     */
+    onContainerTouchStart = (event) => {
+        this.dragStartX = event.touches[0].clientX;
+        this.resetDragState();
+    };
+    /**
+     * Marks an ongoing touch interaction as a drag when movement exceeds the threshold.
+     * @param {TouchEvent} event Current touch event.
+     */
+    onContainerTouchMove = (event) => {
+        if (Math.abs(event.touches[0].clientX - this.dragStartX) > this.dragThreshold) {
+            this.isDragging = true;
+        }
+    };
+    /**
+     * Resets the touch drag state after a delay so the click event that fires
+     * after touchend does not trigger tab selection or scroll-back.
+     */
+    onContainerTouchEnd = () => {
+        if (!this.isDragging) {
+            return;
+        }
+        this.dragResetTimer = setTimeout(() => {
+            this.isDragging = false;
+            this.dragResetTimer = null;
+        }, 350);
     };
     onSegmentedChange(segmented) {
         if (segmented && this.animationObserver === undefined) {
@@ -311,6 +370,9 @@ export class TetTabHeader {
             if (!disabled && !this.tabListeners.has(tab)) {
                 this.tabHeadersNotDisabled.push(tab);
                 const clickHandler = () => {
+                    if (this.isDragging) {
+                        return;
+                    }
                     this.selectTab(tab.getAttribute('data-name') || index);
                 };
                 const keydownHandler = (event) => {
@@ -467,7 +529,7 @@ export class TetTabHeader {
         if (selectedTab === null) {
             return;
         }
-        if (scroll && !this.isPointerDown) {
+        if (scroll && !this.isDragging) {
             const tabElementScrollLeftCenter = this.tabElement.scrollLeft -
                 this.tabElement.getBoundingClientRect().left -
                 this.tabElement.getBoundingClientRect().width / 2;
@@ -546,8 +608,8 @@ export class TetTabHeader {
         return {};
     }
     render() {
-        const shouldRenderOverflowGradients = this.type === 'pill';
-        return (h(Host, { key: '0c11c331ef59140c53aa75d0b3e0800aab49b079', "data-id-suffix": this.idSuffix }, h("div", { key: 'ce696f956b6bf9be60910ca15c6457e92d8c8dc9', class: {
+        const shouldRenderOverflowGradients = this.showOverflowGradients;
+        return (h(Host, { key: 'd05e4b4a6ddd051f02b4386019ee2d640f8bcb21', "data-id-suffix": this.idSuffix }, h("div", { key: 'cb016536a6ac1f5fa09ae197bf4d1b849b01d0fb', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'tabs--overflow-left': this.hasOverflowLeft,
@@ -556,7 +618,7 @@ export class TetTabHeader {
                 [this.theme]: true,
                 [this.sizing]: true,
                 [this.type]: !!this.type
-            }, 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: {
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, shouldRenderOverflowGradients && h("div", { key: 'c4dc94d9d508255fe05eca81c0b6b1ee55b7142b', class: "tabs-gradient tabs-gradient-left", "aria-hidden": "true" }), h("slot", { key: '0952417f6292c1742c0b4f839f686aaf6fd5d607', onSlotchange: () => this.updatePositionClass(), ref: (slot) => (this.tabContainer = slot) }), shouldRenderOverflowGradients && h("div", { key: '24b2b4f52039bfb65fd1439de0becbb00a59f978', class: "tabs-gradient tabs-gradient-right", "aria-hidden": "true" })), h("div", { key: 'ab20f6e1e96719de2a6673a5d2ded8cb4f98d94a', class: {
                 'tabs-line': !this.segmented,
                 'no-underline': this.hideHeaderUnderline || this.type === 'pill',
                 [this.theme]: true
@@ -772,6 +834,24 @@ export class TetTabHeader {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "showOverflowGradients": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Shows the overflow gradients."
+                },
+                "attribute": "show-overflow-gradients",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "dataName": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/basic/misc/tet-countdown/tet-countdown.css ADDED Viewed

@@ -0,0 +1,196 @@
+@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;
+  /**
+   * @prop --countdown-unit-gap: The gap between countdown units.
+   * @prop --countdown-digit-gap: The gap between the two digit boxes inside one countdown unit.
+   * @prop --countdown-digit-border-radius: The border radius of each digit box.
+   * @prop --countdown-digit-background-color: The background color of each digit box.
+   * @prop --countdown-digit-text-color: The text color of the digits.
+   * @prop --countdown-static-text-color: The shared text color token used for the title and labels.
+   * @prop --countdown-title-color: The text color of the countdown title.
+   * @prop --countdown-label-color: The text color of the countdown unit labels.
+   * @prop --countdown-title-font-family: The font family of the countdown title.
+   * @prop --countdown-label-font-family: The font family of the countdown unit labels.
+   */
+  --countdown-unit-gap: 0.5rem;
+  --countdown-digit-gap: 0.5rem;
+  --countdown-digit-border-radius: 0.5rem;
+  --countdown-digit-background-color: var(--tc-background-permanent-white);
+  --countdown-digit-text-color: var(--tc-grey-80);
+  --countdown-static-text-color: var(--tc-text-white-permanent);
+  --countdown-title-color: var(--countdown-static-text-color);
+  --countdown-label-color: var(--countdown-static-text-color);
+  --countdown-title-font-family: var(--font-family-headline);
+  --countdown-label-font-family: var(--font-family-content);
+}
+:host(.static-text-color-light) {
+  --countdown-static-text-color: var(--tc-text-white-permanent);
+}
+:host(.static-text-color-dark) {
+  --countdown-static-text-color: var(--tc-text-black-permanent);
+}
+.countdown {
+  display: flex;
+  width: 100%;
+  gap: var(--countdown-unit-gap);
+}
+.countdown-unit {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  flex: 1 1 0;
+  min-width: 0;
+}
+.countdown-digits {
+  display: flex;
+  width: 100%;
+  gap: var(--countdown-digit-gap);
+}
+.countdown-digit {
+  aspect-ratio: 1/1.215;
+  position: relative;
+  border-radius: var(--countdown-digit-border-radius);
+  background-color: var(--countdown-digit-background-color);
+  display: flex;
+  flex: 1 1 0;
+  min-width: 0;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  text-align: center;
+  color: var(--countdown-digit-text-color);
+  font-size: 1.25rem;
+  line-height: 1.5rem;
+  font-weight: 600;
+  font-family: var(--countdown-title-font-family);
+}
+.countdown-label {
+  margin-top: 0.5rem;
+  width: 100%;
+  position: relative;
+  display: inline-block;
+  color: var(--countdown-label-color);
+  text-align: center;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  font-weight: 500;
+  letter-spacing: 0;
+  font-family: var(--countdown-label-font-family);
+}
+.countdown-title {
+  margin-bottom: 1rem;
+  width: 100%;
+  position: relative;
+  display: inline-block;
+  color: var(--countdown-title-color);
+  text-align: center;
+  font-size: 1.25rem;
+  line-height: 1.5rem;
+  font-weight: 600;
+  font-family: var(--countdown-title-font-family);
+}
+@media all and (min-width: 31.25rem) {
+  .countdown {
+    gap: 1rem;
+  }
+  .countdown-label {
+    font-size: 1rem;
+    line-height: 1.5rem;
+    letter-spacing: -0.00625rem;
+  }
+  .countdown-title {
+    margin-bottom: 1.5rem;
+  }
+  .countdown-digit {
+    font-size: 2rem;
+    line-height: 2.25rem;
+  }
+}
+@media all and (min-width: 48rem) {
+  .countdown-digit {
+    font-size: 1.5rem;
+    line-height: 1.75rem;
+  }
+}
+@media all and (min-width: 64rem) {
+  .countdown-digit {
+    font-size: 2rem;
+    line-height: 2.25rem;
+  }
+}
+@media all and (min-width: 80rem) {
+  .countdown-digit {
+    font-size: 2.5rem;
+    line-height: 3rem;
+  }
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  white-space: nowrap;
+  border: 0;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+}