@central-design-system/components 4.0.0-alpha.6 → 4.0.0-alpha.9

package/dist/types/components/CdsStages/index.d.ts

@@ -1,3 +1,11 @@
+/**
+ * Шкала этапов бизнес-процесса.
+ *
+ * @deprecated Компонент устарел и будет удалён в CDS 5. Используйте `CdsSteps`
+ * без пропа `interactive` (или с `readonly`) — шапка степпера без `items`
+ * работает как трекер хода процесса.
+ * @en A stage bar of a business process.
+ */
 export declare const CdsStages: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         theme: {

package/llms/llms-components.txt

@@ -1,6 +1,6 @@
 # Central Design System (CDS 4) — components
 
-> Version: 4.0.0-alpha.6
+> Version: 4.0.0-alpha.9
 > Documentation for all `@central-design-system/components` components: purpose, examples, and the full API contract.
 > Generated automatically (`bun run generate:meta` → `bun run generate:llms`). Do not edit manually.
 
@@ -25402,11 +25402,11 @@ const events = [
 
 # CdsStages
 
-_Category: Feedback · since 4.0.0_
+_Category: Feedback · since 4.0.0 · status: deprecated_
 
 A stage bar shows the course of a business process: which stages are behind, which one is running now and where the process stopped because of an error. The component only displays the status — the stages are not clickable, so the bar fits cards, headers and lists where the state of the process has to be read at a glance.
 
-**See also:** To walk the user through steps with content and "Back" / "Next" buttons take CdsSteps, and to switch between equally weighted sections — CdsTabs.
+**See also:** The component is deprecated: do not write new code with it. It keeps working across the whole 4.x line and prints a `[CDS UPGRADE]` warning in the dev console; it will be removed in 5.0. To show the course of a process without step navigation use CdsSteps — without the `interactive` prop the steps are not clickable, and the header without `items` works as a status tracker (see the "Request status" scenario). Mind that the look differs: `CdsStages` is an arrow bar, `CdsSteps` is a row of indicators with a progress line. To switch between equally weighted sections — CdsTabs.
 
 ## Anatomy
 
@@ -25925,7 +25925,7 @@ _Category: Navigation · since 4.0.0_
 
 The stepper walks the user through a multi-step process: it shows which steps are done, which one is active and how many are left. It can switch the content of the steps and renders the "Back" / "Next" buttons out of the box, while a header without content works as a status tracker.
 
-**See also:** To show the progress of a business process without step navigation, use CdsStages; for sections of equal weight that are switched in any order, use CdsTabs.
+**See also:** The stepper shows the progress of a business process without step navigation on its own: without the `interactive` prop the steps are not clickable, and the header without `items` works as a status tracker — see the ["Request status"](#request-status) scenario. The CdsStages component, which used to solve the same task, is deprecated. For sections of equal weight that are switched in any order, use CdsTabs.
 
 ## Anatomy
 

package/llms/llms-full.txt

@@ -1,6 +1,6 @@
 # Central Design System (CDS 4) — full documentation
 
-> Version: 4.0.0-alpha.6
+> Version: 4.0.0-alpha.9
 > Everything at once: guides, tokens and themes, components with examples and the API contract, CDS 3 migration.
 > Generated automatically (`bun run generate:meta` → `bun run generate:llms`). Do not edit manually.
 
@@ -29661,11 +29661,11 @@ const events = [
 
 # CdsStages
 
-_Category: Feedback · since 4.0.0_
+_Category: Feedback · since 4.0.0 · status: deprecated_
 
 A stage bar shows the course of a business process: which stages are behind, which one is running now and where the process stopped because of an error. The component only displays the status — the stages are not clickable, so the bar fits cards, headers and lists where the state of the process has to be read at a glance.
 
-**See also:** To walk the user through steps with content and "Back" / "Next" buttons take CdsSteps, and to switch between equally weighted sections — CdsTabs.
+**See also:** The component is deprecated: do not write new code with it. It keeps working across the whole 4.x line and prints a `[CDS UPGRADE]` warning in the dev console; it will be removed in 5.0. To show the course of a process without step navigation use CdsSteps — without the `interactive` prop the steps are not clickable, and the header without `items` works as a status tracker (see the "Request status" scenario). Mind that the look differs: `CdsStages` is an arrow bar, `CdsSteps` is a row of indicators with a progress line. To switch between equally weighted sections — CdsTabs.
 
 ## Anatomy
 
@@ -30184,7 +30184,7 @@ _Category: Navigation · since 4.0.0_
 
 The stepper walks the user through a multi-step process: it shows which steps are done, which one is active and how many are left. It can switch the content of the steps and renders the "Back" / "Next" buttons out of the box, while a header without content works as a status tracker.
 
-**See also:** To show the progress of a business process without step navigation, use CdsStages; for sections of equal weight that are switched in any order, use CdsTabs.
+**See also:** The stepper shows the progress of a business process without step navigation on its own: without the `interactive` prop the steps are not clickable, and the header without `items` works as a status tracker — see the ["Request status"](#request-status) scenario. The CdsStages component, which used to solve the same task, is deprecated. For sections of equal weight that are switched in any order, use CdsTabs.
 
 ## Anatomy
 
@@ -42090,6 +42090,7 @@ _Пока изменений нет. Записи будут добавлять
 | `CdsProgress`    | 🔁 Переименован в `CdsProgressBar`; ✨ новые пропсы стилизации                              | [CdsProgress](#cdsprogress)       |
 | `CdsSlideGroup`  | 🔁 `prependIcon`/`appendIcon`→`prevIcon`/`nextIcon` (новая система иконок)                  | [CdsSlideGroup](#cdsslidegroup)   |
 | `CdsSlideView`   | ⚠️ дефолты иконок стрелок `chevron-left`/`chevron-right`→`prev`/`next` (новая система иконок) | [CdsSlideView](#cdsslideview)     |
+| `CdsStages`      | 🟠 Помечен deprecated → `CdsSteps` без `interactive`; будет удалён в 5.0                    | [CdsStages](#cdsstages)           |
 | `CdsStatus`      | 🔁 значение `status="error"`→`"danger"`; ⚠️ булев `icon`→`variant="text"`                   | [CdsStatus](#cdsstatus)           |
 | `CdsSteps`       | ⚠️ дефолт `interactive` изменён `true`→`false`; ✨ проп `items`, контентная часть и кнопки навигации | [CdsSteps](#cdssteps)             |
 | `CdsTabsV2`      | 🔁 Переименован в `CdsTabs`; 🔁 `prependIcon`/`appendIcon`→`prevIcon`/`nextIcon`; ✨ новые пропсы | [CdsTabsV2](#cdstabsv2)           |
@@ -43128,6 +43129,32 @@ const value = ref(35);
 
 <!-- entry-meta: id=cdsslideview-arrow-icons-iconvalue; severity=breaking; component=CdsSlideView -->
 
+### CdsStages
+
+#### Компонент `CdsStages` помечен deprecated — переходите на `CdsSteps`
+
+> 🟠 **DEPRECATED** — публичный API компонента не изменился (`items`, `current`, `finished`, exposed `isCurrent` / `isFinished` работают как в CDS 3), но сценарий полностью закрывает `CdsSteps`, поэтому новый код на `CdsStages` писать не нужно. Компонент остаётся рабочим во всей ветке 4.x и будет удалён в 5.0.
+
+**Было (CDS 3):**
+
+```html
+<!-- CDS 3 -->
+<CdsStages :items="stages" :current="current" :finished="finished" />
+```
+
+**Стало (CDS 4):**
+
+```html
+<!-- CDS 4 — шапка степпера без items работает как трекер статуса -->
+<CdsSteps :model-value="current">
+  <CdsStepsItem v-for="stage in stages" :key="stage.value" :value="stage.value" :title="stage.title" :error="stage.error" />
+</CdsSteps>
+```
+
+**Действие:** `CdsStages` продолжает работать в 4.x, но в dev-консоли выводит `[CDS UPGRADE] 'CdsStages' is deprecated, use 'CdsSteps' instead.` (см. `deprecate()` в `src/utils/dom/console.ts`). Переходите на `CdsSteps`: без пропа `interactive` шаги некликабельны (дефолт `false`), `readonly` отключает переходы принудительно, а шапка без `items` рендерится без контентной части и кнопок навигации. Учтите, что вид отличается: `CdsStages` — стрелочная лента, `CdsSteps` — индикаторы с линией прогресса; для вертикального трекера есть проп `vertical`. Поиск: `grep -rnE "CdsStages|cds-stages" src/`.
+
+<!-- entry-meta: id=cdsstages-deprecated-use-cdssteps; severity=deprecation; component=CdsStages -->
+
 ### CdsStatus
 
 #### Значение `status="error"` переименовано в `status="danger"`

package/llms/llms-guides.txt

@@ -1,6 +1,6 @@
 # Central Design System (CDS 4) — guides
 
-> Version: 4.0.0-alpha.6
+> Version: 4.0.0-alpha.9
 > Setup, conventions, forms, theming, Tailwind CSS, tree-shaking, and responsiveness.
 > Generated automatically (`bun run generate:meta` → `bun run generate:llms`). Do not edit manually.
 

package/llms/llms-migration.txt

@@ -1,6 +1,6 @@
 # Central Design System — CDS 3 → CDS 4 migration
 
-> Version: 4.0.0-alpha.6
+> Version: 4.0.0-alpha.9
 > The full migration guide (currently in Russian): breaking changes, renames, deprecations, and migration steps.
 > Generated automatically (`bun run generate:meta` → `bun run generate:llms`). Do not edit manually.
 
@@ -595,6 +595,7 @@ _Пока изменений нет. Записи будут добавлять
 | `CdsProgress`    | 🔁 Переименован в `CdsProgressBar`; ✨ новые пропсы стилизации                              | [CdsProgress](#cdsprogress)       |
 | `CdsSlideGroup`  | 🔁 `prependIcon`/`appendIcon`→`prevIcon`/`nextIcon` (новая система иконок)                  | [CdsSlideGroup](#cdsslidegroup)   |
 | `CdsSlideView`   | ⚠️ дефолты иконок стрелок `chevron-left`/`chevron-right`→`prev`/`next` (новая система иконок) | [CdsSlideView](#cdsslideview)     |
+| `CdsStages`      | 🟠 Помечен deprecated → `CdsSteps` без `interactive`; будет удалён в 5.0                    | [CdsStages](#cdsstages)           |
 | `CdsStatus`      | 🔁 значение `status="error"`→`"danger"`; ⚠️ булев `icon`→`variant="text"`                   | [CdsStatus](#cdsstatus)           |
 | `CdsSteps`       | ⚠️ дефолт `interactive` изменён `true`→`false`; ✨ проп `items`, контентная часть и кнопки навигации | [CdsSteps](#cdssteps)             |
 | `CdsTabsV2`      | 🔁 Переименован в `CdsTabs`; 🔁 `prependIcon`/`appendIcon`→`prevIcon`/`nextIcon`; ✨ новые пропсы | [CdsTabsV2](#cdstabsv2)           |
@@ -1633,6 +1634,32 @@ const value = ref(35);
 
 <!-- entry-meta: id=cdsslideview-arrow-icons-iconvalue; severity=breaking; component=CdsSlideView -->
 
+### CdsStages
+
+#### Компонент `CdsStages` помечен deprecated — переходите на `CdsSteps`
+
+> 🟠 **DEPRECATED** — публичный API компонента не изменился (`items`, `current`, `finished`, exposed `isCurrent` / `isFinished` работают как в CDS 3), но сценарий полностью закрывает `CdsSteps`, поэтому новый код на `CdsStages` писать не нужно. Компонент остаётся рабочим во всей ветке 4.x и будет удалён в 5.0.
+
+**Было (CDS 3):**
+
+```html
+<!-- CDS 3 -->
+<CdsStages :items="stages" :current="current" :finished="finished" />
+```
+
+**Стало (CDS 4):**
+
+```html
+<!-- CDS 4 — шапка степпера без items работает как трекер статуса -->
+<CdsSteps :model-value="current">
+  <CdsStepsItem v-for="stage in stages" :key="stage.value" :value="stage.value" :title="stage.title" :error="stage.error" />
+</CdsSteps>
+```
+
+**Действие:** `CdsStages` продолжает работать в 4.x, но в dev-консоли выводит `[CDS UPGRADE] 'CdsStages' is deprecated, use 'CdsSteps' instead.` (см. `deprecate()` в `src/utils/dom/console.ts`). Переходите на `CdsSteps`: без пропа `interactive` шаги некликабельны (дефолт `false`), `readonly` отключает переходы принудительно, а шапка без `items` рендерится без контентной части и кнопок навигации. Учтите, что вид отличается: `CdsStages` — стрелочная лента, `CdsSteps` — индикаторы с линией прогресса; для вертикального трекера есть проп `vertical`. Поиск: `grep -rnE "CdsStages|cds-stages" src/`.
+
+<!-- entry-meta: id=cdsstages-deprecated-use-cdssteps; severity=deprecation; component=CdsStages -->
+
 ### CdsStatus
 
 #### Значение `status="error"` переименовано в `status="danger"`

package/llms/llms-tokens.txt

@@ -1,6 +1,6 @@
 # Central Design System (CDS 4) — tokens and themes
 
-> Version: 4.0.0-alpha.6
+> Version: 4.0.0-alpha.9
 > Three token levels: the primitive palette, theme color tokens (`--cds-color-*`), and local component variables.
 > Generated automatically (`bun run generate:meta` → `bun run generate:llms`). Do not edit manually.
 

package/llms/llms.txt

@@ -1,6 +1,6 @@
 # Central Design System (CDS 4)
 
-> Version: 4.0.0-alpha.6. A modular Vue 3 UI component library, `@central-design-system/components`.
+> Version: 4.0.0-alpha.9. A modular Vue 3 UI component library, `@central-design-system/components`.
 > This file is an index for AI agents building product UI with CDS.
 > Generated automatically (`bun run generate:meta` → `bun run generate:llms`). Do not edit manually.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "4.0.0-alpha.6",
+  "version": "4.0.0-alpha.9",
   "author": "magersoft",
   "description": "Luma Design System - Vue 3 UI Framework",
   "homepage": "https://cds.b2b-center.ru/",
@@ -114,7 +114,7 @@
     "node": "^20.19.0 || >=22.12.0"
   },
   "scripts": {
-    "build": "npx tsx build/build.ts",
+    "build": "tsx build/build.ts",
     "build:types": "vue-tsc --project tsconfig.build.json",
     "build:cjs": "vite build --config ./build/configs/vite.cjs.ts",
     "build:es": "vite build --config ./build/configs/vite.es.ts",
@@ -123,12 +123,12 @@
     "build:browser": "vite build --config ./build/configs/vite.browser.ts",
     "build:wc": "vite build --config ./build/configs/vite.wc.ts",
     "build:styles": "vite build --config ./build/configs/vite.styles.ts",
-    "generate:meta": "npx tsx build/plugins/generate-component-meta.ts",
-    "generate:settings": "npx tsx build/plugins/generate-component-settings.ts",
-    "generate:llms": "npx tsx build/plugins/generate-llms-txt.ts",
-    "generate:skill": "npx tsx build/plugins/generate-skill/index.ts",
-    "generate:mcp": "npx tsx build/plugins/generate-mcp-data.ts",
-    "generate:changelog": "npx tsx build/plugins/generate-changelog.ts",
+    "generate:meta": "tsx build/plugins/generate-component-meta.ts",
+    "generate:settings": "tsx build/plugins/generate-component-settings.ts",
+    "generate:llms": "tsx build/plugins/generate-llms-txt.ts",
+    "generate:skill": "tsx build/plugins/generate-skill/index.ts",
+    "generate:mcp": "tsx build/plugins/generate-mcp-data.ts",
+    "generate:changelog": "tsx build/plugins/generate-changelog.ts",
     "generate:i18n-check": "bun run --cwd ../../apps/docs docs:i18n-check",
     "generate:all": "run-s generate:meta generate:settings generate:llms generate:skill generate:mcp generate:changelog generate:i18n-check",
     "test:unit": "vitest run",
@@ -169,6 +169,7 @@
     "rollup": "^4.61.1",
     "rollup-plugin-dts": "^6.2.3",
     "sass-embedded": "^1.97.3",
+    "tsx": "4.23.13",
     "unplugin-auto-import": "^21.0.0",
     "vite": "^5.4.21",
     "vite-plugin-banner": "^0.8.1",

package/src/components/CdsTextArea/CdsTextArea.scss

@@ -72,6 +72,10 @@
       max-height: var(--cds-text-area-max-height, none);
     }
 
+    &.cds-input--size-md textarea.cds-field__input {
+      line-height: var(--cds-font-line-height-300);
+    }
+
     &--auto-grow {
       textarea {
         overflow: hidden;