@salutejs/plasma-new-hope 0.162.3-canary.1374.11254951530.0 → 0.163.0-canary.1466.11254522155.0

package/types/components/Tabs/createTabsController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTabsController.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/createTabsController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC5D,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,sBAAsB,CAAC,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC,SAAS,mBAAmB,EACxF,aAAa,EAAE,yBAAyB,CAAC,mBAAmB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,EAC7F,aAAa,EAAE,yBAAyB,CAAC,sBAAsB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,sFAwBnG"}
+{"version":3,"file":"createTabsController.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/createTabsController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAE5C,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IAClD,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,YAAY,CAAC,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC,SAAS,mBAAmB,EACxF,aAAa,EAAE,yBAAyB,CAAC,SAAS,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,EACnF,aAAa,EAAE,yBAAyB,CAAC,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,sFAwBzF"}

package/types/components/Tabs/index.d.ts

@@ -1,11 +1,9 @@
-export { horizontalTabsRoot, horizontalTabsConfig } from './ui/horizontal/HorizontalTabs/HorizontalTabs';
-export { horizontalTabItemRoot, horizontalTabItemConfig } from './ui/horizontal/HorizontalTabItem/HorizontalTabItem';
-export { verticalTabsRoot, verticalTabsConfig } from './ui/vertical/VerticalTabs/VerticalTabs';
-export { verticalTabItemRoot, verticalTabItemConfig } from './ui/vertical/VerticalTabItem/VerticalTabItem';
+export { tabsRoot, tabsConfig } from './ui/Tabs/Tabs';
+export { tabItemRoot, tabItemConfig } from './ui/TabItem/TabItem';
 export { tokens as tabsTokens } from './tokens';
 export { TabItemRefs, TabsContext } from './TabsContext';
 export { createTabsController } from './createTabsController';
 export type { TabsControllerProps } from './createTabsController';
-export type { HorizontalTabsProps } from './Tabs.types';
-export type { HorizontalTabItemProps } from './TabItem.types';
+export type { TabsProps } from './ui/Tabs/Tabs.types';
+export type { TabItemProps } from './ui/TabItem/TabItem.types';
 //# sourceMappingURL=index.d.ts.map

package/types/components/Tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACzG,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAC;AACrH,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC/F,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AAC3G,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC"}

package/types/components/Tabs/tokens.d.ts

@@ -3,7 +3,6 @@ export declare const classes: {
     tabsPilled: string;
     tabsGroupFilledBackground: string;
     tabsStretch: string;
-    tabsNoDivider: string;
     tabItemDivider: string;
     tabItemAnimated: string;
     tabContent: string;
@@ -11,23 +10,18 @@ export declare const classes: {
     tabLeftContent: string;
     tabsHasLeftArrow: string;
     tabsHasRightArrow: string;
-    tabsHasTopArrow: string;
-    tabsHasBottomArrow: string;
     tabsClipScroll: string;
     tabsClipShowAll: string;
 };
 export declare const tokens: {
     disabledOpacity: string;
     containerWidth: string;
-    containerHeight: string;
     cursor: string;
     color: string;
     colorHover: string;
-    tabsDividerWidth: string;
     tabsDividerHeight: string;
     tabsDividerColor: string;
     tabsDividerBorderRadius: string;
-    itemSelectedDividerWidth: string;
     itemSelectedDividerHeight: string;
     itemSelectedDividerColor: string;
     itemSelectedDividerColorHover: string;
@@ -47,7 +41,6 @@ export declare const tokens: {
     itemPadding: string;
     itemPaddingClear: string;
     itemPaddingPilled: string;
-    itemPaddingOrientationVertical: string;
     itemMarginLeft: string;
     itemMarginLeftFilled: string;
     itemContentGap: string;
@@ -57,20 +50,19 @@ export declare const tokens: {
     arrowOuterPadding: string;
     arrowViewOuterPadding: string;
     itemColor: string;
-    itemValueColor: string;
     itemBackgroundColor: string;
     itemColorHover: string;
-    itemValueColorHover: string;
     itemColorActive: string;
-    itemValueColorActive: string;
     itemBackgroundColorHover: string;
     itemSelectedColor: string;
-    itemSelectedValueColor: string;
     itemSelectedBackgroundColor: string;
     itemSelectedColorHover: string;
-    itemSelectedValueColorHover: string;
     itemSelectedBackgroundColorHover: string;
     itemBackgroundTransition: string;
+    additionalContentColor: string;
+    additionalContentHoverColor: string;
+    additionalContentSelectedColor: string;
+    additionalContentSelectedHoverColor: string;
     fontFamily: string;
     fontSize: string;
     fontStyle: string;

package/types/components/Tabs/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwElB,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAcnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoElB,CAAC"}

package/types/components/Tabs/ui/TabItem/TabItem.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { RootProps } from '../../../../engines';
+import { TabItemProps } from './TabItem.types';
+export declare const tabItemRoot: (Root: RootProps<HTMLDivElement, TabItemProps>) => React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & import("../../../../types").AsProps<any> & import("./TabItem.types").CustomTabItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const tabItemConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, TabItemProps>) => React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & import("../../../../types").AsProps<any> & import("./TabItem.types").CustomTabItemProps & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        disabled: {
+            css: import("@linaria/core").LinariaClassName;
+            attrs: boolean;
+        };
+        pilled: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+    };
+};
+//# sourceMappingURL=TabItem.d.ts.map

package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/TabItem/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAShD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,mNAuGnE,CAAC;AAEP,eAAO,MAAM,aAAa;;;mBAzGQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;CAgIxE,CAAC"}

package/types/components/Tabs/ui/{vertical/VerticalTabItem/VerticalTabItem.styles.d.ts → TabItem/TabItem.styles.d.ts}

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 export declare const base: import("@linaria/core").LinariaClassName;
 export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const TabItemValue: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 export declare const RightContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const LeftContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-//# sourceMappingURL=VerticalTabItem.styles.d.ts.map
+//# sourceMappingURL=TabItem.styles.d.ts.map

package/types/components/Tabs/ui/TabItem/TabItem.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/TabItem/TabItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAqChB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAOvB,CAAC"}

package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts

@@ -0,0 +1,54 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+import { AsProps } from '../../../../types';
+export declare type CustomTabItemProps = {
+    /**
+     * Активен ли TabItem
+     * @deprecated Используйте свойство `selected`
+     */
+    isActive?: boolean;
+    /**
+     * Выбран ли TabItem
+     */
+    selected?: boolean;
+    /**
+     * Скрыт ли TabItem
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * TabItem c округлым border-radius
+     * @default false
+     */
+    pilled?: boolean;
+    /**
+     * Фон TabItem меняется с анимацией
+     * @default true
+     */
+    animated?: boolean;
+    /**
+     * Контент слева
+     */
+    contentLeft?: ReactNode;
+    /**
+     * Контент справа
+     */
+    contentRight?: ReactNode;
+    /**
+     * Callback, необходимый для клавиатурной навигации
+     */
+    onIndexChange?: (index: number) => void;
+    /**
+     * Индекс TabItem внутри Tabs - необходим для клавиатурной навигации
+     */
+    itemIndex?: number;
+    /**
+     * Размер TabItem
+     */
+    size?: string;
+    /**
+     * Вид TabItem
+     */
+    view?: string;
+};
+export declare type TabItemProps = ButtonHTMLAttributes<HTMLButtonElement> & AsProps & CustomTabItemProps;
+//# sourceMappingURL=TabItem.types.d.ts.map

package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/TabItem/TabItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,oBAAY,kBAAkB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,OAAO,GAAG,kBAAkB,CAAC"}

package/types/components/Tabs/ui/TabItem/variations/_disabled/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Tabs/ui/TabItem/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAchB,CAAC"}

package/types/components/Tabs/ui/TabItem/variations/_pilled/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Tabs/ui/TabItem/variations/_pilled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAOhB,CAAC"}

package/types/components/Tabs/ui/TabItem/variations/_size/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Tabs/ui/TabItem/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAahB,CAAC"}

package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Tabs/ui/TabItem/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAuDhB,CAAC"}

package/types/components/Tabs/ui/Tabs/Tabs.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { RootProps } from '../../../../engines/types';
+import type { TabsProps } from './Tabs.types';
+export declare const tabsRoot: (Root: RootProps<HTMLDivElement, TabsProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("../../../../types").AsProps<any> & import("./Tabs.types").CustomTabsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const tabsConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, TabsProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("../../../../types").AsProps<any> & import("./Tabs.types").CustomTabsProps & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        disabled: {
+            css: import("@linaria/core").LinariaClassName;
+            attrs: boolean;
+        };
+        stretch: {
+            css: import("@linaria/core").LinariaClassName;
+            attrs: boolean;
+        };
+        pilled: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+    };
+};
+//# sourceMappingURL=Tabs.d.ts.map

package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuF,MAAM,OAAO,CAAC;AAI5G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAY3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC,oMA6M7D,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBA/MQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CA2OlE,CAAC"}

package/types/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts → Tabs/Tabs.styles.d.ts}

@@ -6,4 +6,4 @@ export declare const StyledArrow: import("@linaria/react").StyledComponent<impor
     isLeftArrow?: boolean | undefined;
     isFilled?: boolean | undefined;
 }>;
-//# sourceMappingURL=HorizontalTabs.styles.d.ts.map
+//# sourceMappingURL=Tabs.styles.d.ts.map

package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAKhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKA0BhC,CAAC;AAEF,eAAO,MAAM,WAAW;;;EAyBvB,CAAC"}

package/types/components/Tabs/{Tabs.types.d.ts → ui/Tabs/Tabs.types.d.ts}

@@ -1,6 +1,6 @@
 import type { HTMLAttributes } from 'react';
-import type { AsProps } from '../../types';
-export interface BaseTabsProps extends HTMLAttributes<HTMLDivElement>, AsProps {
+import type { AsProps } from '../../../../types';
+export declare type CustomTabsProps = {
     /**
      * Как ведет себя компонент при ограничении ширины
      * @default 'scroll'
@@ -14,16 +14,6 @@ export interface BaseTabsProps extends HTMLAttributes<HTMLDivElement>, AsProps {
      * @default false
      */
     disabled?: boolean;
-    /**
-     * Индекс активного элемента, необходим для клавиатурной навигации
-     */
-    index?: number;
-}
-export declare type CustomHorizontalTabsProps = {
-    /**
-     * Расположение табов
-     */
-    orientation?: 'horizontal';
     /**
      * Табы растянуты на доступную область
      * @default false
@@ -34,14 +24,18 @@ export declare type CustomHorizontalTabsProps = {
      * @default false
      */
     pilled?: boolean;
+    /**
+     * Размер табов
+     */
+    size?: string;
     /**
      * Вид табов
      */
     view?: string;
     /**
-     * Размер табов
+     * Индекс активного элемента, необходим для клавиатурной навигации
      */
-    size?: string;
+    index?: number;
     /**
      * Уберет скругление с выбранной стороны и подвинет контейнер
      * @deprecated
@@ -51,26 +45,5 @@ export declare type CustomHorizontalTabsProps = {
         right?: string;
     };
 };
-export declare type CustomVerticalTabsProps = {
-    /**
-     * Расположение табов
-     */
-    orientation: 'vertical';
-    /**
-     * Наличие divider
-     * @default true
-     */
-    hasDivider?: boolean;
-    /**
-     * Вид табов
-     */
-    view?: string;
-    /**
-     * Размер табов
-     */
-    size?: string;
-};
-export declare type HorizontalTabsProps = BaseTabsProps & CustomHorizontalTabsProps;
-export declare type VerticalTabsProps = BaseTabsProps & CustomVerticalTabsProps;
-export declare type TabsProps = HorizontalTabsProps | VerticalTabsProps;
+export declare type TabsProps = HTMLAttributes<HTMLDivElement> & AsProps & CustomTabsProps;
 //# sourceMappingURL=Tabs.types.d.ts.map

package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,oBAAY,eAAe,GAAG;IAC1B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/D,CAAC;AAEF,oBAAY,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,GAAG,eAAe,CAAC"}

package/types/components/Tabs/ui/Tabs/variations/_disabled/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Tabs/ui/Tabs/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAEhB,CAAC"}

package/types/components/Tabs/ui/Tabs/variations/_pilled/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Tabs/ui/Tabs/variations/_pilled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAKhB,CAAC"}

package/types/components/Tabs/ui/Tabs/variations/_size/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Tabs/ui/Tabs/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAMhB,CAAC"}

package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Tabs/ui/Tabs/variations/_stretch/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAShB,CAAC"}

package/types/components/Tabs/ui/Tabs/variations/_view/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Tabs/ui/Tabs/variations/_view/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAyBhB,CAAC"}

package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts

@@ -17,6 +17,7 @@ export declare const config: {
             l: import("@linaria/core").LinariaClassName;
             m: import("@linaria/core").LinariaClassName;
             s: import("@linaria/core").LinariaClassName;
+            xs: import("@linaria/core").LinariaClassName;
         };
         pilled: {
             true: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Badge/Badge.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IlB,CAAC"}
+{"version":3,"file":"Badge.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Badge/Badge.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiKlB,CAAC"}

package/types/examples/plasma_b2c/components/Badge/Badge.d.ts

@@ -13,6 +13,7 @@ export declare const Badge: import("react").FunctionComponent<import("../../../.
         l: import("@linaria/core").LinariaClassName;
         m: import("@linaria/core").LinariaClassName;
         s: import("@linaria/core").LinariaClassName;
+        xs: import("@linaria/core").LinariaClassName;
     };
     pilled: {
         true: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Badge/Badge.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Badge/Badge.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}

package/types/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts → plasma_b2c/components/Tabs/TabItem.config.d.ts}

@@ -29,4 +29,4 @@ export declare const config: {
         };
     };
 };
-//# sourceMappingURL=HorizontalTabItem.config.d.ts.map
+//# sourceMappingURL=TabItem.config.d.ts.map

package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/TabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6QlB,CAAC"}

package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentProps } from 'react';
-declare const HorizontalTabItem: React.FunctionComponent<import("../../../../engines/types").PropsType<{
+/// <reference types="react" />
+export declare const TabItem: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
     view: {
         clear: import("@linaria/core").LinariaClassName;
         secondary: import("@linaria/core").LinariaClassName;
@@ -23,56 +23,5 @@ declare const HorizontalTabItem: React.FunctionComponent<import("../../../../eng
     pilled: {
         true: import("@linaria/core").LinariaClassName;
     };
-}> & ((import("../../../../components/Tabs/TabItem.types").BaseTabItemProps & {
-    orientation?: "horizontal" | undefined;
-    pilled?: boolean | undefined;
-    animated?: boolean | undefined;
-    view?: string | undefined;
-    size?: string | undefined;
-    isActive?: boolean | undefined;
-} & {
-    value?: string | number | undefined;
-    contentRight?: undefined;
-} & React.RefAttributes<HTMLDivElement>) | (import("../../../../components/Tabs/TabItem.types").BaseTabItemProps & {
-    orientation?: "horizontal" | undefined;
-    pilled?: boolean | undefined;
-    animated?: boolean | undefined;
-    view?: string | undefined;
-    size?: string | undefined;
-    isActive?: boolean | undefined;
-} & {
-    value?: undefined;
-    contentRight?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>))>;
-declare const VerticalTabItem: React.FunctionComponent<import("../../../../engines/types").PropsType<{
-    view: {
-        divider: import("@linaria/core").LinariaClassName;
-    };
-    size: {
-        xs: import("@linaria/core").LinariaClassName;
-        s: import("@linaria/core").LinariaClassName;
-        m: import("@linaria/core").LinariaClassName;
-        l: import("@linaria/core").LinariaClassName;
-    };
-    disabled: {
-        true: import("@linaria/core").LinariaClassName;
-    };
-}> & ((import("../../../../components/Tabs/TabItem.types").BaseTabItemProps & {
-    orientation: "vertical";
-    view?: string | undefined;
-    size?: string | undefined;
-} & {
-    value?: string | number | undefined;
-    contentRight?: undefined;
-} & React.RefAttributes<HTMLButtonElement>) | (import("../../../../components/Tabs/TabItem.types").BaseTabItemProps & {
-    orientation: "vertical";
-    view?: string | undefined;
-    size?: string | undefined;
-} & {
-    value?: undefined;
-    contentRight?: React.ReactNode;
-} & React.RefAttributes<HTMLButtonElement>))>;
-declare type TabItemProps = ComponentProps<typeof HorizontalTabItem> | ComponentProps<typeof VerticalTabItem>;
-export declare const TabItem: (props: TabItemProps) => JSX.Element;
-export {};
+}> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("../../../../types").AsProps<any> & import("../../../../components/Tabs/ui/TabItem/TabItem.types").CustomTabItemProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=TabItem.d.ts.map

package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS9C,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAA2C,CAAC;AAGnE,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAAyC,CAAC;AAE/D,aAAK,YAAY,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAEtG,eAAO,MAAM,OAAO,UAAW,YAAY,gBAM1C,CAAC"}
+{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/TabItem.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;4OAA0B,CAAC"}

package/types/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts}

@@ -31,4 +31,4 @@ export declare const config: {
         };
     };
 };
-//# sourceMappingURL=HorizontalTabs.config.d.ts.map
+//# sourceMappingURL=Tabs.config.d.ts.map

package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/Tabs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoHlB,CAAC"}

package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentProps } from 'react';
-declare const HorizontalTabs: React.FunctionComponent<import("../../../../engines/types").PropsType<{
+/// <reference types="react" />
+export declare const Tabs: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
     view: {
         clear: import("@linaria/core").LinariaClassName;
         filled: import("@linaria/core").LinariaClassName;
@@ -25,22 +25,5 @@ declare const HorizontalTabs: React.FunctionComponent<import("../../../../engine
     pilled: {
         true: import("@linaria/core").LinariaClassName;
     };
-}> & import("../../../../components/Tabs/Tabs.types").BaseTabsProps & import("../../../../components/Tabs/Tabs.types").CustomHorizontalTabsProps & React.RefAttributes<HTMLDivElement>>;
-declare const VerticalTabs: React.FunctionComponent<import("../../../../engines/types").PropsType<{
-    view: {
-        divider: import("@linaria/core").LinariaClassName;
-    };
-    size: {
-        xs: import("@linaria/core").LinariaClassName;
-        s: import("@linaria/core").LinariaClassName;
-        m: import("@linaria/core").LinariaClassName;
-        l: import("@linaria/core").LinariaClassName;
-    };
-    disabled: {
-        true: import("@linaria/core").LinariaClassName;
-    };
-}> & import("../../../../components/Tabs/Tabs.types").BaseTabsProps & import("../../../../components/Tabs/Tabs.types").CustomVerticalTabsProps & React.RefAttributes<HTMLDivElement>>;
-declare type TabsProps = ComponentProps<typeof HorizontalTabs> | ComponentProps<typeof VerticalTabs>;
-export declare const Tabs: (props: TabsProps) => JSX.Element;
-export {};
+}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../types").AsProps<any> & import("../../../../components/Tabs/ui/Tabs/Tabs.types").CustomTabsProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Tabs.d.ts.map

package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAW9C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;uLAAwC,CAAC;AAC7D,QAAA,MAAM,YAAY;;;;;;;;;;;;;qLAAsC,CAAC;AAEzD,aAAK,SAAS,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAE7F,eAAO,MAAM,IAAI,UAAW,SAAS,gBAMpC,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/Tabs.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;0NAA0B,CAAC"}

package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsController.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/TabsController.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAoBjE,eAAO,MAAM,cAAc,sHAG1B,CAAC"}
+{"version":3,"file":"TabsController.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/TabsController.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOjE,eAAO,MAAM,cAAc,sHAG1B,CAAC"}

package/types/examples/plasma_web/components/Badge/Badge.config.d.ts

@@ -17,6 +17,7 @@ export declare const config: {
             l: import("@linaria/core").LinariaClassName;
             m: import("@linaria/core").LinariaClassName;
             s: import("@linaria/core").LinariaClassName;
+            xs: import("@linaria/core").LinariaClassName;
         };
         pilled: {
             true: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Badge/Badge.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IlB,CAAC"}
+{"version":3,"file":"Badge.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Badge/Badge.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiKlB,CAAC"}

package/types/examples/plasma_web/components/Badge/Badge.d.ts

@@ -13,6 +13,7 @@ export declare const Badge: import("react").FunctionComponent<import("../../../.
         l: import("@linaria/core").LinariaClassName;
         m: import("@linaria/core").LinariaClassName;
         s: import("@linaria/core").LinariaClassName;
+        xs: import("@linaria/core").LinariaClassName;
     };
     pilled: {
         true: import("@linaria/core").LinariaClassName;

package/types/examples/plasma_web/components/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Badge/Badge.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Badge/Badge.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}

package/types/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts → plasma_web/components/Tabs/TabItem.config.d.ts}

@@ -29,4 +29,4 @@ export declare const config: {
         };
     };
 };
-//# sourceMappingURL=HorizontalTabItem.config.d.ts.map
+//# sourceMappingURL=TabItem.config.d.ts.map

package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Tabs/TabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0QlB,CAAC"}