@consta/uikit 5.14.0 → 5.15.0

package/__internal__/src/components/Tabs/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Tabs';
-export * from './TabsTab/TabsTab';
+export * from './Tabs';
+export * from './TabsTab/TabsTab';

package/__internal__/src/components/Tabs/types.d.ts

@@ -1,140 +1,140 @@
-import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import React from 'react';
-import { AsAttributes, AsTags } from "../../utils/types/AsTags";
-import { PropsWithAsAttributes } from "../../utils/types/PropsWithAsAttributes";
-import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-export declare type TabDimensions = {
-    size: number;
-    gap: number;
-};
-export declare type TabsItemDefault = {
-    label: string | number;
-    leftIcon?: IconComponent;
-    rightIcon?: IconComponent;
-    rightSide?: React.ReactNode;
-    leftSide?: React.ReactNode;
-    disabled?: boolean;
-    as?: AsTags;
-    ref?: React.RefObject<HTMLElement>;
-    attributes?: AsAttributes;
-    /**
-     * @deprecated since version 4.11.0 use leftIcon
-     */
-    icon?: IconComponent;
-};
-export declare const tabsSizes: readonly ["m", "s", "xs"];
-export declare type TabsPropSize = typeof tabsSizes[number];
-export declare const tabsDefaultSize: TabsPropSize;
-export declare const tabsViews: readonly ["bordered", "clear"];
-export declare type TabsPropView = typeof tabsViews[number];
-export declare const tabsDefaultView: TabsPropView;
-export declare const tabsLinePositions: readonly ["bottom", "top", "left", "right"];
-export declare type TabsPropLinePosition = typeof tabsLinePositions[number];
-export declare const tabsDefaultLinePosition: TabsPropLinePosition;
-export declare const tabsFitModes: readonly ["scroll", "dropdown"];
-export declare type TabsPropFitMode = typeof tabsFitModes[number];
-export declare const tabsDefaultFitMode: TabsPropFitMode;
-export declare type TabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
-export declare type TabsPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type TabsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
-export declare type TabsPropGetItemSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
-export declare type TabsPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
-export declare type TabsPropGetItemAttributes<ITEM> = (item: ITEM) => TabsItemDefault['attributes'];
-export declare type TabsPropGetItemRef<ITEM> = (item: ITEM) => React.RefObject<HTMLElement> | undefined;
-export declare type TabsPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type TabsPropOnChange<ITEM> = (value: ITEM, props: {
-    e: React.MouseEvent | React.KeyboardEvent;
-}) => void;
-export declare type RenderItemProps<ITEM> = {
-    item: ITEM;
-    onChange: React.MouseEventHandler;
-    checked: boolean;
-    size: TabsPropSize;
-    iconSize?: IconPropSize;
-    onlyIcon?: boolean;
-    label: string;
-    tabRef?: React.RefObject<HTMLElement>;
-    renderInDropdown?: boolean;
-} & Omit<TabsItemDefault, 'label' | 'ref'>;
-export declare type RenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
-export declare type TabsFitModeWrapperProps<ITEM> = {
-    items: ITEM[];
-    tabsDimensions: TabDimensions[];
-    getItemLabel: TabsPropGetItemLabel<ITEM>;
-    getItemChecked: TabsPropGetItemChecked<ITEM>;
-    renderItem: (item: ITEM) => React.ReactNode;
-    renderItemsList: RenderItemsListProp;
-    onChange: TabsPropOnChange<ITEM>;
-    tabRefs: Array<React.RefObject<HTMLElement>>;
-    size: TabsPropSize;
-    withScrollButtons?: boolean;
-};
-export declare type TabsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
-    size?: TabsPropSize;
-    onlyIcon?: boolean;
-    view?: TabsPropView;
-    iconSize?: IconPropSize;
-    items: ITEM[];
-    value?: ITEM | null;
-    getItemLabel?: TabsPropGetItemLabel<ITEM>;
-    getItemLeftIcon?: TabsPropGetItemIcon<ITEM>;
-    getItemRightIcon?: TabsPropGetItemIcon<ITEM>;
-    getItemLeftSide?: TabsPropGetItemSide<ITEM>;
-    getItemRightSide?: TabsPropGetItemSide<ITEM>;
-    getItemDisabled?: TabsPropGetItemDisabled<ITEM>;
-    getItemAs?: TabsPropGetItemAs<ITEM>;
-    getItemAttributes?: TabsPropGetItemAttributes<ITEM>;
-    getItemRef?: TabsPropGetItemRef<ITEM>;
-    children?: never;
-    onChange: TabsPropOnChange<ITEM>;
-    renderItem?: RenderItem<ITEM>;
-    disabled?: boolean;
-    /**
-     * @deprecated since version 4.11.0 use getItemLeftIcon
-     */
-    getItemIcon?: TabsPropGetItemIcon<ITEM>;
-} & (({
-    linePosition?: Extract<TabsPropLinePosition, 'bottom' | 'top'>;
-} & ({
-    fitMode?: 'scroll';
-    withScrollButtons?: boolean;
-} | {
-    fitMode?: 'dropdown';
-    withScrollButtons?: never;
-})) | {
-    linePosition: Extract<TabsPropLinePosition, 'left' | 'right'>;
-    fitMode?: never;
-    withScrollButtons?: never;
-}), HTMLDivElement> & (ITEM extends {
-    label: TabsItemDefault['label'];
-} ? {} : {
-    getItemLabel: TabsPropGetItemLabel<ITEM>;
-});
-export declare type TabsComponent = <ITEM>(props: TabsProps<ITEM>) => React.ReactElement | null;
-export declare type TabsTabProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<{
-    onChange: React.MouseEventHandler;
-    checked: boolean;
-    size: TabsPropSize;
-    iconSize?: IconPropSize;
-    onlyIcon?: boolean;
-    className?: string;
-    label: string;
-    tabRef?: React.RefObject<HTMLElement>;
-    renderInDropdown?: boolean;
-} & Omit<TabsItemDefault, 'label' | 'ref' | 'attributes'>, AS>;
-export declare type TabsTabComponent = <AS extends AsTags = 'button'>(props: TabsTabProps<AS>) => React.ReactElement | null;
-export declare type TabsMoreItemsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
-    items: ITEM[];
-    renderItem: (item: ITEM, onClick: () => void, renderInDropdown?: boolean) => React.ReactNode;
-    getItemLabel: TabsPropGetItemLabel<ITEM>;
-    onChange: TabsPropOnChange<ITEM>;
-    height: number;
-    size: TabsPropSize;
-} & React.RefAttributes<HTMLDivElement>, HTMLDivElement>;
-export declare type TabsMoreItemsComponent = <ITEM>(props: TabsMoreItemsProps<ITEM>) => React.ReactElement | null;
-export declare type RenderItemsListProp = (props: {
-    visibleIndexes?: number[];
-    withRunningLine?: boolean;
-    getTabClassName?: (idx: number) => string | undefined;
-}) => React.ReactNode;
-export declare type TabsDirection = 'horizontal' | 'vertical';
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+import { AsAttributes, AsTags } from "../../utils/types/AsTags";
+import { PropsWithAsAttributes } from "../../utils/types/PropsWithAsAttributes";
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+export declare type TabDimensions = {
+    size: number;
+    gap: number;
+};
+export declare type TabsItemDefault = {
+    label: string | number;
+    leftIcon?: IconComponent;
+    rightIcon?: IconComponent;
+    rightSide?: React.ReactNode;
+    leftSide?: React.ReactNode;
+    disabled?: boolean;
+    as?: AsTags;
+    ref?: React.RefObject<HTMLElement>;
+    attributes?: AsAttributes;
+    /**
+     * @deprecated since version 4.11.0 use leftIcon
+     */
+    icon?: IconComponent;
+};
+export declare const tabsSizes: readonly ["m", "s", "xs"];
+export declare type TabsPropSize = typeof tabsSizes[number];
+export declare const tabsDefaultSize: TabsPropSize;
+export declare const tabsViews: readonly ["bordered", "clear"];
+export declare type TabsPropView = typeof tabsViews[number];
+export declare const tabsDefaultView: TabsPropView;
+export declare const tabsLinePositions: readonly ["bottom", "top", "left", "right"];
+export declare type TabsPropLinePosition = typeof tabsLinePositions[number];
+export declare const tabsDefaultLinePosition: TabsPropLinePosition;
+export declare const tabsFitModes: readonly ["scroll", "dropdown"];
+export declare type TabsPropFitMode = typeof tabsFitModes[number];
+export declare const tabsDefaultFitMode: TabsPropFitMode;
+export declare type TabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
+export declare type TabsPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type TabsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type TabsPropGetItemSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export declare type TabsPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
+export declare type TabsPropGetItemAttributes<ITEM> = (item: ITEM) => TabsItemDefault['attributes'];
+export declare type TabsPropGetItemRef<ITEM> = (item: ITEM) => React.RefObject<HTMLElement> | undefined;
+export declare type TabsPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type TabsPropOnChange<ITEM> = (value: ITEM, props: {
+    e: React.MouseEvent | React.KeyboardEvent;
+}) => void;
+export declare type RenderItemProps<ITEM> = {
+    item: ITEM;
+    onChange: React.MouseEventHandler;
+    checked: boolean;
+    size: TabsPropSize;
+    iconSize?: IconPropSize;
+    onlyIcon?: boolean;
+    label: string;
+    tabRef?: React.RefObject<HTMLElement>;
+    renderInDropdown?: boolean;
+} & Omit<TabsItemDefault, 'label' | 'ref'>;
+export declare type RenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
+export declare type TabsFitModeWrapperProps<ITEM> = {
+    items: ITEM[];
+    tabsDimensions: TabDimensions[];
+    getItemLabel: TabsPropGetItemLabel<ITEM>;
+    getItemChecked: TabsPropGetItemChecked<ITEM>;
+    renderItem: (item: ITEM) => React.ReactNode;
+    renderItemsList: RenderItemsListProp;
+    onChange: TabsPropOnChange<ITEM>;
+    tabRefs: Array<React.RefObject<HTMLElement>>;
+    size: TabsPropSize;
+    withScrollButtons?: boolean;
+};
+export declare type TabsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
+    size?: TabsPropSize;
+    onlyIcon?: boolean;
+    view?: TabsPropView;
+    iconSize?: IconPropSize;
+    items: ITEM[];
+    value?: ITEM | null;
+    getItemLabel?: TabsPropGetItemLabel<ITEM>;
+    getItemLeftIcon?: TabsPropGetItemIcon<ITEM>;
+    getItemRightIcon?: TabsPropGetItemIcon<ITEM>;
+    getItemLeftSide?: TabsPropGetItemSide<ITEM>;
+    getItemRightSide?: TabsPropGetItemSide<ITEM>;
+    getItemDisabled?: TabsPropGetItemDisabled<ITEM>;
+    getItemAs?: TabsPropGetItemAs<ITEM>;
+    getItemAttributes?: TabsPropGetItemAttributes<ITEM>;
+    getItemRef?: TabsPropGetItemRef<ITEM>;
+    children?: never;
+    onChange: TabsPropOnChange<ITEM>;
+    renderItem?: RenderItem<ITEM>;
+    disabled?: boolean;
+    /**
+     * @deprecated since version 4.11.0 use getItemLeftIcon
+     */
+    getItemIcon?: TabsPropGetItemIcon<ITEM>;
+} & (({
+    linePosition?: Extract<TabsPropLinePosition, 'bottom' | 'top'>;
+} & ({
+    fitMode?: 'scroll';
+    withScrollButtons?: boolean;
+} | {
+    fitMode?: 'dropdown';
+    withScrollButtons?: never;
+})) | {
+    linePosition: Extract<TabsPropLinePosition, 'left' | 'right'>;
+    fitMode?: never;
+    withScrollButtons?: never;
+}), HTMLDivElement> & (ITEM extends {
+    label: TabsItemDefault['label'];
+} ? {} : {
+    getItemLabel: TabsPropGetItemLabel<ITEM>;
+});
+export declare type TabsComponent = <ITEM>(props: TabsProps<ITEM>) => React.ReactElement | null;
+export declare type TabsTabProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<{
+    onChange: React.MouseEventHandler;
+    checked: boolean;
+    size: TabsPropSize;
+    iconSize?: IconPropSize;
+    onlyIcon?: boolean;
+    className?: string;
+    label: string;
+    tabRef?: React.RefObject<HTMLElement>;
+    renderInDropdown?: boolean;
+} & Omit<TabsItemDefault, 'label' | 'ref' | 'attributes'>, AS>;
+export declare type TabsTabComponent = <AS extends AsTags = 'button'>(props: TabsTabProps<AS>) => React.ReactElement | null;
+export declare type TabsMoreItemsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    renderItem: (item: ITEM, onClick: () => void, renderInDropdown?: boolean) => React.ReactNode;
+    getItemLabel: TabsPropGetItemLabel<ITEM>;
+    onChange: TabsPropOnChange<ITEM>;
+    height: number;
+    size: TabsPropSize;
+} & React.RefAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare type TabsMoreItemsComponent = <ITEM>(props: TabsMoreItemsProps<ITEM>) => React.ReactElement | null;
+export declare type RenderItemsListProp = (props: {
+    visibleIndexes?: number[];
+    withRunningLine?: boolean;
+    getTabClassName?: (idx: number) => string | undefined;
+}) => React.ReactNode;
+export declare type TabsDirection = 'horizontal' | 'vertical';

package/__internal__/src/components/Tag/Tag.d.ts

@@ -1,70 +1,70 @@
-import { IconComponent, IconProps } from '@consta/icons/Icon';
-import React from 'react';
-import { AsTagAttribute, AsTags } from "../../utils/types/AsTags";
-import { TagBase } from '../TagBase/TagBase';
-declare type TagBaseProps = React.ComponentProps<typeof TagBase>;
-export declare const tagPropMode: readonly ["button", "check", "cancel", "link", "info"];
-export declare const tagPropModeDefault: "button";
-declare type TagPropMode = typeof tagPropMode[number];
-declare type CommonProps = {
-    size?: TagBaseProps['size'];
-    label: TagBaseProps['label'];
-    group?: TagBaseProps['group'];
-    icon?: IconComponent;
-    iconSize?: IconProps['size'];
-    children?: never;
-};
-declare type PropsWithModeButton = CommonProps & {
-    mode?: 'button';
-    onClick: React.MouseEventHandler<HTMLButtonElement>;
-    checked?: never;
-    onChange?: never;
-    onCancel?: never;
-    cancelButtonTabIndex?: never;
-};
-declare type PropsWithModeLink = CommonProps & {
-    mode: 'link';
-    checked?: never;
-    onChange?: never;
-    onCancel?: never;
-    cancelButtonTabIndex?: never;
-};
-declare type PropsWithModeCheck = CommonProps & {
-    mode: 'check';
-    onChange: (checked: boolean, params: {
-        e?: React.MouseEvent;
-        checked: boolean;
-    }) => void;
-    checked: boolean;
-    onClick?: never;
-    onCancel?: never;
-    cancelButtonTabIndex?: never;
-};
-declare type PropsWithModeCancel = CommonProps & {
-    mode: 'cancel';
-    onCancel: React.MouseEventHandler<HTMLButtonElement>;
-    cancelButtonTabIndex?: number;
-    onClick?: never;
-    onChange?: never;
-    checked?: never;
-};
-declare type PropsWithModeInfo = CommonProps & {
-    mode: 'info';
-    onCancel?: never;
-    onClick?: never;
-    onChange?: never;
-    checked?: never;
-    cancelButtonTabIndex?: never;
-};
-declare type Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button' ? PropsWithModeButton & Omit<AsTagAttribute<'button'>, keyof PropsWithModeButton> : {} & ROLE extends 'check' ? PropsWithModeCheck & Omit<AsTagAttribute<'button'>, keyof PropsWithModeCheck> : {} & ROLE extends 'cancel' ? PropsWithModeCancel & Omit<AsTagAttribute<'span'>, keyof PropsWithModeCancel> : {} & ROLE extends 'link' ? PropsWithModeLink & Omit<AsTagAttribute<'a'>, keyof PropsWithModeLink> : {} & ROLE extends 'info' ? PropsWithModeInfo & Omit<AsTagAttribute<'span'>, keyof PropsWithModeInfo> : {};
-declare type TagComponent = <ROLE extends TagPropMode>(props: Props<ROLE> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
-export declare function getParams(mode: TagPropMode, checked?: PropsWithModeCheck['checked'], onClick?: React.MouseEventHandler, onChange?: PropsWithModeCheck['onChange'], onCancel?: PropsWithModeCancel['onCancel']): {
-    view?: TagBaseProps['view'];
-    onClick?: TagBaseProps['onClick'];
-    onCancel?: TagBaseProps['onCancel'];
-    withAction?: TagBaseProps['withAction'];
-    as: AsTags;
-};
-export declare const COMPONENT_NAME: "Tag";
-export declare const Tag: TagComponent;
-export {};
+import { IconComponent, IconProps } from '@consta/icons/Icon';
+import React from 'react';
+import { AsTagAttribute, AsTags } from "../../utils/types/AsTags";
+import { TagBase } from '../TagBase/TagBase';
+declare type TagBaseProps = React.ComponentProps<typeof TagBase>;
+export declare const tagPropMode: readonly ["button", "check", "cancel", "link", "info"];
+export declare const tagPropModeDefault: "button";
+declare type TagPropMode = typeof tagPropMode[number];
+declare type CommonProps = {
+    size?: TagBaseProps['size'];
+    label: TagBaseProps['label'];
+    group?: TagBaseProps['group'];
+    icon?: IconComponent;
+    iconSize?: IconProps['size'];
+    children?: never;
+};
+declare type PropsWithModeButton = CommonProps & {
+    mode?: 'button';
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    checked?: never;
+    onChange?: never;
+    onCancel?: never;
+    cancelButtonTabIndex?: never;
+};
+declare type PropsWithModeLink = CommonProps & {
+    mode: 'link';
+    checked?: never;
+    onChange?: never;
+    onCancel?: never;
+    cancelButtonTabIndex?: never;
+};
+declare type PropsWithModeCheck = CommonProps & {
+    mode: 'check';
+    onChange: (checked: boolean, params: {
+        e?: React.MouseEvent;
+        checked: boolean;
+    }) => void;
+    checked: boolean;
+    onClick?: never;
+    onCancel?: never;
+    cancelButtonTabIndex?: never;
+};
+declare type PropsWithModeCancel = CommonProps & {
+    mode: 'cancel';
+    onCancel: React.MouseEventHandler<HTMLButtonElement>;
+    cancelButtonTabIndex?: number;
+    onClick?: never;
+    onChange?: never;
+    checked?: never;
+};
+declare type PropsWithModeInfo = CommonProps & {
+    mode: 'info';
+    onCancel?: never;
+    onClick?: never;
+    onChange?: never;
+    checked?: never;
+    cancelButtonTabIndex?: never;
+};
+declare type Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button' ? PropsWithModeButton & Omit<AsTagAttribute<'button'>, keyof PropsWithModeButton> : {} & ROLE extends 'check' ? PropsWithModeCheck & Omit<AsTagAttribute<'button'>, keyof PropsWithModeCheck> : {} & ROLE extends 'cancel' ? PropsWithModeCancel & Omit<AsTagAttribute<'span'>, keyof PropsWithModeCancel> : {} & ROLE extends 'link' ? PropsWithModeLink & Omit<AsTagAttribute<'a'>, keyof PropsWithModeLink> : {} & ROLE extends 'info' ? PropsWithModeInfo & Omit<AsTagAttribute<'span'>, keyof PropsWithModeInfo> : {};
+declare type TagComponent = <ROLE extends TagPropMode>(props: Props<ROLE> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+export declare function getParams(mode: TagPropMode, checked?: PropsWithModeCheck['checked'], onClick?: React.MouseEventHandler, onChange?: PropsWithModeCheck['onChange'], onCancel?: PropsWithModeCancel['onCancel']): {
+    view?: TagBaseProps['view'];
+    onClick?: TagBaseProps['onClick'];
+    onCancel?: TagBaseProps['onCancel'];
+    withAction?: TagBaseProps['withAction'];
+    as: AsTags;
+};
+export declare const COMPONENT_NAME: "Tag";
+export declare const Tag: TagComponent;
+export {};

package/__internal__/src/components/Tag/index.d.ts

@@ -1 +1 @@
-export * from './Tag';
+export * from './Tag';

package/__internal__/src/components/TagBase/TagBase.css

@@ -1 +1 @@
-.TagBase{--tag-base-typo-color:var(--color-control-typo-ghost);--tag-base-half-space:calc(var(--tag-base-spaсe)/2);background:var(--tag-base-bg-color);border:none;border-radius:var(--control-radius);box-shadow:inset 0 0 0 1px var(--tag-base-border-color);color:var(--tag-base-typo-color);display:inline-flex;font-family:var(--font--primary);font-size:var(--tag-base-font-size);height:var(--tag-base-height);line-height:var(--tag-base-height);overflow:hidden;padding-bottom:0;padding-left:var(--tag-base-spaсe);padding-right:var(--tag-base-spaсe);padding-top:0;position:relative;text-decoration:none;transition:box-shadow .15s ease,background .15s ease,color .15s ease}.TagBase:focus,.TagBase:focus:hover{outline:none}.TagBase_view_stroked{--tag-base-border-color:var(--color-control-bg-border-default);--tag-base-bg-color:var(--color-bg-default)}.TagBase_view_filled{--tag-base-border-color:transparent;--tag-base-bg-color:var(--color-control-bg-ghost)}.TagBase_withAction{cursor:pointer}.TagBase_withAction.TagBase_view_stroked:hover{--tag-base-border-color:var(--color-control-bg-border-default-hover)}.TagBase_withAction.TagBase_view_filled:hover{--tag-base-bg-color:var(--color-control-bg-ghost-hover);--tag-base-border-color:transparent}.TagBase_size_xs{--tag-base-height:var(--space-l);--tag-base-spaсe:var(--space-2xs);--tag-base-font-size:var(--size-text-2xs)}.TagBase_size_s{--tag-base-height:var(--space-xl);--tag-base-spaсe:var(--space-xs);--tag-base-font-size:var(--size-text-xs)}.TagBase_size_m{--tag-base-height:calc(var(--space-2xl) - var(--space-2xs));--tag-base-spaсe:var(--space-xs);--tag-base-font-size:var(--size-text-s)}.TagBase_size_l{--tag-base-height:var(--space-2xl);--tag-base-spaсe:var(--space-s);--tag-base-font-size:var(--size-text-m)}.TagBase_withCancel{padding-right:0}.TagBase_withIcon{padding-left:0}.TagBase[class*=TagBase_group]:before{background:var(--tag-base-group-color);content:"";height:100%;left:0;position:absolute;top:0;width:2px}.TagBase_group_1{--tag-base-group-color:#e92064}.TagBase_group_2{--tag-base-group-color:#b92eff}.TagBase_group_3{--tag-base-group-color:#1160ff}.TagBase_group_4{--tag-base-group-color:#0fafff}.TagBase_group_5{--tag-base-group-color:#02e2ff}.TagBase_group_6{--tag-base-group-color:#0c6}.TagBase_group_7{--tag-base-group-color:#b4d50b}.TagBase_group_8{--tag-base-group-color:#f5b800}.TagBase_group_9{--tag-base-group-color:#f56600}.TagBase-CancelButton{align-items:center;background:transparent;border:none;color:var(--color-control-typo-ghost);cursor:pointer;display:inline-flex;height:var(--tag-base-height);opacity:.4;outline:none;padding:0 var(--tag-base-half-space) 0 var(--tag-base-half-space);transition:opacity .15s ease}.TagBase-CancelButton:hover{background:transparent;opacity:1;outline:none}.TagBase-Label{height:var(--tag-base-height);line-height:var(--tag-base-height)}.TagBase-IconWrapper{align-items:center;display:inline-flex;height:var(--tag-base-height);padding:0 var(--tag-base-half-space) 0 var(--tag-base-half-space)}
+.TagBase{--tag-base-typo-color:var(--color-control-typo-ghost);--tag-base-half-space:calc(var(--tag-base-space)/2);background:var(--tag-base-bg-color);border:none;border-radius:var(--control-radius);box-shadow:inset 0 0 0 1px var(--tag-base-border-color);color:var(--tag-base-typo-color);display:inline-flex;font-family:var(--font--primary);font-size:var(--tag-base-font-size);height:var(--tag-base-height);line-height:var(--tag-base-height);overflow:hidden;padding-bottom:0;padding-left:var(--tag-base-space);padding-right:var(--tag-base-space);padding-top:0;position:relative;text-decoration:none;transition:box-shadow .15s ease,background .15s ease,color .15s ease}.TagBase:focus,.TagBase:focus:hover{outline:none}.TagBase_view_stroked{--tag-base-border-color:var(--color-control-bg-border-default);--tag-base-bg-color:var(--color-bg-default)}.TagBase_view_filled{--tag-base-border-color:transparent;--tag-base-bg-color:var(--color-control-bg-ghost)}.TagBase_withAction{cursor:pointer}.TagBase_withAction.TagBase_view_stroked:hover{--tag-base-border-color:var(--color-control-bg-border-default-hover)}.TagBase_withAction.TagBase_view_filled:hover{--tag-base-bg-color:var(--color-control-bg-ghost-hover);--tag-base-border-color:transparent}.TagBase_size_xs{--tag-base-height:var(--space-l);--tag-base-space:var(--space-2xs);--tag-base-font-size:var(--size-text-2xs)}.TagBase_size_s{--tag-base-height:var(--space-xl);--tag-base-space:var(--space-xs);--tag-base-font-size:var(--size-text-xs)}.TagBase_size_m{--tag-base-height:calc(var(--space-2xl) - var(--space-2xs));--tag-base-space:var(--space-xs);--tag-base-font-size:var(--size-text-s)}.TagBase_size_l{--tag-base-height:var(--space-2xl);--tag-base-space:var(--space-s);--tag-base-font-size:var(--size-text-m)}.TagBase_withCancel{padding-right:0}.TagBase_withIcon{padding-left:0}.TagBase[class*=TagBase_group]:before{background:var(--tag-base-group-color);content:"";height:100%;left:0;position:absolute;top:0;width:2px}.TagBase_group_1{--tag-base-group-color:#e92064}.TagBase_group_2{--tag-base-group-color:#b92eff}.TagBase_group_3{--tag-base-group-color:#1160ff}.TagBase_group_4{--tag-base-group-color:#0fafff}.TagBase_group_5{--tag-base-group-color:#02e2ff}.TagBase_group_6{--tag-base-group-color:#0c6}.TagBase_group_7{--tag-base-group-color:#b4d50b}.TagBase_group_8{--tag-base-group-color:#f5b800}.TagBase_group_9{--tag-base-group-color:#f56600}.TagBase-CancelButton{align-items:center;background:transparent;border:none;color:var(--color-control-typo-ghost);cursor:pointer;display:inline-flex;height:var(--tag-base-height);opacity:.4;outline:none;padding:0 var(--tag-base-half-space) 0 var(--tag-base-half-space);transition:opacity .15s ease}.TagBase-CancelButton:hover{background:transparent;opacity:1;outline:none}.TagBase-Label{height:var(--tag-base-height);line-height:var(--tag-base-height)}.TagBase-IconWrapper{align-items:center;display:inline-flex;height:var(--tag-base-height);padding:0 var(--tag-base-half-space) 0 var(--tag-base-half-space)}

package/__internal__/src/components/TagBase/TagBase.d.ts

@@ -1,27 +1,27 @@
-import './TagBase.css';
-import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import React from 'react';
-export declare const tagBasePropSize: readonly ["m", "xs", "s", "l"];
-export declare const tagBasePropSizeDefault: "m";
-export declare type TagBasePropSize = typeof tagBasePropSize[number];
-export declare const tagBasePropGroupNumberValue: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9];
-export declare const tagBasePropGroupStringValue: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-export declare const tagBasePropGroup: ("1" | 1 | 4 | 2 | 3 | 5 | 9 | "2" | 7 | "3" | 8 | "4" | "5" | "6" | "7" | "8" | 6 | "9")[];
-export declare type TagBasePropGroup = typeof tagBasePropGroup[number];
-export declare const tagBasePropView: readonly ["stroked", "filled"];
-export declare const tagBasePropViewDefault: "stroked";
-export declare type TagBasePropView = typeof tagBasePropView[number];
-export declare type Props = {
-    size?: TagBasePropSize;
-    label: string;
-    children?: never;
-    view?: TagBasePropView;
-    group?: TagBasePropGroup;
-    onCancel?: React.MouseEventHandler<HTMLButtonElement>;
-    icon?: IconComponent;
-    iconSize?: IconPropSize;
-    withAction?: boolean;
-    cancelButtonTabIndex?: number;
-};
-export declare const cnTagBase: import("@bem-react/classname").ClassNameFormatter;
-export declare const TagBase: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;
+import './TagBase.css';
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+export declare const tagBasePropSize: readonly ["m", "xs", "s", "l"];
+export declare const tagBasePropSizeDefault: "m";
+export declare type TagBasePropSize = typeof tagBasePropSize[number];
+export declare const tagBasePropGroupNumberValue: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9];
+export declare const tagBasePropGroupStringValue: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+export declare const tagBasePropGroup: ("1" | 1 | 4 | 2 | 3 | 5 | 9 | "2" | 7 | "3" | 8 | "4" | "5" | "6" | "7" | "8" | 6 | "9")[];
+export declare type TagBasePropGroup = typeof tagBasePropGroup[number];
+export declare const tagBasePropView: readonly ["stroked", "filled"];
+export declare const tagBasePropViewDefault: "stroked";
+export declare type TagBasePropView = typeof tagBasePropView[number];
+export declare type Props = {
+    size?: TagBasePropSize;
+    label: string;
+    children?: never;
+    view?: TagBasePropView;
+    group?: TagBasePropGroup;
+    onCancel?: React.MouseEventHandler<HTMLButtonElement>;
+    icon?: IconComponent;
+    iconSize?: IconPropSize;
+    withAction?: boolean;
+    cancelButtonTabIndex?: number;
+};
+export declare const cnTagBase: import("@bem-react/classname").ClassNameFormatter;
+export declare const TagBase: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;

package/__internal__/src/components/TagBase/index.d.ts

@@ -1 +1 @@
-export * from './TagBase';
+export * from './TagBase';

package/__internal__/src/components/Text/Text.d.ts

@@ -1,48 +1,48 @@
-import './Text.css';
-export declare const textPropAlign: readonly ["left", "center", "right"];
-export declare type TextPropAlign = typeof textPropAlign[number];
-export declare const textPropDisplay: readonly ["block", "inlineBlock", "inline"];
-export declare type TextPropDisplay = typeof textPropDisplay[number];
-export declare const textPropFont: readonly ["primary", "mono"];
-export declare type TextPropFont = typeof textPropFont[number];
-export declare const textPropCursor: readonly ["pointer"];
-export declare type TextPropCursor = typeof textPropCursor[number];
-export declare const textPropDecoration: readonly ["underline"];
-export declare type TextPropDecoration = typeof textPropDecoration[number];
-export declare const textPropLineHeight: readonly ["2xs", "xs", "s", "m", "l"];
-export declare type TextPropLineHeight = typeof textPropLineHeight[number];
-export declare const textPropLineHeightDefault: TextPropLineHeight;
-export declare const textPropSize: readonly ["m", "2xs", "xs", "s", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
-export declare type TextPropSize = typeof textPropSize[number];
-export declare const textPropSizeDefault: TextPropSize;
-export declare const textPropSpacing: readonly ["xs", "s", "m", "l"];
-export declare type TextPropSpacing = typeof textPropSpacing[number];
-export declare const textPropView: readonly ["primary", "secondary", "brand", "ghost", "link", "linkMinor", "system", "normal", "success", "warning", "alert", "caution", "critical"];
-export declare type TextPropView = typeof textPropView[number];
-export declare const textPropViewDefault: TextPropView;
-export declare const textPropWeight: readonly ["thin", "extralight", "light", "regular", "medium", "semibold", "bold", "extrabold", "black"];
-export declare type TextPropWeight = typeof textPropWeight[number];
-export declare const textPropFontStyle: readonly ["italic"];
-export declare type TextPropFontStyle = typeof textPropFontStyle[number];
-export declare const textPropTransform: readonly ["uppercase"];
-export declare type TextPropTransform = typeof textPropTransform[number];
-export declare const textPropWidth: readonly ["default"];
-export declare type TextPropWidth = typeof textPropWidth[number];
-export declare type TextProps = {
-    align?: TextPropAlign;
-    cursor?: TextPropCursor;
-    decoration?: TextPropDecoration;
-    display?: TextPropDisplay;
-    font?: TextPropFont;
-    lineHeight?: TextPropLineHeight;
-    size?: TextPropSize;
-    spacing?: TextPropSpacing;
-    fontStyle?: TextPropFontStyle;
-    transform?: TextPropTransform;
-    view?: TextPropView;
-    weight?: TextPropWeight;
-    width?: TextPropWidth;
-    truncate?: boolean;
-};
-export declare const cnText: import("@bem-react/classname").ClassNameFormatter;
-export declare const Text: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<TextProps, "div">;
+import './Text.css';
+export declare const textPropAlign: readonly ["left", "center", "right"];
+export declare type TextPropAlign = typeof textPropAlign[number];
+export declare const textPropDisplay: readonly ["block", "inlineBlock", "inline"];
+export declare type TextPropDisplay = typeof textPropDisplay[number];
+export declare const textPropFont: readonly ["primary", "mono"];
+export declare type TextPropFont = typeof textPropFont[number];
+export declare const textPropCursor: readonly ["pointer"];
+export declare type TextPropCursor = typeof textPropCursor[number];
+export declare const textPropDecoration: readonly ["underline"];
+export declare type TextPropDecoration = typeof textPropDecoration[number];
+export declare const textPropLineHeight: readonly ["2xs", "xs", "s", "m", "l"];
+export declare type TextPropLineHeight = typeof textPropLineHeight[number];
+export declare const textPropLineHeightDefault: TextPropLineHeight;
+export declare const textPropSize: readonly ["m", "2xs", "xs", "s", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export declare type TextPropSize = typeof textPropSize[number];
+export declare const textPropSizeDefault: TextPropSize;
+export declare const textPropSpacing: readonly ["xs", "s", "m", "l"];
+export declare type TextPropSpacing = typeof textPropSpacing[number];
+export declare const textPropView: readonly ["primary", "secondary", "brand", "ghost", "link", "linkMinor", "system", "normal", "success", "warning", "alert", "caution", "critical"];
+export declare type TextPropView = typeof textPropView[number];
+export declare const textPropViewDefault: TextPropView;
+export declare const textPropWeight: readonly ["thin", "extralight", "light", "regular", "medium", "semibold", "bold", "extrabold", "black"];
+export declare type TextPropWeight = typeof textPropWeight[number];
+export declare const textPropFontStyle: readonly ["italic"];
+export declare type TextPropFontStyle = typeof textPropFontStyle[number];
+export declare const textPropTransform: readonly ["uppercase"];
+export declare type TextPropTransform = typeof textPropTransform[number];
+export declare const textPropWidth: readonly ["default"];
+export declare type TextPropWidth = typeof textPropWidth[number];
+export declare type TextProps = {
+    align?: TextPropAlign;
+    cursor?: TextPropCursor;
+    decoration?: TextPropDecoration;
+    display?: TextPropDisplay;
+    font?: TextPropFont;
+    lineHeight?: TextPropLineHeight;
+    size?: TextPropSize;
+    spacing?: TextPropSpacing;
+    fontStyle?: TextPropFontStyle;
+    transform?: TextPropTransform;
+    view?: TextPropView;
+    weight?: TextPropWeight;
+    width?: TextPropWidth;
+    truncate?: boolean;
+};
+export declare const cnText: import("@bem-react/classname").ClassNameFormatter;
+export declare const Text: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<TextProps, "div">;

package/__internal__/src/components/Text/index.d.ts

@@ -1 +1 @@
-export * from './Text';
+export * from './Text';