@salutejs/plasma-core 1.226.1-next-sbcom.0 → 1.227.0-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 (247) hide show
  1. package/__helpers/IconPlaceholder.js +6 -9
  2. package/__helpers/index.js +1 -1
  3. package/collectPackageInfo.js +4 -4
  4. package/components/Badge/Badge.js +30 -103
  5. package/components/Badge/index.js +1 -1
  6. package/components/Basebox/Basebox.js +33 -42
  7. package/components/Basebox/index.js +1 -1
  8. package/components/Button/Button.js +28 -67
  9. package/components/Button/Button.mixins.js +22 -76
  10. package/components/Button/Button.props.js +5 -5
  11. package/components/Button/createButton.js +14 -145
  12. package/components/Button/index.js +4 -4
  13. package/components/Card/Card.js +34 -162
  14. package/components/Card/CardBody.js +4 -4
  15. package/components/Card/CardContent.js +14 -23
  16. package/components/Card/CardMedia.js +20 -91
  17. package/components/Card/CardPrice.js +18 -60
  18. package/components/Card/CardTypography.js +43 -52
  19. package/components/Card/index.js +5 -5
  20. package/components/Carousel/Carousel.js +46 -64
  21. package/components/Carousel/CarouselItem.js +21 -93
  22. package/components/Carousel/hooks.js +62 -121
  23. package/components/Carousel/index.js +3 -3
  24. package/components/Carousel/utils.js +59 -73
  25. package/components/Fade/Fade.js +6 -9
  26. package/components/Fade/index.js +1 -1
  27. package/components/Field/Field.js +48 -63
  28. package/components/Field/Field.statuses.js +3 -3
  29. package/components/Field/index.js +2 -2
  30. package/components/Image/Image.js +34 -115
  31. package/components/Image/index.js +1 -1
  32. package/components/Input/Input.js +7 -7
  33. package/components/Input/Input.mixins.js +9 -12
  34. package/components/Input/index.js +1 -1
  35. package/components/ModalBase/ModalBase.js +22 -100
  36. package/components/ModalBase/ModalBaseContext.js +6 -9
  37. package/components/ModalBase/ModalOverlay.js +28 -111
  38. package/components/ModalBase/hooks.js +15 -43
  39. package/components/ModalBase/index.js +2 -2
  40. package/components/PaginationDots/PaginationDot.js +11 -17
  41. package/components/PaginationDots/PaginationDots.js +4 -7
  42. package/components/PaginationDots/index.js +3 -3
  43. package/components/PaginationDots/usePaginationDots.js +10 -11
  44. package/components/Popup/Popup.js +52 -205
  45. package/components/Popup/index.js +1 -1
  46. package/components/PopupBase/PopupBase.js +35 -169
  47. package/components/PopupBase/PopupBaseContext.js +26 -86
  48. package/components/PopupBase/PopupBaseRoot.js +31 -169
  49. package/components/PopupBase/hooks.js +23 -97
  50. package/components/PopupBase/index.js +3 -3
  51. package/components/PopupBase/utils.js +32 -78
  52. package/components/Price/Price.js +15 -90
  53. package/components/Price/index.js +1 -1
  54. package/components/RadioGroup/RadioGroup.js +6 -127
  55. package/components/RadioGroup/index.js +1 -1
  56. package/components/SSRProvider/SSRProvider.js +4 -5
  57. package/components/SSRProvider/index.js +1 -1
  58. package/components/Skeleton/LineSkeleton.js +23 -95
  59. package/components/Skeleton/RectSkeleton.js +20 -93
  60. package/components/Skeleton/Skeleton.js +2 -2
  61. package/components/Skeleton/TextSkeleton.js +11 -55
  62. package/components/Skeleton/index.js +3 -3
  63. package/components/Slider/Double.js +52 -203
  64. package/components/Slider/Handle.js +28 -158
  65. package/components/Slider/Single.js +29 -177
  66. package/components/Slider/Slider.js +5 -7
  67. package/components/Slider/SliderBase.js +39 -48
  68. package/components/Slider/ThumbBase.js +19 -95
  69. package/components/Slider/index.js +3 -3
  70. package/components/Slider/utils.js +2 -2
  71. package/components/Spinner/Spinner.js +28 -100
  72. package/components/Spinner/SpinnerSvg.js +9 -78
  73. package/components/Spinner/index.js +1 -1
  74. package/components/Switch/Switch.js +49 -220
  75. package/components/Switch/index.js +1 -1
  76. package/components/Tabs/TabItem.js +33 -168
  77. package/components/Tabs/Tabs.js +32 -170
  78. package/components/Tabs/TabsContext.js +12 -42
  79. package/components/Tabs/createTabsController.js +33 -168
  80. package/components/Tabs/index.js +4 -4
  81. package/components/TextArea/TextArea.js +20 -30
  82. package/components/TextArea/index.js +1 -1
  83. package/components/TextField/index.js +3 -3
  84. package/components/Toast/Toast.js +15 -16
  85. package/components/Toast/ToastContext.js +4 -8
  86. package/components/Toast/ToastController.js +44 -101
  87. package/components/Toast/ToastProvider.js +37 -142
  88. package/components/Toast/index.js +3 -3
  89. package/components/Toast/useToast.js +6 -6
  90. package/components/Typography/Body.js +18 -18
  91. package/components/Typography/Button.js +13 -13
  92. package/components/Typography/Caption.js +8 -8
  93. package/components/Typography/Display.js +18 -18
  94. package/components/Typography/Footnote.js +13 -13
  95. package/components/Typography/Headline.js +43 -43
  96. package/components/Typography/Paragraph.js +24 -24
  97. package/components/Typography/Underline.js +8 -8
  98. package/es/__helpers/IconPlaceholder.js +5 -8
  99. package/es/collectPackageInfo.js +3 -3
  100. package/es/components/Badge/Badge.js +27 -100
  101. package/es/components/Basebox/Basebox.js +28 -37
  102. package/es/components/Button/Button.js +24 -63
  103. package/es/components/Button/Button.mixins.js +19 -73
  104. package/es/components/Button/Button.props.js +3 -3
  105. package/es/components/Button/createButton.js +12 -143
  106. package/es/components/Card/Card.js +29 -157
  107. package/es/components/Card/CardBody.js +2 -2
  108. package/es/components/Card/CardContent.js +12 -21
  109. package/es/components/Card/CardMedia.js +17 -88
  110. package/es/components/Card/CardPrice.js +13 -55
  111. package/es/components/Card/CardTypography.js +43 -52
  112. package/es/components/Carousel/Carousel.js +45 -63
  113. package/es/components/Carousel/CarouselItem.js +18 -90
  114. package/es/components/Carousel/hooks.js +58 -117
  115. package/es/components/Carousel/utils.js +58 -72
  116. package/es/components/Fade/Fade.js +5 -8
  117. package/es/components/Field/Field.js +44 -59
  118. package/es/components/Field/Field.statuses.js +4 -4
  119. package/es/components/Image/Image.js +31 -112
  120. package/es/components/Input/Input.js +4 -4
  121. package/es/components/Input/Input.mixins.js +6 -9
  122. package/es/components/ModalBase/ModalBase.js +16 -94
  123. package/es/components/ModalBase/ModalBaseContext.js +6 -9
  124. package/es/components/ModalBase/ModalOverlay.js +23 -106
  125. package/es/components/ModalBase/hooks.js +12 -40
  126. package/es/components/PaginationDots/PaginationDot.js +9 -15
  127. package/es/components/PaginationDots/PaginationDots.js +3 -6
  128. package/es/components/PaginationDots/usePaginationDots.js +9 -10
  129. package/es/components/Popup/Popup.js +48 -201
  130. package/es/components/PopupBase/PopupBase.js +27 -161
  131. package/es/components/PopupBase/PopupBaseContext.js +25 -85
  132. package/es/components/PopupBase/PopupBaseRoot.js +26 -164
  133. package/es/components/PopupBase/hooks.js +21 -95
  134. package/es/components/PopupBase/utils.js +31 -77
  135. package/es/components/Price/Price.js +12 -87
  136. package/es/components/RadioGroup/RadioGroup.js +5 -126
  137. package/es/components/SSRProvider/SSRProvider.js +3 -4
  138. package/es/components/Skeleton/LineSkeleton.js +18 -90
  139. package/es/components/Skeleton/RectSkeleton.js +16 -89
  140. package/es/components/Skeleton/Skeleton.js +2 -2
  141. package/es/components/Skeleton/TextSkeleton.js +7 -51
  142. package/es/components/Slider/Double.js +49 -200
  143. package/es/components/Slider/Handle.js +23 -153
  144. package/es/components/Slider/Single.js +26 -174
  145. package/es/components/Slider/Slider.js +2 -4
  146. package/es/components/Slider/SliderBase.js +36 -45
  147. package/es/components/Slider/ThumbBase.js +16 -92
  148. package/es/components/Slider/index.js +1 -1
  149. package/es/components/Slider/utils.js +2 -2
  150. package/es/components/Spinner/Spinner.js +23 -95
  151. package/es/components/Spinner/SpinnerSvg.js +8 -77
  152. package/es/components/Switch/Switch.js +45 -216
  153. package/es/components/Tabs/TabItem.js +28 -163
  154. package/es/components/Tabs/Tabs.js +28 -166
  155. package/es/components/Tabs/TabsContext.js +11 -41
  156. package/es/components/Tabs/createTabsController.js +28 -163
  157. package/es/components/TextArea/TextArea.js +18 -28
  158. package/es/components/Toast/Toast.js +10 -11
  159. package/es/components/Toast/ToastContext.js +3 -7
  160. package/es/components/Toast/ToastController.js +38 -95
  161. package/es/components/Toast/ToastProvider.js +34 -139
  162. package/es/components/Toast/useToast.js +4 -4
  163. package/es/components/Typography/Body.js +15 -15
  164. package/es/components/Typography/Button.js +10 -10
  165. package/es/components/Typography/Caption.js +5 -5
  166. package/es/components/Typography/Display.js +15 -15
  167. package/es/components/Typography/Footnote.js +10 -10
  168. package/es/components/Typography/Headline.js +40 -40
  169. package/es/components/Typography/Paragraph.js +21 -21
  170. package/es/components/Typography/Underline.js +5 -5
  171. package/es/hocs/withAutoFocus.js +8 -78
  172. package/es/hocs/withSkeleton.js +5 -10
  173. package/es/hooks/useDebouncedFunction.js +4 -36
  174. package/es/hooks/useFocusTrap.js +18 -21
  175. package/es/hooks/useForkRef.js +3 -3
  176. package/es/hooks/useIsomorphicLayoutEffect.js +1 -1
  177. package/es/hooks/useResizeObserver.js +8 -8
  178. package/es/hooks/useUniqId.js +6 -52
  179. package/es/mixins/addFocus.js +17 -22
  180. package/es/mixins/applyDisabled.js +6 -9
  181. package/es/mixins/applyEllipsis.js +2 -4
  182. package/es/mixins/applyMaxLines.js +3 -6
  183. package/es/mixins/applyNoSelect.js +2 -4
  184. package/es/mixins/applyOutline.js +2 -4
  185. package/es/mixins/applyRoundness.js +4 -7
  186. package/es/mixins/applyScrollSnap.js +4 -7
  187. package/es/mixins/applySkeletonGradient.js +6 -9
  188. package/es/mixins/applyView.js +2 -5
  189. package/es/mixins/blur.js +2 -5
  190. package/es/mixins/shadows.js +1 -1
  191. package/es/tokens/colors.js +48 -48
  192. package/es/tokens/typography.js +18 -18
  193. package/es/utils/__tests__/formatters.test.js +2 -2
  194. package/es/utils/animatedScrollTo.js +24 -34
  195. package/es/utils/canUseDOM.js +1 -1
  196. package/es/utils/extractTextFrom.js +3 -7
  197. package/es/utils/focusManager.js +40 -47
  198. package/es/utils/formatCurrency.js +4 -4
  199. package/es/utils/formatters.js +6 -14
  200. package/es/utils/react.js +4 -4
  201. package/es/utils/roundness.js +2 -4
  202. package/es/utils/scopeTab.js +5 -5
  203. package/es/utils/setRef.js +1 -1
  204. package/es/utils/tabbable.js +16 -25
  205. package/es/utils/toCssSize.js +1 -3
  206. package/es/utils/transformStyles.js +5 -60
  207. package/hocs/index.js +2 -2
  208. package/hocs/withAutoFocus.js +9 -79
  209. package/hocs/withSkeleton.js +8 -13
  210. package/hooks/index.js +6 -6
  211. package/hooks/useDebouncedFunction.js +5 -37
  212. package/hooks/useFocusTrap.js +22 -25
  213. package/hooks/useForkRef.js +5 -5
  214. package/hooks/useIsomorphicLayoutEffect.js +3 -3
  215. package/hooks/useResizeObserver.js +9 -9
  216. package/hooks/useUniqId.js +8 -54
  217. package/mixins/addFocus.js +19 -24
  218. package/mixins/applyDisabled.js +7 -10
  219. package/mixins/applyEllipsis.js +3 -5
  220. package/mixins/applyMaxLines.js +4 -7
  221. package/mixins/applyNoSelect.js +3 -5
  222. package/mixins/applyOutline.js +3 -5
  223. package/mixins/applyRoundness.js +5 -8
  224. package/mixins/applyScrollSnap.js +5 -8
  225. package/mixins/applySkeletonGradient.js +8 -11
  226. package/mixins/applyView.js +3 -6
  227. package/mixins/blur.js +2 -5
  228. package/mixins/index.js +11 -11
  229. package/mixins/shadows.js +1 -1
  230. package/package.json +13 -18
  231. package/tokens/colors.js +48 -48
  232. package/tokens/typography.js +18 -18
  233. package/utils/__tests__/formatters.test.js +3 -3
  234. package/utils/animatedScrollTo.js +24 -34
  235. package/utils/canUseDOM.js +1 -1
  236. package/utils/extractTextFrom.js +4 -8
  237. package/utils/focusManager.js +41 -48
  238. package/utils/formatCurrency.js +4 -4
  239. package/utils/formatters.js +6 -14
  240. package/utils/index.js +10 -10
  241. package/utils/react.js +7 -7
  242. package/utils/roundness.js +2 -4
  243. package/utils/scopeTab.js +6 -6
  244. package/utils/setRef.js +1 -1
  245. package/utils/tabbable.js +16 -25
  246. package/utils/toCssSize.js +1 -3
  247. package/utils/transformStyles.js +5 -60
@@ -22,10 +22,10 @@ _export(exports, {
22
22
  return FieldRoot;
23
23
  }
24
24
  });
25
- var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
26
- var _mixins = require("../../mixins");
27
- var _tokens = require("../../tokens");
28
- var _Fieldstatuses = require("./Field.statuses");
25
+ const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
26
+ const _mixins = require("../../mixins");
27
+ const _tokens = require("../../tokens");
28
+ const _Fieldstatuses = require("./Field.statuses");
29
29
  function _getRequireWildcardCache(nodeInterop) {
30
30
  if (typeof WeakMap !== "function") return null;
31
31
  var cacheBabelInterop = new WeakMap();
@@ -67,77 +67,62 @@ function _interop_require_wildcard(obj, nodeInterop) {
67
67
  }
68
68
  return newObj;
69
69
  }
70
- var FieldPlaceholder = _styledcomponents.default.label.withConfig({
70
+ const FieldPlaceholder = _styledcomponents.default.label.withConfig({
71
71
  displayName: "Field__FieldPlaceholder",
72
72
  componentId: "sc-cb2977c5-0"
73
73
  })([
74
- "position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;color:",
75
- ";pointer-events:none;transition:",
76
- ";transform-origin:top left;",
77
- ""
78
- ], _tokens.tertiary, function(param) {
79
- var theme = param.theme;
80
- return theme.lowPerformance ? 'unset' : 'all 0.1s ease-in';
81
- }, _mixins.applyEllipsis);
82
- var FieldContent = _styledcomponents.default.div.withConfig({
74
+ `position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;color:`,
75
+ `;pointer-events:none;transition:`,
76
+ `;transform-origin:top left;`,
77
+ ``
78
+ ], _tokens.tertiary, ({ theme })=>theme.lowPerformance ? 'unset' : 'all 0.1s ease-in', _mixins.applyEllipsis);
79
+ const FieldContent = _styledcomponents.default.div.withConfig({
83
80
  displayName: "Field__FieldContent",
84
81
  componentId: "sc-cb2977c5-1"
85
82
  })([
86
- "position:absolute;top:0;",
87
- ";bottom:0;display:flex;align-items:center;height:3rem;"
88
- ], function(param) {
89
- var pos = param.pos;
90
- return pos === 'left' ? 'left: 1rem' : 'right: 1rem';
91
- });
92
- var FieldHelper = _styledcomponents.default.span.withConfig({
83
+ `position:absolute;top:0;`,
84
+ `;bottom:0;display:flex;align-items:center;height:3rem;`
85
+ ], ({ pos })=>pos === 'left' ? 'left: 1rem' : 'right: 1rem');
86
+ const FieldHelper = _styledcomponents.default.span.withConfig({
93
87
  displayName: "Field__FieldHelper",
94
88
  componentId: "sc-cb2977c5-2"
95
89
  })([
96
- "",
97
- ";display:block;margin-top:0.25rem;",
98
- ""
90
+ ``,
91
+ `;display:block;margin-top:0.25rem;`,
92
+ ``
99
93
  ], _tokens.caption, _mixins.applyEllipsis);
100
- var FieldRoot = _styledcomponents.default.div.withConfig({
94
+ const FieldRoot = _styledcomponents.default.div.withConfig({
101
95
  displayName: "Field__FieldRoot",
102
96
  componentId: "sc-cb2977c5-3"
103
97
  })([
104
- "",
105
- ";position:relative;display:block;box-sizing:border-box;color:",
106
- ";",
107
- " ",
108
- " ",
109
- " ",
110
- ""
111
- ], _tokens.body1, _tokens.secondary, _mixins.applyDisabled, function(param) {
112
- var _param_$size = param.$size, $size = _param_$size === void 0 ? 'm' : _param_$size;
113
- return $size === 'l' ? (0, _styledcomponents.css)([
114
- "",
115
- "{top:1.125rem;left:1rem;right:1rem;}input:not(:placeholder-shown) ~ ",
116
- "{transform:scale(0.75);top:0.375rem;}",
117
- "{height:3.5rem;}"
98
+ ``,
99
+ `;position:relative;display:block;box-sizing:border-box;color:`,
100
+ `;`,
101
+ ` `,
102
+ ` `,
103
+ ` `,
104
+ ``
105
+ ], _tokens.body1, _tokens.secondary, _mixins.applyDisabled, ({ $size = 'm' })=>$size === 'l' ? (0, _styledcomponents.css)([
106
+ ``,
107
+ `{top:1.125rem;left:1rem;right:1rem;}input:not(:placeholder-shown) ~ `,
108
+ `{transform:scale(0.75);top:0.375rem;}`,
109
+ `{height:3.5rem;}`
118
110
  ], FieldPlaceholder, FieldPlaceholder, FieldContent) : (0, _styledcomponents.css)([
119
- "",
120
- "{height:3rem;}"
121
- ], FieldContent);
122
- }, function(param) {
123
- var $isContentLeft = param.$isContentLeft, $isContentRight = param.$isContentRight;
124
- return (0, _styledcomponents.css)([
125
- "input,textarea{",
126
- " ",
127
- "}",
128
- "{",
129
- " ",
130
- "}"
131
- ], $isContentLeft && 'padding-left: 3.125rem;', $isContentRight && 'padding-right: 3.125rem;', FieldPlaceholder, $isContentLeft && 'left: 3.125rem;', $isContentRight && 'right: 3.125rem;');
132
- }, function(param) {
133
- var $isHelper = param.$isHelper, status = param.status;
134
- return status && ($isHelper ? (0, _styledcomponents.css)([
135
- "",
136
- "{color:",
137
- ";}"
111
+ ``,
112
+ `{height:3rem;}`
113
+ ], FieldContent), ({ $isContentLeft, $isContentRight })=>(0, _styledcomponents.css)([
114
+ `input,textarea{`,
115
+ ` `,
116
+ `}`,
117
+ `{`,
118
+ ` `,
119
+ `}`
120
+ ], $isContentLeft && 'padding-left: 3.125rem;', $isContentRight && 'padding-right: 3.125rem;', FieldPlaceholder, $isContentLeft && 'left: 3.125rem;', $isContentRight && 'right: 3.125rem;'), ({ $isHelper, status })=>status && ($isHelper ? (0, _styledcomponents.css)([
121
+ ``,
122
+ `{color:`,
123
+ `;}`
138
124
  ], FieldHelper, _Fieldstatuses.fieldStatuses[status]) : (0, _styledcomponents.css)([
139
- "",
140
- "{color:",
141
- ";}"
142
- ], FieldPlaceholder, _Fieldstatuses.fieldStatuses[status]));
143
- });
125
+ ``,
126
+ `{color:`,
127
+ `;}`
128
+ ], FieldPlaceholder, _Fieldstatuses.fieldStatuses[status])));
@@ -16,13 +16,13 @@ _export(exports, {
16
16
  return fieldStatuses;
17
17
  }
18
18
  });
19
- var _tokens = require("../../tokens");
20
- var fieldStatuses = {
19
+ const _tokens = require("../../tokens");
20
+ const fieldStatuses = {
21
21
  success: _tokens.success,
22
22
  warning: _tokens.warning,
23
23
  error: _tokens.critical
24
24
  };
25
- var fieldBackgroundStatuses = {
25
+ const fieldBackgroundStatuses = {
26
26
  success: _tokens.buttonSuccess,
27
27
  warning: _tokens.buttonWarning,
28
28
  error: _tokens.buttonCritical
@@ -28,5 +28,5 @@ _export(exports, {
28
28
  return _Fieldstatuses.fieldStatuses;
29
29
  }
30
30
  });
31
- var _Field = require("./Field");
32
- var _Fieldstatuses = require("./Field.statuses");
31
+ const _Field = require("./Field");
32
+ const _Fieldstatuses = require("./Field.statuses");
@@ -8,22 +8,9 @@ Object.defineProperty(exports, "Image", {
8
8
  return Image;
9
9
  }
10
10
  });
11
- var _react = /*#__PURE__*/ _interop_require_default(require("react"));
12
- var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
13
- var _utils = require("../../utils");
14
- function _define_property(obj, key, value) {
15
- if (key in obj) {
16
- Object.defineProperty(obj, key, {
17
- value: value,
18
- enumerable: true,
19
- configurable: true,
20
- writable: true
21
- });
22
- } else {
23
- obj[key] = value;
24
- }
25
- return obj;
26
- }
11
+ const _react = /*#__PURE__*/ _interop_require_default(require("react"));
12
+ const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
13
+ const _utils = require("../../utils");
27
14
  function _interop_require_default(obj) {
28
15
  return obj && obj.__esModule ? obj : {
29
16
  default: obj
@@ -70,58 +57,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
70
57
  }
71
58
  return newObj;
72
59
  }
73
- function _object_spread(target) {
74
- for(var i = 1; i < arguments.length; i++){
75
- var source = arguments[i] != null ? arguments[i] : {};
76
- var ownKeys = Object.keys(source);
77
- if (typeof Object.getOwnPropertySymbols === "function") {
78
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
79
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
80
- }));
81
- }
82
- ownKeys.forEach(function(key) {
83
- _define_property(target, key, source[key]);
84
- });
85
- }
86
- return target;
87
- }
88
- function _object_without_properties(source, excluded) {
89
- if (source == null) return {};
90
- var target = {}, sourceKeys, key, i;
91
- if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
92
- sourceKeys = Reflect.ownKeys(source);
93
- for(i = 0; i < sourceKeys.length; i++){
94
- key = sourceKeys[i];
95
- if (excluded.indexOf(key) >= 0) continue;
96
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
97
- target[key] = source[key];
98
- }
99
- return target;
100
- }
101
- target = _object_without_properties_loose(source, excluded);
102
- if (Object.getOwnPropertySymbols) {
103
- sourceKeys = Object.getOwnPropertySymbols(source);
104
- for(i = 0; i < sourceKeys.length; i++){
105
- key = sourceKeys[i];
106
- if (excluded.indexOf(key) >= 0) continue;
107
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
108
- target[key] = source[key];
109
- }
110
- }
111
- return target;
112
- }
113
- function _object_without_properties_loose(source, excluded) {
114
- if (source == null) return {};
115
- var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
116
- for(i = 0; i < sourceKeys.length; i++){
117
- key = sourceKeys[i];
118
- if (excluded.indexOf(key) >= 0) continue;
119
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
120
- target[key] = source[key];
121
- }
122
- return target;
123
- }
124
- var ratios = {
60
+ const ratios = {
125
61
  '1 / 1': '100',
126
62
  '1/1': '100',
127
63
  '3 / 4': '133.3333',
@@ -137,65 +73,48 @@ var ratios = {
137
73
  '2 / 1': '50',
138
74
  '2/1': '50'
139
75
  };
140
- var StyledRoot = _styledcomponents.default.div.withConfig({
76
+ const StyledRoot = _styledcomponents.default.div.withConfig({
141
77
  displayName: "Image__StyledRoot",
142
78
  componentId: "sc-c0cf331c-0"
143
79
  })([
144
- "position:relative;display:block;box-sizing:border-box;overflow:hidden;width:100%;height:inherit;border-radius:inherit;",
145
- " ",
146
- ""
147
- ], function(param) {
148
- var $ratio = param.$ratio, $customRatio = param.$customRatio;
149
- return ($ratio || $customRatio) && (0, _styledcomponents.css)([
150
- "height:0;padding-bottom:",
151
- "%;"
152
- ], $ratio ? ratios[$ratio] : $customRatio);
153
- }, function(param) {
154
- var $width = param.$width, $height = param.$height;
155
- return (0, _styledcomponents.css)([
156
- "",
157
- " ",
158
- ""
159
- ], $width && "width: ".concat((0, _utils.toCssSize)($width), ";"), $height && "height: ".concat((0, _utils.toCssSize)($height), ";"));
160
- });
161
- var StyledImg = _styledcomponents.default.img.withConfig({
80
+ `position:relative;display:block;box-sizing:border-box;overflow:hidden;width:100%;height:inherit;border-radius:inherit;`,
81
+ ` `,
82
+ ``
83
+ ], ({ $ratio, $customRatio })=>($ratio || $customRatio) && (0, _styledcomponents.css)([
84
+ `height:0;padding-bottom:`,
85
+ `%;`
86
+ ], $ratio ? ratios[$ratio] : $customRatio), ({ $width, $height })=>(0, _styledcomponents.css)([
87
+ ``,
88
+ ` `,
89
+ ``
90
+ ], $width && `width: ${(0, _utils.toCssSize)($width)};`, $height && `height: ${(0, _utils.toCssSize)($height)};`));
91
+ const StyledImg = _styledcomponents.default.img.withConfig({
162
92
  displayName: "Image__StyledImg",
163
93
  componentId: "sc-c0cf331c-1"
164
94
  })([
165
- "width:100%;",
166
- ";"
167
- ], function(param) {
168
- var src = param.src, ratio = param.ratio;
169
- return src && ratio && (0, _styledcomponents.css)([
170
- "height:100%;object-fit:cover;position:absolute;"
171
- ]);
172
- });
173
- var StyledDivImg = _styledcomponents.default.div.withConfig({
95
+ `width:100%;`,
96
+ `;`
97
+ ], ({ src, ratio })=>src && ratio && (0, _styledcomponents.css)([
98
+ `height:100%;object-fit:cover;position:absolute;`
99
+ ]));
100
+ const StyledDivImg = _styledcomponents.default.div.withConfig({
174
101
  displayName: "Image__StyledDivImg",
175
102
  componentId: "sc-c0cf331c-2"
176
103
  })([
177
- "width:100%;height:100%;position:absolute;background-position:center;background-size:cover;"
104
+ `width:100%;height:100%;position:absolute;background-position:center;background-size:cover;`
178
105
  ]);
179
106
  /**
180
107
  * Компонент для отображения картинок.
181
- */ var ImageBase = function ImageBase(_0) {
182
- var src = _0.src, srcSet = _0.srcSet, sizes = _0.sizes, _0_base = _0.base, base = _0_base === void 0 ? 'img' : _0_base, alt = _0.alt, width = _0.width, height = _0.height, props = _object_without_properties(_0, [
183
- "src",
184
- "srcSet",
185
- "sizes",
186
- "base",
187
- "alt",
188
- "width",
189
- "height"
190
- ]);
191
- var ratio = 'ratio' in props ? props.ratio : undefined;
192
- var customRatio = 'customRatio' in props ? props.customRatio : undefined;
193
- return /*#__PURE__*/ _react.default.createElement(StyledRoot, _object_spread({
108
+ */ const ImageBase = ({ src, srcSet, sizes, base = 'img', alt, width, height, ...props })=>{
109
+ const ratio = 'ratio' in props ? props.ratio : undefined;
110
+ const customRatio = 'customRatio' in props ? props.customRatio : undefined;
111
+ return /*#__PURE__*/ _react.default.createElement(StyledRoot, {
194
112
  $ratio: ratio,
195
113
  $customRatio: customRatio,
196
114
  $width: width,
197
- $height: height
198
- }, props), base === 'img' && /*#__PURE__*/ _react.default.createElement(StyledImg, {
115
+ $height: height,
116
+ ...props
117
+ }, base === 'img' && /*#__PURE__*/ _react.default.createElement(StyledImg, {
199
118
  src: src,
200
119
  srcSet: srcSet,
201
120
  sizes: sizes,
@@ -203,15 +122,15 @@ var StyledDivImg = _styledcomponents.default.div.withConfig({
203
122
  ratio: ratio
204
123
  }), base === 'div' && /*#__PURE__*/ _react.default.createElement(StyledDivImg, {
205
124
  style: {
206
- backgroundImage: "url(".concat(src, ")")
125
+ backgroundImage: `url(${src})`
207
126
  },
208
127
  role: "img",
209
128
  "aria-label": alt
210
129
  }));
211
130
  };
212
- var Image = (0, _styledcomponents.default)(ImageBase).withConfig({
131
+ const Image = (0, _styledcomponents.default)(ImageBase).withConfig({
213
132
  displayName: "Image",
214
133
  componentId: "sc-c0cf331c-3"
215
134
  })([
216
- ""
135
+ ``
217
136
  ]);
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "Image", {
8
8
  return _Image.Image;
9
9
  }
10
10
  });
11
- var _Image = require("./Image");
11
+ const _Image = require("./Image");
@@ -8,19 +8,19 @@ Object.defineProperty(exports, "Input", {
8
8
  return Input;
9
9
  }
10
10
  });
11
- var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
12
- var _mixins = require("../../mixins");
13
- var _Inputmixins = require("./Input.mixins");
11
+ const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
12
+ const _mixins = require("../../mixins");
13
+ const _Inputmixins = require("./Input.mixins");
14
14
  function _interop_require_default(obj) {
15
15
  return obj && obj.__esModule ? obj : {
16
16
  default: obj
17
17
  };
18
18
  }
19
- var Input = _styledcomponents.default.input.withConfig({
19
+ const Input = _styledcomponents.default.input.withConfig({
20
20
  displayName: "Input",
21
21
  componentId: "sc-869dfd24-0"
22
22
  })([
23
- "",
24
- " ",
25
- ""
23
+ ``,
24
+ ` `,
25
+ ``
26
26
  ], _Inputmixins.applyInputStyles, _mixins.applyEllipsis);
@@ -8,18 +8,15 @@ Object.defineProperty(exports, "applyInputStyles", {
8
8
  return applyInputStyles;
9
9
  }
10
10
  });
11
- var _styledcomponents = require("styled-components");
12
- var _tokens = require("../../tokens");
13
- var _Field = require("../Field");
14
- var applyInputStyles = function applyInputStyles(param) {
15
- var status = param.status, _param_$size = param.$size, $size = _param_$size === void 0 ? 'm' : _param_$size;
16
- return (0, _styledcomponents.css)([
17
- "box-sizing:border-box;width:100%;border:0 none;caret-color:",
18
- ";font:inherit;line-height:inherit;letter-spacing:inherit;&:focus{outline:none;}&:disabled{cursor:inherit;}&[readonly]{cursor:default;}",
19
- ""
11
+ const _styledcomponents = require("styled-components");
12
+ const _tokens = require("../../tokens");
13
+ const _Field = require("../Field");
14
+ const applyInputStyles = ({ status, $size = 'm' })=>(0, _styledcomponents.css)([
15
+ `box-sizing:border-box;width:100%;border:0 none;caret-color:`,
16
+ `;font:inherit;line-height:inherit;letter-spacing:inherit;&:focus{outline:none;}&:disabled{cursor:inherit;}&[readonly]{cursor:default;}`,
17
+ ``
20
18
  ], status ? _Field.fieldStatuses[status] : _tokens.accent, $size === 'l' ? (0, _styledcomponents.css)([
21
- "height:3.5rem;padding:1.125rem 1rem;&:not(:placeholder-shown){padding-top:1.5rem;padding-bottom:0.375rem;}&::placeholder{color:transparent;}"
19
+ `height:3.5rem;padding:1.125rem 1rem;&:not(:placeholder-shown){padding-top:1.5rem;padding-bottom:0.375rem;}&::placeholder{color:transparent;}`
22
20
  ]) : (0, _styledcomponents.css)([
23
- "height:3rem;padding:0.875rem 1rem;"
21
+ `height:3rem;padding:0.875rem 1rem;`
24
22
  ]));
25
- };
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "Input", {
8
8
  return _Input.Input;
9
9
  }
10
10
  });
11
- var _Input = require("./Input");
11
+ const _Input = require("./Input");
@@ -8,111 +8,32 @@ Object.defineProperty(exports, "ModalBase", {
8
8
  return ModalBase;
9
9
  }
10
10
  });
11
- var _react = /*#__PURE__*/ _interop_require_default(require("react"));
12
- var _styledcomponents = require("styled-components");
13
- var _PopupBase = require("../PopupBase/PopupBase");
14
- var _hooks = require("../../hooks");
15
- var _ModalOverlay = require("./ModalOverlay");
16
- var _hooks1 = require("./hooks");
17
- function _define_property(obj, key, value) {
18
- if (key in obj) {
19
- Object.defineProperty(obj, key, {
20
- value: value,
21
- enumerable: true,
22
- configurable: true,
23
- writable: true
24
- });
25
- } else {
26
- obj[key] = value;
27
- }
28
- return obj;
29
- }
11
+ const _react = /*#__PURE__*/ _interop_require_default(require("react"));
12
+ const _styledcomponents = require("styled-components");
13
+ const _PopupBase = require("../PopupBase/PopupBase");
14
+ const _hooks = require("../../hooks");
15
+ const _ModalOverlay = require("./ModalOverlay");
16
+ const _hooks1 = require("./hooks");
30
17
  function _interop_require_default(obj) {
31
18
  return obj && obj.__esModule ? obj : {
32
19
  default: obj
33
20
  };
34
21
  }
35
- function _object_spread(target) {
36
- for(var i = 1; i < arguments.length; i++){
37
- var source = arguments[i] != null ? arguments[i] : {};
38
- var ownKeys = Object.keys(source);
39
- if (typeof Object.getOwnPropertySymbols === "function") {
40
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
41
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
42
- }));
43
- }
44
- ownKeys.forEach(function(key) {
45
- _define_property(target, key, source[key]);
46
- });
47
- }
48
- return target;
49
- }
50
- function _object_without_properties(source, excluded) {
51
- if (source == null) return {};
52
- var target = {}, sourceKeys, key, i;
53
- if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
54
- sourceKeys = Reflect.ownKeys(source);
55
- for(i = 0; i < sourceKeys.length; i++){
56
- key = sourceKeys[i];
57
- if (excluded.indexOf(key) >= 0) continue;
58
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
59
- target[key] = source[key];
60
- }
61
- return target;
62
- }
63
- target = _object_without_properties_loose(source, excluded);
64
- if (Object.getOwnPropertySymbols) {
65
- sourceKeys = Object.getOwnPropertySymbols(source);
66
- for(i = 0; i < sourceKeys.length; i++){
67
- key = sourceKeys[i];
68
- if (excluded.indexOf(key) >= 0) continue;
69
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
70
- target[key] = source[key];
71
- }
72
- }
73
- return target;
74
- }
75
- function _object_without_properties_loose(source, excluded) {
76
- if (source == null) return {};
77
- var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
78
- for(i = 0; i < sourceKeys.length; i++){
79
- key = sourceKeys[i];
80
- if (excluded.indexOf(key) >= 0) continue;
81
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
82
- target[key] = source[key];
83
- }
84
- return target;
85
- }
86
- var NoScroll = (0, _styledcomponents.createGlobalStyle)([
87
- "body{overflow-y:hidden;}"
22
+ const NoScroll = (0, _styledcomponents.createGlobalStyle)([
23
+ `body{overflow-y:hidden;}`
88
24
  ]);
89
- var ModalBase = function ModalBase(_0) {
90
- var id = _0.id, withAnimation = _0.withAnimation, onClose = _0.onClose, onOverlayClick = _0.onOverlayClick, onEscKeyDown = _0.onEscKeyDown, _0_closeOnEsc = _0.closeOnEsc, closeOnEsc = _0_closeOnEsc === void 0 ? true : _0_closeOnEsc, _0_closeOnOverlayClick = _0.closeOnOverlayClick, closeOnOverlayClick = _0_closeOnOverlayClick === void 0 ? true : _0_closeOnOverlayClick, withBlur = _0.withBlur, initialFocusRef = _0.initialFocusRef, focusAfterRef = _0.focusAfterRef, zIndex = _0.zIndex, popupInfo = _0.popupInfo, children = _0.children, rest = _object_without_properties(_0, [
91
- "id",
92
- "withAnimation",
93
- "onClose",
94
- "onOverlayClick",
95
- "onEscKeyDown",
96
- "closeOnEsc",
97
- "closeOnOverlayClick",
98
- "withBlur",
99
- "initialFocusRef",
100
- "focusAfterRef",
101
- "zIndex",
102
- "popupInfo",
103
- "children"
104
- ]);
105
- var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef);
106
- var uniqId = (0, _hooks.useUniqId)();
107
- var innerId = id || uniqId;
108
- var modalInfo = (0, _hooks1.useModal)({
25
+ const ModalBase = ({ id, withAnimation, onClose, onOverlayClick, onEscKeyDown, closeOnEsc = true, closeOnOverlayClick = true, withBlur, initialFocusRef, focusAfterRef, zIndex, popupInfo, children, ...rest })=>{
26
+ const trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef);
27
+ const uniqId = (0, _hooks.useUniqId)();
28
+ const innerId = id || uniqId;
29
+ const { modalInfo } = (0, _hooks1.useModal)({
109
30
  id: innerId,
110
- closeOnEsc: closeOnEsc,
111
- onEscKeyDown: onEscKeyDown,
112
- onClose: onClose,
113
- popupInfo: popupInfo
114
- }).modalInfo;
115
- return /*#__PURE__*/ _react.default.createElement(_PopupBase.PopupBase, _object_spread({
31
+ closeOnEsc,
32
+ onEscKeyDown,
33
+ onClose,
34
+ popupInfo
35
+ });
36
+ return /*#__PURE__*/ _react.default.createElement(_PopupBase.PopupBase, {
116
37
  id: id,
117
38
  ref: trapRef,
118
39
  popupInfo: modalInfo,
@@ -125,6 +46,7 @@ var ModalBase = function ModalBase(_0) {
125
46
  onClose: onClose,
126
47
  zIndex: zIndex,
127
48
  closeOnOverlayClick: closeOnOverlayClick
128
- })
129
- }, rest), /*#__PURE__*/ _react.default.createElement(NoScroll, null), children);
49
+ }),
50
+ ...rest
51
+ }, /*#__PURE__*/ _react.default.createElement(NoScroll, null), children);
130
52
  };
@@ -18,21 +18,18 @@ _export(exports, {
18
18
  });
19
19
  /**
20
20
  * Взаимодействие с модальными оконами.
21
- */ var getModals = function getModals(items) {
22
- return items.filter(function(item) {
23
- var _item_info;
24
- return item === null || item === void 0 ? void 0 : (_item_info = item.info) === null || _item_info === void 0 ? void 0 : _item_info.isModal;
25
- });
21
+ */ const getModals = (items)=>{
22
+ return items.filter((item)=>item?.info?.isModal);
26
23
  };
27
- var getIdLastModal = function getIdLastModal(items) {
28
- var modals = getModals(items);
24
+ const getIdLastModal = (items)=>{
25
+ const modals = getModals(items);
29
26
  if (!modals.length) {
30
27
  return;
31
28
  }
32
29
  return modals[modals.length - 1].id;
33
30
  };
34
- var getIdFirstModal = function getIdFirstModal(items) {
35
- var modals = getModals(items);
31
+ const getIdFirstModal = (items)=>{
32
+ const modals = getModals(items);
36
33
  if (!modals.length) {
37
34
  return;
38
35
  }