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

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

@@ -11,56 +11,110 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsTagProps = propsFactory(
   {
-    /** CSS-класс, применяемый к активной (выбранной) ссылке-тегу. */
+    /**
+     * CSS-класс, применяемый к активной (выбранной) ссылке-тегу.
+     * @en CSS class applied to the active (selected) link tag.
+     */
     activeClass: String,
-    /** Аватар, отображаемый после (справа от) контента тега. */
+    /**
+     * Аватар, отображаемый после (справа от) контента тега.
+     * @en Avatar displayed after (to the right of) the tag content.
+     */
     appendAvatar: String,
-    /** Аватар, отображаемый перед (слева от) контентом тега. */
+    /**
+     * Аватар, отображаемый перед (слева от) контентом тега.
+     * @en Avatar displayed before (to the left of) the tag content.
+     */
     prependAvatar: String,
-    /** Иконка, отображаемая после (справа от) контента тега. */
+    /**
+     * Иконка, отображаемая после (справа от) контента тега.
+     * @en Icon displayed after (to the right of) the tag content.
+     */
     appendIcon: IconValue,
-    /** Иконка, отображаемая перед (слева от) контентом тега. */
+    /**
+     * Иконка, отображаемая перед (слева от) контентом тега.
+     * @en Icon displayed before (to the left of) the tag content.
+     */
     prependIcon: IconValue,
-    /** Добавляет кнопку закрытия, скрывающую тег. */
+    /**
+     * Добавляет кнопку закрытия, скрывающую тег.
+     * @en Adds a close button that hides the tag.
+     */
     closable: Boolean,
-    /** Добавляет кнопку удаления (псевдоним `closable`). */
+    /**
+     * Добавляет кнопку удаления (псевдоним `closable`).
+     * @en Adds a remove button (alias for `closable`).
+     */
     removable: Boolean,
-    /** Делает тег перетаскиваемым (нативный drag-and-drop). */
+    /**
+     * Делает тег перетаскиваемым (нативный drag-and-drop).
+     * @en Makes the tag draggable (native drag-and-drop).
+     */
     draggable: Boolean,
-    /** Отображает иконку-индикатор выбора при использовании тега в группе (CdsTagGroup). */
+    /**
+     * Отображает иконку-индикатор выбора при использовании тега в группе (CdsTagGroup).
+     * @en Shows the selection indicator icon when the tag is used inside a group (CdsTagGroup).
+     */
     filter: Boolean,
-    /** Применяет стиль «label» с уменьшенным скруглением углов. */
+    /**
+     * Применяет стиль «label» с уменьшенным скруглением углов.
+     * @en Applies the “label” style with a smaller corner radius.
+     */
     label: Boolean,
-    /** Делает углы тега полностью скруглёнными. */
+    /**
+     * Делает углы тега полностью скруглёнными.
+     * @en Makes the corners of the tag fully rounded.
+     */
     pill: Boolean,
-    /** Назначает тегу стили и поведение ссылки. */
+    /**
+     * Назначает тегу стили и поведение ссылки.
+     * @en Gives the tag the styles and the behavior of a link.
+     */
     link: {
       type: Boolean,
       default: void 0
     },
-    /** Иконка кнопки закрытия. */
+    /**
+     * Иконка кнопки закрытия.
+     * @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"
     },
-    /** Иконка индикатора выбора (актуально вместе с `filter`). */
+    /**
+     * Иконка индикатора выбора (актуально вместе с `filter`).
+     * @en Icon of the selection indicator (relevant together with `filter`).
+     */
     filterIcon: {
       type: IconValue,
       default: "check-fill"
     },
-    /** Видимость тега (v-model). При `false` тег не отображается. */
+    /**
+     * Видимость тега (v-model). При `false` тег не отображается.
+     * @en Visibility of the tag (v-model). When `false` the tag is not rendered.
+     */
     modelValue: {
       type: Boolean,
       default: true
     },
-    /** Обработчик клика по тегу. */
+    /**
+     * Обработчик клика по тегу.
+     * @en Click handler for the tag.
+     */
     onClick: EventProp(),
-    /** Однократный обработчик клика по тегу. */
+    /**
+     * Однократный обработчик клика по тегу.
+     * @en One-time click handler for the tag.
+     */
     onClickOnce: EventProp(),
     ...defineTextProps(),
     ...pick(defineColorProps(), ["color", "activeColor", "textColor"]),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsTag.props.js","sources":["../../../../../../src/components/CdsTag/api/CdsTag.props.ts"],"sourcesContent":["import { defineColorProps, defineSizeProps, defineThemeProps } from '@cds/composables';\nimport { defineGroupItemProps } from '@cds/composables/useGroup';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineRouterProps } from '@cds/composables/useRouter';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { EventProp, pick } from '@cds/utils';\n\nimport { CdsTagConstants } from './CdsTag.constants';\n\nexport const defineCdsTagProps = propsFactory(\n  {\n    /** CSS-класс, применяемый к активной (выбранной) ссылке-тегу. */\n    activeClass: String,\n    /** Аватар, отображаемый после (справа от) контента тега. */\n    appendAvatar: String,\n    /** Аватар, отображаемый перед (слева от) контентом тега. */\n    prependAvatar: String,\n    /** Иконка, отображаемая после (справа от) контента тега. */\n    appendIcon: IconValue,\n    /** Иконка, отображаемая перед (слева от) контентом тега. */\n    prependIcon: IconValue,\n    /** Добавляет кнопку закрытия, скрывающую тег. */\n    closable: Boolean,\n    /** Добавляет кнопку удаления (псевдоним `closable`). */\n    removable: Boolean,\n    /** Делает тег перетаскиваемым (нативный drag-and-drop). */\n    draggable: Boolean,\n    /** Отображает иконку-индикатор выбора при использовании тега в группе (CdsTagGroup). */\n    filter: Boolean,\n    /** Применяет стиль «label» с уменьшенным скруглением углов. */\n    label: Boolean,\n    /** Делает углы тега полностью скруглёнными. */\n    pill: Boolean,\n    /** Назначает тегу стили и поведение ссылки. */\n    link: {\n      type: Boolean,\n      default: undefined\n    },\n    /** Иконка кнопки закрытия. */\n    closeIcon: {\n      type: IconValue,\n      default: 'remove'\n    },\n    /** Доступная подпись (aria-label) для кнопки закрытия. */\n    closeLabel: {\n      type: String,\n      default: '$cds.close'\n    },\n    /** Иконка индикатора выбора (актуально вместе с `filter`). */\n    filterIcon: {\n      type: IconValue,\n      default: 'check-fill'\n    },\n    /** Видимость тега (v-model). При `false` тег не отображается. */\n    modelValue: {\n      type: Boolean,\n      default: true\n    },\n\n    /** Обработчик клика по тегу. */\n    onClick: EventProp<[MouseEvent]>(),\n    /** Однократный обработчик клика по тегу. */\n    onClickOnce: EventProp<[MouseEvent]>(),\n\n    ...defineTextProps(),\n    ...pick(defineColorProps(), ['color', 'activeColor', 'textColor']),\n    ...defineSizeProps(),\n    ...defineRouterProps(),\n    ...defineGroupItemProps(),\n    ...defineComponentProps(),\n    ...defineTagProps({ tag: 'span' }),\n    ...defineThemeProps()\n  },\n  CdsTagConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,MAAM,oBAAoB;AAAA,EAC/B;AAAA;AAAA,IAEE,aAAa;AAAA;AAAA,IAEb,cAAc;AAAA;AAAA,IAEd,eAAe;AAAA;AAAA,IAEf,YAAY;AAAA;AAAA,IAEZ,aAAa;AAAA;AAAA,IAEb,UAAU;AAAA;AAAA,IAEV,WAAW;AAAA;AAAA,IAEX,WAAW;AAAA;AAAA,IAEX,QAAQ;AAAA;AAAA,IAER,OAAO;AAAA;AAAA,IAEP,MAAM;AAAA;AAAA,IAEN,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAIX,SAAS,UAAA;AAAA;AAAA,IAET,aAAa,UAAA;AAAA,IAEb,GAAG,gBAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,eAAe,WAAW,CAAC;AAAA,IACjE,GAAG,gBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,QAAQ;AAAA,IACjC,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,gBAAgB;AAClB;"}
+{"version":3,"file":"CdsTag.props.js","sources":["../../../../../../src/components/CdsTag/api/CdsTag.props.ts"],"sourcesContent":["import { defineColorProps, defineSizeProps, defineThemeProps } from '@cds/composables';\nimport { defineGroupItemProps } from '@cds/composables/useGroup';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineRouterProps } from '@cds/composables/useRouter';\nimport { defineTextProps } from '@cds/composables/useText';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { EventProp, pick } from '@cds/utils';\n\nimport { CdsTagConstants } from './CdsTag.constants';\n\nexport const defineCdsTagProps = propsFactory(\n  {\n    /**\n     * CSS-класс, применяемый к активной (выбранной) ссылке-тегу.\n     * @en CSS class applied to the active (selected) link tag.\n     */\n    activeClass: String,\n    /**\n     * Аватар, отображаемый после (справа от) контента тега.\n     * @en Avatar displayed after (to the right of) the tag content.\n     */\n    appendAvatar: String,\n    /**\n     * Аватар, отображаемый перед (слева от) контентом тега.\n     * @en Avatar displayed before (to the left of) the tag content.\n     */\n    prependAvatar: String,\n    /**\n     * Иконка, отображаемая после (справа от) контента тега.\n     * @en Icon displayed after (to the right of) the tag content.\n     */\n    appendIcon: IconValue,\n    /**\n     * Иконка, отображаемая перед (слева от) контентом тега.\n     * @en Icon displayed before (to the left of) the tag content.\n     */\n    prependIcon: IconValue,\n    /**\n     * Добавляет кнопку закрытия, скрывающую тег.\n     * @en Adds a close button that hides the tag.\n     */\n    closable: Boolean,\n    /**\n     * Добавляет кнопку удаления (псевдоним `closable`).\n     * @en Adds a remove button (alias for `closable`).\n     */\n    removable: Boolean,\n    /**\n     * Делает тег перетаскиваемым (нативный drag-and-drop).\n     * @en Makes the tag draggable (native drag-and-drop).\n     */\n    draggable: Boolean,\n    /**\n     * Отображает иконку-индикатор выбора при использовании тега в группе (CdsTagGroup).\n     * @en Shows the selection indicator icon when the tag is used inside a group (CdsTagGroup).\n     */\n    filter: Boolean,\n    /**\n     * Применяет стиль «label» с уменьшенным скруглением углов.\n     * @en Applies the “label” style with a smaller corner radius.\n     */\n    label: Boolean,\n    /**\n     * Делает углы тега полностью скруглёнными.\n     * @en Makes the corners of the tag fully rounded.\n     */\n    pill: Boolean,\n    /**\n     * Назначает тегу стили и поведение ссылки.\n     * @en Gives the tag the styles and the behavior of a link.\n     */\n    link: {\n      type: Boolean,\n      default: undefined\n    },\n    /**\n     * Иконка кнопки закрытия.\n     * @en Icon of the close button.\n     */\n    closeIcon: {\n      type: IconValue,\n      default: 'remove'\n    },\n    /**\n     * Доступная подпись (aria-label) для кнопки закрытия.\n     * @en Accessible label (aria-label) for the close button.\n     */\n    closeLabel: {\n      type: String,\n      default: '$cds.close'\n    },\n    /**\n     * Иконка индикатора выбора (актуально вместе с `filter`).\n     * @en Icon of the selection indicator (relevant together with `filter`).\n     */\n    filterIcon: {\n      type: IconValue,\n      default: 'check-fill'\n    },\n    /**\n     * Видимость тега (v-model). При `false` тег не отображается.\n     * @en Visibility of the tag (v-model). When `false` the tag is not rendered.\n     */\n    modelValue: {\n      type: Boolean,\n      default: true\n    },\n\n    /**\n     * Обработчик клика по тегу.\n     * @en Click handler for the tag.\n     */\n    onClick: EventProp<[MouseEvent]>(),\n    /**\n     * Однократный обработчик клика по тегу.\n     * @en One-time click handler for the tag.\n     */\n    onClickOnce: EventProp<[MouseEvent]>(),\n\n    ...defineTextProps(),\n    ...pick(defineColorProps(), ['color', 'activeColor', 'textColor']),\n    ...defineSizeProps(),\n    ...defineRouterProps(),\n    ...defineGroupItemProps(),\n    ...defineComponentProps(),\n    ...defineTagProps({ tag: 'span' }),\n    ...defineThemeProps()\n  },\n  CdsTagConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,MAAM,oBAAoB;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,IAKd,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,IAKf,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOX,SAAS,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,aAAa,UAAA;AAAA,IAEb,GAAG,gBAAA;AAAA,IACH,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,eAAe,WAAW,CAAC;AAAA,IACjE,GAAG,gBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,QAAQ;AAAA,IACjC,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,gBAAgB;AAClB;"}

package/dist/es/src/components/CdsTagGroup/CdsTagGroup.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-tag-group {
     min-width: 0;

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

@@ -3,12 +3,12 @@ import { C as CdsSlideGroup } from "../CdsSlideGroup/index.js";
 import { d as defineCdsSlideGroupProps } from "../CdsSlideGroup/api/CdsSlideGroup.props.js";
 import { a as CdsTagGroupSymbol, C as CdsTagConstants } from "../CdsTag/api/CdsTag.constants.js";
 import { u as useGroup } from "../../composables/useGroup/useGroup.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { f as filterProps } from "../../core/defineComponent.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsTagGroupConstants } from "./api/CdsTagGroup.constants.js";
 import { d as defineCdsTagGroupProps } from "./api/CdsTagGroup.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTagGroupConstants.name
@@ -43,15 +43,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     __expose({
-      /** Идентификаторы выбранных тегов */
+      /**
+       * Идентификаторы выбранных тегов
+       * @en Ids of the selected tags
+       */
       selected,
-      /** Выбрать тег по id */
+      /**
+       * Выбрать тег по id
+       * @en Select a tag by id
+       */
       select,
-      /** Проверить, выбран ли тег по id */
+      /**
+       * Проверить, выбран ли тег по id
+       * @en Check whether a tag with the given id is selected
+       */
       isSelected,
-      /** Выбрать предыдущий тег */
+      /**
+       * Выбрать предыдущий тег
+       * @en Select the previous tag
+       */
       prev,
-      /** Выбрать следующий тег */
+      /**
+       * Выбрать следующий тег
+       * @en Select the next tag
+       */
       next
     });
     return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsTagGroup.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTagGroup/CdsTagGroup.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTagGroup.scss';\n\nimport { CdsSlideGroup } from '@cds/components/CdsSlideGroup';\nimport { defineCdsSlideGroupProps } from '@cds/components/CdsSlideGroup/api/CdsSlideGroup.props';\nimport { CdsTagConstants } from '@cds/components/CdsTag/api/CdsTag.constants';\nimport { useGroup } from '@cds/composables/useGroup';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { filterProps, provideDefaults, useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { toRef, unref } from 'vue';\n\nimport { CdsTagGroupConstants, CdsTagGroupSymbol } from './api/CdsTagGroup.constants';\nimport { defineCdsTagGroupProps } from './api/CdsTagGroup.props';\nimport type { CdsTagGroupEvents, CdsTagGroupSlots } from './api/CdsTagGroup.types';\n\ndefineOptions({\n  name: CdsTagGroupConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsTagGroupProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsTagGroupSlots>();\n\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { isSelected, next, prev, select, selected } = useGroup(props, CdsTagGroupSymbol);\n\nprovideDefaults({\n  [CdsTagConstants.name]: {\n    activeColor: toRef(() => props.activeColor),\n    color: toRef(() => props.color),\n    disabled: toRef(() => props.disabled),\n    filter: toRef(() => props.filter)\n  }\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsTagGroupConstants;\n  const slideGroupProps = filterProps(defineCdsSlideGroupProps, props);\n\n  return (\n    <CdsSlideGroup\n      {...slideGroupProps}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--column`]: props.column\n        },\n        unref(themeClasses),\n        props.class\n      )}\n      style={props.style}\n    >\n      {slots.default?.({ isSelected, next, prev, select, selected })}\n    </CdsSlideGroup>\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","themeClasses","provideTheme","isSelected","next","prev","select","selected","useGroup","CdsTagGroupSymbol","provideDefaults","CdsTagConstants","name","activeColor","toRef","color","disabled","filter","__expose","rootClass","CdsTagGroupConstants","slideGroupProps","filterProps","defineCdsSlideGroupProps","_createVNode","CdsSlideGroup","_mergeProps","classNames","column","unref","class","style","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAId,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAaL,KAAK;AAC3C,UAAM;AAAA,MAAEM;AAAAA,MAAYC;AAAAA,MAAMC;AAAAA,MAAMC;AAAAA,MAAQC;AAAAA,IAAS,IAAIC,SAASX,OAAOY,iBAAiB;AAEtFC,oBAAgB;AAAA,MACd,CAACC,gBAAgBC,IAAI,GAAG;AAAA,QACtBC,aAAaC,MAAM,MAAMjB,MAAMgB,WAAW;AAAA,QAC1CE,OAAOD,MAAM,MAAMjB,MAAMkB,KAAK;AAAA,QAC9BC,UAAUF,MAAM,MAAMjB,MAAMmB,QAAQ;AAAA,QACpCC,QAAQH,MAAM,MAAMjB,MAAMoB,MAAM;AAAA,MAClC;AAAA,IACF,CAAC;AAwBDC,aAAa;AAAA;AAAA,MAEXX;AAAAA;AAAAA,MAEAD;AAAAA;AAAAA,MAEAH;AAAAA;AAAAA,MAEAE;AAAAA;AAAAA,MAEAD;AAAAA,IACF,CAAC;WAjCY,MAAM;AACjB,YAAM;AAAA,QAAEe;AAAAA,MAAU,IAAIC;AACtB,YAAMC,kBAAkBC,YAAYC,0BAA0B1B,KAAK;AAEnE,aAAA2B,YAAAC,eAAAC,WAEQL,iBAAe;AAAA,QAAA,SACZM,WACLR,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,UAAU,GAAGtB,MAAM+B;AAAAA,WAElCC,MAAM5B,YAAY,GAClBJ,MAAMiC,KACR;AAAA,QAAC,SACMjC,MAAMkC;AAAAA,MAAK,CAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,mBAEjBjC,WAAMiC,YAANjC,+BAAgB;AAAA,YAAEI;AAAAA,YAAYC;AAAAA,YAAMC;AAAAA,YAAMC;AAAAA,YAAQC;AAAAA,UAAS,EAAE;AAAA;AAAA,MAAA,CAAA;AAAA,IAGpE;AAAA;;"}
+{"version":3,"file":"CdsTagGroup.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsTagGroup/CdsTagGroup.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsTagGroup.scss';\n\nimport { CdsSlideGroup } from '@cds/components/CdsSlideGroup';\nimport { defineCdsSlideGroupProps } from '@cds/components/CdsSlideGroup/api/CdsSlideGroup.props';\nimport { CdsTagConstants } from '@cds/components/CdsTag/api/CdsTag.constants';\nimport { useGroup } from '@cds/composables/useGroup';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { filterProps, provideDefaults, useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { toRef, unref } from 'vue';\n\nimport { CdsTagGroupConstants, CdsTagGroupSymbol } from './api/CdsTagGroup.constants';\nimport { defineCdsTagGroupProps } from './api/CdsTagGroup.props';\nimport type { CdsTagGroupEvents, CdsTagGroupSlots } from './api/CdsTagGroup.types';\n\ndefineOptions({\n  name: CdsTagGroupConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsTagGroupProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsTagGroupSlots>();\n\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { isSelected, next, prev, select, selected } = useGroup(props, CdsTagGroupSymbol);\n\nprovideDefaults({\n  [CdsTagConstants.name]: {\n    activeColor: toRef(() => props.activeColor),\n    color: toRef(() => props.color),\n    disabled: toRef(() => props.disabled),\n    filter: toRef(() => props.filter)\n  }\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsTagGroupConstants;\n  const slideGroupProps = filterProps(defineCdsSlideGroupProps, props);\n\n  return (\n    <CdsSlideGroup\n      {...slideGroupProps}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--column`]: props.column\n        },\n        unref(themeClasses),\n        props.class\n      )}\n      style={props.style}\n    >\n      {slots.default?.({ isSelected, next, prev, select, selected })}\n    </CdsSlideGroup>\n  );\n});\n\ndefineExpose({\n  /**\n   * Идентификаторы выбранных тегов\n   * @en Ids of the selected tags\n   */\n  selected,\n  /**\n   * Выбрать тег по id\n   * @en Select a tag by id\n   */\n  select,\n  /**\n   * Проверить, выбран ли тег по id\n   * @en Check whether a tag with the given id is selected\n   */\n  isSelected,\n  /**\n   * Выбрать предыдущий тег\n   * @en Select the previous tag\n   */\n  prev,\n  /**\n   * Выбрать следующий тег\n   * @en Select the next tag\n   */\n  next\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","isSelected","next","prev","select","selected","useGroup","CdsTagGroupSymbol","provideDefaults","CdsTagConstants","name","activeColor","toRef","color","disabled","filter","__expose","rootClass","CdsTagGroupConstants","slideGroupProps","filterProps","defineCdsSlideGroupProps","_createVNode","CdsSlideGroup","_mergeProps","classNames","column","unref","class","style","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAId,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAaL,KAAK;AAC3C,UAAM;AAAA,MAAEM;AAAAA,MAAYC;AAAAA,MAAMC;AAAAA,MAAMC;AAAAA,MAAQC;AAAAA,IAAS,IAAIC,SAASX,OAAOY,iBAAiB;AAEtFC,oBAAgB;AAAA,MACd,CAACC,gBAAgBC,IAAI,GAAG;AAAA,QACtBC,aAAaC,MAAM,MAAMjB,MAAMgB,WAAW;AAAA,QAC1CE,OAAOD,MAAM,MAAMjB,MAAMkB,KAAK;AAAA,QAC9BC,UAAUF,MAAM,MAAMjB,MAAMmB,QAAQ;AAAA,QACpCC,QAAQH,MAAM,MAAMjB,MAAMoB,MAAM;AAAA,MAClC;AAAA,IACF,CAAC;AAwBDC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKXX;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;WAhDY,MAAM;AACjB,YAAM;AAAA,QAAEe;AAAAA,MAAU,IAAIC;AACtB,YAAMC,kBAAkBC,YAAYC,0BAA0B1B,KAAK;AAEnE,aAAA2B,YAAAC,eAAAC,WAEQL,iBAAe;AAAA,QAAA,SACZM,WACLR,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,UAAU,GAAGtB,MAAM+B;AAAAA,WAElCC,MAAM5B,YAAY,GAClBJ,MAAMiC,KACR;AAAA,QAAC,SACMjC,MAAMkC;AAAAA,MAAK,CAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,mBAEjBjC,WAAMiC,YAANjC,+BAAgB;AAAA,YAAEI;AAAAA,YAAYC;AAAAA,YAAMC;AAAAA,YAAMC;AAAAA,YAAQC;AAAAA,UAAS,EAAE;AAAA;AAAA,MAAA,CAAA;AAAA,IAGpE;AAAA;;"}

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

@@ -1,20 +1,28 @@
 import { d as defineCdsSlideGroupProps } from "../../CdsSlideGroup/api/CdsSlideGroup.props.js";
 import { C as CdsTagConstants } from "../../CdsTag/api/CdsTag.constants.js";
 import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick } from "../../../utils/helpers.js";
 import { C as CdsTagGroupConstants } from "./CdsTagGroup.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsTagGroupProps = propsFactory(
   {
-    /** Располагает теги в несколько строк с переносом вместо горизонтальной прокрутки. */
+    /**
+     * Располагает теги в несколько строк с переносом вместо горизонтальной прокрутки.
+     * @en Lays the tags out in several rows with wrapping instead of a horizontal scroll.
+     */
     column: Boolean,
-    /** Показывает у выбранных тегов иконку-галочку (прокидывается в `CdsTag`). */
+    /**
+     * Показывает у выбранных тегов иконку-галочку (прокидывается в `CdsTag`).
+     * @en Shows a check icon on the selected tags (passed down to `CdsTag`).
+     */
     filter: Boolean,
     ...defineCdsSlideGroupProps({ scrollToActive: false }),
     ...pick(defineColorProps(), ["color", "activeColor"]),
-    ...defineGroupProps({ selectedClass: `${CdsTagConstants.rootClass}--selected` }),
+    ...defineGroupProps({
+      selectedClass: `${CdsTagConstants.rootClass}--selected`
+    }),
     ...defineThemeProps()
   },
   CdsTagGroupConstants.name

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

@@ -1 +1 @@
-{"version":3,"file":"CdsTagGroup.props.js","sources":["../../../../../../src/components/CdsTagGroup/api/CdsTagGroup.props.ts"],"sourcesContent":["import { defineCdsSlideGroupProps } from '@cds/components/CdsSlideGroup/api/CdsSlideGroup.props';\nimport { CdsTagConstants } from '@cds/components/CdsTag/api/CdsTag.constants';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { defineGroupProps } from '@cds/composables/useGroup';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\n\nimport { CdsTagGroupConstants } from './CdsTagGroup.constants';\n\nexport const defineCdsTagGroupProps = propsFactory(\n  {\n    /** Располагает теги в несколько строк с переносом вместо горизонтальной прокрутки. */\n    column: Boolean,\n    /** Показывает у выбранных тегов иконку-галочку (прокидывается в `CdsTag`). */\n    filter: Boolean,\n\n    ...defineCdsSlideGroupProps({ scrollToActive: false }),\n    ...pick(defineColorProps(), ['color', 'activeColor']),\n    ...defineGroupProps({ selectedClass: `${CdsTagConstants.rootClass}--selected` }),\n    ...defineThemeProps()\n  },\n  CdsTagGroupConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;AAUO,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA,IAEE,QAAQ;AAAA;AAAA,IAER,QAAQ;AAAA,IAER,GAAG,yBAAyB,EAAE,gBAAgB,OAAO;AAAA,IACrD,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,aAAa,CAAC;AAAA,IACpD,GAAG,iBAAiB,EAAE,eAAe,GAAG,gBAAgB,SAAS,cAAc;AAAA,IAC/E,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,qBAAqB;AACvB;"}
+{"version":3,"file":"CdsTagGroup.props.js","sources":["../../../../../../src/components/CdsTagGroup/api/CdsTagGroup.props.ts"],"sourcesContent":["import { defineCdsSlideGroupProps } from '@cds/components/CdsSlideGroup/api/CdsSlideGroup.props';\nimport { CdsTagConstants } from '@cds/components/CdsTag/api/CdsTag.constants';\nimport { defineColorProps } from '@cds/composables/useColor';\nimport { defineGroupProps } from '@cds/composables/useGroup';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\n\nimport { CdsTagGroupConstants } from './CdsTagGroup.constants';\n\nexport const defineCdsTagGroupProps = propsFactory(\n  {\n    /**\n     * Располагает теги в несколько строк с переносом вместо горизонтальной прокрутки.\n     * @en Lays the tags out in several rows with wrapping instead of a horizontal scroll.\n     */\n    column: Boolean,\n    /**\n     * Показывает у выбранных тегов иконку-галочку (прокидывается в `CdsTag`).\n     * @en Shows a check icon on the selected tags (passed down to `CdsTag`).\n     */\n    filter: Boolean,\n\n    ...defineCdsSlideGroupProps({ scrollToActive: false }),\n    ...pick(defineColorProps(), ['color', 'activeColor']),\n    ...defineGroupProps({\n      selectedClass: `${CdsTagConstants.rootClass}--selected`\n    }),\n    ...defineThemeProps()\n  },\n  CdsTagGroupConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;AAUO,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,QAAQ;AAAA,IAER,GAAG,yBAAyB,EAAE,gBAAgB,OAAO;AAAA,IACrD,GAAG,KAAK,iBAAA,GAAoB,CAAC,SAAS,aAAa,CAAC;AAAA,IACpD,GAAG,iBAAiB;AAAA,MAClB,eAAe,GAAG,gBAAgB,SAAS;AAAA,IAAA,CAC5C;AAAA,IACD,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,qBAAqB;AACvB;"}

package/dist/es/src/components/CdsTextArea/CdsTextArea.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-text-area textarea {
     flex: 1;

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

@@ -7,41 +7,80 @@ import { a3 as omit } from "../../../utils/helpers.js";
 import { C as CdsTextAreaConstants } from "./CdsTextArea.constants.js";
 const defineCdsTextAreaProps = propsFactory(
   {
-    /** Автоматическое увеличение высоты текстовой области при вводе */
+    /**
+     * Автоматическое увеличение высоты текстовой области при вводе
+     * @en Automatic growth of the text area height as you type
+     */
     autoGrow: Boolean,
-    /** Отключить возможность изменения размера текстовой области */
+    /**
+     * Отключить возможность изменения размера текстовой области
+     * @en Turn off the ability to resize the text area
+     */
     noResize: Boolean,
-    /** Количество строк текстовой области */
+    /**
+     * Количество строк текстовой области
+     * @en Number of rows of the text area
+     */
     rows: {
       type: [Number, String],
       default: 5,
       validator: (value) => !isNaN(parseFloat(value))
     },
-    /** Максимальное количество строк при автоматическом увеличении высоты */
+    /**
+     * Максимальное количество строк при автоматическом увеличении высоты
+     * @en Maximum number of rows while the height grows automatically
+     */
     maxRows: {
       type: [Number, String],
       validator: (value) => !isNaN(parseFloat(value))
     },
-    /** Максимальная высота текстовой области */
+    /**
+     * Максимальная высота текстовой области
+     * @en Maximum height of the text area
+     */
     maxHeight: {
       type: [Number, String],
       validator: (value) => !isNaN(parseFloat(value))
     },
-    /** Текстовый префикс, отображаемый перед значением поля */
+    /**
+     * Текстовый префикс, отображаемый перед значением поля
+     * @en Text prefix shown before the field value
+     */
     prefix: String,
-    /** Текстовый суффикс, отображаемый после значения поля */
+    /**
+     * Текстовый суффикс, отображаемый после значения поля
+     * @en Text suffix shown after the field value
+     */
     suffix: String,
-    /** Текст-заполнитель, отображаемый в пустом поле */
+    /**
+     * Текст-заполнитель, отображаемый в пустом поле
+     * @en Placeholder text shown in an empty field
+     */
     placeholder: String,
-    /** Счетчик символов. Принимает булево значение, число или строку */
+    /**
+     * Счетчик символов. Принимает булево значение, число или строку
+     * @en Character counter. Accepts a boolean, a number or a string
+     */
     counter: [Boolean, Number, String],
-    /** Всегда отображать placeholder, а не скрывать его при взаимодействии с полем */
+    /**
+     * Всегда отображать placeholder, а не скрывать его при взаимодействии с полем
+     * @en Always show the placeholder instead of hiding it while the field is in use
+     */
     persistentPlaceholder: Boolean,
-    /** Всегда отображать счетчик, а не только при взаимодействии с полем */
+    /**
+     * Всегда отображать счетчик, а не только при взаимодействии с полем
+     * @en Always show the counter, not only while the field is in use
+     */
     persistentCounter: Boolean,
-    /** Пользовательское значение счетчика. Может быть числом или функцией вычисления от текущего значения */
+    /**
+     * Пользовательское значение счетчика. Может быть числом или функцией вычисления от текущего значения
+     * @en Custom counter value. Either a number or a function computing it from the current value
+     */
     counterValue: [Number, Function],
-    /** Модификаторы v-model, переданные Vue для обработки значения поля */
+    /**
+     * Модификаторы v-model, переданные Vue для обработки значения поля
+     * @en The v-model modifiers passed by Vue to process the field value
+     */
     modelModifiers: Object,
     ...defineAutocompleteProps(),
     ...defineAutofocusProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsTextArea.props.js","sources":["../../../../../../src/components/CdsTextArea/api/CdsTextArea.props.ts"],"sourcesContent":["import { defineCdsFieldProps } from '@cds/components/CdsField/api/CdsField.props';\nimport { defineAutocompleteProps } from '@cds/components/CdsField/composables/useAutocomplete';\nimport { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { defineAutofocusProps } from '@cds/composables/useFocus';\nimport { propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsTextAreaConstants } from './CdsTextArea.constants';\n\nexport const defineCdsTextAreaProps = propsFactory(\n  {\n    /** Автоматическое увеличение высоты текстовой области при вводе */\n    autoGrow: Boolean,\n    /** Отключить возможность изменения размера текстовой области */\n    noResize: Boolean,\n    /** Количество строк текстовой области */\n    rows: {\n      type: [Number, String],\n      default: 5,\n      validator: (value: any) => !isNaN(parseFloat(value))\n    },\n    /** Максимальное количество строк при автоматическом увеличении высоты */\n    maxRows: {\n      type: [Number, String],\n      validator: (value: any) => !isNaN(parseFloat(value))\n    },\n    /** Максимальная высота текстовой области */\n    maxHeight: {\n      type: [Number, String],\n      validator: (value: any) => !isNaN(parseFloat(value))\n    },\n    /** Текстовый префикс, отображаемый перед значением поля */\n    prefix: String,\n    /** Текстовый суффикс, отображаемый после значения поля */\n    suffix: String,\n    /** Текст-заполнитель, отображаемый в пустом поле */\n    placeholder: String,\n    /** Счетчик символов. Принимает булево значение, число или строку */\n    counter: [Boolean, Number, String],\n    /** Всегда отображать placeholder, а не скрывать его при взаимодействии с полем */\n    persistentPlaceholder: Boolean,\n    /** Всегда отображать счетчик, а не только при взаимодействии с полем */\n    persistentCounter: Boolean,\n    /** Пользовательское значение счетчика. Может быть числом или функцией вычисления от текущего значения */\n    counterValue: [Number, Function] as PropType<number | ((value: any) => number)>,\n    /** Модификаторы v-model, переданные Vue для обработки значения поля */\n    modelModifiers: Object as PropType<Record<string, boolean>>,\n\n    ...defineAutocompleteProps(),\n    ...defineAutofocusProps(),\n    ...omit(defineCdsInputProps(), ['direction']),\n    ...defineCdsFieldProps()\n  },\n  CdsTextAreaConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA,IAEE,UAAU;AAAA;AAAA,IAEV,UAAU;AAAA;AAAA,IAEV,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAW,CAAC,UAAe,CAAC,MAAM,WAAW,KAAK,CAAC;AAAA,IAAA;AAAA;AAAA,IAGrD,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,WAAW,CAAC,UAAe,CAAC,MAAM,WAAW,KAAK,CAAC;AAAA,IAAA;AAAA;AAAA,IAGrD,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,WAAW,CAAC,UAAe,CAAC,MAAM,WAAW,KAAK,CAAC;AAAA,IAAA;AAAA;AAAA,IAGrD,QAAQ;AAAA;AAAA,IAER,QAAQ;AAAA;AAAA,IAER,aAAa;AAAA;AAAA,IAEb,SAAS,CAAC,SAAS,QAAQ,MAAM;AAAA;AAAA,IAEjC,uBAAuB;AAAA;AAAA,IAEvB,mBAAmB;AAAA;AAAA,IAEnB,cAAc,CAAC,QAAQ,QAAQ;AAAA;AAAA,IAE/B,gBAAgB;AAAA,IAEhB,GAAG,wBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,KAAK,uBAAuB,CAAC,WAAW,CAAC;AAAA,IAC5C,GAAG,oBAAA;AAAA,EAAoB;AAAA,EAEzB,qBAAqB;AACvB;"}
+{"version":3,"file":"CdsTextArea.props.js","sources":["../../../../../../src/components/CdsTextArea/api/CdsTextArea.props.ts"],"sourcesContent":["import { defineCdsFieldProps } from '@cds/components/CdsField/api/CdsField.props';\nimport { defineAutocompleteProps } from '@cds/components/CdsField/composables/useAutocomplete';\nimport { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { defineAutofocusProps } from '@cds/composables/useFocus';\nimport { propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsTextAreaConstants } from './CdsTextArea.constants';\n\nexport const defineCdsTextAreaProps = propsFactory(\n  {\n    /**\n     * Автоматическое увеличение высоты текстовой области при вводе\n     * @en Automatic growth of the text area height as you type\n     */\n    autoGrow: Boolean,\n    /**\n     * Отключить возможность изменения размера текстовой области\n     * @en Turn off the ability to resize the text area\n     */\n    noResize: Boolean,\n    /**\n     * Количество строк текстовой области\n     * @en Number of rows of the text area\n     */\n    rows: {\n      type: [Number, String],\n      default: 5,\n      validator: (value: any) => !isNaN(parseFloat(value))\n    },\n    /**\n     * Максимальное количество строк при автоматическом увеличении высоты\n     * @en Maximum number of rows while the height grows automatically\n     */\n    maxRows: {\n      type: [Number, String],\n      validator: (value: any) => !isNaN(parseFloat(value))\n    },\n    /**\n     * Максимальная высота текстовой области\n     * @en Maximum height of the text area\n     */\n    maxHeight: {\n      type: [Number, String],\n      validator: (value: any) => !isNaN(parseFloat(value))\n    },\n    /**\n     * Текстовый префикс, отображаемый перед значением поля\n     * @en Text prefix shown before the field value\n     */\n    prefix: String,\n    /**\n     * Текстовый суффикс, отображаемый после значения поля\n     * @en Text suffix shown after the field value\n     */\n    suffix: String,\n    /**\n     * Текст-заполнитель, отображаемый в пустом поле\n     * @en Placeholder text shown in an empty field\n     */\n    placeholder: String,\n    /**\n     * Счетчик символов. Принимает булево значение, число или строку\n     * @en Character counter. Accepts a boolean, a number or a string\n     */\n    counter: [Boolean, Number, String],\n    /**\n     * Всегда отображать placeholder, а не скрывать его при взаимодействии с полем\n     * @en Always show the placeholder instead of hiding it while the field is in use\n     */\n    persistentPlaceholder: Boolean,\n    /**\n     * Всегда отображать счетчик, а не только при взаимодействии с полем\n     * @en Always show the counter, not only while the field is in use\n     */\n    persistentCounter: Boolean,\n    /**\n     * Пользовательское значение счетчика. Может быть числом или функцией вычисления от текущего значения\n     * @en Custom counter value. Either a number or a function computing it from the current value\n     */\n    counterValue: [Number, Function] as PropType<number | ((value: any) => number)>,\n    /**\n     * Модификаторы v-model, переданные Vue для обработки значения поля\n     * @en The v-model modifiers passed by Vue to process the field value\n     */\n    modelModifiers: Object as PropType<Record<string, boolean>>,\n\n    ...defineAutocompleteProps(),\n    ...defineAutofocusProps(),\n    ...omit(defineCdsInputProps(), ['direction']),\n    ...defineCdsFieldProps()\n  },\n  CdsTextAreaConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAW,CAAC,UAAe,CAAC,MAAM,WAAW,KAAK,CAAC;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrD,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,WAAW,CAAC,UAAe,CAAC,MAAM,WAAW,KAAK,CAAC;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrD,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,WAAW,CAAC,UAAe,CAAC,MAAM,WAAW,KAAK,CAAC;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrD,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,SAAS,CAAC,SAAS,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjC,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKvB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnB,cAAc,CAAC,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAK/B,gBAAgB;AAAA,IAEhB,GAAG,wBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,KAAK,uBAAuB,CAAC,WAAW,CAAC;AAAA,IAC5C,GAAG,oBAAA;AAAA,EAAoB;AAAA,EAEzB,qBAAqB;AACvB;"}

package/dist/es/src/components/CdsTextInput/CdsTextInput.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-text-input input {
     flex: 1;

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

@@ -7,28 +7,58 @@ import { a3 as omit } from "../../../utils/helpers.js";
 import { C as CdsTextInputConstants } from "./CdsTextInput.constants.js";
 const defineCdsTextInputProps = propsFactory(
   {
-    /** Тип нативного поля ввода */
+    /**
+     * Тип нативного поля ввода
+     * @en Type of the native input
+     */
     type: {
       type: String,
       default: "text"
     },
-    /** Текстовый префикс, отображаемый перед значением поля */
+    /**
+     * Текстовый префикс, отображаемый перед значением поля
+     * @en Text prefix shown before the field value
+     */
     prefix: String,
-    /** Текстовый суффикс, отображаемый после значения поля */
+    /**
+     * Текстовый суффикс, отображаемый после значения поля
+     * @en Text suffix shown after the field value
+     */
     suffix: String,
-    /** Текст-заполнитель, отображаемый в пустом поле */
+    /**
+     * Текст-заполнитель, отображаемый в пустом поле
+     * @en Placeholder text shown in an empty field
+     */
     placeholder: String,
-    /** Счетчик символов. Принимает булево значение, число или строку */
+    /**
+     * Счетчик символов. Принимает булево значение, число или строку
+     * @en Character counter. Accepts a boolean, a number or a string
+     */
     counter: [Boolean, Number, String],
-    /** Всегда отображать placeholder, а не скрывать его при взаимодействии с полем */
+    /**
+     * Всегда отображать placeholder, а не скрывать его при взаимодействии с полем
+     * @en Always show the placeholder instead of hiding it while the field is in use
+     */
     persistentPlaceholder: Boolean,
-    /** Всегда отображать счетчик, а не только при взаимодействии с полем */
+    /**
+     * Всегда отображать счетчик, а не только при взаимодействии с полем
+     * @en Always show the counter, not only while the field is in use
+     */
     persistentCounter: Boolean,
-    /** ARIA-роль для нативного элемента ввода */
+    /**
+     * ARIA-роль для нативного элемента ввода
+     * @en ARIA role for the native input element
+     */
     role: String,
-    /** Пользовательское значение счетчика. Может быть числом или функцией вычисления от текущего значения */
+    /**
+     * Пользовательское значение счетчика. Может быть числом или функцией вычисления от текущего значения
+     * @en Custom counter value. Either a number or a function computing it from the current value
+     */
     counterValue: [Number, Function],
-    /** Модификаторы v-model, переданные Vue для обработки значения поля */
+    /**
+     * Модификаторы v-model, переданные Vue для обработки значения поля
+     * @en v-model modifiers passed by Vue to process the field value
+     */
     modelModifiers: Object,
     ...defineAutocompleteProps(),
     ...defineAutofocusProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsTextInput.props.js","sources":["../../../../../../src/components/CdsTextInput/api/CdsTextInput.props.ts"],"sourcesContent":["import { defineCdsFieldProps } from '@cds/components/CdsField/api/CdsField.props';\nimport { defineAutocompleteProps } from '@cds/components/CdsField/composables/useAutocomplete';\nimport { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { defineAutofocusProps } from '@cds/composables/useFocus';\nimport { propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsTextInputConstants } from './CdsTextInput.constants';\n\nexport const defineCdsTextInputProps = propsFactory(\n  {\n    /** Тип нативного поля ввода */\n    type: {\n      type: String,\n      default: 'text'\n    },\n    /** Текстовый префикс, отображаемый перед значением поля */\n    prefix: String,\n    /** Текстовый суффикс, отображаемый после значения поля */\n    suffix: String,\n    /** Текст-заполнитель, отображаемый в пустом поле */\n    placeholder: String,\n    /** Счетчик символов. Принимает булево значение, число или строку */\n    counter: [Boolean, Number, String],\n    /** Всегда отображать placeholder, а не скрывать его при взаимодействии с полем */\n    persistentPlaceholder: Boolean,\n    /** Всегда отображать счетчик, а не только при взаимодействии с полем */\n    persistentCounter: Boolean,\n    /** ARIA-роль для нативного элемента ввода */\n    role: String,\n    /** Пользовательское значение счетчика. Может быть числом или функцией вычисления от текущего значения */\n    counterValue: [Number, Function] as PropType<number | ((value: any) => number)>,\n    /** Модификаторы v-model, переданные Vue для обработки значения поля */\n    modelModifiers: Object as PropType<Record<string, boolean>>,\n\n    ...defineAutocompleteProps(),\n    ...defineAutofocusProps(),\n    ...omit(defineCdsInputProps(), ['direction']),\n    ...defineCdsFieldProps()\n  },\n  CdsTextInputConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,0BAA0B;AAAA,EACrC;AAAA;AAAA,IAEE,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,QAAQ;AAAA;AAAA,IAER,QAAQ;AAAA;AAAA,IAER,aAAa;AAAA;AAAA,IAEb,SAAS,CAAC,SAAS,QAAQ,MAAM;AAAA;AAAA,IAEjC,uBAAuB;AAAA;AAAA,IAEvB,mBAAmB;AAAA;AAAA,IAEnB,MAAM;AAAA;AAAA,IAEN,cAAc,CAAC,QAAQ,QAAQ;AAAA;AAAA,IAE/B,gBAAgB;AAAA,IAEhB,GAAG,wBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,KAAK,uBAAuB,CAAC,WAAW,CAAC;AAAA,IAC5C,GAAG,oBAAA;AAAA,EAAoB;AAAA,EAEzB,sBAAsB;AACxB;"}
+{"version":3,"file":"CdsTextInput.props.js","sources":["../../../../../../src/components/CdsTextInput/api/CdsTextInput.props.ts"],"sourcesContent":["import { defineCdsFieldProps } from '@cds/components/CdsField/api/CdsField.props';\nimport { defineAutocompleteProps } from '@cds/components/CdsField/composables/useAutocomplete';\nimport { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { defineAutofocusProps } from '@cds/composables/useFocus';\nimport { propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsTextInputConstants } from './CdsTextInput.constants';\n\nexport const defineCdsTextInputProps = propsFactory(\n  {\n    /**\n     * Тип нативного поля ввода\n     * @en Type of the native input\n     */\n    type: {\n      type: String,\n      default: 'text'\n    },\n    /**\n     * Текстовый префикс, отображаемый перед значением поля\n     * @en Text prefix shown before the field value\n     */\n    prefix: String,\n    /**\n     * Текстовый суффикс, отображаемый после значения поля\n     * @en Text suffix shown after the field value\n     */\n    suffix: String,\n    /**\n     * Текст-заполнитель, отображаемый в пустом поле\n     * @en Placeholder text shown in an empty field\n     */\n    placeholder: String,\n    /**\n     * Счетчик символов. Принимает булево значение, число или строку\n     * @en Character counter. Accepts a boolean, a number or a string\n     */\n    counter: [Boolean, Number, String],\n    /**\n     * Всегда отображать placeholder, а не скрывать его при взаимодействии с полем\n     * @en Always show the placeholder instead of hiding it while the field is in use\n     */\n    persistentPlaceholder: Boolean,\n    /**\n     * Всегда отображать счетчик, а не только при взаимодействии с полем\n     * @en Always show the counter, not only while the field is in use\n     */\n    persistentCounter: Boolean,\n    /**\n     * ARIA-роль для нативного элемента ввода\n     * @en ARIA role for the native input element\n     */\n    role: String,\n    /**\n     * Пользовательское значение счетчика. Может быть числом или функцией вычисления от текущего значения\n     * @en Custom counter value. Either a number or a function computing it from the current value\n     */\n    counterValue: [Number, Function] as PropType<number | ((value: any) => number)>,\n    /**\n     * Модификаторы v-model, переданные Vue для обработки значения поля\n     * @en v-model modifiers passed by Vue to process the field value\n     */\n    modelModifiers: Object as PropType<Record<string, boolean>>,\n\n    ...defineAutocompleteProps(),\n    ...defineAutofocusProps(),\n    ...omit(defineCdsInputProps(), ['direction']),\n    ...defineCdsFieldProps()\n  },\n  CdsTextInputConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,0BAA0B;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,SAAS,CAAC,SAAS,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjC,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKvB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,cAAc,CAAC,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAK/B,gBAAgB;AAAA,IAEhB,GAAG,wBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,KAAK,uBAAuB,CAAC,WAAW,CAAC;AAAA,IAC5C,GAAG,oBAAA;AAAA,EAAoB;AAAA,EAEzB,sBAAsB;AACxB;"}

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