@salutejs/sdds-cs 0.369.0 → 0.369.1-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/emotion/cjs/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
- package/dist/emotion/cjs/components/Drawer/Drawer.config.js +16 -3
- package/dist/emotion/cjs/components/Drawer/Drawer.js +1 -1
- package/dist/emotion/cjs/components/Notification/index.js +3 -0
- package/dist/emotion/cjs/components/Slider/Slider.config.js +3 -5
- package/dist/emotion/cjs/components/Tour/TourCard.config.js +84 -0
- package/dist/emotion/cjs/components/Tour/TourCard.js +14 -0
- package/dist/emotion/cjs/components/Tour/index.js +12 -3
- package/dist/emotion/es/components/Breadcrumbs/Breadcrumbs.config.js +2 -2
- package/dist/emotion/es/components/Drawer/Drawer.config.js +5 -0
- package/dist/emotion/es/components/Drawer/Drawer.js +2 -2
- package/dist/emotion/es/components/Notification/index.js +1 -1
- package/dist/emotion/es/components/Slider/Slider.config.js +3 -5
- package/dist/emotion/es/components/Tour/TourCard.config.js +74 -0
- package/dist/emotion/es/components/Tour/TourCard.js +4 -0
- package/dist/emotion/es/components/Tour/index.js +1 -0
- package/package.json +9 -9
- package/types/components/DatePicker/DatePicker.d.ts +1 -0
- package/types/components/Drawer/Drawer.config.d.ts +3 -0
- package/types/components/Drawer/Drawer.d.ts +1 -0
- package/types/components/Notification/index.d.ts +1 -1
- package/types/components/Range/Range.d.ts +36 -0
- package/types/components/Tabs/TabItem.d.ts +4 -2
- package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
- package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
- package/types/components/Tour/TourCard.config.d.ts +14 -0
- package/types/components/Tour/TourCard.d.ts +26 -0
- package/types/components/Tour/index.d.ts +1 -0
|
@@ -32,7 +32,7 @@ const config = {
|
|
|
32
32
|
${_emotion.breadcrumbsTokens.breadcrumbsFontFamily}: ${_sdds_cs.bodyS.fontFamily};
|
|
33
33
|
${_emotion.breadcrumbsTokens.breadcrumbsFontSize}: ${_sdds_cs.bodyS.fontSize};
|
|
34
34
|
${_emotion.breadcrumbsTokens.breadcrumbsFontStyle}: ${_sdds_cs.bodyS.fontStyle};
|
|
35
|
-
${_emotion.breadcrumbsTokens.breadcrumbsFontWeight}: ${_sdds_cs.
|
|
35
|
+
${_emotion.breadcrumbsTokens.breadcrumbsFontWeight}: ${_sdds_cs.bodyS.fontWeight};
|
|
36
36
|
${_emotion.breadcrumbsTokens.breadcrumbsLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
|
|
37
37
|
${_emotion.breadcrumbsTokens.breadcrumbsLineHeight}: ${_sdds_cs.bodyS.lineHeight};
|
|
38
38
|
`
|
|
@@ -2,10 +2,18 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get config () {
|
|
8
13
|
return config;
|
|
14
|
+
},
|
|
15
|
+
get headerConfig () {
|
|
16
|
+
return headerConfig;
|
|
9
17
|
}
|
|
10
18
|
});
|
|
11
19
|
const _sdds_cs = require("@salutejs/sdds-themes/tokens/sdds_cs");
|
|
@@ -41,3 +49,8 @@ const config = {
|
|
|
41
49
|
}
|
|
42
50
|
}
|
|
43
51
|
};
|
|
52
|
+
const headerConfig = {
|
|
53
|
+
base: (0, _emotion.css)`
|
|
54
|
+
padding-bottom: 1.5rem;
|
|
55
|
+
`
|
|
56
|
+
};
|
|
@@ -26,7 +26,7 @@ const _emotion = require("@salutejs/plasma-new-hope/emotion");
|
|
|
26
26
|
const _Drawerconfig = require("./Drawer.config");
|
|
27
27
|
const mergedConfig = (0, _emotion.mergeConfig)(_emotion.drawerConfig, _Drawerconfig.config);
|
|
28
28
|
const mergedContentConfig = (0, _emotion.mergeConfig)(_emotion.drawerContentConfig);
|
|
29
|
-
const mergedHeaderConfig = (0, _emotion.mergeConfig)(_emotion.drawerHeaderConfig);
|
|
29
|
+
const mergedHeaderConfig = (0, _emotion.mergeConfig)(_emotion.drawerHeaderConfig, _Drawerconfig.headerConfig);
|
|
30
30
|
const mergedFooterConfig = (0, _emotion.mergeConfig)(_emotion.drawerFooterConfig);
|
|
31
31
|
const Drawer = (0, _emotion.component)(mergedConfig);
|
|
32
32
|
const DrawerContent = (0, _emotion.component)(mergedContentConfig);
|
|
@@ -135,8 +135,7 @@ const config = {
|
|
|
135
135
|
},
|
|
136
136
|
pointerSize: {
|
|
137
137
|
small: (0, _emotion.css)`
|
|
138
|
-
${_emotion.sliderTokens.
|
|
139
|
-
${_emotion.sliderTokens.thumbBorderStyle}: solid;
|
|
138
|
+
${_emotion.sliderTokens.thumbWidth}: 1rem;
|
|
140
139
|
${_emotion.sliderTokens.thumbBorderWidth}: 0.0625rem;
|
|
141
140
|
|
|
142
141
|
${_emotion.sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
@@ -144,8 +143,7 @@ const config = {
|
|
|
144
143
|
${_emotion.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
145
144
|
`,
|
|
146
145
|
large: (0, _emotion.css)`
|
|
147
|
-
${_emotion.sliderTokens.
|
|
148
|
-
${_emotion.sliderTokens.thumbBorderStyle}: solid;
|
|
146
|
+
${_emotion.sliderTokens.thumbWidth}: 1.25rem;
|
|
149
147
|
${_emotion.sliderTokens.thumbBorderWidth}: 0.0625rem;
|
|
150
148
|
|
|
151
149
|
${_emotion.sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
@@ -153,7 +151,7 @@ const config = {
|
|
|
153
151
|
${_emotion.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
154
152
|
`,
|
|
155
153
|
none: (0, _emotion.css)`
|
|
156
|
-
${_emotion.sliderTokens.
|
|
154
|
+
${_emotion.sliderTokens.thumbWidth}: 0rem;
|
|
157
155
|
|
|
158
156
|
${_emotion.sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
159
157
|
${_emotion.sliderTokens.tickSeparatorHeight}: 0.5rem;
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "config", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return config;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
|
+
const _sdds_cs = require("@salutejs/sdds-themes/tokens/sdds_cs");
|
|
13
|
+
const config = {
|
|
14
|
+
defaults: {
|
|
15
|
+
view: 'default',
|
|
16
|
+
size: 's'
|
|
17
|
+
},
|
|
18
|
+
variations: {
|
|
19
|
+
view: {
|
|
20
|
+
default: (0, _styledcomponents.css)`
|
|
21
|
+
${_styledcomponents.tourCardTokens.background}: ${_sdds_cs.surfaceSolidCard};
|
|
22
|
+
${_styledcomponents.tourCardTokens.titleColor}: ${_sdds_cs.textPrimary};
|
|
23
|
+
${_styledcomponents.tourCardTokens.descriptionColor}: ${_sdds_cs.textSecondary};
|
|
24
|
+
${_styledcomponents.tourCardTokens.paginationNumberColor}: ${_sdds_cs.textSecondary};
|
|
25
|
+
${_styledcomponents.tourCardTokens.dotBackground}: ${_sdds_cs.surfaceAccent};
|
|
26
|
+
${_styledcomponents.tourCardTokens.dotBackgroundHover}: ${_sdds_cs.surfaceAccentHover};
|
|
27
|
+
${_styledcomponents.tourCardTokens.dotBackgroundActive}: ${_sdds_cs.surfaceAccentActive};
|
|
28
|
+
${_styledcomponents.tourCardTokens.dotActiveBackground}: ${_sdds_cs.textPrimary};
|
|
29
|
+
${_styledcomponents.tourCardTokens.dotActiveBackgroundHover}: ${_sdds_cs.textPrimaryHover};
|
|
30
|
+
${_styledcomponents.tourCardTokens.dotActiveBackgroundActive}: ${_sdds_cs.textPrimaryActive};
|
|
31
|
+
${_styledcomponents.tourCardTokens.closeButtonColor}: ${_sdds_cs.textAccent};
|
|
32
|
+
${_styledcomponents.tourCardTokens.closeButtonColorHover}: ${_sdds_cs.textAccentHover};
|
|
33
|
+
${_styledcomponents.tourCardTokens.closeButtonColorActive}: ${_sdds_cs.textAccentActive};
|
|
34
|
+
${_styledcomponents.tourCardTokens.closeButtonBackgroundColor}: transparent;
|
|
35
|
+
${_styledcomponents.tourCardTokens.closeButtonFocusColor}: ${_sdds_cs.surfaceAccent};
|
|
36
|
+
`
|
|
37
|
+
},
|
|
38
|
+
size: {
|
|
39
|
+
s: (0, _styledcomponents.css)`
|
|
40
|
+
${_styledcomponents.tourCardTokens.padding}: 1rem;
|
|
41
|
+
${_styledcomponents.tourCardTokens.borderRadius}: 1rem;
|
|
42
|
+
${_styledcomponents.tourCardTokens.gap}: 1.5rem;
|
|
43
|
+
|
|
44
|
+
${_styledcomponents.tourCardTokens.imageBorderRadius}: 0.5rem;
|
|
45
|
+
${_styledcomponents.tourCardTokens.imageMargin}: 0 0 1.5rem 0;
|
|
46
|
+
|
|
47
|
+
${_styledcomponents.tourCardTokens.textGap}: 0.25rem;
|
|
48
|
+
${_styledcomponents.tourCardTokens.textPadding}: 0;
|
|
49
|
+
${_styledcomponents.tourCardTokens.textPaddingExtra}: 0;
|
|
50
|
+
|
|
51
|
+
${_styledcomponents.tourCardTokens.titleFontFamily}: ${_sdds_cs.h4Bold.fontFamily};
|
|
52
|
+
${_styledcomponents.tourCardTokens.titleFontSize}: ${_sdds_cs.h4Bold.fontSize};
|
|
53
|
+
${_styledcomponents.tourCardTokens.titleFontStyle}: ${_sdds_cs.h4Bold.fontStyle};
|
|
54
|
+
${_styledcomponents.tourCardTokens.titleFontWeight}: ${_sdds_cs.h4Bold.fontWeight};
|
|
55
|
+
${_styledcomponents.tourCardTokens.titleFontLineHeight}: ${_sdds_cs.h4Bold.lineHeight};
|
|
56
|
+
|
|
57
|
+
${_styledcomponents.tourCardTokens.descriptionFontFamily}: ${_sdds_cs.bodyS.fontFamily};
|
|
58
|
+
${_styledcomponents.tourCardTokens.descriptionFontSize}: ${_sdds_cs.bodyS.fontSize};
|
|
59
|
+
${_styledcomponents.tourCardTokens.descriptionFontStyle}: ${_sdds_cs.bodyS.fontStyle};
|
|
60
|
+
${_styledcomponents.tourCardTokens.descriptionFontWeight}: ${_sdds_cs.bodyS.fontWeight};
|
|
61
|
+
${_styledcomponents.tourCardTokens.descriptionFontLineHeight}: ${_sdds_cs.bodyS.lineHeight};
|
|
62
|
+
|
|
63
|
+
${_styledcomponents.tourCardTokens.paginationNumberFontFamily}: ${_sdds_cs.bodyS.fontFamily};
|
|
64
|
+
${_styledcomponents.tourCardTokens.paginationNumberFontSize}: ${_sdds_cs.bodyS.fontSize};
|
|
65
|
+
${_styledcomponents.tourCardTokens.paginationNumberFontStyle}: ${_sdds_cs.bodyS.fontStyle};
|
|
66
|
+
${_styledcomponents.tourCardTokens.paginationNumberFontWeight}: ${_sdds_cs.bodyS.fontWeight};
|
|
67
|
+
${_styledcomponents.tourCardTokens.paginationNumberFontLineHeight}: ${_sdds_cs.bodyS.lineHeight};
|
|
68
|
+
|
|
69
|
+
${_styledcomponents.tourCardTokens.dotsGap}: 0.5rem;
|
|
70
|
+
${_styledcomponents.tourCardTokens.dotSize}: 0.5rem;
|
|
71
|
+
${_styledcomponents.tourCardTokens.dotContainerMargin}: 1.5rem 0 0 0;
|
|
72
|
+
|
|
73
|
+
${_styledcomponents.tourCardTokens.actionButtonsMargin}: 1.5rem auto 0 auto;
|
|
74
|
+
|
|
75
|
+
${_styledcomponents.tourCardTokens.skipButtonMargin}: 0.25rem 0 0 0;
|
|
76
|
+
|
|
77
|
+
${_styledcomponents.tourCardTokens.closeButtonIconSize}: 1.5rem;
|
|
78
|
+
${_styledcomponents.tourCardTokens.closeButtonWidth}: 1.5rem;
|
|
79
|
+
${_styledcomponents.tourCardTokens.closeButtonHeight}: 1.5rem;
|
|
80
|
+
${_styledcomponents.tourCardTokens.closeButtonRadius}: 0.5rem;
|
|
81
|
+
`
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "TourCard", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return TourCard;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
|
+
const _TourCardconfig = require("./TourCard.config");
|
|
13
|
+
const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.tourCardConfig, _TourCardconfig.config);
|
|
14
|
+
const TourCard = (0, _styledcomponents.component)(mergedConfig);
|
|
@@ -2,10 +2,19 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get Tour () {
|
|
8
13
|
return _Tour.Tour;
|
|
14
|
+
},
|
|
15
|
+
get TourCard () {
|
|
16
|
+
return _TourCard.TourCard;
|
|
9
17
|
}
|
|
10
18
|
});
|
|
11
19
|
const _Tour = require("./Tour");
|
|
20
|
+
const _TourCard = require("./TourCard");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { bodyS,
|
|
1
|
+
import { bodyS, surfaceAccent, textAccent, textPrimary, textSecondary } from '@salutejs/sdds-themes/tokens/sdds_cs';
|
|
2
2
|
import { css, breadcrumbsTokens } from '@salutejs/plasma-new-hope/emotion';
|
|
3
3
|
export const config = {
|
|
4
4
|
defaults: {
|
|
@@ -22,7 +22,7 @@ export const config = {
|
|
|
22
22
|
${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyS.fontFamily};
|
|
23
23
|
${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyS.fontSize};
|
|
24
24
|
${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyS.fontStyle};
|
|
25
|
-
${breadcrumbsTokens.breadcrumbsFontWeight}: ${
|
|
25
|
+
${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyS.fontWeight};
|
|
26
26
|
${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyS.letterSpacing};
|
|
27
27
|
${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyS.lineHeight};
|
|
28
28
|
`
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { drawerConfig, drawerContentConfig, drawerFooterConfig, drawerHeaderConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
|
|
2
|
-
import { config } from './Drawer.config';
|
|
2
|
+
import { config, headerConfig } from './Drawer.config';
|
|
3
3
|
const mergedConfig = mergeConfig(drawerConfig, config);
|
|
4
4
|
const mergedContentConfig = mergeConfig(drawerContentConfig);
|
|
5
|
-
const mergedHeaderConfig = mergeConfig(drawerHeaderConfig);
|
|
5
|
+
const mergedHeaderConfig = mergeConfig(drawerHeaderConfig, headerConfig);
|
|
6
6
|
const mergedFooterConfig = mergeConfig(drawerFooterConfig);
|
|
7
7
|
/**
|
|
8
8
|
* Компонент Drawer.
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { NotificationsProvider, Notification } from './Notification';
|
|
2
|
-
export { addNotification, closeNotification } from '@salutejs/plasma-new-hope/emotion';
|
|
2
|
+
export { addNotification, closeNotification, useNotifications } from '@salutejs/plasma-new-hope/emotion';
|
|
@@ -125,8 +125,7 @@ export const config = {
|
|
|
125
125
|
},
|
|
126
126
|
pointerSize: {
|
|
127
127
|
small: css`
|
|
128
|
-
${sliderTokens.
|
|
129
|
-
${sliderTokens.thumbBorderStyle}: solid;
|
|
128
|
+
${sliderTokens.thumbWidth}: 1rem;
|
|
130
129
|
${sliderTokens.thumbBorderWidth}: 0.0625rem;
|
|
131
130
|
|
|
132
131
|
${sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
@@ -134,8 +133,7 @@ export const config = {
|
|
|
134
133
|
${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
135
134
|
`,
|
|
136
135
|
large: css`
|
|
137
|
-
${sliderTokens.
|
|
138
|
-
${sliderTokens.thumbBorderStyle}: solid;
|
|
136
|
+
${sliderTokens.thumbWidth}: 1.25rem;
|
|
139
137
|
${sliderTokens.thumbBorderWidth}: 0.0625rem;
|
|
140
138
|
|
|
141
139
|
${sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
@@ -143,7 +141,7 @@ export const config = {
|
|
|
143
141
|
${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
144
142
|
`,
|
|
145
143
|
none: css`
|
|
146
|
-
${sliderTokens.
|
|
144
|
+
${sliderTokens.thumbWidth}: 0rem;
|
|
147
145
|
|
|
148
146
|
${sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
149
147
|
${sliderTokens.tickSeparatorHeight}: 0.5rem;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { tourCardTokens as tokens, css } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
|
+
import { bodyS, h4Bold, surfaceAccent, surfaceAccentActive, surfaceAccentHover, surfaceSolidCard, textAccent, textAccentActive, textAccentHover, textPrimary, textPrimaryActive, textPrimaryHover, textSecondary } from '@salutejs/sdds-themes/tokens/sdds_cs';
|
|
3
|
+
export const config = {
|
|
4
|
+
defaults: {
|
|
5
|
+
view: 'default',
|
|
6
|
+
size: 's'
|
|
7
|
+
},
|
|
8
|
+
variations: {
|
|
9
|
+
view: {
|
|
10
|
+
default: css`
|
|
11
|
+
${tokens.background}: ${surfaceSolidCard};
|
|
12
|
+
${tokens.titleColor}: ${textPrimary};
|
|
13
|
+
${tokens.descriptionColor}: ${textSecondary};
|
|
14
|
+
${tokens.paginationNumberColor}: ${textSecondary};
|
|
15
|
+
${tokens.dotBackground}: ${surfaceAccent};
|
|
16
|
+
${tokens.dotBackgroundHover}: ${surfaceAccentHover};
|
|
17
|
+
${tokens.dotBackgroundActive}: ${surfaceAccentActive};
|
|
18
|
+
${tokens.dotActiveBackground}: ${textPrimary};
|
|
19
|
+
${tokens.dotActiveBackgroundHover}: ${textPrimaryHover};
|
|
20
|
+
${tokens.dotActiveBackgroundActive}: ${textPrimaryActive};
|
|
21
|
+
${tokens.closeButtonColor}: ${textAccent};
|
|
22
|
+
${tokens.closeButtonColorHover}: ${textAccentHover};
|
|
23
|
+
${tokens.closeButtonColorActive}: ${textAccentActive};
|
|
24
|
+
${tokens.closeButtonBackgroundColor}: transparent;
|
|
25
|
+
${tokens.closeButtonFocusColor}: ${surfaceAccent};
|
|
26
|
+
`
|
|
27
|
+
},
|
|
28
|
+
size: {
|
|
29
|
+
s: css`
|
|
30
|
+
${tokens.padding}: 1rem;
|
|
31
|
+
${tokens.borderRadius}: 1rem;
|
|
32
|
+
${tokens.gap}: 1.5rem;
|
|
33
|
+
|
|
34
|
+
${tokens.imageBorderRadius}: 0.5rem;
|
|
35
|
+
${tokens.imageMargin}: 0 0 1.5rem 0;
|
|
36
|
+
|
|
37
|
+
${tokens.textGap}: 0.25rem;
|
|
38
|
+
${tokens.textPadding}: 0;
|
|
39
|
+
${tokens.textPaddingExtra}: 0;
|
|
40
|
+
|
|
41
|
+
${tokens.titleFontFamily}: ${h4Bold.fontFamily};
|
|
42
|
+
${tokens.titleFontSize}: ${h4Bold.fontSize};
|
|
43
|
+
${tokens.titleFontStyle}: ${h4Bold.fontStyle};
|
|
44
|
+
${tokens.titleFontWeight}: ${h4Bold.fontWeight};
|
|
45
|
+
${tokens.titleFontLineHeight}: ${h4Bold.lineHeight};
|
|
46
|
+
|
|
47
|
+
${tokens.descriptionFontFamily}: ${bodyS.fontFamily};
|
|
48
|
+
${tokens.descriptionFontSize}: ${bodyS.fontSize};
|
|
49
|
+
${tokens.descriptionFontStyle}: ${bodyS.fontStyle};
|
|
50
|
+
${tokens.descriptionFontWeight}: ${bodyS.fontWeight};
|
|
51
|
+
${tokens.descriptionFontLineHeight}: ${bodyS.lineHeight};
|
|
52
|
+
|
|
53
|
+
${tokens.paginationNumberFontFamily}: ${bodyS.fontFamily};
|
|
54
|
+
${tokens.paginationNumberFontSize}: ${bodyS.fontSize};
|
|
55
|
+
${tokens.paginationNumberFontStyle}: ${bodyS.fontStyle};
|
|
56
|
+
${tokens.paginationNumberFontWeight}: ${bodyS.fontWeight};
|
|
57
|
+
${tokens.paginationNumberFontLineHeight}: ${bodyS.lineHeight};
|
|
58
|
+
|
|
59
|
+
${tokens.dotsGap}: 0.5rem;
|
|
60
|
+
${tokens.dotSize}: 0.5rem;
|
|
61
|
+
${tokens.dotContainerMargin}: 1.5rem 0 0 0;
|
|
62
|
+
|
|
63
|
+
${tokens.actionButtonsMargin}: 1.5rem auto 0 auto;
|
|
64
|
+
|
|
65
|
+
${tokens.skipButtonMargin}: 0.25rem 0 0 0;
|
|
66
|
+
|
|
67
|
+
${tokens.closeButtonIconSize}: 1.5rem;
|
|
68
|
+
${tokens.closeButtonWidth}: 1.5rem;
|
|
69
|
+
${tokens.closeButtonHeight}: 1.5rem;
|
|
70
|
+
${tokens.closeButtonRadius}: 0.5rem;
|
|
71
|
+
`
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.369.0",
|
|
3
|
+
"version": "0.369.1-dev.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS CS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"publishConfig": {
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"styled-components": "^5.3.1"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@salutejs/plasma-new-hope": "0.377.0",
|
|
46
|
-
"@salutejs/sdds-themes": "0.78.0"
|
|
45
|
+
"@salutejs/plasma-new-hope": "0.377.1-dev.0",
|
|
46
|
+
"@salutejs/sdds-themes": "0.78.1-dev.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@babel/cli": "7.24.1",
|
|
@@ -57,11 +57,11 @@
|
|
|
57
57
|
"@emotion/react": ">=11",
|
|
58
58
|
"@emotion/styled": ">=11",
|
|
59
59
|
"@originjs/vite-plugin-commonjs": "1.0.3",
|
|
60
|
-
"@salutejs/plasma-colors": "0.21.0",
|
|
61
|
-
"@salutejs/plasma-core": "1.240.0",
|
|
62
|
-
"@salutejs/plasma-cy-utils": "0.170.0",
|
|
63
|
-
"@salutejs/plasma-icons": "1.248.0",
|
|
64
|
-
"@salutejs/plasma-sb-utils": "0.241.0",
|
|
60
|
+
"@salutejs/plasma-colors": "0.21.1-dev.0",
|
|
61
|
+
"@salutejs/plasma-core": "1.240.1-dev.0",
|
|
62
|
+
"@salutejs/plasma-cy-utils": "0.170.1-dev.0",
|
|
63
|
+
"@salutejs/plasma-icons": "1.248.1-dev.0",
|
|
64
|
+
"@salutejs/plasma-sb-utils": "0.241.1-dev.0",
|
|
65
65
|
"@types/node": "16.7.13",
|
|
66
66
|
"@types/react": "18.0.28",
|
|
67
67
|
"@types/react-dom": "18.0.11",
|
|
@@ -102,5 +102,5 @@
|
|
|
102
102
|
"salute.developers@gmail.com"
|
|
103
103
|
],
|
|
104
104
|
"sideEffects": false,
|
|
105
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "0bec260b9a0cb12f9621800550014b55fe8f82a7"
|
|
106
106
|
}
|
|
@@ -181,6 +181,7 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
|
|
|
181
181
|
} & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
|
|
182
182
|
placement?: import("@salutejs/plasma-new-hope/emotion").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
|
|
183
183
|
isDoubleCalendar?: boolean;
|
|
184
|
+
isCalendarPositionedByInput?: boolean;
|
|
184
185
|
dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DateShortcutItem[];
|
|
185
186
|
} & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
186
187
|
appearance?: "default" | "clear";
|
|
@@ -19,6 +19,7 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
|
|
|
19
19
|
customBackgroundColor?: string;
|
|
20
20
|
customContentBackgroundColor?: string;
|
|
21
21
|
withBlur?: boolean;
|
|
22
|
+
overlayProps?: import("@salutejs/plasma-new-hope/emotion").DrawerOverlayProps;
|
|
22
23
|
closeOnEsc?: boolean;
|
|
23
24
|
closeOnOverlayClick?: boolean;
|
|
24
25
|
onEscKeyDown?: (event: KeyboardEvent) => void;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { NotificationsProvider, Notification } from './Notification';
|
|
2
|
-
export { addNotification, closeNotification } from '@salutejs/plasma-new-hope/emotion';
|
|
2
|
+
export { addNotification, closeNotification, useNotifications } from '@salutejs/plasma-new-hope/emotion';
|
|
3
3
|
export type { NotificationProps, NotificationLayout, NotificationIconPlacement, } from '@salutejs/plasma-new-hope/emotion';
|
|
@@ -45,6 +45,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
45
45
|
required?: boolean;
|
|
46
46
|
hasRequiredIndicator?: boolean;
|
|
47
47
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
48
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
49
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
48
50
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
49
51
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
50
52
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -104,6 +106,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
104
106
|
required?: boolean;
|
|
105
107
|
hasRequiredIndicator?: boolean;
|
|
106
108
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
109
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
110
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
107
111
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
108
112
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
109
113
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -163,6 +167,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
163
167
|
required?: boolean;
|
|
164
168
|
hasRequiredIndicator?: boolean;
|
|
165
169
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
170
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
171
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
166
172
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
167
173
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
168
174
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -222,6 +228,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
222
228
|
required?: boolean;
|
|
223
229
|
hasRequiredIndicator?: boolean;
|
|
224
230
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
231
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
232
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
225
233
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
226
234
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
227
235
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -281,6 +289,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
281
289
|
required?: boolean;
|
|
282
290
|
hasRequiredIndicator?: boolean;
|
|
283
291
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
292
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
293
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
284
294
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
285
295
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
286
296
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -340,6 +350,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
340
350
|
required?: boolean;
|
|
341
351
|
hasRequiredIndicator?: boolean;
|
|
342
352
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
353
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
354
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
343
355
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
344
356
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
345
357
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -399,6 +411,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
399
411
|
required?: boolean;
|
|
400
412
|
hasRequiredIndicator?: boolean;
|
|
401
413
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
414
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
415
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
402
416
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
403
417
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
404
418
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -458,6 +472,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
458
472
|
required?: boolean;
|
|
459
473
|
hasRequiredIndicator?: boolean;
|
|
460
474
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
475
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
476
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
461
477
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
462
478
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
463
479
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -517,6 +533,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
517
533
|
required?: boolean;
|
|
518
534
|
hasRequiredIndicator?: boolean;
|
|
519
535
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
536
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
537
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
520
538
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
521
539
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
522
540
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -576,6 +594,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
576
594
|
required?: boolean;
|
|
577
595
|
hasRequiredIndicator?: boolean;
|
|
578
596
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
597
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
598
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
579
599
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
580
600
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
581
601
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -635,6 +655,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
635
655
|
required?: boolean;
|
|
636
656
|
hasRequiredIndicator?: boolean;
|
|
637
657
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
658
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
659
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
638
660
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
639
661
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
640
662
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -694,6 +716,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
694
716
|
required?: boolean;
|
|
695
717
|
hasRequiredIndicator?: boolean;
|
|
696
718
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
719
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
720
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
697
721
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
698
722
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
699
723
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -753,6 +777,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
753
777
|
required?: boolean;
|
|
754
778
|
hasRequiredIndicator?: boolean;
|
|
755
779
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
780
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
781
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
756
782
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
757
783
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
758
784
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -812,6 +838,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
812
838
|
required?: boolean;
|
|
813
839
|
hasRequiredIndicator?: boolean;
|
|
814
840
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
841
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
842
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
815
843
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
816
844
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
817
845
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -871,6 +899,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
871
899
|
required?: boolean;
|
|
872
900
|
hasRequiredIndicator?: boolean;
|
|
873
901
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
902
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
903
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
874
904
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
875
905
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
876
906
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -930,6 +960,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
930
960
|
required?: boolean;
|
|
931
961
|
hasRequiredIndicator?: boolean;
|
|
932
962
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
963
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
964
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
933
965
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
934
966
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
935
967
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -989,6 +1021,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
989
1021
|
required?: boolean;
|
|
990
1022
|
hasRequiredIndicator?: boolean;
|
|
991
1023
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
1024
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
1025
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
992
1026
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
993
1027
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
994
1028
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -1048,6 +1082,8 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
1048
1082
|
required?: boolean;
|
|
1049
1083
|
hasRequiredIndicator?: boolean;
|
|
1050
1084
|
inputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
1085
|
+
firstTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
1086
|
+
secondTextfieldInputWrapperRef?: import("react").Ref<HTMLDivElement>;
|
|
1051
1087
|
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
1052
1088
|
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackChangeInstance;
|
|
1053
1089
|
onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types.js").BaseCallbackKeyboardInstance;
|
|
@@ -24,7 +24,7 @@ declare const HorizontalTabItem: React.FunctionComponent<(import("@salutejs/plas
|
|
|
24
24
|
pilled?: boolean;
|
|
25
25
|
animated?: boolean;
|
|
26
26
|
view?: string;
|
|
27
|
-
size?:
|
|
27
|
+
size?: string;
|
|
28
28
|
isActive?: boolean;
|
|
29
29
|
} & {
|
|
30
30
|
value?: string | number;
|
|
@@ -54,7 +54,7 @@ declare const HorizontalTabItem: React.FunctionComponent<(import("@salutejs/plas
|
|
|
54
54
|
pilled?: boolean;
|
|
55
55
|
animated?: boolean;
|
|
56
56
|
view?: string;
|
|
57
|
-
size?:
|
|
57
|
+
size?: string;
|
|
58
58
|
isActive?: boolean;
|
|
59
59
|
} & {
|
|
60
60
|
value?: never;
|
|
@@ -78,6 +78,7 @@ declare const VerticalTabItem: React.FunctionComponent<import("@salutejs/plasma-
|
|
|
78
78
|
contentLeft?: React.ReactNode;
|
|
79
79
|
view?: string;
|
|
80
80
|
size?: string;
|
|
81
|
+
pilled?: boolean;
|
|
81
82
|
} & {
|
|
82
83
|
value?: string | number;
|
|
83
84
|
contentRight?: never;
|
|
@@ -86,6 +87,7 @@ declare const VerticalTabItem: React.FunctionComponent<import("@salutejs/plasma-
|
|
|
86
87
|
contentLeft?: React.ReactNode;
|
|
87
88
|
view?: string;
|
|
88
89
|
size?: string;
|
|
90
|
+
pilled?: boolean;
|
|
89
91
|
} & {
|
|
90
92
|
value?: never;
|
|
91
93
|
contentRight?: React.ReactNode;
|
|
@@ -49,6 +49,8 @@ export declare const ColumnTitle: import("@emotion/styled").StyledComponent<{
|
|
|
49
49
|
export declare const StyledAccordionItem: import("@emotion/styled").StyledComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange" | "title"> & {
|
|
50
50
|
value?: boolean;
|
|
51
51
|
type?: "clear" | "arrow" | "sign";
|
|
52
|
+
defaultIconContent?: import("@salutejs/plasma-new-hope").AccordionItemDefaultIconContent;
|
|
53
|
+
defaultIconPlacement?: import("@salutejs/plasma-new-hope").AccordionItemDefaultIconPlacement;
|
|
52
54
|
contentLeft?: React.ReactNode;
|
|
53
55
|
alignWithTitle?: boolean;
|
|
54
56
|
contentRight?: React.ReactNode;
|
|
@@ -57,6 +57,8 @@ export declare const AccordionInfo: import("@emotion/styled").StyledComponent<{
|
|
|
57
57
|
export declare const StyledAccordionItem: import("@emotion/styled").StyledComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange" | "title"> & {
|
|
58
58
|
value?: boolean;
|
|
59
59
|
type?: "clear" | "arrow" | "sign";
|
|
60
|
+
defaultIconContent?: import("@salutejs/plasma-new-hope").AccordionItemDefaultIconContent;
|
|
61
|
+
defaultIconPlacement?: import("@salutejs/plasma-new-hope").AccordionItemDefaultIconPlacement;
|
|
60
62
|
contentLeft?: React.ReactNode;
|
|
61
63
|
alignWithTitle?: boolean;
|
|
62
64
|
contentRight?: React.ReactNode;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare const config: {
|
|
2
|
+
defaults: {
|
|
3
|
+
view: string;
|
|
4
|
+
size: string;
|
|
5
|
+
};
|
|
6
|
+
variations: {
|
|
7
|
+
view: {
|
|
8
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
9
|
+
};
|
|
10
|
+
size: {
|
|
11
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export declare const TourCard: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
|
|
2
|
+
view: {
|
|
3
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
4
|
+
};
|
|
5
|
+
size: {
|
|
6
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
7
|
+
};
|
|
8
|
+
}> & {
|
|
9
|
+
orientation?: "horizontal" | "vertical";
|
|
10
|
+
contentDirection?: "row-reverse" | "row";
|
|
11
|
+
title?: string;
|
|
12
|
+
description?: string;
|
|
13
|
+
image?: import("@salutejs/plasma-new-hope/styled-components").ImageProps;
|
|
14
|
+
showPagination?: boolean;
|
|
15
|
+
paginationVisibleItems?: number;
|
|
16
|
+
paginationType?: "dot" | "compact";
|
|
17
|
+
stepCurrent?: number;
|
|
18
|
+
stepLength?: number;
|
|
19
|
+
goToStep?: (index: number) => void;
|
|
20
|
+
actionButtons?: React.ReactNode;
|
|
21
|
+
skipButton?: React.ReactNode;
|
|
22
|
+
showClose?: boolean;
|
|
23
|
+
onClose?: () => void;
|
|
24
|
+
view?: string;
|
|
25
|
+
size?: string;
|
|
26
|
+
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|