stream-chat-react 14.0.0-beta.2 → 14.0.0-beta.4

package/dist/scss/v2/_icons.scss

@@ -1,36 +0,0 @@
-@use 'variables';
-
-.str-chat {
-  --str-chat__image-fallback-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9InN0ci1jaGF0X19pbWFnZS1mYWxsYmFja19faWNvbiIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTYgMnYxNEgyVjJoMTRabTAtMkgyQy45IDAgMCAuOSAwIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMlYyYzAtMS4xLS45LTItMi0yWm0tNC44NiA4Ljg2LTMgMy44N0w2IDEwLjE0IDMgMTRoMTJsLTMuODYtNS4xNFoiLz48L3N2Zz4=');
-  --str-chat__winning-poll-option-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNS44MzMzIDQuMTY2NjdIMTQuMTY2N1YyLjVINS44MzMzM1Y0LjE2NjY3SDQuMTY2NjdDMy4yNSA0LjE2NjY3IDIuNSA0LjkxNjY3IDIuNSA1LjgzMzMzVjYuNjY2NjdDMi41IDguNzkxNjcgNC4xIDEwLjUyNSA2LjE1ODMzIDEwLjc4MzNDNi42ODMzMyAxMi4wMzMzIDcuODA4MzMgMTIuOTc1IDkuMTY2NjcgMTMuMjVWMTUuODMzM0g1LjgzMzMzVjE3LjVIMTQuMTY2N1YxNS44MzMzSDEwLjgzMzNWMTMuMjVDMTIuMTkxNyAxMi45NzUgMTMuMzE2NyAxMi4wMzMzIDEzLjg0MTcgMTAuNzgzM0MxNS45IDEwLjUyNSAxNy41IDguNzkxNjcgMTcuNSA2LjY2NjY3VjUuODMzMzNDMTcuNSA0LjkxNjY3IDE2Ljc1IDQuMTY2NjcgMTUuODMzMyA0LjE2NjY3Wk00LjE2NjY3IDYuNjY2NjdWNS44MzMzM0g1LjgzMzMzVjkuMDE2NjdDNC44NjY2NyA4LjY2NjY3IDQuMTY2NjcgNy43NSA0LjE2NjY3IDYuNjY2NjdaTTEwIDExLjY2NjdDOC42MjUgMTEuNjY2NyA3LjUgMTAuNTQxNyA3LjUgOS4xNjY2N1Y0LjE2NjY3SDEyLjVWOS4xNjY2N0MxMi41IDEwLjU0MTcgMTEuMzc1IDExLjY2NjcgMTAgMTEuNjY2N1pNMTUuODMzMyA2LjY2NjY3QzE1LjgzMzMgNy43NSAxNS4xMzMzIDguNjY2NjcgMTQuMTY2NyA5LjAxNjY3VjUuODMzMzNIMTUuODMzM1Y2LjY2NjY3WiIgZmlsbD0iIzVFNjc2RSIvPgo8L3N2Zz4K');
-  --str-chat__arrow-left-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0Ljc5MTUgNy4wMDUxSDMuNjIxNDhMOC41MDE0OCAyLjEyNTFDOC44OTE0OCAxLjczNTEgOC44OTE0OCAxLjA5NTEgOC41MDE0OCAwLjcwNTA5OEM4LjExMTQ4IDAuMzE1MDk4IDcuNDgxNDggMC4zMTUwOTggNy4wOTE0OCAwLjcwNTA5OEwwLjUwMTQ4NCA3LjI5NTFDMC4xMTE0ODQgNy42ODUxIDAuMTExNDg0IDguMzE1MSAwLjUwMTQ4NCA4LjcwNTFMNy4wOTE0OCAxNS4yOTUxQzcuNDgxNDggMTUuNjg1MSA4LjExMTQ4IDE1LjY4NTEgOC41MDE0OCAxNS4yOTUxQzguODkxNDggMTQuOTA1MSA4Ljg5MTQ4IDE0LjI3NTEgOC41MDE0OCAxMy44ODUxTDMuNjIxNDggOS4wMDUxSDE0Ljc5MTVDMTUuMzQxNSA5LjAwNTEgMTUuNzkxNSA4LjU1NTEgMTUuNzkxNSA4LjAwNTFDMTUuNzkxNSA3LjQ1NTEgMTUuMzQxNSA3LjAwNTEgMTQuNzkxNSA3LjAwNTFaIiBmaWxsPSIjMDgwNzA3Ii8+Cjwvc3ZnPgo=');
-  --str-chat__close-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI5OTcgMC43MDk5NzFDMTIuOTA5NyAwLjMxOTk3MSAxMi4yNzk3IDAuMzE5OTcxIDExLjg4OTcgMC43MDk5NzFMNi45OTk3MyA1LjU4OTk3TDIuMTA5NzMgMC42OTk5NzFDMS43MTk3MyAwLjMwOTk3MSAxLjA4OTczIDAuMzA5OTcxIDAuNjk5NzI3IDAuNjk5OTcxQzAuMzA5NzI3IDEuMDg5OTcgMC4zMDk3MjcgMS43MTk5NyAwLjY5OTcyNyAyLjEwOTk3TDUuNTg5NzMgNi45OTk5N0wwLjY5OTcyNyAxMS44OUMwLjMwOTcyNyAxMi4yOCAwLjMwOTcyNyAxMi45MSAwLjY5OTcyNyAxMy4zQzEuMDg5NzMgMTMuNjkgMS43MTk3MyAxMy42OSAyLjEwOTczIDEzLjNMNi45OTk3MyA4LjQwOTk3TDExLjg4OTcgMTMuM0MxMi4yNzk3IDEzLjY5IDEyLjkwOTcgMTMuNjkgMTMuMjk5NyAxMy4zQzEzLjY4OTcgMTIuOTEgMTMuNjg5NyAxMi4yOCAxMy4yOTk3IDExLjg5TDguNDA5NzMgNi45OTk5N0wxMy4yOTk3IDIuMTA5OTdDMTMuNjc5NyAxLjcyOTk3IDEzLjY3OTcgMS4wODk5NyAxMy4yOTk3IDAuNzA5OTcxWiIgZmlsbD0iIzA4MDcwNyIvPgo8L3N2Zz4K');
-  --str-chat__add-attachment-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNS4zMzMyIDcuMzMzMDdMMTIuNjY2NiA3LjMzMzA3TDEyLjY2NjYgMTIuNjY2NEw3LjMzMzI0IDEyLjY2NjRMNy4zMzMyNCAxNS4zMzMxTDEyLjY2NjYgMTUuMzMzMUwxMi42NjY2IDIwLjY2NjRMMTUuMzMzMiAyMC42NjY0TDE1LjMzMzIgMTUuMzMzMUwyMC42NjY2IDE1LjMzMzFMMjAuNjY2NiAxMi42NjY0TDE1LjMzMzIgMTIuNjY2NEwxNS4zMzMyIDcuMzMzMDdaTTEzLjk5OTkgMC42NjY0MDRDNi42Mzk5MSAwLjY2NjQwNCAwLjY2NjU3NiA2LjYzOTc0IDAuNjY2NTc3IDEzLjk5OTdDMC42NjY1NzYgMjEuMzU5NyA2LjYzOTkxIDI3LjMzMzEgMTMuOTk5OSAyNy4zMzMxQzIxLjM1OTkgMjcuMzMzMSAyNy4zMzMyIDIxLjM1OTcgMjcuMzMzMiAxMy45OTk3QzI3LjMzMzIgNi42Mzk3NCAyMS4zNTk5IDAuNjY2NDA0IDEzLjk5OTkgMC42NjY0MDRaTTEzLjk5OTkgMjQuNjY2NEM4LjExOTkxIDI0LjY2NjQgMy4zMzMyNCAxOS44Nzk3IDMuMzMzMjUgMTMuOTk5N0MzLjMzMzI0IDguMTE5NzQgOC4xMTk5MSAzLjMzMzA3IDEzLjk5OTkgMy4zMzMwN0MxOS44Nzk5IDMuMzMzMDcgMjQuNjY2NiA4LjExOTc0IDI0LjY2NjYgMTMuOTk5N0MyNC42NjY2IDE5Ljg3OTcgMTkuODc5OSAyNC42NjY0IDEzLjk5OTkgMjQuNjY2NFoiLz4KPC9zdmc+Cg==');
-  --str-chat__folder-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMTYiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOCAySDEwTDggMEgyQzAuOSAwIDAuMDA5OTk5OTkgMC45IDAuMDA5OTk5OTkgMkwwIDE0QzAgMTUuMSAwLjkgMTYgMiAxNkgxOEMxOS4xIDE2IDIwIDE1LjEgMjAgMTRWNEMyMCAyLjkgMTkuMSAyIDE4IDJaTTE4IDE0SDJWNEgxOFYxNFoiIC8+Cjwvc3ZnPgo=');
-  --str-chat__poll-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNiAwSDJDMC45IDAgMCAwLjkgMCAyVjE2QzAgMTcuMSAwLjkgMTggMiAxOEgxNkMxNy4xIDE4IDE4IDE3LjEgMTggMTZWMkMxOCAwLjkgMTcuMSAwIDE2IDBaTTE2IDE2SDJWMkgxNlYxNlpNNCA3SDZWMTRINFY3Wk04IDRIMTBWMTRIOFY0Wk0xMiAxMEgxNFYxNEgxMlYxMFoiLz4KPC9zdmc+');
-  --str-chat__location-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI1NS44NTYgMjU1Ljg1NiI+PHBhdGggZD0iTTEyNy45MjggMzguOGMtMzAuNzUgMC01NS43NjggMjUuMDE3LTU1Ljc2OCA1NS43NjdzMjUuMDE4IDU1Ljc2NyA1NS43NjggNTUuNzY3IDU1Ljc2OC0yNS4wMTcgNTUuNzY4LTU1Ljc2N1MxNTguNjc4IDM4LjggMTI3LjkyOCAzOC44em0wIDk2LjUzM2MtMjIuNDc5IDAtNDAuNzY4LTE4LjI4OC00MC43NjgtNDAuNzY3UzEwNS40NDkgNTMuOCAxMjcuOTI4IDUzLjhzNDAuNzY4IDE4LjI4OCA0MC43NjggNDAuNzY3LTE4LjI4OCA0MC43NjYtNDAuNzY4IDQwLjc2NnoiLz48cGF0aCBkPSJNMTI3LjkyOCAwQzc1Ljc4NCAwIDMzLjM2MiA0Mi40MjIgMzMuMzYyIDk0LjU2NmMwIDMwLjA3MiAyNS4yMiA3NC44NzUgNDAuMjUzIDk4LjkwNCA5Ljg5MSAxNS44MDkgMjAuNTIgMzAuODU1IDI5LjkyOCA0Mi4zNjUgMTUuMTAxIDE4LjQ3NCAyMC41MDYgMjAuMDIgMjQuMzg2IDIwLjAyIDMuOTM4IDAgOS4wNDEtMS41NDcgMjQuMDk1LTIwLjAzMSA5LjQyOS0xMS41NzkgMjAuMDYzLTI2LjYxNiAyOS45NDQtNDIuMzQyIDE1LjEzNi0yNC4wODggNDAuNTI3LTY4Ljk3MSA0MC41MjctOTguOTE3QzIyMi40OTUgNDIuNDIyIDE4MC4wNzMgMCAxMjcuOTI4IDB6bTQzLjY0MSAxODEuODAzYy0xOS4zOTYgMzEuNDgzLTM3LjIwMyA1Mi43NTctNDMuNzMgNTguMTg4LTYuNTYxLTUuMjY0LTI0LjA3OS0yNi4wMzItNDMuNzQ2LTU4LjA4OS0yMi43MDctMzcuMDE1LTM1LjczLTY4Ljg0OC0zNS43My04Ny4zMzZDNDguMzYyIDUwLjY5MyA4NC4wNTUgMTUgMTI3LjkyOCAxNXM3OS41NjYgMzUuNjkzIDc5LjU2NiA3OS41NjZjLjAwMSAxOC4zODItMTMuMDk0IDUwLjE3OC0zNS45MjUgODcuMjM3eiIvPjwvc3ZnPg==');
-  --str-chat__handle-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgNiIgZmlsbD0iY3VycmVuQ29sb3IiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMTYgMEgwVjJIMTZWMFpNMCA2SDE2VjRIMFY2WiIvPgo8L3N2Zz4K');
-  --str-chat__circle-stop-icon: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSI0IDQgMjggMjgiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjQ1NTEgMjcuMjQ0MUMyMi42MzA5IDI3LjI0NDEgMjcuNzQ0MSAyMi4xMTk4IDI3Ljc0NDEgMTUuOTU1MUMyNy43NDQxIDkuNzc5MyAyMi42MTk4IDQuNjY2MDIgMTYuNDQ0IDQuNjY2MDJDMTAuMjc5MyA0LjY2NjAyIDUuMTY2MDIgOS43NzkzIDUuMTY2MDIgMTUuOTU1MUM1LjE2NjAyIDIyLjExOTggMTAuMjkwNCAyNy4yNDQxIDE2LjQ1NTEgMjcuMjQ0MVpNMTYuNDU1MSAyNS4zNjI2QzExLjIzMTEgMjUuMzYyNiA3LjA1ODU5IDIxLjE3OSA3LjA1ODU5IDE1Ljk1NTFDNy4wNTg1OSAxMC43MzExIDExLjIyMDEgNi41NDc1MyAxNi40NDQgNi41NDc1M0MyMS42NjggNi41NDc1MyAyNS44NTE2IDEwLjczMTEgMjUuODYyNiAxNS45NTUxQzI1Ljg3MzcgMjEuMTc5IDIxLjY3OSAyNS4zNjI2IDE2LjQ1NTEgMjUuMzYyNlpNMTMuNTIyMSAxOS45ODM3SDE5LjM2NTlDMjAuMDYzMiAxOS45ODM3IDIwLjQ3MjcgMTkuNTc0MiAyMC40NzI3IDE4Ljg5OTFWMTMuMDExMUMyMC40NzI3IDEyLjMyNDkgMjAuMDYzMiAxMS45MjY0IDE5LjM2NTkgMTEuOTI2NEgxMy41MjIxQzEyLjgzNTkgMTEuOTI2NCAxMi40MTU0IDEyLjMyNDkgMTIuNDE1NCAxMy4wMTExVjE4Ljg5OTFDMTIuNDE1NCAxOS41NzQyIDEyLjgzNTkgMTkuOTgzNyAxMy41MjIxIDE5Ljk4MzdaIiBmaWxsPSIjMDA1ZmZmIi8+Cjwvc3ZnPg==');
-  --str-chat__magnifier-glass-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjEgMjEiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSAwQzEzLjk2OCAwIDE4IDQuMDMyIDE4IDlDMTggMTMuOTY4IDEzLjk2OCAxOCA5IDE4QzQuMDMyIDE4IDAgMTMuOTY4IDAgOUMwIDQuMDMyIDQuMDMyIDAgOSAwWk05IDE2QzEyLjg2NyAxNiAxNiAxMi44NjcgMTYgOUMxNiA1LjEzMiAxMi44NjcgMiA5IDJDNS4xMzIgMiAyIDUuMTMyIDIgOUMyIDEyLjg2NyA1LjEzMiAxNiA5IDE2Wk0yMC4zMTQgMTguODk5TDE3LjQ4NSAxNi4wNzFMMTYuMDcxIDE3LjQ4NUwxOC44OTkgMjAuMzE0TDIwLjMxNCAxOC44OTlaIi8+Cjwvc3ZnPgo=');
-  --str-chat__clear-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDEwQzAgNC40NzcxNSA0LjQ3NzE1IDAgMTAgMEMxNS41MjI4IDAgMjAgNC40NzcxNSAyMCAxMEMyMCAxNS41MjI4IDE1LjUyMjggMjAgMTAgMjBDNC40NzcxNSAyMCAwIDE1LjUyMjggMCAxMFpNMTAgMkM1LjU4MTcyIDIgMiA1LjU4MTcyIDIgMTBDMiAxNC40MTgzIDUuNTgxNzIgMTggMTAgMThDMTQuNDE4MyAxOCAxOCAxNC40MTgzIDE4IDEwQzE4IDUuNTgxNzIgMTQuNDE4MyAyIDEwIDJaTTEzLjUzNTggNi40NjQ0NkMxMy4xNDUzIDYuMDczOTQgMTIuNTEyMSA2LjA3Mzk0IDEyLjEyMTYgNi40NjQ0NkwxMC4wMDAzIDguNTg1NzhMNy44Nzg5OCA2LjQ2NDQ2QzcuNDg4NDYgNi4wNzM5NCA2Ljg1NTI5IDYuMDczOTQgNi40NjQ3NyA2LjQ2NDQ2QzYuMDc0MjQgNi44NTQ5OSA2LjA3NDI0IDcuNDg4MTUgNi40NjQ3NyA3Ljg3ODY4TDguNTg2MDkgMTBMNi40NjQ3NyAxMi4xMjEzQzYuMDc0MjQgMTIuNTExOCA2LjA3NDI0IDEzLjE0NSA2LjQ2NDc3IDEzLjUzNTVDNi44NTUyOSAxMy45MjYxIDcuNDg4NDYgMTMuOTI2MSA3Ljg3ODk4IDEzLjUzNTVMMTAuMDAwMyAxMS40MTQyTDEyLjEyMTYgMTMuNTM1NUMxMi41MTIxIDEzLjkyNjEgMTMuMTQ1MyAxMy45MjYxIDEzLjUzNTggMTMuNTM1NUMxMy45MjY0IDEzLjE0NSAxMy45MjY0IDEyLjUxMTggMTMuNTM1OCAxMi4xMjEzTDExLjQxNDUgMTBMMTMuNTM1OCA3Ljg3ODY4QzEzLjkyNjQgNy40ODgxNSAxMy45MjY0IDYuODU0OTkgMTMuNTM1OCA2LjQ2NDQ2WiIvPgo8L3N2Zz4K');
-}
-
-@font-face {
-  font-family: 'stream-chat-icons';
-  src: url('#{variables.$assetsPath}/icons/stream-chat-icons.eot');
-  src: url('#{variables.$assetsPath}/icons/stream-chat-icons.eot#iefix') format('embedded-opentype'),
-    url('#{variables.$assetsPath}/icons/stream-chat-icons.woff') format('woff2'),
-    url('#{variables.$assetsPath}/icons/stream-chat-icons.woff') format('woff'),
-    url('#{variables.$assetsPath}/icons/stream-chat-icons.ttf') format('truetype'),
-    url('#{variables.$assetsPath}/icons/stream-chat-icons.svg#stream-chat-icons') format('svg');
-  font-weight: normal;
-  font-style: normal;
-}
-/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
-/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
-  @font-face {
-    font-family: 'stream-chat-icons';
-    src: url('#{variables.$assetsPath}/icons/stream-chat-icons.svg#stream-chat-icons') format('svg');
-  }
-}

package/dist/scss/v2/_palette-variables.scss

@@ -1,55 +0,0 @@
-.str-chat {
-  --str-chat__blue950: #001333;
-  --str-chat__blue900: #00163d;
-  --str-chat__blue800: #002666;
-  --str-chat__blue700: #003999;
-  --str-chat__blue600: #004ccc;
-  --str-chat__blue500: #005fff;
-  --str-chat__blue400: #337eff;
-  --str-chat__blue300: #669fff;
-  --str-chat__blue200: #ccdfff;
-  --str-chat__blue100: #e0f0ff;
-  --str-chat__blue50: #ebf5ff;
-
-  --str-chat__grey950: #080707;
-  --str-chat__grey900: #17191c;
-  --str-chat__grey800: #1c1e22;
-  --str-chat__grey700: #272a30;
-  --str-chat__grey600: #4c525c;
-  --str-chat__grey500: #72767e;
-  --str-chat__grey400: #b4b7bb;
-  --str-chat__grey300: #dbdde1;
-  --str-chat__grey200: #e9eaed;
-  --str-chat__grey100: #f4f4f5;
-  --str-chat__grey50: #ffffff;
-
-  --str-chat__red900: #330003;
-  --str-chat__red800: #660006;
-  --str-chat__red700: #990008;
-  --str-chat__red600: #cc000b;
-  --str-chat__red500: #ff000e;
-  --str-chat__red400: #ff3742;
-  --str-chat__red300: #ff666e;
-  --str-chat__red200: #ff999f;
-  --str-chat__red100: #ffe5e7;
-
-  --str-chat__green900: #062d16;
-  --str-chat__green800: #0d592c;
-  --str-chat__green700: #138643;
-  --str-chat__green600: #19b359;
-  --str-chat__green500: #20e070;
-  --str-chat__green400: #4ce68c;
-  --str-chat__green300: #79eca9;
-  --str-chat__green200: #a6f2c6;
-  --str-chat__green100: #e9f1ff;
-
-  --str-chat__yellow900: #332500;
-  --str-chat__yellow800: #664900;
-  --str-chat__yellow700: #996e00;
-  --str-chat__yellow600: #cc9200;
-  --str-chat__yellow500: #ffb700;
-  --str-chat__yellow400: #ffd466;
-  --str-chat__yellow300: #ffe299;
-  --str-chat__yellow200: #fff1cc;
-  --str-chat__yellow100: #fff8e5;
-}

package/dist/scss/v2/_utils.scss

@@ -1,212 +0,0 @@
-@mixin flex-row-center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-@mixin flex-top-right {
-  display: flex;
-  align-items: flex-start;
-  justify-content: flex-end;
-}
-
-@mixin flex-col-center {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-@mixin ellipsis-text-parent {
-  overflow-y: visible;
-  // Not every browser support clip overflow, so hidden is defined as a fallback
-  overflow-x: hidden;
-  overflow-x: clip;
-  min-width: 0;
-}
-
-@mixin ellipsis-text {
-  white-space: nowrap;
-  overflow-y: visible;
-  // Not every browser support clip overflow, so hidden is defined as a fallback
-  overflow-x: hidden;
-  overflow-x: clip;
-  text-overflow: ellipsis;
-}
-
-@mixin prevent-glitch-text-overflow {
-  // Prevent glitch text from overflowing. See the generator: https://lingojam.com/GlitchTextGenerator
-  overflow-y: hidden;
-}
-
-@mixin scrollable {
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-
-@mixin unset-button($outline-radius: var(--str-chat__border-radius-circle)) {
-  padding: unset;
-  background: unset;
-  border: unset;
-  border-radius: $outline-radius;
-}
-
-@mixin component-layer-overrides($component-name, $important: '') {
-  background: var(--str-chat__#{$component-name}-background-color) #{$important};
-  color: var(--str-chat__#{$component-name}-color) #{$important};
-  box-shadow: var(--str-chat__#{$component-name}-box-shadow) #{$important};
-  border-radius: var(--str-chat__#{$component-name}-border-radius) #{$important};
-  border-block-start: var(--str-chat__#{$component-name}-border-block-start) #{$important};
-  border-block-end: var(--str-chat__#{$component-name}-border-block-end) #{$important};
-  border-inline-start: var(--str-chat__#{$component-name}-border-inline-start) #{$important};
-  border-inline-end: var(--str-chat__#{$component-name}-border-inline-end) #{$important};
-}
-
-@mixin button-reset {
-  background: none;
-  border: none;
-}
-
-@mixin cta-button-overrides($component-name) {
-  &:active {
-    background-color: var(--str-chat__#{$component-name}-pressed-background-color);
-  }
-
-  &:disabled {
-    background-color: var(--str-chat__#{$component-name}-disabled-background-color);
-    color: var(--str-chat__#{$component-name}-disabled-color);
-  }
-}
-
-@mixin circle-fab-overrides($component-name) {
-  svg path {
-    fill: var(--str-chat__#{$component-name}-color);
-  }
-
-  &:active {
-    background-color: var(--str-chat__#{$component-name}-pressed-background-color);
-  }
-}
-
-@mixin header-layout {
-  display: flex;
-  padding: var(--str-chat__spacing-2);
-  column-gap: var(--str-chat__spacing-4);
-  align-items: center;
-}
-
-@mixin header-text-layout {
-  display: flex;
-  flex-direction: column;
-  overflow-y: hidden; // for Edge
-  overflow-x: hidden; // for ellipsis text
-  flex: 1;
-  row-gap: var(--str-chat__spacing-1_5);
-}
-
-@mixin empty-layout {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: var(--str-chat__spacing-4);
-
-  svg {
-    width: calc(var(--str-chat__spacing-px) * 136);
-    height: calc(var(--str-chat__spacing-px) * 136);
-  }
-}
-
-@mixin empty-theme($component-name) {
-  font: var(--str-chat__headline-text);
-  text-align: center;
-
-  svg path {
-    fill: var(--str-chat__#{$component-name}-empty-indicator-color);
-  }
-}
-
-@mixin message-list-spacing {
-  $spacing: var(--str-chat__spacing-2);
-  padding: 0 $spacing;
-
-  // Need this trick to be able to apply full-width background color on hover to messages / full-width separator to thread header
-  .str-chat__li {
-    margin-inline: calc(-1 * #{$spacing});
-    padding-inline: $spacing;
-  }
-
-  .str-chat__parent-message-li {
-    margin-inline: calc(-1 * #{$spacing});
-  }
-
-  @media only screen and (min-device-width: 768px) {
-    $spacing: min(var(--str-chat__spacing-10), 4%);
-
-    padding: 0 $spacing;
-
-    .str-chat__li {
-      margin-inline: calc(-1 * #{$spacing});
-      padding-inline: $spacing;
-    }
-
-    .str-chat__parent-message-li {
-      margin-inline: calc(-1 * #{$spacing} - 2px);
-    }
-  }
-}
-
-@mixin loading-item-background($component-name) {
-  background-image: linear-gradient(
-    -90deg,
-    var(--str-chat__#{$component-name}-loading-state-color) 0%,
-    var(--str-chat__#{$component-name}-loading-state-color) 100%
-  );
-}
-
-@mixin loading-animation {
-  animation: pulsate 1s linear 0s infinite alternate;
-
-  &:nth-of-type(2) {
-    animation: pulsate 1s linear 0.3334s infinite alternate;
-  }
-
-  &:last-of-type {
-    animation: pulsate 1s linear 0.6667s infinite alternate;
-  }
-
-  @keyframes pulsate {
-    from {
-      opacity: 0.5;
-    }
-
-    to {
-      opacity: 1;
-    }
-  }
-}
-
-@mixin channel-preview-display-name-theme {
-  font: var(--str-chat__subtitle-medium-text);
-}
-
-@mixin clamped-height-from-original-image-dimensions($max-height-css-var, $max-width-css-var) {
-  height: min(
-    var(#{$max-height-css-var}),
-    min(var(#{$max-width-css-var}, 1000000) / var(--original-width, 1000000), 1px) *
-      var(--original-height, 1000000)
-  );
-}
-
-@mixin apply-mask-image($imageDataUrl, $fill, $size) {
-  mask-image: $imageDataUrl;
-  -webkit-mask-image: $imageDataUrl;
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-position: center;
-  -webkit-mask-position: center;
-  mask-size: $size;
-  -webkit-mask-size: $size;
-  background-color: $fill;
-}

package/dist/scss/v2/_variables.scss

@@ -1,2 +0,0 @@
-/* declare asset path, useful if you want to create your own style bundle */
-$assetsPath: '../../assets' !default;

package/dist/scss/v2/common/CTAButton/CTAButton-layout.scss

@@ -1,4 +0,0 @@
-.str-chat__cta-button {
-  padding: var(--str-chat__spacing-3_5) var(--str-chat__spacing-6);
-  cursor: pointer;
-}

package/dist/scss/v2/common/CTAButton/CTAButton-theme.scss

@@ -1,42 +0,0 @@
-@use '../../utils';
-
-.str-chat {
-  /* The border radius used for the borders of the component */
-  --str-chat__cta-button-border-radius: var(--str-chat__border-radius-xs);
-
-  /* The text/icon color of the component */
-  --str-chat__cta-button-color: var(--str-chat__on-primary-color);
-
-  /* The background color of the component */
-  --str-chat__cta-button-background-color: var(--str-chat__primary-color);
-
-  /* Top border of the component */
-  --str-chat__cta-button-border-block-start: none;
-
-  /* Bottom border of the component */
-  --str-chat__cta-button-border-block-end: none;
-
-  /* Left (right in RTL layout) border of the component */
-  --str-chat__cta-button-border-inline-start: none;
-
-  /* Right (left in RTL layout) border of the component */
-  --str-chat__cta-button-border-inline-end: none;
-
-  /* Box shadow applied to the component */
-  --str-chat__cta-button-box-shadow: none;
-
-  /* The background color of the component in pressed state */
-  --str-chat__cta-button-pressed-background-color: var(--str-chat__active-primary-color);
-
-  /* The background color of the component in disabled state */
-  --str-chat__cta-button-disabled-background-color: var(--str-chat__disabled-color);
-
-  /* The text/icon color of the component in disabled state */
-  --str-chat__cta-button-disabled-color: var(--str-chat__on-disabled-color);
-}
-
-.str-chat__cta-button {
-  @include utils.component-layer-overrides('cta-button');
-  @include utils.cta-button-overrides('cta-button');
-  font: var(--str-chat__subtitle-text);
-}

package/dist/scss/v2/common/CircleFAButton/CircleFAButton-layout.scss

@@ -1,14 +0,0 @@
-.str-chat__circle-fab {
-  width: calc(var(--str-chat__spacing-px) * 42);
-  height: calc(var(--str-chat__spacing-px) * 42);
-  padding: 0;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  .str-chat__circle-fab-icon {
-    display: inline-block;
-    height: calc(var(--str-chat__spacing-px) * 24);
-  }
-}

package/dist/scss/v2/common/CircleFAButton/CircleFAButton-theme.scss

@@ -1,35 +0,0 @@
-@use '../../utils';
-
-.str-chat {
-  /* The border radius used for the borders of the component */
-  --str-chat__circle-fab-border-radius: var(--str-chat__border-radius-circle);
-
-  /* The text/icon color of the component */
-  --str-chat__circle-fab-color: var(--str-chat__primary-color);
-
-  /* The background color of the component */
-  --str-chat__circle-fab-background-color: var(--str-chat__secondary-background-color);
-
-  /* The background color of the component in pressed state */
-  --str-chat__circle-fab-pressed-background-color: var(--str-chat__surface-color);
-
-  /* Box shadow applied to the component */
-  --str-chat__circle-fab-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
-
-  /* Top border of the component */
-  --str-chat__circle-fab-border-block-start: none;
-
-  /* Bottom border of the component */
-  --str-chat__circle-fab-border-block-end: none;
-
-  /* Left (right in RTL layout) border of the component */
-  --str-chat__circle-fab-border-inline-start: none;
-
-  /* Right (left in RTL layout) border of the component */
-  --str-chat__circle-fab-border-inline-end: none;
-}
-
-.str-chat__circle-fab {
-  @include utils.component-layer-overrides('circle-fab');
-  @include utils.circle-fab-overrides('circle-fab');
-}

package/dist/scss/v2/index.layout.scss

@@ -1,49 +0,0 @@
-@use 'base';
-@use 'global-layout-variables';
-@use 'icons';
-
-@use 'Avatar/Avatar-layout';
-@use 'AttachmentList/AttachmentList-layout';
-@use 'AttachmentPreviewList/AttachmentPreviewList-layout';
-@use 'Autocomplete/Autocomplete-layout';
-@use 'AudioRecorder/AudioRecorder-layout';
-@use 'BaseImage/BaseImage-layout';
-@use 'Channel/Channel-layout';
-@use 'ChannelHeader/ChannelHeader-layout';
-@use 'ChannelList/ChannelList-layout';
-@use 'ChannelPreview/ChannelPreview-layout';
-@use 'ChannelSearch/ChannelSearch-layout';
-@use 'common/CTAButton/CTAButton-layout';
-@use 'common/CircleFAButton/CircleFAButton-layout';
-@use 'Dialog/Dialog-layout';
-@use 'DragAndDropContainer/DragAndDropContainer-layout';
-@use 'DropzoneContainer/DropzoneContainer-layout';
-@use 'EditMessageForm/EditMessageForm-layout';
-@use 'Form/Form-layout';
-@use 'ImageCarousel/ImageCarousel-layout';
-@use 'Icon/Icon-layout';
-@use 'InfiniteScrollPaginator/InfiniteScrollPaginator-layout';
-@use 'LinkPreview/LinkPreview-layout';
-@use 'LoadingIndicator/LoadingIndicator-layout';
-@use 'Location/Location-layout';
-@use 'Message/Message-layout';
-@use 'MessageActionsBox/MessageActionsBox-layout';
-@use 'MessageBouncePrompt/MessageBouncePrompt-layout';
-@use 'MessageInput/MessageInput-layout';
-@use 'MessageList/MessageList-layout';
-@use 'MessageList/VirtualizedMessageList-layout';
-@use 'MessageReactions/MessageReactions-layout';
-@use 'MessageReactions/MessageReactionsSelector-layout';
-@use 'Modal/Modal-layout';
-@use 'Notification/MessageNotification-layout';
-@use 'Notification/NotificationList-layout';
-@use 'Notification/Notification-layout';
-@use 'Poll/Poll-layout';
-@use 'Search/Search-layout';
-@use 'Thread/Thread-layout';
-@use 'Tooltip/Tooltip-layout';
-@use 'TypingIndicator/TypingIndicator-layout';
-@use 'ThreadList/ThreadList-layout';
-@use 'ChatView/ChatView-layout';
-@use 'UnreadCountBadge/UnreadCountBadge-layout';
-@use 'AIStateIndicator/AIStateIndicator-layout';

package/dist/scss/v2/index.scss

@@ -1,50 +0,0 @@
-@use 'index.layout.scss';
-@use 'palette-variables';
-@use 'global-theme-variables';
-
-@use 'vendor/react-image-gallery';
-
-@use 'common/CTAButton/CTAButton-theme';
-@use 'common/CircleFAButton/CircleFAButton-theme';
-@use 'Avatar/Avatar-theme';
-@use 'AttachmentList/AttachmentList-theme';
-@use 'AttachmentPreviewList/AttachmentPreviewList-theme';
-@use 'AudioRecorder/AudioRecorder-theme';
-@use 'Autocomplete/Autocomplete-theme';
-@use 'BaseImage/BaseImage-theme';
-@use 'Channel/Channel-theme.scss';
-@use 'ChannelHeader/ChannelHeader-theme';
-@use 'ChannelList/ChannelList-theme';
-@use 'ChannelPreview/ChannelPreview-theme';
-@use 'ChannelSearch/ChannelSearch-theme';
-@use 'Dialog/Dialog-theme';
-@use 'DragAndDropContainer/DragAndDropContainer-theme';
-@use 'DropzoneContainer/DropzoneContainer-theme';
-@use 'EditMessageForm/EditMessageForm-theme';
-@use 'Form/Form-theme';
-@use 'Icon/Icon-theme';
-@use 'ImageCarousel/ImageCarousel-theme';
-@use 'LinkPreview/LinkPreview-theme';
-@use 'LoadingIndicator/LoadingIndicator-theme';
-@use 'Location/Location-theme';
-@use 'Message/Message-theme';
-@use 'MessageActionsBox/MessageActionsBox-theme';
-@use 'MessageBouncePrompt/MessageBouncePrompt-theme';
-@use 'MessageInput/MessageInput-theme';
-@use 'MessageList/MessageList-theme';
-@use 'MessageList/VirtualizedMessageList-theme';
-@use 'MessageReactions/MessageReactions-theme';
-@use 'MessageReactions/MessageReactionsSelector-theme';
-@use 'Modal/Modal-theme';
-@use 'Notification/MessageNotification-theme';
-@use 'Notification/NotificationList-theme';
-@use 'Notification/Notification-theme';
-@use 'Poll/Poll-theme';
-@use 'Search/Search-theme';
-@use 'Thread/Thread-theme';
-@use 'Tooltip/Tooltip-theme';
-@use 'TypingIndicator/TypingIndicator-theme';
-@use 'ThreadList/ThreadList-theme';
-@use 'ChatView/ChatView-theme';
-@use 'UnreadCountBadge/UnreadCountBadge-theme';
-@use 'AIStateIndicator/AIStateIndicator-theme';