@salutejs/plasma-new-hope 0.171.0-dev.0 → 0.172.0-canary.1493.11404929441.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Tabs/createTabsController.js.map +1 -1
- package/cjs/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.css +13 -0
- package/cjs/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js +37 -0
- package/cjs/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js.map +1 -0
- package/cjs/components/Tabs/ui/header/HeaderTabs/HeaderTabs.css +16 -0
- package/cjs/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js +37 -0
- package/cjs/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/cjs/index.js +6 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +22 -4
- package/emotion/cjs/components/Tabs/index.js +26 -0
- package/emotion/cjs/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js +34 -0
- package/emotion/cjs/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js +34 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +3 -2
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +3 -2
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +6 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +7 -1
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +64 -22
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.js +29 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.js +30 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +19 -15
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +19 -15
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +64 -22
- package/emotion/cjs/examples/plasma_web/components/Tabs/header/HeaderTabItem.config.js +29 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/header/HeaderTabs.config.js +30 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +19 -15
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +19 -15
- package/emotion/es/components/Tabs/Tabs.template-doc.mdx +22 -4
- package/emotion/es/components/Tabs/index.js +2 -0
- package/emotion/es/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js +28 -0
- package/emotion/es/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js +28 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +3 -2
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +3 -2
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +7 -1
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +8 -2
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +64 -22
- package/emotion/es/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.js +23 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.js +24 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +19 -15
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +19 -15
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +64 -22
- package/emotion/es/examples/plasma_web/components/Tabs/header/HeaderTabItem.config.js +23 -0
- package/emotion/es/examples/plasma_web/components/Tabs/header/HeaderTabs.config.js +24 -0
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +19 -15
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +19 -15
- package/es/components/Tabs/createTabsController.js.map +1 -1
- package/es/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.css +13 -0
- package/es/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js +32 -0
- package/es/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js.map +1 -0
- package/es/components/Tabs/ui/header/HeaderTabs/HeaderTabs.css +16 -0
- package/es/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js +32 -0
- package/es/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +2 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +22 -4
- package/styled-components/cjs/components/Tabs/index.js +26 -0
- package/styled-components/cjs/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js +34 -0
- package/styled-components/cjs/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js +34 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +3 -2
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +3 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +6 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +7 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +64 -22
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.js +29 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.js +30 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +4 -0
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +64 -22
- package/styled-components/cjs/examples/plasma_web/components/Tabs/header/HeaderTabItem.config.js +29 -0
- package/styled-components/cjs/examples/plasma_web/components/Tabs/header/HeaderTabs.config.js +30 -0
- package/styled-components/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -0
- package/styled-components/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +4 -0
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +22 -4
- package/styled-components/es/components/Tabs/index.js +2 -0
- package/styled-components/es/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js +28 -0
- package/styled-components/es/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js +28 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +3 -2
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +3 -2
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +7 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +8 -2
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +64 -22
- package/styled-components/es/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.js +23 -0
- package/styled-components/es/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.js +24 -0
- package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -0
- package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +4 -0
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +64 -22
- package/styled-components/es/examples/plasma_web/components/Tabs/header/HeaderTabItem.config.js +23 -0
- package/styled-components/es/examples/plasma_web/components/Tabs/header/HeaderTabs.config.js +24 -0
- package/styled-components/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -0
- package/styled-components/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +4 -0
- package/types/components/Tabs/TabItem.types.d.ts +52 -10
- package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/Tabs.types.d.ts +39 -2
- package/types/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/Tabs/createTabsController.d.ts +3 -3
- package/types/components/Tabs/createTabsController.d.ts.map +1 -1
- package/types/components/Tabs/index.d.ts +3 -1
- package/types/components/Tabs/index.d.ts.map +1 -1
- package/types/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.d.ts +25 -0
- package/types/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.d.ts.map +1 -0
- package/types/components/Tabs/ui/header/HeaderTabs/HeaderTabs.d.ts +25 -0
- package/types/components/Tabs/ui/header/HeaderTabs/HeaderTabs.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +2 -2
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +74 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +22 -2
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.d.ts +22 -0
- package/types/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.d.ts +23 -0
- package/types/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +4 -0
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts +4 -0
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +18 -0
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/header/HeaderTabItem.config.d.ts +22 -0
- package/types/examples/plasma_web/components/Tabs/header/HeaderTabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/header/HeaderTabs.config.d.ts +23 -0
- package/types/examples/plasma_web/components/Tabs/header/HeaderTabs.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +4 -0
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts +4 -0
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -1
package/styled-components/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js
CHANGED
@@ -16,6 +16,10 @@ export var config = {
|
|
16
16
|
s: /*#__PURE__*/css(["", ":0.625rem;", ":fit-content;", ":auto;", ":0rem;", ":0.25rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
17
17
|
m: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.625rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
18
18
|
l: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.75rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
19
|
+
/**
|
20
|
+
* @deprecated
|
21
|
+
* вместо h1-h5 использовать HorizontalTabs со свойством header
|
22
|
+
*/
|
19
23
|
h5: /*#__PURE__*/css(["", ":0.5rem;", ":fit-content;", ":auto;", ":0.25rem;", ":0rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
20
24
|
h4: /*#__PURE__*/css(["", ":0.5rem;", ":fit-content;", ":auto;", ":0.25rem;", ":0rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
21
25
|
h3: /*#__PURE__*/css(["", ":0.625rem;", ":fit-content;", ":auto;", ":0.375rem;", ":0rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
@@ -29,14 +29,6 @@ export interface BaseTabItemProps extends ButtonHTMLAttributes<HTMLButtonElement
|
|
29
29
|
* @default false
|
30
30
|
*/
|
31
31
|
disabled?: boolean;
|
32
|
-
/**
|
33
|
-
* Контент слева
|
34
|
-
*/
|
35
|
-
contentLeft?: ReactNode;
|
36
|
-
/**
|
37
|
-
* Контент справа
|
38
|
-
*/
|
39
|
-
contentRight?: ReactNode;
|
40
32
|
/**
|
41
33
|
* Callback, необходимый для клавиатурной навигации
|
42
34
|
*/
|
@@ -51,6 +43,14 @@ export declare type CustomHorizontalTabItemProps = {
|
|
51
43
|
* Расположение табов
|
52
44
|
*/
|
53
45
|
orientation?: 'horizontal';
|
46
|
+
/**
|
47
|
+
* Являются ли табы header
|
48
|
+
*/
|
49
|
+
header?: false;
|
50
|
+
/**
|
51
|
+
* Контент слева
|
52
|
+
*/
|
53
|
+
contentLeft?: ReactNode;
|
54
54
|
/**
|
55
55
|
* TabItem c округлым border-radius
|
56
56
|
* @default false
|
@@ -75,11 +75,54 @@ export declare type CustomHorizontalTabItemProps = {
|
|
75
75
|
*/
|
76
76
|
isActive?: boolean;
|
77
77
|
} & RightContent;
|
78
|
+
export declare type CustomHeaderTabItemProps = {
|
79
|
+
/**
|
80
|
+
* Расположение табов
|
81
|
+
*/
|
82
|
+
orientation?: 'horizontal';
|
83
|
+
/**
|
84
|
+
* Являются ли табы header
|
85
|
+
*/
|
86
|
+
header: true;
|
87
|
+
/**
|
88
|
+
* Контент слева
|
89
|
+
*/
|
90
|
+
contentLeft?: never;
|
91
|
+
/**
|
92
|
+
* TabItem c округлым border-radius
|
93
|
+
* @default false
|
94
|
+
*/
|
95
|
+
pilled?: never;
|
96
|
+
/**
|
97
|
+
* Фон TabItem меняется с анимацией
|
98
|
+
* @default true
|
99
|
+
*/
|
100
|
+
animated?: never;
|
101
|
+
/**
|
102
|
+
* Вид TabItem
|
103
|
+
*/
|
104
|
+
view?: string;
|
105
|
+
/**
|
106
|
+
* Размер TabItem
|
107
|
+
*/
|
108
|
+
size?: string;
|
109
|
+
/**
|
110
|
+
* Активен ли TabItem
|
111
|
+
* @deprecated Используйте свойство `selected`
|
112
|
+
*/
|
113
|
+
isActive?: never;
|
114
|
+
} & Extract<RightContent, {
|
115
|
+
contentRight?: never;
|
116
|
+
}>;
|
78
117
|
export declare type CustomVerticalTabItemProps = {
|
79
118
|
/**
|
80
119
|
* Расположение табов
|
81
120
|
*/
|
82
121
|
orientation: 'vertical';
|
122
|
+
/**
|
123
|
+
* Контент слева
|
124
|
+
*/
|
125
|
+
contentLeft?: ReactNode;
|
83
126
|
/**
|
84
127
|
* Вид TabItem
|
85
128
|
*/
|
@@ -89,8 +132,7 @@ export declare type CustomVerticalTabItemProps = {
|
|
89
132
|
*/
|
90
133
|
size?: string;
|
91
134
|
} & RightContent;
|
92
|
-
export declare type HorizontalTabItemProps = BaseTabItemProps & CustomHorizontalTabItemProps;
|
135
|
+
export declare type HorizontalTabItemProps = BaseTabItemProps & (CustomHorizontalTabItemProps | CustomHeaderTabItemProps);
|
93
136
|
export declare type VerticalTabItemProps = BaseTabItemProps & CustomVerticalTabItemProps;
|
94
|
-
export declare type TabItemProps = HorizontalTabItemProps | VerticalTabItemProps;
|
95
137
|
export {};
|
96
138
|
//# sourceMappingURL=TabItem.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TabItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,aAAK,YAAY,GACX;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO;IACtF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,
|
1
|
+
{"version":3,"file":"TabItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,aAAK,YAAY,GACX;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO;IACtF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,oBAAY,4BAA4B,GAAG;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,YAAY,CAAC;AAEjB,oBAAY,wBAAwB,GAAG;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,MAAM,EAAE,IAAI,CAAC;IACb;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB,GAAG,OAAO,CAAC,YAAY,EAAE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAEpD,oBAAY,0BAA0B,GAAG;IACrC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,YAAY,CAAC;AAEjB,oBAAY,sBAAsB,GAAG,gBAAgB,GAAG,CAAC,4BAA4B,GAAG,wBAAwB,CAAC,CAAC;AAElH,oBAAY,oBAAoB,GAAG,gBAAgB,GAAG,0BAA0B,CAAC"}
|
@@ -24,6 +24,10 @@ export declare type CustomHorizontalTabsProps = {
|
|
24
24
|
* Расположение табов
|
25
25
|
*/
|
26
26
|
orientation?: 'horizontal';
|
27
|
+
/**
|
28
|
+
* Являются ли табы header
|
29
|
+
*/
|
30
|
+
header?: false;
|
27
31
|
/**
|
28
32
|
* Табы растянуты на доступную область
|
29
33
|
* @default false
|
@@ -51,6 +55,39 @@ export declare type CustomHorizontalTabsProps = {
|
|
51
55
|
right?: string;
|
52
56
|
};
|
53
57
|
};
|
58
|
+
export declare type CustomHeaderTabsProps = {
|
59
|
+
/**
|
60
|
+
* Расположение табов
|
61
|
+
*/
|
62
|
+
orientation?: 'horizontal';
|
63
|
+
/**
|
64
|
+
* Являются ли табы header
|
65
|
+
*/
|
66
|
+
header: true;
|
67
|
+
/**
|
68
|
+
* Табы растянуты на доступную область
|
69
|
+
* @default false
|
70
|
+
*/
|
71
|
+
stretch?: never;
|
72
|
+
/**
|
73
|
+
* Табы c округлым border-radius
|
74
|
+
* @default false
|
75
|
+
*/
|
76
|
+
pilled?: never;
|
77
|
+
/**
|
78
|
+
* Вид табов
|
79
|
+
*/
|
80
|
+
view?: string;
|
81
|
+
/**
|
82
|
+
* Размер табов
|
83
|
+
*/
|
84
|
+
size?: string;
|
85
|
+
/**
|
86
|
+
* Уберет скругление с выбранной стороны и подвинет контейнер
|
87
|
+
* @deprecated
|
88
|
+
*/
|
89
|
+
outsideScroll?: never;
|
90
|
+
};
|
54
91
|
export declare type CustomVerticalTabsProps = {
|
55
92
|
/**
|
56
93
|
* Расположение табов
|
@@ -70,7 +107,7 @@ export declare type CustomVerticalTabsProps = {
|
|
70
107
|
*/
|
71
108
|
size?: string;
|
72
109
|
};
|
73
|
-
export declare type
|
110
|
+
export declare type HorizontalCommonTabsProps = BaseTabsProps & CustomHorizontalTabsProps;
|
111
|
+
export declare type HorizontalTabsProps = BaseTabsProps & (CustomHorizontalTabsProps | CustomHeaderTabsProps);
|
74
112
|
export declare type VerticalTabsProps = BaseTabsProps & CustomVerticalTabsProps;
|
75
|
-
export declare type TabsProps = HorizontalTabsProps | VerticalTabsProps;
|
76
113
|
//# sourceMappingURL=Tabs.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO;IAC1E;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,oBAAY,yBAAyB,GAAG;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;;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;;;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,uBAAuB,GAAG;IAClC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,
|
1
|
+
{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO;IAC1E;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,oBAAY,yBAAyB,GAAG;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;;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;;;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,qBAAqB,GAAG;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,MAAM,EAAE,IAAI,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC;CACzB,CAAC;AAGF,oBAAY,uBAAuB,GAAG;IAClC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,yBAAyB,GAAG,aAAa,GAAG,yBAAyB,CAAC;AAElF,oBAAY,mBAAmB,GAAG,aAAa,GAAG,CAAC,yBAAyB,GAAG,qBAAqB,CAAC,CAAC;AAEtG,oBAAY,iBAAiB,GAAG,aAAa,GAAG,uBAAuB,CAAC"}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React, { ForwardRefExoticComponent, RefAttributes } from 'react';
|
2
2
|
import { HorizontalTabItemProps } from './TabItem.types';
|
3
|
-
import {
|
4
|
-
export interface TabsControllerProps extends
|
3
|
+
import { HorizontalCommonTabsProps } from './Tabs.types';
|
4
|
+
export interface TabsControllerProps extends HorizontalCommonTabsProps {
|
5
5
|
items: Array<{
|
6
6
|
label: string;
|
7
7
|
} & HorizontalTabItemProps>;
|
@@ -17,5 +17,5 @@ export interface TabsControllerProps extends HorizontalTabsProps {
|
|
17
17
|
* Функция для создания `TabController`, которая дает возможность
|
18
18
|
* кастомизировать стили, при этом сохраняя единый интерфейс и функционал.
|
19
19
|
*/
|
20
|
-
export declare function createTabsController<T extends HTMLDivElement, P extends TabsControllerProps>(ListComponent: ForwardRefExoticComponent<
|
20
|
+
export declare function createTabsController<T extends HTMLDivElement, P extends TabsControllerProps>(ListComponent: ForwardRefExoticComponent<HorizontalCommonTabsProps & RefAttributes<HTMLDivElement>>, ItemComponent: ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
|
21
21
|
//# sourceMappingURL=createTabsController.d.ts.map
|
@@ -1 +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,
|
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,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,mBAAoB,SAAQ,yBAAyB;IAClE,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,yBAAyB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,EACnG,aAAa,EAAE,yBAAyB,CAAC,sBAAsB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,sFAwBnG"}
|
@@ -2,10 +2,12 @@ export { horizontalTabsRoot, horizontalTabsConfig } from './ui/horizontal/Horizo
|
|
2
2
|
export { horizontalTabItemRoot, horizontalTabItemConfig } from './ui/horizontal/HorizontalTabItem/HorizontalTabItem';
|
3
3
|
export { verticalTabsRoot, verticalTabsConfig } from './ui/vertical/VerticalTabs/VerticalTabs';
|
4
4
|
export { verticalTabItemRoot, verticalTabItemConfig } from './ui/vertical/VerticalTabItem/VerticalTabItem';
|
5
|
+
export { headerTabsRoot, headerTabsConfig } from './ui/header/HeaderTabs/HeaderTabs';
|
6
|
+
export { headerTabItemRoot, headerTabItemConfig } from './ui/header/HeaderTabItem/HeaderTabItem';
|
5
7
|
export { tokens as tabsTokens } from './tokens';
|
6
8
|
export { TabItemRefs, TabsContext } from './TabsContext';
|
7
9
|
export { createTabsController } from './createTabsController';
|
8
10
|
export type { TabsControllerProps } from './createTabsController';
|
9
|
-
export type { HorizontalTabsProps } from './Tabs.types';
|
11
|
+
export type { HorizontalTabsProps, HorizontalCommonTabsProps } from './Tabs.types';
|
10
12
|
export type { HorizontalTabItemProps } from './TabItem.types';
|
11
13
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +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;
|
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,cAAc,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACjG,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,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACnF,YAAY,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC"}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const headerTabItemRoot: (Root: import("../../../../..").RootProps<HTMLDivElement, import("../../..").HorizontalTabItemProps>) => import("react").ForwardRefExoticComponent<import("../../..").HorizontalTabItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
3
|
+
export declare const headerTabItemConfig: {
|
4
|
+
name: string;
|
5
|
+
tag: string;
|
6
|
+
layout: (Root: import("../../../../..").RootProps<HTMLDivElement, import("../../..").HorizontalTabItemProps>) => import("react").ForwardRefExoticComponent<import("../../..").HorizontalTabItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
7
|
+
base: import("@linaria/core").LinariaClassName;
|
8
|
+
variations: {
|
9
|
+
size: {
|
10
|
+
css: import("@linaria/core").LinariaClassName;
|
11
|
+
};
|
12
|
+
view: {
|
13
|
+
css: import("@linaria/core").LinariaClassName;
|
14
|
+
};
|
15
|
+
disabled: {
|
16
|
+
css: import("@linaria/core").LinariaClassName;
|
17
|
+
attrs: boolean;
|
18
|
+
};
|
19
|
+
};
|
20
|
+
defaults: {
|
21
|
+
view: string;
|
22
|
+
size: string;
|
23
|
+
};
|
24
|
+
};
|
25
|
+
//# sourceMappingURL=HeaderTabItem.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"HeaderTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,iBAAiB,+OAAwB,CAAC;AAEvD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;CAqB/B,CAAC"}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const headerTabsRoot: (Root: import("../../../../..").RootProps<HTMLDivElement, import("../../..").HorizontalTabsProps>) => import("react").ForwardRefExoticComponent<import("../../..").HorizontalTabsProps & import("react").RefAttributes<HTMLDivElement>>;
|
3
|
+
export declare const headerTabsConfig: {
|
4
|
+
name: string;
|
5
|
+
tag: string;
|
6
|
+
layout: (Root: import("../../../../..").RootProps<HTMLDivElement, import("../../..").HorizontalTabsProps>) => import("react").ForwardRefExoticComponent<import("../../..").HorizontalTabsProps & import("react").RefAttributes<HTMLDivElement>>;
|
7
|
+
base: import("@linaria/core").LinariaClassName;
|
8
|
+
variations: {
|
9
|
+
size: {
|
10
|
+
css: import("@linaria/core").LinariaClassName;
|
11
|
+
};
|
12
|
+
view: {
|
13
|
+
css: import("@linaria/core").LinariaClassName;
|
14
|
+
};
|
15
|
+
disabled: {
|
16
|
+
css: import("@linaria/core").LinariaClassName;
|
17
|
+
attrs: boolean;
|
18
|
+
};
|
19
|
+
};
|
20
|
+
defaults: {
|
21
|
+
view: string;
|
22
|
+
size: string;
|
23
|
+
};
|
24
|
+
};
|
25
|
+
//# sourceMappingURL=HeaderTabs.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"HeaderTabs.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/header/HeaderTabs/HeaderTabs.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,cAAc,yOAAqB,CAAC;AAEjD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;CAqB5B,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HorizontalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAQhE,eAAO,MAAM,qBAAqB,SAAU,UAAU,cAAc,EAAE,sBAAsB,CAAC,
|
1
|
+
{"version":3,"file":"HorizontalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAQhE,eAAO,MAAM,qBAAqB,SAAU,UAAU,cAAc,EAAE,sBAAsB,CAAC,kGAgHvF,CAAC;AAEP,eAAO,MAAM,uBAAuB;;;mBAlHQ,UAAU,cAAc,EAAE,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;CAyI5F,CAAC"}
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import type { RootProps } from '../../../../../engines/types';
|
3
3
|
import type { HorizontalTabsProps } from '../../../Tabs.types';
|
4
|
-
export declare const horizontalTabsRoot: (Root: RootProps<HTMLDivElement, HorizontalTabsProps>) => React.ForwardRefExoticComponent<
|
4
|
+
export declare const horizontalTabsRoot: (Root: RootProps<HTMLDivElement, HorizontalTabsProps>) => React.ForwardRefExoticComponent<HorizontalTabsProps & React.RefAttributes<HTMLDivElement>>;
|
5
5
|
export declare const horizontalTabsConfig: {
|
6
6
|
name: string;
|
7
7
|
tag: string;
|
8
|
-
layout: (Root: RootProps<HTMLDivElement, HorizontalTabsProps>) => React.ForwardRefExoticComponent<
|
8
|
+
layout: (Root: RootProps<HTMLDivElement, HorizontalTabsProps>) => React.ForwardRefExoticComponent<HorizontalTabsProps & React.RefAttributes<HTMLDivElement>>;
|
9
9
|
base: import("@linaria/core").LinariaClassName;
|
10
10
|
variations: {
|
11
11
|
size: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HorizontalTabs.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuF,MAAM,OAAO,CAAC;AAI5G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAK9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAiB/D,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,EAAE,mBAAmB,CAAC,
|
1
|
+
{"version":3,"file":"HorizontalTabs.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuF,MAAM,OAAO,CAAC;AAI5G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAK9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAiB/D,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,EAAE,mBAAmB,CAAC,+FA8MjF,CAAC;AAEP,eAAO,MAAM,oBAAoB;;;mBAhNQ,UAAU,cAAc,EAAE,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CA4OtF,CAAC"}
|
@@ -25,6 +25,8 @@ declare const HorizontalTabItem: React.FunctionComponent<import("../../../../eng
|
|
25
25
|
};
|
26
26
|
}> & ((import("../../../../components/Tabs/TabItem.types").BaseTabItemProps & {
|
27
27
|
orientation?: "horizontal" | undefined;
|
28
|
+
header?: false | undefined;
|
29
|
+
contentLeft?: React.ReactNode;
|
28
30
|
pilled?: boolean | undefined;
|
29
31
|
animated?: boolean | undefined;
|
30
32
|
view?: string | undefined;
|
@@ -35,6 +37,8 @@ declare const HorizontalTabItem: React.FunctionComponent<import("../../../../eng
|
|
35
37
|
contentRight?: undefined;
|
36
38
|
} & React.RefAttributes<HTMLDivElement>) | (import("../../../../components/Tabs/TabItem.types").BaseTabItemProps & {
|
37
39
|
orientation?: "horizontal" | undefined;
|
40
|
+
header?: false | undefined;
|
41
|
+
contentLeft?: React.ReactNode;
|
38
42
|
pilled?: boolean | undefined;
|
39
43
|
animated?: boolean | undefined;
|
40
44
|
view?: string | undefined;
|
@@ -43,6 +47,18 @@ declare const HorizontalTabItem: React.FunctionComponent<import("../../../../eng
|
|
43
47
|
} & {
|
44
48
|
value?: undefined;
|
45
49
|
contentRight?: React.ReactNode;
|
50
|
+
} & React.RefAttributes<HTMLDivElement>) | (import("../../../../components/Tabs/TabItem.types").BaseTabItemProps & {
|
51
|
+
orientation?: "horizontal" | undefined;
|
52
|
+
header: true;
|
53
|
+
contentLeft?: undefined;
|
54
|
+
pilled?: undefined;
|
55
|
+
animated?: undefined;
|
56
|
+
view?: string | undefined;
|
57
|
+
size?: string | undefined;
|
58
|
+
isActive?: undefined;
|
59
|
+
} & {
|
60
|
+
value?: string | number | undefined;
|
61
|
+
contentRight?: undefined;
|
46
62
|
} & React.RefAttributes<HTMLDivElement>))>;
|
47
63
|
declare const VerticalTabItem: React.FunctionComponent<import("../../../../engines/types").PropsType<{
|
48
64
|
view: {
|
@@ -59,6 +75,7 @@ declare const VerticalTabItem: React.FunctionComponent<import("../../../../engin
|
|
59
75
|
};
|
60
76
|
}> & ((import("../../../../components/Tabs/TabItem.types").BaseTabItemProps & {
|
61
77
|
orientation: "vertical";
|
78
|
+
contentLeft?: React.ReactNode;
|
62
79
|
view?: string | undefined;
|
63
80
|
size?: string | undefined;
|
64
81
|
} & {
|
@@ -66,13 +83,69 @@ declare const VerticalTabItem: React.FunctionComponent<import("../../../../engin
|
|
66
83
|
contentRight?: undefined;
|
67
84
|
} & React.RefAttributes<HTMLButtonElement>) | (import("../../../../components/Tabs/TabItem.types").BaseTabItemProps & {
|
68
85
|
orientation: "vertical";
|
86
|
+
contentLeft?: React.ReactNode;
|
69
87
|
view?: string | undefined;
|
70
88
|
size?: string | undefined;
|
71
89
|
} & {
|
72
90
|
value?: undefined;
|
73
91
|
contentRight?: React.ReactNode;
|
74
92
|
} & React.RefAttributes<HTMLButtonElement>))>;
|
75
|
-
declare
|
93
|
+
declare const HeaderTabItem: React.FunctionComponent<import("../../../../engines/types").PropsType<{
|
94
|
+
view: {
|
95
|
+
divider: import("@linaria/core").LinariaClassName;
|
96
|
+
};
|
97
|
+
size: {
|
98
|
+
h5: import("@linaria/core").LinariaClassName;
|
99
|
+
h4: import("@linaria/core").LinariaClassName;
|
100
|
+
h3: import("@linaria/core").LinariaClassName;
|
101
|
+
h2: import("@linaria/core").LinariaClassName;
|
102
|
+
h1: import("@linaria/core").LinariaClassName;
|
103
|
+
};
|
104
|
+
disabled: {
|
105
|
+
true: import("@linaria/core").LinariaClassName;
|
106
|
+
};
|
107
|
+
}> & ((import("../../../../components/Tabs/TabItem.types").BaseTabItemProps & {
|
108
|
+
orientation?: "horizontal" | undefined;
|
109
|
+
header?: false | undefined;
|
110
|
+
contentLeft?: React.ReactNode;
|
111
|
+
pilled?: boolean | undefined;
|
112
|
+
animated?: boolean | undefined;
|
113
|
+
view?: string | undefined;
|
114
|
+
size?: string | undefined;
|
115
|
+
isActive?: boolean | undefined;
|
116
|
+
} & {
|
117
|
+
value?: string | number | undefined;
|
118
|
+
contentRight?: undefined;
|
119
|
+
} & React.RefAttributes<HTMLDivElement>) | (import("../../../../components/Tabs/TabItem.types").BaseTabItemProps & {
|
120
|
+
orientation?: "horizontal" | undefined;
|
121
|
+
header?: false | undefined;
|
122
|
+
contentLeft?: React.ReactNode;
|
123
|
+
pilled?: boolean | undefined;
|
124
|
+
animated?: boolean | undefined;
|
125
|
+
view?: string | undefined;
|
126
|
+
size?: string | undefined;
|
127
|
+
isActive?: boolean | undefined;
|
128
|
+
} & {
|
129
|
+
value?: undefined;
|
130
|
+
contentRight?: React.ReactNode;
|
131
|
+
} & React.RefAttributes<HTMLDivElement>) | (import("../../../../components/Tabs/TabItem.types").BaseTabItemProps & {
|
132
|
+
orientation?: "horizontal" | undefined;
|
133
|
+
header: true;
|
134
|
+
contentLeft?: undefined;
|
135
|
+
pilled?: undefined;
|
136
|
+
animated?: undefined;
|
137
|
+
view?: string | undefined;
|
138
|
+
size?: string | undefined;
|
139
|
+
isActive?: undefined;
|
140
|
+
} & {
|
141
|
+
value?: string | number | undefined;
|
142
|
+
contentRight?: undefined;
|
143
|
+
} & React.RefAttributes<HTMLDivElement>))>;
|
144
|
+
declare type TabItemProps = (ComponentProps<typeof HorizontalTabItem> & {
|
145
|
+
header?: false;
|
146
|
+
}) | (ComponentProps<typeof HeaderTabItem> & {
|
147
|
+
header: true;
|
148
|
+
}) | ComponentProps<typeof VerticalTabItem>;
|
76
149
|
export declare const TabItem: (props: TabItemProps) => JSX.Element;
|
77
150
|
export {};
|
78
151
|
//# sourceMappingURL=TabItem.d.ts.map
|
@@ -1 +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;
|
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;AAU9C,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAA2C,CAAC;AAGnE,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAAyC,CAAC;AAG/D,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAAuC,CAAC;AAE3D,aAAK,YAAY,GACX,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GAC/D,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,MAAM,EAAE,IAAI,CAAA;CAAE,CAAC,GACzD,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,UAAW,YAAY,gBAU1C,CAAC"}
|
@@ -25,7 +25,7 @@ declare const HorizontalTabs: React.FunctionComponent<import("../../../../engine
|
|
25
25
|
pilled: {
|
26
26
|
true: import("@linaria/core").LinariaClassName;
|
27
27
|
};
|
28
|
-
}> & import("../../../../components/Tabs/Tabs.types").BaseTabsProps & import("../../../../components/Tabs/Tabs.types").CustomHorizontalTabsProps & React.RefAttributes<HTMLDivElement
|
28
|
+
}> & ((import("../../../../components/Tabs/Tabs.types").BaseTabsProps & import("../../../../components/Tabs/Tabs.types").CustomHorizontalTabsProps & React.RefAttributes<HTMLDivElement>) | (import("../../../../components/Tabs/Tabs.types").BaseTabsProps & import("../../../../components/Tabs/Tabs.types").CustomHeaderTabsProps & React.RefAttributes<HTMLDivElement>))>;
|
29
29
|
declare const VerticalTabs: React.FunctionComponent<import("../../../../engines/types").PropsType<{
|
30
30
|
view: {
|
31
31
|
divider: import("@linaria/core").LinariaClassName;
|
@@ -40,7 +40,27 @@ declare const VerticalTabs: React.FunctionComponent<import("../../../../engines/
|
|
40
40
|
true: import("@linaria/core").LinariaClassName;
|
41
41
|
};
|
42
42
|
}> & import("../../../../components/Tabs/Tabs.types").BaseTabsProps & import("../../../../components/Tabs/Tabs.types").CustomVerticalTabsProps & React.RefAttributes<HTMLDivElement>>;
|
43
|
-
declare
|
43
|
+
declare const HeaderTabs: React.FunctionComponent<import("../../../../engines/types").PropsType<{
|
44
|
+
view: {
|
45
|
+
clear: import("@linaria/core").LinariaClassName;
|
46
|
+
divider: import("@linaria/core").LinariaClassName;
|
47
|
+
};
|
48
|
+
size: {
|
49
|
+
h5: import("@linaria/core").LinariaClassName;
|
50
|
+
h4: import("@linaria/core").LinariaClassName;
|
51
|
+
h3: import("@linaria/core").LinariaClassName;
|
52
|
+
h2: import("@linaria/core").LinariaClassName;
|
53
|
+
h1: import("@linaria/core").LinariaClassName;
|
54
|
+
};
|
55
|
+
disabled: {
|
56
|
+
true: import("@linaria/core").LinariaClassName;
|
57
|
+
};
|
58
|
+
}> & ((import("../../../../components/Tabs/Tabs.types").BaseTabsProps & import("../../../../components/Tabs/Tabs.types").CustomHorizontalTabsProps & React.RefAttributes<HTMLDivElement>) | (import("../../../../components/Tabs/Tabs.types").BaseTabsProps & import("../../../../components/Tabs/Tabs.types").CustomHeaderTabsProps & React.RefAttributes<HTMLDivElement>))>;
|
59
|
+
declare type TabsProps = (ComponentProps<typeof HorizontalTabs> & {
|
60
|
+
header?: false;
|
61
|
+
}) | (ComponentProps<typeof HeaderTabs> & {
|
62
|
+
header: true;
|
63
|
+
}) | ComponentProps<typeof VerticalTabs>;
|
44
64
|
export declare const Tabs: (props: TabsProps) => JSX.Element;
|
45
65
|
export {};
|
46
66
|
//# sourceMappingURL=Tabs.d.ts.map
|
@@ -1 +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;
|
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;AAU9C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;6WAAwC,CAAC;AAG7D,QAAA,MAAM,YAAY;;;;;;;;;;;;;qLAAsC,CAAC;AAGzD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;6WAAoC,CAAC;AAErD,aAAK,SAAS,GACR,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GAC5D,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAAE,MAAM,EAAE,IAAI,CAAA;CAAE,CAAC,GACtD,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAE1C,eAAO,MAAM,IAAI,UAAW,SAAS,gBAUpC,CAAC"}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
view: string;
|
4
|
+
size: string;
|
5
|
+
};
|
6
|
+
variations: {
|
7
|
+
view: {
|
8
|
+
divider: import("@linaria/core").LinariaClassName;
|
9
|
+
};
|
10
|
+
size: {
|
11
|
+
h5: import("@linaria/core").LinariaClassName;
|
12
|
+
h4: import("@linaria/core").LinariaClassName;
|
13
|
+
h3: import("@linaria/core").LinariaClassName;
|
14
|
+
h2: import("@linaria/core").LinariaClassName;
|
15
|
+
h1: import("@linaria/core").LinariaClassName;
|
16
|
+
};
|
17
|
+
disabled: {
|
18
|
+
true: import("@linaria/core").LinariaClassName;
|
19
|
+
};
|
20
|
+
};
|
21
|
+
};
|
22
|
+
//# sourceMappingURL=HeaderTabItem.config.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"HeaderTabItem.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAqHlB,CAAC"}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
view: string;
|
4
|
+
size: string;
|
5
|
+
};
|
6
|
+
variations: {
|
7
|
+
view: {
|
8
|
+
clear: import("@linaria/core").LinariaClassName;
|
9
|
+
divider: import("@linaria/core").LinariaClassName;
|
10
|
+
};
|
11
|
+
size: {
|
12
|
+
h5: import("@linaria/core").LinariaClassName;
|
13
|
+
h4: import("@linaria/core").LinariaClassName;
|
14
|
+
h3: import("@linaria/core").LinariaClassName;
|
15
|
+
h2: import("@linaria/core").LinariaClassName;
|
16
|
+
h1: import("@linaria/core").LinariaClassName;
|
17
|
+
};
|
18
|
+
disabled: {
|
19
|
+
true: import("@linaria/core").LinariaClassName;
|
20
|
+
};
|
21
|
+
};
|
22
|
+
};
|
23
|
+
//# sourceMappingURL=HeaderTabs.config.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"HeaderTabs.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAqElB,CAAC"}
|
@@ -15,6 +15,10 @@ export declare const config: {
|
|
15
15
|
s: import("@linaria/core").LinariaClassName;
|
16
16
|
m: import("@linaria/core").LinariaClassName;
|
17
17
|
l: import("@linaria/core").LinariaClassName;
|
18
|
+
/**
|
19
|
+
* @deprecated
|
20
|
+
* вместо h1-h5 использовать HorizontalTabItem со свойством header
|
21
|
+
*/
|
18
22
|
h5: import("@linaria/core").LinariaClassName;
|
19
23
|
h4: import("@linaria/core").LinariaClassName;
|
20
24
|
h3: import("@linaria/core").LinariaClassName;
|
package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HorizontalTabItem.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"HorizontalTabItem.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;YAmLP;;;eAGG;;;;;;;;;;;;;;CAwFd,CAAC"}
|
@@ -14,6 +14,10 @@ export declare const config: {
|
|
14
14
|
s: import("@linaria/core").LinariaClassName;
|
15
15
|
m: import("@linaria/core").LinariaClassName;
|
16
16
|
l: import("@linaria/core").LinariaClassName;
|
17
|
+
/**
|
18
|
+
* @deprecated
|
19
|
+
* вместо h1-h5 использовать HorizontalTabs со свойством header
|
20
|
+
*/
|
17
21
|
h5: import("@linaria/core").LinariaClassName;
|
18
22
|
h4: import("@linaria/core").LinariaClassName;
|
19
23
|
h3: import("@linaria/core").LinariaClassName;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HorizontalTabs.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"HorizontalTabs.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;YAgEP;;;eAGG;;;;;;;;;;;;;;;;;CAqDd,CAAC"}
|