@alfalab/core-components-select 17.8.2 → 17.8.3

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 (257) hide show
  1. package/components/arrow/Component.js +1 -1
  2. package/components/arrow/index.css +6 -4
  3. package/components/base-checkmark/Component.js +1 -1
  4. package/components/base-checkmark/index.css +9 -7
  5. package/components/base-option/Component.js +1 -1
  6. package/components/base-option/index.css +21 -19
  7. package/components/base-select/Component.d.ts +8 -14
  8. package/components/base-select/Component.js +48 -75
  9. package/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts +12 -0
  10. package/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js +19 -0
  11. package/components/base-select/components/list-desktop/list-popover-desktop.d.ts +0 -0
  12. package/components/base-select/components/list-desktop/list-popover-desktop.js +12 -0
  13. package/components/base-select/components/list-desktop/types/types.d.ts +3 -0
  14. package/components/base-select/components/list-desktop/types/types.js +2 -0
  15. package/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.d.ts +16 -0
  16. package/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js +23 -0
  17. package/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.d.ts +28 -0
  18. package/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js +22 -0
  19. package/components/base-select/components/list-mobile/helpers/index.d.ts +2 -0
  20. package/components/base-select/components/list-mobile/helpers/index.js +11 -0
  21. package/components/base-select/components/list-mobile/list-bottom-sheet-mobile.d.ts +15 -0
  22. package/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +28 -0
  23. package/components/base-select/components/list-mobile/list-mobile.d.ts +16 -0
  24. package/components/base-select/components/list-mobile/list-mobile.js +26 -0
  25. package/components/base-select/components/list-mobile/list-modal-mobile.d.ts +15 -0
  26. package/components/base-select/components/list-mobile/list-modal-mobile.js +42 -0
  27. package/components/base-select/components/list-mobile/types/types.d.ts +4 -0
  28. package/components/base-select/components/list-mobile/types/types.js +2 -0
  29. package/components/base-select/index.css +16 -14
  30. package/components/base-select/mobile.css +19 -17
  31. package/components/base-select/types/component-types.d.ts +50 -0
  32. package/components/base-select/types/component-types.js +2 -0
  33. package/components/checkmark/Component.js +1 -1
  34. package/components/checkmark/index.css +15 -13
  35. package/components/checkmark-mobile/Component.js +1 -1
  36. package/components/checkmark-mobile/index.css +9 -7
  37. package/components/field/Component.js +1 -1
  38. package/components/field/index.css +15 -13
  39. package/components/footer/Component.js +1 -1
  40. package/components/footer/index.css +9 -7
  41. package/components/optgroup/Component.js +1 -1
  42. package/components/optgroup/index.css +12 -10
  43. package/components/option/Component.js +1 -1
  44. package/components/option/index.css +24 -22
  45. package/components/options-list/Component.js +1 -1
  46. package/components/options-list/index.css +16 -14
  47. package/components/search/Component.js +1 -1
  48. package/components/search/index.css +5 -3
  49. package/components/virtual-options-list/Component.js +1 -1
  50. package/components/virtual-options-list/index.css +21 -19
  51. package/cssm/components/arrow/index.module.css +3 -1
  52. package/cssm/components/base-checkmark/index.module.css +3 -1
  53. package/cssm/components/base-option/index.module.css +6 -4
  54. package/cssm/components/base-select/Component.d.ts +8 -14
  55. package/cssm/components/base-select/Component.js +38 -60
  56. package/cssm/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts +12 -0
  57. package/cssm/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js +19 -0
  58. package/cssm/components/base-select/components/list-desktop/list-popover-desktop.d.ts +9 -0
  59. package/cssm/components/base-select/components/list-desktop/list-popover-desktop.js +24 -0
  60. package/cssm/components/base-select/components/list-desktop/types/types.d.ts +3 -0
  61. package/cssm/components/base-select/components/list-desktop/types/types.js +2 -0
  62. package/cssm/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.d.ts +16 -0
  63. package/cssm/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js +23 -0
  64. package/cssm/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.d.ts +28 -0
  65. package/cssm/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js +22 -0
  66. package/cssm/components/base-select/components/list-mobile/helpers/index.d.ts +2 -0
  67. package/cssm/components/base-select/components/list-mobile/helpers/index.js +11 -0
  68. package/cssm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.d.ts +15 -0
  69. package/cssm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +29 -0
  70. package/cssm/components/base-select/components/list-mobile/list-mobile.d.ts +16 -0
  71. package/cssm/components/base-select/components/list-mobile/list-mobile.js +26 -0
  72. package/cssm/components/base-select/components/list-mobile/list-modal-mobile.d.ts +15 -0
  73. package/cssm/components/base-select/components/list-mobile/list-modal-mobile.js +43 -0
  74. package/cssm/components/base-select/components/list-mobile/types/types.d.ts +4 -0
  75. package/cssm/components/base-select/components/list-mobile/types/types.js +2 -0
  76. package/cssm/components/base-select/index.module.css +5 -3
  77. package/cssm/components/base-select/mobile.module.css +7 -5
  78. package/cssm/components/base-select/types/component-types.d.ts +50 -0
  79. package/cssm/components/base-select/types/component-types.js +2 -0
  80. package/cssm/components/checkmark/index.module.css +5 -3
  81. package/cssm/components/checkmark-mobile/index.module.css +3 -1
  82. package/cssm/components/field/index.module.css +3 -1
  83. package/cssm/components/footer/index.module.css +4 -2
  84. package/cssm/components/optgroup/index.module.css +6 -4
  85. package/cssm/components/option/index.module.css +5 -3
  86. package/cssm/components/options-list/index.module.css +6 -4
  87. package/cssm/components/search/index.module.css +3 -1
  88. package/cssm/components/virtual-options-list/index.module.css +6 -4
  89. package/cssm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +5 -3
  90. package/cssm/presets/useSelectWithApply/options-list-with-apply/header/index.module.css +5 -3
  91. package/esm/components/arrow/Component.js +1 -1
  92. package/esm/components/arrow/index.css +6 -4
  93. package/esm/components/base-checkmark/Component.js +1 -1
  94. package/esm/components/base-checkmark/index.css +9 -7
  95. package/esm/components/base-option/Component.js +1 -1
  96. package/esm/components/base-option/index.css +21 -19
  97. package/esm/components/base-select/Component.d.ts +8 -14
  98. package/esm/components/base-select/Component.js +39 -66
  99. package/esm/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts +12 -0
  100. package/esm/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js +15 -0
  101. package/esm/components/base-select/components/list-desktop/list-popover-desktop.d.ts +0 -0
  102. package/esm/components/base-select/components/list-desktop/list-popover-desktop.js +4 -0
  103. package/esm/components/base-select/components/list-desktop/types/types.d.ts +3 -0
  104. package/esm/components/base-select/components/list-desktop/types/types.js +1 -0
  105. package/esm/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.d.ts +16 -0
  106. package/esm/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js +19 -0
  107. package/esm/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.d.ts +28 -0
  108. package/esm/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js +18 -0
  109. package/esm/components/base-select/components/list-mobile/helpers/index.d.ts +2 -0
  110. package/esm/components/base-select/components/list-mobile/helpers/index.js +2 -0
  111. package/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.d.ts +15 -0
  112. package/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +20 -0
  113. package/esm/components/base-select/components/list-mobile/list-mobile.d.ts +16 -0
  114. package/esm/components/base-select/components/list-mobile/list-mobile.js +18 -0
  115. package/esm/components/base-select/components/list-mobile/list-modal-mobile.d.ts +15 -0
  116. package/esm/components/base-select/components/list-mobile/list-modal-mobile.js +32 -0
  117. package/esm/components/base-select/components/list-mobile/types/types.d.ts +4 -0
  118. package/esm/components/base-select/components/list-mobile/types/types.js +1 -0
  119. package/esm/components/base-select/index.css +16 -14
  120. package/esm/components/base-select/mobile.css +19 -17
  121. package/esm/components/base-select/types/component-types.d.ts +50 -0
  122. package/esm/components/base-select/types/component-types.js +1 -0
  123. package/esm/components/checkmark/Component.js +1 -1
  124. package/esm/components/checkmark/index.css +15 -13
  125. package/esm/components/checkmark-mobile/Component.js +1 -1
  126. package/esm/components/checkmark-mobile/index.css +9 -7
  127. package/esm/components/field/Component.js +1 -1
  128. package/esm/components/field/index.css +15 -13
  129. package/esm/components/footer/Component.js +1 -1
  130. package/esm/components/footer/index.css +9 -7
  131. package/esm/components/optgroup/Component.js +1 -1
  132. package/esm/components/optgroup/index.css +12 -10
  133. package/esm/components/option/Component.js +1 -1
  134. package/esm/components/option/index.css +24 -22
  135. package/esm/components/options-list/Component.js +1 -1
  136. package/esm/components/options-list/index.css +16 -14
  137. package/esm/components/search/Component.js +1 -1
  138. package/esm/components/search/index.css +5 -3
  139. package/esm/components/virtual-options-list/Component.js +1 -1
  140. package/esm/components/virtual-options-list/index.css +21 -19
  141. package/esm/list-popover-desktop-a16c1a9c.d.ts +9 -0
  142. package/esm/list-popover-desktop-a16c1a9c.js +16 -0
  143. package/esm/mobile/Component.mobile.js +1 -1
  144. package/esm/mobile.module-3975aa85.js +4 -0
  145. package/esm/presets/index.js +1 -1
  146. package/esm/presets/useSelectWithApply/hook.js +1 -1
  147. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  148. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  149. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +8 -6
  150. package/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  151. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +8 -6
  152. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  153. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  154. package/esm/presets/useSelectWithLoading/hook.js +1 -1
  155. package/esm/presets/useSelectWithLoading/index.css +2 -2
  156. package/esm/shared/index.js +1 -1
  157. package/list-popover-desktop-63ceae1a.d.ts +9 -0
  158. package/list-popover-desktop-63ceae1a.js +24 -0
  159. package/mobile/Component.mobile.js +1 -1
  160. package/mobile.module-f44f34a3.js +6 -0
  161. package/modern/components/arrow/Component.js +1 -1
  162. package/modern/components/arrow/index.css +6 -4
  163. package/modern/components/base-checkmark/Component.js +1 -1
  164. package/modern/components/base-checkmark/index.css +9 -7
  165. package/modern/components/base-option/Component.js +1 -1
  166. package/modern/components/base-option/index.css +21 -19
  167. package/modern/components/base-select/Component.d.ts +8 -14
  168. package/modern/components/base-select/Component.js +23 -56
  169. package/modern/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts +12 -0
  170. package/modern/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js +15 -0
  171. package/modern/components/base-select/components/list-desktop/list-popover-desktop.d.ts +0 -0
  172. package/modern/components/base-select/components/list-desktop/list-popover-desktop.js +3 -0
  173. package/modern/components/base-select/components/list-desktop/types/types.d.ts +3 -0
  174. package/modern/components/base-select/components/list-desktop/types/types.js +1 -0
  175. package/modern/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.d.ts +16 -0
  176. package/modern/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js +19 -0
  177. package/modern/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.d.ts +28 -0
  178. package/modern/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js +18 -0
  179. package/modern/components/base-select/components/list-mobile/helpers/index.d.ts +2 -0
  180. package/modern/components/base-select/components/list-mobile/helpers/index.js +2 -0
  181. package/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.d.ts +15 -0
  182. package/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +24 -0
  183. package/modern/components/base-select/components/list-mobile/list-mobile.d.ts +16 -0
  184. package/modern/components/base-select/components/list-mobile/list-mobile.js +17 -0
  185. package/modern/components/base-select/components/list-mobile/list-modal-mobile.d.ts +15 -0
  186. package/modern/components/base-select/components/list-mobile/list-modal-mobile.js +32 -0
  187. package/modern/components/base-select/components/list-mobile/types/types.d.ts +4 -0
  188. package/modern/components/base-select/components/list-mobile/types/types.js +1 -0
  189. package/modern/components/base-select/index.css +16 -14
  190. package/modern/components/base-select/mobile.css +19 -17
  191. package/modern/components/base-select/types/component-types.d.ts +50 -0
  192. package/modern/components/base-select/types/component-types.js +1 -0
  193. package/modern/components/checkmark/Component.js +1 -1
  194. package/modern/components/checkmark/index.css +15 -13
  195. package/modern/components/checkmark-mobile/Component.js +1 -1
  196. package/modern/components/checkmark-mobile/index.css +9 -7
  197. package/modern/components/field/Component.js +1 -1
  198. package/modern/components/field/index.css +15 -13
  199. package/modern/components/footer/Component.js +1 -1
  200. package/modern/components/footer/index.css +9 -7
  201. package/modern/components/optgroup/Component.js +1 -1
  202. package/modern/components/optgroup/index.css +12 -10
  203. package/modern/components/option/Component.js +1 -1
  204. package/modern/components/option/index.css +24 -22
  205. package/modern/components/options-list/Component.js +1 -1
  206. package/modern/components/options-list/index.css +16 -14
  207. package/modern/components/search/Component.js +1 -1
  208. package/modern/components/search/index.css +5 -3
  209. package/modern/components/virtual-options-list/Component.js +1 -1
  210. package/modern/components/virtual-options-list/index.css +21 -19
  211. package/modern/list-popover-desktop-380bb61b.d.ts +9 -0
  212. package/modern/list-popover-desktop-380bb61b.js +15 -0
  213. package/modern/mobile/Component.mobile.js +1 -1
  214. package/modern/mobile.module-5f7203b5.js +4 -0
  215. package/modern/presets/index.js +1 -1
  216. package/modern/presets/useSelectWithApply/hook.js +1 -1
  217. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  218. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  219. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +8 -6
  220. package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  221. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +8 -6
  222. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  223. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  224. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  225. package/modern/presets/useSelectWithLoading/index.css +2 -2
  226. package/modern/shared/index.js +1 -1
  227. package/package.json +6 -4
  228. package/presets/index.js +1 -1
  229. package/presets/useSelectWithApply/hook.js +1 -1
  230. package/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  231. package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  232. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +8 -6
  233. package/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  234. package/presets/useSelectWithApply/options-list-with-apply/header/index.css +8 -6
  235. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  236. package/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  237. package/presets/useSelectWithLoading/hook.js +1 -1
  238. package/presets/useSelectWithLoading/index.css +2 -2
  239. package/shared/index.js +1 -1
  240. package/src/components/base-select/Component.tsx +49 -185
  241. package/src/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.tsx +24 -0
  242. package/src/components/base-select/components/list-desktop/list-popover-desktop.tsx +47 -0
  243. package/src/components/base-select/components/list-desktop/types/types.ts +3 -0
  244. package/src/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.tsx +32 -0
  245. package/src/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.tsx +30 -0
  246. package/src/components/base-select/components/list-mobile/helpers/index.ts +2 -0
  247. package/src/components/base-select/components/list-mobile/list-bottom-sheet-mobile.tsx +84 -0
  248. package/src/components/base-select/components/list-mobile/list-mobile.tsx +39 -0
  249. package/src/components/base-select/components/list-mobile/list-modal-mobile.tsx +94 -0
  250. package/src/components/base-select/components/list-mobile/types/types.ts +4 -0
  251. package/src/components/base-select/types/component-types.ts +39 -0
  252. /package/esm/{hook-86063cab.d.ts → hook-74830211.d.ts} +0 -0
  253. /package/esm/{hook-86063cab.js → hook-74830211.js} +0 -0
  254. /package/{hook-777449d0.d.ts → hook-b7a5b3a9.d.ts} +0 -0
  255. /package/{hook-777449d0.js → hook-b7a5b3a9.js} +0 -0
  256. /package/modern/{hook-1c546c40.d.ts → hook-d5ca0e82.d.ts} +0 -0
  257. /package/modern/{hook-1c546c40.js → hook-d5ca0e82.js} +0 -0
@@ -0,0 +1,16 @@
1
+ import { FC, ReactNode, RefObject } from 'react';
2
+ import { OptionShape } from "../../../../typings";
3
+ import { ListBottomSheetMobileRestProps, ListModalMobileRestProps } from "./types/types";
4
+ type ListMobileProps = {
5
+ baseProps: ListBottomSheetMobileRestProps | ListModalMobileRestProps;
6
+ open: boolean;
7
+ menuRef: RefObject<HTMLDivElement>;
8
+ scrollableContainerRef: RefObject<HTMLDivElement>;
9
+ flatOptions: OptionShape[];
10
+ closeMenu: () => void;
11
+ handleEntered: (node: HTMLElement, isAppearing: boolean) => void;
12
+ renderSearch: () => ReactNode;
13
+ renderOptionsList: () => ReactNode;
14
+ };
15
+ declare const ListMobile: FC<ListMobileProps>;
16
+ export { ListMobile };
@@ -0,0 +1,26 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib = require('tslib');
6
+ var React = require('react');
7
+ var components_baseSelect_components_listMobile_listBottomSheetMobile = require('./list-bottom-sheet-mobile.js');
8
+ var components_baseSelect_components_listMobile_listModalMobile = require('./list-modal-mobile.js');
9
+
10
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
+
14
+ var ListMobile = function (props) {
15
+ var baseProps = props.baseProps, restProps = tslib.__rest(props, ["baseProps"]);
16
+ var isBottomSheet = baseProps.isBottomSheet, nativeSelect = baseProps.nativeSelect;
17
+ if (isBottomSheet && !nativeSelect) {
18
+ return (React__default.default.createElement(components_baseSelect_components_listMobile_listBottomSheetMobile.ListBottomSheetMobile, tslib.__assign({}, baseProps, restProps)));
19
+ }
20
+ if (!isBottomSheet && !nativeSelect) {
21
+ return React__default.default.createElement(components_baseSelect_components_listMobile_listModalMobile.ListModalMobile, tslib.__assign({}, baseProps, restProps));
22
+ }
23
+ return null;
24
+ };
25
+
26
+ exports.ListMobile = ListMobile;
@@ -0,0 +1,15 @@
1
+ import { FC, ReactNode, RefObject } from 'react';
2
+ import { OptionShape } from "../../../../typings";
3
+ import { ListModalMobileRestProps } from "./types/types";
4
+ type ListModalMobileProps = {
5
+ open: boolean;
6
+ menuRef: RefObject<HTMLDivElement>;
7
+ scrollableContainerRef: RefObject<HTMLDivElement>;
8
+ flatOptions: OptionShape[];
9
+ closeMenu: () => void;
10
+ handleEntered: (node: HTMLElement, isAppearing: boolean) => void;
11
+ renderSearch: () => ReactNode;
12
+ renderOptionsList: () => ReactNode;
13
+ } & ListModalMobileRestProps;
14
+ declare const ListModalMobile: FC<ListModalMobileProps>;
15
+ export { ListModalMobile };
@@ -0,0 +1,43 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib = require('tslib');
6
+ var React = require('react');
7
+ var mergeRefs = require('react-merge-refs');
8
+ var cn = require('classnames');
9
+ var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
10
+ var mobileStyles = require('../../mobile.module.css');
11
+
12
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
13
+
14
+ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
+ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
16
+ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
+ var mobileStyles__default = /*#__PURE__*/_interopDefaultCompat(mobileStyles);
18
+
19
+ var ListModalMobile = function (props) {
20
+ var ModalMobile = props.ModalMobile, dataTestId = props.dataTestId, open = props.open, modalProps = props.modalProps, modalHeaderProps = props.modalHeaderProps, modalFooterProps = props.modalFooterProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, label = props.label, placeholder = props.placeholder, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;
21
+ if (ModalMobile) {
22
+ return (React__default.default.createElement(ModalMobile, tslib.__assign({ dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'modal'), open: open, hasCloser: true }, modalProps, { componentRef: menuRef, onClose: function () {
23
+ var _a;
24
+ var args = [];
25
+ for (var _i = 0; _i < arguments.length; _i++) {
26
+ args[_i] = arguments[_i];
27
+ }
28
+ closeMenu();
29
+ (_a = modalProps === null || modalProps === void 0 ? void 0 : modalProps.onClose) === null || _a === void 0 ? void 0 : _a.call.apply(_a, tslib.__spreadArray([modalProps], args, false));
30
+ }, contentClassName: cn__default.default(mobileStyles__default.default.sheetContent, modalProps === null || modalProps === void 0 ? void 0 : modalProps.contentClassName), ref: mergeRefs__default.default([
31
+ scrollableContainerRef,
32
+ modalProps === null || modalProps === void 0 ? void 0 : modalProps.ref,
33
+ ]), wrapperProps: tslib.__assign(tslib.__assign({}, modalProps === null || modalProps === void 0 ? void 0 : modalProps.wrapperProps), { onScroll: onScroll }), transitionProps: tslib.__assign(tslib.__assign({}, modalProps === null || modalProps === void 0 ? void 0 : modalProps.transitionProps), { onEntered: handleEntered }) }),
34
+ React__default.default.createElement(ModalMobile.Header, tslib.__assign({ hasCloser: true, sticky: true }, modalHeaderProps, { title: undefined, bottomAddons: React__default.default.createElement(React__default.default.Fragment, null,
35
+ renderSearch(),
36
+ flatOptions.length > 0 && (modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 : modalHeaderProps.bottomAddons)) }), (modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 : modalHeaderProps.title) || label || placeholder),
37
+ React__default.default.createElement(ModalMobile.Content, { flex: true, className: mobileStyles__default.default.modalContent }, renderOptionsList()),
38
+ (modalFooterProps === null || modalFooterProps === void 0 ? void 0 : modalFooterProps.children) && React__default.default.createElement(ModalMobile.Footer, tslib.__assign({}, modalFooterProps))));
39
+ }
40
+ return null;
41
+ };
42
+
43
+ exports.ListModalMobile = ListModalMobile;
@@ -0,0 +1,4 @@
1
+ import { getListBottomSheetMobileProps, getListModalMobileProps } from "../helpers/index";
2
+ type ListBottomSheetMobileRestProps = ReturnType<typeof getListBottomSheetMobileProps>;
3
+ type ListModalMobileRestProps = ReturnType<typeof getListModalMobileProps>;
4
+ export { ListBottomSheetMobileRestProps, ListModalMobileRestProps };
@@ -15,9 +15,11 @@
15
15
  /* Hard up */
16
16
  } :root {
17
17
  --border-radius-m: 8px;
18
- } :root {
19
- --gap-2xs: 4px;
20
- --gap-s: 12px;
18
+ } :root { /* deprecated */
19
+ --gap-2xs: 4px; /* deprecated */ /* deprecated */
20
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
+
22
+ /* новые значения, используйте их */
21
23
  } :root {
22
24
  } :root {
23
25
  } :root {
@@ -10,11 +10,13 @@
10
10
 
11
11
  /* Hard up */
12
12
  } :root {
13
- } :root {
14
- --gap-2xs: 4px;
15
- --gap-xs: 8px;
16
- --gap-m: 16px;
17
- --gap-l: 20px;
13
+ } :root { /* deprecated */
14
+ --gap-2xs: 4px; /* deprecated */
15
+ --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
16
+ --gap-m: 16px; /* deprecated */
17
+ --gap-l: 20px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
+
19
+ /* новые значения, используйте их */
18
20
  } :root {
19
21
  } :root {
20
22
  } :root {
@@ -0,0 +1,50 @@
1
+ import React from 'react';
2
+ import { FC, ForwardRefExoticComponent, RefAttributes } from "react";
3
+ import { BottomSheetProps } from "@alfalab/core-components-bottom-sheet";
4
+ import { ModalContentProps, ModalFooterProps, ModalHeaderProps } from "@alfalab/core-components-modal/shared";
5
+ import { BaseModalProps } from "@alfalab/core-components-base-modal";
6
+ import { PopoverProps } from "@alfalab/core-components-popover";
7
+ import { AdditionalMobileProps, BaseSelectProps, BottomSheetSelectMobileProps, ModalSelectMobileProps } from "../../../typings";
8
+ type ModalDesktopProps = BaseModalProps & {
9
+ /**
10
+ * Ширина модального окна
11
+ * @default 600
12
+ * @description s, m, l, xl deprecated, используйте вместо них 500, 600, 800, 1140 соответственно
13
+ */
14
+ size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140;
15
+ /**
16
+ * Растягивает модальное окно на весь экран
17
+ * @deprecated Используйте размер fullscreen
18
+ */
19
+ fullscreen?: boolean;
20
+ /**
21
+ * Фиксирует позицию модального окна после открытия,
22
+ * предотвращая скачки, если контент внутри будет меняться
23
+ */
24
+ fixedPosition?: boolean;
25
+ /**
26
+ * Управление наличием закрывающего крестика
27
+ * @default false
28
+ */
29
+ hasCloser?: boolean;
30
+ /**
31
+ * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
32
+ */
33
+ iOSLock?: boolean;
34
+ };
35
+ type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
36
+ type PopoverType = ForwardRefExoticComponent<PopoverProps & RefAttributes<HTMLDivElement>>;
37
+ type BottomSheetType = React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
38
+ type ModalMobileType = ForwardRefExoticComponent<ModalMobileProps & RefAttributes<HTMLDivElement>> & {
39
+ Header: FC<ModalHeaderProps>;
40
+ Footer: FC<ModalFooterProps>;
41
+ Content: FC<ModalContentProps>;
42
+ };
43
+ type ComponentProps = BaseSelectProps & AdditionalMobileProps & BottomSheetSelectMobileProps & ModalSelectMobileProps & {
44
+ isBottomSheet?: boolean;
45
+ view: 'desktop' | 'mobile';
46
+ Popover?: PopoverType;
47
+ BottomSheet?: BottomSheetType;
48
+ ModalMobile?: ModalMobileType;
49
+ };
50
+ export { ComponentProps };
@@ -0,0 +1,2 @@
1
+ 'use strict';
2
+
@@ -13,9 +13,11 @@
13
13
  /* Hard up */
14
14
  } :root {
15
15
  --border-radius-circle: 50%;
16
- } :root {
17
- --gap-xs: 8px;
18
- --gap-s: 12px;
16
+ } :root { /* deprecated */ /* deprecated */
17
+ --gap-xs: 8px; /* deprecated */
18
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
+
20
+ /* новые значения, используйте их */
19
21
  } :root {
20
22
  } :root {
21
23
  } :root {
@@ -10,7 +10,9 @@
10
10
 
11
11
  /* Hard up */
12
12
  } :root {
13
- } :root {
13
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
+
15
+ /* новые значения, используйте их */
14
16
  } :root {
15
17
  } :root {
16
18
  } :root {
@@ -13,7 +13,9 @@
13
13
 
14
14
  /* Hard up */
15
15
  } :root {
16
- } :root {
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
17
19
  } :root {
18
20
  } :root {
19
21
  --focus-color: var(--color-light-status-info);
@@ -12,8 +12,10 @@
12
12
 
13
13
  /* Hard up */
14
14
  } :root {
15
- } :root {
16
- --gap-m: 16px;
15
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
+ --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
17
19
  } :root {
18
20
  } :root {
19
21
  } :root {
@@ -12,10 +12,12 @@
12
12
 
13
13
  /* Hard up */
14
14
  } :root {
15
- } :root {
16
- --gap-2xs: 4px;
17
- --gap-s: 12px;
18
- --gap-m: 16px;
15
+ } :root { /* deprecated */
16
+ --gap-2xs: 4px; /* deprecated */ /* deprecated */
17
+ --gap-s: 12px; /* deprecated */ /* deprecated */
18
+ --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
+
20
+ /* новые значения, используйте их */
19
21
  } :root {
20
22
  } :root {
21
23
  } :root {
@@ -16,9 +16,11 @@
16
16
 
17
17
  /* Hard up */
18
18
  } :root {
19
- } :root {
20
- --gap-s: 12px;
21
- --gap-m: 16px;
19
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */
20
+ --gap-s: 12px; /* deprecated */ /* deprecated */
21
+ --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
22
+
23
+ /* новые значения, используйте их */
22
24
  } :root {
23
25
  } :root {
24
26
  --disabled-cursor: not-allowed;
@@ -12,10 +12,12 @@
12
12
 
13
13
  /* Hard up */
14
14
  } :root {
15
- } :root {
16
- --gap-s: 12px;
17
- --gap-m: 16px;
18
- --gap-xl: 24px;
15
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */
16
+ --gap-s: 12px; /* deprecated */ /* deprecated */
17
+ --gap-m: 16px; /* deprecated */ /* deprecated */
18
+ --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
+
20
+ /* новые значения, используйте их */
19
21
  } :root {
20
22
  } :root {
21
23
  } :root {
@@ -10,7 +10,9 @@
10
10
 
11
11
  /* Hard up */
12
12
  } :root {
13
- } :root {
13
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
+
15
+ /* новые значения, используйте их */
14
16
  } :root {
15
17
  } :root {
16
18
  } :root {
@@ -13,10 +13,12 @@
13
13
 
14
14
  /* Hard up */
15
15
  } :root {
16
- } :root {
17
- --gap-s: 12px;
18
- --gap-m: 16px;
19
- --gap-xl: 24px;
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */
17
+ --gap-s: 12px; /* deprecated */ /* deprecated */
18
+ --gap-m: 16px; /* deprecated */ /* deprecated */
19
+ --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
+
21
+ /* новые значения, используйте их */
20
22
  } :root {
21
23
  } :root {
22
24
  } :root {
@@ -11,9 +11,11 @@
11
11
 
12
12
  /* Hard up */
13
13
  } :root {
14
- } :root {
15
- --gap-xs: 8px;
16
- --gap-s: 12px;
14
+ } :root { /* deprecated */ /* deprecated */
15
+ --gap-xs: 8px; /* deprecated */
16
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
17
19
  } :root {
18
20
  } :root {
19
21
  } .footer {
@@ -10,9 +10,11 @@
10
10
 
11
11
  /* Hard up */
12
12
  } :root {
13
- } :root {
14
- --gap-xs: 8px;
15
- --gap-s: 12px;
13
+ } :root { /* deprecated */ /* deprecated */
14
+ --gap-xs: 8px; /* deprecated */
15
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
+
17
+ /* новые значения, используйте их */
16
18
  } :root {
17
19
  } :root {
18
20
  } .desktop {
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
4
4
 
5
- var styles = {"arrow":"select__arrow_1ty1d","open":"select__open_1ty1d"};
5
+ var styles = {"arrow":"select__arrow_1y89b","open":"select__open_1y89b"};
6
6
  require('./index.css')
7
7
 
8
8
  var Arrow = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1l0ki */
1
+ /* hash: w7929 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -12,7 +12,9 @@
12
12
 
13
13
  /* Hard up */
14
14
  } :root {
15
- } :root {
15
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
+
17
+ /* новые значения, используйте их */
16
18
  } :root {
17
19
  } :root {
18
20
  --arrow-transform: rotate(180deg);
@@ -26,13 +28,13 @@
26
28
  /* checkmark */
27
29
 
28
30
  /* optgroup */
29
- } .select__arrow_1ty1d {
31
+ } .select__arrow_1y89b {
30
32
  display: block;
31
33
  width: 24px;
32
34
  height: 24px;
33
35
  color: var(--select-arrow-color);
34
36
 
35
37
  transition: transform 0.15s ease-in-out, opacity 0.2s ease;
36
- } .select__open_1ty1d {
38
+ } .select__open_1y89b {
37
39
  transform: var(--arrow-transform);
38
40
  }
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { Checkbox } from '@alfalab/core-components-checkbox/esm';
4
4
  import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
5
5
 
6
- var styles = {"checkmark":"select__checkmark_1bn64","start":"select__start_1bn64","center":"select__center_1bn64","single":"select__single_1bn64","selected":"select__selected_1bn64"};
6
+ var styles = {"checkmark":"select__checkmark_1wi8l","start":"select__start_1wi8l","center":"select__center_1wi8l","single":"select__single_1wi8l","selected":"select__selected_1wi8l"};
7
7
  require('./index.css')
8
8
 
9
9
  var BaseCheckmark = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1jbb6 */
1
+ /* hash: 1an4a */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,7 +11,9 @@
11
11
 
12
12
  /* Hard up */
13
13
  } :root {
14
- } :root {
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
+
16
+ /* новые значения, используйте их */
15
17
  } :root {
16
18
  } :root {
17
19
  } :root {
@@ -23,18 +25,18 @@
23
25
  /* checkmark */
24
26
 
25
27
  /* optgroup */
26
- } .select__checkmark_1bn64 {
28
+ } .select__checkmark_1wi8l {
27
29
  flex-shrink: 0;
28
30
  box-sizing: border-box
29
- } .select__checkmark_1bn64.select__start_1bn64 {
31
+ } .select__checkmark_1wi8l.select__start_1wi8l {
30
32
  align-self: start;
31
- } .select__checkmark_1bn64.select__center_1bn64 {
33
+ } .select__checkmark_1wi8l.select__center_1wi8l {
32
34
  align-self: center;
33
- } .select__single_1bn64 {
35
+ } .select__single_1wi8l {
34
36
  display: flex;
35
37
  align-items: center;
36
38
  justify-content: center;
37
39
  opacity: 0
38
- } .select__single_1bn64.select__selected_1bn64 {
40
+ } .select__single_1wi8l.select__selected_1wi8l {
39
41
  opacity: 1;
40
42
  }
@@ -3,7 +3,7 @@ import React, { isValidElement } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { BaseCheckmark } from '../base-checkmark/Component.js';
5
5
 
6
- var styles = {"option":"select__option_w2gcg","disabled":"select__disabled_w2gcg","checkmarkBefore":"select__checkmarkBefore_w2gcg","mobile":"select__mobile_w2gcg","checkmarkAfter":"select__checkmarkAfter_w2gcg","textContent":"select__textContent_w2gcg","selected":"select__selected_w2gcg","highlighted":"select__highlighted_w2gcg","checkmarkBeforeContent":"select__checkmarkBeforeContent_w2gcg","checkmarkAfterContent":"select__checkmarkAfterContent_w2gcg","content":"select__content_w2gcg"};
6
+ var styles = {"option":"select__option_1lyt9","disabled":"select__disabled_1lyt9","checkmarkBefore":"select__checkmarkBefore_1lyt9","mobile":"select__mobile_1lyt9","checkmarkAfter":"select__checkmarkAfter_1lyt9","textContent":"select__textContent_1lyt9","selected":"select__selected_1lyt9","highlighted":"select__highlighted_1lyt9","checkmarkBeforeContent":"select__checkmarkBeforeContent_1lyt9","checkmarkAfterContent":"select__checkmarkAfterContent_1lyt9","content":"select__content_1lyt9"};
7
7
  require('./index.css')
8
8
 
9
9
  var BaseOption = function (_a) {