@alfalab/core-components-select 13.2.8 → 13.2.10

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 (250) hide show
  1. package/{Component-d0e7b8cf.d.ts → Component-4dccfbd0.d.ts} +0 -0
  2. package/{Component-d0e7b8cf.js → Component-4dccfbd0.js} +7 -7
  3. package/{Component-8614ce6b.d.ts → Component-d45b1eb6.d.ts} +0 -0
  4. package/{Component-8614ce6b.js → Component-d45b1eb6.js} +2 -2
  5. package/Component.d.ts +1 -1
  6. package/Component.js +4 -4
  7. package/Component.responsive.js +6 -6
  8. package/components/arrow/Component.js +1 -1
  9. package/components/arrow/index.css +12 -11
  10. package/components/base-checkmark/Component.js +1 -1
  11. package/components/base-checkmark/index.css +13 -9
  12. package/components/base-option/Component.js +2 -2
  13. package/components/base-option/index.css +22 -33
  14. package/components/base-option/index.js +1 -1
  15. package/components/base-select/Component.js +2 -2
  16. package/components/base-select/index.css +18 -24
  17. package/components/base-select/index.d.ts +1 -1
  18. package/components/base-select/index.js +2 -2
  19. package/components/base-select-mobile/Component.js +6 -6
  20. package/components/base-select-mobile/checkmark/Component.js +2 -5
  21. package/components/base-select-mobile/checkmark/index.css +15 -13
  22. package/components/base-select-mobile/checkmark/index.js +0 -2
  23. package/components/base-select-mobile/index.css +21 -27
  24. package/components/base-select-mobile/index.d.ts +1 -1
  25. package/components/base-select-mobile/index.js +6 -6
  26. package/components/base-select-mobile/options-list/Component.js +2 -2
  27. package/components/base-select-mobile/options-list/index.css +19 -24
  28. package/components/base-select-mobile/options-list/index.js +1 -1
  29. package/components/checkmark/Component.js +5 -4
  30. package/components/checkmark/index.css +28 -26
  31. package/components/checkmark/index.js +1 -0
  32. package/components/field/Component.js +2 -2
  33. package/components/field/index.css +18 -24
  34. package/components/field/index.js +1 -1
  35. package/components/index.js +6 -6
  36. package/components/native-select/Component.js +1 -1
  37. package/components/native-select/index.js +1 -1
  38. package/components/optgroup/Component.js +1 -1
  39. package/components/optgroup/index.css +15 -16
  40. package/components/option/Component.js +4 -4
  41. package/components/option/index.css +30 -47
  42. package/components/option/index.js +3 -3
  43. package/components/options-list/Component.js +2 -2
  44. package/components/options-list/index.css +15 -16
  45. package/components/options-list/index.js +1 -1
  46. package/components/select-mobile/Component.js +6 -6
  47. package/components/select-mobile/index.d.ts +1 -1
  48. package/components/select-mobile/index.js +6 -6
  49. package/components/select-modal-mobile/Component.js +6 -6
  50. package/components/select-modal-mobile/index.d.ts +1 -1
  51. package/components/select-modal-mobile/index.js +6 -6
  52. package/components/virtual-options-list/Component.js +2 -2
  53. package/components/virtual-options-list/index.css +21 -27
  54. package/components/virtual-options-list/index.js +1 -1
  55. package/cssm/{Component-e61bd989.d.ts → Component-29488b22.d.ts} +0 -0
  56. package/cssm/{Component-e61bd989.js → Component-29488b22.js} +2 -2
  57. package/cssm/Component.d.ts +1 -1
  58. package/cssm/Component.js +2 -2
  59. package/cssm/Component.responsive.js +3 -3
  60. package/cssm/components/arrow/index.module.css +11 -10
  61. package/cssm/components/base-checkmark/index.module.css +12 -8
  62. package/cssm/components/base-option/index.module.css +21 -32
  63. package/cssm/components/base-select/index.module.css +16 -22
  64. package/cssm/components/base-select-mobile/Component.js +3 -3
  65. package/cssm/components/base-select-mobile/checkmark/Component.js +1 -4
  66. package/cssm/components/base-select-mobile/checkmark/index.js +0 -2
  67. package/cssm/components/base-select-mobile/checkmark/index.module.css +14 -12
  68. package/cssm/components/base-select-mobile/index.d.ts +1 -1
  69. package/cssm/components/base-select-mobile/index.js +3 -3
  70. package/cssm/components/base-select-mobile/index.module.css +19 -25
  71. package/cssm/components/base-select-mobile/options-list/index.module.css +17 -22
  72. package/cssm/components/checkmark/Component.js +4 -3
  73. package/cssm/components/checkmark/index.js +1 -0
  74. package/cssm/components/checkmark/index.module.css +27 -25
  75. package/cssm/components/field/index.module.css +17 -23
  76. package/cssm/components/index.js +3 -3
  77. package/cssm/components/optgroup/index.module.css +13 -14
  78. package/cssm/components/option/Component.js +2 -2
  79. package/cssm/components/option/index.js +2 -2
  80. package/cssm/components/option/index.module.css +26 -43
  81. package/cssm/components/options-list/index.module.css +13 -14
  82. package/cssm/components/select-mobile/Component.js +3 -3
  83. package/cssm/components/select-mobile/index.d.ts +1 -1
  84. package/cssm/components/select-mobile/index.js +3 -3
  85. package/cssm/components/select-modal-mobile/Component.js +3 -3
  86. package/cssm/components/select-modal-mobile/index.d.ts +1 -1
  87. package/cssm/components/select-modal-mobile/index.js +3 -3
  88. package/cssm/components/virtual-options-list/index.module.css +18 -24
  89. package/cssm/index.js +3 -3
  90. package/cssm/presets/index.js +3 -3
  91. package/cssm/presets/useLazyLoading/hook.js +2 -2
  92. package/cssm/presets/useSelectWithApply/hook.js +3 -3
  93. package/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -3
  94. package/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  95. package/cssm/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
  96. package/cssm/presets/useSelectWithApply/options-list-with-apply/index.module.css +12 -12
  97. package/cssm/presets/useSelectWithLoading/hook.js +2 -2
  98. package/cssm/responsive.js +3 -3
  99. package/cssm/typings.d.ts +1 -5
  100. package/esm/{Component-c09a6820.d.ts → Component-2d2efe5d.d.ts} +0 -0
  101. package/esm/{Component-c09a6820.js → Component-2d2efe5d.js} +2 -2
  102. package/esm/{Component-4ef9d6d2.d.ts → Component-909f3a34.d.ts} +0 -0
  103. package/esm/{Component-4ef9d6d2.js → Component-909f3a34.js} +7 -7
  104. package/esm/Component.d.ts +1 -1
  105. package/esm/Component.js +4 -4
  106. package/esm/Component.responsive.js +6 -6
  107. package/esm/components/arrow/Component.js +1 -1
  108. package/esm/components/arrow/index.css +12 -11
  109. package/esm/components/base-checkmark/Component.js +1 -1
  110. package/esm/components/base-checkmark/index.css +13 -9
  111. package/esm/components/base-option/Component.js +2 -2
  112. package/esm/components/base-option/index.css +22 -33
  113. package/esm/components/base-option/index.js +1 -1
  114. package/esm/components/base-select/Component.js +2 -2
  115. package/esm/components/base-select/index.css +18 -24
  116. package/esm/components/base-select/index.d.ts +1 -1
  117. package/esm/components/base-select/index.js +2 -2
  118. package/esm/components/base-select-mobile/Component.js +6 -6
  119. package/esm/components/base-select-mobile/checkmark/Component.js +2 -5
  120. package/esm/components/base-select-mobile/checkmark/index.css +15 -13
  121. package/esm/components/base-select-mobile/checkmark/index.js +0 -2
  122. package/esm/components/base-select-mobile/index.css +21 -27
  123. package/esm/components/base-select-mobile/index.d.ts +1 -1
  124. package/esm/components/base-select-mobile/index.js +6 -6
  125. package/esm/components/base-select-mobile/options-list/Component.js +2 -2
  126. package/esm/components/base-select-mobile/options-list/index.css +19 -24
  127. package/esm/components/base-select-mobile/options-list/index.js +1 -1
  128. package/esm/components/checkmark/Component.js +4 -4
  129. package/esm/components/checkmark/index.css +28 -26
  130. package/esm/components/checkmark/index.js +1 -0
  131. package/esm/components/field/Component.js +2 -2
  132. package/esm/components/field/index.css +18 -24
  133. package/esm/components/field/index.js +1 -1
  134. package/esm/components/index.js +6 -6
  135. package/esm/components/native-select/Component.js +1 -1
  136. package/esm/components/native-select/index.js +1 -1
  137. package/esm/components/optgroup/Component.js +1 -1
  138. package/esm/components/optgroup/index.css +15 -16
  139. package/esm/components/option/Component.js +4 -4
  140. package/esm/components/option/index.css +30 -47
  141. package/esm/components/option/index.js +3 -3
  142. package/esm/components/options-list/Component.js +2 -2
  143. package/esm/components/options-list/index.css +15 -16
  144. package/esm/components/options-list/index.js +1 -1
  145. package/esm/components/select-mobile/Component.js +6 -6
  146. package/esm/components/select-mobile/index.d.ts +1 -1
  147. package/esm/components/select-mobile/index.js +6 -6
  148. package/esm/components/select-modal-mobile/Component.js +6 -6
  149. package/esm/components/select-modal-mobile/index.d.ts +1 -1
  150. package/esm/components/select-modal-mobile/index.js +6 -6
  151. package/esm/components/virtual-options-list/Component.js +2 -2
  152. package/esm/components/virtual-options-list/index.css +21 -27
  153. package/esm/components/virtual-options-list/index.js +1 -1
  154. package/esm/index.js +6 -6
  155. package/esm/{intersection-observer-c9397884.d.ts → intersection-observer-eebe1d7d.d.ts} +0 -0
  156. package/esm/{intersection-observer-c9397884.js → intersection-observer-eebe1d7d.js} +0 -0
  157. package/esm/presets/index.js +6 -6
  158. package/esm/presets/useLazyLoading/hook.js +5 -5
  159. package/esm/presets/useLazyLoading/index.css +2 -2
  160. package/esm/presets/useSelectWithApply/hook.js +6 -6
  161. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +6 -6
  162. package/esm/presets/useSelectWithApply/options-list-with-apply/index.css +13 -13
  163. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  164. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +6 -6
  165. package/esm/presets/useSelectWithLoading/hook.js +4 -4
  166. package/esm/presets/useSelectWithLoading/index.css +2 -2
  167. package/esm/responsive.js +6 -6
  168. package/esm/{tslib.es6-3c9b3142.d.ts → tslib.es6-00fefe9b.d.ts} +0 -0
  169. package/esm/{tslib.es6-3c9b3142.js → tslib.es6-00fefe9b.js} +0 -0
  170. package/esm/typings.d.ts +1 -5
  171. package/index.js +6 -6
  172. package/{intersection-observer-8ba57140.d.ts → intersection-observer-0845add3.d.ts} +0 -0
  173. package/{intersection-observer-8ba57140.js → intersection-observer-0845add3.js} +0 -0
  174. package/modern/{Component-8d6d6d34.d.ts → Component-2a37a356.d.ts} +0 -0
  175. package/modern/{Component-8d6d6d34.js → Component-2a37a356.js} +1 -1
  176. package/modern/{Component-c2b10ca0.d.ts → Component-79964ac6.d.ts} +0 -0
  177. package/modern/{Component-c2b10ca0.js → Component-79964ac6.js} +6 -6
  178. package/modern/Component.d.ts +1 -1
  179. package/modern/Component.js +3 -3
  180. package/modern/Component.responsive.js +5 -5
  181. package/modern/components/arrow/Component.js +1 -1
  182. package/modern/components/arrow/index.css +12 -11
  183. package/modern/components/base-checkmark/Component.js +1 -1
  184. package/modern/components/base-checkmark/index.css +13 -9
  185. package/modern/components/base-option/Component.js +1 -1
  186. package/modern/components/base-option/index.css +22 -33
  187. package/modern/components/base-select/Component.js +1 -1
  188. package/modern/components/base-select/index.css +18 -24
  189. package/modern/components/base-select/index.d.ts +1 -1
  190. package/modern/components/base-select/index.js +1 -1
  191. package/modern/components/base-select-mobile/Component.js +5 -5
  192. package/modern/components/base-select-mobile/checkmark/Component.js +2 -5
  193. package/modern/components/base-select-mobile/checkmark/index.css +15 -13
  194. package/modern/components/base-select-mobile/checkmark/index.js +0 -2
  195. package/modern/components/base-select-mobile/index.css +21 -27
  196. package/modern/components/base-select-mobile/index.d.ts +1 -1
  197. package/modern/components/base-select-mobile/index.js +5 -5
  198. package/modern/components/base-select-mobile/options-list/Component.js +1 -1
  199. package/modern/components/base-select-mobile/options-list/index.css +19 -24
  200. package/modern/components/checkmark/Component.js +4 -4
  201. package/modern/components/checkmark/index.css +28 -26
  202. package/modern/components/checkmark/index.js +1 -0
  203. package/modern/components/field/Component.js +1 -1
  204. package/modern/components/field/index.css +18 -24
  205. package/modern/components/index.js +5 -5
  206. package/modern/components/optgroup/Component.js +1 -1
  207. package/modern/components/optgroup/index.css +15 -16
  208. package/modern/components/option/Component.js +3 -3
  209. package/modern/components/option/index.css +30 -47
  210. package/modern/components/option/index.js +2 -2
  211. package/modern/components/options-list/Component.js +1 -1
  212. package/modern/components/options-list/index.css +15 -16
  213. package/modern/components/select-mobile/Component.js +5 -5
  214. package/modern/components/select-mobile/index.d.ts +1 -1
  215. package/modern/components/select-mobile/index.js +5 -5
  216. package/modern/components/select-modal-mobile/Component.js +5 -5
  217. package/modern/components/select-modal-mobile/index.d.ts +1 -1
  218. package/modern/components/select-modal-mobile/index.js +5 -5
  219. package/modern/components/virtual-options-list/Component.js +1 -1
  220. package/modern/components/virtual-options-list/index.css +21 -27
  221. package/modern/index.js +5 -5
  222. package/modern/{intersection-observer-c9397884.d.ts → intersection-observer-eebe1d7d.d.ts} +0 -0
  223. package/modern/{intersection-observer-c9397884.js → intersection-observer-eebe1d7d.js} +0 -0
  224. package/modern/presets/index.js +5 -5
  225. package/modern/presets/useLazyLoading/hook.js +4 -4
  226. package/modern/presets/useLazyLoading/index.css +2 -2
  227. package/modern/presets/useSelectWithApply/hook.js +5 -5
  228. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +5 -5
  229. package/modern/presets/useSelectWithApply/options-list-with-apply/index.css +13 -13
  230. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  231. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +5 -5
  232. package/modern/presets/useSelectWithLoading/hook.js +3 -3
  233. package/modern/presets/useSelectWithLoading/index.css +2 -2
  234. package/modern/responsive.js +5 -5
  235. package/modern/typings.d.ts +1 -5
  236. package/package.json +7 -7
  237. package/presets/index.js +6 -6
  238. package/presets/useLazyLoading/hook.js +5 -5
  239. package/presets/useLazyLoading/index.css +2 -2
  240. package/presets/useSelectWithApply/hook.js +6 -6
  241. package/presets/useSelectWithApply/options-list-with-apply/Component.js +6 -6
  242. package/presets/useSelectWithApply/options-list-with-apply/index.css +13 -13
  243. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  244. package/presets/useSelectWithApply/options-list-with-apply/index.js +6 -6
  245. package/presets/useSelectWithLoading/hook.js +4 -4
  246. package/presets/useSelectWithLoading/index.css +2 -2
  247. package/responsive.js +6 -6
  248. package/{tslib.es6-765af8e2.d.ts → tslib.es6-ade45ad3.d.ts} +0 -0
  249. package/{tslib.es6-765af8e2.js → tslib.es6-ade45ad3.js} +0 -0
  250. package/typings.d.ts +1 -5
@@ -1,22 +1,25 @@
1
- /* hash: 9gwji */
1
+ /* hash: 12mr5 */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-border-primary: #dbdee1;
4
5
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
5
- }
6
- :root {
6
+ } :root {
7
+ } :root {
8
+ } :root {
7
9
 
8
10
  /* Hard */
9
11
 
10
12
  /* Up */
11
13
 
12
14
  /* Hard up */
13
- }
14
- :root {
15
+ } :root {
16
+ } :root {
15
17
  --gap-s: 12px;
16
18
  --gap-m: 16px;
17
19
  --gap-xl: 24px;
18
- }
19
- :root {
20
+ } :root {
21
+ } :root {
22
+ } :root {
20
23
 
21
24
  /* options list */
22
25
  --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
@@ -31,28 +34,23 @@
31
34
  /* checkmark */
32
35
 
33
36
  /* optgroup */
34
- }
35
- .select__virtualOptionsList_1rykd {
37
+ } .select__virtualOptionsList_1knkb {
36
38
  width: 100%;
37
39
  outline: none;
38
40
  box-sizing: border-box;
39
41
  position: relative;
40
- }
41
- .select__scrollable_1rykd {
42
+ } .select__scrollable_1knkb {
42
43
  overflow: auto;
43
44
  width: 100%;
44
- }
45
- .select__inner_1rykd {
45
+ } .select__inner_1knkb {
46
46
  position: relative;
47
47
  width: 100%;
48
- }
49
- .select__virtualRow_1rykd {
48
+ } .select__virtualRow_1knkb {
50
49
  position: absolute;
51
50
  top: 0;
52
51
  left: 0;
53
52
  width: 100%
54
- }
55
- .select__virtualRow_1rykd:before {
53
+ } .select__virtualRow_1knkb:before {
56
54
  content: '';
57
55
  position: absolute;
58
56
  z-index: 1;
@@ -62,19 +60,15 @@
62
60
  height: 1px;
63
61
  background: var(--select-option-divider-background);
64
62
  display: var(--select-option-divider-display);
65
- }
66
- .select__virtualRow_1rykd:first-child:before {
63
+ } .select__virtualRow_1knkb:first-child:before {
67
64
  display: none;
68
- }
69
- .select__highlighted_1rykd:before,
70
- .select__highlighted_1rykd + .select__virtualRow_1rykd:before {
65
+ } .select__highlighted_1knkb:before,
66
+ .select__highlighted_1knkb + .select__virtualRow_1knkb:before {
71
67
  display: none;
72
- }
73
- .select__emptyPlaceholder_1rykd {
68
+ } .select__emptyPlaceholder_1knkb {
74
69
  padding: var(--gap-m) var(--gap-s);
75
70
  color: var(--select-options-list-empty-placeholder-color);
76
- }
77
- .select__l_1rykd .select__emptyPlaceholder_1rykd,
78
- .select__xl_1rykd .select__emptyPlaceholder_1rykd {
71
+ } .select__l_1knkb .select__emptyPlaceholder_1knkb,
72
+ .select__xl_1knkb .select__emptyPlaceholder_1knkb {
79
73
  padding: var(--gap-xl) var(--gap-m);
80
74
  }
package/modern/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export { Select } from './Component.js';
2
2
  export { Arrow } from './components/arrow/Component.js';
3
- export { B as BaseSelect } from './Component-8d6d6d34.js';
4
- export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-c2b10ca0.js';
3
+ export { B as BaseSelect } from './Component-2a37a356.js';
4
+ export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-79964ac6.js';
5
5
  export { Field } from './components/field/Component.js';
6
6
  export { Optgroup } from './components/optgroup/Component.js';
7
7
  export { Option } from './components/option/Component.js';
@@ -22,17 +22,17 @@ import '@alfalab/hooks';
22
22
  import './components/native-select/Component.js';
23
23
  import '@alfalab/core-components-form-control/modern';
24
24
  import './components/base-select-mobile/checkmark/Component.js';
25
- import '@alfalab/core-components-badge/modern';
26
- import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
27
25
  import '@alfalab/icons-glyph/CheckmarkMIcon';
28
26
  import './components/checkmark/Component.js';
27
+ import '@alfalab/core-components-badge/modern';
29
28
  import '@alfalab/core-components-checkbox/modern';
29
+ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
30
30
  import '@alfalab/core-components-scrollbar/modern';
31
31
  import '@alfalab/core-components-bottom-sheet/modern';
32
32
  import '@alfalab/core-components-modal/modern/mobile';
33
33
  import 'react-virtual';
34
34
  import '@alfalab/core-components-skeleton/modern';
35
- import './intersection-observer-c9397884.js';
35
+ import './intersection-observer-eebe1d7d.js';
36
36
  import '@alfalab/core-components-button/modern';
37
37
  import './components/base-checkmark/Component.js';
38
38
  import './components/base-select-mobile/options-list/Component.js';
@@ -1,17 +1,17 @@
1
1
  export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
2
2
  export { useLazyLoading } from './useLazyLoading/hook.js';
3
- export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-c2b10ca0.js';
3
+ export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-79964ac6.js';
4
4
  import 'react';
5
5
  import '@alfalab/core-components-skeleton/modern';
6
6
  import '../components/option/Component.js';
7
7
  import 'classnames';
8
8
  import '../components/base-select-mobile/checkmark/Component.js';
9
- import '@alfalab/core-components-badge/modern';
10
- import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
11
9
  import '@alfalab/icons-glyph/CheckmarkMIcon';
12
10
  import '../components/checkmark/Component.js';
11
+ import '@alfalab/core-components-badge/modern';
13
12
  import '@alfalab/core-components-checkbox/modern';
14
- import '../intersection-observer-c9397884.js';
13
+ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
14
+ import '../intersection-observer-eebe1d7d.js';
15
15
  import '../components/arrow/Component.js';
16
16
  import '@alfalab/icons-glyph/ChevronDownMIcon';
17
17
  import 'react-merge-refs';
@@ -19,7 +19,7 @@ import 'downshift';
19
19
  import '@alfalab/core-components-bottom-sheet/modern';
20
20
  import '@alfalab/core-components-modal/modern/mobile';
21
21
  import '../Component.js';
22
- import '../Component-8d6d6d34.js';
22
+ import '../Component-2a37a356.js';
23
23
  import '@juggle/resize-observer';
24
24
  import '@alfalab/core-components-popover/modern';
25
25
  import '@alfalab/hooks';
@@ -1,16 +1,16 @@
1
1
  import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
2
2
  import { Skeleton } from '@alfalab/core-components-skeleton/modern';
3
3
  import { Option } from '../../components/option/Component.js';
4
- import '../../intersection-observer-c9397884.js';
4
+ import '../../intersection-observer-eebe1d7d.js';
5
5
  import 'classnames';
6
6
  import '../../components/base-select-mobile/checkmark/Component.js';
7
- import '@alfalab/core-components-badge/modern';
8
- import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
9
7
  import '@alfalab/icons-glyph/CheckmarkMIcon';
10
8
  import '../../components/checkmark/Component.js';
9
+ import '@alfalab/core-components-badge/modern';
11
10
  import '@alfalab/core-components-checkbox/modern';
11
+ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
12
12
 
13
- const styles = {"skeleton":"select__skeleton_1ldyn"};
13
+ const styles = {"skeleton":"select__skeleton_147ki"};
14
14
  require('./index.css')
15
15
 
16
16
  const DEBOUNCE_TIMEOUT = 300;
@@ -1,5 +1,5 @@
1
- /* hash: hedew */
2
- .select__skeleton_1ldyn {
1
+ /* hash: 1ai5k */
2
+ .select__skeleton_147ki {
3
3
  position: absolute;
4
4
  top: 50%;
5
5
  transform: translateY(-50%);
@@ -2,20 +2,20 @@ import 'react';
2
2
  import '../../Component.js';
3
3
  import 'classnames';
4
4
  import '@alfalab/icons-glyph/ChevronDownMIcon';
5
- import '../../Component-8d6d6d34.js';
6
- export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-c2b10ca0.js';
5
+ import '../../Component-2a37a356.js';
6
+ export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-79964ac6.js';
7
7
  import '@alfalab/core-components-form-control/modern';
8
8
  import '@alfalab/hooks';
9
9
  import '../../utils.js';
10
- import '@alfalab/core-components-badge/modern';
11
- import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
12
10
  import '@alfalab/icons-glyph/CheckmarkMIcon';
11
+ import '@alfalab/core-components-badge/modern';
13
12
  import '@alfalab/core-components-checkbox/modern';
13
+ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
14
14
  import '../../components/options-list/Component.js';
15
15
  import 'react-virtual';
16
16
  import '@alfalab/core-components-scrollbar/modern';
17
17
  import '@alfalab/core-components-skeleton/modern';
18
- import '../../intersection-observer-c9397884.js';
18
+ import '../../intersection-observer-eebe1d7d.js';
19
19
  import '../../components/arrow/Component.js';
20
20
  import '../../components/field/Component.js';
21
21
  import '../../components/optgroup/Component.js';
@@ -2,14 +2,14 @@ import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/core-components-button/modern';
4
4
  import '@alfalab/icons-glyph/ChevronDownMIcon';
5
- import '../../../Component-8d6d6d34.js';
6
- export { O as OptionsListWithApply } from '../../../Component-c2b10ca0.js';
5
+ import '../../../Component-2a37a356.js';
6
+ export { O as OptionsListWithApply } from '../../../Component-79964ac6.js';
7
7
  import '@alfalab/core-components-form-control/modern';
8
8
  import '@alfalab/hooks';
9
- import '@alfalab/core-components-badge/modern';
10
- import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
11
9
  import '@alfalab/icons-glyph/CheckmarkMIcon';
10
+ import '@alfalab/core-components-badge/modern';
12
11
  import '@alfalab/core-components-checkbox/modern';
12
+ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
13
13
  import '../../../components/options-list/Component.js';
14
14
  import 'react-virtual';
15
15
  import '@alfalab/core-components-scrollbar/modern';
@@ -31,6 +31,6 @@ import '../../../components/checkmark/Component.js';
31
31
  import '../../../components/base-option/Component.js';
32
32
  import '../../../components/base-checkmark/Component.js';
33
33
  import '@alfalab/core-components-skeleton/modern';
34
- import '../../../intersection-observer-c9397884.js';
34
+ import '../../../intersection-observer-eebe1d7d.js';
35
35
  import '../../../components/base-select-mobile/options-list/Component.js';
36
36
  import '@alfalab/core-components-base-modal/modern';
@@ -1,21 +1,24 @@
1
- /* hash: ggjs1 */
1
+ /* hash: 5i0jv */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-bg-primary: #fff;
4
5
  --color-light-border-secondary: #e7e9eb;
5
- }
6
- :root {
6
+ } :root {
7
+ } :root {
8
+ } :root {
7
9
 
8
10
  /* Hard */
9
11
 
10
12
  /* Up */
11
13
 
12
14
  /* Hard up */
13
- }
14
- :root {
15
+ } :root {
16
+ } :root {
15
17
  --gap-xs: 8px;
16
18
  --gap-s: 12px;
17
- }
18
- :root {
19
+ } :root {
20
+ } :root {
21
+ } :root {
19
22
 
20
23
  /* options list */
21
24
 
@@ -24,15 +27,12 @@
24
27
  /* checkmark */
25
28
 
26
29
  /* optgroup */
27
- }
28
- .select__footer_ir798 {
30
+ } .select__footer_1x0me {
29
31
  background: var(--color-light-bg-primary);
30
32
  padding: var(--gap-s);
31
33
  outline: none
32
- }
33
- .select__footer_ir798 > * + * {
34
+ } .select__footer_1x0me > * + * {
34
35
  margin-left: var(--gap-xs);
35
- }
36
- .select__withBorder_ir798 {
36
+ } .select__withBorder_1x0me {
37
37
  box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
38
38
  }
@@ -1 +1 @@
1
- export * from "../../../Component-c2b10ca0";
1
+ export * from "../../../Component-79964ac6";
@@ -1,4 +1,4 @@
1
- export { O as OptionsListWithApply } from '../../../Component-c2b10ca0.js';
1
+ export { O as OptionsListWithApply } from '../../../Component-79964ac6.js';
2
2
  import 'react';
3
3
  import '../../../components/arrow/Component.js';
4
4
  import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
8
8
  import '@alfalab/core-components-bottom-sheet/modern';
9
9
  import '@alfalab/core-components-modal/modern/mobile';
10
10
  import '../../../Component.js';
11
- import '../../../Component-8d6d6d34.js';
11
+ import '../../../Component-2a37a356.js';
12
12
  import '@juggle/resize-observer';
13
13
  import '@alfalab/core-components-popover/modern';
14
14
  import '@alfalab/hooks';
@@ -19,18 +19,18 @@ import '@alfalab/core-components-form-control/modern';
19
19
  import '../../../components/optgroup/Component.js';
20
20
  import '../../../components/option/Component.js';
21
21
  import '../../../components/base-select-mobile/checkmark/Component.js';
22
- import '@alfalab/core-components-badge/modern';
23
- import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
24
22
  import '@alfalab/icons-glyph/CheckmarkMIcon';
25
23
  import '../../../components/checkmark/Component.js';
24
+ import '@alfalab/core-components-badge/modern';
26
25
  import '@alfalab/core-components-checkbox/modern';
26
+ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
27
27
  import '../../../components/options-list/Component.js';
28
28
  import '@alfalab/core-components-scrollbar/modern';
29
29
  import 'react-virtual';
30
30
  import '../../../components/base-option/Component.js';
31
31
  import '../../../components/base-checkmark/Component.js';
32
32
  import '@alfalab/core-components-skeleton/modern';
33
- import '../../../intersection-observer-c9397884.js';
33
+ import '../../../intersection-observer-eebe1d7d.js';
34
34
  import '@alfalab/core-components-button/modern';
35
35
  import '../../../components/base-select-mobile/options-list/Component.js';
36
36
  import '@alfalab/core-components-base-modal/modern';
@@ -3,13 +3,13 @@ import { Skeleton } from '@alfalab/core-components-skeleton/modern';
3
3
  import { Option } from '../../components/option/Component.js';
4
4
  import 'classnames';
5
5
  import '../../components/base-select-mobile/checkmark/Component.js';
6
- import '@alfalab/core-components-badge/modern';
7
- import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
8
6
  import '@alfalab/icons-glyph/CheckmarkMIcon';
9
7
  import '../../components/checkmark/Component.js';
8
+ import '@alfalab/core-components-badge/modern';
10
9
  import '@alfalab/core-components-checkbox/modern';
10
+ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
11
11
 
12
- const styles = {"skeleton":"select__skeleton_1he75"};
12
+ const styles = {"skeleton":"select__skeleton_1n49u"};
13
13
  require('./index.css')
14
14
 
15
15
  function useSelectWithLoading({ loading = false, visibleOptions = 6, Option: Option$1 = Option, }) {
@@ -1,5 +1,5 @@
1
- /* hash: 145su */
2
- .select__skeleton_1he75 {
1
+ /* hash: 15v04 */
2
+ .select__skeleton_1n49u {
3
3
  position: absolute;
4
4
  top: 50%;
5
5
  transform: translateY(-50%);
@@ -5,7 +5,7 @@ import './Component.js';
5
5
  import './components/arrow/Component.js';
6
6
  import 'classnames';
7
7
  import '@alfalab/icons-glyph/ChevronDownMIcon';
8
- import './Component-8d6d6d34.js';
8
+ import './Component-2a37a356.js';
9
9
  import 'react-merge-refs';
10
10
  import '@juggle/resize-observer';
11
11
  import 'downshift';
@@ -17,21 +17,21 @@ import '@alfalab/core-components-form-control/modern';
17
17
  import './components/optgroup/Component.js';
18
18
  import './components/option/Component.js';
19
19
  import './components/base-select-mobile/checkmark/Component.js';
20
- import '@alfalab/core-components-badge/modern';
21
- import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
22
20
  import '@alfalab/icons-glyph/CheckmarkMIcon';
23
21
  import './components/checkmark/Component.js';
22
+ import '@alfalab/core-components-badge/modern';
24
23
  import '@alfalab/core-components-checkbox/modern';
24
+ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
25
25
  import './components/options-list/Component.js';
26
26
  import '@alfalab/core-components-scrollbar/modern';
27
- import './Component-c2b10ca0.js';
27
+ import './Component-79964ac6.js';
28
28
  import '@alfalab/core-components-bottom-sheet/modern';
29
29
  import '@alfalab/core-components-modal/modern/mobile';
30
30
  import 'react-virtual';
31
31
  import './components/base-option/Component.js';
32
32
  import './components/base-checkmark/Component.js';
33
33
  import '@alfalab/core-components-skeleton/modern';
34
- import './intersection-observer-c9397884.js';
34
+ import './intersection-observer-eebe1d7d.js';
35
35
  import '@alfalab/core-components-button/modern';
36
36
  import './components/base-select-mobile/options-list/Component.js';
37
37
  import '@alfalab/core-components-base-modal/modern';
@@ -251,10 +251,6 @@ type FieldProps = {
251
251
  * Дополнительный класс
252
252
  */
253
253
  className?: string;
254
- /**
255
- * Размер компонента
256
- */
257
- size?: 's' | 'm' | 'l' | 'xl';
258
254
  /**
259
255
  * Выбранный пункт
260
256
  */
@@ -329,7 +325,7 @@ type FieldProps = {
329
325
  * Идентификатор для систем автоматизированного тестирования
330
326
  */
331
327
  dataTestId?: string;
332
- };
328
+ } & Record<string, any>;
333
329
  type ArrowProps = {
334
330
  /**
335
331
  * Дополнительный класс
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-select",
3
- "version": "13.2.8",
3
+ "version": "13.2.10",
4
4
  "description": "Select component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -19,14 +19,14 @@
19
19
  },
20
20
  "dependencies": {
21
21
  "@alfalab/core-components-badge": "^5.0.0",
22
- "@alfalab/core-components-base-modal": "^5.0.7",
23
- "@alfalab/core-components-bottom-sheet": "^5.1.16",
24
- "@alfalab/core-components-button": "^7.0.3",
22
+ "@alfalab/core-components-base-modal": "^5.0.8",
23
+ "@alfalab/core-components-bottom-sheet": "^5.2.1",
24
+ "@alfalab/core-components-button": "^7.0.4",
25
25
  "@alfalab/core-components-checkbox": "^3.0.7",
26
26
  "@alfalab/core-components-form-control": "^9.0.2",
27
- "@alfalab/core-components-input": "^11.1.4",
28
- "@alfalab/core-components-modal": "^6.1.8",
29
- "@alfalab/core-components-popover": "^6.0.5",
27
+ "@alfalab/core-components-input": "^11.1.5",
28
+ "@alfalab/core-components-modal": "^6.1.10",
29
+ "@alfalab/core-components-popover": "^6.0.6",
30
30
  "@alfalab/core-components-scrollbar": "^2.1.2",
31
31
  "@alfalab/core-components-skeleton": "^4.0.3",
32
32
  "@alfalab/hooks": "^1.13.0",
package/presets/index.js CHANGED
@@ -2,19 +2,19 @@
2
2
 
3
3
  var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
4
4
  var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
5
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-d0e7b8cf.js');
6
- require('../tslib.es6-765af8e2.js');
5
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-4dccfbd0.js');
6
+ require('../tslib.es6-ade45ad3.js');
7
7
  require('react');
8
8
  require('@alfalab/core-components-skeleton');
9
9
  require('../components/option/Component.js');
10
10
  require('classnames');
11
11
  require('../components/base-select-mobile/checkmark/Component.js');
12
- require('@alfalab/core-components-badge');
13
- require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
14
12
  require('@alfalab/icons-glyph/CheckmarkMIcon');
15
13
  require('../components/checkmark/Component.js');
14
+ require('@alfalab/core-components-badge');
16
15
  require('@alfalab/core-components-checkbox');
17
- require('../intersection-observer-8ba57140.js');
16
+ require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
17
+ require('../intersection-observer-0845add3.js');
18
18
  require('../components/arrow/Component.js');
19
19
  require('@alfalab/icons-glyph/ChevronDownMIcon');
20
20
  require('react-merge-refs');
@@ -22,7 +22,7 @@ require('downshift');
22
22
  require('@alfalab/core-components-bottom-sheet');
23
23
  require('@alfalab/core-components-modal/mobile');
24
24
  require('../Component.js');
25
- require('../Component-8614ce6b.js');
25
+ require('../Component-d45b1eb6.js');
26
26
  require('@juggle/resize-observer');
27
27
  require('@alfalab/core-components-popover');
28
28
  require('@alfalab/hooks');
@@ -1,23 +1,23 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('../../tslib.es6-765af8e2.js');
3
+ var tslib_es6 = require('../../tslib.es6-ade45ad3.js');
4
4
  var React = require('react');
5
5
  var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
6
6
  var components_option_Component = require('../../components/option/Component.js');
7
- require('../../intersection-observer-8ba57140.js');
7
+ require('../../intersection-observer-0845add3.js');
8
8
  require('classnames');
9
9
  require('../../components/base-select-mobile/checkmark/Component.js');
10
- require('@alfalab/core-components-badge');
11
- require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
12
10
  require('@alfalab/icons-glyph/CheckmarkMIcon');
13
11
  require('../../components/checkmark/Component.js');
12
+ require('@alfalab/core-components-badge');
14
13
  require('@alfalab/core-components-checkbox');
14
+ require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
15
15
 
16
16
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
17
17
 
18
18
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
19
19
 
20
- var styles = {"skeleton":"select__skeleton_1ldyn"};
20
+ var styles = {"skeleton":"select__skeleton_147ki"};
21
21
  require('./index.css')
22
22
 
23
23
  var DEBOUNCE_TIMEOUT = 300;
@@ -1,5 +1,5 @@
1
- /* hash: hedew */
2
- .select__skeleton_1ldyn {
1
+ /* hash: 1ai5k */
2
+ .select__skeleton_147ki {
3
3
  position: absolute;
4
4
  top: 50%;
5
5
  transform: translateY(-50%);
@@ -1,24 +1,24 @@
1
1
  'use strict';
2
2
 
3
- require('../../tslib.es6-765af8e2.js');
3
+ require('../../tslib.es6-ade45ad3.js');
4
4
  require('react');
5
5
  require('../../Component.js');
6
6
  require('classnames');
7
7
  require('@alfalab/icons-glyph/ChevronDownMIcon');
8
- require('../../Component-8614ce6b.js');
9
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-d0e7b8cf.js');
8
+ require('../../Component-d45b1eb6.js');
9
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-4dccfbd0.js');
10
10
  require('@alfalab/core-components-form-control');
11
11
  require('@alfalab/hooks');
12
12
  require('../../utils.js');
13
- require('@alfalab/core-components-badge');
14
- require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
15
13
  require('@alfalab/icons-glyph/CheckmarkMIcon');
14
+ require('@alfalab/core-components-badge');
16
15
  require('@alfalab/core-components-checkbox');
16
+ require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
17
17
  require('../../components/options-list/Component.js');
18
18
  require('react-virtual');
19
19
  require('@alfalab/core-components-scrollbar');
20
20
  require('@alfalab/core-components-skeleton');
21
- require('../../intersection-observer-8ba57140.js');
21
+ require('../../intersection-observer-0845add3.js');
22
22
  require('../../components/arrow/Component.js');
23
23
  require('../../components/field/Component.js');
24
24
  require('../../components/optgroup/Component.js');
@@ -1,18 +1,18 @@
1
1
  'use strict';
2
2
 
3
- require('../../../tslib.es6-765af8e2.js');
3
+ require('../../../tslib.es6-ade45ad3.js');
4
4
  require('react');
5
5
  require('classnames');
6
6
  require('@alfalab/core-components-button');
7
7
  require('@alfalab/icons-glyph/ChevronDownMIcon');
8
- require('../../../Component-8614ce6b.js');
9
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-d0e7b8cf.js');
8
+ require('../../../Component-d45b1eb6.js');
9
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-4dccfbd0.js');
10
10
  require('@alfalab/core-components-form-control');
11
11
  require('@alfalab/hooks');
12
- require('@alfalab/core-components-badge');
13
- require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
14
12
  require('@alfalab/icons-glyph/CheckmarkMIcon');
13
+ require('@alfalab/core-components-badge');
15
14
  require('@alfalab/core-components-checkbox');
15
+ require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
16
16
  require('../../../components/options-list/Component.js');
17
17
  require('react-virtual');
18
18
  require('@alfalab/core-components-scrollbar');
@@ -34,7 +34,7 @@ require('../../../components/checkmark/Component.js');
34
34
  require('../../../components/base-option/Component.js');
35
35
  require('../../../components/base-checkmark/Component.js');
36
36
  require('@alfalab/core-components-skeleton');
37
- require('../../../intersection-observer-8ba57140.js');
37
+ require('../../../intersection-observer-0845add3.js');
38
38
  require('../../../components/base-select-mobile/options-list/Component.js');
39
39
  require('@alfalab/core-components-base-modal');
40
40
 
@@ -1,21 +1,24 @@
1
- /* hash: ggjs1 */
1
+ /* hash: 5i0jv */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-bg-primary: #fff;
4
5
  --color-light-border-secondary: #e7e9eb;
5
- }
6
- :root {
6
+ } :root {
7
+ } :root {
8
+ } :root {
7
9
 
8
10
  /* Hard */
9
11
 
10
12
  /* Up */
11
13
 
12
14
  /* Hard up */
13
- }
14
- :root {
15
+ } :root {
16
+ } :root {
15
17
  --gap-xs: 8px;
16
18
  --gap-s: 12px;
17
- }
18
- :root {
19
+ } :root {
20
+ } :root {
21
+ } :root {
19
22
 
20
23
  /* options list */
21
24
 
@@ -24,15 +27,12 @@
24
27
  /* checkmark */
25
28
 
26
29
  /* optgroup */
27
- }
28
- .select__footer_ir798 {
30
+ } .select__footer_1x0me {
29
31
  background: var(--color-light-bg-primary);
30
32
  padding: var(--gap-s);
31
33
  outline: none
32
- }
33
- .select__footer_ir798 > * + * {
34
+ } .select__footer_1x0me > * + * {
34
35
  margin-left: var(--gap-xs);
35
- }
36
- .select__withBorder_ir798 {
36
+ } .select__withBorder_1x0me {
37
37
  box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
38
38
  }
@@ -1 +1 @@
1
- export * from "../../../Component-d0e7b8cf";
1
+ export * from "../../../Component-4dccfbd0";