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

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

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, useAttrs, computed, toRef, createVNode, unref } from "vue";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { u as convertToUnit } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsDividerConstants } from "./api/CdsDivider.constants.mjs";
 import { d as defineCdsDividerProps } from "./api/CdsDivider.props.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useTextColor } from "../../composables/useColor/useColor.mjs";
+import { u as convertToUnit } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsDividerConstants.name

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

@@ -4,26 +4,51 @@ import { C as CdsDividerConstants } from "./CdsDivider.constants.mjs";
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 const defineCdsDividerProps = propsFactory(
   {
-    /** Длина разделителя. Единица измерения по умолчанию — пиксели. */
+    /**
+     * Длина разделителя. Единица измерения по умолчанию — пиксели.
+     * @en Length of the divider. Defaults to pixels.
+     */
     length: [Number, String],
-    /** Толщина разделителя. Единица измерения по умолчанию — пиксели. */
+    /**
+     * Толщина разделителя. Единица измерения по умолчанию — пиксели.
+     * @en Thickness of the divider. Defaults to pixels.
+     */
     thickness: [Number, String],
-    /** Прозрачность разделителя. */
+    /**
+     * Прозрачность разделителя.
+     * @en Opacity of the divider.
+     */
     opacity: [Number, String],
     /**
      * Увеличивает интервал между элементами контента и строками.
      * Если передается в виде массива, второе значение смещает содержимое слота вниз (или вправо если vertical = true).
+     * @en Increases the spacing between the content and the lines. When passed as an array, the second value shifts the slot content down (or right when vertical = true).
      */
     contentOffset: [Number, String, Array],
-    /** Цвет разделителя. */
+    /**
+     * Цвет разделителя.
+     * @en Color of the divider.
+     */
     color: String,
-    /** Добавляет эффект затухания с обеих сторон. */
+    /**
+     * Добавляет эффект затухания с обеих сторон.
+     * @en Adds a fade-out effect on both ends.
+     */
     gradient: Boolean,
-    /** Добавляет отступ для обычных разделителей и уменьшает максимальную высоту для вертикальных разделителей. */
+    /**
+     * Добавляет отступ для обычных разделителей и уменьшает максимальную высоту для вертикальных разделителей.
+     * @en Adds an indent to horizontal dividers and reduces the maximum height of vertical ones.
+     */
     inset: Boolean,
-    /** Отображает разделитель вертикально */
+    /**
+     * Отображает разделитель вертикально
+     * @en Renders the divider vertically
+     */
     vertical: Boolean,
-    /** Вариант отображения разделителя */
+    /**
+     * Вариант отображения разделителя
+     * @en Visual variant of the divider
+     */
     variant: {
       type: String,
       default: "solid",

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

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

@@ -1,15 +1,15 @@
 import { defineComponent, useSlots, useAttrs, ref, computed, unref, onBeforeMount, onBeforeUnmount, watch, createVNode, Fragment, mergeProps } from "vue";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { u as useProxyModel } from "../../core/useProxyModel.mjs";
-import { _ as keyNames } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsDrawerConstants, a as CDS_DRAWER_Z_INDEX_OUTER, b as CDS_DRAWER_WIDTH_MINIFIED, c as CDS_DRAWER_WIDTH } from "./api/CdsDrawer.constants.mjs";
 import { d as defineCdsDrawerProps } from "./api/CdsDrawer.props.mjs";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
 import { u as useInjectLayout } from "../../composables/useLayout/context.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
+import { _ as keyNames } from "../../utils/helpers.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsDrawerConstants.name,
@@ -165,6 +165,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isHovering.value = false;
     }
     __expose({
+      /**
+       * Ссылка на корневой DOM-элемент панели.
+       * @en Ref to the root DOM element of the drawer.
+       */
       drawerRef
     });
     return () => {

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

@@ -1,48 +1,72 @@
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsDrawerConstants } from "./CdsDrawer.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
+import { a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
 const defineCdsDrawerProps = propsFactory(
   {
-    /** Показать/скрыть панель (v-model). */
+    /**
+     * Показать/скрыть панель (v-model).
+     * @en Shows/hides the drawer (v-model).
+     */
     modelValue: {
       type: Boolean,
       default: null
     },
-    /** Постоянно видима, независимо от размера экрана. */
+    /**
+     * Постоянно видима, независимо от размера экрана.
+     * @en Always visible, regardless of the screen size.
+     */
     permanent: {
       type: Boolean,
       default: false
     },
-    /** Временная панель: открывается через v-model и закрывается по оверлею. */
+    /**
+     * Временная панель: открывается через v-model и закрывается по оверлею.
+     * @en Temporary drawer: opens through v-model and closes on the overlay.
+     */
     temporary: {
       type: Boolean,
       default: false
     },
-    /** Свёрнутый вид (только иконки) до наведения мыши. */
+    /**
+     * Свёрнутый вид (только иконки) до наведения мыши.
+     * @en Minified look (icons only) until the mouse hovers over it.
+     */
     minified: {
       type: Boolean,
       default: false
     },
-    /** Применяет `position: fixed`. */
+    /**
+     * Применяет `position: fixed`.
+     * @en Applies `position: fixed`.
+     */
     fixed: {
       type: Boolean,
       default: false
     },
-    /** Позиционирование справа. */
+    /**
+     * Позиционирование справа.
+     * @en Positions the drawer on the right.
+     */
     right: {
       type: Boolean,
       default: false
     },
-    /** Добавляет границы между секциями (prepend/append). */
+    /**
+     * Добавляет границы между секциями (prepend/append).
+     * @en Adds borders between the sections (prepend/append).
+     */
     border: {
       type: Boolean,
       default: false
     },
-    /** Использовать внутренний скролл для секции контента. */
+    /**
+     * Использовать внутренний скролл для секции контента.
+     * @en Uses an inner scroll for the content section.
+     */
     fixedSlots: {
       type: Boolean,
       default: false

package/dist/esm-node/src/components/CdsEmptyState/CdsEmptyState.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-empty-state {
     display: flex;

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

@@ -1,18 +1,18 @@
 import { defineComponent, useSlots, resolveDynamicComponent, createVNode, unref } from "vue";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { p as pascalCase } from "../../utils/changeCase.mjs";
-import { u as convertToUnit } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsButton } from "../CdsButton/index.mjs";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { C as CdsImage } from "../CdsImage/index.mjs";
 import { C as CdsEmptyStateConstants } from "./api/CdsEmptyState.constants.mjs";
 import { d as defineCdsEmptyStateProps } from "./api/CdsEmptyState.props.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { a as useBackgroundColor, u as useTextColor } from "../../composables/useColor/useColor.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.mjs";
+import { p as pascalCase } from "../../utils/changeCase.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
+import { u as convertToUnit } from "../../utils/helpers.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsEmptyStateConstants.name

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

@@ -1,40 +1,65 @@
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.mjs";
 import { d as defineRouterProps } from "../../../composables/useRouter/useRouter.mjs";
 import { d as defineTextProps } from "../../../composables/useText/useText.mjs";
-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 { a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsEmptyStateConstants } from "./CdsEmptyState.constants.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
+import { a7 as pick } from "../../../utils/helpers.mjs";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.mjs";
 const defineCdsEmptyStateProps = propsFactory(
   {
-    /** Текст кнопки действия. При указании рендерится кнопка под контентом. */
+    /**
+     * Текст кнопки действия. При указании рендерится кнопка под контентом.
+     * @en Text of the action button. When set, a button is rendered below the content.
+     */
     actionText: String,
-    /** Иконка в медиа-области. */
+    /**
+     * Иконка в медиа-области.
+     * @en Icon in the media area.
+     */
     icon: IconValue,
     /**
      * Legacy-иллюстрация из пакета `@central-design-system/illustrations` (CDS 3):
      * kebab-case имя глобально зарегистрированного компонента, например `rocket`.
      * Иллюстрации регистрируются через опцию `illustrations` в `createCds`.
+     * @en Legacy illustration from the `@central-design-system/illustrations` package (CDS 3): the kebab-case name of a globally registered component, for example `rocket`. Illustrations are registered through the `illustrations` option of `createCds`.
      */
     illustration: String,
-    /** Источник изображения в медиа-области (имеет приоритет над `icon`). */
+    /**
+     * Источник изображения в медиа-области (имеет приоритет над `icon`).
+     * @en Source of the image in the media area (takes priority over `icon`).
+     */
     image: String,
-    /** Горизонтальное выравнивание контента: `start`, `center`, `end`. */
+    /**
+     * Горизонтальное выравнивание контента: `start`, `center`, `end`.
+     * @en Horizontal alignment of the content: `start`, `center`, `end`.
+     */
     justify: {
       type: String,
       default: "center"
     },
-    /** Крупный акцентный заголовок над основным заголовком. */
+    /**
+     * Крупный акцентный заголовок над основным заголовком.
+     * @en Large accent heading above the main heading.
+     */
     headline: String,
-    /** Заголовок. */
+    /**
+     * Заголовок.
+     * @en Heading.
+     */
     title: String,
-    /** Описание */
+    /**
+     * Описание
+     * @en Description
+     */
     description: String,
-    /** Максимальная ширина блока описания. */
+    /**
+     * Максимальная ширина блока описания.
+     * @en Maximum width of the description block.
+     */
     textWidth: {
       type: [Number, String],
       default: 500

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

@@ -3,11 +3,11 @@ import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.mjs";
 import { u as useGroupItem } from "../../composables/useGroup/useGroupItem.mjs";
 import { f as filterProps } from "../../core/defineComponent.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { b as CdsExpandablePanelConstants, e as CdsExpandablePanelsSymbol, d as CdsExpandablePanelSymbol, C as CdsExpandablePanelContentConstants, a as CdsExpandablePanelTitleConstants } from "./api/CdsExpandablePanel.constants.mjs";
 import { d as defineCdsExpandablePanelContentProps, a as defineCdsExpandablePanelTitleProps, b as defineCdsExpandablePanelProps } from "./api/CdsExpandablePanel.props.mjs";
 import { _ as _sfc_main$2 } from "./CdsExpandablePanelContent.vue_vue_type_script_setup_true_lang.mjs";
 import { _ as _sfc_main$1 } from "./CdsExpandablePanelTitle.vue_vue_type_script_setup_true_lang.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsExpandablePanelConstants.name
@@ -26,13 +26,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const groupItem = useGroupItem(props, CdsExpandablePanelsSymbol);
     provide(CdsExpandablePanelSymbol, groupItem);
     __expose({
-      /** Панель раскрыта */
+      /**
+       * Панель раскрыта
+       * @en The panel is expanded
+       */
       isSelected: groupItem.isSelected,
-      /** Панель заблокирована */
+      /**
+       * Панель заблокирована
+       * @en The panel is blocked
+       */
       disabled: groupItem.disabled,
-      /** Переключить раскрытие панели */
+      /**
+       * Переключить раскрытие панели
+       * @en Toggles the expansion of the panel
+       */
       toggle: groupItem.toggle,
-      /** Раскрыть/свернуть панель */
+      /**
+       * Раскрыть/свернуть панель
+       * @en Expands or collapses the panel
+       */
       select: groupItem.select
     });
     return () => {

package/dist/esm-node/src/components/CdsExpandablePanel/CdsExpandablePanelContent.vue_vue_type_script_setup_true_lang.mjs

@@ -2,9 +2,9 @@ import { defineComponent, useSlots, inject, createVNode, unref } from "vue";
 import { u as useLazy } from "../../composables/useLazy/useLazy.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
 import { c as CdsTransitionExpand } from "../../transitions/index.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { C as CdsExpandablePanelContentConstants, d as CdsExpandablePanelSymbol } from "./api/CdsExpandablePanel.constants.mjs";
 import { d as defineCdsExpandablePanelContentProps } from "./api/CdsExpandablePanel.props.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsExpandablePanelContentConstants.name

package/dist/esm-node/src/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue_vue_type_script_setup_true_lang.mjs

@@ -1,10 +1,10 @@
 import { defineComponent, useSlots, inject, computed, unref, createVNode } from "vue";
 import { C as CdsIcon } from "../CdsIcon/index.mjs";
 import { u as useDefaults } from "../../core/useDefaults.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { a as CdsExpandablePanelTitleConstants, d as CdsExpandablePanelSymbol } from "./api/CdsExpandablePanel.constants.mjs";
 import { a as defineCdsExpandablePanelTitleProps } from "./api/CdsExpandablePanel.props.mjs";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsExpandablePanelTitleConstants.name
@@ -34,9 +34,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       readonly: props.readonly
     }));
     __expose({
-      /** Панель раскрыта */
+      /**
+       * Панель раскрыта
+       * @en The panel is expanded
+       */
       isSelected: panel.isSelected,
-      /** Переключить раскрытие панели */
+      /**
+       * Переключить раскрытие панели
+       * @en Toggles the expansion of the panel
+       */
       toggle: panel.toggle
     });
     return () => {

package/dist/esm-node/src/components/CdsExpandablePanel/CdsExpandablePanels.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-expandable-panels {
     position: relative;

package/dist/esm-node/src/components/CdsExpandablePanel/CdsExpandablePanels.vue_vue_type_script_setup_true_lang.mjs

@@ -1,11 +1,11 @@
 import { defineComponent, useSlots, toRef, createVNode, unref } from "vue";
 import { u as useGroup } from "../../composables/useGroup/useGroup.mjs";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.mjs";
-import { u as convertToUnit } from "../../utils/helpers.mjs";
-import { c as classNames } from "../../utils/dom/classNames.mjs";
 import { c as CdsExpandablePanelsConstants, e as CdsExpandablePanelsSymbol, b as CdsExpandablePanelConstants } from "./api/CdsExpandablePanel.constants.mjs";
 import { c as defineCdsExpandablePanelsProps } from "./api/CdsExpandablePanel.props.mjs";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.mjs";
+import { u as convertToUnit } from "../../utils/helpers.mjs";
+import { c as classNames } from "../../utils/dom/classNames.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsExpandablePanelsConstants.name
@@ -41,9 +41,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     __expose({
-      /** Раскрыть предыдущую панель */
+      /**
+       * Раскрыть предыдущую панель
+       * @en Expands the previous panel
+       */
       prev,
-      /** Раскрыть следующую панель */
+      /**
+       * Раскрыть следующую панель
+       * @en Expands the next panel
+       */
       next
     });
     return () => {

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

@@ -3,34 +3,52 @@ import { d as defineGroupItemProps } from "../../../composables/useGroup/useGrou
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.mjs";
 import { d as defineLazyProps } from "../../../composables/useLazy/useLazy.mjs";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.mjs";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.mjs";
 import { p as propsFactory } from "../../../core/propsFactory.mjs";
-import { a7 as pick } from "../../../utils/helpers.mjs";
 import { C as CdsExpandablePanelContentConstants, a as CdsExpandablePanelTitleConstants, b as CdsExpandablePanelConstants, c as CdsExpandablePanelsConstants } from "./CdsExpandablePanel.constants.mjs";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.mjs";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.mjs";
+import { a7 as pick } from "../../../utils/helpers.mjs";
 const defineCdsExpandablePanelTitleProps = propsFactory(
   {
-    /** Иконка раскрытия панели */
+    /**
+     * Иконка раскрытия панели
+     * @en Icon shown when the panel is collapsed and can be expanded
+     */
     expandIcon: {
       type: IconValue,
       default: "chevron-down"
     },
-    /** Иконка сворачивания панели */
+    /**
+     * Иконка сворачивания панели
+     * @en Icon shown when the panel is expanded and can be collapsed
+     */
     collapseIcon: {
       type: IconValue,
       default: "chevron-up"
     },
-    /** Скрыть иконку раскрытия/сворачивания */
+    /**
+     * Скрыть иконку раскрытия/сворачивания
+     * @en Hides the expand/collapse icon
+     */
     hideActions: Boolean,
-    /** Подсвечивать заголовок фоном при наведении курсора */
+    /**
+     * Подсвечивать заголовок фоном при наведении курсора
+     * @en Highlights the title with a background on hover
+     */
     hover: {
       type: Boolean,
       default: true
     },
-    /** Подсвечивать заголовок фоном при фокусе */
+    /**
+     * Подсвечивать заголовок фоном при фокусе
+     * @en Highlights the title with a background on focus
+     */
     focusable: Boolean,
-    /** Отключить анимацию заголовка */
+    /**
+     * Отключить анимацию заголовка
+     * @en Turns off the animation of the title
+     */
     static: Boolean,
     ...defineComponentProps(),
     ...defineDimensionsProps(),
@@ -47,9 +65,15 @@ const defineCdsExpandablePanelContentProps = propsFactory(
 );
 const defineCdsExpandablePanelProps = propsFactory(
   {
-    /** Текст заголовка панели */
+    /**
+     * Текст заголовка панели
+     * @en Text of the panel title
+     */
     title: String,
-    /** Текст раскрываемого содержимого панели */
+    /**
+     * Текст раскрываемого содержимого панели
+     * @en Text of the expandable content of the panel
+     */
     text: String,
     ...defineCdsExpandablePanelTitleProps(),
     ...defineCdsExpandablePanelContentProps(),
@@ -63,6 +87,7 @@ const defineCdsExpandablePanelsProps = propsFactory(
   {
     /**
      * Вариант отображения группы панелей
+     * @en Display variant of the panel group
      * @values default, accordion
      */
     variant: {
@@ -72,6 +97,7 @@ const defineCdsExpandablePanelsProps = propsFactory(
     },
     /**
      * Внешний вид панелей
+     * @en Appearance of the panels
      * @values primary, secondary, transparent
      */
     appearance: {
@@ -79,7 +105,10 @@ const defineCdsExpandablePanelsProps = propsFactory(
       default: "primary",
       validator: (value) => CdsExpandablePanelsConstants.appearances.includes(value)
     },
-    /** Отступ между панелями */
+    /**
+     * Отступ между панелями
+     * @en Spacing between the panels
+     */
     gap: [Number, String],
     ...pick(defineCdsExpandablePanelProps(), [
       "collapseIcon",

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