@salutejs/sdds-finportal 0.150.0-canary.1503.11571511639.0 → 0.150.1-canary.1502.11573459466.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (11) hide show
  1. package/api/sdds-finportal.api.md +3 -2
  2. package/components/Tabs/TabItem.d.ts +21 -6
  3. package/components/Tabs/Tabs.d.ts +2 -2
  4. package/components/Tabs/horizontal/HorizontalTabItem.config.js +2 -2
  5. package/components/Tabs/horizontal/HorizontalTabs.config.js +3 -3
  6. package/components/Tabs/vertical/VerticalTabs.config.js +1 -1
  7. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +2 -2
  8. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +3 -3
  9. package/es/components/Tabs/vertical/VerticalTabs.config.js +1 -1
  10. package/package.json +3 -3
  11. package/temp/sdds-finportal.api.md +3 -2
package/api/sdds-finportal.api.md CHANGED
@@ -20,8 +20,8 @@ import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
20
20
  import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
21
21
  import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
22
22
  import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
23
- import { BaseTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types';
24
- import { BaseTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
23
+ import { BaseTabItemProps } from '@salutejs/plasma-new-hope/styled-components';
24
+ import { BaseTabsProps } from '@salutejs/plasma-new-hope/styled-components';
25
25
  import { bodyL } from '@salutejs/sdds-themes/tokens';
26
26
  import { bodyLBold } from '@salutejs/sdds-themes/tokens';
27
27
  import { bodyM } from '@salutejs/sdds-themes/tokens';
@@ -67,6 +67,7 @@ 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';
70
71
  import { CustomHorizontalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
71
72
  import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
72
73
  import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
package/components/Tabs/TabItem.d.ts CHANGED
@@ -23,26 +23,39 @@ declare const HorizontalTabItem: React.FunctionComponent<import("@salutejs/plasm
23
23
  pilled: {
24
24
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
25
25
  };
26
- }> & ((import("@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types").BaseTabItemProps & {
26
+ }> & ((import("@salutejs/plasma-new-hope/styled-components").BaseTabItemProps & {
27
27
  orientation?: "horizontal" | undefined;
28
+ contentLeft?: React.ReactNode;
28
29
  pilled?: boolean | undefined;
29
30
  animated?: boolean | undefined;
30
31
  view?: string | undefined;
31
- size?: string | undefined;
32
+ size?: "s" | "m" | "l" | "xs" | undefined;
32
33
  isActive?: boolean | undefined;
33
34
  } & {
34
35
  value?: string | number | undefined;
35
36
  contentRight?: undefined;
36
- } & React.RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types").BaseTabItemProps & {
37
+ } & React.RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/styled-components").BaseTabItemProps & {
37
38
  orientation?: "horizontal" | undefined;
39
+ contentLeft?: React.ReactNode;
38
40
  pilled?: boolean | undefined;
39
41
  animated?: boolean | undefined;
40
42
  view?: string | undefined;
41
- size?: string | undefined;
43
+ size?: "s" | "m" | "l" | "xs" | undefined;
42
44
  isActive?: boolean | undefined;
43
45
  } & {
44
46
  value?: undefined;
45
47
  contentRight?: React.ReactNode;
48
+ } & React.RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/styled-components").BaseTabItemProps & {
49
+ orientation?: "horizontal" | undefined;
50
+ contentLeft?: undefined;
51
+ pilled?: undefined;
52
+ animated?: undefined;
53
+ view?: string | undefined;
54
+ size: "h1" | "h2" | "h3" | "h4" | "h5";
55
+ isActive?: undefined;
56
+ } & {
57
+ value?: string | number | undefined;
58
+ contentRight?: undefined;
46
59
  } & React.RefAttributes<HTMLDivElement>))>;
47
60
  declare const VerticalTabItem: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
48
61
  view: {
@@ -57,15 +70,17 @@ declare const VerticalTabItem: React.FunctionComponent<import("@salutejs/plasma-
57
70
  disabled: {
58
71
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
59
72
  };
60
- }> & ((import("@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types").BaseTabItemProps & {
73
+ }> & ((import("@salutejs/plasma-new-hope/styled-components").BaseTabItemProps & {
61
74
  orientation: "vertical";
75
+ contentLeft?: React.ReactNode;
62
76
  view?: string | undefined;
63
77
  size?: string | undefined;
64
78
  } & {
65
79
  value?: string | number | undefined;
66
80
  contentRight?: undefined;
67
- } & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types").BaseTabItemProps & {
81
+ } & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/styled-components").BaseTabItemProps & {
68
82
  orientation: "vertical";
83
+ contentLeft?: React.ReactNode;
69
84
  view?: string | undefined;
70
85
  size?: string | undefined;
71
86
  } & {
package/components/Tabs/Tabs.d.ts CHANGED
@@ -25,7 +25,7 @@ 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>>;
28
+ }> & ((import("@salutejs/plasma-new-hope/styled-components").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomHorizontalTabsProps & React.RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/styled-components").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomHeaderTabsProps & 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;
@@ -42,7 +42,7 @@ declare const VerticalTabs: React.FunctionComponent<import("@salutejs/plasma-new
42
42
  disabled: {
43
43
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
44
44
  };
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>>;
45
+ }> & import("@salutejs/plasma-new-hope/styled-components").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomVerticalTabsProps & React.RefAttributes<HTMLDivElement>>;
46
46
  declare type TabsProps = ComponentProps<typeof HorizontalTabs> | ComponentProps<typeof VerticalTabs>;
47
47
  /**
48
48
  * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
package/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -27,8 +27,8 @@ var config = exports.config = {
27
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),
28
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),
29
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),
30
- h2: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__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),
31
- h1: /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__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)
30
+ h2: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 4.5rem;\n ", ": 0rem;\n ", ": 2.5rem;\n ", ": 0.875rem;\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),
31
+ h1: /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 5.75rem;\n ", ": 0rem;\n ", ": 3.5rem;\n ", ": 1rem;\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)
32
32
  },
33
33
  disabled: {
34
34
  "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.tabsTokens.disabledOpacity)
package/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -14,9 +14,9 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
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
- filled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\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),
19
- divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__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)
17
+ clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.arrowColorHover, _styledComponents.tabsTokens.arrowColorActive, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius),
18
+ filled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.arrowColorHover, _styledComponents.tabsTokens.arrowColorActive, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius),
19
+ divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.arrowColorHover, _styledComponents.tabsTokens.arrowColorActive, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius)
20
20
  },
21
21
  size: {
22
22
  xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.125rem;\n "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
package/components/Tabs/vertical/VerticalTabs.config.js CHANGED
@@ -14,7 +14,7 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerWidth, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius)
17
+ divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.arrowColorHover, _styledComponents.tabsTokens.arrowColorActive, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerWidth, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius)
18
18
  },
19
19
  size: {
20
20
  xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.125rem;\n "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
package/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -21,8 +21,8 @@ export var config = {
21
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),
22
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),
23
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),
24
- h2: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__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),
25
- h1: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__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)
24
+ h2: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 4.5rem;\n ", ": 0rem;\n ", ": 2.5rem;\n ", ": 0.875rem;\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),
25
+ h1: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 5.75rem;\n ", ": 0rem;\n ", ": 3.5rem;\n ", ": 1rem;\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)
26
26
  },
27
27
  disabled: {
28
28
  "true": /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tabsTokens.disabledOpacity)
package/es/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -8,9 +8,9 @@ export var config = {
8
8
  },
9
9
  variations: {
10
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
- filled: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
13
- divider: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__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)
11
+ clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), tabsTokens.arrowColor, tabsTokens.arrowColorHover, tabsTokens.arrowColorActive, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
12
+ filled: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), tabsTokens.arrowColor, tabsTokens.arrowColorHover, tabsTokens.arrowColorActive, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
13
+ divider: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), tabsTokens.arrowColor, tabsTokens.arrowColorHover, tabsTokens.arrowColorActive, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
14
14
  },
15
15
  size: {
16
16
  xs: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.125rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
package/es/components/Tabs/vertical/VerticalTabs.config.js CHANGED
@@ -8,7 +8,7 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- divider: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerWidth, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
11
+ divider: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), tabsTokens.arrowColor, tabsTokens.arrowColorHover, tabsTokens.arrowColorActive, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerWidth, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
12
12
  },
13
13
  size: {
14
14
  xs: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.125rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-finportal",
3
- "version": "0.150.0-canary.1503.11571511639.0",
3
+ "version": "0.150.1-canary.1502.11573459466.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.177.0-canary.1503.11571511639.0",
22
+ "@salutejs/plasma-new-hope": "0.177.1-canary.1502.11573459466.0",
23
23
  "@salutejs/sdds-themes": "0.25.0-dev.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -94,5 +94,5 @@
94
94
  "Vasiliy Loginevskiy"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "de7eead6d2f1f872cab4d2e15257f4f413bc52bf"
97
+ "gitHead": "b131c32bcbc014ce7180be56f20bfbbbd2efe4e4"
98
98
  }
package/temp/sdds-finportal.api.md CHANGED
@@ -20,8 +20,8 @@ import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
20
20
  import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
21
21
  import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
22
22
  import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
23
- import { BaseTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types';
24
- import { BaseTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
23
+ import { BaseTabItemProps } from '@salutejs/plasma-new-hope/styled-components';
24
+ import { BaseTabsProps } from '@salutejs/plasma-new-hope/styled-components';
25
25
  import { bodyL } from '@salutejs/sdds-themes/tokens';
26
26
  import { bodyLBold } from '@salutejs/sdds-themes/tokens';
27
27
  import { bodyM } from '@salutejs/sdds-themes/tokens';
@@ -67,6 +67,7 @@ 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';
70
71
  import { CustomHorizontalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
71
72
  import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
72
73
  import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';