@salutejs/sdds-finportal 0.145.0-canary.1493.11404929441.0 → 0.145.0-canary.1494.11433814439.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -67,7 +67,6 @@ import { CommitInstanceCallback } from '@salutejs/plasma-new-hope/types/componen
67
67
  import { ComponentProps } from 'react';
68
68
  import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
69
69
  import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
70
- import { CustomHeaderTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
71
70
  import { CustomHorizontalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
72
71
  import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
73
72
  import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
@@ -25,8 +25,6 @@ declare const HorizontalTabItem: React.FunctionComponent<import("@salutejs/plasm
25
25
  };
26
26
  }> & ((import("@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types").BaseTabItemProps & {
27
27
  orientation?: "horizontal" | undefined;
28
- header?: false | undefined;
29
- contentLeft?: React.ReactNode;
30
28
  pilled?: boolean | undefined;
31
29
  animated?: boolean | undefined;
32
30
  view?: string | undefined;
@@ -37,8 +35,6 @@ declare const HorizontalTabItem: React.FunctionComponent<import("@salutejs/plasm
37
35
  contentRight?: undefined;
38
36
  } & React.RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types").BaseTabItemProps & {
39
37
  orientation?: "horizontal" | undefined;
40
- header?: false | undefined;
41
- contentLeft?: React.ReactNode;
42
38
  pilled?: boolean | undefined;
43
39
  animated?: boolean | undefined;
44
40
  view?: string | undefined;
@@ -47,18 +43,6 @@ declare const HorizontalTabItem: React.FunctionComponent<import("@salutejs/plasm
47
43
  } & {
48
44
  value?: undefined;
49
45
  contentRight?: React.ReactNode;
50
- } & React.RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/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;
62
46
  } & React.RefAttributes<HTMLDivElement>))>;
63
47
  declare const VerticalTabItem: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
64
48
  view: {
@@ -75,7 +59,6 @@ declare const VerticalTabItem: React.FunctionComponent<import("@salutejs/plasma-
75
59
  };
76
60
  }> & ((import("@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types").BaseTabItemProps & {
77
61
  orientation: "vertical";
78
- contentLeft?: React.ReactNode;
79
62
  view?: string | undefined;
80
63
  size?: string | undefined;
81
64
  } & {
@@ -83,69 +66,13 @@ declare const VerticalTabItem: React.FunctionComponent<import("@salutejs/plasma-
83
66
  contentRight?: undefined;
84
67
  } & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types").BaseTabItemProps & {
85
68
  orientation: "vertical";
86
- contentLeft?: React.ReactNode;
87
69
  view?: string | undefined;
88
70
  size?: string | undefined;
89
71
  } & {
90
72
  value?: undefined;
91
73
  contentRight?: React.ReactNode;
92
74
  } & React.RefAttributes<HTMLButtonElement>))>;
93
- declare const HeaderTabItem: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
94
- view: {
95
- divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
96
- };
97
- size: {
98
- h5: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
99
- h4: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
100
- h3: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
101
- h2: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
102
- h1: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
103
- };
104
- disabled: {
105
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
106
- };
107
- }> & ((import("@salutejs/plasma-new-hope/types/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("@salutejs/plasma-new-hope/types/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("@salutejs/plasma-new-hope/types/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>;
75
+ declare type TabItemProps = ComponentProps<typeof HorizontalTabItem> | ComponentProps<typeof VerticalTabItem>;
149
76
  /**
150
77
  * Элемент списка, недопустимо использовать вне компонента Tabs.
151
78
  */
@@ -8,14 +8,11 @@ var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"))
8
8
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
9
9
  var _HorizontalTabItem = /*#__PURE__*/require("./horizontal/HorizontalTabItem.config");
10
10
  var _VerticalTabItem = /*#__PURE__*/require("./vertical/VerticalTabItem.config");
11
- var _HeaderTabItem = /*#__PURE__*/require("./header/HeaderTabItem.config");
12
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
12
  var mergedHorizontalTabItemConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.horizontalTabItemConfig, _HorizontalTabItem.config);
14
13
  var HorizontalTabItem = /*#__PURE__*/(0, _styledComponents.component)(mergedHorizontalTabItemConfig);
15
14
  var mergedVerticalTabItemConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.verticalTabItemConfig, _VerticalTabItem.config);
16
15
  var VerticalTabItem = /*#__PURE__*/(0, _styledComponents.component)(mergedVerticalTabItemConfig);
17
- var mergedHeaderTabItemConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.headerTabItemConfig, _HeaderTabItem.config);
18
- var HeaderTabItem = /*#__PURE__*/(0, _styledComponents.component)(mergedHeaderTabItemConfig);
19
16
  /**
20
17
  * Элемент списка, недопустимо использовать вне компонента Tabs.
21
18
  */
@@ -23,8 +20,5 @@ var TabItem = exports.TabItem = function TabItem(props) {
23
20
  if (props.orientation === 'vertical') {
24
21
  return /*#__PURE__*/_react["default"].createElement(VerticalTabItem, props);
25
22
  }
26
- if (props.header) {
27
- return /*#__PURE__*/_react["default"].createElement(HeaderTabItem, props);
28
- }
29
23
  return /*#__PURE__*/_react["default"].createElement(HorizontalTabItem, props);
30
24
  };
@@ -25,16 +25,13 @@ declare const HorizontalTabs: React.FunctionComponent<import("@salutejs/plasma-n
25
25
  pilled: {
26
26
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
27
  };
28
- }> & ((import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomHorizontalTabsProps & React.RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomHeaderTabsProps & React.RefAttributes<HTMLDivElement>))>;
28
+ }> & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomHorizontalTabsProps & React.RefAttributes<HTMLDivElement>>;
29
29
  declare const VerticalTabs: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
30
30
  view: {
31
31
  divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
32
32
  };
33
33
  size: {
34
34
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
35
- /**
36
- * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
37
- */
38
35
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
39
36
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
40
37
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -46,27 +43,7 @@ declare const VerticalTabs: React.FunctionComponent<import("@salutejs/plasma-new
46
43
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
47
44
  };
48
45
  }> & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomVerticalTabsProps & React.RefAttributes<HTMLDivElement>>;
49
- declare const HeaderTabs: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
50
- view: {
51
- clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
52
- divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
53
- };
54
- size: {
55
- h5: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
56
- h4: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
57
- h3: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
58
- h2: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
59
- h1: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
60
- };
61
- disabled: {
62
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
63
- };
64
- }> & ((import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomHorizontalTabsProps & React.RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomHeaderTabsProps & React.RefAttributes<HTMLDivElement>))>;
65
- declare type TabsProps = (ComponentProps<typeof HorizontalTabs> & {
66
- header?: false;
67
- }) | (ComponentProps<typeof HeaderTabs> & {
68
- header: true;
69
- }) | ComponentProps<typeof VerticalTabs>;
46
+ declare type TabsProps = ComponentProps<typeof HorizontalTabs> | ComponentProps<typeof VerticalTabs>;
70
47
  /**
71
48
  * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
72
49
  */
@@ -8,14 +8,11 @@ var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"))
8
8
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
9
9
  var _HorizontalTabs = /*#__PURE__*/require("./horizontal/HorizontalTabs.config");
10
10
  var _VerticalTabs = /*#__PURE__*/require("./vertical/VerticalTabs.config");
11
- var _HeaderTabs = /*#__PURE__*/require("./header/HeaderTabs.config");
12
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
12
  var mergedHorizontalTabsConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.horizontalTabsConfig, _HorizontalTabs.config);
14
- var HorizontalTabs = /*#__PURE__*/(0, _styledComponents.component)(mergedHorizontalTabsConfig);
15
13
  var mergedVerticalTabsConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.verticalTabsConfig, _VerticalTabs.config);
14
+ var HorizontalTabs = /*#__PURE__*/(0, _styledComponents.component)(mergedHorizontalTabsConfig);
16
15
  var VerticalTabs = /*#__PURE__*/(0, _styledComponents.component)(mergedVerticalTabsConfig);
17
- var mergedHeaderTabsConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.headerTabsConfig, _HeaderTabs.config);
18
- var HeaderTabs = /*#__PURE__*/(0, _styledComponents.component)(mergedHeaderTabsConfig);
19
16
  /**
20
17
  * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
21
18
  */
@@ -23,8 +20,5 @@ var Tabs = exports.Tabs = function Tabs(props) {
23
20
  if (props.orientation === 'vertical') {
24
21
  return /*#__PURE__*/_react["default"].createElement(VerticalTabs, props);
25
22
  }
26
- if (props.header) {
27
- return /*#__PURE__*/_react["default"].createElement(HeaderTabs, props);
28
- }
29
23
  return /*#__PURE__*/_react["default"].createElement(HorizontalTabs, props);
30
24
  };
@@ -15,10 +15,6 @@ export declare const config: {
15
15
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
16
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
17
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
- /**
19
- * @deprecated
20
- * вместо h1-h5 использовать HorizontalTabItem со свойством header
21
- */
22
18
  h5: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
19
  h4: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
20
  h3: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -24,10 +24,6 @@ var config = exports.config = {
24
24
  s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0 0.625rem;\n ", ": 0 0.5rem;\n ", ": 1.75rem;\n ", ": 0.25rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
25
25
  m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0 0.625rem;\n ", ": 0 0.5rem;\n ", ": 1.75rem;\n ", ": 0.375rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
26
26
  l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 3.5rem;\n ", ": 0 0.875rem;\n ", ": 0 0.75rem;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
27
- /**
28
- * @deprecated
29
- * вместо h1-h5 использовать HorizontalTabItem со свойством header
30
- */
31
27
  h5: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0rem;\n ", ": 1.75rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h5-font-family);\n ", ": var(--plasma-typo-h5-font-size);\n ", ": var(--plasma-typo-h5-font-style);\n ", ": var(--plasma-typo-h5-font-weight);\n ", ": var(--plasma-typo-h5-letter-spacing);\n ", ": var(--plasma-typo-h5-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
32
28
  h4: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 3.25rem;\n ", ": 0rem;\n ", ": 2rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h4-font-family);\n ", ": var(--plasma-typo-h4-font-size);\n ", ": var(--plasma-typo-h4-font-style);\n ", ": var(--plasma-typo-h4-font-weight);\n ", ": var(--plasma-typo-h4-letter-spacing);\n ", ": var(--plasma-typo-h4-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
33
29
  h3: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 3.875rem;\n ", ": 0rem;\n ", ": 2.25rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-h3-font-family);\n ", ": var(--plasma-typo-h3-font-size);\n ", ": var(--plasma-typo-h3-font-style);\n ", ": var(--plasma-typo-h3-font-weight);\n ", ": var(--plasma-typo-h3-letter-spacing);\n ", ": var(--plasma-typo-h3-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
@@ -1,14 +1,11 @@
1
1
  import React from 'react';
2
- import { horizontalTabItemConfig, verticalTabItemConfig, headerTabItemConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { horizontalTabItemConfig, verticalTabItemConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
3
3
  import { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';
4
4
  import { config as verticalConfig } from './vertical/VerticalTabItem.config';
5
- import { config as headerConfig } from './header/HeaderTabItem.config';
6
5
  var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalTabItemConfig, horizontalConfig);
7
6
  var HorizontalTabItem = /*#__PURE__*/component(mergedHorizontalTabItemConfig);
8
7
  var mergedVerticalTabItemConfig = /*#__PURE__*/mergeConfig(verticalTabItemConfig, verticalConfig);
9
8
  var VerticalTabItem = /*#__PURE__*/component(mergedVerticalTabItemConfig);
10
- var mergedHeaderTabItemConfig = /*#__PURE__*/mergeConfig(headerTabItemConfig, headerConfig);
11
- var HeaderTabItem = /*#__PURE__*/component(mergedHeaderTabItemConfig);
12
9
  /**
13
10
  * Элемент списка, недопустимо использовать вне компонента Tabs.
14
11
  */
@@ -16,8 +13,5 @@ export var TabItem = function TabItem(props) {
16
13
  if (props.orientation === 'vertical') {
17
14
  return /*#__PURE__*/React.createElement(VerticalTabItem, props);
18
15
  }
19
- if (props.header) {
20
- return /*#__PURE__*/React.createElement(HeaderTabItem, props);
21
- }
22
16
  return /*#__PURE__*/React.createElement(HorizontalTabItem, props);
23
17
  };
@@ -1,14 +1,11 @@
1
1
  import React from 'react';
2
- import { horizontalTabsConfig, verticalTabsConfig, headerTabsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { horizontalTabsConfig, verticalTabsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
3
3
  import { config as horizontalConfig } from './horizontal/HorizontalTabs.config';
4
4
  import { config as verticalConfig } from './vertical/VerticalTabs.config';
5
- import { config as headerConfig } from './header/HeaderTabs.config';
6
5
  var mergedHorizontalTabsConfig = /*#__PURE__*/mergeConfig(horizontalTabsConfig, horizontalConfig);
7
- var HorizontalTabs = /*#__PURE__*/component(mergedHorizontalTabsConfig);
8
6
  var mergedVerticalTabsConfig = /*#__PURE__*/mergeConfig(verticalTabsConfig, verticalConfig);
7
+ var HorizontalTabs = /*#__PURE__*/component(mergedHorizontalTabsConfig);
9
8
  var VerticalTabs = /*#__PURE__*/component(mergedVerticalTabsConfig);
10
- var mergedHeaderTabsConfig = /*#__PURE__*/mergeConfig(headerTabsConfig, headerConfig);
11
- var HeaderTabs = /*#__PURE__*/component(mergedHeaderTabsConfig);
12
9
  /**
13
10
  * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
14
11
  */
@@ -16,8 +13,5 @@ export var Tabs = function Tabs(props) {
16
13
  if (props.orientation === 'vertical') {
17
14
  return /*#__PURE__*/React.createElement(VerticalTabs, props);
18
15
  }
19
- if (props.header) {
20
- return /*#__PURE__*/React.createElement(HeaderTabs, props);
21
- }
22
16
  return /*#__PURE__*/React.createElement(HorizontalTabs, props);
23
17
  };
@@ -18,10 +18,6 @@ export var config = {
18
18
  s: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0 0.625rem;\n ", ": 0 0.5rem;\n ", ": 1.75rem;\n ", ": 0.25rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
19
19
  m: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0 0.625rem;\n ", ": 0 0.5rem;\n ", ": 1.75rem;\n ", ": 0.375rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
20
20
  l: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 3.5rem;\n ", ": 0 0.875rem;\n ", ": 0 0.75rem;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
21
- /**
22
- * @deprecated
23
- * вместо h1-h5 использовать HorizontalTabItem со свойством header
24
- */
25
21
  h5: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0rem;\n ", ": 1.75rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h5-font-family);\n ", ": var(--plasma-typo-h5-font-size);\n ", ": var(--plasma-typo-h5-font-style);\n ", ": var(--plasma-typo-h5-font-weight);\n ", ": var(--plasma-typo-h5-letter-spacing);\n ", ": var(--plasma-typo-h5-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
26
22
  h4: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 3.25rem;\n ", ": 0rem;\n ", ": 2rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h4-font-family);\n ", ": var(--plasma-typo-h4-font-size);\n ", ": var(--plasma-typo-h4-font-style);\n ", ": var(--plasma-typo-h4-font-weight);\n ", ": var(--plasma-typo-h4-letter-spacing);\n ", ": var(--plasma-typo-h4-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
27
23
  h3: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 3.875rem;\n ", ": 0rem;\n ", ": 2.25rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-h3-font-family);\n ", ": var(--plasma-typo-h3-font-size);\n ", ": var(--plasma-typo-h3-font-style);\n ", ": var(--plasma-typo-h3-font-weight);\n ", ": var(--plasma-typo-h3-letter-spacing);\n ", ": var(--plasma-typo-h3-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-finportal",
3
- "version": "0.145.0-canary.1493.11404929441.0",
3
+ "version": "0.145.0-canary.1494.11433814439.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS FinPortal web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "directory": "packages/sdds-finportal"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.172.0-canary.1493.11404929441.0",
22
+ "@salutejs/plasma-new-hope": "0.171.0-dev.0",
23
23
  "@salutejs/sdds-themes": "0.23.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -39,7 +39,7 @@
39
39
  "@salutejs/plasma-colors": "0.13.0",
40
40
  "@salutejs/plasma-core": "1.182.0",
41
41
  "@salutejs/plasma-cy-utils": "0.113.0",
42
- "@salutejs/plasma-icons": "1.206.0",
42
+ "@salutejs/plasma-icons": "1.207.0-canary.1494.11433814439.0",
43
43
  "@salutejs/plasma-sb-utils": "0.180.0",
44
44
  "@storybook/addon-docs": "7.6.17",
45
45
  "@storybook/addon-essentials": "7.6.17",
@@ -94,5 +94,5 @@
94
94
  "Vasiliy Loginevskiy"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "6680e67a684aedfc711b8a4cc3987d195b36da78"
97
+ "gitHead": "a7555550850bec2a9503d069b7b4a7e86bc75195"
98
98
  }
@@ -67,7 +67,6 @@ import { CommitInstanceCallback } from '@salutejs/plasma-new-hope/types/componen
67
67
  import { ComponentProps } from 'react';
68
68
  import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
69
69
  import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
70
- import { CustomHeaderTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
71
70
  import { CustomHorizontalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
72
71
  import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
73
72
  import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
@@ -1,21 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- };
6
- variations: {
7
- view: {
8
- divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
- };
10
- size: {
11
- h5: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
- h4: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
- h3: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
- h2: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
- h1: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
- };
17
- disabled: {
18
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
- };
20
- };
21
- };
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
9
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
- var config = exports.config = {
11
- defaults: {
12
- view: 'divider',
13
- size: 'h5'
14
- },
15
- variations: {
16
- view: {
17
- divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": background-color 0.3s ease-in-out;\n\n ", ": 0;\n ", ": 0;\n\n ", ": var(--surface-accent);\n\n ", ": 0.125rem;\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover)
18
- },
19
- size: {
20
- h5: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0rem;\n ", ": 1.75rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h5-font-family);\n ", ": var(--plasma-typo-h5-font-size);\n ", ": var(--plasma-typo-h5-font-style);\n ", ": var(--plasma-typo-h5-font-weight);\n ", ": var(--plasma-typo-h5-letter-spacing);\n ", ": var(--plasma-typo-h5-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
21
- h4: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 3.25rem;\n ", ": 0rem;\n ", ": 2rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h4-font-family);\n ", ": var(--plasma-typo-h4-font-size);\n ", ": var(--plasma-typo-h4-font-style);\n ", ": var(--plasma-typo-h4-font-weight);\n ", ": var(--plasma-typo-h4-letter-spacing);\n ", ": var(--plasma-typo-h4-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
22
- h3: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 3.875rem;\n ", ": 0rem;\n ", ": 2.25rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-h3-font-family);\n ", ": var(--plasma-typo-h3-font-size);\n ", ": var(--plasma-typo-h3-font-style);\n ", ": var(--plasma-typo-h3-font-weight);\n ", ": var(--plasma-typo-h3-letter-spacing);\n ", ": var(--plasma-typo-h3-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
23
- h2: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 4.5rem;\n ", ": 0rem;\n ", ": 2.5rem;\n ", ": 1rem;\n\n ", ": var(--plasma-typo-h2-font-family);\n ", ": var(--plasma-typo-h2-font-size);\n ", ": var(--plasma-typo-h2-font-style);\n ", ": var(--plasma-typo-h2-font-weight);\n ", ": var(--plasma-typo-h2-letter-spacing);\n ", ": var(--plasma-typo-h2-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
24
- h1: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 5.75rem;\n ", ": 0rem;\n ", ": 3.5rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-h1-font-family);\n ", ": var(--plasma-typo-h1-font-size);\n ", ": var(--plasma-typo-h1-font-style);\n ", ": var(--plasma-typo-h1-font-weight);\n ", ": var(--plasma-typo-h1-letter-spacing);\n ", ": var(--plasma-typo-h1-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight)
25
- },
26
- disabled: {
27
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.tabsTokens.disabledOpacity)
28
- }
29
- }
30
- };
@@ -1,22 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- };
6
- variations: {
7
- view: {
8
- clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
- divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
- };
11
- size: {
12
- h5: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
- h4: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
- h3: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
- h2: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
- h1: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
- };
18
- disabled: {
19
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
- };
21
- };
22
- };
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
9
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
- var config = exports.config = {
11
- defaults: {
12
- view: 'divider',
13
- size: 'h5'
14
- },
15
- variations: {
16
- view: {
17
- clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius),
18
- divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius)
19
- },
20
- size: {
21
- h5: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0.25rem;\n ", ": 0rem;\n "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
22
- h4: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0.25rem;\n ", ": 0rem;\n "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
23
- h3: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0.375rem;\n ", ": 0rem;\n "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
24
- h2: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0.5rem;\n ", ": 0rem;\n "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
25
- h1: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 1rem;\n ", ": 0rem;\n "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding)
26
- },
27
- disabled: {
28
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.tabsTokens.disabledOpacity)
29
- }
30
- }
31
- };
@@ -1,24 +0,0 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
4
- export var config = {
5
- defaults: {
6
- view: 'divider',
7
- size: 'h5'
8
- },
9
- variations: {
10
- view: {
11
- divider: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": background-color 0.3s ease-in-out;\n\n ", ": 0;\n ", ": 0;\n\n ", ": var(--surface-accent);\n\n ", ": 0.125rem;\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n "])), tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
12
- },
13
- size: {
14
- h5: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0rem;\n ", ": 1.75rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h5-font-family);\n ", ": var(--plasma-typo-h5-font-size);\n ", ": var(--plasma-typo-h5-font-style);\n ", ": var(--plasma-typo-h5-font-weight);\n ", ": var(--plasma-typo-h5-letter-spacing);\n ", ": var(--plasma-typo-h5-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
15
- h4: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 3.25rem;\n ", ": 0rem;\n ", ": 2rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h4-font-family);\n ", ": var(--plasma-typo-h4-font-size);\n ", ": var(--plasma-typo-h4-font-style);\n ", ": var(--plasma-typo-h4-font-weight);\n ", ": var(--plasma-typo-h4-letter-spacing);\n ", ": var(--plasma-typo-h4-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
16
- h3: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 3.875rem;\n ", ": 0rem;\n ", ": 2.25rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-h3-font-family);\n ", ": var(--plasma-typo-h3-font-size);\n ", ": var(--plasma-typo-h3-font-style);\n ", ": var(--plasma-typo-h3-font-weight);\n ", ": var(--plasma-typo-h3-letter-spacing);\n ", ": var(--plasma-typo-h3-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
17
- h2: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 4.5rem;\n ", ": 0rem;\n ", ": 2.5rem;\n ", ": 1rem;\n\n ", ": var(--plasma-typo-h2-font-family);\n ", ": var(--plasma-typo-h2-font-size);\n ", ": var(--plasma-typo-h2-font-style);\n ", ": var(--plasma-typo-h2-font-weight);\n ", ": var(--plasma-typo-h2-letter-spacing);\n ", ": var(--plasma-typo-h2-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
18
- h1: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 5.75rem;\n ", ": 0rem;\n ", ": 3.5rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-h1-font-family);\n ", ": var(--plasma-typo-h1-font-size);\n ", ": var(--plasma-typo-h1-font-style);\n ", ": var(--plasma-typo-h1-font-weight);\n ", ": var(--plasma-typo-h1-letter-spacing);\n ", ": var(--plasma-typo-h1-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight)
19
- },
20
- disabled: {
21
- "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tabsTokens.disabledOpacity)
22
- }
23
- }
24
- };
@@ -1,25 +0,0 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
4
- export var config = {
5
- defaults: {
6
- view: 'divider',
7
- size: 'h5'
8
- },
9
- variations: {
10
- view: {
11
- clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
12
- divider: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
13
- },
14
- size: {
15
- h5: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0.25rem;\n ", ": 0rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
16
- h4: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0.25rem;\n ", ": 0rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
17
- h3: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0.375rem;\n ", ": 0rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
18
- h2: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0.5rem;\n ", ": 0rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
19
- h1: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 1rem;\n ", ": 0rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
20
- },
21
- disabled: {
22
- "true": /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tabsTokens.disabledOpacity)
23
- }
24
- }
25
- };