@tet/tet-components 1.3.8-testing → 1.3.9-staging

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f559cb2e.js');
+const index = require('./index-d323e22a.js');
 const TooltipPosition = require('./TooltipPosition-03ffa8a1.js');
 
 const tetTooltipCss = "@font-face{font-family:Avenir Next;src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix);src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix) format(\"eot\"),url(assets/fonts/3c3e10968ffc97c2a52c5830f9886d1f.woff2) format(\"woff2\"),url(assets/fonts/660fbf858d30d7685fa4b166080f5980.woff) format(\"woff\"),url(assets/fonts/2b7748589092fd1a10b806abdfb562ff.ttf) format(\"truetype\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix);src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix) format(\"eot\"),url(assets/fonts/aad36ecead30948bb30fe0ef818b749c.woff2) format(\"woff2\"),url(assets/fonts/c437d7752feaf3f056bbf8613e898d3a.woff) format(\"woff\"),url(assets/fonts/b8df4d02ef5de13a813917a85bc4a9c4.ttf) format(\"truetype\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix);src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix) format(\"eot\"),url(assets/fonts/4d52f8276a74ea8efbad833ed790367c.woff2) format(\"woff2\"),url(assets/fonts/a067695dd1b87e927f4056c040d84669.woff) format(\"woff\"),url(assets/fonts/510a664af9771b72d4ce5e637109ca3c.ttf) format(\"truetype\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix);src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix) format(\"eot\"),url(assets/fonts/63f5acc71d9852468683a4bfe824a28f.woff2) format(\"woff2\"),url(assets/fonts/ed94c737da267752ce0abd79bb003ff6.woff) format(\"woff\"),url(assets/fonts/6302f55a6dc6b12365177dc89b7d63cf.ttf) format(\"truetype\");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix);src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix) format(\"eot\"),url(assets/fonts/1fe7da97fe9dbe1349aca9b54b5fdf69.woff2) format(\"woff2\"),url(assets/fonts/dacc6a84278e221422902af99579ada5.woff) format(\"woff\"),url(assets/fonts/e530c573663a3a07243d303fbf7db508.ttf) format(\"truetype\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix);src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix) format(\"eot\"),url(assets/fonts/93ec0034623fc696601ab99aba652d4c.woff2) format(\"woff2\"),url(assets/fonts/d73c8eb1c13abe1237366aa3ee829a59.woff) format(\"woff\"),url(assets/fonts/7b6dcef99f3f4b23346e23925ec8678f.ttf) format(\"truetype\");font-weight:600;font-style:italic;font-display:swap}.tet-icon{font-family:Tet Icons;font-weight:400;font-style:normal;font-size:24px;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}@font-face{font-family:Tet Icons;src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot);src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot?#iefix) format(\"embedded-opentype\"),url(assets/fonts/25f10ef322a1220b2e9e11db38b73892.woff2) format(\"woff2\"),url(assets/fonts/fed75ac1edcf1c25cdd8612d2c365f9a.woff) format(\"woff\"),url(assets/fonts/df7fbe67cabb13cb837172a73c46378a.ttf) format(\"truetype\"),url(assets/fonts/5486d8c87e2abc6c13ed952a6cc96658.svg#tet-icons) format(\"svg\");font-weight:400;font-style:normal}.tet-icon:before{content:\"\\E84E\"}.tet-icon--sm{font-size:1.125rem}.tet-icon--md{font-size:1.5rem}.tet-icon--lg{font-size:2.25rem}.tet-icon--xl{font-size:3rem}.tet-icon--xxl{font-size:4rem}.tet-icon--0{font-size:0}.tet-icon--1{font-size:.0625rem}.tet-icon--2{font-size:.125rem}.tet-icon--3{font-size:.1875rem}.tet-icon--4{font-size:.25rem}.tet-icon--5{font-size:.3125rem}.tet-icon--6{font-size:.375rem}.tet-icon--7{font-size:.4375rem}.tet-icon--8{font-size:.5rem}.tet-icon--9{font-size:.5625rem}.tet-icon--10{font-size:.625rem}.tet-icon--11{font-size:.6875rem}.tet-icon--12{font-size:.75rem}.tet-icon--13{font-size:.8125rem}.tet-icon--14{font-size:.875rem}.tet-icon--15{font-size:.9375rem}.tet-icon--16{font-size:1rem}.tet-icon--17{font-size:1.0625rem}.tet-icon--18{font-size:1.125rem}.tet-icon--19{font-size:1.1875rem}.tet-icon--20{font-size:1.25rem}.tet-icon--21{font-size:1.3125rem}.tet-icon--22{font-size:1.375rem}.tet-icon--23{font-size:1.4375rem}.tet-icon--24{font-size:1.5rem}.tet-icon--25{font-size:1.5625rem}.tet-icon--26{font-size:1.625rem}.tet-icon--27{font-size:1.6875rem}.tet-icon--28{font-size:1.75rem}.tet-icon--29{font-size:1.8125rem}.tet-icon--30{font-size:1.875rem}.tet-icon--31{font-size:1.9375rem}.tet-icon--32{font-size:2rem}.tet-icon--33{font-size:2.0625rem}.tet-icon--34{font-size:2.125rem}.tet-icon--35{font-size:2.1875rem}.tet-icon--36{font-size:2.25rem}.tet-icon--37{font-size:2.3125rem}.tet-icon--38{font-size:2.375rem}.tet-icon--39{font-size:2.4375rem}.tet-icon--40{font-size:2.5rem}.tet-icon--41{font-size:2.5625rem}.tet-icon--42{font-size:2.625rem}.tet-icon--43{font-size:2.6875rem}.tet-icon--44{font-size:2.75rem}.tet-icon--45{font-size:2.8125rem}.tet-icon--46{font-size:2.875rem}.tet-icon--47{font-size:2.9375rem}.tet-icon--48{font-size:3rem}.tet-icon--49{font-size:3.0625rem}.tet-icon--50{font-size:3.125rem}.tet-icon--51{font-size:3.1875rem}.tet-icon--52{font-size:3.25rem}.tet-icon--53{font-size:3.3125rem}.tet-icon--54{font-size:3.375rem}.tet-icon--55{font-size:3.4375rem}.tet-icon--56{font-size:3.5rem}.tet-icon--57{font-size:3.5625rem}.tet-icon--58{font-size:3.625rem}.tet-icon--59{font-size:3.6875rem}.tet-icon--60{font-size:3.75rem}.tet-icon--61{font-size:3.8125rem}.tet-icon--62{font-size:3.875rem}.tet-icon--63{font-size:3.9375rem}.tet-icon--64{font-size:4rem}.tet-icon--65{font-size:4.0625rem}.tet-icon--66{font-size:4.125rem}.tet-icon--67{font-size:4.1875rem}.tet-icon--68{font-size:4.25rem}.tet-icon--69{font-size:4.3125rem}.tet-icon--70{font-size:4.375rem}.tet-icon--71{font-size:4.4375rem}.tet-icon--72{font-size:4.5rem}.tet-icon--73{font-size:4.5625rem}.tet-icon--74{font-size:4.625rem}.tet-icon--75{font-size:4.6875rem}.tet-icon--76{font-size:4.75rem}.tet-icon--77{font-size:4.8125rem}.tet-icon--78{font-size:4.875rem}.tet-icon--79{font-size:4.9375rem}.tet-icon--80{font-size:5rem}.tet-icon--81{font-size:5.0625rem}.tet-icon--82{font-size:5.125rem}.tet-icon--83{font-size:5.1875rem}.tet-icon--84{font-size:5.25rem}.tet-icon--85{font-size:5.3125rem}.tet-icon--86{font-size:5.375rem}.tet-icon--87{font-size:5.4375rem}.tet-icon--88{font-size:5.5rem}.tet-icon--89{font-size:5.5625rem}.tet-icon--90{font-size:5.625rem}.tet-icon--91{font-size:5.6875rem}.tet-icon--92{font-size:5.75rem}.tet-icon--93{font-size:5.8125rem}.tet-icon--94{font-size:5.875rem}.tet-icon--95{font-size:5.9375rem}.tet-icon--96{font-size:6rem}.tet-icon--97{font-size:6.0625rem}.tet-icon--98{font-size:6.125rem}.tet-icon--99{font-size:6.1875rem}.tet-icon--100{font-size:6.25rem}.tet-icon--101{font-size:6.3125rem}.tet-icon__add:before{content:\"\\E800\"}.tet-icon__alert-circled:before{content:\"\\E801\"}.tet-icon__alert:before{content:\"\\E802\"}.tet-icon__bank:before{content:\"\\E803\"}.tet-icon__box:before{content:\"\\E804\"}.tet-icon__download:before{content:\"\\E805\"}.tet-icon__burger:before{content:\"\\E806\"}.tet-icon__cancel:before{content:\"\\E807\"}.tet-icon__printer:before{content:\"\\E808\"}.tet-icon__cart-add:before{content:\"\\E809\"}.tet-icon__cart-remove:before{content:\"\\E80A\"}.tet-icon__cart:before{content:\"\\E80B\"}.tet-icon__chat:before{content:\"\\E80C\"}.tet-icon__arrow-up:before{content:\"\\E80D\"}.tet-icon__calendar:before{content:\"\\E80E\"}.tet-icon__help-circled:before{content:\"\\E80F\"}.tet-icon__edit:before{content:\"\\E810\"}.tet-icon__external-link:before{content:\"\\E811\"}.tet-icon__gift:before{content:\"\\E812\"}.tet-icon__person:before{content:\"\\E813\"}.tet-icon__heart:before{content:\"\\E814\"}.tet-icon__language:before{content:\"\\E815\"}.tet-icon__help:before{content:\"\\E816\"}.tet-icon__home-1:before{content:\"\\E817\"}.tet-icon__location:before{content:\"\\E818\"}.tet-icon__home-3:before{content:\"\\E819\"}.tet-icon__chart-even:before{content:\"\\E81A\"}.tet-icon__info-2:before{content:\"\\E81B\"}.tet-icon__key:before{content:\"\\E81C\"}.tet-icon__info:before{content:\"\\E81D\"}.tet-icon__lock-opened:before{content:\"\\E81E\"}.tet-icon__lock-outlined:before{content:\"\\E81F\"}.tet-icon__lock:before{content:\"\\E820\"}.tet-icon__laptop-filled:before{content:\"\\E821\"}.tet-icon__mail:before{content:\"\\E822\"}.tet-icon__options:before{content:\"\\E823\"}.tet-icon__chart-uneven:before{content:\"\\E824\"}.tet-icon__mail-2:before{content:\"\\E825\"}.tet-icon__remove:before{content:\"\\E826\"}.tet-icon__mobile-filled:before{content:\"\\E827\"}.tet-icon__ilu-calendar-check:before{content:\"\\E828\"}.tet-icon__settings-outlined:before{content:\"\\E829\"}.tet-icon__tablet:before{content:\"\\E82A\"}.tet-icon__thumb-up:before{content:\"\\E82B\"}.tet-icon__ilu-purchase:before{content:\"\\E82C\"}.tet-icon__chart-even-outlined:before{content:\"\\E82D\"}.tet-icon__movie:before{content:\"\\E82E\"}.tet-icon__percent:before{content:\"\\E82F\"}.tet-icon__ilu-change-whenever:before{content:\"\\E830\"}.tet-icon__truck:before{content:\"\\E831\"}.tet-icon__zero:before{content:\"\\E832\"}.tet-icon__attach:before{content:\"\\E833\"}.tet-icon__cloud-done:before{content:\"\\E834\"}.tet-icon__cloud-download:before{content:\"\\E835\"}.tet-icon__cloud-upload:before{content:\"\\E836\"}.tet-icon__cloud:before{content:\"\\E837\"}.tet-icon__folder:before{content:\"\\E838\"}.tet-icon__remote:before{content:\"\\E839\"}.tet-icon__router:before{content:\"\\E83A\"}.tet-icon__shield-filled:before{content:\"\\E83B\"}.tet-icon__shield:before{content:\"\\E83C\"}.tet-icon__ilu-devices:before{content:\"\\E83D\"}.tet-icon__ilu-get-points:before{content:\"\\E83E\"}.tet-icon__tv:before{content:\"\\E83F\"}.tet-icon__ilu-internet:before{content:\"\\E840\"}.tet-icon__wifi-outlined:before{content:\"\\E841\"}.tet-icon__wifi:before{content:\"\\E842\"}.tet-icon__description-outlined:before{content:\"\\E843\"}.tet-icon__laptop:before{content:\"\\E844\"}.tet-icon__chart-uneven-outlined:before{content:\"\\E845\"}.tet-icon__meter:before{content:\"\\E846\"}.tet-icon__mobile:before{content:\"\\E847\"}.tet-icon__phone:before{content:\"\\E848\"}.tet-icon__plug-filled:before{content:\"\\E849\"}.tet-icon__plug:before{content:\"\\E84A\"}.tet-icon__print:before{content:\"\\E84B\"}.tet-icon__camera:before{content:\"\\E84C\"}.tet-icon__clock:before{content:\"\\E84D\"}.tet-icon__placeholder:before{content:\"\\E84E\"}.tet-icon__tv-filled:before{content:\"\\E84F\"}.tet-icon__arrow-down:before{content:\"\\E850\"}.tet-icon__arrow-left:before{content:\"\\E851\"}.tet-icon__arrow-right:before{content:\"\\E852\"}.tet-icon__description:before{content:\"\\E853\"}.tet-icon__login:before{content:\"\\E854\"}.tet-icon__check:before{content:\"\\E855\"}.tet-icon__chevron-down:before{content:\"\\E856\"}.tet-icon__chevron-left:before{content:\"\\E857\"}.tet-icon__chevron-right:before{content:\"\\E858\"}.tet-icon__chevron-up:before{content:\"\\E859\"}.tet-icon__close-circled:before{content:\"\\E85A\"}.tet-icon__close:before{content:\"\\E85B\"}.tet-icon__more-horizontal:before{content:\"\\E85C\"}.tet-icon__more-vertical:before{content:\"\\E85D\"}.tet-icon__refresh:before{content:\"\\E85E\"}.tet-icon__facebook:before{content:\"\\E85F\"}.tet-icon__instagram:before{content:\"\\E860\"}.tet-icon__linkedin:before{content:\"\\E861\"}.tet-icon__people:before{content:\"\\E862\"}.tet-icon__logout:before{content:\"\\E863\"}.tet-icon__share:before{content:\"\\E864\"}.tet-icon__twitter:before{content:\"\\E865\"}.tet-icon__cancel-filled:before{content:\"\\E866\"}.tet-icon__done:before{content:\"\\E867\"}.tet-icon__star-filled:before{content:\"\\E868\"}.tet-icon__star:before{content:\"\\E869\"}.tet-icon__clipboard:before{content:\"\\E86A\"}.tet-icon__ilu-calendar:before{content:\"\\E86B\"}.tet-icon__check-circled:before{content:\"\\E86C\"}.tet-icon__ilu-choose-channels:before{content:\"\\E86D\"}.tet-icon__search:before{content:\"\\E86E\"}.tet-icon__warning:before{content:\"\\E86F\"}.tet-icon__ilu-clock-1:before{content:\"\\E870\"}.tet-icon__ilu-fold:before{content:\"\\E871\"}.tet-icon__ilu-letter:before{content:\"\\E872\"}.tet-icon__ilu-pay:before{content:\"\\E873\"}.tet-icon__ilu-meter:before{content:\"\\E874\"}.tet-icon__ilu-sign:before{content:\"\\E875\"}.tet-icon__smart-watch-filled:before{content:\"\\E876\"}.tet-icon__washing-machine-filled:before{content:\"\\E877\"}.tet-icon__bullet:before{content:\"\\E878\"}.tet-icon__sound:before{content:\"\\E879\"}.tet-icon__dropdown:before{content:\"\\E87A\"}.tet-icon__mask-pass:before{content:\"\\E87B\"}.tet-icon__select:before{content:\"\\E87C\"}.tet-icon__text-area-sizing:before{content:\"\\E87D\"}.tet-icon__unmask-pass:before{content:\"\\E87E\"}.tet-icon__bullet-small:before{content:\"\\E882\"}.tet-icon__electric-bolt:before{content:\"\\E880\"}.tet-icon__sun:before{content:\"\\E881\"}:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tooltip-background-color:var(--tc-tooltip-layer-secondary);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary);--tooltip-padding:1em;--tooltip-display-speed:.2s;--tooltip-delay-show:.25s;--tooltip-delay-hide:.25s;--tooltip-max-width:18.75rem;--tooltip-border-radius:0.3125rem;position:fixed;display:inline-block;width:max-content;max-width:min(var(--tooltip-max-width), 100%);z-index:100;pointer-events:none;opacity:0}:host(.hidden){visibility:hidden;opacity:0;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear}:host(.hidden-quick){opacity:0;visibility:hidden;transform:scale(0)}:host(.visible){visibility:visible;opacity:1;transition:opacity var(--tooltip-display-speed) linear}.light-inverse{--tooltip-background-color:var(--tc-tooltip-layer-primary);--tooltip-text-color:var(--tc-tooltip-text-primary)}.dark{--tooltip-background-color:var(--tc-tooltip-layer-primary-dark);--tooltip-text-color:var(--tc-tooltip-text-primary-dark)}.dark-inverse{--tooltip-background-color:var(--tc-tooltip-layer-secondary-dark);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary-dark)}.tooltip{position:relative;background:var(--tooltip-background-color);color:var(--tooltip-text-color);border-radius:var(--tooltip-border-radius);padding:var(--tooltip-padding);font-family:var(--font-family-content);font-size:0.875rem;white-space:normal;line-height:1.5em}.tooltip-pointer{position:absolute;width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:0.5rem solid var(--tooltip-background-color)}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;visibility:visible;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;visibility:visible;transform:scale(1)}100%{opacity:0;visibility:hidden;transform:scale(0)}}";

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f559cb2e.js');
+const index = require('./index-d323e22a.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-f559cb2e.js');
+const index = require('./index-d323e22a.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/{translations-9c00ed63.js → translations-87c7b9eb.js}

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

package/dist/collection/components/advanced/cards/tet-card-list/test/tet-card-list.spec.js

@@ -11,9 +11,6 @@ describe('tet-card-list', () => {
       <tet-card-list>
         <mock:shadow-root>
           <div class="tet-card-list__container" part="card-list-container">
-            <span class="tet-card-list__control tet-card-list__control--left">
-              <tet-icon class="tet-card-list__control__icon" name="chevron-left"></tet-icon>
-            </span>
             <div class="tet-card-list__scroll-container">
               <div part="card-list" style="display: grid; grid-auto-flow: column; position: relative; overflow: hidden; width: 100%; height: 100%;">
                 <div part="scroll-container" class="tet-card-list"
@@ -22,8 +19,11 @@ describe('tet-card-list', () => {
                 </div>
               </div>
             </div>
+            <span class="tet-card-list__control tet-card-list__control--left">
+              <tet-icon class="tet-card-list__control__icon" name="chevron-left" tabindex="0"></tet-icon>
+            </span>
             <span class="tet-card-list__control tet-card-list__control--right">
-              <tet-icon class="tet-card-list__control__icon" name="chevron-right"></tet-icon>
+              <tet-icon class="tet-card-list__control__icon" name="chevron-right" tabindex="0"></tet-icon>
             </span>
             <div class="tet-card-list--hidden tet-card-list__scroll">
               <div class="tet-card-list__scroll--thumb"></div>
@@ -42,9 +42,6 @@ describe('tet-card-list', () => {
       <tet-card-list>
         <mock:shadow-root>
         <div class="tet-card-list__container" part="card-list-container">
-          <span class="tet-card-list__control tet-card-list__control--left">
-            <tet-icon class="tet-card-list__control__icon" name="chevron-left"></tet-icon>
-          </span>
           <div class="tet-card-list__scroll-container">
             <div part="card-list" style="display: grid; grid-auto-flow: column; position: relative; overflow: hidden; width: 100%; height: 100%;">
               <div part="scroll-container" class="tet-card-list"
@@ -53,16 +50,19 @@ describe('tet-card-list', () => {
               </div>
             </div>
           </div>
+          <span class="tet-card-list__control tet-card-list__control--left">
+            <tet-icon class="tet-card-list__control__icon" name="chevron-left" tabindex="0"></tet-icon>
+          </span>
           <span class="tet-card-list__control tet-card-list__control--right">
-            <tet-icon class="tet-card-list__control__icon" name="chevron-right"></tet-icon>
+            <tet-icon class="tet-card-list__control__icon" name="chevron-right" tabindex="0"></tet-icon>
           </span>
           <div class="tet-card-list--hidden tet-card-list__scroll">
             <div class="tet-card-list__scroll--thumb"></div>
           </div>
         </div>
         </mock:shadow-root>
-        <div id="item0"></div>
-        <div id="item1"></div>
+        <div id="item0" tabindex="0"></div>
+        <div id="item1" tabindex="0"></div>
       </tet-card-list>
     `);
     });

package/dist/collection/components/advanced/cards/tet-card-list/tet-card-list.js

@@ -8,6 +8,10 @@ import { getConvertedPixels, InertiaScroll } from "../../../../services/utils/in
  */
 export class TetCardList {
     constructor() {
+        /**
+         * All child elements of the list.
+         */
+        this.allElements = [];
         /**
          * The arrays containing cloned content elements.
          */
@@ -297,6 +301,26 @@ export class TetCardList {
             }
             this.isScrolling = false;
         };
+        /**
+         * Handles the keyup event on the right control.
+         * If the key is "Enter" or "Space", will trigger navigation to the next card.
+         * @param e - The keyboard event object.
+         */
+        this.handleRightControlKeyUp = (e) => {
+            if (e.key === ' ' || e.key === 'Enter') {
+                this.handleRightControl();
+            }
+        };
+        /**
+         * Handles the keyup event on the left control.
+         * If the key is "Enter" or "Space", will trigger navigation to the previous card.
+         * @param e - The keyboard event object.
+         */
+        this.handleLeftControlKeyUp = (e) => {
+            if (e.key === ' ' || e.key === 'Enter') {
+                this.handleLeftControl();
+            }
+        };
         /**
          * Updates the visibility of the control element.
          */
@@ -426,6 +450,10 @@ export class TetCardList {
                 this.setupScrollbar();
             }
         });
+        this.allElements = Array.from(this.element.children);
+        this.allElements.forEach((element) => {
+            element.setAttribute('tabindex', '0');
+        });
         if (this.withVirtualScroll) {
             this.setupVirtualScroll();
         }
@@ -518,6 +546,10 @@ export class TetCardList {
         // Calculate the new position of the first element and scroll to it.
         const firstElementPosition = firstOriginalElement.offsetLeft - currentPosition;
         this.inertialScroll.scrollTo({ left: firstElementPosition }, true);
+        const allClones = this.element.querySelectorAll('[data-clone-id]');
+        allClones.forEach((element) => {
+            element.removeAttribute('tabindex');
+        });
     }
     /**
      * Resets the content to its original state.
@@ -621,18 +653,18 @@ export class TetCardList {
         this.dimensions.element.width = elementRect.width;
     }
     render() {
-        return (h(Host, { key: '9a3bfd406a9024f3c3a64e03ce51533966526f0c' }, h("div", { key: '485d7169056697e041178192e5d08d7fad0a1fac', class: {
+        return (h(Host, { key: '3ed05945ef1b1adb765d000ee12d06e60136a032' }, h("div", { key: '31679bf3b2bd5e1b60cdecf35ffe3a7d1d2a7ea3', class: {
                 'tet-card-list__container': true,
                 'tet-card-list--no-scroll': this.disableScroll,
-            }, part: "card-list-container" }, h("span", { key: '6b8f1d28df13deffac6192afe43cc10885bf7944', class: {
+            }, part: "card-list-container" }, h("div", { key: '06b020ebc6de0aa682a1acf366723d8f7b9f5260', class: "tet-card-list__scroll-container" }, h("div", { key: '20bac34c3590f976f0952b9ef5dea49700b5a9cd', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '0358b22b6fd6f493030e8fa73ff5b835a76e8fd7' }))), h("span", { key: '4c7f0549e7aa8ef2a72e1151e84a17184baf7080', class: {
                 'tet-card-list__control': true,
                 'tet-card-list__control--left': true,
                 'tet-card-list__control--hidden': !this.controlVisibility.left,
-            } }, h("tet-icon", { key: 'aa456090fd2072ef5e37abf10501419612d5e792', onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon" })), h("div", { key: '882763a8eca085783181dc43a20aa0a242a0c862', class: "tet-card-list__scroll-container" }, h("div", { key: '2d0486aa60f943878a83b1dfbb83a3aa65a4c94f', part: "card-list", ref: el => (this.scrollContainerRef = el) }, h("slot", { key: '3f9e19a06762b32fd6e25be9476fe8f8375ca184' }))), h("span", { key: '96e25307884364afcdca9c9628d1e8e953442531', class: {
+            } }, h("tet-icon", { key: '235dded58494cfb3bb4ef16d735bf4a333e7e627', onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleLeftControl, onKeyUp: this.handleLeftControlKeyUp, name: this.iconPrev && this.iconPrev !== '' ? this.iconPrev : 'chevron-left', class: "tet-card-list__control__icon", tabIndex: 0 })), h("span", { key: '7025c1270f0d69ec4af61d10233bccfc0ad4799d', class: {
                 'tet-card-list__control': true,
                 'tet-card-list__control--right': true,
                 'tet-card-list__control--hidden': !this.controlVisibility.right,
-            } }, h("tet-icon", { key: '5d39adf9b9e4bb54189ba2caf6be29c4c970fd6a', onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon" })), h("div", { key: '841f29009fabb5b48048be6e1965f4a43004ffe0', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: 'd2a2b8c405c4a4413ea83ae60c99919ea8709a9f', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
+            } }, h("tet-icon", { key: '49d16d988aaef47b3d6400da6e3dc80f35c76487', onPointerDown: this.handleControlPointerDown, onPointerUp: this.handleRightControl, onKeyUp: this.handleRightControlKeyUp, name: this.iconNext && this.iconNext !== '' ? this.iconNext : 'chevron-right', class: "tet-card-list__control__icon", tabIndex: 0 })), h("div", { key: 'f9b94f3735c2ec14958003c5bde697f8a334bbff', class: { 'tet-card-list__scroll': true, 'tet-card-list--hidden': !this.withScrollbar } }, h("div", { key: 'b51c17625daaf192586174d24a71ea1be743592e', class: "tet-card-list__scroll--thumb", ref: el => (this.scrollbarRef = el) })))));
     }
     static get is() { return "tet-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/advanced/cards/tet-compare-card/test/tet-compare-card.spec.js

@@ -101,7 +101,7 @@ describe('tet-compare-card', () => {
                 </div>
               </div>
               <div class="button-wrapper">
-                <a target="_blank" href="https://tet.lv" data-form-link="https://tet.lv">
+                <a target="_blank" href="https://tet.lv" data-form-link="https://tet.lv" tabindex="-1">
                   <div class="button">
                     <tet-button class="tet-button" theme="light">Button</tet-button>
                     <style>.tet-button {--button-width: 10rem;}</style>
@@ -198,7 +198,7 @@ describe('tet-compare-card', () => {
                 </div>
               </div>
               <div class="button-wrapper">
-                <a target="_blank" href="https://tet.lv" data-form-link="https://tet.lv">
+                <a target="_blank" href="https://tet.lv" data-form-link="https://tet.lv" tabindex="-1" >
                   <div class="button">
                     <tet-button class="tet-button" theme="light">Button</tet-button>
                     <style>.tet-button {--button-width: 10rem;}</style>

package/dist/collection/components/advanced/cards/tet-compare-card/tet-compare-card.js

@@ -220,7 +220,7 @@ export class TetCompareCard {
                 'price-wrapper': true,
                 'price-wrap': this.options.priceWrap,
                 'price-flex-column': this.priceShownVertically
-            } }, h("div", { class: "price-container" }, this.options.pricePrefix && h("div", { class: "price-prefix", innerHTML: this.options.pricePrefix }), h("div", { class: "new-price translation-none" }, parseFloat(this.options.price.replace(',', '.')).toFixed(2).replace('.', ',')), h("div", { class: "currency" }, h("span", null, this.options.currency), h("div", { class: "price-info", innerHTML: this.options.priceInfo }))), this.options.oldPrice ? (h("div", { class: "old-price-container" }, h("div", { class: "old-price translation-none" }, parseFloat(this.options.oldPrice.replace(',', '.')).toFixed(2).replace('.', ',')), h("div", { class: "old-currency" }, this.options.currency))) : (''))) : (''), this.showHelper ? (h("div", { class: "helper" }, this.options.term ? h("div", { class: "term" }, this.options.term) : '', this.options.termText ? h("div", { class: "term-text", innerHTML: this.options.termText }) : '', h("span", { innerHTML: this.options.helper }))) : (''), this.isNetflixCard && this.options.selectOptions !== undefined ? (h("div", { class: "select" }, h("tet-dropdown", { id: "dropdown", class: "cards-dropdown", theme: "light", "button-label": "", "label-logo": this.options.selectOptions[0].labelLogo, "label-right": this.options.selectOptions[0].labelRight, "label-right-color": this.options.selectOptions[0].labelRightColor, "close-on-selection": true, options: this.options.selectOptions, "flex-layout": true }))) : ('')), h("div", { class: "button-wrapper" }, this.options.giftModalAttribute ? (h("div", { class: "button", "data-form-link": this.options.link, innerHTML: this.options.giftModalAttribute })) : this.options.linkOpenBlank ? (h("a", { target: "_blank", href: this.options.link, "data-form-link": this.options.link }, h("div", { class: "button", innerHTML: this.options.button }))) : (h("a", { href: this.options.link, "data-form-link": this.options.link }, h("div", { class: "button", innerHTML: this.options.button }))), h("div", { class: "description-wrapper js-resize-divide-slot" }, h("slot", { name: "description-slot" })), this.options.secondaryLink && this.options.secondaryLinkText && (h("div", { class: {
+            } }, h("div", { class: "price-container" }, this.options.pricePrefix && h("div", { class: "price-prefix", innerHTML: this.options.pricePrefix }), h("div", { class: "new-price translation-none" }, parseFloat(this.options.price.replace(',', '.')).toFixed(2).replace('.', ',')), h("div", { class: "currency" }, h("span", null, this.options.currency), h("div", { class: "price-info", innerHTML: this.options.priceInfo }))), this.options.oldPrice ? (h("div", { class: "old-price-container" }, h("div", { class: "old-price translation-none" }, parseFloat(this.options.oldPrice.replace(',', '.')).toFixed(2).replace('.', ',')), h("div", { class: "old-currency" }, this.options.currency))) : (''))) : (''), this.showHelper ? (h("div", { class: "helper" }, this.options.term ? h("div", { class: "term" }, this.options.term) : '', this.options.termText ? h("div", { class: "term-text", innerHTML: this.options.termText }) : '', h("span", { innerHTML: this.options.helper }))) : (''), this.isNetflixCard && this.options.selectOptions !== undefined ? (h("div", { class: "select" }, h("tet-dropdown", { id: "dropdown", class: "cards-dropdown", theme: "light", "button-label": "", "label-logo": this.options.selectOptions[0].labelLogo, "label-right": this.options.selectOptions[0].labelRight, "label-right-color": this.options.selectOptions[0].labelRightColor, "close-on-selection": true, options: this.options.selectOptions, "flex-layout": true }))) : ('')), h("div", { class: "button-wrapper" }, this.options.giftModalAttribute ? (h("div", { class: "button", "data-form-link": this.options.link, innerHTML: this.options.giftModalAttribute })) : this.options.linkOpenBlank ? (h("a", { target: "_blank", href: this.options.link, "data-form-link": this.options.link, tabIndex: -1 }, h("div", { class: "button", innerHTML: this.options.button }))) : (h("a", { href: this.options.link, "data-form-link": this.options.link, tabIndex: -1 }, h("div", { class: "button", innerHTML: this.options.button }))), h("div", { class: "description-wrapper js-resize-divide-slot" }, h("slot", { name: "description-slot" })), this.options.secondaryLink && this.options.secondaryLinkText && (h("div", { class: {
                 'secondary-link': true,
                 [`${this.secondaryLinkPosition}`]: true
             } }, this.options.secondaryLinkOpenBlank ? (h("a", { target: "_blank", href: this.options.secondaryLink }, this.options.secondaryLinkText)) : (h("a", { href: this.options.secondaryLink }, this.options.secondaryLinkText)))))), this.cardScript ? h("link", { href: this.cardScript, rel: "stylesheet", type: "text/css" }) : '', h("tet-icon", { name: "check", class: "is-selected__icon" })));

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

@@ -352,14 +352,24 @@
 
 :host {
   /**
-  * @prop --tag-text-color: The text color of the tag.
   * @prop --tag-background-color: The background color of the tag.
+  * @prop --tag-hover-background-color: The background color of the tag on hover.
+  * @prop --tag-active-background-color: The background color of the tag when active.
+  *
   * @prop --tag-border-color: The border color of the tag.
-   */
+  * @prop --tag-active-border-color: The border color of the tag when active.
+  *
+  * @prop --tag-text-color: The text color of the tag.
+  * @prop --tag-active-text-color: The text color of the tag when active.
+  */
   display: inline-block;
-  --tag-text-color: rgb(10, 11, 13);
   --tag-background-color: rgb(255, 255, 255);
+  --tag-hover-background-color: linear-gradient(rgba(88, 99, 116, 0.08), rgba(88, 99, 116, 0.08)), linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
+  --tag-active-background-color: rgb(10, 11, 13);
   --tag-border-color: rgb(153, 160, 174);
+  --tag-active-border-color: rgb(10, 11, 13);
+  --tag-text-color: rgb(10, 11, 13);
+  --tag-active-text-color: rgb(255, 255, 255);
 }
 
 .tag {
@@ -375,51 +385,49 @@
   border-color: var(--tag-border-color);
   border: 0.0625rem solid var(--tag-border-color);
 }
-.tag--icon {
-  padding: 0.375rem 0.625rem 0.365rem 0.75rem;
+.tag:hover {
+  background: var(--tag-hover-background-color);
 }
-.tag.theme-classic {
-  --tag-background-color: rgb(255, 255, 255);
-  --tag-border-color: rgb(153, 160, 174);
-  --tag-text-color: rgb(10, 11, 13);
+.tag:active:not(:disabled), .tag.tag-active {
+  color: var(--tag-active-text-color);
+  background: var(--tag-active-background-color);
+  border-color: var(--tag-active-border-color);
 }
-.tag.theme-classic:hover {
-  --tag-background-color: linear-gradient(rgba(88, 99, 116, 0.08), rgba(88, 99, 116, 0.08)), linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
+.tag:active:not(:disabled) .tag-icon, .tag.tag-active .tag-icon {
+  --icon-color: var(--tag-active-text-color);
 }
-.tag.theme-classic:active:not(:disabled), .tag.theme-classic.tag-active {
-  --tag-background-color: rgb(10, 11, 13);
-  --tag-text-color: rgb(255, 255, 255);
-  --tag-border-color: rgb(10, 11, 13);
+.tag--icon {
+  padding: 0.375rem 0.625rem 0.365rem 0.75rem;
+}
+.tag.theme-light {
+  --tag-background-color: var(--tc-layer-primary);
+  --tag-hover-background-color: var(--tc-button-primary-background-inverse-hover);
+  --tag-active-background-color: var(--tc-layer-inverse-primary);
+  --tag-border-color: var(--tc-border-secondary);
+  --tag-active-border-color: var(--tc-button-primary-background-default);
+  --tag-text-color: var(--tc-button-text-secondary);
+  --tag-active-text-color: var(--tc-button-text-primary);
+}
+.tag.theme-dark {
+  --tag-background-color: var(--tc-layer-primary-dark);
+  --tag-hover-background-color: var(--tc-button-primary-background-inverse-hover-dark);
+  --tag-active-background-color: var(--tc-layer-inverse-primary-dark);
+  --tag-border-color: var(--tc-border-secondary-dark);
+  --tag-active-border-color: var(--tc-button-primary-background-default-dark);
+  --tag-text-color: var(--tc-button-text-secondary-dark);
+  --tag-active-text-color: var(--tc-button-text-primary-dark);
 }
 .tag.theme-mint {
   --tag-background-color: rgb(35, 40, 46);
+  --tag-hover-background-color: linear-gradient(rgba(26, 213, 219, 0.08), rgba(26, 213, 219, 0.08)), linear-gradient(rgb(35, 40, 46), rgb(35, 40, 46));
+  --tag-active-background-color: rgb(26, 213, 219);
   --tag-border-color: rgb(26, 213, 219);
+  --tag-active-border-color: rgb(26, 213, 219);
   --tag-text-color: rgb(255, 255, 255);
-}
-.tag.theme-mint:hover {
-  --tag-background-color: linear-gradient(rgba(26, 213, 219, 0.08), rgba(26, 213, 219, 0.08)), linear-gradient(rgb(35, 40, 46), rgb(35, 40, 46));
-}
-.tag.theme-mint:active:not(:disabled), .tag.theme-mint.tag-active {
-  --tag-background-color: rgb(26, 213, 219);
-  --tag-border-color: rgb(26, 213, 219);
-  --tag-text-color: rgb(10, 11, 13);
-}
-.tag.theme-light {
-  --tag-background-color: rgb(35, 40, 46);
-  --tag-border-color: rgb(153, 160, 174);
-  --tag-text-color: rgb(255, 255, 255);
-}
-.tag.theme-light:hover {
-  --tag-background-color: linear-gradient(rgba(153, 160, 174, 0.12), rgba(153, 160, 174, 0.12)), linear-gradient(rgb(35, 40, 46), rgb(35, 40, 46));
-  --tag-border-color: rgb(153, 160, 174);
-}
-.tag.theme-light:active:not(:disabled), .tag.theme-light.tag-active {
-  --tag-background-color: rgb(255, 255, 255);
-  --tag-border-color: rgb(255, 255, 255);
-  --tag-text-color: rgb(10, 11, 13);
+  --tag-active-text-color: rgb(10, 11, 13);
 }
 .tag .tag-icon {
-  display: flex;
   --icon-size: 1rem;
   --icon-color: var(--tag-text-color);
+  display: flex;
 }

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

@@ -19,12 +19,12 @@ export class TetTag {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: '37839fc6dfac3373830f26fc2fb1783df930a864' }, h("button", { key: '75c330d21232666683f1fb59b370acb47bb89a50', class: {
+        return (h(Host, { key: 'eb5263cd80bbe3419b2490fd92bce14d00604537' }, h("button", { key: '55ae17a5a7e51bdea204d6c8828969baf6546b44', class: {
                 tag: true,
                 'tag-active': this.active,
                 'tag--icon': this.showIcon,
                 [`theme-${this.theme}`]: true,
-            }, "aria-pressed": this.active.toString() }, this.tagTitle && h("p", { key: '538c527b6d288263148e612c969a1e0676ae385d', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '415c10f4b7e6b3a550f7a41da097ff3cc6f526df', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '432b17b2e44e16d957a02ce4d863c0c2376e02e2', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString() }, this.tagTitle && h("p", { key: '184ff8f2cbd2b96d34a6ff1ba9b1e5f739ed8834', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: '600c422682ce3e64321b13c638f09acb837146d7', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '920ee69edabb85fd1ec53eae072794de7a6672d5', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-tag"; }
     static get encapsulation() { return "shadow"; }
@@ -96,8 +96,8 @@ export class TetTag {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'light' | 'mint' | 'classic'",
-                    "resolved": "\"classic\" | \"light\" | \"mint\"",
+                    "original": "'light' | 'mint' | 'classic' | 'dark'",
+                    "resolved": "\"classic\" | \"dark\" | \"light\" | \"mint\"",
                     "references": {}
                 },
                 "required": false,

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

@@ -36,8 +36,54 @@ describe('tet-tag-group', () => {
       <tet-tag-group>
         <mock:shadow-root>
           <div class="tags">
-            <tet-tag  class="single-tag" language="lv" part="tag" tagTitle="MyTag" count="2"></tet-tag>
-            <tet-tag  class="single-tag" language="lv" part="tag" tagTitle="YourTag" count="4" active></tet-tag>
+            <tet-tag class="single-tag" language="lv" part="tag" tagTitle="MyTag" count="2" theme="classic"></tet-tag>
+            <tet-tag
+              class="single-tag"
+              language="lv"
+              part="tag"
+              tagTitle="YourTag"
+              count="4"
+              theme="classic"
+              active
+            ></tet-tag>
+          </div>
+        </mock:shadow-root>
+      </tet-tag-group>
+    `);
+    });
+    it('renders tags with dark theme', async () => {
+        const tags = [
+            {
+                title: 'HisTag',
+                count: 2,
+                active: false,
+            },
+            {
+                title: 'HerTag',
+                count: 4,
+                active: true,
+                showIcon: true,
+            },
+        ];
+        const page = await newSpecPage({
+            components: [TetTagGroup],
+            template: () => h("tet-tag-group", { tags: tags, theme: "dark" }),
+        });
+        expect(page.root).toEqualHtml(`
+      <tet-tag-group>
+        <mock:shadow-root>
+          <div class="tags">
+            <tet-tag class="single-tag" language="lv" part="tag" tagTitle="HisTag" count="2" theme="dark"></tet-tag>
+            <tet-tag
+              class="single-tag"
+              language="lv"
+              part="tag"
+              tagTitle="HerTag"
+              count="4"
+              theme="dark"
+              showIcon
+              active
+            ></tet-tag>
           </div>
         </mock:shadow-root>
       </tet-tag-group>

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

@@ -13,13 +13,14 @@ export class TetTagGroup {
          * @param tag
          */
         this.renderTag = (tag) => {
-            return (h("tet-tag", { class: "single-tag", part: "tag", tagTitle: tag.title, count: tag.count, active: tag.active, showIcon: tag.showIcon, language: this.language, onClick: () => isFunction(tag.clickAction) ? tag.clickAction(tag) : null }));
+            return (h("tet-tag", { class: "single-tag", part: "tag", tagTitle: tag.title, count: tag.count, active: tag.active, showIcon: tag.showIcon, language: this.language, theme: this.theme, onClick: () => isFunction(tag.clickAction) ? tag.clickAction(tag) : null }));
         };
         this.language = 'lv';
         this.tags = [];
+        this.theme = 'classic';
     }
     render() {
-        return h("div", { key: '3076f16567ad2d89474d318ae6ecf726716df537', class: "tags" }, this.tags.map(this.renderTag));
+        return h("div", { key: 'd815d584fbf26991101999bc76f0570cff5f1cba', class: "tags" }, this.tags.map(this.renderTag));
     }
     static get is() { return "tet-tag-group"; }
     static get encapsulation() { return "shadow"; }
@@ -80,6 +81,24 @@ export class TetTagGroup {
                     "text": "The array of tags to display."
                 },
                 "defaultValue": "[]"
+            },
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'light' | 'mint' | 'classic' | 'dark'",
+                    "resolved": "\"classic\" | \"dark\" | \"light\" | \"mint\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The theme of the tag component."
+                },
+                "attribute": "theme",
+                "reflect": false,
+                "defaultValue": "'classic'"
             }
         };
     }

package/dist/collection/components/simple/lists/tet-news-card-list/test/tet-news-card-list.spec.js

@@ -54,42 +54,48 @@ describe('tet-news-card-list', () => {
             initialscrollamount="0"
             withcontrols="" withoverflowopacity="" exportparts="card-list, card-list-container" part="card-list-component">
             <div class="tet-news-card" part="card-list-item">
-              <div class="tet-news-card__image__container">
-                <a class="tet-news-card__image" data-index="0" href="#" target="_blank">
-                  <img alt="Alt text" src="https://picsum.photos/seed/1/700/560">
-                </a>
-              </div>
-              <span class="tet-news-card__date">13.10.1992</span><span class="tet-news-card__title">Test title 1</span>
-              <span class="tet-news-card__divider"></span>
-              <a data-index="0" class="tet-news-card__link" href="#" target="_blank">
-                <span class="tet-news-card__underline">Redirect</span>
-                <tet-icon class="tet-news-card__link-icon" name="chevron-right"></tet-icon>
+              <a data-index="0" class="tet-news-card__link-container" href="#" target="_blank" tabindex="0">
+                <div class="tet-news-card__image__container">
+                  <div class="tet-news-card__image">
+                    <img alt="Alt text" src="https://picsum.photos/seed/1/700/560">
+                  </div>
+                </div>
+                <span class="tet-news-card__date">13.10.1992</span><span class="tet-news-card__title">Test title 1</span>
+                <span class="tet-news-card__divider"></span>
+                <div class="tet-news-card__link">
+                  <span class="tet-news-card__underline">Redirect</span>
+                  <tet-icon class="tet-news-card__link-icon" name="chevron-right"></tet-icon>
+                </div>
               </a>
             </div>
             <div class="tet-news-card" part="card-list-item">
-              <div class="tet-news-card__image__container">
-                <a class="tet-news-card__image" data-index="1" href="#" target="">
-                  <img alt="" src="https://picsum.photos/seed/2/350/280">
-                </a>
-              </div>
-              <span class="tet-news-card__date">13.10.1992</span><span class="tet-news-card__title">Test title 2</span>
-              <span class="tet-news-card__divider"></span>
-              <a data-index="1" class="tet-news-card__link" href="#" target="">
-                <span class="tet-news-card__underline">Redirect</span>
-                <tet-icon class="tet-news-card__link-icon" name="chevron-right"></tet-icon>
+            <a data-index="1" class="tet-news-card__link-container" href="#" target="" tabindex="0">
+                <div class="tet-news-card__image__container">
+                  <div class="tet-news-card__image" >
+                    <img alt="" src="https://picsum.photos/seed/2/350/280">
+                  </div>
+                </div>
+                <span class="tet-news-card__date">13.10.1992</span><span class="tet-news-card__title">Test title 2</span>
+                <span class="tet-news-card__divider"></span>
+                <div class="tet-news-card__link">
+                  <span class="tet-news-card__underline">Redirect</span>
+                  <tet-icon class="tet-news-card__link-icon" name="chevron-right"></tet-icon>
+                </div>
               </a>
             </div>
             <div class="tet-news-card" part="card-list-item">
+            <a data-index="2" class="tet-news-card__link-container" href="#" target="" tabindex="0">
               <div class="tet-news-card__image__container">
-                <a class="tet-news-card__image" data-index="2" href="#" target="">
+                <div class="tet-news-card__image" >
                   <img alt="" src="https://picsum.photos/seed/3/350/280">
-                </a>
+                </div>
               </div>
               <span class="tet-news-card__date">13.10.1992</span><span class="tet-news-card__title">Test title 3</span>
               <span class="tet-news-card__divider"></span>
-              <a data-index="2" class="tet-news-card__link" href="#" target="">
+              <div class="tet-news-card__link">
                 <span class="tet-news-card__underline">Redirect</span>
                 <tet-icon class="tet-news-card__link-icon" name="chevron-right"></tet-icon>
+              </div>
               </a>
             </div>
           </tet-card-list>