@central-design-system/components 4.0.0-alpha.10 → 4.0.0-alpha.12

package/llms/llms-guides.txt

@@ -1,6 +1,6 @@
 # Central Design System (CDS 4) — guides
 
-> Version: 4.0.0-alpha.10
+> Version: 4.0.0-alpha.12
 > 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.10
+> Version: 4.0.0-alpha.12
 > 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.
 
@@ -295,6 +295,46 @@ createCds({
 
 <!-- entry-meta: id=icons-createicons-factory; severity=new; component= -->
 
+### Иконки отправки `send-*` сведены к `send` и `send-fill`
+
+> ⚠️ **BREAKING** — `send-right` / `send-right-fill` переименованы, остальные направления удалены.
+
+В CDS 3 (3.12.0) иконка отправки шла в четырёх направлениях, каждое в
+контурном и залитом варианте. Это одна и та же иконка, повёрнутая на 90°,
+поэтому в CDS 4 осталась одна пара: `send` и `send-fill` (самолётик
+смотрит вправо). Во всех iconpack'ах (`cds`, `carbon`, `lucide`, `mdi`,
+`phosphor`, `remix`) они лежат под этими же именами.
+
+| CDS 3                                              | CDS 4       |
+| -------------------------------------------------- | ----------- |
+| `send-right`                                       | `send`      |
+| `send-right-fill`                                  | `send-fill` |
+| `send-up`, `send-down`, `send-left`                | — удалены   |
+| `send-up-fill`, `send-down-fill`, `send-left-fill` | — удалены   |
+
+**Было (CDS 3):**
+
+```vue
+<!-- CDS 3 -->
+<CdsIcon name="send-right" />
+<CdsIcon name="send-up-fill" />
+```
+
+**Стало (CDS 4):**
+
+```vue
+<!-- CDS 4 -->
+<CdsIcon icon="send" />
+<CdsIcon icon="send-fill" />
+```
+
+**Действие:** заменить `send-right` → `send` и `send-right-fill` → `send-fill`.
+Остальные направления заменить на `send` / `send-fill`; если направление
+принципиально, повернуть иконку через CSS (`transform: rotate(…)`).
+Поиск: `grep -rnE "send-(up|down|left|right)(-fill)?|IconSend(Up|Down|Left|Right)" src/`.
+
+<!-- entry-meta: id=icons-send-directions-to-send; severity=breaking; component= -->
+
 ---
 
 <a id="3-пропсы"></a>

package/llms/llms-tokens.txt

@@ -1,6 +1,6 @@
 # Central Design System (CDS 4) — tokens and themes
 
-> Version: 4.0.0-alpha.10
+> Version: 4.0.0-alpha.12
 > 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.10. A modular Vue 3 UI component library, `@central-design-system/components`.
+> Version: 4.0.0-alpha.12. 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.10",
+  "version": "4.0.0-alpha.12",
   "author": "magersoft",
   "description": "Luma Design System - Vue 3 UI Framework",
   "homepage": "https://cds.b2b-center.ru/",
@@ -88,8 +88,8 @@
     "dist",
     "!dist/web-components",
     "!dist/**/*.map",
-    "dist/es/**/*.map",
     "src/assets/fonts/**",
+    "!src/assets/fonts/**/*.ttf",
     "src/styles/**/*.scss",
     "src/styles/**/*.sass",
     "src/components/**/*.scss",
@@ -127,12 +127,14 @@
     "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:quality": "tsx build/plugins/generate-quality.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",
+    "generate:all": "run-s generate:meta generate:settings generate:quality generate:llms generate:skill generate:mcp generate:changelog generate:i18n-check",
     "test:unit": "vitest run",
-    "test:e2e": "playwright test",
+    "test:unit:coverage": "vitest run --coverage",
+    "test:api-coverage": "tsx build/plugins/api-coverage.ts",
     "build-only": "vite build",
     "check-types": "vue-tsc --noEmit -p tsconfig.app.json",
     "lint": "run-s lint:*",
@@ -147,11 +149,11 @@
     "@central-design-system/prettier-config": "0.0.0",
     "@central-design-system/stylelint-config": "0.0.0",
     "@central-design-system/tsconfig": "0.0.0",
-    "@playwright/test": "^1.58.1",
     "@types/jsdom": "^27.0.0",
     "@types/listr": "^0.14.10",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vitejs/plugin-vue-jsx": "^5.1.3",
+    "@vitest/coverage-v8": "^4.1.11",
     "@vitest/eslint-plugin": "^1.6.6",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",

package/src/components/CdsApp/CdsApp.scss

@@ -17,8 +17,8 @@
     }
 
     &--storybook {
-      align-items: center;
-      justify-content: center;
+      align-items: safe center;
+      justify-content: safe center;
       width: 100%;
       height: 100%;
 

package/src/components/CdsDrawer/CdsDrawer.scss

@@ -2,6 +2,10 @@
 @use './styles/CdsDrawer.variables' as *;
 
 @include tools.layer('components') {
+  body.cds-body--drawer-toggle {
+    overflow-x: hidden !important;
+  }
+
   .cds-drawer {
     position: absolute;
     top: 0;

package/src/components/CdsFooter/CdsFooter.scss

@@ -15,6 +15,10 @@
 
     &--absolute {
       position: absolute;
+
+      &.cds-footer--prevent-focus {
+        display: none;
+      }
     }
 
     &--fixed {

package/src/components/CdsLayout/CdsLayout.scss

@@ -5,7 +5,6 @@
   .cds-layout {
     position: relative;
     width: 100%;
-    overflow: hidden;
     color: $layout-color;
     outline: 0;
     background: $layout-background;

package/src/styles/{generic/_fonts.scss → _fonts.scss}

@@ -1,4 +1,4 @@
-@use "../tools";
+@use "./tools";
 
 @include tools.layer("core.fonts") {
   /* Generated by ParaType (http://www.paratype.com) */
@@ -7,9 +7,8 @@
   @font-face {
     font-family: "PT Root UI VF";
     font-style: normal;
-    font-weight: 100 900;
-    src:
-      url('../assets/fonts/PTRootUI/pt-root-ui_vf.woff2') format('woff2-variations'),
-      url('../assets/fonts/PTRootUI/pt-root-ui_vf.woff') format('woff-variations');
+    font-weight: 300 700;
+    src: url('../assets/fonts/PTRootUI/pt-root-ui_vf.woff2') format('woff2');
+    font-display: swap;
   }
 }

package/src/styles/core.scss

@@ -3,7 +3,7 @@
 // Required core styles for the design system
 // Use this first to reset and normalize styles, then add layers and global element styles
 @use "./generic/layers";
-@use "./generic/fonts";
+@use "./fonts";
 @use "./generic/reset";
 @use "./generic/legacy-reset";
 @use "./elements/global";

package/src/styles/generic/index.scss

@@ -1,5 +1,5 @@
 @use "./layers";
-@use "./fonts";
+@use "../fonts";
 @use "./reset";
 @use "./legacy-reset";
 @use "./transition";