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

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

@@ -9,31 +9,52 @@ import { a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsNotificationProps = propsFactory(
   {
-    /** Заголовок уведомления. */
+    /**
+     * Заголовок уведомления.
+     * @en Notification heading.
+     */
     title: String,
-    /** Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку. */
+    /**
+     * Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку.
+     * @en Icon before the content. Taken from `status` by default; `false` hides the icon.
+     */
     icon: {
       type: [Boolean, String, Function, Object, Array],
       default: null
     },
-    /** Добавляет кнопку закрытия, скрывающую уведомление. */
+    /**
+     * Добавляет кнопку закрытия, скрывающую уведомление.
+     * @en Adds a close button that hides the notification.
+     */
     closable: Boolean,
-    /** Иконка кнопки закрытия. */
+    /**
+     * Иконка кнопки закрытия.
+     * @en Icon of the close button.
+     */
     closeIcon: {
       type: IconValue,
       default: "remove"
     },
-    /** Доступная подпись (aria-label) для кнопки закрытия. */
+    /**
+     * Доступная подпись (aria-label) для кнопки закрытия.
+     * @en Accessible label (aria-label) for the close button.
+     */
     closeLabel: {
       type: String,
       default: "$cds.close"
     },
-    /** Видимость уведомления (v-model). При `false` уведомление не отображается. */
+    /**
+     * Видимость уведомления (v-model). При `false` уведомление не отображается.
+     * @en Visibility of the notification (v-model). When `false`, the notification is not rendered.
+     */
     modelValue: {
       type: Boolean,
       default: true
     },
-    /** Режим отображения: `default` — обычный; `flat` — без рамки; `compact` — однострочный без заголовка; `important` — нейтральный фон и тень, статус задаёт только цвета контента. */
+    /**
+     * Режим отображения: `default` — обычный; `flat` — без рамки; `compact` — однострочный без заголовка; `important` — нейтральный фон и тень, статус задаёт только цвета контента.
+     * @en Display mode: `default` — regular; `flat` — borderless; `compact` — single line without a heading; `important` — neutral background and a shadow, where the status only drives the content colors.
+     */
     variant: {
       type: String,
       default: "default"

package/dist/esm-node/src/components/CdsNotificationAlert/CdsNotificationAlert.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-notification-alert {
     z-index: 10000;

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

@@ -11,31 +11,52 @@ import { a3 as omit, a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsNotificationAlertProps = propsFactory(
   {
-    /** Заголовок уведомления. */
+    /**
+     * Заголовок уведомления.
+     * @en Notification heading.
+     */
     title: String,
-    /** Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку. */
+    /**
+     * Иконка перед контентом. По умолчанию берётся из `status`; `false` скрывает иконку.
+     * @en Icon before the content. Taken from `status` by default; `false` hides the icon.
+     */
     icon: {
       type: [Boolean, String, Function, Object, Array],
       default: null
     },
-    /** Добавляет кнопку закрытия, скрывающую уведомление. */
+    /**
+     * Добавляет кнопку закрытия, скрывающую уведомление.
+     * @en Adds a close button that hides the notification.
+     */
     closable: Boolean,
-    /** Иконка кнопки закрытия. */
+    /**
+     * Иконка кнопки закрытия.
+     * @en Icon of the close button.
+     */
     closeIcon: {
       type: IconValue,
       default: "remove"
     },
-    /** Доступная подпись (aria-label) для кнопки закрытия. */
+    /**
+     * Доступная подпись (aria-label) для кнопки закрытия.
+     * @en Accessible label (aria-label) for the close button.
+     */
     closeLabel: {
       type: String,
       default: "$cds.close"
     },
-    /** Внешний вид уведомления. По умолчанию `important` — приподнятая поверхность с тенью (внешний вид CdsNotificationAlert). */
+    /**
+     * Внешний вид уведомления. По умолчанию `important` — приподнятая поверхность с тенью (внешний вид CdsNotificationAlert).
+     * @en Appearance of the notification. `important` by default — an elevated surface with a shadow (the CdsNotificationAlert look).
+     */
     variant: {
       type: String,
       default: "important"
     },
-    /** Время в миллисекундах до автоматического скрытия уведомления. Значения `-1` и `0` отключают автозакрытие. */
+    /**
+     * Время в миллисекундах до автоматического скрытия уведомления. Значения `-1` и `0` отключают автозакрытие.
+     * @en Delay in milliseconds before the notification hides automatically. The values `-1` and `0` turn auto-closing off.
+     */
     timeout: {
       type: [Number, String],
       default: 5e3

package/dist/esm-node/src/components/CdsOtpInput/CdsOtpInput.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-otp-input {
     position: relative;

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

@@ -232,15 +232,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       focusAt
     });
     __expose({
-      /** Ref-ссылка на скрытый input, который принимает ввод кода */
+      /**
+       * Ref-ссылка на скрытый input, который принимает ввод кода
+       * @en Ref to the hidden input that receives the code
+       */
       inputRef,
-      /** Состояние фокуса поля */
+      /**
+       * Состояние фокуса поля
+       * @en Focus state of the field
+       */
       isFocused,
-      /** Установить фокус на поле */
+      /**
+       * Установить фокус на поле
+       * @en Set the focus on the field
+       */
       focus,
-      /** Снять фокус с поля */
+      /**
+       * Снять фокус с поля
+       * @en Remove the focus from the field
+       */
       blur,
-      /** Очистить введённый код */
+      /**
+       * Очистить введённый код
+       * @en Clear the entered code
+       */
       reset: otp.reset
     });
     return () => {

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

@@ -10,43 +10,76 @@ import { d as defineDimensionsProps } from "../../../composables/useDimensions/u
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsOtpInputProps = propsFactory(
   {
-    /** Символ-разделитель, который ставится между ячейками кода */
+    /**
+     * Символ-разделитель, который ставится между ячейками кода
+     * @en Separator character placed between the code cells
+     */
     divider: String,
-    /** Подсвечивать все ячейки, пока поле находится в фокусе, а не только активную */
+    /**
+     * Подсвечивать все ячейки, пока поле находится в фокусе, а не только активную
+     * @en Highlight all the cells while the field is focused, not only the active one
+     */
     focusAll: Boolean,
-    /** Слитный вид: ячейки объединяются в одно поле без промежутков между ними */
+    /**
+     * Слитный вид: ячейки объединяются в одно поле без промежутков между ними
+     * @en Merged look: the cells are joined into a single field with no gaps between them
+     */
     merged: Boolean,
-    /** Доступное имя поля (`aria-label`). Принимает ключ локализации вида `$cds.input.otp` */
+    /**
+     * Доступное имя поля (`aria-label`). Принимает ключ локализации вида `$cds.input.otp`
+     * @en Accessible name of the field (`aria-label`). Accepts a localization key such as `$cds.input.otp`
+     */
     label: {
       type: String,
       default: "$cds.input.otp"
     },
-    /** Количество ячеек кода */
+    /**
+     * Количество ячеек кода
+     * @en Number of code cells
+     */
     length: {
       type: [Number, String],
       default: 6
     },
-    /** Скрывать введённые символы точками */
+    /**
+     * Скрывать введённые символы точками
+     * @en Hide the entered characters behind dots
+     */
     masked: Boolean,
-    /** Значение компонента v-model */
+    /**
+     * Значение компонента v-model
+     * @en Value of the component (v-model)
+     */
     modelValue: {
       type: [Number, String],
       default: void 0
     },
-    /** Допустимые символы: имя готового паттерна (`numeric`, `alpha`, `alphanumeric`, `unicode-alpha`, `unicode-alphanumeric`) или собственное регулярное выражение */
+    /**
+     * Допустимые символы: имя готового паттерна (`numeric`, `alpha`, `alphanumeric`, `unicode-alpha`, `unicode-alphanumeric`) или собственное регулярное выражение
+     * @en Allowed characters: the name of a ready pattern (`numeric`, `alpha`, `alphanumeric`, `unicode-alpha`, `unicode-alphanumeric`) or your own regular expression
+     */
     pattern: {
       type: [String, Object],
       default: void 0
     },
-    /** Символ-заполнитель, который показывается в пустой ячейке */
+    /**
+     * Символ-заполнитель, который показывается в пустой ячейке
+     * @en Placeholder character shown in an empty cell
+     */
     placeholder: String,
-    /** Тип вводимого кода. `number` ограничивает ввод цифрами, `password` скрывает символы */
+    /**
+     * Тип вводимого кода. `number` ограничивает ввод цифрами, `password` скрывает символы
+     * @en Type of the code being entered. `number` limits the input to digits, `password` hides the characters
+     */
     type: {
       type: String,
       default: "number",
       validator: (value) => CdsOtpInputConstants.types.includes(value)
     },
-    /** Состояние ошибки */
+    /**
+     * Состояние ошибки
+     * @en Error state
+     */
     error: Boolean,
     ...defineAutofocusProps(),
     ...defineColorProps(),
@@ -62,7 +95,10 @@ const defineCdsOtpInputProps = propsFactory(
 );
 const defineCdsOtpFieldProps = propsFactory(
   {
-    /** Порядковый номер ячейки, начиная с нуля */
+    /**
+     * Порядковый номер ячейки, начиная с нуля
+     * @en Zero-based index of the cell
+     */
     index: {
       type: Number,
       required: true
@@ -73,7 +109,10 @@ const defineCdsOtpFieldProps = propsFactory(
 );
 const defineCdsOtpGroupProps = propsFactory(
   {
-    /** Слитный вид группы. По умолчанию наследуется от родительского `CdsOtpInput` */
+    /**
+     * Слитный вид группы. По умолчанию наследуется от родительского `CdsOtpInput`
+     * @en Merged look of the group. Inherited from the parent `CdsOtpInput` by default
+     */
     merged: {
       type: Boolean,
       default: null

package/dist/esm-node/src/components/CdsOverlay/CdsOverlay.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-overlay-container {
     position: absolute;

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

@@ -216,27 +216,60 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("afterLeave");
     }
     __expose({
-      /** Корневой DOM-элемент оверлея. */
+      /**
+       * Корневой DOM-элемент оверлея.
+       * @en The root DOM element of the overlay.
+       */
       rootEl: root,
-      /** DOM-элемент подложки (scrim), затемняющей страницу. */
+      /**
+       * DOM-элемент подложки (scrim), затемняющей страницу.
+       * @en The DOM element of the scrim that dims the page.
+       */
       scrimEl,
-      /** DOM-элемент контента оверлея. */
+      /**
+       * DOM-элемент контента оверлея.
+       * @en The DOM element of the overlay content.
+       */
       contentEl,
-      /** DOM-элемент активатора. */
+      /**
+       * DOM-элемент активатора.
+       * @en The DOM element of the activator.
+       */
       activatorEl,
-      /** Template ref для назначения активатора вручную. */
+      /**
+       * Template ref для назначения активатора вручную.
+       * @en Template ref for assigning the activator manually.
+       */
       activatorRef,
-      /** DOM-элемент цели позиционирования. */
+      /**
+       * DOM-элемент цели позиционирования.
+       * @en The DOM element of the positioning target.
+       */
       targetEl,
-      /** Template ref для назначения цели позиционирования вручную. */
+      /**
+       * Template ref для назначения цели позиционирования вручную.
+       * @en Template ref for assigning the positioning target manually.
+       */
       targetRef,
-      /** Текущая цель позиционирования: элемент либо координаты `[x, y]`. */
+      /**
+       * Текущая цель позиционирования: элемент либо координаты `[x, y]`.
+       * @en The current positioning target: an element or the `[x, y]` coordinates.
+       */
       target,
-      /** Является ли оверлей верхним в глобальном стеке открытых оверлеев. */
+      /**
+       * Является ли оверлей верхним в глобальном стеке открытых оверлеев.
+       * @en Whether the overlay is the top one in the global stack of open overlays.
+       */
       globalTop,
-      /** Пересчитывает позицию контента относительно цели. */
+      /**
+       * Пересчитывает позицию контента относительно цели.
+       * @en Recalculates the position of the content relative to the target.
+       */
       updateLocation,
-      /** Запускает bounce-анимацию контента — как при клике мимо `persistent`-оверлея. */
+      /**
+       * Запускает bounce-анимацию контента — как при клике мимо `persistent`-оверлея.
+       * @en Runs the bounce animation of the content — the same as on a click outside a `persistent` overlay.
+       */
       animateClick
     });
     return () => {

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

@@ -12,49 +12,77 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mj
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 const defineCdsOverlayProps = propsFactory(
   {
-    /** Указывает, что элемент должен быть позиционирован абсолютно, а не фиксированно. Это может быть полезно для оверлеев, которые должны быть ограничены определенной областью, например, внутри контейнера с `position: relative`. */
+    /**
+     * Указывает, что элемент должен быть позиционирован абсолютно, а не фиксированно. Это может быть полезно для оверлеев, которые должны быть ограничены определенной областью, например, внутри контейнера с `position: relative`.
+     * @en Positions the element absolutely instead of fixed. This is useful for overlays that must stay inside a certain area, for example inside a container with `position: relative`.
+     */
     absolute: Boolean,
     /**
      * Указывает, в какой элемент DOM следует переместить содержимое overlay.
      * Может быть прямой ссылкой на элемент, строкой querySelector или значением true для отключения перемещения.
      * По умолчанию используется элемент body.
      * Как правило, не рекомендуется изменять это свойство, за исключением крайних случаев: алгоритм позиционирования по умолчанию должен справляться с большинством сценариев лучше, чем это возможно без перемещения, и может возникнуть непредвиденное поведение, если меню окажется дочерним элементом своего активатора.
+     * @en Sets the DOM element the overlay content is moved to. It accepts a direct element reference, a querySelector string, or true to disable moving. By default the body element is used. Changing this prop is usually not recommended except for edge cases: the default positioning algorithm handles most scenarios better than it can without moving, and unexpected behavior may appear if the menu ends up being a child of its activator.
      */
     attach: [Boolean, String, Object],
     /**
      * Ограничивает размер компонента и сетки в соответствии с его смещенным родительским элементом.
      * Подразумевает использование свойств `absolute` и `attach`. (Примечание: родительский элемент должен иметь свойство `position: relative`.)
+     * @en Limits the size of the component and of its grid to the offset parent. Implies the `absolute` and `attach` props. (Note: the parent element must have `position: relative`.)
      */
     contained: Boolean,
     /**
      * Применяет пользовательский класс к отдельному элементу.
      * Это удобно, поскольку содержимое перемещается в начало компонента cds-app (если не указан параметр `attach`) и не может быть выделено с помощью классов, переданных непосредственно в компонент.
+     * @en Applies a custom class to the content element. This is handy because the content is moved to the beginning of the cds-app component (unless `attach` is set) and cannot be selected with classes passed to the component directly.
      */
     contentClass: null,
-    /** Применяет кастомные свойства (props) к перемещаемому контенту */
+    /**
+     * Применяет кастомные свойства (props) к перемещаемому контенту
+     * @en Applies custom props to the moved content
+     */
     contentProps: null,
-    /** Прозрачность элемента «scrim». Применяется только в том случае, если св-во `scrim=true`. */
+    /**
+     * Прозрачность элемента «scrim». Применяется только в том случае, если св-во `scrim=true`.
+     * @en Opacity of the scrim element. Applies only when `scrim=true`.
+     */
     opacity: [Number, String],
-    /** Значение компонента v-model. Если компонент поддерживает свойство **multiple**, по умолчанию используется пустой массив. */
+    /**
+     * Значение компонента v-model. Если компонент поддерживает свойство **multiple**, по умолчанию используется пустой массив.
+     * @en The v-model value of the component. If the component supports the **multiple** prop, an empty array is used by default.
+     */
     modelValue: Boolean,
-    /** Клик за пределами элемента или нажатие клавиши Esc не приведет к его закрытию. */
+    /**
+     * Клик за пределами элемента или нажатие клавиши Esc не приведет к его закрытию.
+     * @en A click outside the element or the Esc key does not close it.
+     */
     persistent: Boolean,
-    /** Отключает эффект bounce при нажатии за пределами элемента контента при использовании атрибута persistent. */
+    /**
+     * Отключает эффект bounce при нажатии за пределами элемента контента при использовании атрибута persistent.
+     * @en Disables the bounce effect on a click outside the content element when `persistent` is set.
+     */
     noClickAnimation: Boolean,
     /**
      * Закрывает содержимое оверлея при нажатии кнопки «Назад» в браузере или вызове $router.back(), отменяя исходную навигацию.
      * `persistent` оверлеи отменяют навигацию и анимируются так, как будто по ним щелкнули за пределами оверлея, вместо того чтобы закрываться.
+     * @en Closes the overlay content when the browser Back button is pressed or $router.back() is called, cancelling the original navigation. `persistent` overlays cancel the navigation and animate as if they were clicked outside instead of closing.
      */
     closeOnBack: {
       type: Boolean,
       default: true
     },
-    /** Фон при активации overlay. Принимает значения true/false для включения фона и строку для определения цвета. */
+    /**
+     * Фон при активации overlay. Принимает значения true/false для включения фона и строку для определения цвета.
+     * @en Backdrop shown while the overlay is active. Accepts true/false to toggle the backdrop and a string to set its color.
+     */
     scrim: {
       type: [Boolean, String],
       default: true
     },
-    /** Значение z-index для компонента. */
+    /**
+     * Значение z-index для компонента.
+     * @en The z-index value of the component.
+     */
     zIndex: {
       type: [Number, String],
       default: 2e3

package/dist/esm-node/src/components/CdsOverlay/composables/useActivator.mjs

@@ -7,9 +7,15 @@ import { ab as templateRef, a0 as matchesSelector } from "../../../utils/helpers
 import { a as IN_BROWSER } from "../../../utils/dom/globals.mjs";
 import { b as bindProps, u as unbindProps } from "../../../utils/dom/bindProps.mjs";
 const defineActivatorProps = propsFactory({
-  /** Элемент, который будет активировать компонент */
+  /**
+   * Элемент, который будет активировать компонент
+   * @en The element that activates the component
+   */
   activator: [String, Object],
-  /** Свойства для элемента активатора */
+  /**
+   * Свойства для элемента активатора
+   * @en Props for the activator element
+   */
   activatorProps: {
     type: Object,
     default: () => ({})
@@ -17,21 +23,34 @@ const defineActivatorProps = propsFactory({
   /**
    * Если для параметра locationStrategy задано значение «connected», необходимо указать элемент или массив координат x, y, относительно которых должен располагаться оверлей.
    * По умолчанию в качестве такого элемента используется элемент-активатор.
+   * @en When `locationStrategy` is set to "connected", specify the element or the array of x, y coordinates the overlay is positioned against. By default the activator element is used.
    */
   target: [String, Object],
-  /** Показать компонент по клику на активатор */
+  /**
+   * Показать компонент по клику на активатор
+   * @en Show the component on a click on the activator
+   */
   openOnClick: {
     type: Boolean,
     default: void 0
   },
-  /** Показать компонент по наведению на активатор */
+  /**
+   * Показать компонент по наведению на активатор
+   * @en Show the component on hover over the activator
+   */
   openOnHover: Boolean,
-  /** Показать компонент по фокусу на активатор */
+  /**
+   * Показать компонент по фокусу на активатор
+   * @en Show the component when the activator gets focus
+   */
   openOnFocus: {
     type: Boolean,
     default: void 0
   },
-  /** Скрыть компонент по клику на контент */
+  /**
+   * Скрыть компонент по клику на контент
+   * @en Hide the component on a click on the content
+   */
   closeOnContentClick: Boolean,
   ...defineDelayProps()
 }, "activator");

package/dist/esm-node/src/components/CdsOverlay/composables/useLocationStrategies.mjs

@@ -20,13 +20,17 @@ const defineLocationStrategiesProps = propsFactory(
     /**
      * Определяет способ позиционирования содержимого оверлея. По умолчанию используется значение static, при котором содержимое центрируется в контейнере.
      * Используйте connected для привязки к элементу-активатору.
+     * @en Sets the way the overlay content is positioned. By default static is used, which centers the content in its container. Use connected to attach the content to the activator element.
      */
     locationStrategy: {
       type: [String, Function],
       default: "static",
       validator: (val) => typeof val === "function" || val in locationStrategies
     },
-    /** Указывает точку привязки для позиционирования компонента с использованием ориентиров для выравнивания по горизонтали, по вертикали или по обоим направлениям */
+    /**
+     * Указывает точку привязки для позиционирования компонента с использованием ориентиров для выравнивания по горизонтали, по вертикали или по обоим направлениям
+     * @en Sets the anchor point used to position the component, aligning it horizontally, vertically or in both directions
+     */
     location: {
       type: String,
       default: "bottom"
@@ -36,16 +40,26 @@ const defineLocationStrategiesProps = propsFactory(
      * При значении «auto» используется противоположная сторона точки «location».
      * При значении «overlap» используется та же точка привязки, в результате чего наложение перекрывает объект-цель.
      * Также задает значение CSS-свойства `transform-origin` для transitions enter/leave.
+     * @en Sets the anchor point of the overlay content that is aligned with the `location` anchor of the target. With "auto" the opposite side of the `location` point is used. With "overlap" the same anchor point is used, so the overlay overlaps the target. It also sets the CSS `transform-origin` property for the enter/leave transitions.
      */
     origin: {
       type: String,
       default: "auto"
     },
-    /** Увеличивает расстояние до цели. Если передать два числа, второе значение смещает анкер вбок и в сторону от цели. */
+    /**
+     * Увеличивает расстояние до цели. Если передать два числа, второе значение смещает анкер вбок и в сторону от цели.
+     * @en Increases the distance to the target. If two numbers are passed, the second one shifts the anchor sideways, away from the target.
+     */
     offset: [Number, String, Array],
-    /** Позволяет контенту наложения выходить за пределы экрана при прокрутке. */
+    /**
+     * Позволяет контенту наложения выходить за пределы экрана при прокрутке.
+     * @en Lets the overlay content go off screen while scrolling.
+     */
     stickToTarget: Boolean,
-    /** Устанавливает пользовательские viewport margin для содержимого наложения */
+    /**
+     * Устанавливает пользовательские viewport margin для содержимого наложения
+     * @en Sets a custom viewport margin for the overlay content
+     */
     viewportMargin: {
       type: [Number, String],
       default: 12

package/dist/esm-node/src/components/CdsOverlay/composables/useScrollStrategies.mjs

@@ -12,7 +12,10 @@ const scrollStrategies = {
 };
 const defineScrollStrategiesProps = propsFactory(
   {
-    /** Стратегия, применяемая при активации компонента и прокрутке страницы пользователем. */
+    /**
+     * Стратегия, применяемая при активации компонента и прокрутке страницы пользователем.
+     * @en Strategy applied when the component is active and the user scrolls the page.
+     */
     scrollStrategy: {
       type: [String, Function],
       default: "block",

package/dist/esm-node/src/components/CdsPage/CdsPage.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-page--padding {
     padding: var(--cds-spacing-400);