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

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

@@ -4,11 +4,20 @@ import { C as CdsResponsiveConstants } from "./CdsResponsive.constants.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 const defineCdsResponsiveProps = propsFactory(
   {
-    /** Соотношение сторон контента. Например `1.7778` (16/9) или `'4/3'`. */
+    /**
+     * Соотношение сторон контента. Например `1.7778` (16/9) или `'4/3'`.
+     * @en Aspect ratio of the content. For example `1.7778` (16/9) or `'4/3'`.
+     */
     aspectRatio: [Number, String],
-    /** CSS-класс, применяемый к обёртке контента. */
+    /**
+     * CSS-класс, применяемый к обёртке контента.
+     * @en CSS class applied to the content wrapper.
+     */
     contentClass: [String, Array, Object],
-    /** Отображает компонент как inline-блок (`inline-flex`) вместо блочного. */
+    /**
+     * Отображает компонент как inline-блок (`inline-flex`) вместо блочного.
+     * @en Renders the component as an inline block (`inline-flex`) instead of a block one.
+     */
     inline: Boolean,
     ...defineComponentProps(),
     ...defineDimensionsProps()

package/dist/esm-node/src/components/CdsResponsive/composables/useAspectStyles.mjs

@@ -1,5 +1,5 @@
-import { a6 as parseAspectRatio } from "../../../utils/helpers.mjs";
 import { computed, toValue } from "vue";
+import { a6 as parseAspectRatio } from "../../../utils/helpers.mjs";
 function useAspectStyles(aspectRatio) {
   const aspectStyles = computed(() => {
     const ratio = parseAspectRatio(toValue(aspectRatio));

package/dist/esm-node/src/components/CdsSelect/CdsSelect.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-select .cds-field .cds-text-input__prefix,
   .cds-select .cds-field .cds-text-input__suffix,

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

@@ -13,15 +13,15 @@ import { f as filterProps } from "../../core/defineComponent.mjs";
 import { f as forwardRefs } from "../../core/forwardRefs.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
-import { ac as wrapInArray, x as deepEqual, s as camelizeProps, _ as keyNames, A as ensureValidVNode, t as checkPrintable, a0 as matchesSelector } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
-import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { C as CdsSelectConstants } from "./api/CdsSelect.constants.mjs";
 import { d as defineCdsSelectProps } from "./api/CdsSelect.props.mjs";
 import { u as useFocusRepair } from "./composables/useFocusRepair.mjs";
 import { u as useMenuActivator } from "./composables/useMenuActivator.mjs";
 import { u as useScrolling } from "./composables/useScrolling.mjs";
+import { ac as wrapInArray, x as deepEqual, s as camelizeProps, _ as keyNames, A as ensureValidVNode, t as checkPrintable, a0 as matchesSelector } from "../../utils/helpers.mjs";
+import { a as IN_BROWSER } from "../../utils/dom/globals.mjs";
 import { C as CdsTextInput } from "../CdsTextInput/index.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { C as CdsMenu } from "../CdsMenu/index.mjs";
 import { C as CdsSurface } from "../CdsSurface/index.mjs";
@@ -374,17 +374,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (disabled) menu.value = false;
     });
     __expose(forwardRefs({
-      /** Находится ли компонент в фокусе. */
+      /**
+       * Находится ли компонент в фокусе.
+       * @en Whether the component is focused.
+       */
       isFocused,
       /** Состояние открытия выпадающего меню. */
       menu,
-      /** Текущее значение поискового запроса. */
+      /**
+       * Текущее значение поискового запроса.
+       * @en Current value of the search query.
+       */
       search,
-      /** Элементы, отфильтрованные по текущему поисковому запросу. */
+      /**
+       * Элементы, отфильтрованные по текущему поисковому запросу.
+       * @en Items filtered by the current search query.
+       */
       filteredItems,
       /** Выбрать элемент списка. Передайте `set` для явного добавления/снятия выбора. */
       select,
-      /** Переключить выбор всех доступных элементов (только для `multiple` + `isSelectAll`). */
+      /**
+       * Переключить выбор всех доступных элементов (только для `multiple` + `isSelectAll`).
+       * @en Toggle the selection of all available items (for `multiple` + `isSelectAll` only).
+       */
       selectAll: onSelectAll
     }, cdsTextInputRef));
     return () => {

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

@@ -2,13 +2,16 @@ import { d as defineCdsTextInputProps } from "../../CdsTextInput/api/CdsTextInpu
 import { d as defineFilterProps } from "../../../composables/useFilter/useFilter.mjs";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a3 as omit } from "../../../utils/helpers.mjs";
 import { d as defineSelectProps } from "../composables/useSelect.mjs";
 import { C as CdsSelectConstants } from "./CdsSelect.constants.mjs";
 import { C as CdsModalTransition } from "../../../transitions/modalTransition.mjs";
+import { a3 as omit } from "../../../utils/helpers.mjs";
 const defineCdsSelectProps = propsFactory(
   {
-    /** Текущее значение поискового запроса для фильтрации элементов (v-model:search). */
+    /**
+     * Текущее значение поискового запроса для фильтрации элементов (v-model:search).
+     * @en Current value of the search query used to filter the items (v-model:search).
+     */
     search: String,
     ...defineSelectProps(),
     ...defineFilterProps(),

package/dist/esm-node/src/components/CdsSelect/composables/useMenuActivator.mjs

@@ -2,12 +2,18 @@ import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { useId, computed, toRef, toValue } from "vue";
 const defineMenuActivatorProps = propsFactory(
   {
-    /** Текст для скринридеров, описывающий действие открытия меню. */
+    /**
+     * Текст для скринридеров, описывающий действие открытия меню.
+     * @en Text for screen readers describing the open action of the menu.
+     */
     openText: {
       type: String,
       default: "$cds.open"
     },
-    /** Текст для скринридеров, описывающий действие закрытия меню. */
+    /**
+     * Текст для скринридеров, описывающий действие закрытия меню.
+     * @en Text for screen readers describing the close action of the menu.
+     */
     closeText: {
       type: String,
       default: "$cds.close"

package/dist/esm-node/src/components/CdsSelect/composables/useSelect.mjs

@@ -5,57 +5,109 @@ import { C as CdsSelectConstants } from "../api/CdsSelect.constants.mjs";
 import { d as defineMenuActivatorProps } from "./useMenuActivator.mjs";
 const defineSelectProps = propsFactory(
   {
-    /** Разрешает выбор нескольких значений. Выбранные элементы отображаются чипами или списком. */
+    /**
+     * Разрешает выбор нескольких значений. Выбранные элементы отображаются чипами или списком.
+     * @en Allows selecting several values. The selected items are shown as chips or as a list.
+     */
     multiple: Boolean,
     /**
      * Добавляет первым элементом списка пункт «Выбрать все» (только для `multiple`).
      * `true` использует надпись по умолчанию `$cds.selectAll`, строка задаёт собственную надпись.
+     * @en Adds a "select all" entry as the first item of the list (for `multiple` only). `true` uses the default `$cds.selectAll` caption, a string sets your own caption.
      */
     isSelectAll: {
       type: [Boolean, String],
       default: false
     },
-    /** В режиме multiple удерживает выбранные значения в одну строку с многоточием */
+    /**
+     * В режиме multiple удерживает выбранные значения в одну строку с многоточием
+     * @en In multiple mode keeps the selected values on a single line with an ellipsis
+     */
     ellipsis: Boolean,
-    /** Отображает нативный HTML-select вместо кастомного выпадающего меню (CdsMenu) */
+    /**
+     * Отображает нативный HTML-select вместо кастомного выпадающего меню (CdsMenu)
+     * @en Renders a native HTML select instead of the custom dropdown menu (CdsMenu)
+     */
     nativeSelect: Boolean,
-    /** Отображает выбранные значения в виде удаляемых чипов (CdsTag). */
+    /**
+     * Отображает выбранные значения в виде удаляемых чипов (CdsTag).
+     * @en Shows the selected values as removable chips (CdsTag).
+     */
     chips: Boolean,
-    /** Добавляет чипам кнопку удаления (актуально вместе с `chips`). */
+    /**
+     * Добавляет чипам кнопку удаления (актуально вместе с `chips`).
+     * @en Adds a remove button to the chips (relevant together with `chips`).
+     */
     closableChips: Boolean,
-    /** Управляет состоянием открытия выпадающего меню (v-model:menu). */
+    /**
+     * Управляет состоянием открытия выпадающего меню (v-model:menu).
+     * @en Controls the open state of the dropdown menu (v-model:menu).
+     */
     menu: Boolean,
-    /** Рендерит контент меню заранее, не дожидаясь первого открытия. */
+    /**
+     * Рендерит контент меню заранее, не дожидаясь первого открытия.
+     * @en Renders the menu content upfront, without waiting for the first opening.
+     */
     eager: Boolean,
-    /** Скрывает меню и плейсхолдер «нет данных», когда список элементов пуст. */
+    /**
+     * Скрывает меню и плейсхолдер «нет данных», когда список элементов пуст.
+     * @en Hides the menu and the "no data" placeholder when the item list is empty.
+     */
     hideNoData: Boolean,
-    /** Скрывает уже выбранные элементы из списка меню. */
+    /**
+     * Скрывает уже выбранные элементы из списка меню.
+     * @en Hides the already selected items from the menu list.
+     */
     hideSelected: Boolean,
-    /** Открывает меню после очистки значения. */
+    /**
+     * Открывает меню после очистки значения.
+     * @en Opens the menu after the value is cleared.
+     */
     openOnClear: Boolean,
-    /** Отключает автоматическую прокрутку меню к выбранному элементу при открытии. */
+    /**
+     * Отключает автоматическую прокрутку меню к выбранному элементу при открытии.
+     * @en Turns off the automatic scrolling of the menu to the selected item on opening.
+     */
     noAutoScroll: Boolean,
-    /** Цвет выбранных элементов в списке меню. По умолчанию используется `color`. */
+    /**
+     * Цвет выбранных элементов в списке меню. По умолчанию используется `color`.
+     * @en Color of the selected items in the menu list. `color` is used by default.
+     */
     itemColor: String,
-    /** Иконка-индикатор раскрытия меню. */
+    /**
+     * Иконка-индикатор раскрытия меню.
+     * @en Icon indicating that the menu can be expanded.
+     */
     menuIcon: {
       type: IconValue,
       default: "chevron-down"
     },
-    /** Пропсы, прокидываемые во внутренний компонент CdsMenu. */
+    /**
+     * Пропсы, прокидываемые во внутренний компонент CdsMenu.
+     * @en Props passed through to the inner CdsMenu component.
+     */
     menuProps: {
       type: Object
     },
-    /** Максимальная высота выпадающего меню. */
+    /**
+     * Максимальная высота выпадающего меню.
+     * @en Maximum height of the dropdown menu.
+     */
     menuHeight: {
       type: [String, Number],
       default: CdsSelectConstants.menuHeight
     },
-    /** Пропсы, прокидываемые во внутренний компонент CdsList. */
+    /**
+     * Пропсы, прокидываемые во внутренний компонент CdsList.
+     * @en Props passed through to the inner CdsList component.
+     */
     listProps: {
       type: Object
     },
-    /** Текст, отображаемый в меню, когда список элементов пуст. */
+    /**
+     * Текст, отображаемый в меню, когда список элементов пуст.
+     * @en Text shown in the menu when the item list is empty.
+     */
     noDataText: {
       type: String,
       default: "$cds.noDataText"

package/dist/esm-node/src/components/CdsSelectionControl/CdsSelectionControl.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-selection-control {
     position: relative;

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

@@ -1,13 +1,13 @@
 import { defineComponent, useSlots, useAttrs, useId, shallowRef, ref, toRef, createVNode, mergeProps, unref, Fragment, nextTick } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { D as filterInputAttrs, a0 as matchesSelector } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsDescription } from "../CdsDescription/index.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { C as CdsLabel } from "../CdsLabel/index.mjs";
 import { C as CdsSelectionControlConstants } from "./api/CdsSelectionControl.constants.mjs";
 import { d as defineCdsSelectionControlProps } from "./api/CdsSelectionControl.props.mjs";
 import { u as useSelectionControl } from "./composables/useSelectionControl.mjs";
+import { D as filterInputAttrs, a0 as matchesSelector } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSelectionControlConstants.name,
@@ -69,7 +69,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       model.value = e.target.checked;
     }
     __expose({
+      /**
+       * Находится ли элемент управления в фокусе.
+       * @en Whether the control is focused.
+       */
       isFocused,
+      /**
+       * Ссылка на нативный элемент `input` — чекбокс или радиокнопку.
+       * @en Ref to the native `input` element — a checkbox or a radio button.
+       */
       input
     });
     return () => {

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

@@ -2,15 +2,24 @@ import { d as defineCdsInputProps } from "../../CdsInput/api/CdsInput.props.mjs"
 import { d as defineCdsSelectionControlGroupProps } from "../../CdsSelectionControlGroup/api/CdsSelectionControlGroup.props.mjs";
 import { d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsSelectionControlConstants } from "./CdsSelectionControl.constants.mjs";
+import { a7 as pick } from "../../../utils/helpers.mjs";
 const defineCdsSelectionControlProps = propsFactory(
   {
-    /** Значение для true состояния. */
+    /**
+     * Значение для true состояния.
+     * @en Value for the true state.
+     */
     trueValue: null,
-    /** Значение для false состояния. */
+    /**
+     * Значение для false состояния.
+     * @en Value for the false state.
+     */
     falseValue: null,
-    /** Значение, используемое при выборе компонента в группе. Если оно не указано, будет использоваться уникальный идентификатор. */
+    /**
+     * Значение, используемое при выборе компонента в группе. Если оно не указано, будет использоваться уникальный идентификатор.
+     * @en Value used when the component is selected inside a group. When it is not set, a unique identifier is used.
+     */
     value: null,
     ...pick(defineCdsInputProps(), ["label", "description"]),
     ...defineComponentProps(),

package/dist/esm-node/src/components/CdsSelectionControl/composables/useSelectionControl.mjs

@@ -1,7 +1,7 @@
 import { a as CdsSelectionControlGroupSymbol } from "../../CdsSelectionControlGroup/api/CdsSelectionControlGroup.constants.mjs";
 import { u as useProxyModel } from "../../../core/useProxyModel.mjs";
-import { ac as wrapInArray } from "../../../utils/helpers.mjs";
 import { inject, computed, unref } from "vue";
+import { ac as wrapInArray } from "../../../utils/helpers.mjs";
 import { u as useTextColor, a as useBackgroundColor } from "../../../composables/useColor/useColor.mjs";
 function useSelectionControl(props) {
   const group = inject(CdsSelectionControlGroupSymbol, void 0);

package/dist/esm-node/src/components/CdsSelectionControlGroup/CdsSelectionControlGroup.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-selection-control-group {
     display: flex;

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

@@ -3,9 +3,9 @@ import { C as CdsSelectionControlConstants } from "../CdsSelectionControl/api/Cd
 import { u as useDirection } from "../../composables/useDirection/useDirection.mjs";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsSelectionControlGroupConstants, a as CdsSelectionControlGroupSymbol } from "./api/CdsSelectionControlGroup.constants.mjs";
 import { d as defineCdsSelectionControlGroupProps } from "./api/CdsSelectionControlGroup.props.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSelectionControlGroupConstants.name

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

@@ -4,36 +4,69 @@ import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.mjs";
 import { d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { x as deepEqual } from "../../../utils/helpers.mjs";
 import { C as CdsSelectionControlGroupConstants } from "./CdsSelectionControlGroup.constants.mjs";
+import { x as deepEqual } from "../../../utils/helpers.mjs";
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsSelectionControlGroupProps = propsFactory(
   {
-    /** Уникальный идентификатор компонента */
+    /**
+     * Уникальный идентификатор компонента
+     * @en Unique identifier of the component
+     */
     id: String,
-    /** Тип нативного элемента input — например, `radio` или `checkbox` */
+    /**
+     * Тип нативного элемента input — например, `radio` или `checkbox`
+     * @en Type of the native input element — `radio` or `checkbox`, for example
+     */
     type: String,
-    /** Имя дочернего компонента, которому пробрасываются значения пропсов группы по умолчанию */
+    /**
+     * Имя дочернего компонента, которому пробрасываются значения пропсов группы по умолчанию
+     * @en Name of the child component the group prop values are passed to as defaults
+     */
     defaultsTarget: String,
-    /** Атрибут `name` нативного элемента input. В группе одно имя объединяет все вложенные контролы */
+    /**
+     * Атрибут `name` нативного элемента input. В группе одно имя объединяет все вложенные контролы
+     * @en The `name` attribute of the native input element. In a group one name joins all the nested controls
+     */
     name: String,
-    /** Отображает контрол как inline-элемент — контейнер не растягивается на всю ширину */
+    /**
+     * Отображает контрол как inline-элемент — контейнер не растягивается на всю ширину
+     * @en Renders the control as an inline element — the container does not stretch to the full width
+     */
     inline: Boolean,
-    /** Переводит компонент в визуальное состояние ошибки */
+    /**
+     * Переводит компонент в визуальное состояние ошибки
+     * @en Puts the component into the visual error state
+     */
     error: Boolean,
-    /** Значение компонента (v-model). В группе — значение выбранного контрола, при `multiple` — массив выбранных значений */
+    /**
+     * Значение компонента (v-model). В группе — значение выбранного контрола, при `multiple` — массив выбранных значений
+     * @en Value of the component (v-model). In a group it is the value of the selected control, with `multiple` — an array of the selected values
+     */
     modelValue: null,
-    /** Иконка невыбранного состояния */
+    /**
+     * Иконка невыбранного состояния
+     * @en Icon of the unselected state
+     */
     falseIcon: IconValue,
-    /** Иконка выбранного состояния */
+    /**
+     * Иконка выбранного состояния
+     * @en Icon of the selected state
+     */
     trueIcon: IconValue,
-    /** Разрешает выбор нескольких значений — модель становится массивом. Включается автоматически, если в `modelValue` передан массив */
+    /**
+     * Разрешает выбор нескольких значений — модель становится массивом. Включается автоматически, если в `modelValue` передан массив
+     * @en Allows selecting several values — the model becomes an array. Turns on automatically when an array is passed to `modelValue`
+     */
     multiple: {
       type: Boolean,
       default: null
     },
-    /** Функция сравнения значения модели со значением `value` контрола. По умолчанию — глубокое сравнение */
+    /**
+     * Функция сравнения значения модели со значением `value` контрола. По умолчанию — глубокое сравнение
+     * @en Function comparing the model value with the `value` of the control. Deep comparison by default
+     */
     valueComparator: {
       type: Function,
       default: deepEqual

package/dist/esm-node/src/components/CdsSkeletonLoader/CdsSkeletonLoader.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-skeleton-loader {
     position: relative;

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

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { ac as wrapInArray } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsSkeletonLoaderConstants } from "./api/CdsSkeletonLoader.constants.mjs";
 import { d as defineCdsSkeletonLoaderProps } from "./api/CdsSkeletonLoader.props.mjs";
 import { a as allowedTypes } from "./api/CdsSkeletonLoader.types.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
+import { ac as wrapInArray } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSkeletonLoaderConstants.name

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

@@ -1,26 +1,38 @@
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineComponentProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
 import { C as CdsSkeletonLoaderConstants } from "./CdsSkeletonLoader.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 const defineCdsSkeletonLoaderProps = propsFactory(
   {
-    /** Тип скелета: предопределённый пресет либо произвольная строка (или массив строк) структуры. */
+    /**
+     * Тип скелета: предопределённый пресет либо произвольная строка (или массив строк) структуры.
+     * @en Skeleton type: a predefined preset or an arbitrary structure string (or an array of strings).
+     */
     type: {
       type: [String, Array],
       default: "block"
     },
-    /** Показывать скелет вместо контента слота во время загрузки. */
+    /**
+     * Показывать скелет вместо контента слота во время загрузки.
+     * @en Shows the skeleton instead of the slot content while loading.
+     */
     loading: {
       type: Boolean,
       default: false
     },
-    /** Текст для `aria-label` во время загрузки. */
+    /**
+     * Текст для `aria-label` во время загрузки.
+     * @en Text for the `aria-label` while loading.
+     */
     loadingText: {
       type: String,
       default: void 0
     },
-    /** Режим заготовки: отключает анимацию мерцания (для прототипирования). */
+    /**
+     * Режим заготовки: отключает анимацию мерцания (для прототипирования).
+     * @en Boilerplate mode: turns the shimmer animation off (for prototyping).
+     */
     boilerplate: {
       type: Boolean,
       default: false

package/dist/esm-node/src/components/CdsSlideGroup/CdsSlideGroup.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-slide-group {
     display: flex;