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

package/dist/es/src/components/CdsBadge/CdsBadge.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-badge {
     display: inline-block;

package/dist/es/src/components/CdsBadge/api/CdsBadge.props.js

@@ -11,31 +11,59 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsBadgeProps = propsFactory(
   {
-    /**Иконка, отображаемая в компоненте. Если указано свойство `dot`, то это свойство будет проигнорировано. */
+    /**
+     * Иконка, отображаемая в компоненте. Если указано свойство `dot`, то это свойство будет проигнорировано.
+     * @en Icon shown inside the component. Ignored when the `dot` prop is set.
+     */
     icon: IconValue,
-    /**Уменьшает размер и скрывает содержимое, отображая компонент в виде точки */
+    /**
+     * Уменьшает размер и скрывает содержимое, отображая компонент в виде точки
+     * @en Shrinks the component and hides its content, rendering it as a dot
+     */
     dot: Boolean,
-    /**Размер точки */
+    /**
+     * Размер точки
+     * @en Dot size
+     */
     dotSize: [Number, String],
-    /**Отображать как inline блок вместо абсолютного позиционирования. Свойства location, floating и offset будут проигнорированы. */
+    /**
+     * Отображать как inline блок вместо абсолютного позиционирования. Свойства location, floating и offset будут проигнорированы.
+     * @en Renders as an inline block instead of using absolute positioning. The location, floating and offset props are ignored.
+     */
     inline: Boolean,
-    /**Переносит компонент дальше от контента. Это соответствует смещению на 8 пикселей. */
+    /**
+     * Переносит компонент дальше от контента. Это соответствует смещению на 8 пикселей.
+     * @en Moves the component further away from the content — an 8 pixel offset.
+     */
     floating: Boolean,
     /**
      * Устанавливает максимальное допустимое значение при использовании атрибута content со значением в виде числа.
      * Если число в поле content превышает максимальное значение, к нему добавляется суффикс «+».
+     * @en Sets the maximum allowed value when content holds a number. If the number exceeds the maximum, a "+" suffix is added.
      */
     max: [Number, String],
-    /** Сместить по оси X */
+    /**
+     * Сместить по оси X
+     * @en Offset along the X axis
+     */
     offsetX: [Number, String],
-    /** Сместить по оси Y */
+    /**
+     * Сместить по оси Y
+     * @en Offset along the Y axis
+     */
     offsetY: [Number, String],
-    /** Определяет, отображается ли компонент или скрыт. */
+    /**
+     * Определяет, отображается ли компонент или скрыт.
+     * @en Controls whether the component is shown or hidden.
+     */
     modelValue: {
       type: Boolean,
       default: true
     },
-    /** Aria-label для компонента. Если не указано, будет использоваться значение по умолчанию. */
+    /**
+     * Aria-label для компонента. Если не указано, будет использоваться значение по умолчанию.
+     * @en Aria-label for the component. Falls back to the default value when not set.
+     */
     label: {
       type: String,
       default: "$cds.badge"

package/dist/es/src/components/CdsBadge/api/CdsBadge.props.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsBadge.props.js","sources":["../../../../../../src/components/CdsBadge/api/CdsBadge.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLocationProps } from '@cds/composables/useLocation/useLocation';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineTransitionProps } from '@cds/composables/useTransition';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\n\nimport { CdsBadgeConstants } from './CdsBadge.constants';\n\nexport const defineCdsBadgeProps = propsFactory(\n  {\n    /**Иконка, отображаемая в компоненте. Если указано свойство `dot`, то это свойство будет проигнорировано. */\n    icon: IconValue,\n    /**Уменьшает размер и скрывает содержимое, отображая компонент в виде точки */\n    dot: Boolean,\n    /**Размер точки */\n    dotSize: [Number, String],\n    /**Отображать как inline блок вместо абсолютного позиционирования. Свойства location, floating и offset будут проигнорированы. */\n    inline: Boolean,\n    /**Переносит компонент дальше от контента. Это соответствует смещению на 8 пикселей. */\n    floating: Boolean,\n    /**\n     * Устанавливает максимальное допустимое значение при использовании атрибута content со значением в виде числа.\n     * Если число в поле content превышает максимальное значение, к нему добавляется суффикс «+».\n     */\n    max: [Number, String],\n    /** Сместить по оси X */\n    offsetX: [Number, String],\n    /** Сместить по оси Y */\n    offsetY: [Number, String],\n    /** Определяет, отображается ли компонент или скрыт. */\n    modelValue: {\n      type: Boolean,\n      default: true\n    },\n    /** Aria-label для компонента. Если не указано, будет использоваться значение по умолчанию. */\n    label: {\n      type: String,\n      default: '$cds.badge'\n    },\n\n    ...defineTextProps(),\n    ...defineComponentProps(),\n    ...defineLocationProps({ location: 'top end' } as const),\n    ...defineTagProps(),\n    ...pick(defineColorProps(), ['color', 'textColor']),\n    ...defineThemeProps(),\n    ...defineTransitionProps(),\n    ...defineDimensionsProps()\n  },\n  CdsBadgeConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAYO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA,IAEE,MAAM;AAAA;AAAA,IAEN,KAAK;AAAA;AAAA,IAEL,SAAS,CAAC,QAAQ,MAAM;AAAA;AAAA,IAExB,QAAQ;AAAA;AAAA,IAER,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,KAAK,CAAC,QAAQ,MAAM;AAAA;AAAA,IAEpB,SAAS,CAAC,QAAQ,MAAM;AAAA;AAAA,IAExB,SAAS,CAAC,QAAQ,MAAM;AAAA;AAAA,IAExB,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAoB,EAAE,UAAU,WAAoB;AAAA,IACvD,GAAG,eAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,WAAW,CAAC;AAAA,IAClD,GAAG,iBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,EAAsB;AAAA,EAE3B,kBAAkB;AACpB;"}
+{"version":3,"file":"CdsBadge.props.js","sources":["../../../../../../src/components/CdsBadge/api/CdsBadge.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLocationProps } from '@cds/composables/useLocation/useLocation';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineTransitionProps } from '@cds/composables/useTransition';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\n\nimport { CdsBadgeConstants } from './CdsBadge.constants';\n\nexport const defineCdsBadgeProps = propsFactory(\n  {\n    /**\n     * Иконка, отображаемая в компоненте. Если указано свойство `dot`, то это свойство будет проигнорировано.\n     * @en Icon shown inside the component. Ignored when the `dot` prop is set.\n     */\n    icon: IconValue,\n    /**\n     * Уменьшает размер и скрывает содержимое, отображая компонент в виде точки\n     * @en Shrinks the component and hides its content, rendering it as a dot\n     */\n    dot: Boolean,\n    /**\n     * Размер точки\n     * @en Dot size\n     */\n    dotSize: [Number, String],\n    /**\n     * Отображать как inline блок вместо абсолютного позиционирования. Свойства location, floating и offset будут проигнорированы.\n     * @en Renders as an inline block instead of using absolute positioning. The location, floating and offset props are ignored.\n     */\n    inline: Boolean,\n    /**\n     * Переносит компонент дальше от контента. Это соответствует смещению на 8 пикселей.\n     * @en Moves the component further away from the content — an 8 pixel offset.\n     */\n    floating: Boolean,\n    /**\n     * Устанавливает максимальное допустимое значение при использовании атрибута content со значением в виде числа.\n     * Если число в поле content превышает максимальное значение, к нему добавляется суффикс «+».\n     * @en Sets the maximum allowed value when content holds a number. If the number exceeds the maximum, a \"+\" suffix is added.\n     */\n    max: [Number, String],\n    /**\n     * Сместить по оси X\n     * @en Offset along the X axis\n     */\n    offsetX: [Number, String],\n    /**\n     * Сместить по оси Y\n     * @en Offset along the Y axis\n     */\n    offsetY: [Number, String],\n    /**\n     * Определяет, отображается ли компонент или скрыт.\n     * @en Controls whether the component is shown or hidden.\n     */\n    modelValue: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Aria-label для компонента. Если не указано, будет использоваться значение по умолчанию.\n     * @en Aria-label for the component. Falls back to the default value when not set.\n     */\n    label: {\n      type: String,\n      default: '$cds.badge'\n    },\n\n    ...defineTextProps(),\n    ...defineComponentProps(),\n    ...defineLocationProps({ location: 'top end' } as const),\n    ...defineTagProps(),\n    ...pick(defineColorProps(), ['color', 'textColor']),\n    ...defineThemeProps(),\n    ...defineTransitionProps(),\n    ...defineDimensionsProps()\n  },\n  CdsBadgeConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAYO,MAAM,sBAAsB;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,SAAS,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMV,KAAK,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKpB,SAAS,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxB,SAAS,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxB,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAoB,EAAE,UAAU,WAAoB;AAAA,IACvD,GAAG,eAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,WAAW,CAAC;AAAA,IAClD,GAAG,iBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,EAAsB;AAAA,EAE3B,kBAAkB;AACpB;"}

package/dist/es/src/components/CdsBreadcrumbs/CdsBreadcrumbs.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-breadcrumbs {
     display: flex;

package/dist/es/src/components/CdsBreadcrumbs/api/CdsBreadcrumbs.props.js

@@ -9,19 +9,31 @@ import { d as defineDimensionsProps } from "../../../composables/useDimensions/u
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsBreadcrumbsProps = propsFactory(
   {
-    /** Массив строк или объектов, используемый для автоматического создания дочерних компонентов */
+    /**
+     * Массив строк или объектов, используемый для автоматического создания дочерних компонентов
+     * @en Array of strings or objects used to build the child components automatically
+     */
     items: {
       type: Array,
       default: () => []
     },
-    /** Разделитель между дочерними компонентами */
+    /**
+     * Разделитель между дочерними компонентами
+     * @en Divider between the child components
+     */
     divider: {
       type: String,
       default: "/"
     },
-    /** Иконка отображаемая рядом с компонентом */
+    /**
+     * Иконка отображаемая рядом с компонентом
+     * @en Icon displayed next to the component
+     */
     icon: IconValue,
-    /** Класс, применяемый к компоненту, когда он находится в активном состоянии */
+    /**
+     * Класс, применяемый к компоненту, когда он находится в активном состоянии
+     * @en Class applied to the component when it is in the active state
+     */
     activeClass: String,
     ...defineComponentProps(),
     ...defineDisabledProps(),
@@ -32,11 +44,20 @@ const defineCdsBreadcrumbsProps = propsFactory(
 );
 const defineCdsBreadcrumbsItemProps = propsFactory(
   {
-    /** Активное состояние компонента, обычно используется для обозначения текущей страницы в навигации */
+    /**
+     * Активное состояние компонента, обычно используется для обозначения текущей страницы в навигации
+     * @en Active state of the component; usually marks the current page in the navigation
+     */
     active: Boolean,
-    /** Класс, применяемый к компоненту, когда он находится в активном состоянии */
+    /**
+     * Класс, применяемый к компоненту, когда он находится в активном состоянии
+     * @en Class applied to the component when it is in the active state
+     */
     activeClass: String,
-    /** Заголовок элемента, отображаемый в компоненте */
+    /**
+     * Заголовок элемента, отображаемый в компоненте
+     * @en Item title displayed in the component
+     */
     title: String,
     ...defineComponentProps(),
     ...defineRouterProps(),
@@ -49,7 +70,10 @@ const defineCdsBreadcrumbsItemProps = propsFactory(
 );
 const defineCdsBreadcrumbsDividerProps = propsFactory(
   {
-    /** Разделитель */
+    /**
+     * Разделитель
+     * @en Divider
+     */
     divider: [Number, String],
     ...defineComponentProps()
   },

package/dist/es/src/components/CdsBreadcrumbs/api/CdsBreadcrumbs.props.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsBreadcrumbs.props.js","sources":["../../../../../../src/components/CdsBreadcrumbs/api/CdsBreadcrumbs.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineRouterProps } from '@cds/composables/useRouter';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport {\n  CdsBreadcrumbsConstants,\n  CdsBreadcrumbsDividerConstants,\n  CdsBreadcrumbsItemConstants\n} from './CdsBreadcrumbs.constants';\nimport type { BreadcrumbItem } from './CdsBreadcrumbs.types';\n\nexport const defineCdsBreadcrumbsProps = propsFactory(\n  {\n    /** Массив строк или объектов, используемый для автоматического создания дочерних компонентов */\n    items: {\n      type: Array as PropType<readonly BreadcrumbItem[]>,\n      default: () => []\n    },\n    /** Разделитель между дочерними компонентами */\n    divider: {\n      type: String,\n      default: '/'\n    },\n    /** Иконка отображаемая рядом с компонентом */\n    icon: IconValue,\n    /** Класс, применяемый к компоненту, когда он находится в активном состоянии */\n    activeClass: String,\n\n    ...defineComponentProps(),\n    ...defineDisabledProps(),\n    ...defineColorProps(),\n    ...defineTagProps({ tag: 'ul' })\n  },\n  CdsBreadcrumbsConstants.name\n);\n\nexport const defineCdsBreadcrumbsItemProps = propsFactory(\n  {\n    /** Активное состояние компонента, обычно используется для обозначения текущей страницы в навигации */\n    active: Boolean,\n    /** Класс, применяемый к компоненту, когда он находится в активном состоянии */\n    activeClass: String,\n    /** Заголовок элемента, отображаемый в компоненте */\n    title: String,\n\n    ...defineComponentProps(),\n    ...defineRouterProps(),\n    ...defineColorProps(),\n    ...defineDisabledProps(),\n    ...defineTagProps({ tag: 'li' }),\n    ...pick(defineDimensionsProps(), ['width', 'maxWidth'])\n  },\n  CdsBreadcrumbsItemConstants.name\n);\n\nexport const defineCdsBreadcrumbsDividerProps = propsFactory(\n  {\n    /** Разделитель */\n    divider: [Number, String],\n\n    ...defineComponentProps()\n  },\n  CdsBreadcrumbsDividerConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;AAgBO,MAAM,4BAA4B;AAAA,EACvC;AAAA;AAAA,IAEE,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA;AAAA,IAGlB,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,MAAM;AAAA;AAAA,IAEN,aAAa;AAAA,IAEb,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,MAAM;AAAA,EAAA;AAAA,EAEjC,wBAAwB;AAC1B;AAEO,MAAM,gCAAgC;AAAA,EAC3C;AAAA;AAAA,IAEE,QAAQ;AAAA;AAAA,IAER,aAAa;AAAA;AAAA,IAEb,OAAO;AAAA,IAEP,GAAG,qBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,MAAM;AAAA,IAC/B,GAAG,KAAK,sBAAA,GAAyB,CAAC,SAAS,UAAU,CAAC;AAAA,EAAA;AAAA,EAExD,4BAA4B;AAC9B;AAEO,MAAM,mCAAmC;AAAA,EAC9C;AAAA;AAAA,IAEE,SAAS,CAAC,QAAQ,MAAM;AAAA,IAExB,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,+BAA+B;AACjC;"}
+{"version":3,"file":"CdsBreadcrumbs.props.js","sources":["../../../../../../src/components/CdsBreadcrumbs/api/CdsBreadcrumbs.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineRouterProps } from '@cds/composables/useRouter';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport {\n  CdsBreadcrumbsConstants,\n  CdsBreadcrumbsDividerConstants,\n  CdsBreadcrumbsItemConstants\n} from './CdsBreadcrumbs.constants';\nimport type { BreadcrumbItem } from './CdsBreadcrumbs.types';\n\nexport const defineCdsBreadcrumbsProps = propsFactory(\n  {\n    /**\n     * Массив строк или объектов, используемый для автоматического создания дочерних компонентов\n     * @en Array of strings or objects used to build the child components automatically\n     */\n    items: {\n      type: Array as PropType<readonly BreadcrumbItem[]>,\n      default: () => []\n    },\n    /**\n     * Разделитель между дочерними компонентами\n     * @en Divider between the child components\n     */\n    divider: {\n      type: String,\n      default: '/'\n    },\n    /**\n     * Иконка отображаемая рядом с компонентом\n     * @en Icon displayed next to the component\n     */\n    icon: IconValue,\n    /**\n     * Класс, применяемый к компоненту, когда он находится в активном состоянии\n     * @en Class applied to the component when it is in the active state\n     */\n    activeClass: String,\n\n    ...defineComponentProps(),\n    ...defineDisabledProps(),\n    ...defineColorProps(),\n    ...defineTagProps({ tag: 'ul' })\n  },\n  CdsBreadcrumbsConstants.name\n);\n\nexport const defineCdsBreadcrumbsItemProps = propsFactory(\n  {\n    /**\n     * Активное состояние компонента, обычно используется для обозначения текущей страницы в навигации\n     * @en Active state of the component; usually marks the current page in the navigation\n     */\n    active: Boolean,\n    /**\n     * Класс, применяемый к компоненту, когда он находится в активном состоянии\n     * @en Class applied to the component when it is in the active state\n     */\n    activeClass: String,\n    /**\n     * Заголовок элемента, отображаемый в компоненте\n     * @en Item title displayed in the component\n     */\n    title: String,\n\n    ...defineComponentProps(),\n    ...defineRouterProps(),\n    ...defineColorProps(),\n    ...defineDisabledProps(),\n    ...defineTagProps({ tag: 'li' }),\n    ...pick(defineDimensionsProps(), ['width', 'maxWidth'])\n  },\n  CdsBreadcrumbsItemConstants.name\n);\n\nexport const defineCdsBreadcrumbsDividerProps = propsFactory(\n  {\n    /**\n     * Разделитель\n     * @en Divider\n     */\n    divider: [Number, String],\n\n    ...defineComponentProps()\n  },\n  CdsBreadcrumbsDividerConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;AAgBO,MAAM,4BAA4B;AAAA,EACvC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAMlB,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,aAAa;AAAA,IAEb,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,MAAM;AAAA,EAAA;AAAA,EAEjC,wBAAwB;AAC1B;AAEO,MAAM,gCAAgC;AAAA,EAC3C;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,OAAO;AAAA,IAEP,GAAG,qBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,MAAM;AAAA,IAC/B,GAAG,KAAK,sBAAA,GAAyB,CAAC,SAAS,UAAU,CAAC;AAAA,EAAA;AAAA,EAExD,4BAA4B;AAC9B;AAEO,MAAM,mCAAmC;AAAA,EAC9C;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,SAAS,CAAC,QAAQ,MAAM;AAAA,IAExB,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,+BAA+B;AACjC;"}

package/dist/es/src/components/CdsButton/CdsButton.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-button {
     position: relative;

package/dist/es/src/components/CdsButton/CdsButton.vue_vue_type_script_setup_true_lang.js

@@ -80,7 +80,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     __expose({
-      /** Возвращает текущий контекст группы, если эта кнопка используется в компоненте группы (например, CdsButtonGroup). */
+      /**
+       * Возвращает текущий контекст группы, если эта кнопка используется в компоненте группы (например, CdsButtonGroup).
+       * @en Returns the current group context when the button is used inside a group component (for example, CdsButtonGroup).
+       */
       group
     });
     return () => {

package/dist/es/src/components/CdsButton/CdsButton.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsButton.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsButton/CdsButton.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsButton.scss';\n\nimport { useAppearance } from '@cds/composables/useAppearance';\nimport { useColor } from '@cds/composables/useColor';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useGroupItem } from '@cds/composables/useGroup';\nimport { useLoader } from '@cds/composables/useLoader';\nimport { useLink } from '@cds/composables/useRouter';\nimport { useSize } from '@cds/composables/useSize';\nimport { useText } from '@cds/composables/useText';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { computed, toRef, unref, useAttrs } from 'vue';\n\nimport { CdsDefaultsProvider } from '../CdsDefaultsProvider';\nimport { CdsIcon } from '../CdsIcon';\nimport { CdsProgressCircle } from '../CdsProgressCircle';\nimport { CdsButtonConstants } from './api/CdsButton.constants';\nimport { defineCdsButtonProps } from './api/CdsButton.props';\nimport type { CdsButtonEvents, CdsButtonSlots } from './api/CdsButton.types';\n\ndefineOptions({\n  name: CdsButtonConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsButtonProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsButtonSlots>();\nconst attrs = useAttrs();\n\ndefineEmits([\"group:selected\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { appearanceClasses } = useAppearance(props);\nconst { dimensionStyles } = useDimensions(props);\nconst { loaderClasses } = useLoader(props);\nconst { sizeClasses, sizeStyles } = useSize(props);\nconst { displayText } = useText(props);\n\nconst link = useLink(props, attrs);\nconst group = useGroupItem(props, props.symbol, false);\n\nconst isActive = computed(() => {\n  if (props.active !== undefined) return props.active;\n  if (unref(link.isRouterLink)) return unref(link.isActive);\n  return unref(group?.isSelected);\n});\n\nconst color = toRef(() => (unref(isActive) ? (props.activeColor ?? props.color) : props.color));\nconst { colorClasses, colorStyles } = useColor(() => ({\n  background: unref(color),\n  text: props.textColor\n}));\n\nconst isDisabled = computed(() => unref(group?.disabled) || props.disabled);\nconst valueAttr = computed(() => {\n  if (props.value === undefined || typeof props.value === 'symbol') return undefined;\n\n  return Object(props.value) === props.value ? JSON.stringify(props.value, null, 0) : props.value;\n});\n\nfunction onClick(event: MouseEvent) {\n  if (\n    unref(isDisabled) ||\n    (unref(link.isLink) &&\n      (event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0 || attrs.target === '_blank'))\n  )\n    return;\n\n  if (unref(link.isRouterLink)) {\n    unref(link.navigate)?.(event);\n  } else {\n    group?.toggle();\n  }\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsButtonConstants;\n  const Tag = unref(link.isLink) ? 'a' : props.tag;\n\n  const hasPrepend = !!(props.prependIcon || slots.prepend);\n  const hasAppend = !!(props.appendIcon || slots.append);\n  const hasIcon = props.icon && props.icon !== true;\n\n  return (\n    <Tag\n      {...link.linkProps}\n      type={Tag === 'a' ? undefined : 'button'}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--active`]: unref(isActive),\n          [`${rootClass}--disabled`]: unref(isDisabled),\n          [`${rootClass}--readonly`]: props.readonly,\n          [`${rootClass}--icon`]: !!props.icon,\n          [`${rootClass}--block`]: props.block,\n          [`${rootClass}--stacked`]: props.stacked\n        },\n        props.spaced ? [`${rootClass}--spaced`, `${rootClass}--spaced-${props.spaced}`] : [],\n        unref(group?.selectedClass),\n        unref(appearanceClasses),\n        unref(loaderClasses),\n        unref(colorClasses),\n        unref(sizeClasses),\n        unref(themeClasses),\n        props.class\n      )}\n      style={[unref(colorStyles), unref(dimensionStyles), unref(sizeStyles), props.style]}\n      aria-busy={props.loading ? true : undefined}\n      tabindex={props.loading || props.readonly ? -1 : 0}\n      disabled={(unref(isDisabled) && Tag !== 'a') || undefined}\n      onClick={onClick}\n      value={unref(valueAttr)}\n    >\n      {!props.icon && hasPrepend && (\n        <span key=\"prepend\" class={classNames(`${rootClass}__prepend`)}>\n          {!slots.prepend?.() ? (\n            <CdsIcon key=\"prepend-icon\" icon={props.prependIcon} size={props.size} />\n          ) : (\n            <CdsDefaultsProvider\n              key=\"prepend-defaults\"\n              disabled={!props.prependIcon}\n              defaults={{\n                CdsIcon: {\n                  icon: props.prependIcon,\n                  size: props.size\n                }\n              }}\n              v-slots:default={slots.prepend}\n            />\n          )}\n        </span>\n      )}\n\n      <span class={classNames(`${rootClass}__content`)} data-no-activator=\"\">\n        {hasIcon && <CdsIcon key=\"content-icon\" icon={props.icon} size={props.size} />}\n        {(slots.default || !hasIcon) && (\n          <CdsDefaultsProvider\n            key=\"content-defaults\"\n            disabled={!hasIcon}\n            defaults={{\n              CdsIcon: {\n                icon: props.icon,\n                size: props.size\n              }\n            }}\n          >\n            {slots.default?.() ?? unref(displayText)}\n          </CdsDefaultsProvider>\n        )}\n      </span>\n\n      {!props.icon && hasAppend && (\n        <span key=\"append\" class={classNames(`${rootClass}__append`)}>\n          {!slots.append?.() ? (\n            <CdsIcon key=\"append-icon\" icon={props.appendIcon} size={props.size} />\n          ) : (\n            <CdsDefaultsProvider\n              key=\"append-defaults\"\n              disabled={!props.appendIcon}\n              defaults={{\n                CdsIcon: {\n                  icon: props.appendIcon,\n                  size: props.size\n                }\n              }}\n              v-slots:default={slots.append}\n            />\n          )}\n        </span>\n      )}\n\n      {!!props.loading && (\n        <span key=\"loader\" class={classNames(`${rootClass}__loader`)}>\n          {slots.loader?.() ?? (\n            <CdsProgressCircle\n              color={typeof props.loading === 'boolean' ? undefined : props.loading}\n              indeterminate\n              width=\"2\"\n            />\n          )}\n        </span>\n      )}\n    </Tag>\n  );\n});\n\ndefineExpose({\n  /** Возвращает текущий контекст группы, если эта кнопка используется в компоненте группы (например, CdsButtonGroup). */\n  group\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","attrs","useAttrs","themeClasses","provideTheme","appearanceClasses","useAppearance","dimensionStyles","useDimensions","loaderClasses","useLoader","sizeClasses","sizeStyles","useSize","displayText","useText","link","useLink","group","useGroupItem","symbol","isActive","computed","active","undefined","unref","isRouterLink","isSelected","color","toRef","activeColor","colorClasses","colorStyles","useColor","background","text","textColor","isDisabled","disabled","valueAttr","value","Object","JSON","stringify","onClick","event","isLink","metaKey","ctrlKey","shiftKey","button","target","navigate","toggle","__expose","rootClass","CdsButtonConstants","Tag","tag","hasPrepend","prependIcon","prepend","hasAppend","appendIcon","append","hasIcon","icon","_createVNode","_mergeProps","linkProps","classNames","readonly","block","stacked","spaced","selectedClass","class","style","loading","default","CdsIcon","size","CdsDefaultsProvider","loader","CdsProgressCircle"],"mappings":"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"}
+{"version":3,"file":"CdsButton.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsButton/CdsButton.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsButton.scss';\n\nimport { useAppearance } from '@cds/composables/useAppearance';\nimport { useColor } from '@cds/composables/useColor';\nimport { useDimensions } from '@cds/composables/useDimensions';\nimport { useGroupItem } from '@cds/composables/useGroup';\nimport { useLoader } from '@cds/composables/useLoader';\nimport { useLink } from '@cds/composables/useRouter';\nimport { useSize } from '@cds/composables/useSize';\nimport { useText } from '@cds/composables/useText';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { computed, toRef, unref, useAttrs } from 'vue';\n\nimport { CdsDefaultsProvider } from '../CdsDefaultsProvider';\nimport { CdsIcon } from '../CdsIcon';\nimport { CdsProgressCircle } from '../CdsProgressCircle';\nimport { CdsButtonConstants } from './api/CdsButton.constants';\nimport { defineCdsButtonProps } from './api/CdsButton.props';\nimport type { CdsButtonEvents, CdsButtonSlots } from './api/CdsButton.types';\n\ndefineOptions({\n  name: CdsButtonConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsButtonProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsButtonSlots>();\nconst attrs = useAttrs();\n\ndefineEmits([\"group:selected\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { appearanceClasses } = useAppearance(props);\nconst { dimensionStyles } = useDimensions(props);\nconst { loaderClasses } = useLoader(props);\nconst { sizeClasses, sizeStyles } = useSize(props);\nconst { displayText } = useText(props);\n\nconst link = useLink(props, attrs);\nconst group = useGroupItem(props, props.symbol, false);\n\nconst isActive = computed(() => {\n  if (props.active !== undefined) return props.active;\n  if (unref(link.isRouterLink)) return unref(link.isActive);\n  return unref(group?.isSelected);\n});\n\nconst color = toRef(() => (unref(isActive) ? (props.activeColor ?? props.color) : props.color));\nconst { colorClasses, colorStyles } = useColor(() => ({\n  background: unref(color),\n  text: props.textColor\n}));\n\nconst isDisabled = computed(() => unref(group?.disabled) || props.disabled);\nconst valueAttr = computed(() => {\n  if (props.value === undefined || typeof props.value === 'symbol') return undefined;\n\n  return Object(props.value) === props.value ? JSON.stringify(props.value, null, 0) : props.value;\n});\n\nfunction onClick(event: MouseEvent) {\n  if (\n    unref(isDisabled) ||\n    (unref(link.isLink) &&\n      (event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0 || attrs.target === '_blank'))\n  )\n    return;\n\n  if (unref(link.isRouterLink)) {\n    unref(link.navigate)?.(event);\n  } else {\n    group?.toggle();\n  }\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsButtonConstants;\n  const Tag = unref(link.isLink) ? 'a' : props.tag;\n\n  const hasPrepend = !!(props.prependIcon || slots.prepend);\n  const hasAppend = !!(props.appendIcon || slots.append);\n  const hasIcon = props.icon && props.icon !== true;\n\n  return (\n    <Tag\n      {...link.linkProps}\n      type={Tag === 'a' ? undefined : 'button'}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--active`]: unref(isActive),\n          [`${rootClass}--disabled`]: unref(isDisabled),\n          [`${rootClass}--readonly`]: props.readonly,\n          [`${rootClass}--icon`]: !!props.icon,\n          [`${rootClass}--block`]: props.block,\n          [`${rootClass}--stacked`]: props.stacked\n        },\n        props.spaced ? [`${rootClass}--spaced`, `${rootClass}--spaced-${props.spaced}`] : [],\n        unref(group?.selectedClass),\n        unref(appearanceClasses),\n        unref(loaderClasses),\n        unref(colorClasses),\n        unref(sizeClasses),\n        unref(themeClasses),\n        props.class\n      )}\n      style={[unref(colorStyles), unref(dimensionStyles), unref(sizeStyles), props.style]}\n      aria-busy={props.loading ? true : undefined}\n      tabindex={props.loading || props.readonly ? -1 : 0}\n      disabled={(unref(isDisabled) && Tag !== 'a') || undefined}\n      onClick={onClick}\n      value={unref(valueAttr)}\n    >\n      {!props.icon && hasPrepend && (\n        <span key=\"prepend\" class={classNames(`${rootClass}__prepend`)}>\n          {!slots.prepend?.() ? (\n            <CdsIcon key=\"prepend-icon\" icon={props.prependIcon} size={props.size} />\n          ) : (\n            <CdsDefaultsProvider\n              key=\"prepend-defaults\"\n              disabled={!props.prependIcon}\n              defaults={{\n                CdsIcon: {\n                  icon: props.prependIcon,\n                  size: props.size\n                }\n              }}\n              v-slots:default={slots.prepend}\n            />\n          )}\n        </span>\n      )}\n\n      <span class={classNames(`${rootClass}__content`)} data-no-activator=\"\">\n        {hasIcon && <CdsIcon key=\"content-icon\" icon={props.icon} size={props.size} />}\n        {(slots.default || !hasIcon) && (\n          <CdsDefaultsProvider\n            key=\"content-defaults\"\n            disabled={!hasIcon}\n            defaults={{\n              CdsIcon: {\n                icon: props.icon,\n                size: props.size\n              }\n            }}\n          >\n            {slots.default?.() ?? unref(displayText)}\n          </CdsDefaultsProvider>\n        )}\n      </span>\n\n      {!props.icon && hasAppend && (\n        <span key=\"append\" class={classNames(`${rootClass}__append`)}>\n          {!slots.append?.() ? (\n            <CdsIcon key=\"append-icon\" icon={props.appendIcon} size={props.size} />\n          ) : (\n            <CdsDefaultsProvider\n              key=\"append-defaults\"\n              disabled={!props.appendIcon}\n              defaults={{\n                CdsIcon: {\n                  icon: props.appendIcon,\n                  size: props.size\n                }\n              }}\n              v-slots:default={slots.append}\n            />\n          )}\n        </span>\n      )}\n\n      {!!props.loading && (\n        <span key=\"loader\" class={classNames(`${rootClass}__loader`)}>\n          {slots.loader?.() ?? (\n            <CdsProgressCircle\n              color={typeof props.loading === 'boolean' ? undefined : props.loading}\n              indeterminate\n              width=\"2\"\n            />\n          )}\n        </span>\n      )}\n    </Tag>\n  );\n});\n\ndefineExpose({\n  /**\n   * Возвращает текущий контекст группы, если эта кнопка используется в компоненте группы (например, CdsButtonGroup).\n   * @en Returns the current group context when the button is used inside a group component (for example, CdsButtonGroup).\n   */\n  group\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","attrs","useAttrs","themeClasses","provideTheme","appearanceClasses","useAppearance","dimensionStyles","useDimensions","loaderClasses","useLoader","sizeClasses","sizeStyles","useSize","displayText","useText","link","useLink","group","useGroupItem","symbol","isActive","computed","active","undefined","unref","isRouterLink","isSelected","color","toRef","activeColor","colorClasses","colorStyles","useColor","background","text","textColor","isDisabled","disabled","valueAttr","value","Object","JSON","stringify","onClick","event","isLink","metaKey","ctrlKey","shiftKey","button","target","navigate","toggle","__expose","rootClass","CdsButtonConstants","Tag","tag","hasPrepend","prependIcon","prepend","hasAppend","appendIcon","append","hasIcon","icon","_createVNode","_mergeProps","linkProps","classNames","readonly","block","stacked","spaced","selectedClass","class","style","loading","default","CdsIcon","size","CdsDefaultsProvider","loader","CdsProgressCircle"],"mappings":"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"}

package/dist/es/src/components/CdsButton/api/CdsButton.props.js

@@ -15,22 +15,43 @@ import { d as defineDimensionsProps } from "../../../composables/useDimensions/u
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 const defineCdsButtonProps = propsFactory(
   {
-    /** Управление активным состоянием компонента */
+    /**
+     * Управление активным состоянием компонента
+     * @en Controls the active state of the component
+     */
     active: {
       type: Boolean,
       default: void 0
     },
-    /** Иконка, компонент будет отображаться в состоянии только иконки */
+    /**
+     * Иконка, компонент будет отображаться в состоянии только иконки
+     * @en Icon to display; the component renders as an icon-only button
+     */
     icon: [Boolean, String, Function, Object],
-    /** Иконка в слоте prepend перед контентом */
+    /**
+     * Иконка в слоте prepend перед контентом
+     * @en Icon in the prepend slot, before the content
+     */
     prependIcon: IconValue,
-    /** Иконка в слоте append после контента */
+    /**
+     * Иконка в слоте append после контента
+     * @en Icon in the append slot, after the content
+     */
     appendIcon: IconValue,
-    /** Расширяет контент до краев, чтобы переместить основной контент из слотов prepend и append. */
+    /**
+     * Разводит слоты prepend и append к краям кнопки.
+     * @en Pushes the prepend and append slots apart to the edges of the button.
+     */
     spaced: String,
-    /** Располагает иконки и контент вертикально — иконка над текстом */
+    /**
+     * Располагает иконки и контент вертикально — иконка над текстом
+     * @en Stacks the icon above the text instead of placing them side by side
+     */
     stacked: Boolean,
-    /** Растягивает кнопку на всю доступную ширину контейнера */
+    /**
+     * Растягивает кнопку на всю доступную ширину контейнера
+     * @en Stretches the button to the full width of its container
+     */
     block: Boolean,
     ...defineComponentProps(),
     ...defineTextProps(),

package/dist/es/src/components/CdsButton/api/CdsButton.props.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsButton.props.js","sources":["../../../../../../src/components/CdsButton/api/CdsButton.props.ts"],"sourcesContent":["import { defineAppearanceProps } from '@cds/composables/useAppearance/useAppearance';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineGroupItemProps } from '@cds/composables/useGroup';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLoaderProps } from '@cds/composables/useLoader/useLoader';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly/useReadonly';\nimport { defineRouterProps } from '@cds/composables/useRouter/useRouter';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsButtonConstants, CdsButtonToggleSymbol } from './CdsButton.constants';\n\nexport const defineCdsButtonProps = propsFactory(\n  {\n    /** Управление активным состоянием компонента */\n    active: {\n      type: Boolean,\n      default: undefined\n    },\n    /** Иконка, компонент будет отображаться в состоянии только иконки */\n    icon: [Boolean, String, Function, Object] as PropType<boolean | IconValue>,\n    /** Иконка в слоте prepend перед контентом */\n    prependIcon: IconValue,\n    /** Иконка в слоте append после контента */\n    appendIcon: IconValue,\n    /** Расширяет контент до краев, чтобы переместить основной контент из слотов prepend и append. */\n    spaced: String as PropType<'start' | 'end' | 'both'>,\n    /** Располагает иконки и контент вертикально — иконка над текстом */\n    stacked: Boolean,\n    /** Растягивает кнопку на всю доступную ширину контейнера */\n    block: Boolean,\n\n    ...defineComponentProps(),\n    ...defineTextProps(),\n    ...defineSizeProps(),\n    ...defineDimensionsProps(),\n    ...defineGroupItemProps(),\n    ...defineReadonlyProps(),\n    ...defineLoaderProps(),\n    ...defineRouterProps(),\n    ...defineTagProps({ tag: 'button' }),\n    ...defineAppearanceProps(),\n    ...omit(defineColorProps(), ['bgColor']),\n    ...defineThemeProps(),\n\n    // Internal props\n    symbol: {\n      type: null,\n      default: CdsButtonToggleSymbol\n    }\n  },\n  CdsButtonConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAiBO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA,IAEE,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,MAAM,CAAC,SAAS,QAAQ,UAAU,MAAM;AAAA;AAAA,IAExC,aAAa;AAAA;AAAA,IAEb,YAAY;AAAA;AAAA,IAEZ,QAAQ;AAAA;AAAA,IAER,SAAS;AAAA;AAAA,IAET,OAAO;AAAA,IAEP,GAAG,qBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,UAAU;AAAA,IACnC,GAAG,sBAAA;AAAA,IACH,GAAG,KAAK,oBAAoB,CAAC,SAAS,CAAC;AAAA,IACvC,GAAG,iBAAA;AAAA;AAAA,IAGH,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,mBAAmB;AACrB;"}
+{"version":3,"file":"CdsButton.props.js","sources":["../../../../../../src/components/CdsButton/api/CdsButton.props.ts"],"sourcesContent":["import { defineAppearanceProps } from '@cds/composables/useAppearance/useAppearance';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { defineDimensionsProps } from '@cds/composables/useDimensions';\nimport { defineGroupItemProps } from '@cds/composables/useGroup';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLoaderProps } from '@cds/composables/useLoader/useLoader';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly/useReadonly';\nimport { defineRouterProps } from '@cds/composables/useRouter/useRouter';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsButtonConstants, CdsButtonToggleSymbol } from './CdsButton.constants';\n\nexport const defineCdsButtonProps = propsFactory(\n  {\n    /**\n     * Управление активным состоянием компонента\n     * @en Controls the active state of the component\n     */\n    active: {\n      type: Boolean,\n      default: undefined\n    },\n    /**\n     * Иконка, компонент будет отображаться в состоянии только иконки\n     * @en Icon to display; the component renders as an icon-only button\n     */\n    icon: [Boolean, String, Function, Object] as PropType<boolean | IconValue>,\n    /**\n     * Иконка в слоте prepend перед контентом\n     * @en Icon in the prepend slot, before the content\n     */\n    prependIcon: IconValue,\n    /**\n     * Иконка в слоте append после контента\n     * @en Icon in the append slot, after the content\n     */\n    appendIcon: IconValue,\n    /**\n     * Разводит слоты prepend и append к краям кнопки.\n     * @en Pushes the prepend and append slots apart to the edges of the button.\n     */\n    spaced: String as PropType<'start' | 'end' | 'both'>,\n    /**\n     * Располагает иконки и контент вертикально — иконка над текстом\n     * @en Stacks the icon above the text instead of placing them side by side\n     */\n    stacked: Boolean,\n    /**\n     * Растягивает кнопку на всю доступную ширину контейнера\n     * @en Stretches the button to the full width of its container\n     */\n    block: Boolean,\n\n    ...defineComponentProps(),\n    ...defineTextProps(),\n    ...defineSizeProps(),\n    ...defineDimensionsProps(),\n    ...defineGroupItemProps(),\n    ...defineReadonlyProps(),\n    ...defineLoaderProps(),\n    ...defineRouterProps(),\n    ...defineTagProps({ tag: 'button' }),\n    ...defineAppearanceProps(),\n    ...omit(defineColorProps(), ['bgColor']),\n    ...defineThemeProps(),\n\n    // Internal props\n    symbol: {\n      type: null,\n      default: CdsButtonToggleSymbol\n    }\n  },\n  CdsButtonConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAiBO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,MAAM,CAAC,SAAS,QAAQ,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,OAAO;AAAA,IAEP,GAAG,qBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,UAAU;AAAA,IACnC,GAAG,sBAAA;AAAA,IACH,GAAG,KAAK,oBAAoB,CAAC,SAAS,CAAC;AAAA,IACvC,GAAG,iBAAA;AAAA;AAAA,IAGH,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,mBAAmB;AACrB;"}

package/dist/es/src/components/CdsButtonGroup/CdsButtonGroup.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-button-group {
     display: inline-flex;

package/dist/es/src/components/CdsButtonGroup/api/CdsButtonGroup.props.js

@@ -9,7 +9,10 @@ import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsButtonGroupProps = propsFactory(
   {
-    /** Добавляет разделители между кнопками группы. */
+    /**
+     * Добавляет разделители между кнопками группы.
+     * @en Adds dividers between the buttons of the group.
+     */
     divided: Boolean,
     ...defineDirectionProps(),
     ...defineAppearanceProps(),

package/dist/es/src/components/CdsButtonGroup/api/CdsButtonGroup.props.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsButtonGroup.props.js","sources":["../../../../../../src/components/CdsButtonGroup/api/CdsButtonGroup.props.ts"],"sourcesContent":["import { defineAppearanceProps } from '@cds/composables/useAppearance/useAppearance';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { defineDirectionProps } from '@cds/composables/useDirection';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\n\nimport { CdsButtonGroupConstants } from './CdsButtonGroup.constants';\n\nexport const defineCdsButtonGroupProps = propsFactory(\n  {\n    /** Добавляет разделители между кнопками группы. */\n    divided: Boolean,\n\n    ...defineDirectionProps(),\n    ...defineAppearanceProps(),\n    ...pick(defineColorProps(), ['color', 'baseColor']),\n    ...defineSizeProps(),\n    ...defineComponentProps(),\n    ...defineTagProps(),\n    ...defineThemeProps()\n  },\n  CdsButtonGroupConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,4BAA4B;AAAA,EACvC;AAAA;AAAA,IAEE,SAAS;AAAA,IAET,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,WAAW,CAAC;AAAA,IAClD,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,wBAAwB;AAC1B;"}
+{"version":3,"file":"CdsButtonGroup.props.js","sources":["../../../../../../src/components/CdsButtonGroup/api/CdsButtonGroup.props.ts"],"sourcesContent":["import { defineAppearanceProps } from '@cds/composables/useAppearance/useAppearance';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { defineDirectionProps } from '@cds/composables/useDirection';\nimport { defineSizeProps } from '@cds/composables/useSize';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\n\nimport { CdsButtonGroupConstants } from './CdsButtonGroup.constants';\n\nexport const defineCdsButtonGroupProps = propsFactory(\n  {\n    /**\n     * Добавляет разделители между кнопками группы.\n     * @en Adds dividers between the buttons of the group.\n     */\n    divided: Boolean,\n\n    ...defineDirectionProps(),\n    ...defineAppearanceProps(),\n    ...pick(defineColorProps(), ['color', 'baseColor']),\n    ...defineSizeProps(),\n    ...defineComponentProps(),\n    ...defineTagProps(),\n    ...defineThemeProps()\n  },\n  CdsButtonGroupConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,4BAA4B;AAAA,EACvC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,SAAS;AAAA,IAET,GAAG,qBAAA;AAAA,IACH,GAAG,sBAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,WAAW,CAAC;AAAA,IAClD,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,wBAAwB;AAC1B;"}

package/dist/es/src/components/CdsButtonToggle/CdsButtonToggle.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-button-toggle > .cds-button--appearance-primary.cds-button--active:not(.cds-button--disabled) {
     color: rgb(var(--cds-color-content-on-dark));

package/dist/es/src/components/CdsButtonToggle/CdsButtonToggle.vue_vue_type_script_setup_true_lang.js

@@ -36,15 +36,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     __expose({
-      /** Идентификаторы выбранных кнопок */
+      /**
+       * Идентификаторы выбранных кнопок
+       * @en Ids of the selected buttons
+       */
       selected,
-      /** Выбрать кнопку по id */
+      /**
+       * Выбрать кнопку по id
+       * @en Selects a button by its id
+       */
       select,
-      /** Проверить, выбрана ли кнопка по id */
+      /**
+       * Проверить, выбрана ли кнопка по id
+       * @en Checks whether the button with this id is selected
+       */
       isSelected,
-      /** Выбрать предыдущую кнопку */
+      /**
+       * Выбрать предыдущую кнопку
+       * @en Selects the previous button
+       */
       prev,
-      /** Выбрать следующую кнопку */
+      /**
+       * Выбрать следующую кнопку
+       * @en Selects the next button
+       */
       next
     });
     return () => {

package/dist/es/src/components/CdsButtonToggle/CdsButtonToggle.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsButtonToggle.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsButtonToggle/CdsButtonToggle.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsButtonToggle.scss';\n\nimport { CdsButtonConstants } from '@cds/components/CdsButton/api/CdsButton.constants';\nimport { CdsButtonGroup } from '@cds/components/CdsButtonGroup';\nimport { defineCdsButtonGroupProps } from '@cds/components/CdsButtonGroup/api/CdsButtonGroup.props';\nimport { useGroup } from '@cds/composables/useGroup';\nimport { filterProps, provideDefaults, useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { toRef } from 'vue';\n\nimport { CdsButtonToggleConstants } from './api/CdsButtonToggle.constants';\nimport { defineCdsButtonToggleProps } from './api/CdsButtonToggle.props';\nimport type { CdsButtonToggleEvents, CdsButtonToggleSlots } from './api/CdsButtonToggle.types';\n\ndefineOptions({\n  name: CdsButtonToggleConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsButtonToggleProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsButtonToggleSlots>();\n\ndefineEmits([\"update:modelValue\"]);\n\nconst { isSelected, next, prev, select, selected } = useGroup(props, props.symbol);\n\nprovideDefaults({\n  [CdsButtonConstants.name]: {\n    activeColor: toRef(() => props.activeColor)\n  }\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsButtonToggleConstants;\n  const buttonGroupProps = filterProps(defineCdsButtonGroupProps, props);\n\n  return (\n    <CdsButtonGroup {...buttonGroupProps} class={classNames(rootClass, props.class)} style={props.style}>\n      {slots.default?.({ isSelected, next, prev, select, selected })}\n    </CdsButtonGroup>\n  );\n});\n\ndefineExpose({\n  /** Идентификаторы выбранных кнопок */\n  selected,\n  /** Выбрать кнопку по id */\n  select,\n  /** Проверить, выбрана ли кнопка по id */\n  isSelected,\n  /** Выбрать предыдущую кнопку */\n  prev,\n  /** Выбрать следующую кнопку */\n  next\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","isSelected","next","prev","select","selected","useGroup","symbol","provideDefaults","CdsButtonConstants","name","activeColor","toRef","__expose","rootClass","CdsButtonToggleConstants","buttonGroupProps","filterProps","defineCdsButtonGroupProps","_createVNode","CdsButtonGroup","_mergeProps","classNames","class","style","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAId,UAAM;AAAA,MAAEC;AAAAA,MAAYC;AAAAA,MAAMC;AAAAA,MAAMC;AAAAA,MAAQC;AAAAA,QAAaC,SAAST,OAAOA,MAAMU,MAAM;AAEjFC,oBAAgB;AAAA,MACd,CAACC,mBAAmBC,IAAI,GAAG;AAAA,QACzBC,aAAaC,MAAM,MAAMf,MAAMc,WAAW;AAAA,MAC5C;AAAA,IACF,CAAC;AAaDE,aAAa;AAAA;AAAA,MAEXR;AAAAA;AAAAA,MAEAD;AAAAA;AAAAA,MAEAH;AAAAA;AAAAA,MAEAE;AAAAA;AAAAA,MAEAD;AAAAA,IACF,CAAC;WAtBY,MAAM;AACjB,YAAM;AAAA,QAAEY;AAAAA,MAAU,IAAIC;AACtB,YAAMC,mBAAmBC,YAAYC,2BAA2BrB,KAAK;AAErE,aAAAsB,YAAAC,gBAAAC,WACsBL,kBAAgB;AAAA,QAAA,SAASM,WAAWR,WAAWjB,MAAM0B,KAAK;AAAA,QAAC,SAAS1B,MAAM2B;AAAAA,MAAK,CAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,mBAChG1B,WAAM0B,YAAN1B,+BAAgB;AAAA,YAAEE;AAAAA,YAAYC;AAAAA,YAAMC;AAAAA,YAAMC;AAAAA,YAAQC;AAAAA,UAAS,EAAE;AAAA;AAAA,MAAA,CAAA;AAAA,IAGpE;AAAA;;"}
+{"version":3,"file":"CdsButtonToggle.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsButtonToggle/CdsButtonToggle.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsButtonToggle.scss';\n\nimport { CdsButtonConstants } from '@cds/components/CdsButton/api/CdsButton.constants';\nimport { CdsButtonGroup } from '@cds/components/CdsButtonGroup';\nimport { defineCdsButtonGroupProps } from '@cds/components/CdsButtonGroup/api/CdsButtonGroup.props';\nimport { useGroup } from '@cds/composables/useGroup';\nimport { filterProps, provideDefaults, useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { toRef } from 'vue';\n\nimport { CdsButtonToggleConstants } from './api/CdsButtonToggle.constants';\nimport { defineCdsButtonToggleProps } from './api/CdsButtonToggle.props';\nimport type { CdsButtonToggleEvents, CdsButtonToggleSlots } from './api/CdsButtonToggle.types';\n\ndefineOptions({\n  name: CdsButtonToggleConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsButtonToggleProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsButtonToggleSlots>();\n\ndefineEmits([\"update:modelValue\"]);\n\nconst { isSelected, next, prev, select, selected } = useGroup(props, props.symbol);\n\nprovideDefaults({\n  [CdsButtonConstants.name]: {\n    activeColor: toRef(() => props.activeColor)\n  }\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsButtonToggleConstants;\n  const buttonGroupProps = filterProps(defineCdsButtonGroupProps, props);\n\n  return (\n    <CdsButtonGroup {...buttonGroupProps} class={classNames(rootClass, props.class)} style={props.style}>\n      {slots.default?.({ isSelected, next, prev, select, selected })}\n    </CdsButtonGroup>\n  );\n});\n\ndefineExpose({\n  /**\n   * Идентификаторы выбранных кнопок\n   * @en Ids of the selected buttons\n   */\n  selected,\n  /**\n   * Выбрать кнопку по id\n   * @en Selects a button by its id\n   */\n  select,\n  /**\n   * Проверить, выбрана ли кнопка по id\n   * @en Checks whether the button with this id is selected\n   */\n  isSelected,\n  /**\n   * Выбрать предыдущую кнопку\n   * @en Selects the previous button\n   */\n  prev,\n  /**\n   * Выбрать следующую кнопку\n   * @en Selects the next button\n   */\n  next\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","isSelected","next","prev","select","selected","useGroup","symbol","provideDefaults","CdsButtonConstants","name","activeColor","toRef","__expose","rootClass","CdsButtonToggleConstants","buttonGroupProps","filterProps","defineCdsButtonGroupProps","_createVNode","CdsButtonGroup","_mergeProps","classNames","class","style","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAId,UAAM;AAAA,MAAEC;AAAAA,MAAYC;AAAAA,MAAMC;AAAAA,MAAMC;AAAAA,MAAQC;AAAAA,QAAaC,SAAST,OAAOA,MAAMU,MAAM;AAEjFC,oBAAgB;AAAA,MACd,CAACC,mBAAmBC,IAAI,GAAG;AAAA,QACzBC,aAAaC,MAAM,MAAMf,MAAMc,WAAW;AAAA,MAC5C;AAAA,IACF,CAAC;AAaDE,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKXR;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAD;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAH;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAE;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAD;AAAAA,IACF,CAAC;WArCY,MAAM;AACjB,YAAM;AAAA,QAAEY;AAAAA,MAAU,IAAIC;AACtB,YAAMC,mBAAmBC,YAAYC,2BAA2BrB,KAAK;AAErE,aAAAsB,YAAAC,gBAAAC,WACsBL,kBAAgB;AAAA,QAAA,SAASM,WAAWR,WAAWjB,MAAM0B,KAAK;AAAA,QAAC,SAAS1B,MAAM2B;AAAAA,MAAK,CAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,mBAChG1B,WAAM0B,YAAN1B,+BAAgB;AAAA,YAAEE;AAAAA,YAAYC;AAAAA,YAAMC;AAAAA,YAAMC;AAAAA,YAAQC;AAAAA,UAAS,EAAE;AAAA;AAAA,MAAA,CAAA;AAAA,IAGpE;AAAA;;"}

package/dist/es/src/components/CdsCard/CdsCard.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-card {
     position: relative;

package/dist/es/src/components/CdsCard/CdsCardGroup.vue_vue_type_script_setup_true_lang.js

@@ -28,15 +28,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = useDirection(props);
     const group = useGroup(props, props.symbol);
     __expose({
-      /** Идентификаторы выбранных карточек */
+      /**
+       * Идентификаторы выбранных карточек
+       * @en Identifiers of the selected cards
+       */
       selected: group.selected,
-      /** Выбрать карточку по id */
+      /**
+       * Выбрать карточку по id
+       * @en Selects a card by its id
+       */
       select: group.select,
-      /** Проверить, выбрана ли карточка по id */
+      /**
+       * Проверить, выбрана ли карточка по id
+       * @en Checks whether a card with the given id is selected
+       */
       isSelected: group.isSelected,
-      /** Выбрать предыдущую карточку */
+      /**
+       * Выбрать предыдущую карточку
+       * @en Selects the previous card
+       */
       prev: group.prev,
-      /** Выбрать следующую карточку */
+      /**
+       * Выбрать следующую карточку
+       * @en Selects the next card
+       */
       next: group.next
     });
     return () => {