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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/MIGRATION.md +27 -0
  3. package/dist/browser/entry.js +629 -625
  4. package/dist/cds.d.ts +8 -0
  5. package/dist/cjs/entry.js +9 -9
  6. package/dist/es/entry.js +1 -1
  7. package/dist/es/src/cds.js +5 -5
  8. package/dist/es/src/components/CdsApp/CdsApp.vue_vue_type_script_setup_true_lang.js +1 -1
  9. package/dist/es/src/components/CdsApp/api/CdsApp.props.js +1 -1
  10. package/dist/es/src/components/CdsAvatar/CdsAvatar.vue_vue_type_script_setup_true_lang.js +1 -1
  11. package/dist/es/src/components/CdsAvatar/api/CdsAvatar.props.js +1 -1
  12. package/dist/es/src/components/CdsBadge/CdsBadge.vue_vue_type_script_setup_true_lang.js +1 -1
  13. package/dist/es/src/components/CdsBadge/api/CdsBadge.props.js +1 -1
  14. package/dist/es/src/components/CdsButton/CdsButton.vue_vue_type_script_setup_true_lang.js +1 -1
  15. package/dist/es/src/components/CdsButton/api/CdsButton.props.js +1 -1
  16. package/dist/es/src/components/CdsButtonGroup/CdsButtonGroup.vue_vue_type_script_setup_true_lang.js +1 -1
  17. package/dist/es/src/components/CdsButtonGroup/api/CdsButtonGroup.props.js +1 -1
  18. package/dist/es/src/components/CdsCard/CdsCard.vue_vue_type_script_setup_true_lang.js +1 -1
  19. package/dist/es/src/components/CdsCard/CdsCardGroup.vue_vue_type_script_setup_true_lang.js +1 -1
  20. package/dist/es/src/components/CdsCard/api/CdsCard.props.js +1 -1
  21. package/dist/es/src/components/CdsDatePicker/CdsDatePicker.vue_vue_type_script_setup_true_lang.js +1 -1
  22. package/dist/es/src/components/CdsDatePicker/api/CdsDatePicker.props.js +1 -1
  23. package/dist/es/src/components/CdsDivider/CdsDivider.vue_vue_type_script_setup_true_lang.js +1 -1
  24. package/dist/es/src/components/CdsDrawer/CdsDrawer.vue_vue_type_script_setup_true_lang.js +2 -2
  25. package/dist/es/src/components/CdsDrawer/api/CdsDrawer.props.js +1 -1
  26. package/dist/es/src/components/CdsEmptyState/CdsEmptyState.vue_vue_type_script_setup_true_lang.js +2 -2
  27. package/dist/es/src/components/CdsEmptyState/api/CdsEmptyState.props.js +1 -1
  28. package/dist/es/src/components/CdsExpandablePanel/CdsExpandablePanels.vue_vue_type_script_setup_true_lang.js +1 -1
  29. package/dist/es/src/components/CdsExpandablePanel/api/CdsExpandablePanel.props.js +1 -1
  30. package/dist/es/src/components/CdsField/CdsField.vue_vue_type_script_setup_true_lang.js +1 -1
  31. package/dist/es/src/components/CdsField/api/CdsField.props.js +1 -1
  32. package/dist/es/src/components/CdsFooter/CdsFooter.vue_vue_type_script_setup_true_lang.js +2 -2
  33. package/dist/es/src/components/CdsFooter/api/CdsFooter.props.js +1 -1
  34. package/dist/es/src/components/CdsFunctionalButton/api/CdsFunctionalButton.props.js +1 -1
  35. package/dist/es/src/components/CdsGrid/CdsCol.vue_vue_type_script_setup_true_lang.js +1 -1
  36. package/dist/es/src/components/CdsHeader/CdsHeader.vue_vue_type_script_setup_true_lang.js +1 -1
  37. package/dist/es/src/components/CdsHeader/api/CdsHeader.props.js +1 -1
  38. package/dist/es/src/components/CdsIcon/CdsIcon.vue_vue_type_script_setup_true_lang.js +1 -1
  39. package/dist/es/src/components/CdsIcon/api/CdsIcon.props.js +1 -1
  40. package/dist/es/src/components/CdsImage/CdsImage.vue_vue_type_script_setup_true_lang.js +1 -1
  41. package/dist/es/src/components/CdsImage/api/CdsImage.props.js +1 -1
  42. package/dist/es/src/components/CdsInput/CdsInput.vue_vue_type_script_setup_true_lang.js +1 -1
  43. package/dist/es/src/components/CdsInput/api/CdsInput.props.js +1 -1
  44. package/dist/es/src/components/CdsLayout/CdsLayout.vue_vue_type_script_setup_true_lang.js +2 -2
  45. package/dist/es/src/components/CdsLayout/api/CdsLayout.props.js +1 -1
  46. package/dist/es/src/components/CdsLink/CdsLink.vue_vue_type_script_setup_true_lang.js +1 -1
  47. package/dist/es/src/components/CdsLink/api/CdsLink.props.js +1 -1
  48. package/dist/es/src/components/CdsList/CdsList.vue_vue_type_script_setup_true_lang.js +1 -1
  49. package/dist/es/src/components/CdsList/CdsListItem.vue_vue_type_script_setup_true_lang.js +1 -1
  50. package/dist/es/src/components/CdsList/api/CdsList.props.js +1 -1
  51. package/dist/es/src/components/CdsLoader/CdsLoader.vue_vue_type_script_setup_true_lang.js +1 -1
  52. package/dist/es/src/components/CdsNotification/CdsNotification.vue_vue_type_script_setup_true_lang.js +1 -1
  53. package/dist/es/src/components/CdsNotification/api/CdsNotification.props.js +1 -1
  54. package/dist/es/src/components/CdsOtpInput/CdsOtpInput.vue_vue_type_script_setup_true_lang.js +1 -1
  55. package/dist/es/src/components/CdsOtpInput/api/CdsOtpInput.props.js +1 -1
  56. package/dist/es/src/components/CdsOverlay/CdsOverlay.vue_vue_type_script_setup_true_lang.js +1 -1
  57. package/dist/es/src/components/CdsOverlay/api/CdsOverlay.props.js +1 -1
  58. package/dist/es/src/components/CdsPage/CdsPage.vue_vue_type_script_setup_true_lang.js +1 -1
  59. package/dist/es/src/components/CdsPagination/CdsPagination.vue_vue_type_script_setup_true_lang.js +2 -2
  60. package/dist/es/src/components/CdsPagination/api/CdsPagination.props.js +1 -1
  61. package/dist/es/src/components/CdsProgressBar/CdsProgressBar.vue_vue_type_script_setup_true_lang.js +1 -1
  62. package/dist/es/src/components/CdsProgressBar/api/CdsProgressBar.props.js +1 -1
  63. package/dist/es/src/components/CdsProgressCircle/CdsProgressCircle.vue_vue_type_script_setup_true_lang.js +1 -1
  64. package/dist/es/src/components/CdsProgressCircle/api/CdsProgressCircle.props.js +1 -1
  65. package/dist/es/src/components/CdsSkeletonLoader/CdsSkeletonLoader.vue_vue_type_script_setup_true_lang.js +1 -1
  66. package/dist/es/src/components/CdsSkeletonLoader/api/CdsSkeletonLoader.props.js +1 -1
  67. package/dist/es/src/components/CdsSlideGroup/CdsSlideGroup.vue_vue_type_script_setup_true_lang.js +1 -1
  68. package/dist/es/src/components/CdsSlideGroup/api/CdsSlideGroup.props.js +1 -1
  69. package/dist/es/src/components/CdsSlideView/api/CdsSlideView.props.js +1 -1
  70. package/dist/es/src/components/CdsStages/CdsStages.vue_vue_type_script_setup_true_lang.js +6 -2
  71. package/dist/es/src/components/CdsStages/api/CdsStages.props.js +1 -1
  72. package/dist/es/src/components/CdsStatus/CdsStatus.vue_vue_type_script_setup_true_lang.js +1 -1
  73. package/dist/es/src/components/CdsStatus/api/CdsStatus.props.js +1 -1
  74. package/dist/es/src/components/CdsSteps/api/CdsSteps.props.js +1 -1
  75. package/dist/es/src/components/CdsSurface/CdsSurface.vue_vue_type_script_setup_true_lang.js +1 -1
  76. package/dist/es/src/components/CdsSurface/api/CdsSurface.props.js +1 -1
  77. package/dist/es/src/components/CdsTable/api/CdsTable.props.js +1 -1
  78. package/dist/es/src/components/CdsTable/components/TableProvider.js +2 -2
  79. package/dist/es/src/components/CdsTag/CdsTag.vue_vue_type_script_setup_true_lang.js +1 -1
  80. package/dist/es/src/components/CdsTagGroup/CdsTagGroup.vue_vue_type_script_setup_true_lang.js +1 -1
  81. package/dist/es/src/components/CdsTagGroup/api/CdsTagGroup.props.js +1 -1
  82. package/dist/es/src/components/CdsTextArea/CdsTextArea.css +3 -0
  83. package/dist/es/src/components/CdsTextArea/CdsTextArea.vue_vue_type_script_setup_true_lang.js +2 -1
  84. package/dist/es/src/components/CdsTimePicker/CdsTimePicker.vue_vue_type_script_setup_true_lang.js +1 -1
  85. package/dist/es/src/components/CdsTimePicker/api/CdsTimePicker.props.js +1 -1
  86. package/dist/es/src/components/CdsToast/CdsToast.vue_vue_type_script_setup_true_lang.js +1 -1
  87. package/dist/es/src/components/CdsToolbar/CdsToolbar.vue_vue_type_script_setup_true_lang.js +1 -1
  88. package/dist/es/src/components/CdsToolbar/api/CdsToolbar.props.js +1 -1
  89. package/dist/es/src/components/CdsTree/CdsTree.vue_vue_type_script_setup_true_lang.js +1 -1
  90. package/dist/es/src/components/CdsTree/api/CdsTree.props.js +1 -1
  91. package/dist/es/src/components/CdsUploader/CdsUploader.vue_vue_type_script_setup_true_lang.js +1 -1
  92. package/dist/es/src/composables/useHydration/useHydration.js +1 -1
  93. package/dist/es/src/composables/useLayout/useLayout.js +1 -1
  94. package/dist/es/src/composables/useLoader/index.js +1 -1
  95. package/dist/es/src/composables/useLocation/index.js +1 -1
  96. package/dist/es/src/composables/useReadonly/index.js +1 -1
  97. package/dist/es/src/composables/useRouter/index.js +1 -1
  98. package/dist/es/src/composables/useVirtual/useVirtual.js +1 -1
  99. package/dist/esm-node/entry.mjs +1 -1
  100. package/dist/esm-node/src/cds.mjs +1 -1
  101. package/dist/esm-node/src/components/CdsList/CdsList.vue_vue_type_script_setup_true_lang.mjs +1 -1
  102. package/dist/esm-node/src/components/CdsList/CdsListGroup.vue_vue_type_script_setup_true_lang.mjs +1 -1
  103. package/dist/esm-node/src/components/CdsList/CdsListItem.vue_vue_type_script_setup_true_lang.mjs +1 -1
  104. package/dist/esm-node/src/components/CdsList/CdsListSubheader.vue_vue_type_script_setup_true_lang.mjs +1 -1
  105. package/dist/esm-node/src/components/CdsList/api/CdsList.constants.mjs +4 -4
  106. package/dist/esm-node/src/components/CdsList/api/CdsList.props.mjs +2 -2
  107. package/dist/esm-node/src/components/CdsList/index.mjs +1 -1
  108. package/dist/esm-node/src/components/CdsStages/CdsStages.vue_vue_type_script_setup_true_lang.mjs +5 -1
  109. package/dist/esm-node/src/components/CdsTextArea/CdsTextArea.css +3 -0
  110. package/dist/esm-node/src/components/CdsTextArea/CdsTextArea.vue_vue_type_script_setup_true_lang.mjs +2 -1
  111. package/dist/esm-node/src/composables/useLocation/index.mjs +1 -1
  112. package/dist/iife/entry.js +8 -8
  113. package/dist/styles.css +2 -2
  114. package/dist/types/components/CdsStages/index.d.ts +8 -0
  115. package/llms/llms-components.txt +4 -4
  116. package/llms/llms-full.txt +31 -4
  117. package/llms/llms-guides.txt +1 -1
  118. package/llms/llms-migration.txt +28 -1
  119. package/llms/llms-tokens.txt +1 -1
  120. package/llms/llms.txt +1 -1
  121. package/package.json +9 -8
  122. package/src/components/CdsTextArea/CdsTextArea.scss +4 -0
package/CHANGELOG.md CHANGED
@@ -290,10 +290,12 @@ _TBD_
290
290
  - **CdsSelect** / **CdsAutocomplete** / **CdsCombobox**: при включённом `hide-no-data` уже открытое меню закрывается, когда результат фильтрации пустеет — в CDS 3 под полем оставалась пустая полоса меню без списка.
291
291
  - **useColor**: фон, заданный именованным алиасом палитры (`red`, `neutral` и т.д. с `aliasPath: 'surface'`), теперь также подставляет класс `.cds-theme-on-inverse` — ранее ветка авто-контраста не срабатывала для алиасов, так как их резолвленное значение (`rgb(var(--…))`) не проходило проверку `isParsableColor`. Парный токен `content-inverse` переключается вместе с темой: в тёмной теме это исправление решает проблему контраста уверенно (было ~1.2–2.0, стало ~7.4–12.8), а в светлой теме — осознанный компромисс: на среднетоновых оттенках белый текст даёт ~3.5 вместо ~4.3, поэтому фоны на алиасах `surface` не стоит использовать под длинный текст.
292
292
  - **CdsFooter** / **CdsToolbar**: проп `bgColor` теперь красит фон, а `color` — текст; оба компонента дополнительно получили полноценную поддержку цвета текста. Ранее `color` красил фон, а объявленный `bgColor` не был подключён и не влиял на отображение.
293
+ - **CdsTextArea**: в размере `md` строки слипались (интерлиньяж был равен размеру шрифта), а при `auto-grow` с `rows="1"` контрол получал высоту меньше минимальной высоты поля и текст прижимался к верху — интерлиньяж выровнен по токену, минимум поля учитывается в расчёте высоты.
293
294
 
294
295
  ### Устаревшее
295
296
 
296
297
  - **CdsNotificationAlert**: обёртка-тост перенесена из CDS 3 как временный мост на `CdsToast` — работает в 4.x (внутри `CdsNotification` с `variant="important"`, вертикальный стек уведомлений как в CDS 3), в dev-консоли выводит `[CDS UPGRADE]` и будет удалена в 5.x — см. [Migration Guide](/docs/getting-started-migration-guide--docs).
298
+ - **CdsStages**: компонент помечен deprecated — публичный API не изменился и шкала работает во всей ветке 4.x, но в dev-консоли выводит `[CDS UPGRADE]`, а в 5.0 будет удалена. Замена — `CdsSteps` без пропа `interactive`: шаги некликабельны, а шапка без `items` работает как трекер хода процесса (проп `vertical` — для вертикального варианта); учтите, что вид отличается — стрелочная лента против индикаторов с линией прогресса. См. [Migration Guide](/docs/getting-started-migration-guide--docs).
297
299
 
298
300
  ---
299
301
 
package/MIGRATION.md CHANGED
@@ -587,6 +587,7 @@ _Пока изменений нет. Записи будут добавлять
587
587
  | `CdsProgress` | 🔁 Переименован в `CdsProgressBar`; ✨ новые пропсы стилизации | [CdsProgress](#cdsprogress) |
588
588
  | `CdsSlideGroup` | 🔁 `prependIcon`/`appendIcon`→`prevIcon`/`nextIcon` (новая система иконок) | [CdsSlideGroup](#cdsslidegroup) |
589
589
  | `CdsSlideView` | ⚠️ дефолты иконок стрелок `chevron-left`/`chevron-right`→`prev`/`next` (новая система иконок) | [CdsSlideView](#cdsslideview) |
590
+ | `CdsStages` | 🟠 Помечен deprecated → `CdsSteps` без `interactive`; будет удалён в 5.0 | [CdsStages](#cdsstages) |
590
591
  | `CdsStatus` | 🔁 значение `status="error"`→`"danger"`; ⚠️ булев `icon`→`variant="text"` | [CdsStatus](#cdsstatus) |
591
592
  | `CdsSteps` | ⚠️ дефолт `interactive` изменён `true`→`false`; ✨ проп `items`, контентная часть и кнопки навигации | [CdsSteps](#cdssteps) |
592
593
  | `CdsTabsV2` | 🔁 Переименован в `CdsTabs`; 🔁 `prependIcon`/`appendIcon`→`prevIcon`/`nextIcon`; ✨ новые пропсы | [CdsTabsV2](#cdstabsv2) |
@@ -1625,6 +1626,32 @@ const value = ref(35);
1625
1626
 
1626
1627
  <!-- entry-meta: id=cdsslideview-arrow-icons-iconvalue; severity=breaking; component=CdsSlideView -->
1627
1628
 
1629
+ ### CdsStages
1630
+
1631
+ #### Компонент `CdsStages` помечен deprecated — переходите на `CdsSteps`
1632
+
1633
+ > 🟠 **DEPRECATED** — публичный API компонента не изменился (`items`, `current`, `finished`, exposed `isCurrent` / `isFinished` работают как в CDS 3), но сценарий полностью закрывает `CdsSteps`, поэтому новый код на `CdsStages` писать не нужно. Компонент остаётся рабочим во всей ветке 4.x и будет удалён в 5.0.
1634
+
1635
+ **Было (CDS 3):**
1636
+
1637
+ ```html
1638
+ <!-- CDS 3 -->
1639
+ <CdsStages :items="stages" :current="current" :finished="finished" />
1640
+ ```
1641
+
1642
+ **Стало (CDS 4):**
1643
+
1644
+ ```html
1645
+ <!-- CDS 4 — шапка степпера без items работает как трекер статуса -->
1646
+ <CdsSteps :model-value="current">
1647
+ <CdsStepsItem v-for="stage in stages" :key="stage.value" :value="stage.value" :title="stage.title" :error="stage.error" />
1648
+ </CdsSteps>
1649
+ ```
1650
+
1651
+ **Действие:** `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/`.
1652
+
1653
+ <!-- entry-meta: id=cdsstages-deprecated-use-cdssteps; severity=deprecation; component=CdsStages -->
1654
+
1628
1655
  ### CdsStatus
1629
1656
 
1630
1657
  #### Значение `status="error"` переименовано в `status="danger"`