@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.
Files changed (60) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/MIGRATION.md +40 -0
  3. package/dist/browser/entry.js +4676 -4665
  4. package/dist/browser/iconsets/carbon.js +5 -0
  5. package/dist/browser/iconsets/cds.js +5 -0
  6. package/dist/browser/iconsets/lucide.js +7 -2
  7. package/dist/browser/iconsets/mdi.js +7 -2
  8. package/dist/browser/iconsets/phosphor.js +11 -6
  9. package/dist/browser/iconsets/remix.js +8 -3
  10. package/dist/cds.d.ts +12 -0
  11. package/dist/cjs/entry.js +9 -9
  12. package/dist/es/entry.js +37 -37
  13. package/dist/es/src/assets/icons/carbon.js +5 -0
  14. package/dist/es/src/assets/icons/cds.js +5 -0
  15. package/dist/es/src/assets/icons/lucide.js +5 -0
  16. package/dist/es/src/assets/icons/mdi.js +5 -0
  17. package/dist/es/src/assets/icons/phosphor.js +5 -0
  18. package/dist/es/src/assets/icons/remix.js +5 -0
  19. package/dist/es/src/cds.js +1 -1
  20. package/dist/es/src/components/CdsDrawer/CdsDrawer.css +3 -0
  21. package/dist/es/src/components/CdsDrawer/CdsDrawer.vue_vue_type_script_setup_true_lang.js +22 -2
  22. package/dist/es/src/components/CdsDrawer/api/CdsDrawer.constants.js +5 -1
  23. package/dist/es/src/components/CdsFooter/CdsFooter.css +3 -0
  24. package/dist/es/src/components/CdsLayout/CdsLayout.css +0 -1
  25. package/dist/es/src/components/index.js +1 -1
  26. package/dist/es/src/composables/useDisabled/index.js +1 -1
  27. package/dist/es/src/composables/useReadonly/index.js +1 -1
  28. package/dist/es/src/composables/useRouter/index.js +1 -1
  29. package/dist/esm-node/entry.mjs +37 -37
  30. package/dist/esm-node/src/assets/icons/carbon.mjs +5 -0
  31. package/dist/esm-node/src/assets/icons/cds.mjs +5 -0
  32. package/dist/esm-node/src/assets/icons/lucide.mjs +5 -0
  33. package/dist/esm-node/src/assets/icons/mdi.mjs +5 -0
  34. package/dist/esm-node/src/assets/icons/phosphor.mjs +5 -0
  35. package/dist/esm-node/src/assets/icons/remix.mjs +5 -0
  36. package/dist/esm-node/src/cds.mjs +1 -1
  37. package/dist/esm-node/src/components/CdsDrawer/CdsDrawer.css +3 -0
  38. package/dist/esm-node/src/components/CdsDrawer/CdsDrawer.vue_vue_type_script_setup_true_lang.mjs +22 -2
  39. package/dist/esm-node/src/components/CdsDrawer/api/CdsDrawer.constants.mjs +5 -1
  40. package/dist/esm-node/src/components/CdsFooter/CdsFooter.css +3 -0
  41. package/dist/esm-node/src/components/CdsLayout/CdsLayout.css +0 -1
  42. package/dist/esm-node/src/components/index.mjs +1 -1
  43. package/dist/esm-node/src/composables/useDisabled/index.mjs +1 -1
  44. package/dist/esm-node/src/composables/useLoader/index.mjs +1 -1
  45. package/dist/esm-node/src/composables/useReadonly/index.mjs +1 -1
  46. package/dist/esm-node/src/composables/useRouter/index.mjs +1 -1
  47. package/dist/iife/entry.js +10 -10
  48. package/dist/styles.css +2 -2
  49. package/dist/types/components/CdsDrawer/api/CdsDrawer.constants.d.ts +4 -0
  50. package/dist/types/composables/useIcons/internal/useIcons.types.d.ts +12 -0
  51. package/llms/llms-components.txt +1 -1
  52. package/llms/llms-full.txt +41 -1
  53. package/llms/llms-guides.txt +1 -1
  54. package/llms/llms-migration.txt +41 -1
  55. package/llms/llms-tokens.txt +1 -1
  56. package/llms/llms.txt +1 -1
  57. package/package.json +1 -1
  58. package/src/components/CdsDrawer/CdsDrawer.scss +4 -0
  59. package/src/components/CdsFooter/CdsFooter.scss +4 -0
  60. package/src/components/CdsLayout/CdsLayout.scss +0 -1
@@ -7,3 +7,7 @@ export declare const CDS_DRAWER_WIDTH_MINIFIED = 56;
7
7
  export declare const CDS_DRAWER_Z_INDEX_INNER = 600;
8
8
  /** z-index панели поверх header/footer (`cds-layer-extra-high` + 1). */
9
9
  export declare const CDS_DRAWER_Z_INDEX_OUTER = 801;
10
+ /** Класс `body` на время выезда панели: гасит горизонтальную прокрутку страницы. */
11
+ export declare const CDS_DRAWER_BODY_TOGGLE_CLASS = "cds-body--drawer-toggle";
12
+ /** Запас на снятие класса `body`, если `transitionend` не пришёл (анимация отключена), мс. */
13
+ export declare const CDS_DRAWER_TOGGLE_TIMEOUT = 300;
@@ -13,6 +13,8 @@ export interface IconAliases {
13
13
  'alert-fill': IconValue;
14
14
  alert: IconValue;
15
15
  analog: IconValue;
16
+ 'archive-fill': IconValue;
17
+ archive: IconValue;
16
18
  'arrow-down': IconValue;
17
19
  'arrow-left-bottom': IconValue;
18
20
  'arrow-left-top': IconValue;
@@ -46,6 +48,7 @@ export interface IconAliases {
46
48
  copy: IconValue;
47
49
  'data-cards': IconValue;
48
50
  delete: IconValue;
51
+ delimiter: IconValue;
49
52
  'directory-open': IconValue;
50
53
  directory: IconValue;
51
54
  'doc-download': IconValue;
@@ -63,6 +66,7 @@ export interface IconAliases {
63
66
  facebook: IconValue;
64
67
  fill: IconValue;
65
68
  filters: IconValue;
69
+ first: IconValue;
66
70
  flag: IconValue;
67
71
  format: IconValue;
68
72
  formula: IconValue;
@@ -74,6 +78,7 @@ export interface IconAliases {
74
78
  info: IconValue;
75
79
  insert: IconValue;
76
80
  italic: IconValue;
81
+ last: IconValue;
77
82
  link: IconValue;
78
83
  'list-search': IconValue;
79
84
  list: IconValue;
@@ -84,6 +89,7 @@ export interface IconAliases {
84
89
  logout: IconValue;
85
90
  menu: IconValue;
86
91
  minus: IconValue;
92
+ moon: IconValue;
87
93
  notification: IconValue;
88
94
  'overflow-menu-horizontal': IconValue;
89
95
  'overflow-menu-vertical': IconValue;
@@ -95,11 +101,14 @@ export interface IconAliases {
95
101
  question: IconValue;
96
102
  refresh: IconValue;
97
103
  remove: IconValue;
104
+ reset: IconValue;
98
105
  sandglass: IconValue;
99
106
  save: IconValue;
100
107
  'scale-left': IconValue;
101
108
  'scale-right': IconValue;
102
109
  search: IconValue;
110
+ 'send-fill': IconValue;
111
+ send: IconValue;
103
112
  settings: IconValue;
104
113
  'shopping-cart': IconValue;
105
114
  'sort-date': IconValue;
@@ -109,6 +118,7 @@ export interface IconAliases {
109
118
  source: IconValue;
110
119
  'star-fill': IconValue;
111
120
  star: IconValue;
121
+ sun: IconValue;
112
122
  'tab-backward': IconValue;
113
123
  'tab-forward': IconValue;
114
124
  telegram: IconValue;
@@ -128,6 +138,8 @@ export interface IconAliases {
128
138
  'visibility-off': IconValue;
129
139
  'visibility-on': IconValue;
130
140
  vk: IconValue;
141
+ 'wallet-fill': IconValue;
142
+ wallet: IconValue;
131
143
  whatsapp: IconValue;
132
144
  winner: IconValue;
133
145
  workspace: IconValue;
@@ -1,6 +1,6 @@
1
1
  # Central Design System (CDS 4) — components
2
2
 
3
- > Version: 4.0.0-alpha.10
3
+ > Version: 4.0.0-alpha.11
4
4
  > Documentation for all `@central-design-system/components` components: purpose, examples, and the full API contract.
5
5
  > Generated automatically (`bun run generate:meta` → `bun run generate:llms`). Do not edit manually.
6
6
 
@@ -1,6 +1,6 @@
1
1
  # Central Design System (CDS 4) — full documentation
2
2
 
3
- > Version: 4.0.0-alpha.10
3
+ > Version: 4.0.0-alpha.11
4
4
  > Everything at once: guides, tokens and themes, components with examples and the API contract, CDS 3 migration.
5
5
  > Generated automatically (`bun run generate:meta` → `bun run generate:llms`). Do not edit manually.
6
6
 
@@ -42021,6 +42021,46 @@ createCds({
42021
42021
 
42022
42022
  <!-- entry-meta: id=icons-createicons-factory; severity=new; component= -->
42023
42023
 
42024
+ ### Иконки отправки `send-*` сведены к `send` и `send-fill`
42025
+
42026
+ > ⚠️ **BREAKING** — `send-right` / `send-right-fill` переименованы, остальные направления удалены.
42027
+
42028
+ В CDS 3 (3.12.0) иконка отправки шла в четырёх направлениях, каждое в
42029
+ контурном и залитом варианте. Это одна и та же иконка, повёрнутая на 90°,
42030
+ поэтому в CDS 4 осталась одна пара: `send` и `send-fill` (самолётик
42031
+ смотрит вправо). Во всех iconpack'ах (`cds`, `carbon`, `lucide`, `mdi`,
42032
+ `phosphor`, `remix`) они лежат под этими же именами.
42033
+
42034
+ | CDS 3 | CDS 4 |
42035
+ | -------------------------------------------------- | ----------- |
42036
+ | `send-right` | `send` |
42037
+ | `send-right-fill` | `send-fill` |
42038
+ | `send-up`, `send-down`, `send-left` | — удалены |
42039
+ | `send-up-fill`, `send-down-fill`, `send-left-fill` | — удалены |
42040
+
42041
+ **Было (CDS 3):**
42042
+
42043
+ ```vue
42044
+ <!-- CDS 3 -->
42045
+ <CdsIcon name="send-right" />
42046
+ <CdsIcon name="send-up-fill" />
42047
+ ```
42048
+
42049
+ **Стало (CDS 4):**
42050
+
42051
+ ```vue
42052
+ <!-- CDS 4 -->
42053
+ <CdsIcon icon="send" />
42054
+ <CdsIcon icon="send-fill" />
42055
+ ```
42056
+
42057
+ **Действие:** заменить `send-right` → `send` и `send-right-fill` → `send-fill`.
42058
+ Остальные направления заменить на `send` / `send-fill`; если направление
42059
+ принципиально, повернуть иконку через CSS (`transform: rotate(…)`).
42060
+ Поиск: `grep -rnE "send-(up|down|left|right)(-fill)?|IconSend(Up|Down|Left|Right)" src/`.
42061
+
42062
+ <!-- entry-meta: id=icons-send-directions-to-send; severity=breaking; component= -->
42063
+
42024
42064
  ---
42025
42065
 
42026
42066
  <a id="3-пропсы"></a>
@@ -1,6 +1,6 @@
1
1
  # Central Design System (CDS 4) — guides
2
2
 
3
- > Version: 4.0.0-alpha.10
3
+ > Version: 4.0.0-alpha.11
4
4
  > Setup, conventions, forms, theming, Tailwind CSS, tree-shaking, and responsiveness.
5
5
  > Generated automatically (`bun run generate:meta` → `bun run generate:llms`). Do not edit manually.
6
6
 
@@ -1,6 +1,6 @@
1
1
  # Central Design System — CDS 3 → CDS 4 migration
2
2
 
3
- > Version: 4.0.0-alpha.10
3
+ > Version: 4.0.0-alpha.11
4
4
  > The full migration guide (currently in Russian): breaking changes, renames, deprecations, and migration steps.
5
5
  > Generated automatically (`bun run generate:meta` → `bun run generate:llms`). Do not edit manually.
6
6
 
@@ -295,6 +295,46 @@ createCds({
295
295
 
296
296
  <!-- entry-meta: id=icons-createicons-factory; severity=new; component= -->
297
297
 
298
+ ### Иконки отправки `send-*` сведены к `send` и `send-fill`
299
+
300
+ > ⚠️ **BREAKING** — `send-right` / `send-right-fill` переименованы, остальные направления удалены.
301
+
302
+ В CDS 3 (3.12.0) иконка отправки шла в четырёх направлениях, каждое в
303
+ контурном и залитом варианте. Это одна и та же иконка, повёрнутая на 90°,
304
+ поэтому в CDS 4 осталась одна пара: `send` и `send-fill` (самолётик
305
+ смотрит вправо). Во всех iconpack'ах (`cds`, `carbon`, `lucide`, `mdi`,
306
+ `phosphor`, `remix`) они лежат под этими же именами.
307
+
308
+ | CDS 3 | CDS 4 |
309
+ | -------------------------------------------------- | ----------- |
310
+ | `send-right` | `send` |
311
+ | `send-right-fill` | `send-fill` |
312
+ | `send-up`, `send-down`, `send-left` | — удалены |
313
+ | `send-up-fill`, `send-down-fill`, `send-left-fill` | — удалены |
314
+
315
+ **Было (CDS 3):**
316
+
317
+ ```vue
318
+ <!-- CDS 3 -->
319
+ <CdsIcon name="send-right" />
320
+ <CdsIcon name="send-up-fill" />
321
+ ```
322
+
323
+ **Стало (CDS 4):**
324
+
325
+ ```vue
326
+ <!-- CDS 4 -->
327
+ <CdsIcon icon="send" />
328
+ <CdsIcon icon="send-fill" />
329
+ ```
330
+
331
+ **Действие:** заменить `send-right` → `send` и `send-right-fill` → `send-fill`.
332
+ Остальные направления заменить на `send` / `send-fill`; если направление
333
+ принципиально, повернуть иконку через CSS (`transform: rotate(…)`).
334
+ Поиск: `grep -rnE "send-(up|down|left|right)(-fill)?|IconSend(Up|Down|Left|Right)" src/`.
335
+
336
+ <!-- entry-meta: id=icons-send-directions-to-send; severity=breaking; component= -->
337
+
298
338
  ---
299
339
 
300
340
  <a id="3-пропсы"></a>
@@ -1,6 +1,6 @@
1
1
  # Central Design System (CDS 4) — tokens and themes
2
2
 
3
- > Version: 4.0.0-alpha.10
3
+ > Version: 4.0.0-alpha.11
4
4
  > Three token levels: the primitive palette, theme color tokens (`--cds-color-*`), and local component variables.
5
5
  > Generated automatically (`bun run generate:meta` → `bun run generate:llms`). Do not edit manually.
6
6
 
package/llms/llms.txt CHANGED
@@ -1,6 +1,6 @@
1
1
  # Central Design System (CDS 4)
2
2
 
3
- > Version: 4.0.0-alpha.10. A modular Vue 3 UI component library, `@central-design-system/components`.
3
+ > Version: 4.0.0-alpha.11. A modular Vue 3 UI component library, `@central-design-system/components`.
4
4
  > This file is an index for AI agents building product UI with CDS.
5
5
  > Generated automatically (`bun run generate:meta` → `bun run generate:llms`). Do not edit manually.
6
6
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@central-design-system/components",
3
- "version": "4.0.0-alpha.10",
3
+ "version": "4.0.0-alpha.11",
4
4
  "author": "magersoft",
5
5
  "description": "Luma Design System - Vue 3 UI Framework",
6
6
  "homepage": "https://cds.b2b-center.ru/",
@@ -2,6 +2,10 @@
2
2
  @use './styles/CdsDrawer.variables' as *;
3
3
 
4
4
  @include tools.layer('components') {
5
+ body.cds-body--drawer-toggle {
6
+ overflow-x: hidden !important;
7
+ }
8
+
5
9
  .cds-drawer {
6
10
  position: absolute;
7
11
  top: 0;
@@ -15,6 +15,10 @@
15
15
 
16
16
  &--absolute {
17
17
  position: absolute;
18
+
19
+ &.cds-footer--prevent-focus {
20
+ display: none;
21
+ }
18
22
  }
19
23
 
20
24
  &--fixed {
@@ -5,7 +5,6 @@
5
5
  .cds-layout {
6
6
  position: relative;
7
7
  width: 100%;
8
- overflow: hidden;
9
8
  color: $layout-color;
10
9
  outline: 0;
11
10
  background: $layout-background;