npm - @tet/tet-components - Versions diffs - 1.4.53-testing → 1.4.54-production - Mend

@tet/tet-components 1.4.53-testing → 1.4.54-production

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 (499) 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-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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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} 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-162b4cbc.js');
+const index = require('./index-a59cbcb0.js');
 exports.Theme = void 0;
 (function (Theme) {

package/dist/cjs/{translations-03c9de64.js → translations-ca556860.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-16564d25.js');
 /**
  * Returns whether the object is empty.

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

@@ -9815,6 +9815,7 @@
   --tc-icon-secondary-dark: var(--tc-grey-50-dark);
   --tc-icon-tertiary-dark: var(--tc-grey-40-dark);
   --tc-icon-quaternary-dark: var(--tc-grey-30-dark);
+  --tc-icon-black-to-yellow-dark: var(--tc-yellow-40-dark);
   --tc-icon-inverse-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-icon-inverse-secondary-dark: var(--tc-grey-50-dark);
   --tc-icon-inverse-tertiary-dark: var(--tc-grey-60-dark);
@@ -10188,6 +10189,7 @@
   --tc-icon-secondary: var(--tc-grey-50);
   --tc-icon-tertiary: var(--tc-grey-40);
   --tc-icon-quaternary: var(--tc-grey-30);
+  --tc-icon-black-to-yellow: var(--tc-grey-110);
   --tc-icon-inverse-primary: var(--tc-grey-minus-10);
   --tc-icon-inverse-secondary: var(--tc-grey-50);
   --tc-icon-inverse-tertiary: var(--tc-grey-60);

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

@@ -9815,6 +9815,7 @@
   --tc-icon-secondary-dark: var(--tc-grey-50-dark);
   --tc-icon-tertiary-dark: var(--tc-grey-40-dark);
   --tc-icon-quaternary-dark: var(--tc-grey-30-dark);
+  --tc-icon-black-to-yellow-dark: var(--tc-yellow-40-dark);
   --tc-icon-inverse-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-icon-inverse-secondary-dark: var(--tc-grey-50-dark);
   --tc-icon-inverse-tertiary-dark: var(--tc-grey-60-dark);
@@ -10188,6 +10189,7 @@
   --tc-icon-secondary: var(--tc-grey-50);
   --tc-icon-tertiary: var(--tc-grey-40);
   --tc-icon-quaternary: var(--tc-grey-30);
+  --tc-icon-black-to-yellow: var(--tc-grey-110);
   --tc-icon-inverse-primary: var(--tc-grey-minus-10);
   --tc-icon-inverse-secondary: var(--tc-grey-50);
   --tc-icon-inverse-tertiary: var(--tc-grey-60);

package/dist/collection/components/basic/steppers/tet-round-stepper/tet-round-stepper.css CHANGED Viewed

@@ -421,6 +421,9 @@
 .round-stepper {
   display: flex;
 }
+.round-stepper.with-background-gradient {
+  gap: 1.5rem;
+}
 .round-stepper.hide-icons .round-stepper__icon .icon {
   display: none;
 }
@@ -432,6 +435,81 @@
   align-items: var(--round-stepper-align-items);
   padding: 0.5rem 0 0.5rem 0;
 }
+.round-stepper__item.column-layout {
+  flex-direction: column;
+  align-items: start;
+}
+.round-stepper__item.column-layout .round-stepper__description {
+  margin-left: 0;
+  margin-top: 1rem;
+}
+.round-stepper__item.with-background-gradient {
+  --round-stepper-item-background-color: transparent;
+  --round-stepper-item-background-color-dark: var(--round-stepper-item-background-color);
+  --round-stepper-item-circle-background-color: var(--tc-icon-black-to-yellow);
+  --round-stepper-item-circle-text-color: var(--tc-text-inverse-primary);
+  --round-stepper-item-circle-background-color-dark: var(--tc-icon-black-to-yellow-dark);
+  --round-stepper-item-circle-text-color-dark: var(--tc-text-inverse-primary-dark);
+  max-width: 36rem;
+  border-radius: 1rem;
+  padding: 1.5rem 1rem;
+  background-color: var(--round-stepper-item-background-color);
+}
+.round-stepper__item.with-background-gradient.dark {
+  --round-stepper-item-circle-background-color: var(--round-stepper-item-circle-background-color-dark);
+  --round-stepper-item-circle-text-color: var(--round-stepper-item-circle-text-color-dark);
+  background-color: var(--round-stepper-item-background-color-dark);
+}
+.round-stepper__item.with-background-gradient .round-stepper__circle {
+  background-color: var(--round-stepper-item-circle-background-color) !important;
+  color: var(--round-stepper-item-circle-text-color) !important;
+}
+.round-stepper__item.with-background-gradient .round-stepper__circle tet-icon.icon {
+  --icon-color: var(--round-stepper-item-circle-text-color) !important;
+}
+@media all and (min-width: 48rem) {
+  .round-stepper__item.with-background-gradient {
+    padding: 1.5rem;
+  }
+}
+.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-dark {
+  --round-stepper-item-background-color: var(--tc-gradient-grey-accent);
+  --round-stepper-item-background-color-dark: var(--tc-brown-80-dark);
+}
+.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-dark {
+  --round-stepper-item-background-color: var(--tc-yellow-30);
+  --round-stepper-item-background-color-dark: var(--tc-brown-70-dark);
+}
+.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-light {
+  --round-stepper-item-background-color: var(--tc-yellow-20);
+  --round-stepper-item-background-color-dark: var(--tc-brown-60-dark);
+}
+.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-light {
+  --round-stepper-item-background-color: var(--tc-yellow-10);
+  --round-stepper-item-background-color-dark: var(--tc-brown-50-dark);
+}
+.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-dark {
+  --round-stepper-item-background-color: var(--tc-grey-50);
+  --round-stepper-item-background-color-dark: var(--tc-brown-80-dark);
+}
+.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-dark {
+  --round-stepper-item-background-color: var(--tc-grey-40);
+  --round-stepper-item-background-color-dark: var(--tc-brown-70-dark);
+}
+.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-light {
+  --round-stepper-item-background-color: var(--tc-grey-30);
+  --round-stepper-item-background-color-dark: var(--tc-brown-60-dark);
+}
+.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-light {
+  --round-stepper-item-background-color: var(--tc-grey-20);
+  --round-stepper-item-background-color-dark: var(--tc-brown-50-dark);
+}
+.round-stepper__item.with-background-gradient.gradient-dark-light {
+  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.12));
+}
+.round-stepper__item.with-background-gradient.gradient-light-dark {
+  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.12));
+}
 .round-stepper__circle {
   display: flex;
   align-items: center;
@@ -444,9 +522,15 @@
   background-color: var(--round-stepper-background-color);
   color: var(--round-stepper-text-color);
 }
+.round-stepper__circle tet-icon.icon {
+  --icon-color: var(--round-stepper-text-color) !important;
+}
 .round-stepper__circle.dark {
   background-color: var(--round-stepper-background-color) !important;
 }
+.round-stepper__circle.dark tet-icon.icon {
+  --icon-color: var(--round-stepper-text-color) !important;
+}
 .round-stepper__description, .round-stepper__icon {
   margin-left: 1rem;
   font-weight: 500;

package/dist/collection/components/basic/steppers/tet-round-stepper/tet-round-stepper.js CHANGED Viewed

@@ -9,13 +9,17 @@ export class TetRoundStepper {
         this.forcedColumn = false;
         this.hideIcons = false;
         this.theme = 'light';
+        this.columnLayout = false;
+        this.layout = 'default';
     }
     /**
      * The root element of the stepper component.
      */
     host;
     componentDidLoad() {
-        this.calculateContainerWidth();
+        if (this.layout === 'default') {
+            this.calculateContainerWidth();
+        }
     }
     /**
      * Renders a single step.
@@ -28,7 +32,15 @@ export class TetRoundStepper {
             icon: true,
             hide: step.stepIcon === undefined
         };
-        return (h("div", { class: "round-stepper__item" }, h("div", { class: `round-stepper__circle ${this.theme === 'dark' ? 'dark' : ''}`, style: { backgroundColor: step.color } }, step.icon ? (h("tet-icon", { name: step.icon, theme: this.theme })) : (h("span", null, step.number))), h("span", { class: `round-stepper__description ${this.theme === 'dark' ? 'dark' : ''}`, innerHTML: step.description }), h("div", { class: "round-stepper__icon" }, h("tet-icon", { class: iconClasses, name: step.stepIcon, theme: this.theme }))));
+        return (h("div", { class: {
+                'round-stepper__item': true,
+                'dark': this.theme === 'dark',
+                'column-layout': this.columnLayout,
+                'with-background-gradient': this.layout === 'withBackgroundGradient',
+                [`color-theme-${step.colorTheme}`]: this.layout === 'withBackgroundGradient' && !!step.colorTheme,
+                [`color-tone-${step.colorTone}`]: this.layout === 'withBackgroundGradient' && !!step.colorTone,
+                [`gradient-${step.gradient}`]: this.layout === 'withBackgroundGradient' && !!step.gradient && step.gradient !== 'off'
+            } }, h("div", { class: `round-stepper__circle ${this.theme === 'dark' ? 'dark' : ''}`, style: { backgroundColor: step.color } }, step.icon ? (h("tet-icon", { class: "icon", name: step.icon })) : (h("span", null, step.number))), h("span", { class: `round-stepper__description ${this.theme === 'dark' ? 'dark' : ''}`, innerHTML: step.description }), h("div", { class: "round-stepper__icon" }, h("tet-icon", { class: iconClasses, name: step.stepIcon, theme: this.theme }))));
     }
     /**
      * Adds or removes classes based on the current container width.
@@ -56,11 +68,14 @@ export class TetRoundStepper {
      * Listens for the window resize event and triggers container width recalculation.
      */
     onResize() {
-        this.calculateContainerWidth();
+        if (this.layout === 'default') {
+            this.calculateContainerWidth();
+        }
     }
     render() {
-        return (h(Host, { key: '9d7ded3c23d4c8b9a5a133a1a404b9bdfa8fcc3f' }, h("div", { key: '1204fd2cf143d6e9305ce7767a1fec9ad027fb02', class: {
+        return (h(Host, { key: 'f04c773b6999dada6a1a9da09921675ab406fb25' }, h("div", { key: 'a89aee3ec6056f1444e52d43e302a83625d6e528', class: {
                 'round-stepper': true,
+                'with-background-gradient': this.layout === 'withBackgroundGradient',
                 'column': this.forcedColumn,
                 'hide-icons': this.hideIcons
             } }, this.stepperData.map((step) => this.renderRoundStepper(step)))));
@@ -154,6 +169,42 @@ export class TetRoundStepper {
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "'light'"
+            },
+            "columnLayout": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Determines whether each step item uses column layout."
+                },
+                "attribute": "column-layout",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "layout": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'withBackgroundGradient'",
+                    "resolved": "\"default\" | \"withBackgroundGradient\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Determines the layout of the stepper component."
+                },
+                "attribute": "layout",
+                "reflect": false,
+                "defaultValue": "'default'"
             }
         };
     }

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

@@ -9816,6 +9816,7 @@
   --tc-icon-secondary-dark: var(--tc-grey-50-dark);
   --tc-icon-tertiary-dark: var(--tc-grey-40-dark);
   --tc-icon-quaternary-dark: var(--tc-grey-30-dark);
+  --tc-icon-black-to-yellow-dark: var(--tc-yellow-40-dark);
   --tc-icon-inverse-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-icon-inverse-secondary-dark: var(--tc-grey-50-dark);
   --tc-icon-inverse-tertiary-dark: var(--tc-grey-60-dark);
@@ -10189,6 +10190,7 @@
   --tc-icon-secondary: var(--tc-grey-50);
   --tc-icon-tertiary: var(--tc-grey-40);
   --tc-icon-quaternary: var(--tc-grey-30);
+  --tc-icon-black-to-yellow: var(--tc-grey-110);
   --tc-icon-inverse-primary: var(--tc-grey-minus-10);
   --tc-icon-inverse-secondary: var(--tc-grey-50);
   --tc-icon-inverse-tertiary: var(--tc-grey-60);

package/dist/components/index.js CHANGED Viewed

@@ -108,7 +108,7 @@ import { TetThankYouViewV3 } from './tet-thank-you-view-v3.js';
 import { TetTooltip } from './tet-tooltip.js';
 import { TetTvGiftBlock } from './tet-tv-gift-block.js';
 import { TetTvGiftList } from './tet-tv-gift-list.js';
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-25b93e8f.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-8b6ad07d.js';
 const defineCustomElements = (opts) => {
     if (typeof customElements !== 'undefined') {