chore: rename npm scope from @tiny-ui to @tiny-design

wangdicoder · wangdicoder · commit 1f7c1bcdb3d1 · 2026-03-12T12:04:28.000+11:00
diff --git a/.changeset/config.json b/.changeset/config.json
@@ -10,5 +10,5 @@
   "access": "public",
   "baseBranch": "master",
   "updateInternalDependencies": "patch",
-  "ignore": ["@tiny-ui/docs"]
+  "ignore": ["@tiny-design/docs"]
 }
diff --git a/.github/workflows/deploy-site.yml b/.github/workflows/deploy-site.yml
@@ -33,7 +33,7 @@ jobs:
         run: pnpm install --frozen-lockfile
 
       - name: Build docs site
-        run: pnpm --filter @tiny-ui/docs build -- --base /tiny-ui/
+        run: pnpm --filter @tiny-design/docs build -- --base /tiny-ui/
 
       - name: Copy 404.html for SPA routing
         run: cp apps/docs/build/index.html apps/docs/build/404.html
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -33,7 +33,7 @@ pnpm build
 
 ```
 tiny-ui/
-├── packages/react/       # @tiny-ui/react — component library
+├── packages/react/       # @tiny-design/react — component library
 │   ├── src/              # Component source code
 │   ├── scripts/          # Build scripts
 │   └── package.json
@@ -83,13 +83,13 @@ your-component/
 pnpm test
 
 # Run tests for a specific component
-pnpm --filter @tiny-ui/react test -- --testPathPattern=button
+pnpm --filter @tiny-design/react test -- --testPathPattern=button
 
 # Update snapshots
-pnpm --filter @tiny-ui/react test:update
+pnpm --filter @tiny-design/react test:update
 
 # Run with coverage
-pnpm --filter @tiny-ui/react test:coverage
+pnpm --filter @tiny-design/react test:coverage
 ```
 
 ## Commit Convention
@@ -109,14 +109,14 @@ Examples:
 
 ## Adding a Changeset
 
-We use [Changesets](https://github.com/changesets/changesets) to manage versioning and changelogs. If your PR includes user-facing changes to `@tiny-ui/react`, add a changeset:
+We use [Changesets](https://github.com/changesets/changesets) to manage versioning and changelogs. If your PR includes user-facing changes to `@tiny-design/react`, add a changeset:
 
 ```bash
 pnpm changeset
 ```
 
 You'll be prompted to:
-1. Select the package(s) affected (`@tiny-ui/react`)
+1. Select the package(s) affected (`@tiny-design/react`)
 2. Choose the semver bump type (patch / minor / major)
 3. Write a short summary of your change
 
diff --git a/DEVELOPMENT.md b/DEVELOPMENT.md
@@ -17,16 +17,16 @@ A **pre-commit hook** (husky) runs `lint-staged`, which auto-fixes SCSS via styl
 Turborepo handles the dependency graph via `"dependsOn": ["^build"]`:
 
 ```
-@tiny-ui/tokens   →   @tiny-ui/react   →   @tiny-ui/docs
+@tiny-design/tokens   →   @tiny-design/react   →   @tiny-design/docs
 ```
 
 Each package's build step:
 
 | Package | Build Steps |
 |---------|-------------|
-| **@tiny-ui/tokens** | `node scripts/build.js` — sass compiles `scss/base.scss` into `css/base.css` |
-| **@tiny-ui/react** | `tsdown` (TS to JS) → `build-styles.js` (copies base.css from tokens, compiles 78 component SCSS files) → `inject-style-imports.js` (adds CSS imports into JS entry files) |
-| **@tiny-ui/docs** | `vite build` |
+| **@tiny-design/tokens** | `node scripts/build.js` — sass compiles `scss/base.scss` into `css/base.css` |
+| **@tiny-design/react** | `tsdown` (TS to JS) → `build-styles.js` (copies base.css from tokens, compiles 78 component SCSS files) → `inject-style-imports.js` (adds CSS imports into JS entry files) |
+| **@tiny-design/docs** | `vite build` |
 
 ## CI (GitHub Actions)
 
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@tiny-ui/docs",
+  "name": "@tiny-design/docs",
   "version": "0.0.0",
   "private": true,
   "scripts": {
@@ -8,8 +8,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tiny-ui/react": "workspace:*",
-    "@tiny-ui/tokens": "workspace:*",
+    "@tiny-design/react": "workspace:*",
+    "@tiny-design/tokens": "workspace:*",
     "@mdx-js/react": "^3.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/apps/docs/src/components/code-block/index.tsx b/apps/docs/src/components/code-block/index.tsx
@@ -23,9 +23,9 @@ Prism.languages.bash = Prism.languages.shell = {
 };
 import { LiveProvider, LiveEditor, LiveError, LivePreview } from 'react-live';
 import { LightCodeTheme, DarkCodeTheme } from './code-theme';
-import * as Components from '@tiny-ui/react';
-import CollapseTransition from '@tiny-ui/react/collapse-transition';
-import { useTheme } from '@tiny-ui/react';
+import * as Components from '@tiny-design/react';
+import CollapseTransition from '@tiny-design/react/collapse-transition';
+import { useTheme } from '@tiny-design/react';
 import { useLocaleContext } from '../../context/locale-context';
 
 type Props = {
diff --git a/apps/docs/src/components/doc-footer/index.tsx b/apps/docs/src/components/doc-footer/index.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import './component-page.scss';
 import { Link, useLocation } from 'react-router-dom';
 import { RouterItem } from '../../routers';
-import { Icon } from '@tiny-ui/react';
+import { Icon } from '@tiny-design/react';
 
 type Props = {
   routers: RouterItem[];
diff --git a/apps/docs/src/components/feature-block/index.tsx b/apps/docs/src/components/feature-block/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import './feature-block.scss';
-import { Icon } from '@tiny-ui/react';
+import { Icon } from '@tiny-design/react';
 
 type Props = {
   icon: string;
diff --git a/apps/docs/src/components/header/color-customizer.tsx b/apps/docs/src/components/header/color-customizer.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
-import { ColorPicker } from '@tiny-ui/react';
-import { hexToHsb, hsbToHex } from '@tiny-ui/react/color-picker/utils';
+import { ColorPicker } from '@tiny-design/react';
+import { hexToHsb, hsbToHex } from '@tiny-design/react/color-picker/utils';
 
 const STORAGE_KEY = 'ty-primary-color';
 const DEFAULT_COLOR = '#6e41bf';
diff --git a/apps/docs/src/components/header/index.tsx b/apps/docs/src/components/header/index.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import './header.scss';
 import { NavLink } from 'react-router-dom';
 import pkg from '../../../../../packages/react/package.json';
-import { Icon, Link } from '@tiny-ui/react';
+import { Icon, Link } from '@tiny-design/react';
 import { useSidebarToggle } from '../../context/sidebar-toggle-context';
 import { useLocaleContext } from '../../context/locale-context';
 import { ThemeToggle } from './theme-toggle';
diff --git a/apps/docs/src/components/header/theme-toggle.tsx b/apps/docs/src/components/header/theme-toggle.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { useTheme } from '@tiny-ui/react';
+import { useTheme } from '@tiny-design/react';
 
 export const ThemeToggle = (): React.ReactElement => {
   const { resolvedTheme, toggle } = useTheme();
diff --git a/apps/docs/src/components/sidebar-menu/index.tsx b/apps/docs/src/components/sidebar-menu/index.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import './sidebar-menu.scss';
 import { NavLink } from 'react-router-dom';
 import { RouterItem } from '../../routers';
-import { Layout } from '@tiny-ui/react';
+import { Layout } from '@tiny-design/react';
 import { useSidebarToggle } from '../../context/sidebar-toggle-context';
 
 const { Sidebar } = Layout;
diff --git a/apps/docs/src/containers/components/index.tsx b/apps/docs/src/containers/components/index.tsx
@@ -2,7 +2,7 @@ import React, { Suspense, useMemo } from 'react';
 import { Route, Routes } from 'react-router-dom';
 import { getComponentMenu, RouterItem } from '../../routers';
 import { SidebarMenu } from '../../components/sidebar-menu';
-import { Layout, Loader, Divider } from '@tiny-ui/react';
+import { Layout, Loader, Divider } from '@tiny-design/react';
 import { DocFooter } from '../../components/doc-footer';
 import { useLocaleContext } from '../../context/locale-context';
 import ComponentOverview from './overview';
diff --git a/apps/docs/src/containers/components/overview.tsx b/apps/docs/src/containers/components/overview.tsx
@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import './component-overview.scss';
 import { useNavigate } from 'react-router-dom';
-import { Card, Tag } from '@tiny-ui/react';
+import { Card, Tag } from '@tiny-design/react';
 import { getComponentMenu } from '../../routers';
 import { useLocaleContext } from '../../context/locale-context';
 
diff --git a/apps/docs/src/containers/guide/index.tsx b/apps/docs/src/containers/guide/index.tsx
@@ -2,7 +2,7 @@ import React, { Suspense, useMemo } from 'react';
 import { Route, Routes, Navigate } from 'react-router-dom';
 import { getGuideMenu } from '../../routers';
 import { SidebarMenu } from '../../components/sidebar-menu';
-import { Layout, Loader, Divider } from '@tiny-ui/react';
+import { Layout, Loader, Divider } from '@tiny-design/react';
 import { DocFooter } from '../../components/doc-footer';
 import { useLocaleContext } from '../../context/locale-context';
 
diff --git a/apps/docs/src/containers/home/footer/index.tsx b/apps/docs/src/containers/home/footer/index.tsx
@@ -3,7 +3,7 @@ import './footer.scss';
 import pkg from '../../../../../../packages/react/package.json';
 
 const { version, repository } = pkg;
-import { Icon } from '@tiny-ui/react';
+import { Icon } from '@tiny-design/react';
 import logoSvg from '../../../assets/logo/logo.svg';
 
 export const Footer = (): React.ReactElement => (
diff --git a/apps/docs/src/containers/home/index.tsx b/apps/docs/src/containers/home/index.tsx
@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import './home.scss';
 import { useNavigate } from 'react-router-dom';
-import { Button, Icon, Flex, Typography, Statistic, Card, Row, Col } from '@tiny-ui/react';
+import { Button, Icon, Flex, Typography, Statistic, Card, Row, Col } from '@tiny-design/react';
 import { Footer } from './footer';
 import { useLocaleContext } from '../../context/locale-context';
 import { getComponentMenu } from '../../routers';
diff --git a/apps/docs/src/context/locale-context.tsx b/apps/docs/src/context/locale-context.tsx
@@ -1,5 +1,5 @@
 import React, { createContext, useContext, useState, useCallback } from 'react';
-import { Locale, en_US, zh_CN } from '@tiny-ui/react';
+import { Locale, en_US, zh_CN } from '@tiny-design/react';
 import { SiteLocale, siteEnUS, siteZhCN } from '../locale';
 
 type LocaleContextType = {
diff --git a/apps/docs/src/index.tsx b/apps/docs/src/index.tsx
@@ -3,9 +3,9 @@ import { createRoot } from 'react-dom/client';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import { MDXProvider } from '@mdx-js/react';
 import './index.scss';
-import '@tiny-ui/react/style/index.scss';
+import '@tiny-design/react/style/index.scss';
 
-import { IntlProvider } from '@tiny-ui/react';
+import { IntlProvider } from '@tiny-design/react';
 import { components } from './components/markdown-tag';
 import { Header } from './components/header';
 import { SidebarToggleProvider } from './context/sidebar-toggle-context';
diff --git a/apps/docs/tsconfig.json b/apps/docs/tsconfig.json
@@ -4,8 +4,8 @@
     "baseUrl": ".",
     "noUnusedLocals": false,
     "paths": {
-      "@tiny-ui/react": ["../../packages/react/src"],
-      "@tiny-ui/react/*": ["../../packages/react/src/*"]
+      "@tiny-design/react": ["../../packages/react/src"],
+      "@tiny-design/react/*": ["../../packages/react/src/*"]
     }
   },
   "include": [
diff --git a/apps/docs/vite.config.ts b/apps/docs/vite.config.ts
@@ -20,7 +20,7 @@ export default defineConfig({
   ],
   resolve: {
     alias: {
-      '@tiny-ui/react': reactSrc,
+      '@tiny-design/react': reactSrc,
     },
     dedupe: ['react', 'react-dom'],
   },
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@tiny-ui/react",
+  "name": "@tiny-design/react",
   "version": "1.0.4",
   "description": "A friendly UI component set for React",
   "license": "MIT",
@@ -60,7 +60,7 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.4",
-    "@tiny-ui/tokens": "workspace:*",
+    "@tiny-design/tokens": "workspace:*",
     "classnames": "^2.3.1",
     "react-transition-group": "^4.4.2",
     "tslib": "^2.3.1"
diff --git a/packages/react/scripts/build-styles.js b/packages/react/scripts/build-styles.js
@@ -19,15 +19,15 @@ async function processWithPostcss(css) {
   return result.css;
 }
 
-// 1. Base CSS: copy pre-built base.css from @tiny-ui/tokens
+// 1. Base CSS: copy pre-built base.css from @tiny-design/tokens
 function copyBaseCss() {
-  const src = require.resolve('@tiny-ui/tokens/css/base.css');
+  const src = require.resolve('@tiny-design/tokens/css/base.css');
   for (const dir of [ES_DIR, LIB_DIR]) {
     const outDir = path.join(dir, 'style');
     mkdirp(outDir);
     fs.copyFileSync(src, path.join(outDir, 'base.css'));
   }
-  console.log('  es/style/base.css + lib/style/base.css (copied from @tiny-ui/tokens)');
+  console.log('  es/style/base.css + lib/style/base.css (copied from @tiny-design/tokens)');
 }
 
 // 2. Per-component CSS: compile each component's _index.scss partial
diff --git a/packages/react/src/style/_animation.scss b/packages/react/src/style/_animation.scss
@@ -1 +1 @@
-@forward '@tiny-ui/tokens/scss/animation';
+@forward '@tiny-design/tokens/scss/animation';
diff --git a/packages/react/src/style/_font.scss b/packages/react/src/style/_font.scss
@@ -1 +1 @@
-@forward '@tiny-ui/tokens/scss/font';
+@forward '@tiny-design/tokens/scss/font';
diff --git a/packages/react/src/style/_mixins.scss b/packages/react/src/style/_mixins.scss
@@ -1 +1 @@
-@forward '@tiny-ui/tokens/scss/mixins';
+@forward '@tiny-design/tokens/scss/mixins';
diff --git a/packages/react/src/style/_tokens.scss b/packages/react/src/style/_tokens.scss
@@ -1 +1 @@
-@forward '@tiny-ui/tokens/scss/tokens';
+@forward '@tiny-design/tokens/scss/tokens';
diff --git a/packages/react/src/style/_variables.scss b/packages/react/src/style/_variables.scss
@@ -1 +1 @@
-@forward '@tiny-ui/tokens/scss/variables';
+@forward '@tiny-design/tokens/scss/variables';
diff --git a/packages/react/src/style/base.scss b/packages/react/src/style/base.scss
@@ -1 +1 @@
-@use '@tiny-ui/tokens/scss/base' as *;
+@use '@tiny-design/tokens/scss/base' as *;
diff --git a/packages/react/src/style/index.scss b/packages/react/src/style/index.scss
@@ -1,2 +1,2 @@
-@use '@tiny-ui/tokens/scss/base' as *;
+@use '@tiny-design/tokens/scss/base' as *;
 @use './component' as *;
diff --git a/packages/tokens/package.json b/packages/tokens/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@tiny-ui/tokens",
+  "name": "@tiny-design/tokens",
   "version": "1.0.4",
   "description": "Design tokens, themes, and foundational styles for Tiny UI",
   "license": "MIT",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -10,5 +10,5 @@`
`10`	`10`	`"access": "public",`
`11`	`11`	`"baseBranch": "master",`
`12`	`12`	`"updateInternalDependencies": "patch",`
`13`		`- "ignore": ["@tiny-ui/docs"]`
	`13`	`+ "ignore": ["@tiny-design/docs"]`
`14`	`14`	`}`