From e9a1039beefbe583cc6596f3027e942edeebc825 Mon Sep 17 00:00:00 2001 From: Anton Arnautov Date: Fri, 9 Jan 2026 11:05:10 +0100 Subject: [PATCH 1/2] Initial commit --- examples/vite/src/index.scss | 2 + package.json | 9 ++- src/styling/index.scss | 1 + yarn.lock | 132 +++++++++++++++++++++++++++++++++-- 4 files changed, 135 insertions(+), 9 deletions(-) create mode 100644 src/styling/index.scss diff --git a/examples/vite/src/index.scss b/examples/vite/src/index.scss index 248d22a44..8c7e99a4b 100644 --- a/examples/vite/src/index.scss +++ b/examples/vite/src/index.scss @@ -1,6 +1,8 @@ @layer stream, stream-overrides; @import url('stream-chat-react/dist/css/v2/index.css') layer(stream); +// v3 CSS import +@import url('stream-chat-react/dist/css/index.css'); :root { font-synthesis: none; diff --git a/package.json b/package.json index dfb3296ac..717029b67 100644 --- a/package.json +++ b/package.json @@ -95,6 +95,7 @@ "lodash.mergewith": "^4.6.2", "lodash.throttle": "^4.1.1", "lodash.uniqby": "^4.7.0", + "modern-normalize": "^3.0.1", "nanoid": "^3.3.4", "react-dropzone": "^14.2.3", "react-fast-compare": "^3.2.2", @@ -141,7 +142,6 @@ "README.md" ], "devDependencies": { - "vite": "^7.3.0", "@axe-core/react": "^4.3.2", "@babel/cli": "^7.12.8", "@babel/core": "^7.12.9", @@ -212,15 +212,18 @@ "prettier": "^3.5.3", "react": "^19.0.0", "react-dom": "^19.0.0", + "sass": "^1.97.2", "semantic-release": "^25.0.2", "stream-chat": "^9.27.2", "ts-jest": "^29.2.5", "typescript": "^5.4.5", - "typescript-eslint": "^8.17.0" + "typescript-eslint": "^8.17.0", + "vite": "^7.3.0" }, "scripts": { "clean": "rm -rf dist", - "build": "yarn clean && concurrently './scripts/copy-css.sh' 'yarn build-translations' 'vite build' 'tsc --project tsconfig.lib.json'", + "build": "yarn clean && concurrently './scripts/copy-css.sh' 'yarn build-translations' 'vite build' 'tsc --project tsconfig.lib.json' 'yarn build-styling'", + "build-styling": "sass src/styling/index.scss dist/css/index.css", "build-translations": "i18next-cli extract", "coverage": "jest --collectCoverage && codecov", "lint": "yarn prettier --list-different && yarn eslint && yarn validate-translations", diff --git a/src/styling/index.scss b/src/styling/index.scss new file mode 100644 index 000000000..c54a025d6 --- /dev/null +++ b/src/styling/index.scss @@ -0,0 +1 @@ +@import 'modern-normalize' layer(css-reset); diff --git a/yarn.lock b/yarn.lock index 9f18bc42c..e525c10b4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2667,6 +2667,95 @@ dependencies: "@octokit/openapi-types" "^27.0.0" +"@parcel/watcher-android-arm64@2.5.1": + version "2.5.1" + resolved "https://registry.yarnpkg.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz#507f836d7e2042f798c7d07ad19c3546f9848ac1" + integrity sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA== + +"@parcel/watcher-darwin-arm64@2.5.1": + version "2.5.1" + resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz#3d26dce38de6590ef79c47ec2c55793c06ad4f67" + integrity sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw== + +"@parcel/watcher-darwin-x64@2.5.1": + version "2.5.1" + resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz#99f3af3869069ccf774e4ddfccf7e64fd2311ef8" + integrity sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg== + +"@parcel/watcher-freebsd-x64@2.5.1": + version "2.5.1" + resolved "https://registry.yarnpkg.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz#14d6857741a9f51dfe51d5b08b7c8afdbc73ad9b" + integrity sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ== + +"@parcel/watcher-linux-arm-glibc@2.5.1": + version "2.5.1" + resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz#43c3246d6892381db473bb4f663229ad20b609a1" + integrity sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA== + +"@parcel/watcher-linux-arm-musl@2.5.1": + version "2.5.1" + resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz#663750f7090bb6278d2210de643eb8a3f780d08e" + integrity sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q== + +"@parcel/watcher-linux-arm64-glibc@2.5.1": + version "2.5.1" + resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz#ba60e1f56977f7e47cd7e31ad65d15fdcbd07e30" + integrity sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w== + +"@parcel/watcher-linux-arm64-musl@2.5.1": + version "2.5.1" + resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz#f7fbcdff2f04c526f96eac01f97419a6a99855d2" + integrity sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg== + +"@parcel/watcher-linux-x64-glibc@2.5.1": + version "2.5.1" + resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz#4d2ea0f633eb1917d83d483392ce6181b6a92e4e" + integrity sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A== + +"@parcel/watcher-linux-x64-musl@2.5.1": + version "2.5.1" + resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz#277b346b05db54f55657301dd77bdf99d63606ee" + integrity sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg== + +"@parcel/watcher-win32-arm64@2.5.1": + version "2.5.1" + resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz#7e9e02a26784d47503de1d10e8eab6cceb524243" + integrity sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw== + +"@parcel/watcher-win32-ia32@2.5.1": + version "2.5.1" + resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz#2d0f94fa59a873cdc584bf7f6b1dc628ddf976e6" + integrity sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ== + +"@parcel/watcher-win32-x64@2.5.1": + version "2.5.1" + resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz#ae52693259664ba6f2228fa61d7ee44b64ea0947" + integrity sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA== + +"@parcel/watcher@^2.4.1": + version "2.5.1" + resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-2.5.1.tgz#342507a9cfaaf172479a882309def1e991fb1200" + integrity sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg== + dependencies: + detect-libc "^1.0.3" + is-glob "^4.0.3" + micromatch "^4.0.5" + node-addon-api "^7.0.0" + optionalDependencies: + "@parcel/watcher-android-arm64" "2.5.1" + "@parcel/watcher-darwin-arm64" "2.5.1" + "@parcel/watcher-darwin-x64" "2.5.1" + "@parcel/watcher-freebsd-x64" "2.5.1" + "@parcel/watcher-linux-arm-glibc" "2.5.1" + "@parcel/watcher-linux-arm-musl" "2.5.1" + "@parcel/watcher-linux-arm64-glibc" "2.5.1" + "@parcel/watcher-linux-arm64-musl" "2.5.1" + "@parcel/watcher-linux-x64-glibc" "2.5.1" + "@parcel/watcher-linux-x64-musl" "2.5.1" + "@parcel/watcher-win32-arm64" "2.5.1" + "@parcel/watcher-win32-ia32" "2.5.1" + "@parcel/watcher-win32-x64" "2.5.1" + "@pkgjs/parseargs@^0.11.0": version "0.11.0" resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33" @@ -4760,7 +4849,7 @@ chardet@^2.1.1: resolved "https://registry.yarnpkg.com/chardet/-/chardet-2.1.1.tgz#5c75593704a642f71ee53717df234031e65373c8" integrity sha512-PsezH1rqdV9VvyNhxxOW32/d75r01NY7TQCmOqomRo15ZSOKbpTFVsfjghxo6JloQUCGnH4k1LGu0R4yCLlWQQ== -chokidar@4.0.3: +chokidar@4.0.3, chokidar@^4.0.0: version "4.0.3" resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-4.0.3.tgz#7be37a4c03c9aee1ecfe862a4a23b2c70c205d30" integrity sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA== @@ -5535,6 +5624,11 @@ destroy@1.2.0: resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015" integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg== +detect-libc@^1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b" + integrity sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg== + detect-newline@^3.0.0: version "3.1.0" resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651" @@ -7445,6 +7539,11 @@ ignore@^5.2.0, ignore@^5.3.1: resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5" integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g== +immutable@^5.0.2: + version "5.1.4" + resolved "https://registry.yarnpkg.com/immutable/-/immutable-5.1.4.tgz#e3f8c1fe7b567d56cf26698f31918c241dae8c1f" + integrity sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA== + import-fresh@^3.0.0, import-fresh@^3.2.1, import-fresh@^3.3.0: version "3.3.0" resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b" @@ -10053,6 +10152,11 @@ mkdirp@^3.0.1: resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-3.0.1.tgz#e44e4c5607fb279c168241713cc6e0fea9adcb50" integrity sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg== +modern-normalize@^3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/modern-normalize/-/modern-normalize-3.0.1.tgz#4e2dc8da282ab854d53d70d7155a8027f59fbed6" + integrity sha512-VqlMdYi59Uch6fnUPxnpijWUQe+TW6zeWCvyr6Mb7JibheHzSuAAoJi2c71ZwIaWKpECpGpYHoaaBp6rBRr+/g== + moment-timezone@^0.5.43: version "0.5.43" resolved "https://registry.yarnpkg.com/moment-timezone/-/moment-timezone-0.5.43.tgz#3dd7f3d0c67f78c23cd1906b9b2137a09b3c4790" @@ -10156,6 +10260,11 @@ nerf-dart@^1.0.0: resolved "https://registry.yarnpkg.com/nerf-dart/-/nerf-dart-1.0.0.tgz#e6dab7febf5ad816ea81cf5c629c5a0ebde72c1a" integrity sha512-EZSPZB70jiVsivaBLYDCyntd5eH8NTSMOn3rB+HxwdmKThGELLdYv8qVIMWvZEFy9w8ZZpW9h9OB32l1rGtj7g== +node-addon-api@^7.0.0: + version "7.1.1" + resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-7.1.1.tgz#1aba6693b0f255258a049d621329329322aad558" + integrity sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ== + node-emoji@^2.2.0: version "2.2.0" resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-2.2.0.tgz#1d000e3c76e462577895be1b436f4aa2d6760eb0" @@ -11930,6 +12039,17 @@ safe-regex@^1.1.0: resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a" integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg== +sass@^1.97.2: + version "1.97.2" + resolved "https://registry.yarnpkg.com/sass/-/sass-1.97.2.tgz#e515a319092fd2c3b015228e3094b40198bff0da" + integrity sha512-y5LWb0IlbO4e97Zr7c3mlpabcbBtS+ieiZ9iwDooShpFKWXf62zz5pEPdwrLYm+Bxn1fnbwFGzHuCLSA9tBmrw== + dependencies: + chokidar "^4.0.0" + immutable "^5.0.2" + source-map-js ">=0.6.2 <2.0.0" + optionalDependencies: + "@parcel/watcher" "^2.4.1" + saxes@^6.0.0: version "6.0.0" resolved "https://registry.yarnpkg.com/saxes/-/saxes-6.0.0.tgz#fe5b4a4768df4f14a201b1ba6a65c1f3d9988cc5" @@ -12279,16 +12399,16 @@ socks@^2.8.3: ip-address "^9.0.5" smart-buffer "^4.2.0" +"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.2.1: + version "1.2.1" + resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46" + integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA== + source-map-js@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw== -source-map-js@^1.2.1: - version "1.2.1" - resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46" - integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA== - source-map-resolve@^0.5.0: version "0.5.3" resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a" From f6928a4dc9eeedbf8a07668fe495bbe960e92fba Mon Sep 17 00:00:00 2001 From: Anton Arnautov Date: Mon, 12 Jan 2026 12:50:53 +0100 Subject: [PATCH 2/2] Split imports for easier dev work --- examples/vite/src/index.scss | 4 +- examples/vite/src/stream-imports-layout.scss | 49 ++++++++++++++++++++ examples/vite/src/stream-imports-theme.scss | 49 ++++++++++++++++++++ 3 files changed, 101 insertions(+), 1 deletion(-) create mode 100644 examples/vite/src/stream-imports-layout.scss create mode 100644 examples/vite/src/stream-imports-theme.scss diff --git a/examples/vite/src/index.scss b/examples/vite/src/index.scss index 8c7e99a4b..0cd8e333f 100644 --- a/examples/vite/src/index.scss +++ b/examples/vite/src/index.scss @@ -1,6 +1,8 @@ @layer stream, stream-overrides; -@import url('stream-chat-react/dist/css/v2/index.css') layer(stream); +@import url('./stream-imports-theme.scss') layer(stream); +@import url('./stream-imports-layout.scss') layer(stream); + // v3 CSS import @import url('stream-chat-react/dist/css/index.css'); diff --git a/examples/vite/src/stream-imports-layout.scss b/examples/vite/src/stream-imports-layout.scss new file mode 100644 index 000000000..f0e79f351 --- /dev/null +++ b/examples/vite/src/stream-imports-layout.scss @@ -0,0 +1,49 @@ +@use 'stream-chat-react/dist/scss/v2/base'; +@use 'stream-chat-react/dist/scss/v2/global-layout-variables'; +@use 'stream-chat-react/dist/scss/v2/icons'; + +@use 'stream-chat-react/dist/scss/v2/Avatar/Avatar-layout'; +@use 'stream-chat-react/dist/scss/v2/AttachmentList/AttachmentList-layout'; +@use 'stream-chat-react/dist/scss/v2/AttachmentPreviewList/AttachmentPreviewList-layout'; +@use 'stream-chat-react/dist/scss/v2/Autocomplete/Autocomplete-layout'; +@use 'stream-chat-react/dist/scss/v2/AudioRecorder/AudioRecorder-layout'; +@use 'stream-chat-react/dist/scss/v2/BaseImage/BaseImage-layout'; +@use 'stream-chat-react/dist/scss/v2/Channel/Channel-layout'; +@use 'stream-chat-react/dist/scss/v2/ChannelHeader/ChannelHeader-layout'; +@use 'stream-chat-react/dist/scss/v2/ChannelList/ChannelList-layout'; +@use 'stream-chat-react/dist/scss/v2/ChannelPreview/ChannelPreview-layout'; +@use 'stream-chat-react/dist/scss/v2/ChannelSearch/ChannelSearch-layout'; +@use 'stream-chat-react/dist/scss/v2/common/CTAButton/CTAButton-layout'; +@use 'stream-chat-react/dist/scss/v2/common/CircleFAButton/CircleFAButton-layout'; +@use 'stream-chat-react/dist/scss/v2/Dialog/Dialog-layout'; +@use 'stream-chat-react/dist/scss/v2/DragAndDropContainer/DragAndDropContainer-layout'; +@use 'stream-chat-react/dist/scss/v2/DropzoneContainer/DropzoneContainer-layout'; +@use 'stream-chat-react/dist/scss/v2/EditMessageForm/EditMessageForm-layout'; +@use 'stream-chat-react/dist/scss/v2/Form/Form-layout'; +@use 'stream-chat-react/dist/scss/v2/ImageCarousel/ImageCarousel-layout'; +@use 'stream-chat-react/dist/scss/v2/Icon/Icon-layout'; +@use 'stream-chat-react/dist/scss/v2/InfiniteScrollPaginator/InfiniteScrollPaginator-layout'; +@use 'stream-chat-react/dist/scss/v2/LinkPreview/LinkPreview-layout'; +@use 'stream-chat-react/dist/scss/v2/LoadingIndicator/LoadingIndicator-layout'; +@use 'stream-chat-react/dist/scss/v2/Location/Location-layout'; +@use 'stream-chat-react/dist/scss/v2/Message/Message-layout'; +@use 'stream-chat-react/dist/scss/v2/MessageActionsBox/MessageActionsBox-layout'; +@use 'stream-chat-react/dist/scss/v2/MessageBouncePrompt/MessageBouncePrompt-layout'; +@use 'stream-chat-react/dist/scss/v2/MessageInput/MessageInput-layout'; +@use 'stream-chat-react/dist/scss/v2/MessageList/MessageList-layout'; +@use 'stream-chat-react/dist/scss/v2/MessageList/VirtualizedMessageList-layout'; +@use 'stream-chat-react/dist/scss/v2/MessageReactions/MessageReactions-layout'; +@use 'stream-chat-react/dist/scss/v2/MessageReactions/MessageReactionsSelector-layout'; +@use 'stream-chat-react/dist/scss/v2/Modal/Modal-layout'; +@use 'stream-chat-react/dist/scss/v2/Notification/MessageNotification-layout'; +@use 'stream-chat-react/dist/scss/v2/Notification/NotificationList-layout'; +@use 'stream-chat-react/dist/scss/v2/Notification/Notification-layout'; +@use 'stream-chat-react/dist/scss/v2/Poll/Poll-layout'; +@use 'stream-chat-react/dist/scss/v2/Search/Search-layout'; +@use 'stream-chat-react/dist/scss/v2/Thread/Thread-layout'; +@use 'stream-chat-react/dist/scss/v2/Tooltip/Tooltip-layout'; +@use 'stream-chat-react/dist/scss/v2/TypingIndicator/TypingIndicator-layout'; +@use 'stream-chat-react/dist/scss/v2/ThreadList/ThreadList-layout'; +@use 'stream-chat-react/dist/scss/v2/ChatView/ChatView-layout'; +@use 'stream-chat-react/dist/scss/v2/UnreadCountBadge/UnreadCountBadge-layout'; +@use 'stream-chat-react/dist/scss/v2/AIStateIndicator/AIStateIndicator-layout'; diff --git a/examples/vite/src/stream-imports-theme.scss b/examples/vite/src/stream-imports-theme.scss new file mode 100644 index 000000000..d68ff407e --- /dev/null +++ b/examples/vite/src/stream-imports-theme.scss @@ -0,0 +1,49 @@ +@use 'stream-chat-react/dist/scss/v2/palette-variables'; +@use 'stream-chat-react/dist/scss/v2/global-theme-variables'; + +@use 'stream-chat-react/dist/scss/v2/vendor/react-image-gallery'; + +@use 'stream-chat-react/dist/scss/v2/common/CTAButton/CTAButton-theme'; +@use 'stream-chat-react/dist/scss/v2/common/CircleFAButton/CircleFAButton-theme'; +@use 'stream-chat-react/dist/scss/v2/Avatar/Avatar-theme'; +@use 'stream-chat-react/dist/scss/v2/AttachmentList/AttachmentList-theme'; +@use 'stream-chat-react/dist/scss/v2/AttachmentPreviewList/AttachmentPreviewList-theme'; +@use 'stream-chat-react/dist/scss/v2/AudioRecorder/AudioRecorder-theme'; +@use 'stream-chat-react/dist/scss/v2/Autocomplete/Autocomplete-theme'; +@use 'stream-chat-react/dist/scss/v2/BaseImage/BaseImage-theme'; +@use 'stream-chat-react/dist/scss/v2/Channel/Channel-theme.scss'; +@use 'stream-chat-react/dist/scss/v2/ChannelHeader/ChannelHeader-theme'; +@use 'stream-chat-react/dist/scss/v2/ChannelList/ChannelList-theme'; +@use 'stream-chat-react/dist/scss/v2/ChannelPreview/ChannelPreview-theme'; +@use 'stream-chat-react/dist/scss/v2/ChannelSearch/ChannelSearch-theme'; +@use 'stream-chat-react/dist/scss/v2/Dialog/Dialog-theme'; +@use 'stream-chat-react/dist/scss/v2/DragAndDropContainer/DragAndDropContainer-theme'; +@use 'stream-chat-react/dist/scss/v2/DropzoneContainer/DropzoneContainer-theme'; +@use 'stream-chat-react/dist/scss/v2/EditMessageForm/EditMessageForm-theme'; +@use 'stream-chat-react/dist/scss/v2/Form/Form-theme'; +@use 'stream-chat-react/dist/scss/v2/Icon/Icon-theme'; +@use 'stream-chat-react/dist/scss/v2/ImageCarousel/ImageCarousel-theme'; +@use 'stream-chat-react/dist/scss/v2/LinkPreview/LinkPreview-theme'; +@use 'stream-chat-react/dist/scss/v2/LoadingIndicator/LoadingIndicator-theme'; +@use 'stream-chat-react/dist/scss/v2/Location/Location-theme'; +@use 'stream-chat-react/dist/scss/v2/Message/Message-theme'; +@use 'stream-chat-react/dist/scss/v2/MessageActionsBox/MessageActionsBox-theme'; +@use 'stream-chat-react/dist/scss/v2/MessageBouncePrompt/MessageBouncePrompt-theme'; +@use 'stream-chat-react/dist/scss/v2/MessageInput/MessageInput-theme'; +@use 'stream-chat-react/dist/scss/v2/MessageList/MessageList-theme'; +@use 'stream-chat-react/dist/scss/v2/MessageList/VirtualizedMessageList-theme'; +@use 'stream-chat-react/dist/scss/v2/MessageReactions/MessageReactions-theme'; +@use 'stream-chat-react/dist/scss/v2/MessageReactions/MessageReactionsSelector-theme'; +@use 'stream-chat-react/dist/scss/v2/Modal/Modal-theme'; +@use 'stream-chat-react/dist/scss/v2/Notification/MessageNotification-theme'; +@use 'stream-chat-react/dist/scss/v2/Notification/NotificationList-theme'; +@use 'stream-chat-react/dist/scss/v2/Notification/Notification-theme'; +@use 'stream-chat-react/dist/scss/v2/Poll/Poll-theme'; +@use 'stream-chat-react/dist/scss/v2/Search/Search-theme'; +@use 'stream-chat-react/dist/scss/v2/Thread/Thread-theme'; +@use 'stream-chat-react/dist/scss/v2/Tooltip/Tooltip-theme'; +@use 'stream-chat-react/dist/scss/v2/TypingIndicator/TypingIndicator-theme'; +@use 'stream-chat-react/dist/scss/v2/ThreadList/ThreadList-theme'; +@use 'stream-chat-react/dist/scss/v2/ChatView/ChatView-theme'; +@use 'stream-chat-react/dist/scss/v2/UnreadCountBadge/UnreadCountBadge-theme'; +@use 'stream-chat-react/dist/scss/v2/AIStateIndicator/AIStateIndicator-theme';