@salutejs/sdds-cs 0.369.0-next-sbcom.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.
Files changed (45) hide show
  1. package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  2. package/dist/emotion/cjs/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
  3. package/dist/emotion/cjs/components/Calendar/Calendar.config.js +0 -1
  4. package/dist/emotion/cjs/components/Calendar/CalendarDouble.config.js +0 -1
  5. package/dist/emotion/cjs/components/Combobox/Combobox.config.js +2 -2
  6. package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +0 -1
  7. package/dist/emotion/cjs/components/Drawer/Drawer.config.js +16 -3
  8. package/dist/emotion/cjs/components/Drawer/Drawer.js +1 -1
  9. package/dist/emotion/cjs/components/Notification/index.js +3 -0
  10. package/dist/emotion/cjs/components/Select/Select.config.js +1 -1
  11. package/dist/emotion/cjs/components/Slider/Slider.config.js +3 -5
  12. package/dist/emotion/cjs/components/TextField/TextField.clear.config.js +1 -1
  13. package/dist/emotion/cjs/components/TextField/TextField.config.js +2 -2
  14. package/dist/emotion/cjs/components/Tour/TourCard.config.js +84 -0
  15. package/dist/emotion/cjs/components/Tour/TourCard.js +14 -0
  16. package/dist/emotion/cjs/components/Tour/index.js +12 -3
  17. package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js +1 -1
  18. package/dist/emotion/es/components/Breadcrumbs/Breadcrumbs.config.js +2 -2
  19. package/dist/emotion/es/components/Calendar/Calendar.config.js +0 -1
  20. package/dist/emotion/es/components/Calendar/CalendarDouble.config.js +0 -1
  21. package/dist/emotion/es/components/Combobox/Combobox.config.js +2 -2
  22. package/dist/emotion/es/components/DatePicker/DatePicker.config.js +0 -1
  23. package/dist/emotion/es/components/Drawer/Drawer.config.js +5 -0
  24. package/dist/emotion/es/components/Drawer/Drawer.js +2 -2
  25. package/dist/emotion/es/components/Notification/index.js +1 -1
  26. package/dist/emotion/es/components/Select/Select.config.js +1 -1
  27. package/dist/emotion/es/components/Slider/Slider.config.js +3 -5
  28. package/dist/emotion/es/components/TextField/TextField.clear.config.js +1 -1
  29. package/dist/emotion/es/components/TextField/TextField.config.js +2 -2
  30. package/dist/emotion/es/components/Tour/TourCard.config.js +74 -0
  31. package/dist/emotion/es/components/Tour/TourCard.js +4 -0
  32. package/dist/emotion/es/components/Tour/index.js +1 -0
  33. package/package.json +9 -9
  34. package/types/components/Avatar/Avatar.d.ts +4 -4
  35. package/types/components/DatePicker/DatePicker.d.ts +1 -0
  36. package/types/components/Drawer/Drawer.config.d.ts +3 -0
  37. package/types/components/Drawer/Drawer.d.ts +1 -0
  38. package/types/components/Notification/index.d.ts +1 -1
  39. package/types/components/Range/Range.d.ts +36 -0
  40. package/types/components/Tabs/TabItem.d.ts +4 -2
  41. package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
  42. package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
  43. package/types/components/Tour/TourCard.config.d.ts +14 -0
  44. package/types/components/Tour/TourCard.d.ts +26 -0
  45. package/types/components/Tour/index.d.ts +1 -0
package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -133,7 +133,7 @@ const config = {
133
133
  ${_emotion.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
134
134
  ${_emotion.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
135
135
 
136
- ${_emotion.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
136
+ ${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
137
137
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
138
138
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
139
139
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
package/dist/emotion/cjs/components/Breadcrumbs/Breadcrumbs.config.js CHANGED
@@ -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.bodySBold.fontWeight};
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
  `
package/dist/emotion/cjs/components/Calendar/Calendar.config.js CHANGED
@@ -101,7 +101,6 @@ const config = {
101
101
 
102
102
  ${_emotion.calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;
103
103
  ${_emotion.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
104
- ${_emotion.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
105
104
 
106
105
  ${_emotion.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
107
106
  ${_emotion.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/emotion/cjs/components/Calendar/CalendarDouble.config.js CHANGED
@@ -100,7 +100,6 @@ const config = {
100
100
 
101
101
  ${_emotion.calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;
102
102
  ${_emotion.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
103
- ${_emotion.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
104
103
 
105
104
  ${_emotion.calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;
106
105
  ${_emotion.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
package/dist/emotion/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -171,7 +171,7 @@ const config = {
171
171
  ${_emotion.comboboxTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
172
172
  ${_emotion.comboboxTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
173
173
 
174
- ${_emotion.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
174
+ ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
175
175
  ${_emotion.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
176
176
  ${_emotion.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
177
177
  ${_emotion.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -302,7 +302,7 @@ const config = {
302
302
  ${_emotion.comboboxTokens.disclosureIconColorHover}: transparent;
303
303
  ${_emotion.comboboxTokens.textFieldPadding}: 0;
304
304
  ${_emotion.comboboxTokens.textFieldLabelOffset}: 0.25rem;
305
- ${_emotion.comboboxTokens.textFieldLeftHelperPadding}: 0rem 0 0 0;
305
+ ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0rem 0 0 0;
306
306
  ${_emotion.comboboxTokens.textFieldBorderColor}: transparent;
307
307
  ${_emotion.comboboxTokens.textFieldBorderWidth}: 0;
308
308
  `
package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -249,7 +249,6 @@ const config = {
249
249
  ${_emotion.datePickerTokens.calendarHeaderWrapperPadding}: 0;
250
250
  ${_emotion.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
251
251
  ${_emotion.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
252
- ${_emotion.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
253
252
 
254
253
  ${_emotion.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
255
254
  ${_emotion.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/emotion/cjs/components/Drawer/Drawer.config.js CHANGED
@@ -2,10 +2,18 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- Object.defineProperty(exports, "config", {
6
- enumerable: true,
7
- get: function() {
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
+ };
package/dist/emotion/cjs/components/Drawer/Drawer.js CHANGED
@@ -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);
package/dist/emotion/cjs/components/Notification/index.js CHANGED
@@ -20,6 +20,9 @@ _export(exports, {
20
20
  },
21
21
  get closeNotification () {
22
22
  return _emotion.closeNotification;
23
+ },
24
+ get useNotifications () {
25
+ return _emotion.useNotifications;
23
26
  }
24
27
  });
25
28
  const _Notification = require("./Notification");
package/dist/emotion/cjs/components/Select/Select.config.js CHANGED
@@ -135,7 +135,7 @@ const config = {
135
135
  ${_emotion.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
136
136
  ${_emotion.selectTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
137
137
 
138
- ${_emotion.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
138
+ ${_emotion.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
139
139
  ${_emotion.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
140
140
  ${_emotion.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
141
141
  ${_emotion.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
package/dist/emotion/cjs/components/Slider/Slider.config.js CHANGED
@@ -135,8 +135,7 @@ const config = {
135
135
  },
136
136
  pointerSize: {
137
137
  small: (0, _emotion.css)`
138
- ${_emotion.sliderTokens.thumbSize}: 1rem;
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.thumbSize}: 1.25rem;
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.thumbSize}: 0rem;
154
+ ${_emotion.sliderTokens.thumbWidth}: 0rem;
157
155
 
158
156
  ${_emotion.sliderTokens.tickSeparatorWidth}: 0.25rem;
159
157
  ${_emotion.sliderTokens.tickSeparatorHeight}: 0.5rem;
package/dist/emotion/cjs/components/TextField/TextField.clear.config.js CHANGED
@@ -123,7 +123,7 @@ const config = {
123
123
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
124
124
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
125
125
 
126
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
126
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
127
127
  ${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
128
128
  ${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
129
129
  ${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
package/dist/emotion/cjs/components/TextField/TextField.config.js CHANGED
@@ -150,7 +150,7 @@ const config = {
150
150
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
151
151
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
152
152
 
153
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem;
153
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem;
154
154
  ${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
155
155
  ${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
156
156
  ${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -223,7 +223,7 @@ const config = {
223
223
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
224
224
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
225
225
 
226
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
226
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
227
227
  ${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
228
228
  ${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
229
229
  ${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
package/dist/emotion/cjs/components/Tour/TourCard.config.js ADDED
@@ -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
+ };
package/dist/emotion/cjs/components/Tour/TourCard.js ADDED
@@ -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);
package/dist/emotion/cjs/components/Tour/index.js CHANGED
@@ -2,10 +2,19 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- Object.defineProperty(exports, "Tour", {
6
- enumerable: true,
7
- get: function() {
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");
package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -123,7 +123,7 @@ export const config = {
123
123
  ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
124
124
  ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
125
125
 
126
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
126
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
127
127
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
128
128
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
129
129
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
package/dist/emotion/es/components/Breadcrumbs/Breadcrumbs.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import { bodyS, bodySBold, surfaceAccent, textAccent, textPrimary, textSecondary } from '@salutejs/sdds-themes/tokens/sdds_cs';
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}: ${bodySBold.fontWeight};
25
+ ${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyS.fontWeight};
26
26
  ${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyS.letterSpacing};
27
27
  ${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyS.lineHeight};
28
28
  `
package/dist/emotion/es/components/Calendar/Calendar.config.js CHANGED
@@ -91,7 +91,6 @@ export const config = {
91
91
 
92
92
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;
93
93
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
94
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
95
94
 
96
95
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
97
96
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/emotion/es/components/Calendar/CalendarDouble.config.js CHANGED
@@ -90,7 +90,6 @@ export const config = {
90
90
 
91
91
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;
92
92
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
93
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
94
93
 
95
94
  ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;
96
95
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
package/dist/emotion/es/components/Combobox/Combobox.config.js CHANGED
@@ -161,7 +161,7 @@ export const config = {
161
161
  ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
162
162
  ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
163
163
 
164
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
164
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
165
165
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
166
166
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
167
167
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
@@ -292,7 +292,7 @@ export const config = {
292
292
  ${tokens.disclosureIconColorHover}: transparent;
293
293
  ${tokens.textFieldPadding}: 0;
294
294
  ${tokens.textFieldLabelOffset}: 0.25rem;
295
- ${tokens.textFieldLeftHelperPadding}: 0rem 0 0 0;
295
+ ${tokens.textFieldLeftHelperOffset}: 0rem 0 0 0;
296
296
  ${tokens.textFieldBorderColor}: transparent;
297
297
  ${tokens.textFieldBorderWidth}: 0;
298
298
  `
package/dist/emotion/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -239,7 +239,6 @@ export const config = {
239
239
  ${tokens.calendarHeaderWrapperPadding}: 0;
240
240
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
241
241
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
242
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
243
242
 
244
243
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
245
244
  ${tokens.calendarHeaderDateGap}: 0.25rem;
package/dist/emotion/es/components/Drawer/Drawer.config.js CHANGED
@@ -31,3 +31,8 @@ export const config = {
31
31
  }
32
32
  }
33
33
  };
34
+ export const headerConfig = {
35
+ base: css`
36
+ padding-bottom: 1.5rem;
37
+ `
38
+ };
package/dist/emotion/es/components/Drawer/Drawer.js CHANGED
@@ -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.
package/dist/emotion/es/components/Notification/index.js CHANGED
@@ -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';
package/dist/emotion/es/components/Select/Select.config.js CHANGED
@@ -125,7 +125,7 @@ export const config = {
125
125
  ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
126
126
  ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
127
127
 
128
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
128
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
129
129
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
130
130
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
131
131
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
package/dist/emotion/es/components/Slider/Slider.config.js CHANGED
@@ -125,8 +125,7 @@ export const config = {
125
125
  },
126
126
  pointerSize: {
127
127
  small: css`
128
- ${sliderTokens.thumbSize}: 1rem;
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.thumbSize}: 1.25rem;
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.thumbSize}: 0rem;
144
+ ${sliderTokens.thumbWidth}: 0rem;
147
145
 
148
146
  ${sliderTokens.tickSeparatorWidth}: 0.25rem;
149
147
  ${sliderTokens.tickSeparatorHeight}: 0.5rem;
package/dist/emotion/es/components/TextField/TextField.clear.config.js CHANGED
@@ -113,7 +113,7 @@ export const config = {
113
113
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
114
114
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
115
115
 
116
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
116
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
117
117
  ${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
118
118
  ${tokens.leftHelperFontSize}: ${bodyS.fontSize};
119
119
  ${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};
package/dist/emotion/es/components/TextField/TextField.config.js CHANGED
@@ -140,7 +140,7 @@ export const config = {
140
140
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
141
141
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
142
142
 
143
- ${tokens.leftHelperPadding}: 0.25rem;
143
+ ${tokens.leftHelperOffset}: 0.25rem;
144
144
  ${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
145
145
  ${tokens.leftHelperFontSize}: ${bodyS.fontSize};
146
146
  ${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};
@@ -213,7 +213,7 @@ export const config = {
213
213
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
214
214
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
215
215
 
216
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
216
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
217
217
  ${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
218
218
  ${tokens.leftHelperFontSize}: ${bodyS.fontSize};
219
219
  ${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};
package/dist/emotion/es/components/Tour/TourCard.config.js ADDED
@@ -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/dist/emotion/es/components/Tour/TourCard.js ADDED
@@ -0,0 +1,4 @@
1
+ import { tourCardConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config } from './TourCard.config';
3
+ const mergedConfig = mergeConfig(tourCardConfig, config);
4
+ export const TourCard = component(mergedConfig);
package/dist/emotion/es/components/Tour/index.js CHANGED
@@ -1 +1,2 @@
1
1
  export { Tour } from './Tour';
2
+ export { TourCard } from './TourCard';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.369.0-next-sbcom.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-next-sbcom.0",
46
- "@salutejs/sdds-themes": "0.78.0-next-sbcom.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-next-sbcom.0",
61
- "@salutejs/plasma-core": "1.240.0-next-sbcom.0",
62
- "@salutejs/plasma-cy-utils": "0.170.0-next-sbcom.0",
63
- "@salutejs/plasma-icons": "1.248.0-next-sbcom.0",
64
- "@salutejs/plasma-sb-utils": "0.241.0-next-sbcom.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": "56c79749172c1191e2b1ee9216785d1fd2ab7111"
105
+ "gitHead": "0bec260b9a0cb12f9621800550014b55fe8f82a7"
106
106
  }
package/types/components/Avatar/Avatar.d.ts CHANGED
@@ -47,7 +47,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
47
47
  size?: string;
48
48
  name?: string;
49
49
  url?: string;
50
- customText?: import("react").ReactNode;
50
+ customText?: string;
51
51
  status?: "active" | "inactive";
52
52
  isScalable?: boolean;
53
53
  focused?: boolean;
@@ -75,7 +75,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
75
75
  size?: string;
76
76
  name?: string;
77
77
  url?: string;
78
- customText?: import("react").ReactNode;
78
+ customText?: string;
79
79
  status?: "active" | "inactive";
80
80
  isScalable?: boolean;
81
81
  focused?: boolean;
@@ -126,7 +126,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
126
126
  size?: string;
127
127
  name?: string;
128
128
  url?: string;
129
- customText?: import("react").ReactNode;
129
+ customText?: string;
130
130
  status?: "active" | "inactive";
131
131
  isScalable?: boolean;
132
132
  focused?: boolean;
@@ -154,7 +154,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
154
154
  size?: string;
155
155
  name?: string;
156
156
  url?: string;
157
- customText?: import("react").ReactNode;
157
+ customText?: string;
158
158
  status?: "active" | "inactive";
159
159
  isScalable?: boolean;
160
160
  focused?: boolean;
package/types/components/DatePicker/DatePicker.d.ts CHANGED
@@ -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";
package/types/components/Drawer/Drawer.config.d.ts CHANGED
@@ -16,3 +16,6 @@ export declare const config: {
16
16
  };
17
17
  };
18
18
  };
19
+ export declare const headerConfig: {
20
+ base: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
21
+ };
package/types/components/Drawer/Drawer.d.ts CHANGED
@@ -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;
package/types/components/Notification/index.d.ts CHANGED
@@ -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';
package/types/components/Range/Range.d.ts CHANGED
@@ -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;
package/types/components/Tabs/TabItem.d.ts CHANGED
@@ -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?: "xs" | "s" | "m" | "l";
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?: "xs" | "s" | "m" | "l";
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;
package/types/components/Tokens/Colors/Colors.styles.d.ts CHANGED
@@ -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;
package/types/components/Tokens/Typography/Typography.styles.d.ts CHANGED
@@ -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;
package/types/components/Tour/TourCard.config.d.ts ADDED
@@ -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
+ };
package/types/components/Tour/TourCard.d.ts ADDED
@@ -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>>;
package/types/components/Tour/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export { Tour } from './Tour';
2
2
  export type { TourProps } from '@salutejs/plasma-new-hope/emotion';
3
+ export { TourCard } from './TourCard';