wangdicoder · wangdicoder · Apr 5, 2026 · Apr 5, 2026
diff --git a/.changeset/config-provider-infra-upgrade.md b/.changeset/config-provider-infra-upgrade.md
diff --git a/.changeset/migrate-scss-to-css-custom-properties.md b/.changeset/migrate-scss-to-css-custom-properties.md
diff --git a/packages/charts/CHANGELOG.md b/packages/charts/CHANGELOG.md
@@ -1,5 +1,7 @@
 # @tiny-design/charts
 
+## 1.9.0
+
 ## 1.8.0
 
 ## 1.7.0

diff --git a/packages/charts/package.json b/packages/charts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tiny-design/charts",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "Theme-aware chart components for Tiny Design, built on Recharts",
   "license": "MIT",
   "repository": {

diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md
@@ -1,5 +1,7 @@
 # @tiny-design/icons
 
+## 1.9.0
+
 ## 1.8.0
 
 ## 1.7.0

diff --git a/packages/icons/package.json b/packages/icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tiny-design/icons",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "SVG icon components for tiny-design",
   "license": "MIT",
   "keywords": [

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
@@ -1,5 +1,34 @@
 # Changelog
 
+## 1.9.0
+
+### Minor Changes
+
+- Upgrade the global configuration infrastructure around `ConfigProvider` and align popup, scroll, and static layer behavior across the component library. - [#90](https://github.com/wangdicoder/tiny-design/pull/90) [`49b4bfc`](https://github.com/wangdicoder/tiny-design/commit/49b4bfcba6c9536a966ba5b5a64e53b56a25da76)
+
+  Highlights:
+  - Reworked `ConfigProvider` to use provider-scoped theme containers instead of mutating global HTML styles.
+  - Added `ConfigProvider.useConfig()` and `ConfigProvider.config({ holderRender })` support for a wider set of static APIs.
+  - Added static `Modal.open()` and `Modal.confirm()` APIs that participate in the shared static host pipeline.
+  - Unified popup container resolution across `Portal`, `Popup`, and `Cascader`.
+  - Unified target container resolution across `Anchor`, `Sticky`, `BackTop`, `Overlay`, and `Tour`.
+  - Improved `Sticky` container observation with `ResizeObserver`.
+  - Improved `useTheme()` to sync with DOM state, localStorage, system preference changes, and cross-tab storage events.
+  - Added `onCopy` to `CopyToClipboard` so copy results can be observed by consumers.
+
+  Notes for consumers:
+  - `Anchor` and `BackTop` now accept and resolve `Window` as a first-class target container shape.
+  - `BackTop` now defaults to `ConfigProvider.getTargetContainer()` when present.
+  - `ConfigProvider` only renders an internal scope node when scoped theme behavior is required.
+  - Static APIs such as `Message.*`, `Notification.*`, `LoadingBar.*`, and `Modal.open()` can now be wrapped consistently through `ConfigProvider.config({ holderRender })`.
+
+- Migrate component styles from SCSS variables to CSS custom properties (`--ty-*`) for better runtime theming support. - [#90](https://github.com/wangdicoder/tiny-design/pull/90) [`49b4bfc`](https://github.com/wangdicoder/tiny-design/commit/49b4bfcba6c9536a966ba5b5a64e53b56a25da76)
+  - Migrate ~80 structural SCSS constants (padding, sizing, transitions) to runtime-customizable CSS custom properties
+  - Tokenize hardcoded values in Button, Input, Card, Select, and Notification components
+  - Add component-scoped CSS variable fallback chains (e.g., `--ty-btn-border-radius` falls back to `--ty-border-radius`)
+  - Add `ThemeConfig` API to `ConfigProvider` for programmatic token and component-level overrides
+  - Three-level customization: global tokens, component tokens, and scoped instance overrides via CSS
+
 ## 1.8.0
 
 ### Minor Changes

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tiny-design/react",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "A friendly UI component set for React",
   "license": "MIT",
   "keywords": [

diff --git a/packages/tokens/CHANGELOG.md b/packages/tokens/CHANGELOG.md
@@ -1,5 +1,16 @@
 # @tiny-design/tokens
 
+## 1.9.0
+
+### Minor Changes
+
+- Migrate component styles from SCSS variables to CSS custom properties (`--ty-*`) for better runtime theming support. - [#90](https://github.com/wangdicoder/tiny-design/pull/90) [`49b4bfc`](https://github.com/wangdicoder/tiny-design/commit/49b4bfcba6c9536a966ba5b5a64e53b56a25da76)
+  - Migrate ~80 structural SCSS constants (padding, sizing, transitions) to runtime-customizable CSS custom properties
+  - Tokenize hardcoded values in Button, Input, Card, Select, and Notification components
+  - Add component-scoped CSS variable fallback chains (e.g., `--ty-btn-border-radius` falls back to `--ty-border-radius`)
+  - Add `ThemeConfig` API to `ConfigProvider` for programmatic token and component-level overrides
+  - Three-level customization: global tokens, component tokens, and scoped instance overrides via CSS
+
 ## 1.8.0
 
 ## 1.7.0

diff --git a/packages/tokens/package.json b/packages/tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tiny-design/tokens",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "Design tokens, themes, and foundational styles for Tiny UI",
   "license": "MIT",
   "repository": {