@central-design-system/components 4.0.0-alpha.10 → 4.0.0-alpha.11
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 +3 -0
- package/MIGRATION.md +40 -0
- package/dist/browser/entry.js +4676 -4665
- package/dist/browser/iconsets/carbon.js +5 -0
- package/dist/browser/iconsets/cds.js +5 -0
- package/dist/browser/iconsets/lucide.js +7 -2
- package/dist/browser/iconsets/mdi.js +7 -2
- package/dist/browser/iconsets/phosphor.js +11 -6
- package/dist/browser/iconsets/remix.js +8 -3
- package/dist/cds.d.ts +12 -0
- package/dist/cjs/entry.js +9 -9
- package/dist/es/entry.js +37 -37
- package/dist/es/src/assets/icons/carbon.js +5 -0
- package/dist/es/src/assets/icons/cds.js +5 -0
- package/dist/es/src/assets/icons/lucide.js +5 -0
- package/dist/es/src/assets/icons/mdi.js +5 -0
- package/dist/es/src/assets/icons/phosphor.js +5 -0
- package/dist/es/src/assets/icons/remix.js +5 -0
- package/dist/es/src/cds.js +1 -1
- package/dist/es/src/components/CdsDrawer/CdsDrawer.css +3 -0
- package/dist/es/src/components/CdsDrawer/CdsDrawer.vue_vue_type_script_setup_true_lang.js +22 -2
- package/dist/es/src/components/CdsDrawer/api/CdsDrawer.constants.js +5 -1
- package/dist/es/src/components/CdsFooter/CdsFooter.css +3 -0
- package/dist/es/src/components/CdsLayout/CdsLayout.css +0 -1
- package/dist/es/src/components/index.js +1 -1
- package/dist/es/src/composables/useDisabled/index.js +1 -1
- package/dist/es/src/composables/useReadonly/index.js +1 -1
- package/dist/es/src/composables/useRouter/index.js +1 -1
- package/dist/esm-node/entry.mjs +37 -37
- package/dist/esm-node/src/assets/icons/carbon.mjs +5 -0
- package/dist/esm-node/src/assets/icons/cds.mjs +5 -0
- package/dist/esm-node/src/assets/icons/lucide.mjs +5 -0
- package/dist/esm-node/src/assets/icons/mdi.mjs +5 -0
- package/dist/esm-node/src/assets/icons/phosphor.mjs +5 -0
- package/dist/esm-node/src/assets/icons/remix.mjs +5 -0
- package/dist/esm-node/src/cds.mjs +1 -1
- package/dist/esm-node/src/components/CdsDrawer/CdsDrawer.css +3 -0
- package/dist/esm-node/src/components/CdsDrawer/CdsDrawer.vue_vue_type_script_setup_true_lang.mjs +22 -2
- package/dist/esm-node/src/components/CdsDrawer/api/CdsDrawer.constants.mjs +5 -1
- package/dist/esm-node/src/components/CdsFooter/CdsFooter.css +3 -0
- package/dist/esm-node/src/components/CdsLayout/CdsLayout.css +0 -1
- package/dist/esm-node/src/components/index.mjs +1 -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/useReadonly/index.mjs +1 -1
- package/dist/esm-node/src/composables/useRouter/index.mjs +1 -1
- package/dist/iife/entry.js +10 -10
- package/dist/styles.css +2 -2
- package/dist/types/components/CdsDrawer/api/CdsDrawer.constants.d.ts +4 -0
- package/dist/types/composables/useIcons/internal/useIcons.types.d.ts +12 -0
- package/llms/llms-components.txt +1 -1
- package/llms/llms-full.txt +41 -1
- package/llms/llms-guides.txt +1 -1
- package/llms/llms-migration.txt +41 -1
- package/llms/llms-tokens.txt +1 -1
- package/llms/llms.txt +1 -1
- package/package.json +1 -1
- package/src/components/CdsDrawer/CdsDrawer.scss +4 -0
- package/src/components/CdsFooter/CdsFooter.scss +4 -0
- package/src/components/CdsLayout/CdsLayout.scss +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -299,6 +299,9 @@ _TBD_
|
|
|
299
299
|
- **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` не стоит использовать под длинный текст.
|
|
300
300
|
- **CdsFooter** / **CdsToolbar**: проп `bgColor` теперь красит фон, а `color` — текст; оба компонента дополнительно получили полноценную поддержку цвета текста. Ранее `color` красил фон, а объявленный `bgColor` не был подключён и не влиял на отображение.
|
|
301
301
|
- **CdsTextArea**: в размере `md` строки слипались (интерлиньяж был равен размеру шрифта), а при `auto-grow` с `rows="1"` контрол получал высоту меньше минимальной высоты поля и текст прижимался к верху — интерлиньяж выровнен по токену, минимум поля учитывается в расчёте высоты.
|
|
302
|
+
- **CdsLayout**: корень макета больше не обрезает содержимое (`overflow: hidden`) и не становится скролл-контейнером — `position: sticky` внутри макета снова прилипает к прокручиваемой странице (например, закреплённая шапка `CdsTable` со `sticky`).
|
|
303
|
+
- **CdsDrawer**: закрытая и выезжающая панели в макете позиционируются `fixed` и не создают горизонтальную прокрутку страницы; на время выезда обычной панели на `body` ставится класс `cds-body--drawer-toggle` (`overflow-x: hidden`). Выезжающая панель на прокрученной странице теперь открывается в видимой области, а не у верха макета.
|
|
304
|
+
- **CdsFooter**: подвал, скрытый через `v-model="false"` и не закреплённый в макете, получает `display: none` и больше не удлиняет прокрутку страницы.
|
|
302
305
|
|
|
303
306
|
### Устаревшее
|
|
304
307
|
|
package/MIGRATION.md
CHANGED
|
@@ -287,6 +287,46 @@ createCds({
|
|
|
287
287
|
|
|
288
288
|
<!-- entry-meta: id=icons-createicons-factory; severity=new; component= -->
|
|
289
289
|
|
|
290
|
+
### Иконки отправки `send-*` сведены к `send` и `send-fill`
|
|
291
|
+
|
|
292
|
+
> ⚠️ **BREAKING** — `send-right` / `send-right-fill` переименованы, остальные направления удалены.
|
|
293
|
+
|
|
294
|
+
В CDS 3 (3.12.0) иконка отправки шла в четырёх направлениях, каждое в
|
|
295
|
+
контурном и залитом варианте. Это одна и та же иконка, повёрнутая на 90°,
|
|
296
|
+
поэтому в CDS 4 осталась одна пара: `send` и `send-fill` (самолётик
|
|
297
|
+
смотрит вправо). Во всех iconpack'ах (`cds`, `carbon`, `lucide`, `mdi`,
|
|
298
|
+
`phosphor`, `remix`) они лежат под этими же именами.
|
|
299
|
+
|
|
300
|
+
| CDS 3 | CDS 4 |
|
|
301
|
+
| -------------------------------------------------- | ----------- |
|
|
302
|
+
| `send-right` | `send` |
|
|
303
|
+
| `send-right-fill` | `send-fill` |
|
|
304
|
+
| `send-up`, `send-down`, `send-left` | — удалены |
|
|
305
|
+
| `send-up-fill`, `send-down-fill`, `send-left-fill` | — удалены |
|
|
306
|
+
|
|
307
|
+
**Было (CDS 3):**
|
|
308
|
+
|
|
309
|
+
```vue
|
|
310
|
+
<!-- CDS 3 -->
|
|
311
|
+
<CdsIcon name="send-right" />
|
|
312
|
+
<CdsIcon name="send-up-fill" />
|
|
313
|
+
```
|
|
314
|
+
|
|
315
|
+
**Стало (CDS 4):**
|
|
316
|
+
|
|
317
|
+
```vue
|
|
318
|
+
<!-- CDS 4 -->
|
|
319
|
+
<CdsIcon icon="send" />
|
|
320
|
+
<CdsIcon icon="send-fill" />
|
|
321
|
+
```
|
|
322
|
+
|
|
323
|
+
**Действие:** заменить `send-right` → `send` и `send-right-fill` → `send-fill`.
|
|
324
|
+
Остальные направления заменить на `send` / `send-fill`; если направление
|
|
325
|
+
принципиально, повернуть иконку через CSS (`transform: rotate(…)`).
|
|
326
|
+
Поиск: `grep -rnE "send-(up|down|left|right)(-fill)?|IconSend(Up|Down|Left|Right)" src/`.
|
|
327
|
+
|
|
328
|
+
<!-- entry-meta: id=icons-send-directions-to-send; severity=breaking; component= -->
|
|
329
|
+
|
|
290
330
|
---
|
|
291
331
|
|
|
292
332
|
<a id="3-пропсы"></a>
|