@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
|
@@ -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;
|
package/llms/llms-components.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Central Design System (CDS 4) — components
|
|
2
2
|
|
|
3
|
-
> Version: 4.0.0-alpha.
|
|
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
|
|
package/llms/llms-full.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Central Design System (CDS 4) — full documentation
|
|
2
2
|
|
|
3
|
-
> Version: 4.0.0-alpha.
|
|
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>
|
package/llms/llms-guides.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Central Design System (CDS 4) — guides
|
|
2
2
|
|
|
3
|
-
> Version: 4.0.0-alpha.
|
|
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
|
|
package/llms/llms-migration.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Central Design System — CDS 3 → CDS 4 migration
|
|
2
2
|
|
|
3
|
-
> Version: 4.0.0-alpha.
|
|
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>
|
package/llms/llms-tokens.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Central Design System (CDS 4) — tokens and themes
|
|
2
2
|
|
|
3
|
-
> Version: 4.0.0-alpha.
|
|
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.
|
|
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