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

package/dist/esm-node/src/components/CdsSlideView/api/CdsSlideView.props.mjs

@@ -9,26 +9,62 @@ import { C as CdsSlideViewConstants } from "./CdsSlideView.constants.mjs";
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 const defineCdsSlideViewProps = propsFactory(
   {
+    /**
+     * Зацикливает перелистывание: с последнего слайда переход ведёт на первый и наоборот
+     * @en Loops the navigation: from the last slide you move to the first one and back
+     */
     continuous: Boolean,
+    /**
+     * Инвертирует направление анимации перехода между слайдами
+     * @en Inverts the direction of the transition animation between slides
+     */
     reverse: Boolean,
+    /**
+     * Показывает стрелки навигации. `'hover'` — только при наведении на компонент
+     * @en Shows the navigation arrows. `'hover'` — only while the pointer is over the component
+     */
     showArrows: {
       type: [Boolean, String],
       validator: (v) => typeof v === "boolean" || v === "hover"
     },
+    /**
+     * Размещает стрелки навигации вертикально: `'left'` или `'right'` — сторона, `true` — сторона по умолчанию
+     * @en Places the navigation arrows vertically: `'left'` or `'right'` — the side, `true` — the default side
+     */
     verticalArrows: [Boolean, String],
+    /**
+     * Иконка кнопки перехода к следующему слайду
+     * @en Icon of the button that moves to the next slide
+     */
     nextIcon: {
       type: [Boolean, String, Function, Object],
       default: "next"
     },
+    /**
+     * Иконка кнопки перехода к предыдущему слайду
+     * @en Icon of the button that moves to the previous slide
+     */
     prevIcon: {
       type: [Boolean, String, Function, Object],
       default: "prev"
     },
+    /**
+     * Управление перелистыванием свайпом: `false` отключает жесты, объект задаёт собственные обработчики касаний
+     * @en Controls swipe navigation: `false` turns the gestures off, an object sets your own touch handlers
+     */
     touch: {
       type: [Object, Boolean],
       default: void 0
     },
+    /**
+     * Слайды сменяются плавным перекрестным затуханием вместо сдвига
+     * @en Slides change with a smooth crossfade instead of a shift
+     */
     crossfade: Boolean,
+    /**
+     * Длительность анимации перехода между слайдами в миллисекундах
+     * @en Duration of the transition animation between slides, in milliseconds
+     */
     transitionDuration: Number,
     ...defineGroupProps(),
     ...defineDirectionProps(),
@@ -41,10 +77,18 @@ const defineCdsSlideViewProps = propsFactory(
 );
 const defineCdsSlideViewItemProps = propsFactory(
   {
+    /**
+     * Переход при показе слайда в обратном направлении. Имя transition-компонента или `false`, чтобы отключить анимацию
+     * @en Transition used when the slide appears in the reverse direction. A transition component name, or `false` to turn the animation off
+     */
     reverseTransition: {
       type: [Boolean, String],
       default: void 0
     },
+    /**
+     * Переход при показе слайда в прямом направлении. Имя transition-компонента или `false`, чтобы отключить анимацию
+     * @en Transition used when the slide appears in the forward direction. A transition component name, or `false` to turn the animation off
+     */
     transition: {
       type: [Boolean, String],
       default: void 0

package/dist/esm-node/src/components/CdsStages/CdsStages.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-stages {
     display: grid;

package/dist/esm-node/src/components/CdsStages/CdsStages.vue_vue_type_script_setup_true_lang.mjs

@@ -48,7 +48,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     };
     __expose({
+      /**
+       * Проверяет, является ли этап с указанным индексом текущим.
+       * @en Checks whether the stage with the given index is the current one.
+       */
       isCurrent,
+      /**
+       * Пройдены ли все этапы.
+       * @en Whether all the stages are passed.
+       */
       isFinished
     });
     return () => {

package/dist/esm-node/src/components/CdsStages/api/CdsStages.props.mjs

@@ -5,12 +5,18 @@ import { C as CdsStagesConstants } from "./CdsStages.constants.mjs";
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 const defineCdsStagesProps = propsFactory(
   {
-    /** Текущий этап */
+    /**
+     * Текущий этап
+     * @en Current stage
+     */
     current: {
       type: [String, Number],
       default: null
     },
-    /** Завершены все этапы */
+    /**
+     * Завершены все этапы
+     * @en All stages are finished
+     */
     finished: Boolean,
     ...defineItemsProps(),
     ...defineComponentProps(),

package/dist/esm-node/src/components/CdsStatus/CdsStatus.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-status {
     display: inline-flex;

package/dist/esm-node/src/components/CdsStatus/api/CdsStatus.props.mjs

@@ -7,7 +7,10 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mj
 const defineCdsStatusProps = propsFactory(
   {
     ...defineStatusProps(),
-    /** Режим отображения: `fill` — заливка-бейдж без иконки; `text` — прозрачный фон с цветной иконкой статуса. */
+    /**
+     * Режим отображения: `fill` — заливка-бейдж без иконки; `text` — прозрачный фон с цветной иконкой статуса.
+     * @en Display mode: `fill` — a filled badge without an icon; `text` — a transparent background with a colored status icon.
+     */
     variant: {
       type: String,
       default: "fill"

package/dist/esm-node/src/components/CdsSteps/CdsSteps.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-steps {
     display: flex;

package/dist/esm-node/src/components/CdsSteps/CdsSteps.vue_vue_type_script_setup_true_lang.mjs

@@ -71,7 +71,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     __expose({
+      /**
+       * Переходит к предыдущему шагу.
+       * @en Moves to the previous step.
+       */
       prev,
+      /**
+       * Переходит к следующему шагу.
+       * @en Moves to the next step.
+       */
       next
     });
     return () => {

package/dist/esm-node/src/components/CdsSteps/api/CdsSteps.props.mjs

@@ -10,15 +10,30 @@ import { a3 as omit, a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 const defineCdsStepsItemProps = propsFactory(
   {
-    /** Заголовок шага */
+    /**
+     * Заголовок шага
+     * @en Step title
+     */
     title: String,
-    /** Описание шага */
+    /**
+     * Описание шага
+     * @en Step description
+     */
     text: String,
-    /** Шаг завершен с ошибкой */
+    /**
+     * Шаг завершен с ошибкой
+     * @en The step finished with an error
+     */
     error: Boolean,
-    /** Шаг требует внимания */
+    /**
+     * Шаг требует внимания
+     * @en The step needs attention
+     */
     warning: Boolean,
-    /** Возможность перехода на шаг по клику */
+    /**
+     * Возможность перехода на шаг по клику
+     * @en Allows jumping to a step by click
+     */
     interactive: Boolean,
     ...defineGroupItemProps(),
     ...defineReadonlyProps(),
@@ -28,17 +43,26 @@ const defineCdsStepsItemProps = propsFactory(
 );
 const defineCdsStepsActionsProps = propsFactory(
   {
-    /** Блокировка кнопок навигации: обеих или конкретной */
+    /**
+     * Блокировка кнопок навигации: обеих или конкретной
+     * @en Disables the navigation buttons: both or a specific one
+     */
     disabled: {
       type: [Boolean, String],
       default: false
     },
-    /** Текст кнопки перехода на предыдущий шаг */
+    /**
+     * Текст кнопки перехода на предыдущий шаг
+     * @en Text of the previous step button
+     */
     prevText: {
       type: String,
       default: "$cds.steps.prev"
     },
-    /** Текст кнопки перехода на следующий шаг */
+    /**
+     * Текст кнопки перехода на следующий шаг
+     * @en Text of the next step button
+     */
     nextText: {
       type: String,
       default: "$cds.steps.next"
@@ -49,11 +73,20 @@ const defineCdsStepsActionsProps = propsFactory(
 );
 const defineCdsStepsProps = propsFactory(
   {
-    /** Вертикальное отображение */
+    /**
+     * Вертикальное отображение
+     * @en Vertical layout
+     */
     vertical: Boolean,
-    /** Скрыть кнопки навигации по шагам */
+    /**
+     * Скрыть кнопки навигации по шагам
+     * @en Hides the step navigation buttons
+     */
     hideActions: Boolean,
-    /** Ключ описания шага в объекте элемента items */
+    /**
+     * Ключ описания шага в объекте элемента items
+     * @en Key of the step description in an items element object
+     */
     itemText: {
       type: [String, Array, Function],
       default: "text"

package/dist/esm-node/src/components/CdsSurface/CdsSurface.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-surface {
     display: block;

package/dist/esm-node/src/components/CdsSurface/api/CdsSurface.props.mjs

@@ -7,7 +7,10 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mj
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 const defineCdsSurfaceProps = propsFactory(
   {
-    /** Цвет фона поверхности */
+    /**
+     * Цвет фона поверхности
+     * @en Background color of the surface
+     */
     color: String,
     ...defineComponentProps(),
     ...defineDimensionsProps(),

package/dist/esm-node/src/components/CdsTable/CdsTable.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-table-wrapper {
     position: relative;

package/dist/esm-node/src/components/CdsTable/CdsTable.vue_vue_type_script_setup_true_lang.mjs

@@ -25,6 +25,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const table = ref();
     __expose({
+      /**
+       * Ссылка на внутренний экземпляр таблицы — даёт доступ к её методам и состоянию.
+       * @en Reference to the internal table instance — gives access to its methods and state.
+       */
       table
     });
     return () => {