npm - @central-design-system/components - Versions diffs - 4.0.0-alpha.4 → 4.0.0-alpha.5 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (970) hide show

package/dist/es/src/components/CdsFileUpload/CdsFileUpload.vue_vue_type_script_setup_true_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsFileUpload.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsFileUpload/CdsFileUpload.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsFileUpload.scss';\n\nimport { CdsDefaultsProvider } from '@cds/components/CdsDefaultsProvider';\nimport { useFileFilter } from '@cds/components/CdsFileInput/composables/useFileFilter';\nimport { CdsInput } from '@cds/components/CdsInput';\nimport { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { useFocus } from '@cds/composables/useFocus';\nimport { useForm } from '@cds/composables/useForm';\nimport { LoaderSlot, useLoader } from '@cds/composables/useLoader';\nimport { filterProps, forwardRefs, useDefaults, useProxyModel } from '@cds/core';\nimport { classNames, filterInputAttrs, omit, wrapInArray } from '@cds/utils';\nimport { computed, provide, ref, shallowRef, unref, useAttrs, watch } from 'vue';\n\nimport { CdsFileUploadConstants, CdsFileUploadSymbol } from './api/CdsFileUpload.constants';\nimport { defineCdsFileUploadDropzoneProps, defineCdsFileUploadProps } from './api/CdsFileUpload.props';\nimport type { CdsFileUploadEvents, CdsFileUploadSlots } from './api/CdsFileUpload.types';\nimport CdsFileUploadDropzone from './CdsFileUploadDropzone.vue';\nimport CdsFileUploadList from './CdsFileUploadList.vue';\n\ndefineOptions({\n name: CdsFileUploadConstants.name,\n inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsFileUploadProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsFileUploadSlots>();\nconst emit = defineEmits([\"update:modelValue\", \"update:focused\", \"rejected\"]);\nconst attrs = useAttrs();\n\nconst { filterAccepted } = useFileFilter(props);\nconst { isFocused } = useFocus(props);\nconst { loaderClasses } = useLoader(props);\nconst form = useForm(props);\n\nconst model = useProxyModel(\n props,\n 'modelValue',\n props.modelValue,\n (value) => wrapInArray(value),\n (value) => (props.multiple \|\| Array.isArray(props.modelValue) ? value : value[0])\n);\n\nconst cdsInputRef = ref<InstanceType<typeof CdsInput>>();\nconst dropzoneRef = ref<InstanceType<typeof CdsFileUploadDropzone>>();\nconst inputRef = ref<HTMLInputElement>();\nconst loadingColor = shallowRef<string>();\n\nconst isError = computed(() => unref(cdsInputRef)?.isValid === false);\nconst isInteractive = computed(() => !unref(form.isDisabled) && !unref(form.isReadonly));\n\nwatch(\n () => props.loading,\n (value, old) => {\n loadingColor.value = !value && typeof old === 'string' ? old : typeof value === 'boolean' ? undefined : value;\n },\n { immediate: true }\n);\n\nprovide(CdsFileUploadSymbol, {\n files: model,\n disabled: form.isDisabled,\n readonly: form.isReadonly,\n error: isError,\n onDrop,\n onClickBrowse: onClick,\n onClickRemove\n});\n\nwatch(model, (newValue) => {\n const hasModelReset = !Array.isArray(newValue) \|\| !newValue.length;\n\n // Сброс модели снаружи должен очищать и нативный input, иначе повторный выбор\n // того же файла не вызовет событие `change`.\n if (hasModelReset && unref(inputRef)) {\n unref(inputRef)!.value = '';\n }\n});\n\nfunction onDrop(files: File[]) {\n if (!unref(isInteractive)) return;\n\n selectAccepted(files);\n}\n\nfunction onFileSelection(event: Event) {\n if (!event.target \|\| (event as any).repack) return;\n\n const target = event.target as HTMLInputElement;\n const selectedFiles = [...(target.files ?? [])];\n\n if (!selectedFiles.length) return;\n\n if (!props.filterByType) {\n model.value = props.multiple ? [...unref(model), ...selectedFiles] : selectedFiles;\n } else {\n selectAccepted(selectedFiles);\n }\n}\n\nfunction selectAccepted(files: File[]) {\n const dataTransfer = new DataTransfer();\n const { accepted, rejected } = filterAccepted(files);\n\n if (rejected.length) {\n emit('rejected', rejected);\n }\n\n for (const file of accepted) {\n dataTransfer.items.add(file);\n }\n\n unref(inputRef)!.files = dataTransfer.files;\n\n const newFiles = [...dataTransfer.files];\n model.value = props.multiple ? [...unref(model), ...newFiles] : newFiles;\n\n // `repack` помечает синтетическое событие, чтобы `onFileSelection` не зациклился.\n const event = new Event('change', { bubbles: true }) as any;\n event.repack = true;\n unref(inputRef)!.dispatchEvent(event);\n}\n\nfunction onClick() {\n if (!unref(isInteractive)) return;\n\n unref(inputRef)?.click();\n}\n\nfunction onClickRemove(index: number) {\n if (!unref(isInteractive)) return;\n\n const newValue = unref(model).filter((_, i) => i !== index);\n model.value = newValue;\n\n if (newValue.length > 0 \|\| !unref(inputRef)) return;\n\n unref(inputRef)!.value = '';\n}\n\ndefineRender(() => {\n const { rootClass } = CdsFileUploadConstants;\n const inputProps = omit(filterProps(defineCdsInputProps, props), ['modelValue']);\n const dropzoneProps = omit(filterProps(defineCdsFileUploadDropzoneProps, props), ['modelValue']);\n const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);\n\n const expectsDirectory = attrs.webkitdirectory !== undefined && attrs.webkitdirectory !== false;\n const acceptFallback = attrs.accept ? String(attrs.accept) : undefined;\n const inputAccept = expectsDirectory ? undefined : (props.filterByType ?? acceptFallback);\n\n const inputNode = (\n <input\n ref={inputRef}\n type=\"file\"\n accept={inputAccept}\n disabled={props.disabled ?? undefined}\n multiple={props.multiple}\n name={props.name}\n onChange={onFileSelection}\n {...inputAttrs}\n />\n );\n\n return (\n <CdsInput\n ref={cdsInputRef}\n modelValue={props.multiple ? unref(model) : unref(model)[0]}\n onUpdate:modelValue={(value: unknown) => {\n if (value == null \|\| (Array.isArray(value) && !value.length)) {\n model.value = [];\n }\n }}\n class={classNames(rootClass, unref(loaderClasses), props.class)}\n style={props.style}\n {...rootAttrs}\n {...inputProps}\n focused={unref(isFocused)}\n >\n {{\n ...slots,\n default: () => (\n <>\n {slots.default ? (\n <>\n {slots.default()}\n\n <input\n ref={inputRef}\n type=\"file\"\n accept={inputAccept}\n disabled={props.disabled ?? undefined}\n multiple={props.multiple}\n name={props.name}\n style=\"display: none;\"\n onChange={onFileSelection}\n {...inputAttrs}\n />\n </>\n ) : (\n <CdsFileUploadDropzone ref={dropzoneRef} {...dropzoneProps}>\n {{\n browse: slots.browse,\n icon: slots.icon,\n title: slots.title,\n divider: slots.divider,\n single: slots.single,\n item: slots.item,\n input: () => slots.input?.({ inputNode }) ?? inputNode,\n loader: () => (\n <LoaderSlot\n name={rootClass}\n active={!!props.loading}\n color={unref(loadingColor)}\n v-slots={{ default: slots.loader }}\n />\n )\n }}\n </CdsFileUploadDropzone>\n )}\n\n {!slots.default && !props.insetFileList && (\n <CdsDefaultsProvider\n defaults={{\n CdsFileUploadList: {\n clearable: props.clearable,\n showSize: props.showSize\n }\n }}\n >\n <CdsFileUploadList>{{ item: slots.item }}</CdsFileUploadList>\n </CdsDefaultsProvider>\n )}\n </>\n )\n }}\n </CdsInput>\n );\n});\n\ndefineExpose(forwardRefs({ controlRef: inputRef }, cdsInputRef, dropzoneRef));\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","filterAccepted","useFileFilter","isFocused","useFocus","loaderClasses","useLoader","form","useForm","model","useProxyModel","modelValue","value","wrapInArray","multiple","Array","isArray","cdsInputRef","ref","dropzoneRef","inputRef","loadingColor","shallowRef","isError","computed","unref","isValid","isInteractive","isDisabled","isReadonly","watch","loading","old","undefined","immediate","provide","CdsFileUploadSymbol","files","disabled","readonly","error","onDrop","onClickBrowse","onClick","onClickRemove","newValue","hasModelReset","length","selectAccepted","onFileSelection","event","target","repack","selectedFiles","filterByType","dataTransfer","DataTransfer","accepted","rejected","file","items","add","newFiles","Event","bubbles","dispatchEvent","click","index","filter","_","i","__expose","forwardRefs","controlRef","rootClass","CdsFileUploadConstants","inputProps","omit","filterProps","defineCdsInputProps","dropzoneProps","defineCdsFileUploadDropzoneProps","rootAttrs","inputAttrs","filterInputAttrs","expectsDirectory","webkitdirectory","acceptFallback","accept","String","inputAccept","inputNode","_createVNode","_mergeProps","name","CdsInput","classNames","class","style","default","_Fragment","CdsFileUploadDropzone","browse","icon","title","divider","single","item","input","loader","LoaderSlot","insetFileList","CdsDefaultsProvider","CdsFileUploadList","clearable","showSize"],"mappings":"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"}
1	+ {"version":3,"file":"CdsFileUpload.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsFileUpload/CdsFileUpload.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsFileUpload.scss';\n\nimport { CdsDefaultsProvider } from '@cds/components/CdsDefaultsProvider';\nimport { useFileFilter } from '@cds/components/CdsFileInput/composables/useFileFilter';\nimport { CdsInput } from '@cds/components/CdsInput';\nimport { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { useFocus } from '@cds/composables/useFocus';\nimport { useForm } from '@cds/composables/useForm';\nimport { LoaderSlot, useLoader } from '@cds/composables/useLoader';\nimport { filterProps, forwardRefs, useDefaults, useProxyModel } from '@cds/core';\nimport { classNames, filterInputAttrs, omit, wrapInArray } from '@cds/utils';\nimport { computed, provide, ref, shallowRef, unref, useAttrs, watch } from 'vue';\n\nimport { CdsFileUploadConstants, CdsFileUploadSymbol } from './api/CdsFileUpload.constants';\nimport { defineCdsFileUploadDropzoneProps, defineCdsFileUploadProps } from './api/CdsFileUpload.props';\nimport type { CdsFileUploadEvents, CdsFileUploadSlots } from './api/CdsFileUpload.types';\nimport CdsFileUploadDropzone from './CdsFileUploadDropzone.vue';\nimport CdsFileUploadList from './CdsFileUploadList.vue';\n\ndefineOptions({\n name: CdsFileUploadConstants.name,\n inheritAttrs: false\n});\n\nconst _props = defineProps({ ...defineCdsFileUploadProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsFileUploadSlots>();\nconst emit = defineEmits([\"update:modelValue\", \"update:focused\", \"rejected\"]);\nconst attrs = useAttrs();\n\nconst { filterAccepted } = useFileFilter(props);\nconst { isFocused } = useFocus(props);\nconst { loaderClasses } = useLoader(props);\nconst form = useForm(props);\n\nconst model = useProxyModel(\n props,\n 'modelValue',\n props.modelValue,\n (value) => wrapInArray(value),\n (value) => (props.multiple \|\| Array.isArray(props.modelValue) ? value : value[0])\n);\n\nconst cdsInputRef = ref<InstanceType<typeof CdsInput>>();\nconst dropzoneRef = ref<InstanceType<typeof CdsFileUploadDropzone>>();\nconst inputRef = ref<HTMLInputElement>();\nconst loadingColor = shallowRef<string>();\n\nconst isError = computed(() => unref(cdsInputRef)?.isValid === false);\nconst isInteractive = computed(() => !unref(form.isDisabled) && !unref(form.isReadonly));\n\nwatch(\n () => props.loading,\n (value, old) => {\n loadingColor.value = !value && typeof old === 'string' ? old : typeof value === 'boolean' ? undefined : value;\n },\n { immediate: true }\n);\n\nprovide(CdsFileUploadSymbol, {\n files: model,\n disabled: form.isDisabled,\n readonly: form.isReadonly,\n error: isError,\n onDrop,\n onClickBrowse: onClick,\n onClickRemove\n});\n\nwatch(model, (newValue) => {\n const hasModelReset = !Array.isArray(newValue) \|\| !newValue.length;\n\n // Сброс модели снаружи должен очищать и нативный input, иначе повторный выбор\n // того же файла не вызовет событие `change`.\n if (hasModelReset && unref(inputRef)) {\n unref(inputRef)!.value = '';\n }\n});\n\nfunction onDrop(files: File[]) {\n if (!unref(isInteractive)) return;\n\n selectAccepted(files);\n}\n\nfunction onFileSelection(event: Event) {\n if (!event.target \|\| (event as any).repack) return;\n\n const target = event.target as HTMLInputElement;\n const selectedFiles = [...(target.files ?? [])];\n\n if (!selectedFiles.length) return;\n\n if (!props.filterByType) {\n model.value = props.multiple ? [...unref(model), ...selectedFiles] : selectedFiles;\n } else {\n selectAccepted(selectedFiles);\n }\n}\n\nfunction selectAccepted(files: File[]) {\n const dataTransfer = new DataTransfer();\n const { accepted, rejected } = filterAccepted(files);\n\n if (rejected.length) {\n emit('rejected', rejected);\n }\n\n for (const file of accepted) {\n dataTransfer.items.add(file);\n }\n\n unref(inputRef)!.files = dataTransfer.files;\n\n const newFiles = [...dataTransfer.files];\n model.value = props.multiple ? [...unref(model), ...newFiles] : newFiles;\n\n // `repack` помечает синтетическое событие, чтобы `onFileSelection` не зациклился.\n const event = new Event('change', { bubbles: true }) as any;\n event.repack = true;\n unref(inputRef)!.dispatchEvent(event);\n}\n\nfunction onClick() {\n if (!unref(isInteractive)) return;\n\n unref(inputRef)?.click();\n}\n\nfunction onClickRemove(index: number) {\n if (!unref(isInteractive)) return;\n\n const newValue = unref(model).filter((_, i) => i !== index);\n model.value = newValue;\n\n if (newValue.length > 0 \|\| !unref(inputRef)) return;\n\n unref(inputRef)!.value = '';\n}\n\ndefineRender(() => {\n const { rootClass } = CdsFileUploadConstants;\n const inputProps = omit(filterProps(defineCdsInputProps, props), ['modelValue']);\n const dropzoneProps = omit(filterProps(defineCdsFileUploadDropzoneProps, props), ['modelValue']);\n const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);\n\n const expectsDirectory = attrs.webkitdirectory !== undefined && attrs.webkitdirectory !== false;\n const acceptFallback = attrs.accept ? String(attrs.accept) : undefined;\n const inputAccept = expectsDirectory ? undefined : (props.filterByType ?? acceptFallback);\n\n const inputNode = (\n <input\n ref={inputRef}\n type=\"file\"\n accept={inputAccept}\n disabled={props.disabled ?? undefined}\n multiple={props.multiple}\n name={props.name}\n onChange={onFileSelection}\n {...inputAttrs}\n />\n );\n\n return (\n <CdsInput\n ref={cdsInputRef}\n modelValue={props.multiple ? unref(model) : unref(model)[0]}\n onUpdate:modelValue={(value: unknown) => {\n if (value == null \|\| (Array.isArray(value) && !value.length)) {\n model.value = [];\n }\n }}\n class={classNames(rootClass, unref(loaderClasses), props.class)}\n style={props.style}\n {...rootAttrs}\n {...inputProps}\n focused={unref(isFocused)}\n >\n {{\n ...slots,\n default: () => (\n <>\n {slots.default ? (\n <>\n {slots.default()}\n\n <input\n ref={inputRef}\n type=\"file\"\n accept={inputAccept}\n disabled={props.disabled ?? undefined}\n multiple={props.multiple}\n name={props.name}\n style=\"display: none;\"\n onChange={onFileSelection}\n {...inputAttrs}\n />\n </>\n ) : (\n <CdsFileUploadDropzone ref={dropzoneRef} {...dropzoneProps}>\n {{\n browse: slots.browse,\n icon: slots.icon,\n title: slots.title,\n divider: slots.divider,\n single: slots.single,\n item: slots.item,\n input: () => slots.input?.({ inputNode }) ?? inputNode,\n loader: () => (\n <LoaderSlot\n name={rootClass}\n active={!!props.loading}\n color={unref(loadingColor)}\n v-slots={{ default: slots.loader }}\n />\n )\n }}\n </CdsFileUploadDropzone>\n )}\n\n {!slots.default && !props.insetFileList && (\n <CdsDefaultsProvider\n defaults={{\n CdsFileUploadList: {\n clearable: props.clearable,\n showSize: props.showSize\n }\n }}\n >\n <CdsFileUploadList>{{ item: slots.item }}</CdsFileUploadList>\n </CdsDefaultsProvider>\n )}\n </>\n )\n }}\n </CdsInput>\n );\n});\n\ndefineExpose(\n forwardRefs(\n {\n /*\n Ссылка на нативный элемент `input[type=file]` — для программного открытия диалога выбора файлов.\n * @en Ref to the native `input[type=file]` element — for opening the file dialog programmatically.\n */\n controlRef: inputRef\n },\n cdsInputRef,\n dropzoneRef\n )\n);\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","attrs","useAttrs","filterAccepted","useFileFilter","isFocused","useFocus","loaderClasses","useLoader","form","useForm","model","useProxyModel","modelValue","value","wrapInArray","multiple","Array","isArray","cdsInputRef","ref","dropzoneRef","inputRef","loadingColor","shallowRef","isError","computed","unref","isValid","isInteractive","isDisabled","isReadonly","watch","loading","old","undefined","immediate","provide","CdsFileUploadSymbol","files","disabled","readonly","error","onDrop","onClickBrowse","onClick","onClickRemove","newValue","hasModelReset","length","selectAccepted","onFileSelection","event","target","repack","selectedFiles","filterByType","dataTransfer","DataTransfer","accepted","rejected","file","items","add","newFiles","Event","bubbles","dispatchEvent","click","index","filter","_","i","__expose","forwardRefs","controlRef","rootClass","CdsFileUploadConstants","inputProps","omit","filterProps","defineCdsInputProps","dropzoneProps","defineCdsFileUploadDropzoneProps","rootAttrs","inputAttrs","filterInputAttrs","expectsDirectory","webkitdirectory","acceptFallback","accept","String","inputAccept","inputNode","_createVNode","_mergeProps","name","CdsInput","classNames","class","style","default","_Fragment","CdsFileUploadDropzone","browse","icon","title","divider","single","item","input","loader","LoaderSlot","insetFileList","CdsDefaultsProvider","CdsFileUploadList","clearable","showSize"],"mappings":"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"}

package/dist/es/src/components/CdsFileUpload/api/CdsFileUpload.props.js CHANGED Viewed

@@ -11,42 +11,75 @@ import { p as propsFactory } from "../../../core/propsFactory.js";
 import { a7 as pick, ac as wrapInArray, a3 as omit } from "../../../utils/helpers.js";
 import { C as CdsFileUploadItemConstants, a as CdsFileUploadDropzoneConstants, b as CdsFileUploadListConstants, c as CdsFileUploadConstants } from "./CdsFileUpload.constants.js";
 const defineSharedDropzoneProps = () => ({
-  /** Текст кнопки выбора файлов. Поддерживает ключи локализации (`$cds.fileUpload.browse`). */
+  /**
+   * Текст кнопки выбора файлов. Поддерживает ключи локализации (`$cds.fileUpload.browse`).
+   * @en Text of the file browse button. Supports localization keys (`$cds.fileUpload.browse`).
+   */
   browseText: {
     type: String,
     default: "$cds.fileUpload.browse"
   },
-  /** Текст разделителя между иконкой и кнопкой выбора файлов. */
+  /**
+   * Текст разделителя между иконкой и кнопкой выбора файлов.
+   * @en Text of the divider between the icon and the file browse button.
+   */
   dividerText: {
     type: String,
     default: "$cds.fileUpload.divider"
   },
-  /** Заголовок зоны загрузки. */
+  /**
+   * Заголовок зоны загрузки.
+   * @en Title of the upload zone.
+   */
   title: {
     type: String,
     default: "$cds.fileUpload.title"
   },
-  /** Подзаголовок под кнопкой выбора файлов. Отображается только при `size` `md` и `lg`. */
+  /**
+   * Подзаголовок под кнопкой выбора файлов. Отображается только при `size` `md` и `lg`.
+   * @en Subtitle under the file browse button. Shown with `size` `md` and `lg` only.
+   */
   subtitle: String,
-  /** Иконка в центре зоны загрузки. */
+  /**
+   * Иконка в центре зоны загрузки.
+   * @en Icon in the center of the upload zone.
+   */
   icon: {
     type: IconValue,
     default: "upload"
   },
-  /** Разрешает удалять выбранные файлы из списка. */
+  /**
+   * Разрешает удалять выбранные файлы из списка.
+   * @en Allows removing the chosen files from the list.
+   */
   clearable: Boolean,
-  /** Скрывает кнопку выбора файлов — зона загрузки становится кликабельной целиком. */
+  /**
+   * Скрывает кнопку выбора файлов — зона загрузки становится кликабельной целиком.
+   * @en Hides the file browse button — the whole upload zone becomes clickable.
+   */
   hideBrowse: Boolean,
-  /** Отображает список выбранных файлов внутри зоны загрузки, а не под ней. */
+  /**
+   * Отображает список выбранных файлов внутри зоны загрузки, а не под ней.
+   * @en Shows the list of the chosen files inside the upload zone instead of under it.
+   */
   insetFileList: Boolean,
-  /** Разрешает выбор нескольких файлов. */
+  /**
+   * Разрешает выбор нескольких файлов.
+   * @en Allows choosing several files.
+   */
   multiple: Boolean,
-  /** Затемнение зоны загрузки при перетаскивании файлов. */
+  /**
+   * Затемнение зоны загрузки при перетаскивании файлов.
+   * @en Dimming of the upload zone while files are being dragged over it.
+   */
   scrim: {
     type: [Boolean, String],
     default: true
   },
-  /** Отображает размер файла. Число задаёт основание для перевода в человекочитаемый вид. */
+  /**
+   * Отображает размер файла. Число задаёт основание для перевода в человекочитаемый вид.
+   * @en Shows the size of the file. A number sets the base for the human-readable conversion.
+   */
   showSize: {
     type: [Boolean, Number],
     default: false
@@ -54,6 +87,7 @@ const defineSharedDropzoneProps = () => ({
   /**
    * Размер зоны загрузки.
    * При `sm` зона отображается компактной строкой без кнопки выбора файлов и разделителя.
+   * @en Size of the upload zone. With `sm` the zone is shown as a compact row without the browse button and the divider.
    */
   size: {
     type: String,
@@ -63,13 +97,19 @@ const defineSharedDropzoneProps = () => ({
 const defineCdsFileUploadDropzoneProps = propsFactory(
   {
     ...defineSharedDropzoneProps(),
-    /** Отображает зону загрузки в состоянии ошибки. */
+    /**
+     * Отображает зону загрузки в состоянии ошибки.
+     * @en Shows the upload zone in the error state.
+     */
     error: Boolean,
     ...defineDisabledProps(),
     ...defineReadonlyProps(),
     ...pick(defineCdsDividerProps({ length: 150 }), ["length", "thickness", "opacity"]),
     ...defineCdsSurfaceProps(),
-    /** Список выбранных файлов. Используется, когда `CdsFileUploadDropzone` применяется автономно. */
+    /**
+     * Список выбранных файлов. Используется, когда `CdsFileUploadDropzone` применяется автономно.
+     * @en The list of the chosen files. Used when `CdsFileUploadDropzone` is applied on its own.
+     */
     modelValue: {
       type: Array,
       default: () => []
@@ -79,19 +119,31 @@ const defineCdsFileUploadDropzoneProps = propsFactory(
 );
 const defineCdsFileUploadItemProps = propsFactory(
   {
-    /** Разрешает удалить файл из списка. */
+    /**
+     * Разрешает удалить файл из списка.
+     * @en Allows removing the file from the list.
+     */
     clearable: Boolean,
-    /** Файл, который отображает элемент списка. */
+    /**
+     * Файл, который отображает элемент списка.
+     * @en The file shown by the list item.
+     */
     file: {
       type: Object,
       default: null
     },
-    /** Иконка-заглушка для файлов, у которых нет превью. */
+    /**
+     * Иконка-заглушка для файлов, у которых нет превью.
+     * @en Fallback icon for the files that have no preview.
+     */
     fileIcon: {
       type: IconValue,
       default: "doc"
     },
-    /** Отображает размер файла вместо его MIME-типа. */
+    /**
+     * Отображает размер файла вместо его MIME-типа.
+     * @en Shows the size of the file instead of its MIME type.
+     */
     showSize: {
       type: [Boolean, Number],
       default: false
@@ -102,14 +154,23 @@ const defineCdsFileUploadItemProps = propsFactory(
 );
 const defineCdsFileUploadListProps = propsFactory(
   {
-    /** Разрешает удалять файлы из списка. */
+    /**
+     * Разрешает удалять файлы из списка.
+     * @en Allows removing files from the list.
+     */
     clearable: Boolean,
-    /** Отображает размер каждого файла. */
+    /**
+     * Отображает размер каждого файла.
+     * @en Shows the size of every file.
+     */
     showSize: {
       type: [Boolean, Number],
       default: false
     },
-    /** Список файлов. По умолчанию берётся из контекста `CdsFileUpload`. */
+    /**
+     * Список файлов. По умолчанию берётся из контекста `CdsFileUpload`.
+     * @en The list of files. Taken from the `CdsFileUpload` context by default.
+     */
     files: Array,
     ...defineCdsListProps({ lines: false })
   },
@@ -123,7 +184,10 @@ const defineCdsFileUploadProps = propsFactory(
     // `size` исключён намеренно: у `CdsInput` он шире (`xs`–`xl`), а зона загрузки
     // поддерживает только `sm` | `md` | `lg`. Единый источник — `defineSharedDropzoneProps`.
     ...omit(defineCdsInputProps(), ["direction", "modelValue", "size"]),
-    /** Выбранные файлы. Массив при `multiple`, иначе одиночный `File`. */
+    /**
+     * Выбранные файлы. Массив при `multiple`, иначе одиночный `File`.
+     * @en The chosen files. An array with `multiple`, a single `File` otherwise.
+     */
     modelValue: {
       type: [Array, Object],
       default: null,

package/dist/es/src/components/CdsFileUpload/api/CdsFileUpload.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsFileUpload.props.js","sources":["../../../../../../src/components/CdsFileUpload/api/CdsFileUpload.props.ts"],"sourcesContent":["import { defineCdsDividerProps } from '@cds/components/CdsDivider/api/CdsDivider.props';\nimport { defineFileFilterProps } from '@cds/components/CdsFileInput/composables/useFileFilter';\nimport { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { defineCdsListItemProps, defineCdsListProps } from '@cds/components/CdsList/api/CdsList.props';\nimport { defineCdsSurfaceProps } from '@cds/components/CdsSurface/api/CdsSurface.props';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLoaderProps } from '@cds/composables/useLoader';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly';\nimport { propsFactory } from '@cds/core';\nimport { omit, pick, wrapInArray } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport {\n CdsFileUploadConstants,\n CdsFileUploadDropzoneConstants,\n CdsFileUploadItemConstants,\n CdsFileUploadListConstants\n} from './CdsFileUpload.constants';\nimport type { CdsFileUploadSize, ShowSize } from './CdsFileUpload.types';\n\n/*\n Пропсы, общие для `CdsFileUpload` и `CdsFileUploadDropzone`.\n * Вынесены отдельно, чтобы корневой компонент мог прокидывать их в зону загрузки.\n /\nconst defineSharedDropzoneProps = () => ({\n /* Текст кнопки выбора файлов. Поддерживает ключи локализации (`$cds.fileUpload.browse`). /\n browseText: {\n type: String,\n default: '$cds.fileUpload.browse'\n },\n /* Текст разделителя между иконкой и кнопкой выбора ~~файлов.~~ /\n dividerText: {\n type: String,\n default: '$cds.fileUpload.divider'\n },\n /* Заголовок зоны ~~загрузки.~~ /\n title: {\n type: String,\n default: '$cds.fileUpload.title'\n },\n /* Подзаголовок под кнопкой выбора файлов. Отображается только при `size` `md` и `lg`. /\n subtitle: String,\n /* Иконка в центре зоны ~~загрузки.~~ /\n icon: {\n type: IconValue,\n default: 'upload'\n },\n /* Разрешает удалять выбранные файлы из ~~списка.~~ /\n clearable: Boolean,\n /* Скрывает кнопку выбора файлов — зона загрузки становится кликабельной ~~целиком.~~ /\n hideBrowse: Boolean,\n /* Отображает список выбранных файлов внутри зоны загрузки, а не под ~~ней.~~ /\n insetFileList: Boolean,\n /* Разрешает выбор нескольких ~~файлов.~~ /\n multiple: Boolean,\n /* Затемнение зоны загрузки при перетаскивании ~~файлов.~~ /\n scrim: {\n type: [Boolean, String] as PropType<boolean \| string>,\n default: true\n },\n /* Отображает размер файла. Число задаёт основание для перевода в человекочитаемый ~~вид.~~ /\n showSize: {\n type: [Boolean, Number] as PropType<ShowSize>,\n default: false\n },\n /\n Размер зоны загрузки.\n * При `sm` зона отображается компактной строкой без кнопки выбора файлов и разделителя.\n /\n size: {\n type: String as PropType<CdsFileUploadSize>,\n default: 'md'\n }\n});\n\nexport const defineCdsFileUploadDropzoneProps = propsFactory(\n {\n ...defineSharedDropzoneProps(),\n\n /* Отображает зону загрузки в состоянии ~~ошибки.~~ /\n error: Boolean,\n\n ...defineDisabledProps(),\n ...defineReadonlyProps(),\n\n ...pick(defineCdsDividerProps({ length: 150 }), ['length', 'thickness', 'opacity']),\n ...defineCdsSurfaceProps(),\n\n /* Список выбранных файлов. Используется, когда `CdsFileUploadDropzone` применяется ~~автономно.~~ /\n modelValue: {\n type: Array as PropType<File[]>,\n default: () => []\n }\n },\n CdsFileUploadDropzoneConstants.name\n);\n\nexport const defineCdsFileUploadItemProps = propsFactory(\n {\n /* Разрешает удалить файл из ~~списка.~~ /\n clearable: Boolean,\n /* Файл, который отображает элемент ~~списка.~~ /\n file: {\n type: Object as PropType<File>,\n default: null\n },\n /* Иконка-заглушка для файлов, у которых нет ~~превью.~~ /\n fileIcon: {\n type: IconValue,\n default: 'doc'\n },\n /* Отображает размер файла вместо его MIME~~-типа.~~ /\n showSize: {\n type: [Boolean, Number] as PropType<ShowSize>,\n default: false\n },\n\n ...defineCdsListItemProps({ lines: 'two' as const })\n },\n CdsFileUploadItemConstants.name\n);\n\nexport const defineCdsFileUploadListProps = propsFactory(\n {\n /* Разрешает удалять файлы из ~~списка.~~ /\n clearable: Boolean,\n /* Отображает размер каждого ~~файла.~~ /\n showSize: {\n type: [Boolean, Number] as PropType<ShowSize>,\n default: false\n },\n /* Список файлов. По умолчанию берётся из контекста `CdsFileUpload`. /\n files: Array as PropType<File[]>,\n\n ...defineCdsListProps({ lines: false as const })\n },\n CdsFileUploadListConstants.name\n);\n\nexport const defineCdsFileUploadProps = propsFactory(\n {\n ...defineSharedDropzoneProps(),\n\n ...defineFileFilterProps(),\n ...defineLoaderProps(),\n // `size` исключён намеренно: у `CdsInput` он шире (`xs`–`xl`), а зона загрузки\n // поддерживает только `sm` \| `md` \| `lg`. Единый источник — `defineSharedDropzoneProps`.\n ...omit(defineCdsInputProps(), ['direction', 'modelValue', 'size']),\n\n /* Выбранные файлы. Массив при `multiple`, иначе одиночный `File`. */\n modelValue: {\n type: [Array, Object] as PropType<File[] \| File>,\n default: null,\n validator: (value: unknown) => wrapInArray(value).every((item) => item != null && typeof item === 'object')\n }\n },\n CdsFileUploadConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAyBA,MAAM,4BAA4B,OAAO;AAAA;AAAA,~~EAEvC~~,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA,~~EAGX~~,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA,~~EAGX~~,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA,~~EAGX~~,UAAU;AAAA;AAAA,~~EAEV~~,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA;AAAA,~~EAGX~~,WAAW;AAAA;AAAA,~~EAEX~~,YAAY;AAAA;AAAA,~~EAEZ~~,eAAe;AAAA;AAAA,~~EAEf~~,UAAU;AAAA;AAAA,~~EAEV~~,OAAO;AAAA,IACL,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,SAAS;AAAA,EAAA;AAAA;AAAA,~~EAGX~~,UAAU;AAAA,IACR,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAMX~~,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb;AAEO,MAAM,mCAAmC;AAAA,EAC9C;AAAA,IACE,GAAG,0BAAA;AAAA;AAAA,~~IAGH~~,OAAO;AAAA,IAEP,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IAEH,GAAG,KAAK,sBAAsB,EAAE,QAAQ,KAAK,GAAG,CAAC,UAAU,aAAa,SAAS,CAAC;AAAA,IAClF,GAAG,sBAAA;AAAA;AAAA,~~IAGH~~,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA,EAClB;AAAA,EAEF,+BAA+B;AACjC;AAEO,MAAM,+BAA+B;AAAA,EAC1C;AAAA;AAAA,~~IAEE~~,WAAW;AAAA;AAAA,~~IAEX~~,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,uBAAuB,EAAE,OAAO,OAAgB;AAAA,EAAA;AAAA,EAErD,2BAA2B;AAC7B;AAEO,MAAM,+BAA+B;AAAA,EAC1C;AAAA;AAAA,~~IAEE~~,WAAW;AAAA;AAAA,~~IAEX~~,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,OAAO;AAAA,IAEP,GAAG,mBAAmB,EAAE,OAAO,OAAgB;AAAA,EAAA;AAAA,EAEjD,2BAA2B;AAC7B;AAEO,MAAM,2BAA2B;AAAA,EACtC;AAAA,IACE,GAAG,0BAAA;AAAA,IAEH,GAAG,sBAAA;AAAA,IACH,GAAG,kBAAA;AAAA;AAAA;AAAA,IAGH,GAAG,KAAK,oBAAA,GAAuB,CAAC,aAAa,cAAc,MAAM,CAAC;AAAA;AAAA,~~IAGlE~~,YAAY;AAAA,MACV,MAAM,CAAC,OAAO,MAAM;AAAA,MACpB,SAAS;AAAA,MACT,WAAW,CAAC,UAAmB,YAAY,KAAK,EAAE,MAAM,CAAC,SAAS,QAAQ,QAAQ,OAAO,SAAS,QAAQ;AAAA,IAAA;AAAA,EAC5G;AAAA,EAEF,uBAAuB;AACzB;"}
1	+ {"version":3,"file":"CdsFileUpload.props.js","sources":["../../../../../../src/components/CdsFileUpload/api/CdsFileUpload.props.ts"],"sourcesContent":["import { defineCdsDividerProps } from '@cds/components/CdsDivider/api/CdsDivider.props';\nimport { defineFileFilterProps } from '@cds/components/CdsFileInput/composables/useFileFilter';\nimport { defineCdsInputProps } from '@cds/components/CdsInput/api/CdsInput.props';\nimport { defineCdsListItemProps, defineCdsListProps } from '@cds/components/CdsList/api/CdsList.props';\nimport { defineCdsSurfaceProps } from '@cds/components/CdsSurface/api/CdsSurface.props';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineLoaderProps } from '@cds/composables/useLoader';\nimport { defineReadonlyProps } from '@cds/composables/useReadonly';\nimport { propsFactory } from '@cds/core';\nimport { omit, pick, wrapInArray } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport {\n CdsFileUploadConstants,\n CdsFileUploadDropzoneConstants,\n CdsFileUploadItemConstants,\n CdsFileUploadListConstants\n} from './CdsFileUpload.constants';\nimport type { CdsFileUploadSize, ShowSize } from './CdsFileUpload.types';\n\n/*\n Пропсы, общие для `CdsFileUpload` и `CdsFileUploadDropzone`.\n * Вынесены отдельно, чтобы корневой компонент мог прокидывать их в зону загрузки.\n /\nconst defineSharedDropzoneProps = () => ({\n /\n Текст кнопки выбора файлов. Поддерживает ключи локализации (`$cds.fileUpload.browse`).\n * @en Text of the file browse button. Supports localization keys (`$cds.fileUpload.browse`).\n /\n browseText: {\n type: String,\n default: '$cds.fileUpload.browse'\n },\n /\n Текст разделителя между иконкой и кнопкой выбора файлов.\n * @en Text of the divider between the icon and the file browse button.\n /\n dividerText: {\n type: String,\n default: '$cds.fileUpload.divider'\n },\n /\n Заголовок зоны загрузки.\n * @en Title of the upload zone.\n /\n title: {\n type: String,\n default: '$cds.fileUpload.title'\n },\n /\n Подзаголовок под кнопкой выбора файлов. Отображается только при `size` `md` и `lg`.\n * @en Subtitle under the file browse button. Shown with `size` `md` and `lg` only.\n /\n subtitle: String,\n /\n Иконка в центре зоны загрузки.\n * @en Icon in the center of the upload zone.\n /\n icon: {\n type: IconValue,\n default: 'upload'\n },\n /\n Разрешает удалять выбранные файлы из списка.\n * @en Allows removing the chosen files from the list.\n /\n clearable: Boolean,\n /\n Скрывает кнопку выбора файлов — зона загрузки становится кликабельной целиком.\n * @en Hides the file browse button — the whole upload zone becomes clickable.\n /\n hideBrowse: Boolean,\n /\n Отображает список выбранных файлов внутри зоны загрузки, а не под ней.\n * @en Shows the list of the chosen files inside the upload zone instead of under it.\n /\n insetFileList: Boolean,\n /\n Разрешает выбор нескольких файлов.\n * @en Allows choosing several files.\n /\n multiple: Boolean,\n /\n Затемнение зоны загрузки при перетаскивании файлов.\n * @en Dimming of the upload zone while files are being dragged over it.\n /\n scrim: {\n type: [Boolean, String] as PropType<boolean \| string>,\n default: true\n },\n /\n Отображает размер файла. Число задаёт основание для перевода в человекочитаемый вид.\n * @en Shows the size of the file. A number sets the base for the human-readable conversion.\n /\n showSize: {\n type: [Boolean, Number] as PropType<ShowSize>,\n default: false\n },\n /\n Размер зоны загрузки.\n * При `sm` зона отображается компактной строкой без кнопки выбора файлов и разделителя.\n * @en Size of the upload zone. With `sm` the zone is shown as a compact row without the browse button and the divider.\n /\n size: {\n type: String as PropType<CdsFileUploadSize>,\n default: 'md'\n }\n});\n\nexport const defineCdsFileUploadDropzoneProps = propsFactory(\n {\n ...defineSharedDropzoneProps(),\n\n /\n Отображает зону загрузки в состоянии ошибки.\n * @en Shows the upload zone in the error state.\n /\n error: Boolean,\n\n ...defineDisabledProps(),\n ...defineReadonlyProps(),\n\n ...pick(defineCdsDividerProps({ length: 150 }), ['length', 'thickness', 'opacity']),\n ...defineCdsSurfaceProps(),\n\n /\n Список выбранных файлов. Используется, когда `CdsFileUploadDropzone` применяется автономно.\n * @en The list of the chosen files. Used when `CdsFileUploadDropzone` is applied on its own.\n /\n modelValue: {\n type: Array as PropType<File[]>,\n default: () => []\n }\n },\n CdsFileUploadDropzoneConstants.name\n);\n\nexport const defineCdsFileUploadItemProps = propsFactory(\n {\n /\n Разрешает удалить файл из списка.\n * @en Allows removing the file from the list.\n /\n clearable: Boolean,\n /\n Файл, который отображает элемент списка.\n * @en The file shown by the list item.\n /\n file: {\n type: Object as PropType<File>,\n default: null\n },\n /\n Иконка-заглушка для файлов, у которых нет превью.\n * @en Fallback icon for the files that have no preview.\n /\n fileIcon: {\n type: IconValue,\n default: 'doc'\n },\n /\n Отображает размер файла вместо его MIME-типа.\n * @en Shows the size of the file instead of its MIME type.\n /\n showSize: {\n type: [Boolean, Number] as PropType<ShowSize>,\n default: false\n },\n\n ...defineCdsListItemProps({ lines: 'two' as const })\n },\n CdsFileUploadItemConstants.name\n);\n\nexport const defineCdsFileUploadListProps = propsFactory(\n {\n /\n Разрешает удалять файлы из списка.\n * @en Allows removing files from the list.\n /\n clearable: Boolean,\n /\n Отображает размер каждого файла.\n * @en Shows the size of every file.\n /\n showSize: {\n type: [Boolean, Number] as PropType<ShowSize>,\n default: false\n },\n /\n Список файлов. По умолчанию берётся из контекста `CdsFileUpload`.\n * @en The list of files. Taken from the `CdsFileUpload` context by default.\n /\n files: Array as PropType<File[]>,\n\n ...defineCdsListProps({ lines: false as const })\n },\n CdsFileUploadListConstants.name\n);\n\nexport const defineCdsFileUploadProps = propsFactory(\n {\n ...defineSharedDropzoneProps(),\n\n ...defineFileFilterProps(),\n ...defineLoaderProps(),\n // `size` исключён намеренно: у `CdsInput` он шире (`xs`–`xl`), а зона загрузки\n // поддерживает только `sm` \| `md` \| `lg`. Единый источник — `defineSharedDropzoneProps`.\n ...omit(defineCdsInputProps(), ['direction', 'modelValue', 'size']),\n\n /\n Выбранные файлы. Массив при `multiple`, иначе одиночный `File`.\n * @en The chosen files. An array with `multiple`, a single `File` otherwise.\n */\n modelValue: {\n type: [Array, Object] as PropType<File[] \| File>,\n default: null,\n validator: (value: unknown) => wrapInArray(value).every((item) => item != null && typeof item === 'object')\n }\n },\n CdsFileUploadConstants.name\n);\n"],"names":[],"mappings":"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"}

package/dist/es/src/components/CdsFooter/CdsFooter.css CHANGED Viewed

@@ -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-footer {
     position: relative;

package/dist/es/src/components/CdsForm/CdsForm.css CHANGED Viewed

@@ -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-form {
     display: block;

package/dist/es/src/components/CdsForm/api/CdsForm.props.js CHANGED Viewed

@@ -4,9 +4,15 @@ import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsFormConstants } from "./CdsForm.constants.js";
 const defineCdsFormProps = propsFactory(
   {
-    /** Заголовок формы. Рендерится над контентом через `CdsDescription`. */
+    /**
+     * Заголовок формы. Рендерится над контентом через `CdsDescription`.
+     * @en Heading of the form. Rendered above the content through `CdsDescription`.
+     */
     label: String,
-    /** Описание формы. Рендерится под заголовком через `CdsDescription`. */
+    /**
+     * Описание формы. Рендерится под заголовком через `CdsDescription`.
+     * @en Description of the form. Rendered under the heading through `CdsDescription`.
+     */
     description: String,
     ...defineFormProps(),
     ...defineComponentProps()

package/dist/es/src/components/CdsForm/api/CdsForm.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsForm.props.js","sources":["../../../../../../src/components/CdsForm/api/CdsForm.props.ts"],"sourcesContent":["import { defineFormProps } from '@cds/composables/useForm';\nimport { defineComponentProps, propsFactory } from '@cds/core';\n\nimport { CdsFormConstants } from './CdsForm.constants';\n\nexport const defineCdsFormProps = propsFactory(\n {\n /** Заголовок формы. Рендерится над контентом через `CdsDescription`. /\n label: String,\n /* Описание формы. Рендерится под заголовком через `CdsDescription`. */\n description: String,\n\n ...defineFormProps(),\n ...defineComponentProps()\n },\n CdsFormConstants.name\n);\n"],"names":[],"mappings":";;;;AAKO,MAAM,qBAAqB;AAAA,EAChC;AAAA;AAAA,~~IAEE~~,OAAO;AAAA;AAAA,~~IAEP~~,aAAa;AAAA,IAEb,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,iBAAiB;AACnB;"}
1	+ {"version":3,"file":"CdsForm.props.js","sources":["../../../../../../src/components/CdsForm/api/CdsForm.props.ts"],"sourcesContent":["import { defineFormProps } from '@cds/composables/useForm';\nimport { defineComponentProps, propsFactory } from '@cds/core';\n\nimport { CdsFormConstants } from './CdsForm.constants';\n\nexport const defineCdsFormProps = propsFactory(\n {\n /*\n Заголовок формы. Рендерится над контентом через `CdsDescription`.\n * @en Heading of the form. Rendered above the content through `CdsDescription`.\n /\n label: String,\n /\n Описание формы. Рендерится под заголовком через `CdsDescription`.\n * @en Description of the form. Rendered under the heading through `CdsDescription`.\n */\n description: String,\n\n ...defineFormProps(),\n ...defineComponentProps()\n },\n CdsFormConstants.name\n);\n"],"names":[],"mappings":";;;;AAKO,MAAM,qBAAqB;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,aAAa;AAAA,IAEb,GAAG,gBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,iBAAiB;AACnB;"}

package/dist/es/src/components/CdsFunctionalButton/CdsFunctionalButton.css CHANGED Viewed

@@ -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.cds-functional-button {
     color: rgb(var(--cds-color-content-primary));

package/dist/es/src/components/CdsFunctionalButton/api/CdsFunctionalButton.props.js CHANGED Viewed

@@ -10,7 +10,10 @@ import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsFunctionalButtonProps = propsFactory(
   {
-    /** Иконка */
+    /**
+     * Иконка
+     * @en Icon
+     */
     icon: [String, Function, Object],
     ...defineComponentProps(),
     ...defineRouterProps(),

package/dist/es/src/components/CdsFunctionalButton/api/CdsFunctionalButton.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsFunctionalButton.props.js","sources":["../../../../../../src/components/CdsFunctionalButton/api/CdsFunctionalButton.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDisabledProps } from '@cds/composables/useDisabled/useDisabled';\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 { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsFunctionalButtonConstants } from './CdsFunctionalButton.constants';\n\nexport const defineCdsFunctionalButtonProps = propsFactory(\n {\n /** ~~Иконка~~ */\n icon: [String, Function, Object] as PropType<IconValue>,\n\n ...defineComponentProps(),\n ...defineRouterProps(),\n ...defineDisabledProps(),\n ...defineReadonlyProps(),\n ...defineLoaderProps(),\n ...defineTagProps({ tag: 'button' }),\n ...omit(defineColorProps(), ['bgColor']),\n ...defineThemeProps()\n },\n CdsFunctionalButtonConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;AAaO,MAAM,iCAAiC;AAAA,EAC5C;AAAA;AAAA,~~IAEE~~,MAAM,CAAC,QAAQ,UAAU,MAAM;AAAA,IAE/B,GAAG,qBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,UAAU;AAAA,IACnC,GAAG,KAAK,oBAAoB,CAAC,SAAS,CAAC;AAAA,IACvC,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,6BAA6B;AAC/B;"}
1	+ {"version":3,"file":"CdsFunctionalButton.props.js","sources":["../../../../../../src/components/CdsFunctionalButton/api/CdsFunctionalButton.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineDisabledProps } from '@cds/composables/useDisabled/useDisabled';\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 { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { omit } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { CdsFunctionalButtonConstants } from './CdsFunctionalButton.constants';\n\nexport const defineCdsFunctionalButtonProps = propsFactory(\n {\n /*\n Иконка\n * @en Icon\n */\n icon: [String, Function, Object] as PropType<IconValue>,\n\n ...defineComponentProps(),\n ...defineRouterProps(),\n ...defineDisabledProps(),\n ...defineReadonlyProps(),\n ...defineLoaderProps(),\n ...defineTagProps({ tag: 'button' }),\n ...omit(defineColorProps(), ['bgColor']),\n ...defineThemeProps()\n },\n CdsFunctionalButtonConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;;AAaO,MAAM,iCAAiC;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,MAAM,CAAC,QAAQ,UAAU,MAAM;AAAA,IAE/B,GAAG,qBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,kBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,UAAU;AAAA,IACnC,GAAG,KAAK,oBAAoB,CAAC,SAAS,CAAC;AAAA,IACvC,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,6BAA6B;AAC/B;"}

package/dist/es/src/components/CdsGrid/api/CdsGrid.props.js CHANGED Viewed

@@ -4,13 +4,25 @@ import { a7 as pick } from "../../../utils/helpers.js";
 import { c as componentGridName, a as componentRowName, b as componentColName } from "./CdsGrid.constants.js";
 const defineCdsGridProps = propsFactory(
   {
-    /** Удаляет max-width по умолчанию и растягивает сетку на всю ширину контейнера */
+    /**
+     * Удаляет max-width по умолчанию и растягивает сетку на всю ширину контейнера
+     * @en Removes the default max-width and stretches the grid across the whole width of the container
+     */
     wide: Boolean,
-    /** Конденсированная сетка. Уменьшенный отступ до 1px по обеим сторонам */
+    /**
+     * Конденсированная сетка. Уменьшенный отступ до 1px по обеим сторонам
+     * @en Condensed grid. The gap is reduced to 1px on both sides
+     */
     condensed: Boolean,
-    /** Узкая сетка */
+    /**
+     * Узкая сетка
+     * @en Narrow grid
+     */
     narrow: Boolean,
-    /** Only CSS Grid supported. Вложенная сетка */
+    /**
+     * Only CSS Grid supported. Вложенная сетка
+     * @en Only CSS Grid supported. A nested grid
+     */
     subgrid: Boolean,
     ...defineTagProps(),
     ...defineComponentProps()
@@ -27,32 +39,50 @@ const defineCdsRowProps = propsFactory(
 );
 const defineCdsColProps = propsFactory(
   {
-    /** >320px */
+    /**
+     * >320px
+     * @en >320px
+     */
     xs: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** >672px */
+    /**
+     * >672px
+     * @en >672px
+     */
     sm: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** >1056px */
+    /**
+     * >1056px
+     * @en >1056px
+     */
     md: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** >1312px */
+    /**
+     * >1312px
+     * @en >1312px
+     */
     lg: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** >1584px */
+    /**
+     * >1584px
+     * @en >1584px
+     */
     xl: {
       type: [Object, Number, String, Boolean],
       default: void 0
     },
-    /** Only CSS Grid supported. Постоянный диапазон колонок, start или end значения, которые не изменятся. */
+    /**
+     * Only CSS Grid supported. Постоянный диапазон колонок, start или end значения, которые не изменятся.
+     * @en Only CSS Grid supported. A permanent column range, start or end values that never change.
+     */
     span: {
       type: [Object, Number, String],
       default: void 0

package/dist/es/src/components/CdsGrid/api/CdsGrid.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CdsGrid.props.js","sources":["../../../../../../src/components/CdsGrid/api/CdsGrid.props.ts"],"sourcesContent":["import { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { componentColName, componentGridName, componentRowName } from './CdsGrid.constants';\nimport type { ColumnBreakpoint, ColumnFlexBreakpoint, ColumnGridBreakpoint, ColumnSpanType } from './CdsGrid.types';\n\nexport const defineCdsGridProps = propsFactory(\n {\n /** Удаляет max-width по умолчанию и растягивает сетку на всю ширину ~~контейнера~~ /\n wide: Boolean,\n /* Конденсированная сетка. Уменьшенный отступ до 1px по обеим ~~сторонам~~ /\n condensed: Boolean,\n /* Узкая ~~сетка~~ /\n narrow: Boolean,\n /* Only CSS Grid supported. Вложенная ~~сетка~~ /\n subgrid: Boolean,\n\n ...defineTagProps(),\n ...defineComponentProps()\n },\n componentGridName\n);\n\nexport const defineCdsRowProps = propsFactory(\n {\n ...pick(defineCdsGridProps(), ['narrow', 'condensed']),\n ...defineTagProps(),\n ...defineComponentProps()\n },\n componentRowName\n);\n\nexport const defineCdsColProps = propsFactory(\n {\n /* >320px /\n xs: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /* >672px /\n sm: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /* >1056px /\n md: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /* >1312px /\n lg: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /* >1584px /\n xl: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /* Only CSS Grid supported. Постоянный диапазон колонок, start или end значения, которые не ~~изменятся.~~ */\n span: {\n type: [Object, Number, String] as PropType<ColumnSpanType \| number \| string>,\n default: undefined\n },\n\n ...defineTagProps(),\n ...defineComponentProps()\n },\n componentColName\n);\n"],"names":[],"mappings":";;;;AAOO,MAAM,qBAAqB;AAAA,EAChC;AAAA;AAAA,~~IAEE~~,MAAM;AAAA;AAAA,~~IAEN~~,WAAW;AAAA;AAAA,~~IAEX~~,QAAQ;AAAA;AAAA,~~IAER~~,SAAS;AAAA,IAET,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B;AACF;AAEO,MAAM,oBAAoB;AAAA,EAC/B;AAAA,IACE,GAAG,KAAK,mBAAA,GAAsB,CAAC,UAAU,WAAW,CAAC;AAAA,IACrD,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B;AACF;AAEO,MAAM,oBAAoB;AAAA,EAC/B;AAAA;AAAA,~~IAEE~~,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA,~~IAGX~~,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,QAAQ,MAAM;AAAA,MAC7B,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B;AACF;"}
1	+ {"version":3,"file":"CdsGrid.props.js","sources":["../../../../../../src/components/CdsGrid/api/CdsGrid.props.ts"],"sourcesContent":["import { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport { pick } from '@cds/utils';\nimport type { PropType } from 'vue';\n\nimport { componentColName, componentGridName, componentRowName } from './CdsGrid.constants';\nimport type { ColumnBreakpoint, ColumnFlexBreakpoint, ColumnGridBreakpoint, ColumnSpanType } from './CdsGrid.types';\n\nexport const defineCdsGridProps = propsFactory(\n {\n /*\n Удаляет max-width по умолчанию и растягивает сетку на всю ширину контейнера\n * @en Removes the default max-width and stretches the grid across the whole width of the container\n /\n wide: Boolean,\n /\n Конденсированная сетка. Уменьшенный отступ до 1px по обеим сторонам\n * @en Condensed grid. The gap is reduced to 1px on both sides\n /\n condensed: Boolean,\n /\n Узкая сетка\n * @en Narrow grid\n /\n narrow: Boolean,\n /\n Only CSS Grid supported. Вложенная сетка\n * @en Only CSS Grid supported. A nested grid\n /\n subgrid: Boolean,\n\n ...defineTagProps(),\n ...defineComponentProps()\n },\n componentGridName\n);\n\nexport const defineCdsRowProps = propsFactory(\n {\n ...pick(defineCdsGridProps(), ['narrow', 'condensed']),\n ...defineTagProps(),\n ...defineComponentProps()\n },\n componentRowName\n);\n\nexport const defineCdsColProps = propsFactory(\n {\n /\n >320px\n * @en >320px\n /\n xs: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /\n >672px\n * @en >672px\n /\n sm: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /\n >1056px\n * @en >1056px\n /\n md: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /\n >1312px\n * @en >1312px\n /\n lg: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /\n >1584px\n * @en >1584px\n /\n xl: {\n type: [Object, Number, String, Boolean] as PropType<\n ColumnBreakpoint<ColumnGridBreakpoint \| ColumnFlexBreakpoint> \| number \| string \| boolean\n >,\n default: undefined\n },\n /\n Only CSS Grid supported. Постоянный диапазон колонок, start или end значения, которые не изменятся.\n * @en Only CSS Grid supported. A permanent column range, start or end values that never change.\n */\n span: {\n type: [Object, Number, String] as PropType<ColumnSpanType \| number \| string>,\n default: undefined\n },\n\n ...defineTagProps(),\n ...defineComponentProps()\n },\n componentColName\n);\n"],"names":[],"mappings":";;;;AAOO,MAAM,qBAAqB;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,SAAS;AAAA,IAET,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B;AACF;AAEO,MAAM,oBAAoB;AAAA,EAC/B;AAAA,IACE,GAAG,KAAK,mBAAA,GAAsB,CAAC,UAAU,WAAW,CAAC;AAAA,IACrD,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B;AACF;AAEO,MAAM,oBAAoB;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAAA,MAGtC,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,QAAQ,MAAM;AAAA,MAC7B,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B;AACF;"}

package/dist/es/src/components/CdsGrid/components/CSSGrid.css CHANGED Viewed

@@ -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
-*/
 :root {
   --cds-grid-gutter: 32px;
   --cds-grid-columns: 4;

package/dist/es/src/components/CdsGrid/components/FlexGrid.css CHANGED Viewed

@@ -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
-*/
 .cds-grid {
   margin-inline: auto;
   max-inline-size: 1584px;

package/dist/es/src/components/CdsHeader/CdsHeader.css CHANGED Viewed

@@ -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-header {
     position: relative;