@central-design-system/components 4.0.0-alpha.7 → 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.
- package/CHANGELOG.md +2 -0
- package/MIGRATION.md +27 -0
- package/dist/browser/entry.js +629 -625
- package/dist/cds.d.ts +8 -0
- package/dist/cjs/entry.js +9 -9
- package/dist/es/entry.js +1 -1
- package/dist/es/src/cds.js +5 -5
- package/dist/es/src/components/CdsApp/CdsApp.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsApp/api/CdsApp.props.js +1 -1
- package/dist/es/src/components/CdsAvatar/CdsAvatar.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsAvatar/api/CdsAvatar.props.js +1 -1
- package/dist/es/src/components/CdsBadge/CdsBadge.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsBadge/api/CdsBadge.props.js +1 -1
- package/dist/es/src/components/CdsButton/CdsButton.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsButton/api/CdsButton.props.js +1 -1
- package/dist/es/src/components/CdsButtonGroup/CdsButtonGroup.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsButtonGroup/api/CdsButtonGroup.props.js +1 -1
- package/dist/es/src/components/CdsCard/CdsCard.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsCard/CdsCardGroup.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsCard/api/CdsCard.props.js +1 -1
- package/dist/es/src/components/CdsDatePicker/CdsDatePicker.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsDatePicker/api/CdsDatePicker.props.js +1 -1
- package/dist/es/src/components/CdsDivider/CdsDivider.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsDrawer/CdsDrawer.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/es/src/components/CdsDrawer/api/CdsDrawer.props.js +1 -1
- package/dist/es/src/components/CdsEmptyState/CdsEmptyState.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/es/src/components/CdsEmptyState/api/CdsEmptyState.props.js +1 -1
- package/dist/es/src/components/CdsExpandablePanel/CdsExpandablePanels.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsExpandablePanel/api/CdsExpandablePanel.props.js +1 -1
- package/dist/es/src/components/CdsField/CdsField.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsField/api/CdsField.props.js +1 -1
- package/dist/es/src/components/CdsFooter/CdsFooter.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/es/src/components/CdsFooter/api/CdsFooter.props.js +1 -1
- package/dist/es/src/components/CdsFunctionalButton/api/CdsFunctionalButton.props.js +1 -1
- package/dist/es/src/components/CdsGrid/CdsCol.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsHeader/CdsHeader.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsHeader/api/CdsHeader.props.js +1 -1
- package/dist/es/src/components/CdsIcon/CdsIcon.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsIcon/api/CdsIcon.props.js +1 -1
- package/dist/es/src/components/CdsImage/CdsImage.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsImage/api/CdsImage.props.js +1 -1
- package/dist/es/src/components/CdsInput/CdsInput.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsInput/api/CdsInput.props.js +1 -1
- package/dist/es/src/components/CdsLayout/CdsLayout.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/es/src/components/CdsLayout/api/CdsLayout.props.js +1 -1
- package/dist/es/src/components/CdsLink/CdsLink.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsLink/api/CdsLink.props.js +1 -1
- package/dist/es/src/components/CdsList/CdsList.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsList/CdsListItem.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsList/api/CdsList.props.js +1 -1
- package/dist/es/src/components/CdsLoader/CdsLoader.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsNotification/CdsNotification.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsNotification/api/CdsNotification.props.js +1 -1
- package/dist/es/src/components/CdsOtpInput/CdsOtpInput.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsOtpInput/api/CdsOtpInput.props.js +1 -1
- package/dist/es/src/components/CdsOverlay/CdsOverlay.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsOverlay/api/CdsOverlay.props.js +1 -1
- package/dist/es/src/components/CdsPage/CdsPage.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsPagination/CdsPagination.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/es/src/components/CdsPagination/api/CdsPagination.props.js +1 -1
- package/dist/es/src/components/CdsProgressBar/CdsProgressBar.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsProgressBar/api/CdsProgressBar.props.js +1 -1
- package/dist/es/src/components/CdsProgressCircle/CdsProgressCircle.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsProgressCircle/api/CdsProgressCircle.props.js +1 -1
- package/dist/es/src/components/CdsSkeletonLoader/CdsSkeletonLoader.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsSkeletonLoader/api/CdsSkeletonLoader.props.js +1 -1
- package/dist/es/src/components/CdsSlideGroup/CdsSlideGroup.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsSlideGroup/api/CdsSlideGroup.props.js +1 -1
- package/dist/es/src/components/CdsSlideView/api/CdsSlideView.props.js +1 -1
- package/dist/es/src/components/CdsStages/CdsStages.vue_vue_type_script_setup_true_lang.js +6 -2
- package/dist/es/src/components/CdsStages/api/CdsStages.props.js +1 -1
- package/dist/es/src/components/CdsStatus/CdsStatus.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsStatus/api/CdsStatus.props.js +1 -1
- package/dist/es/src/components/CdsSteps/api/CdsSteps.props.js +1 -1
- package/dist/es/src/components/CdsSurface/CdsSurface.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsSurface/api/CdsSurface.props.js +1 -1
- package/dist/es/src/components/CdsTable/api/CdsTable.props.js +1 -1
- package/dist/es/src/components/CdsTable/components/TableProvider.js +2 -2
- package/dist/es/src/components/CdsTag/CdsTag.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsTagGroup/CdsTagGroup.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsTagGroup/api/CdsTagGroup.props.js +1 -1
- package/dist/es/src/components/CdsTextArea/CdsTextArea.css +3 -0
- package/dist/es/src/components/CdsTextArea/CdsTextArea.vue_vue_type_script_setup_true_lang.js +2 -1
- package/dist/es/src/components/CdsTimePicker/CdsTimePicker.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsTimePicker/api/CdsTimePicker.props.js +1 -1
- package/dist/es/src/components/CdsToast/CdsToast.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsToolbar/CdsToolbar.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsToolbar/api/CdsToolbar.props.js +1 -1
- package/dist/es/src/components/CdsTree/CdsTree.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/components/CdsTree/api/CdsTree.props.js +1 -1
- package/dist/es/src/components/CdsUploader/CdsUploader.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/src/composables/useDisabled/index.js +1 -1
- package/dist/es/src/composables/useHydration/useHydration.js +1 -1
- package/dist/es/src/composables/useLayout/useLayout.js +1 -1
- package/dist/es/src/composables/useLoader/index.js +1 -1
- package/dist/es/src/composables/useRouter/index.js +1 -1
- package/dist/es/src/composables/useVirtual/useVirtual.js +1 -1
- package/dist/esm-node/entry.mjs +1 -1
- package/dist/esm-node/src/cds.mjs +1 -1
- package/dist/esm-node/src/components/CdsCard/CdsCard.vue_vue_type_script_setup_true_lang.mjs +1 -1
- package/dist/esm-node/src/components/CdsCard/CdsCardActions.vue_vue_type_script_setup_true_lang.mjs +1 -1
- package/dist/esm-node/src/components/CdsCard/CdsCardDivider.vue_vue_type_script_setup_true_lang.mjs +1 -1
- package/dist/esm-node/src/components/CdsCard/CdsCardGroup.vue_vue_type_script_setup_true_lang.mjs +1 -1
- package/dist/esm-node/src/components/CdsCard/CdsCardItem.vue_vue_type_script_setup_true_lang.mjs +1 -1
- package/dist/esm-node/src/components/CdsCard/CdsCardSubtitle.vue_vue_type_script_setup_true_lang.mjs +1 -1
- package/dist/esm-node/src/components/CdsCard/CdsCardText.vue_vue_type_script_setup_true_lang.mjs +1 -1
- package/dist/esm-node/src/components/CdsCard/CdsCardTitle.vue_vue_type_script_setup_true_lang.mjs +1 -1
- package/dist/esm-node/src/components/CdsCard/api/CdsCard.constants.mjs +9 -9
- package/dist/esm-node/src/components/CdsCard/api/CdsCard.props.mjs +1 -1
- package/dist/esm-node/src/components/CdsCard/index.mjs +1 -1
- package/dist/esm-node/src/components/CdsStages/CdsStages.vue_vue_type_script_setup_true_lang.mjs +5 -1
- package/dist/esm-node/src/components/CdsTextArea/CdsTextArea.css +3 -0
- package/dist/esm-node/src/components/CdsTextArea/CdsTextArea.vue_vue_type_script_setup_true_lang.mjs +2 -1
- package/dist/esm-node/src/composables/useDisabled/index.mjs +1 -1
- package/dist/esm-node/src/composables/useLoader/index.mjs +1 -1
- package/dist/esm-node/src/composables/useLocation/index.mjs +1 -1
- package/dist/esm-node/src/composables/useReadonly/index.mjs +1 -1
- package/dist/iife/entry.js +8 -8
- package/dist/styles.css +2 -2
- package/dist/types/components/CdsStages/index.d.ts +8 -0
- package/llms/llms-components.txt +4 -4
- package/llms/llms-full.txt +31 -4
- package/llms/llms-guides.txt +1 -1
- package/llms/llms-migration.txt +28 -1
- package/llms/llms-tokens.txt +1 -1
- package/llms/llms.txt +1 -1
- package/package.json +9 -8
- 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"`
|