@tet/tet-components 1.4.15-testing → 1.4.16-production

package/dist/collection/components/simple/structural/tet-floating-block/tet-floating-block.css

@@ -0,0 +1,463 @@
+/* Tet design styles */
+@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 {
+  display: flex;
+}
+
+.floating-block {
+  display: flex;
+  max-width: 17.5rem;
+  flex-direction: column;
+  padding: 0.625rem;
+  border-radius: 1rem;
+  border: 0.0625rem solid var(--tet-floating-block-border-color);
+  background: var(--tet-floating-block-background-color);
+  align-items: flex-start;
+}
+.floating-block.light {
+  --tet-floating-block-background-color: var(--tc-layer-secondary);
+  --tet-floating-block-border-color: var(--tc-border-quaternary);
+  --tet-floating-block-content-item-text-color: var(--tc-text-secondary);
+  --tet-floating-block-content-item-chevron-color: var(--tc-icon-secondary);
+  --tet-floating-block-content-item-hover-text-color: var(--tc-text-primary);
+  --tet-floating-block-content-item-hover-chevron-color: var(--tc-icon-primary);
+  --tet-floating-block-content-item-active-text-color: var(--tc-text-tertiary);
+  --tet-floating-block-content-item-active-chevron-color: var(--tc-grey-60);
+}
+.floating-block.light .floating-block__content-item:focus-visible {
+  outline: 0.125rem solid var(--tc-blue-40);
+  outline-offset: 0rem;
+  transition: outline 0s;
+}
+.floating-block.dark {
+  --tet-floating-block-background-color: var(--tc-layer-secondary-dark);
+  --tet-floating-block-border-color: var(--tc-border-quaternary-dark);
+  --tet-floating-block-content-item-text-color: var(--tc-text-secondary-dark);
+  --tet-floating-block-content-item-chevron-color: var(--tc-icon-secondary-dark);
+  --tet-floating-block-content-item-hover-text-color: var(--tc-text-primary-dark);
+  --tet-floating-block-content-item-hover-chevron-color: var(--tc-icon-primary-dark);
+  --tet-floating-block-content-item-active-text-color: var(--tc-text-tertiary-dark);
+  --tet-floating-block-content-item-active-chevron-color: var(--tc-grey-60-dark);
+}
+.floating-block.dark .floating-block__content-item:focus-visible {
+  outline: 0.125rem solid var(--tc-blue-40);
+  outline: 0.125rem solid var(--tc-blue-40-dark);
+  outline-offset: 0rem;
+  transition: outline 0s;
+}
+@media only screen and (max-width: 48rem) {
+  .floating-block {
+    width: 100%;
+    max-width: 100%;
+    padding: 0.5rem;
+  }
+  .floating-block .floating-block__content {
+    padding: 0.25rem 0.5rem 0.5rem;
+  }
+  .floating-block .floating-block__accordion {
+    --accordion-header-mobile-padding: 0.5rem;
+    --accordion-header-padding: 0.5rem;
+    --accordion-header-mobile-font: 600 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;
+  }
+}
+.floating-block__accordion {
+  --accordion-header-font: 600 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;
+  --accordion-header-mobile-font: 600 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;
+  --accordion-header-padding: 0.625rem;
+  --accordion-header-mobile-padding: 0.625rem;
+  --accordion-header-align-items: center;
+  --accordion-header-text-desktop-margin-right: 0.5rem;
+}
+@media only screen and (max-width: 48rem) {
+  .floating-block__accordion {
+    width: 100%;
+  }
+}
+.floating-block__content {
+  padding: 0.125rem 0.625rem 0.625rem;
+  --accordion-text-color: var(--tet-floating-block-content-item-text-color);
+}
+.floating-block__content-item {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  gap: 0.5rem;
+  padding: 0.5rem 0;
+  border-radius: 0.125rem;
+  border: none;
+  background: transparent;
+  align-items: flex-start;
+  cursor: pointer;
+  color: var(--tet-floating-block-content-item-text-color);
+}
+.floating-block__content-item:hover {
+  color: var(--tet-floating-block-content-item-hover-text-color);
+}
+.floating-block__content-item:hover .floating-block__content-item__chevron {
+  --icon-color: var(--tet-floating-block-content-item-hover-chevron-color);
+}
+.floating-block__content-item:active {
+  color: var(--tet-floating-block-content-item-active-text-color);
+}
+.floating-block__content-item:active .floating-block__content-item__chevron {
+  --icon-color: var(--tet-floating-block-content-item-active-chevron-color);
+}
+.floating-block__content-item__title {
+  font: 500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
+  text-align: start;
+}
+.floating-block__content-item__chevron {
+  --icon-size: 1.25rem;
+  --icon-color: var(--tet-floating-block-content-item-chevron-color);
+  --icon-container-display: flex;
+}

package/dist/collection/components/simple/structural/tet-floating-block/tet-floating-block.js

@@ -0,0 +1,108 @@
+import { h } from "@stencil/core";
+/** The Floating block is used to display a list of items in a floating container.
+ * It provides a header and content sections for organizing information. */
+export class TetFloatingBlock {
+    constructor() {
+        this.theme = 'light';
+        this.header = '';
+        this.content = [];
+    }
+    /** Event emitted when a content item is clicked.*/
+    contentItemClick;
+    renderContentItem = (item, index) => (h("button", { class: "floating-block__content-item", key: index, onClick: () => this.contentItemClick.emit(item.id) }, h("span", { class: "floating-block__content-item__title" }, item.title), h("tet-icon", { class: "floating-block__content-item__chevron", name: "tc-chevron-right" })));
+    render() {
+        return (h("div", { key: '92f3b3b9b3d3b19188976923ea8f5a2525f96bfc', class: { 'floating-block': true, [this.theme]: true } }, h("tet-accordion", { key: '8cafe4cceb0f52fa913c2f2011959646b3223daa', class: "floating-block__accordion", theme: this.theme, withBorder: false, header: this.header, headingTag: "span", breakpoint: "desktop", transparentBackground: true }, h("div", { key: '9a93c76d13098798263ab2a525ee600bb935ef0b', class: "floating-block__content" }, this.content?.map(this.renderContentItem)))));
+    }
+    static get is() { return "tet-floating-block"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tet-floating-block.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tet-floating-block.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'light' | 'dark'",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "theme of floating block"
+                },
+                "attribute": "theme",
+                "reflect": false,
+                "defaultValue": "'light'"
+            },
+            "header": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "header of floating block"
+                },
+                "attribute": "header",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "content": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "FloatingBlockContent[]",
+                    "resolved": "FloatingBlockContent[]",
+                    "references": {
+                        "FloatingBlockContent": {
+                            "location": "local",
+                            "path": "/__w/internal-tet-web-components-tet-components/internal-tet-web-components-tet-components/src/src/components/simple/structural/tet-floating-block/tet-floating-block.tsx",
+                            "id": "src/components/simple/structural/tet-floating-block/tet-floating-block.tsx::FloatingBlockContent"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "items to show in the content"
+                },
+                "defaultValue": "[]"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "contentItemClick",
+                "name": "content-item-click",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when a content item is clicked."
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+}

package/dist/collection/components/simple/tables-and-graphs/tet-table/tet-table.js

@@ -326,7 +326,7 @@ export class TetTable {
         return { 'table__cell--inner': inner };
     }
     render() {
-        return (h(Host, { key: '405a510579e4dc48fef4de24986c221837018fed' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (h(Host, { key: '64ebc1b809feafb8a43f578e3761f9c98e0c2bb3' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
     }
     static get is() { return "tet-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/simple/text-blocks/tet-cloud-application-form-dialog/tet-cloud-application-form-dialog.js

@@ -202,11 +202,11 @@ export class TetApplicationFormDialog {
         return (h("div", { class: "tet-cloud-application-form-dialog__footer", slot: "footer" }, h("tet-button", { theme: this.theme, type: "ghost", size: "medium", clickCallback: () => this.close() }, t('components-cloud-application-form-close-button-text')), h("tet-button", { theme: this.theme, type: "primary", size: "medium", disabled: this.loading, clickCallback: () => this.submit() }, t('components-cloud-application-form-submit-button-text'))));
     }
     render() {
-        return (h(Host, { key: 'c8136990ee77d7a1330978eeb623735bcd20a872' }, h("tet-dialog", { key: '047bae6d9965b40650cf110ca00361da633a9ea0', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
+        return (h(Host, { key: 'd223cdfbecb0c7932aa116fc52447cd84fd3943f' }, h("tet-dialog", { key: '8b6b5abec89e669c6e42e7d7c6e9e92b32aadd67', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
                 'tet-cloud-application-form-dialog': true,
                 'tet-cloud-application-form-dialog--loading': this.loading,
                 'tet-cloud-application-form-dialog--dark': this.theme === 'dark',
-            }, headerTitle: t('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay, theme: this.theme }, h("p", { key: 'f6ddc962df13a1218d6ecffe46007512b0fedcee', class: "tet-cloud-application-form-dialog__subtitle" }, t('components-cloud-application-form-subtitle')), this.renderFormContent(), this.renderFooter(), this.renderOverlay())));
+            }, headerTitle: t('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay, theme: this.theme }, h("p", { key: 'a59735e2af20864a1428ae42a3e94456f248e8d7', class: "tet-cloud-application-form-dialog__subtitle" }, t('components-cloud-application-form-subtitle')), this.renderFormContent(), this.renderFooter(), this.renderOverlay())));
     }
     static get is() { return "tet-cloud-application-form-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/text-blocks/tet-dialog/tet-dialog.js

@@ -125,11 +125,11 @@ export class TetDialog {
     }
     render() {
         const { isOpen, theme, footerDisplay, handleClickOverlay } = this;
-        return (h(Host, { key: '36f3fcde71dbf85853c8fe0ab6d7091fccb7ddad' }, h("dialog", { key: '9d69863d4eb000273c46cd1c763cd1633526e1d8', ref: (el) => (this.dialogContainer = el) }, h("div", { key: 'a0fbc4eefaa84f4961494f12505249fba70e9429', part: "overlay", class: {
+        return (h(Host, { key: 'ca9048e2142e894e4145988382ca8d2c3a037fa3' }, h("dialog", { key: '48ac1fc21a0e4d22fde2257e1574f769d19578f5', ref: (el) => (this.dialogContainer = el) }, h("div", { key: '4f8e16f5aa00a4cc7f2987557629cf9f0303f0f9', part: "overlay", class: {
                 'dialog__overlay': true,
                 'dialog__overlay--visible': isOpen,
                 [`dialog--theme-${theme}`]: true
-            }, onClick: handleClickOverlay }, h("div", { key: '91913a757127fb269a036b1872ae8b119ba0f934', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: '2add0388e21079ebd1044d604e4c876c5816db5a', part: "body", class: "dialog__body" }, h("slot", { key: '93bf25b91b289f2fbcde2f51f2e4b89b20f4b4e1' })), h("div", { key: 'ab06a741d67de614a3201808b6b7c9b0edb4382d', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: 'd01312e65b111795b41a4d2d1ec2b53b46c46ac1', name: "footer" })))))));
+            }, onClick: handleClickOverlay }, h("div", { key: '5d5597ada74891c0f99679054dbae74a1899b5a2', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: '67e08e78b1e705af31b00e7ee758d5ce0e7edc00', part: "body", class: "dialog__body" }, h("slot", { key: '5a53b9f40e64d6a670ef2c5a22692d77dcb9abb7' })), h("div", { key: '7cf0f27f24aa202daecab8b12d3927f1f90ada89', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '80e645fd6eeeac2fee2cd77df874c4a2281ef1aa', name: "footer" })))))));
     }
     static get is() { return "tet-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/text-blocks/tet-inline-message/tet-inline-message.js

@@ -14,11 +14,11 @@ export class TetInlineMessage {
         success: 'check-circle'
     };
     render() {
-        return (h("div", { key: 'c28617d98f11fe01df16f0d8b9c5a45065c48804', class: {
+        return (h("div", { key: '75a0733358a2b0db493e0460f28ebad2599300ac', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, h("tet-icon", { key: '738fe2cc22946eb785d7922b717f26ae2cf99b19', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: 'af77866a35997f8f96e9418e912e4439630c7fd7', class: "content" }, h("slot", { key: '4d7de4f17e007a5ca3d5b4030df76f791fb13b5d', name: "title" }), "\u00A0", h("slot", { key: 'd8f719a2f3d664c2610c110cebfd48eed1155531', name: "description" }))));
+            } }, h("tet-icon", { key: 'ae0597350fefc7801913570e6611f320eb726274', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '9806236689e61c03541113d34f18ecfaca043733', class: "content" }, h("slot", { key: '0f43409ffe0b38441957102cc55e3df3b45b503f', name: "title" }), "\u00A0", h("slot", { key: '940d8f6c8d1e4bf44c7d06e88268db0a8d006826', name: "description" }))));
     }
     static get is() { return "tet-inline-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/text-blocks/tet-notification/tet-notification.js

@@ -120,7 +120,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: '6ecdba6f243cff47bd11cfbb242e1eadf798cd8e' }, h("div", { key: '94df895d72fa7328322072daae2c9671f134b0b9', class: { notification: true, [this.theme]: true } }, h("div", { key: '94ac34749fbe8e75ef217bb6d4552358bfa6e47e', class: { item: true, [this.type]: true } }, h("div", { key: '5999268e37bf481d160b0859e1441e3a745e7f7a', class: "header" }, this.renderTypeIcon(), h("div", { key: 'c350c92c85b85a40429ef04d35f46d8bb77d64c8', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '7e0a2f0cc56d21c02526a59df888746b153d7a98', class: "content" }, h("span", { key: 'fa05454bb4766f83d73f7b04cd19eced146677de', innerHTML: content }), h("div", { key: '09cc3cea9b82e534a3a06beb113b6bd6e7c0eca9' }, h("slot", { key: '05d99c9b7de04e6e5c89f4df89d2ca87595c7b5d', name: "button" })))))));
+        return (h(Host, { key: '7f7d7fbb5b2c5af5cadb889e47ae99ae0dca642c' }, h("div", { key: '099f4611234ea9b5f5b8c9bb6f305a098db32b51', class: { notification: true, [this.theme]: true } }, h("div", { key: '30141773616348983fff4745e171203ab61d7f41', class: { item: true, [this.type]: true } }, h("div", { key: '0a66c122979869dedcf30795ffec92ddd3b41b83', class: "header" }, this.renderTypeIcon(), h("div", { key: '1d2c4a462ec9c8ffb6a078bfcb4b01246cccf0a9', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: 'f008c2e588491ca391793ae4b454e07bff98d3a3', class: "content" }, h("span", { key: '982394c1c89a4ba877c78a4c83af5dd4d2a528de', innerHTML: content }), h("div", { key: '79c43ba138e6d6093a2ccdd676b52bb76ccf2591' }, h("slot", { key: 'd381b8fd5a36fe63157f06b81812154fc694195b', name: "button" })))))));
     }
     static get is() { return "tet-notification"; }
     static get encapsulation() { return "shadow"; }