@central-design-system/components 4.0.0-alpha.4 → 4.0.0-alpha.5

package/dist/types/components/CdsBadge/api/CdsBadge.types.d.ts

@@ -2,8 +2,14 @@ import type { ExtractPublicPropTypes } from 'vue';
 import type { defineCdsBadgeProps } from './CdsBadge.props';
 export type CdsBadgeProps = ExtractPublicPropTypes<ReturnType<typeof defineCdsBadgeProps>>;
 export interface CdsBadgeSlots {
-    /** Слот по умолчанию */
+    /**
+     * Слот по умолчанию
+     * @en Default slot
+     */
     default?: () => any;
-    /** Слот, предназначенный для размещения информации на бейдже. */
+    /**
+     * Слот, предназначенный для размещения информации на бейдже.
+     * @en Slot for the content placed inside the badge.
+     */
     badge?: () => any;
 }

package/dist/types/components/CdsBreadcrumbs/api/CdsBreadcrumbs.types.d.ts

@@ -9,33 +9,54 @@ export type InternalBreadcrumbItem = Partial<LinkProps> & {
 export type BreadcrumbItem = string | InternalBreadcrumbItem;
 export type CdsBreadcrumbsProps = ExtractPublicPropTypes<ReturnType<typeof defineCdsBreadcrumbsProps>>;
 export interface CdsBreadcrumbsSlots {
-    /** Контент в начале */
+    /**
+     * Контент в начале
+     * @en Content at the start
+     */
     prepend?: () => any;
-    /** Контент внутри каждого элемента, который может быть переопределён для каждого элемента */
+    /**
+     * Контент внутри каждого элемента, который может быть переопределён для каждого элемента
+     * @en Content inside each item; can be overridden for each item
+     */
     title: (props: {
         item: InternalBreadcrumbItem;
         index: number;
     }) => any;
-    /** Контент разделителя между элементами, который может быть переопределён для каждого элемента */
+    /**
+     * Контент разделителя между элементами, который может быть переопределён для каждого элемента
+     * @en Divider content between the items; can be overridden for each item
+     */
     divider: (props: {
         item: BreadcrumbItem;
         index: number;
     }) => any;
-    /** Контент элемента, который может быть переопределён для каждого элемента */
+    /**
+     * Контент элемента, который может быть переопределён для каждого элемента
+     * @en Item content; can be overridden for each item
+     */
     item: (props: {
         item: InternalBreadcrumbItem;
         index: number;
     }) => any;
-    /** Контент по-умолчанию */
+    /**
+     * Контент по-умолчанию
+     * @en Default content
+     */
     default?: () => any;
 }
 export type CdsBreadcrumbsItemProps = ExtractPublicPropTypes<ReturnType<typeof defineCdsBreadcrumbsItemProps>>;
 export interface CdsBreadcrumbsItemSlots {
-    /** Контент по-умолчанию */
+    /**
+     * Контент по-умолчанию
+     * @en Default content
+     */
     default?: () => any;
 }
 export type CdsBreadcrumbsDividerProps = ExtractPublicPropTypes<ReturnType<typeof defineCdsBreadcrumbsDividerProps>>;
 export interface CdsBreadcrumbsDividerSlots {
-    /** Контент по-умолчанию */
+    /**
+     * Контент по-умолчанию
+     * @en Default content
+     */
     default?: () => any;
 }

package/dist/types/components/CdsButton/CdsButton.vue.d.ts

@@ -103,7 +103,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     stacked: BooleanConstructor;
     block: BooleanConstructor;
 }>, {
-    /** Возвращает текущий контекст группы, если эта кнопка используется в компоненте группы (например, CdsButtonGroup). */
+    /**
+     * Возвращает текущий контекст группы, если эта кнопка используется в компоненте группы (например, CdsButtonGroup).
+     * @en Returns the current group context when the button is used inside a group component (for example, CdsButtonGroup).
+     */
     group: import("../../composables/useGroup").GroupItemProvide | null;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "group:selected": (value: {

package/dist/types/components/CdsButton/api/CdsButton.types.d.ts

@@ -2,18 +2,33 @@ import type { ExtractPublicPropTypes } from 'vue';
 import type { defineCdsButtonProps } from './CdsButton.props';
 export type CdsButtonProps = ExtractPublicPropTypes<ReturnType<typeof defineCdsButtonProps>>;
 export interface CdsButtonEvents {
-    /** Событие, возникающее при выборе кнопки в группе. `value` - булевое значение, указывающее, выбрана ли кнопка (true) или нет (false). */
+    /**
+     * Событие, возникающее при выборе кнопки в группе. `value` - булевое значение, указывающее, выбрана ли кнопка (true) или нет (false).
+     * @en Fires when the button is selected inside a group. `value` is a boolean that tells whether the button is now selected (true) or not (false).
+     */
     (event: 'group:selected', value: {
         value: boolean;
     }): void;
 }
 export interface CdsButtonSlots {
-    /** Контент внутри кнопки */
+    /**
+     * Контент внутри кнопки
+     * @en Content inside the button
+     */
     default?: () => any;
-    /** Контент перед текстом */
+    /**
+     * Контент перед текстом
+     * @en Content before the text
+     */
     prepend?: () => any;
-    /** Контент после текста */
+    /**
+     * Контент после текста
+     * @en Content after the text
+     */
     append?: () => any;
-    /** Загрузочный индикатор */
+    /**
+     * Загрузочный индикатор
+     * @en Loading indicator
+     */
     loader?: () => any;
 }

package/dist/types/components/CdsButtonGroup/api/CdsButtonGroup.types.d.ts

@@ -3,6 +3,9 @@ import type { defineCdsButtonGroupProps } from './CdsButtonGroup.props';
 export interface CdsButtonGroupProps extends ExtractPublicPropTypes<ReturnType<typeof defineCdsButtonGroupProps>> {
 }
 export interface CdsButtonGroupSlots {
-    /** Кнопки группы. */
+    /**
+     * Кнопки группы.
+     * @en Buttons of the group.
+     */
     default?: () => any;
 }

package/dist/types/components/CdsButtonToggle/CdsButtonToggle.vue.d.ts

@@ -52,15 +52,30 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
     divided: BooleanConstructor;
 }>, {
-    /** Идентификаторы выбранных кнопок */
+    /**
+     * Идентификаторы выбранных кнопок
+     * @en Ids of the selected buttons
+     */
     selected: import("vue").Ref<readonly string[], readonly string[]>;
-    /** Выбрать кнопку по id */
+    /**
+     * Выбрать кнопку по id
+     * @en Selects a button by its id
+     */
     select: (id: string, value: boolean) => void;
-    /** Проверить, выбрана ли кнопка по id */
+    /**
+     * Проверить, выбрана ли кнопка по id
+     * @en Checks whether the button with this id is selected
+     */
     isSelected: (id: string) => boolean;
-    /** Выбрать предыдущую кнопку */
+    /**
+     * Выбрать предыдущую кнопку
+     * @en Selects the previous button
+     */
     prev: () => void;
-    /** Выбрать следующую кнопку */
+    /**
+     * Выбрать следующую кнопку
+     * @en Selects the next button
+     */
     next: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: unknown) => any;

package/dist/types/components/CdsButtonToggle/api/CdsButtonToggle.types.d.ts

@@ -6,10 +6,16 @@ export interface CdsButtonToggleProps extends ExtractPublicPropTypes<ReturnType<
 export interface CdsButtonToggleSlotProps extends Pick<GroupProvide, 'isSelected' | 'select' | 'selected' | 'next' | 'prev'> {
 }
 export interface CdsButtonToggleSlots {
-    /** Кнопки toggle-группы. В аргументах слота доступно состояние группы (выбор, навигация). */
+    /**
+     * Кнопки toggle-группы. В аргументах слота доступно состояние группы (выбор, навигация).
+     * @en Buttons of the toggle group. The slot props expose the state of the group (selection, navigation).
+     */
     default?: (props: CdsButtonToggleSlotProps) => any;
 }
 export interface CdsButtonToggleEvents {
-    /** Срабатывает при изменении выбранного значения. */
+    /**
+     * Срабатывает при изменении выбранного значения.
+     * @en Fires when the selected value changes.
+     */
     (event: 'update:modelValue', value: unknown): void;
 }

package/dist/types/components/CdsCard/CdsCardGroup.vue.d.ts

@@ -40,15 +40,30 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         validator: (value: any) => boolean;
     };
 }>, {
-    /** Идентификаторы выбранных карточек */
+    /**
+     * Идентификаторы выбранных карточек
+     * @en Identifiers of the selected cards
+     */
     selected: import("vue").Ref<readonly string[], readonly string[]>;
-    /** Выбрать карточку по id */
+    /**
+     * Выбрать карточку по id
+     * @en Selects a card by its id
+     */
     select: (id: string, value: boolean) => void;
-    /** Проверить, выбрана ли карточка по id */
+    /**
+     * Проверить, выбрана ли карточка по id
+     * @en Checks whether a card with the given id is selected
+     */
     isSelected: (id: string) => boolean;
-    /** Выбрать предыдущую карточку */
+    /**
+     * Выбрать предыдущую карточку
+     * @en Selects the previous card
+     */
     prev: () => void;
-    /** Выбрать следующую карточку */
+    /**
+     * Выбрать следующую карточку
+     * @en Selects the next card
+     */
     next: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     symbol: {

package/dist/types/components/CdsCard/api/CdsCard.types.d.ts

@@ -17,52 +17,103 @@ export interface CdsCardTextProps extends ExtractPublicPropTypes<ReturnType<type
 export interface CdsCardActionsProps extends ExtractPublicPropTypes<ReturnType<typeof defineCdsCardActionsProps>> {
 }
 export interface CdsCardItemSlots {
-    /** Контент по умолчанию внутри тела элемента карточки */
+    /**
+     * Контент по умолчанию внутри тела элемента карточки
+     * @en Default content inside the body of the card item
+     */
     default?: () => any;
-    /** Контент перед основным содержимым (на месте prepend-иконки/аватара) */
+    /**
+     * Контент перед основным содержимым (на месте prepend-иконки/аватара)
+     * @en Content before the main content (in place of the prepend icon or avatar)
+     */
     prepend?: () => any;
-    /** Контент после основного содержимого (на месте append-иконки/аватара) */
+    /**
+     * Контент после основного содержимого (на месте append-иконки/аватара)
+     * @en Content after the main content (in place of the append icon or avatar)
+     */
     append?: () => any;
-    /** Контент заголовка */
+    /**
+     * Контент заголовка
+     * @en Title content
+     */
     title?: () => any;
-    /** Контент подзаголовка */
+    /**
+     * Контент подзаголовка
+     * @en Subtitle content
+     */
     subtitle?: () => any;
 }
 export interface CdsCardTitleSlots {
-    /** Контент заголовка карточки */
+    /**
+     * Контент заголовка карточки
+     * @en Content of the card title
+     */
     default?: () => any;
 }
 export interface CdsCardSubtitleSlots {
-    /** Контент подзаголовка карточки */
+    /**
+     * Контент подзаголовка карточки
+     * @en Content of the card subtitle
+     */
     default?: () => any;
 }
 export interface CdsCardTextSlots {
-    /** Текстовый контент карточки */
+    /**
+     * Текстовый контент карточки
+     * @en Text content of the card
+     */
     default?: () => any;
 }
 export interface CdsCardActionsSlots {
-    /** Действия карточки (обычно кнопки) */
+    /**
+     * Действия карточки (обычно кнопки)
+     * @en Card actions, usually buttons
+     */
     default?: () => any;
 }
 export interface CdsCardGroupSlots {
-    /** Карточки группы. В аргументах слота доступно состояние группы (выбор, навигация). */
+    /**
+     * Карточки группы. В аргументах слота доступно состояние группы (выбор, навигация).
+     * @en Cards of the group. The slot props expose the group state (selection, navigation).
+     */
     default?: (props: GroupProvide) => any;
 }
 export interface CdsCardDividerSlots {
-    /** Контент разделителя карточки */
+    /**
+     * Контент разделителя карточки
+     * @en Content of the card divider
+     */
     default?: () => any;
 }
 export interface CdsCardSlots extends CdsCardItemSlots {
-    /** Контент по умолчанию внутри карточки */
+    /**
+     * Контент по умолчанию внутри карточки
+     * @en Default content inside the card
+     */
     default?: () => any;
-    /** Блок действий карточки */
+    /**
+     * Блок действий карточки
+     * @en Actions bar of the card
+     */
     actions?: () => any;
-    /** Основной текстовый контент карточки */
+    /**
+     * Основной текстовый контент карточки
+     * @en Main text content of the card
+     */
     text?: () => any;
-    /** Фоновое изображение карточки */
+    /**
+     * Фоновое изображение карточки
+     * @en Background image of the card
+     */
     image?: () => any;
-    /** Кастомный рендеринг элемента карточки (CdsCardItem) */
+    /**
+     * Кастомный рендеринг элемента карточки (CdsCardItem)
+     * @en Custom rendering of the card item (CdsCardItem)
+     */
     item?: () => any;
-    /** Слот для пользовательского загрузчика (отображается, если свойство loading имеет значение true). */
+    /**
+     * Слот для пользовательского загрузчика (отображается, если свойство loading имеет значение true).
+     * @en Slot for a custom loading indicator, shown while the `loading` prop is true.
+     */
     loader?: (props: LoaderSlotProps) => any;
 }

package/dist/types/components/CdsCarousel/api/CdsCarousel.types.d.ts

@@ -6,7 +6,10 @@ export interface CdsCarouselProps extends ExtractPublicPropTypes<ReturnType<type
 }
 export interface CdsCarouselItemProps extends ExtractPublicPropTypes<ReturnType<typeof defineCdsCarouselItemProps>> {
 }
-/** Пропсы, передаваемые в слот `item` для кастомного делимитера. */
+/**
+ * Пропсы, передаваемые в слот `item` для кастомного делимитера.
+ * @en Props passed to the `item` slot for a custom delimiter.
+ */
 export type CarouselDelimiterProps = {
     id: string;
     'aria-label': string;
@@ -15,7 +18,10 @@ export type CarouselDelimiterProps = {
     onKeydown: (e: KeyboardEvent) => void;
 };
 export interface CdsCarouselSlots extends Omit<CdsSlideViewSlots, 'additional'> {
-    /** Кастомный делимитер (точка навигации) для каждого слайда. */
+    /**
+     * Кастомный делимитер (точка навигации) для каждого слайда.
+     * @en Custom delimiter (navigation dot) for each slide.
+     */
     item?: ({ props, item }: {
         props: CarouselDelimiterProps;
         item: {
@@ -26,7 +32,10 @@ export interface CdsCarouselSlots extends Omit<CdsSlideViewSlots, 'additional'>
     }) => any;
 }
 export interface CdsCarouselEvents {
-    /** Срабатывает при смене активного слайда. */
+    /**
+     * Срабатывает при смене активного слайда.
+     * @en Fires when the active slide changes.
+     */
     'update:modelValue': (value: any) => void;
 }
 export interface CdsCarouselItemSlots extends CdsImageSlots {

package/dist/types/components/CdsCheckbox/api/CdsCheckbox.types.d.ts

@@ -7,8 +7,14 @@ export interface CdsCheckboxProps extends ExtractPublicPropTypes<ReturnType<type
 export interface CdsCheckboxSlots extends Omit<CdsInputSlots, 'default'>, CdsSelectionControlSlots {
 }
 export interface CdsCheckboxEvents {
-    /** Событие, которое срабатывает при изменении модели компонента. */
+    /**
+     * Событие, которое срабатывает при изменении модели компонента.
+     * @en Fires when the model of the component changes.
+     */
     (event: 'update:modelValue', value: any): void;
-    /** Событие, которое срабатывает при изменении состояния фокуса компонента. */
+    /**
+     * Событие, которое срабатывает при изменении состояния фокуса компонента.
+     * @en Fires when the focus state of the component changes.
+     */
     (event: 'update:focused', focused: boolean): void;
 }

package/dist/types/components/CdsCheckboxButton/api/CdsCheckboxButton.types.d.ts

@@ -6,6 +6,14 @@ export interface CdsCheckboxButtonProps extends ExtractPublicPropTypes<ReturnTyp
 export interface CdsCheckboxButtonSlots extends CdsSelectionControlSlots {
 }
 export interface CdsCheckboxButtonEvents {
+    /**
+     * Сработало при переключении чекбокса. Передаёт новое состояние
+     * @en Fired when the checkbox was toggled. Passes the new state
+     */
     (event: 'update:modelValue', value: boolean): void;
+    /**
+     * Сработало при смене промежуточного состояния чекбокса
+     * @en Fired when the indeterminate state of the checkbox changed
+     */
     (event: 'update:indeterminate', value: boolean): void;
 }