@alfalab/core-components-pagination 2.0.21 → 2.1.1

package/Component.js

@@ -10,14 +10,14 @@ var components_defaultView_index = require('./components/default-view/index.js')
 var components_perPageView_index = require('./components/per-page-view/index.js');
 var components_tag_index = require('./components/tag/index.js');
 require('tslib');
-require('@alfalab/core-components-tag');
+require('@alfalab/core-components-tag/desktop');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"pagination__component_gdi2e","defaultView":"pagination__defaultView_gdi2e"};
+var styles = {"component":"pagination__component_ynqhf","defaultView":"pagination__defaultView_ynqhf"};
 require('./index.css')
 
 var Pagination = function (_a) {

package/components/default-view/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lgn5 */
+/* hash: 16zr9 */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__dots_1x6os {
+} .pagination__dots_hcm4n {
     width: 32px;
     height: 32px;
     text-align: center;

package/components/default-view/index.js

@@ -6,13 +6,13 @@ var React = require('react');
 var components_tag_index = require('../tag/index.js');
 require('tslib');
 require('classnames');
-require('@alfalab/core-components-tag');
+require('@alfalab/core-components-tag/desktop');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"dots":"pagination__dots_1x6os"};
+var styles = {"dots":"pagination__dots_hcm4n"};
 require('./index.css')
 
 /* eslint-disable react/no-array-index-key */

package/components/per-page-view/index.css

@@ -1,4 +1,4 @@
-/* hash: 19fqc */
+/* hash: dfv3v */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pagination__component_1f89s {
+} .pagination__component_12vfs {
     display: block;
     margin: 0 var(--gap-m);
 }

package/components/per-page-view/index.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"pagination__component_1f89s"};
+var styles = {"component":"pagination__component_12vfs"};
 require('./index.css')
 
 var PerPageView = function (_a) {

package/components/tag/index.css

@@ -1,4 +1,4 @@
-/* hash: 13vx4 */
+/* hash: 1whx5 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-quaternary: #dcdcdd;
@@ -21,7 +21,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__tag_e3qeb.pagination__tag_e3qeb {
+} button.pagination__tag_11495.pagination__tag_11495 {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -31,19 +31,19 @@
     width: 32px;
     height: 32px;
     padding: 0
-} .pagination__tag_e3qeb.pagination__tag_e3qeb:disabled:not(.pagination__checked_e3qeb) {
+} button.pagination__tag_11495.pagination__tag_11495:disabled:not(.pagination__checked_11495) {
         opacity: 0.3;
-    } .pagination__tag_e3qeb.pagination__tag_e3qeb:hover:not(:disabled) {
+    } button.pagination__tag_11495.pagination__tag_11495:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
-    } .pagination__tag_e3qeb.pagination__tag_e3qeb:active:not(:disabled) {
+    } button.pagination__tag_11495.pagination__tag_11495:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
-    } .pagination__tag_e3qeb.pagination__tag_e3qeb.pagination__checked_e3qeb {
+    } button.pagination__tag_11495.pagination__tag_11495.pagination__checked_11495 {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_e3qeb.pagination__tag_e3qeb.pagination__checked_e3qeb:hover:not(:disabled) {
+    } button.pagination__tag_11495.pagination__tag_11495.pagination__checked_11495:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_e3qeb.pagination__tag_e3qeb.pagination__checked_e3qeb:active:not(:disabled) {
+    } button.pagination__tag_11495.pagination__tag_11495.pagination__checked_11495:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/components/tag/index.d.ts

@@ -1,4 +1,85 @@
-import { FC } from 'react';
-import { TagProps } from "@alfalab/core-components-tag";
+/// <reference types="react" />
+import React from 'react';
+import { FC, ButtonHTMLAttributes, ReactNode, RefObject } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type NativeProps = ButtonHTMLAttributes<HTMLButtonElement>;
+type BaseTagProps = Omit<NativeProps, "onClick"> & {
+    /**
+     * Отображение кнопки в отмеченном (зажатом) состоянии
+     */
+    checked?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс для обёртки children
+     */
+    childrenClassName?: string;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Обработчик нажатия
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void;
+    /**
+     * ref на children
+     */
+    childrenRef?: RefObject<HTMLSpanElement>;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props shape и view
+     * Вариант тега
+     */
+    variant?: "default" | "alt";
+    /**
+     * Форма тега
+     */
+    shape?: "rounded" | "rectangular";
+    /**
+     * Стиль тега
+     */
+    view?: "outlined" | "filled";
+    /**
+     * Основные стили компонента.
+     */
+    styles?: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStylesMap?: StyleColors;
+};
+type TagDesktopProps = Omit<BaseTagProps, "styles">;
+type TagProps = TagDesktopProps;
 declare const Tag: FC<TagProps>;
 export { Tag };

package/components/tag/index.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
-var coreComponentsTag = require('@alfalab/core-components-tag');
+var desktop = require('@alfalab/core-components-tag/desktop');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"tag":"pagination__tag_e3qeb","checked":"pagination__checked_e3qeb"};
+var styles = {"tag":"pagination__tag_11495","checked":"pagination__checked_11495"};
 require('./index.css')
 
 var Tag = function (_a) {
     var _b;
     var className = _a.className, checked = _a.checked, restProps = tslib.__rest(_a, ["className", "checked"]);
-    return (React__default.default.createElement(coreComponentsTag.Tag, tslib.__assign({}, restProps, { checked: checked, size: 'xxs', className: cn__default.default(className, styles.tag, (_b = {}, _b[styles.checked] = checked, _b)) })));
+    return (React__default.default.createElement(desktop.TagDesktop, tslib.__assign({}, restProps, { checked: checked, size: 'xxs', className: cn__default.default(className, styles.tag, (_b = {}, _b[styles.checked] = checked, _b)) })));
 };
 
 exports.Tag = Tag;

package/cssm/Component.js

@@ -13,7 +13,7 @@ var styles = require('./index.module.css');
 require('./components/default-view/index.module.css');
 require('./components/per-page-view/index.module.css');
 require('tslib');
-require('@alfalab/core-components-tag/cssm');
+require('@alfalab/core-components-tag/cssm/desktop');
 require('./components/tag/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/cssm/components/default-view/index.js

@@ -7,7 +7,7 @@ var components_tag_index = require('../tag/index.js');
 var styles = require('./index.module.css');
 require('tslib');
 require('classnames');
-require('@alfalab/core-components-tag/cssm');
+require('@alfalab/core-components-tag/cssm/desktop');
 require('../tag/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/cssm/components/tag/index.d.ts

@@ -1,4 +1,85 @@
-import { FC } from 'react';
-import { TagProps } from "@alfalab/core-components-tag";
+/// <reference types="react" />
+import React from 'react';
+import { FC, ButtonHTMLAttributes, ReactNode, RefObject } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type NativeProps = ButtonHTMLAttributes<HTMLButtonElement>;
+type BaseTagProps = Omit<NativeProps, "onClick"> & {
+    /**
+     * Отображение кнопки в отмеченном (зажатом) состоянии
+     */
+    checked?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс для обёртки children
+     */
+    childrenClassName?: string;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Обработчик нажатия
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void;
+    /**
+     * ref на children
+     */
+    childrenRef?: RefObject<HTMLSpanElement>;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props shape и view
+     * Вариант тега
+     */
+    variant?: "default" | "alt";
+    /**
+     * Форма тега
+     */
+    shape?: "rounded" | "rectangular";
+    /**
+     * Стиль тега
+     */
+    view?: "outlined" | "filled";
+    /**
+     * Основные стили компонента.
+     */
+    styles?: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStylesMap?: StyleColors;
+};
+type TagDesktopProps = Omit<BaseTagProps, "styles">;
+type TagProps = TagDesktopProps;
 declare const Tag: FC<TagProps>;
 export { Tag };

package/cssm/components/tag/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
-var coreComponentsTag = require('@alfalab/core-components-tag/cssm');
+var desktop = require('@alfalab/core-components-tag/cssm/desktop');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -17,7 +17,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var Tag = function (_a) {
     var _b;
     var className = _a.className, checked = _a.checked, restProps = tslib.__rest(_a, ["className", "checked"]);
-    return (React__default.default.createElement(coreComponentsTag.Tag, tslib.__assign({}, restProps, { checked: checked, size: 'xxs', className: cn__default.default(className, styles__default.default.tag, (_b = {}, _b[styles__default.default.checked] = checked, _b)) })));
+    return (React__default.default.createElement(desktop.TagDesktop, tslib.__assign({}, restProps, { checked: checked, size: 'xxs', className: cn__default.default(className, styles__default.default.tag, (_b = {}, _b[styles__default.default.checked] = checked, _b)) })));
 };
 
 exports.Tag = Tag;

package/cssm/components/tag/index.module.css

@@ -20,7 +20,7 @@
 } :root {
 } :root {
 } :root {
-} .tag.tag {
+} button.tag.tag {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -30,19 +30,19 @@
     width: 32px;
     height: 32px;
     padding: 0
-} .tag.tag:disabled:not(.checked) {
+} button.tag.tag:disabled:not(.checked) {
         opacity: 0.3;
-    } .tag.tag:hover:not(:disabled) {
+    } button.tag.tag:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
-    } .tag.tag:active:not(:disabled) {
+    } button.tag.tag:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
-    } .tag.tag.checked {
+    } button.tag.tag.checked {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
-    } .tag.tag.checked:hover:not(:disabled) {
+    } button.tag.tag.checked:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } .tag.tag.checked:active:not(:disabled) {
+    } button.tag.tag.checked:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/cssm/index.js

@@ -10,7 +10,7 @@ require('@alfalab/icons-glyph/ChevronForwardMIcon');
 require('./components/default-view/index.js');
 require('./components/tag/index.js');
 require('tslib');
-require('@alfalab/core-components-tag/cssm');
+require('@alfalab/core-components-tag/cssm/desktop');
 require('./components/tag/index.module.css');
 require('./components/default-view/index.module.css');
 require('./components/per-page-view/index.js');

package/esm/Component.js

@@ -6,9 +6,9 @@ import { DefaultView } from './components/default-view/index.js';
 import { PerPageView } from './components/per-page-view/index.js';
 import { Tag } from './components/tag/index.js';
 import 'tslib';
-import '@alfalab/core-components-tag/esm';
+import '@alfalab/core-components-tag/esm/desktop';
 
-var styles = {"component":"pagination__component_gdi2e","defaultView":"pagination__defaultView_gdi2e"};
+var styles = {"component":"pagination__component_ynqhf","defaultView":"pagination__defaultView_ynqhf"};
 require('./index.css')
 
 var Pagination = function (_a) {

package/esm/components/default-view/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lgn5 */
+/* hash: 16zr9 */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__dots_1x6os {
+} .pagination__dots_hcm4n {
     width: 32px;
     height: 32px;
     text-align: center;

package/esm/components/default-view/index.js

@@ -2,9 +2,9 @@ import React, { useCallback } from 'react';
 import { Tag } from '../tag/index.js';
 import 'tslib';
 import 'classnames';
-import '@alfalab/core-components-tag/esm';
+import '@alfalab/core-components-tag/esm/desktop';
 
-var styles = {"dots":"pagination__dots_1x6os"};
+var styles = {"dots":"pagination__dots_hcm4n"};
 require('./index.css')
 
 /* eslint-disable react/no-array-index-key */

package/esm/components/per-page-view/index.css

@@ -1,4 +1,4 @@
-/* hash: 19fqc */
+/* hash: dfv3v */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pagination__component_1f89s {
+} .pagination__component_12vfs {
     display: block;
     margin: 0 var(--gap-m);
 }

package/esm/components/per-page-view/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-var styles = {"component":"pagination__component_1f89s"};
+var styles = {"component":"pagination__component_12vfs"};
 require('./index.css')
 
 var PerPageView = function (_a) {

package/esm/components/tag/index.css

@@ -1,4 +1,4 @@
-/* hash: 13vx4 */
+/* hash: 1whx5 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-quaternary: #dcdcdd;
@@ -21,7 +21,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__tag_e3qeb.pagination__tag_e3qeb {
+} button.pagination__tag_11495.pagination__tag_11495 {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -31,19 +31,19 @@
     width: 32px;
     height: 32px;
     padding: 0
-} .pagination__tag_e3qeb.pagination__tag_e3qeb:disabled:not(.pagination__checked_e3qeb) {
+} button.pagination__tag_11495.pagination__tag_11495:disabled:not(.pagination__checked_11495) {
         opacity: 0.3;
-    } .pagination__tag_e3qeb.pagination__tag_e3qeb:hover:not(:disabled) {
+    } button.pagination__tag_11495.pagination__tag_11495:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
-    } .pagination__tag_e3qeb.pagination__tag_e3qeb:active:not(:disabled) {
+    } button.pagination__tag_11495.pagination__tag_11495:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
-    } .pagination__tag_e3qeb.pagination__tag_e3qeb.pagination__checked_e3qeb {
+    } button.pagination__tag_11495.pagination__tag_11495.pagination__checked_11495 {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_e3qeb.pagination__tag_e3qeb.pagination__checked_e3qeb:hover:not(:disabled) {
+    } button.pagination__tag_11495.pagination__tag_11495.pagination__checked_11495:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_e3qeb.pagination__tag_e3qeb.pagination__checked_e3qeb:active:not(:disabled) {
+    } button.pagination__tag_11495.pagination__tag_11495.pagination__checked_11495:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/esm/components/tag/index.d.ts

@@ -1,4 +1,85 @@
-import { FC } from 'react';
-import { TagProps } from "@alfalab/core-components-tag";
+/// <reference types="react" />
+import React from 'react';
+import { FC, ButtonHTMLAttributes, ReactNode, RefObject } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type NativeProps = ButtonHTMLAttributes<HTMLButtonElement>;
+type BaseTagProps = Omit<NativeProps, "onClick"> & {
+    /**
+     * Отображение кнопки в отмеченном (зажатом) состоянии
+     */
+    checked?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс для обёртки children
+     */
+    childrenClassName?: string;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Обработчик нажатия
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void;
+    /**
+     * ref на children
+     */
+    childrenRef?: RefObject<HTMLSpanElement>;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props shape и view
+     * Вариант тега
+     */
+    variant?: "default" | "alt";
+    /**
+     * Форма тега
+     */
+    shape?: "rounded" | "rectangular";
+    /**
+     * Стиль тега
+     */
+    view?: "outlined" | "filled";
+    /**
+     * Основные стили компонента.
+     */
+    styles?: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStylesMap?: StyleColors;
+};
+type TagDesktopProps = Omit<BaseTagProps, "styles">;
+type TagProps = TagDesktopProps;
 declare const Tag: FC<TagProps>;
 export { Tag };

package/esm/components/tag/index.js

@@ -1,15 +1,15 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
-import { Tag as Tag$1 } from '@alfalab/core-components-tag/esm';
+import { TagDesktop } from '@alfalab/core-components-tag/esm/desktop';
 
-var styles = {"tag":"pagination__tag_e3qeb","checked":"pagination__checked_e3qeb"};
+var styles = {"tag":"pagination__tag_11495","checked":"pagination__checked_11495"};
 require('./index.css')
 
 var Tag = function (_a) {
     var _b;
     var className = _a.className, checked = _a.checked, restProps = __rest(_a, ["className", "checked"]);
-    return (React.createElement(Tag$1, __assign({}, restProps, { checked: checked, size: 'xxs', className: cn(className, styles.tag, (_b = {}, _b[styles.checked] = checked, _b)) })));
+    return (React.createElement(TagDesktop, __assign({}, restProps, { checked: checked, size: 'xxs', className: cn(className, styles.tag, (_b = {}, _b[styles.checked] = checked, _b)) })));
 };
 
 export { Tag };