You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The SDK no longer depends on @stream-io/stream-chat-css β the package
is absent from package.json and yarn.lock, and dist/ has no scss/,
css/v2/, or assets/ directories. Removes the now-dead tooling around it:
- scripts/copy-css.sh: not wired into the build script and unreferenced
outside of stale docs.
- scripts/merge-stream-chat-css-docs.sh: copies docs into
./docusaurus/docs/React, a directory that no longer exists in this
repo.
- .github/dependabot.yml: drop the @stream-io/stream-chat-css auto-bump
entry since the package isn't installed.
Also update CLAUDE.md to reflect the current 4-step build
(build-translations, vite build, tsc, build-styling) and the single-
source styling tree under src/styling/.
All steps write to separate directories under `dist/` so they don't conflict.
270
269
271
270
## Styling Architecture
272
271
273
-
### Dual-Layer CSS System
274
-
275
-
This repo has **two style sources**:
276
-
277
-
1.**`@stream-io/stream-chat-css`** (external dep) β Base design system. Copied to `dist/css/v2/` and `dist/scss/v2/` at build time. Organized as `*-layout.scss` (structure) + `*-theme.scss` (colors/typography) per component.
All component styles live in `src/styling/` (master entry: `src/styling/index.scss`) and in `src/components/*/styling/index.scss`. The Sass build compiles the tree to `dist/css/index.css`. There is no longer any step that pulls CSS/SCSS from an external design-system package.
See `examples/vite/src/index.scss` for reference implementation. Layers eliminate the need for `!important`.
@@ -300,23 +294,16 @@ See `examples/vite/src/index.scss` for reference implementation. Layers eliminat
300
294
-**Date/time**: `Streami18n` class wraps i18next + Dayjs with per-locale calendar formats
301
295
-**When adding translatable strings**: Use `t()` from `useTranslationContext()`, then run `yarn build-translations` to update JSON files. All 12 language files must have non-empty values.
302
296
303
-
## Styling Architecture
304
-
305
-
### Dual-Layer CSS System
306
-
307
-
Styles come from two sources:
308
-
309
-
1.**`@stream-io/stream-chat-css`** β Base design system (copied to `dist/css/v2/` and `dist/scss/v2/` via `scripts/copy-css.sh`). Layout and theme SCSS split per component (`*-layout.scss` + `*-theme.scss`).
310
-
2.**`src/styling/`** β SDK-specific styles compiled to `dist/css/index.css` via Sass. Master entry: `src/styling/index.scss`.
297
+
## Styling Architecture (Theming & Build Details)
311
298
312
-
Component styles live in `src/components/*/styling/index.scss` and are imported by the master stylesheet.
299
+
All styles live in `src/styling/` (master entry: `src/styling/index.scss`) and in `src/components/*/styling/index.scss`. Component styles are imported by the master stylesheet and compiled to `dist/css/index.css` via Sass.
313
300
314
301
### CSS Layers & Theming
315
302
316
303
CSS layers control cascade order (no `!important` needed):
0 commit comments