@alfalab/core-components-select 17.11.0 → 17.12.1

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 (204) hide show
  1. package/components/arrow/Component.js +1 -1
  2. package/components/arrow/index.css +4 -4
  3. package/components/base-checkmark/Component.js +1 -1
  4. package/components/base-checkmark/index.css +7 -7
  5. package/components/base-option/Component.js +1 -1
  6. package/components/base-option/index.css +19 -18
  7. package/components/base-select/Component.js +2 -2
  8. package/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  9. package/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  10. package/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  11. package/components/base-select/index.css +25 -23
  12. package/components/base-select/mobile.css +17 -16
  13. package/components/checkmark/Component.js +1 -1
  14. package/components/checkmark/index.css +13 -12
  15. package/components/checkmark-mobile/Component.js +1 -1
  16. package/components/checkmark-mobile/index.css +7 -7
  17. package/components/clear-button/Component.js +1 -1
  18. package/components/clear-button/index.css +7 -7
  19. package/components/field/Component.js +1 -1
  20. package/components/field/index.css +13 -13
  21. package/components/footer/Component.js +1 -1
  22. package/components/footer/index.css +6 -6
  23. package/components/optgroup/Component.js +1 -1
  24. package/components/optgroup/index.css +7 -7
  25. package/components/option/Component.js +1 -1
  26. package/components/option/index.css +22 -22
  27. package/components/options-list/Component.js +3 -3
  28. package/components/options-list/index.css +15 -12
  29. package/components/search/Component.js +1 -1
  30. package/components/search/index.css +3 -3
  31. package/components/virtual-options-list/Component.js +1 -1
  32. package/components/virtual-options-list/index.css +21 -20
  33. package/cssm/components/arrow/index.module.css +1 -1
  34. package/cssm/components/base-checkmark/index.module.css +1 -1
  35. package/cssm/components/base-option/index.module.css +4 -3
  36. package/cssm/components/base-select/index.module.css +14 -12
  37. package/cssm/components/base-select/mobile.module.css +5 -4
  38. package/cssm/components/checkmark/index.module.css +3 -2
  39. package/cssm/components/checkmark-mobile/index.module.css +1 -1
  40. package/cssm/components/clear-button/index.module.css +1 -1
  41. package/cssm/components/field/index.module.css +1 -1
  42. package/cssm/components/footer/index.module.css +1 -1
  43. package/cssm/components/optgroup/index.module.css +1 -1
  44. package/cssm/components/option/index.module.css +3 -3
  45. package/cssm/components/options-list/Component.js +2 -2
  46. package/cssm/components/options-list/index.module.css +5 -2
  47. package/cssm/components/search/index.module.css +1 -1
  48. package/cssm/components/virtual-options-list/index.module.css +6 -5
  49. package/cssm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +3 -1
  50. package/cssm/presets/useSelectWithApply/options-list-with-apply/footer/vars.css +0 -0
  51. package/cssm/presets/useSelectWithApply/options-list-with-apply/header/index.module.css +1 -1
  52. package/cssm/utils.d.ts +1 -1
  53. package/cssm/utils.js +11 -0
  54. package/esm/components/arrow/Component.js +1 -1
  55. package/esm/components/arrow/index.css +4 -4
  56. package/esm/components/base-checkmark/Component.js +1 -1
  57. package/esm/components/base-checkmark/index.css +7 -7
  58. package/esm/components/base-option/Component.js +1 -1
  59. package/esm/components/base-option/index.css +19 -18
  60. package/esm/components/base-select/Component.js +2 -2
  61. package/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  62. package/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  63. package/esm/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  64. package/esm/components/base-select/index.css +25 -23
  65. package/esm/components/base-select/mobile.css +17 -16
  66. package/esm/components/checkmark/Component.js +1 -1
  67. package/esm/components/checkmark/index.css +13 -12
  68. package/esm/components/checkmark-mobile/Component.js +1 -1
  69. package/esm/components/checkmark-mobile/index.css +7 -7
  70. package/esm/components/clear-button/Component.js +1 -1
  71. package/esm/components/clear-button/index.css +7 -7
  72. package/esm/components/field/Component.js +1 -1
  73. package/esm/components/field/index.css +13 -13
  74. package/esm/components/footer/Component.js +1 -1
  75. package/esm/components/footer/index.css +6 -6
  76. package/esm/components/optgroup/Component.js +1 -1
  77. package/esm/components/optgroup/index.css +7 -7
  78. package/esm/components/option/Component.js +1 -1
  79. package/esm/components/option/index.css +22 -22
  80. package/esm/components/options-list/Component.js +3 -3
  81. package/esm/components/options-list/index.css +15 -12
  82. package/esm/components/search/Component.js +1 -1
  83. package/esm/components/search/index.css +3 -3
  84. package/esm/components/virtual-options-list/Component.js +1 -1
  85. package/esm/components/virtual-options-list/index.css +21 -20
  86. package/esm/{list-popover-desktop-3b5200e4.js → list-popover-desktop-d8b3abfb.js} +1 -1
  87. package/esm/mobile/Component.mobile.js +1 -1
  88. package/esm/mobile.module-15868123.js +4 -0
  89. package/esm/presets/index.js +1 -1
  90. package/esm/presets/useSelectWithApply/hook.js +1 -1
  91. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  92. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  93. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +6 -4
  94. package/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  95. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  96. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  97. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  98. package/esm/presets/useSelectWithLoading/hook.js +1 -1
  99. package/esm/presets/useSelectWithLoading/index.css +2 -2
  100. package/esm/shared/index.js +1 -1
  101. package/esm/utils.d.ts +1 -1
  102. package/esm/utils.js +13 -2
  103. package/{list-popover-desktop-3e8f155e.js → list-popover-desktop-4aec6d4b.js} +1 -1
  104. package/mobile/Component.mobile.js +1 -1
  105. package/mobile.module-54208123.js +6 -0
  106. package/modern/components/arrow/Component.js +1 -1
  107. package/modern/components/arrow/index.css +4 -4
  108. package/modern/components/base-checkmark/Component.js +1 -1
  109. package/modern/components/base-checkmark/index.css +7 -7
  110. package/modern/components/base-option/Component.js +1 -1
  111. package/modern/components/base-option/index.css +19 -18
  112. package/modern/components/base-select/Component.js +2 -2
  113. package/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  114. package/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  115. package/modern/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  116. package/modern/components/base-select/index.css +25 -23
  117. package/modern/components/base-select/mobile.css +17 -16
  118. package/modern/components/checkmark/Component.js +1 -1
  119. package/modern/components/checkmark/index.css +13 -12
  120. package/modern/components/checkmark-mobile/Component.js +1 -1
  121. package/modern/components/checkmark-mobile/index.css +7 -7
  122. package/modern/components/clear-button/Component.js +1 -1
  123. package/modern/components/clear-button/index.css +7 -7
  124. package/modern/components/field/Component.js +1 -1
  125. package/modern/components/field/index.css +13 -13
  126. package/modern/components/footer/Component.js +1 -1
  127. package/modern/components/footer/index.css +6 -6
  128. package/modern/components/optgroup/Component.js +1 -1
  129. package/modern/components/optgroup/index.css +7 -7
  130. package/modern/components/option/Component.js +1 -1
  131. package/modern/components/option/index.css +22 -22
  132. package/modern/components/options-list/Component.js +3 -3
  133. package/modern/components/options-list/index.css +15 -12
  134. package/modern/components/search/Component.js +1 -1
  135. package/modern/components/search/index.css +3 -3
  136. package/modern/components/virtual-options-list/Component.js +1 -1
  137. package/modern/components/virtual-options-list/index.css +21 -20
  138. package/modern/{list-popover-desktop-387dae64.js → list-popover-desktop-3bfc5ee1.js} +1 -1
  139. package/modern/mobile/Component.mobile.js +1 -1
  140. package/modern/mobile.module-3f4bbe1a.js +4 -0
  141. package/modern/presets/index.js +1 -1
  142. package/modern/presets/useSelectWithApply/hook.js +1 -1
  143. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  144. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  145. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +6 -4
  146. package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  147. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  148. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  149. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  150. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  151. package/modern/presets/useSelectWithLoading/index.css +2 -2
  152. package/modern/shared/index.js +1 -1
  153. package/modern/utils.d.ts +1 -1
  154. package/modern/utils.js +13 -2
  155. package/moderncssm/components/base-option/index.module.css +2 -2
  156. package/moderncssm/components/base-select/index.module.css +11 -11
  157. package/moderncssm/components/base-select/mobile.module.css +3 -3
  158. package/moderncssm/components/checkmark/index.module.css +1 -1
  159. package/moderncssm/components/option/index.module.css +1 -2
  160. package/moderncssm/components/options-list/Component.js +2 -2
  161. package/moderncssm/components/options-list/index.module.css +4 -1
  162. package/moderncssm/components/virtual-options-list/index.module.css +4 -4
  163. package/moderncssm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +4 -3
  164. package/moderncssm/presets/useSelectWithApply/options-list-with-apply/footer/vars.css +0 -0
  165. package/moderncssm/utils.d.ts +1 -1
  166. package/moderncssm/utils.js +13 -2
  167. package/package.json +15 -15
  168. package/presets/index.js +1 -1
  169. package/presets/useSelectWithApply/hook.js +1 -1
  170. package/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  171. package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  172. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +6 -4
  173. package/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  174. package/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  175. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  176. package/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  177. package/presets/useSelectWithLoading/hook.js +1 -1
  178. package/presets/useSelectWithLoading/index.css +2 -2
  179. package/shared/index.js +1 -1
  180. package/src/components/base-option/index.module.css +2 -2
  181. package/src/components/base-select/index.module.css +8 -8
  182. package/src/components/base-select/mobile.module.css +3 -3
  183. package/src/components/option/index.module.css +1 -2
  184. package/src/components/options-list/Component.tsx +2 -1
  185. package/src/components/options-list/index.module.css +5 -1
  186. package/src/components/virtual-options-list/index.module.css +4 -4
  187. package/src/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +2 -1
  188. package/src/presets/useSelectWithApply/options-list-with-apply/footer/vars.css +3 -0
  189. package/src/utils.ts +28 -3
  190. package/src/vars.css +4 -4
  191. package/utils.d.ts +1 -1
  192. package/utils.js +11 -0
  193. package/esm/mobile.module-841dbab1.js +0 -4
  194. package/mobile.module-6a431abb.js +0 -6
  195. package/modern/mobile.module-5583797d.js +0 -4
  196. /package/esm/{hook-4a4a5429.d.ts → hook-9859170a.d.ts} +0 -0
  197. /package/esm/{hook-4a4a5429.js → hook-9859170a.js} +0 -0
  198. /package/esm/{list-popover-desktop-3b5200e4.d.ts → list-popover-desktop-d8b3abfb.d.ts} +0 -0
  199. /package/{hook-06aedfaf.d.ts → hook-9116639c.d.ts} +0 -0
  200. /package/{hook-06aedfaf.js → hook-9116639c.js} +0 -0
  201. /package/{list-popover-desktop-3e8f155e.d.ts → list-popover-desktop-4aec6d4b.d.ts} +0 -0
  202. /package/modern/{hook-07ac3ee1.d.ts → hook-8e453871.d.ts} +0 -0
  203. /package/modern/{hook-07ac3ee1.js → hook-8e453871.js} +0 -0
  204. /package/modern/{list-popover-desktop-387dae64.d.ts → list-popover-desktop-3bfc5ee1.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: v2gyo */
1
+ /* hash: d7u4k */
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-status-info: #2288fa;
@@ -23,7 +23,7 @@
23
23
  } :root {
24
24
  --focus-color: var(--color-light-status-info);
25
25
  --disabled-cursor: not-allowed;
26
- } :root {
26
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
27
27
  --input-placeholder-color: var(--color-light-text-secondary);
28
28
  --input-focus-placeholder-color: var(--color-light-text-tertiary);
29
29
 
@@ -46,22 +46,22 @@
46
46
  /* checkmark */
47
47
 
48
48
  /* optgroup */
49
- } .select__component_170im {
49
+ } .select__component_17gn9 {
50
50
  width: 100%;
51
51
  outline: none;
52
- } .select__field_170im:not(.select__disabled_170im) {
52
+ } .select__field_17gn9:not(.select__disabled_17gn9) {
53
53
  cursor: pointer
54
- } .select__field_170im:not(.select__disabled_170im):hover .select__arrow_170im {
54
+ } .select__field_17gn9:not(.select__disabled_17gn9):hover .select__arrow_17gn9 {
55
55
  opacity: var(--select-arrow-hover-opacity);
56
- } .select__disabled_170im {
56
+ } .select__disabled_17gn9 {
57
57
  cursor: var(--disabled-cursor);
58
- } .select__placeholder_170im {
58
+ } .select__placeholder_17gn9 {
59
59
  color: var(--input-placeholder-color);
60
60
  transition: color 0.2s ease;
61
- animation: select__show-placeholder_170im 0.2s ease
62
- } .select__placeholder_170im.select__focused_170im {
61
+ animation: select__show-placeholder_17gn9 0.2s ease
62
+ } .select__placeholder_17gn9.select__focused_17gn9 {
63
63
  color: var(--input-focus-placeholder-color);
64
- } .select__contentWrapper_170im {
64
+ } .select__contentWrapper_17gn9 {
65
65
  font-size: 16px;
66
66
  line-height: 20px;
67
67
  font-weight: 400;
@@ -70,14 +70,14 @@
70
70
  text-overflow: ellipsis;
71
71
  overflow: hidden;
72
72
  width: 100%;
73
- } .select__value_170im {
73
+ } .select__value_17gn9 {
74
74
  overflow: hidden;
75
75
  text-overflow: ellipsis;
76
76
  text-align: left;
77
- } .select__focusVisible_170im {
77
+ } .select__focusVisible_17gn9 {
78
78
  outline: 2px solid var(--focus-color);
79
79
  outline-offset: 2px;
80
- } @keyframes select__show-placeholder_170im {
80
+ } @keyframes select__show-placeholder_17gn9 {
81
81
  from {
82
82
  opacity: 0;
83
83
  }
@@ -4,7 +4,7 @@ import { BaseModalContext } from '@alfalab/core-components-base-modal/modern';
4
4
  import { ButtonMobile } from '@alfalab/core-components-button/modern/mobile';
5
5
  import { getDataTestId } from '@alfalab/core-components-shared/modern';
6
6
 
7
- const styles = {"footer":"select__footer_hwfq1","button":"select__button_hwfq1","highlighted":"select__highlighted_hwfq1"};
7
+ const styles = {"footer":"select__footer_zxq26","button":"select__button_zxq26","highlighted":"select__highlighted_zxq26"};
8
8
  require('./index.css')
9
9
 
10
10
  const Footer = ({ handleApply, handleClear, showClear, clearText = 'Сбросить', applyText = 'Применить', dataTestId, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1cx89 */
1
+ /* hash: 1wu3q */
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-modal-bg-primary: #fff;
@@ -22,7 +22,7 @@
22
22
  --gap-16: var(--gap-m);
23
23
  } :root {
24
24
  } :root {
25
- } :root {
25
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
26
26
 
27
27
  /* options list */
28
28
 
@@ -31,17 +31,17 @@
31
31
  /* checkmark */
32
32
 
33
33
  /* optgroup */
34
- } .select__footer_hwfq1 {
34
+ } .select__footer_zxq26 {
35
35
  display: flex;
36
36
  box-sizing: border-box;
37
37
  width: 100%;
38
38
  padding: var(--gap-16) var(--gap-16);
39
39
  background-color: var(--color-light-modal-bg-primary)
40
- } .select__footer_hwfq1 .select__button_hwfq1:first-of-type {
40
+ } .select__footer_zxq26 .select__button_zxq26:first-of-type {
41
41
  margin-right: var(--gap-16);
42
- } .select__button_hwfq1 {
42
+ } .select__button_zxq26 {
43
43
  width: 50%;
44
- } .select__highlighted_hwfq1 {
44
+ } .select__highlighted_zxq26 {
45
45
  border-top: 1px solid var(--color-light-neutral-300);
46
46
  background-color: var(--color-light-modal-bg-primary);
47
47
  }
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
4
4
 
5
- const styles = {"optgroup":"select__optgroup_1xb3v","label":"select__label_1xb3v","size-64":"select__size-64_1xb3v","size-72":"select__size-72_1xb3v"};
5
+ const styles = {"optgroup":"select__optgroup_1dyow","label":"select__label_1dyow","size-64":"select__size-64_1dyow","size-72":"select__size-72_1dyow"};
6
6
  require('./index.css')
7
7
 
8
8
  const Optgroup = ({ children, className, label, size = 48 }) => (React.createElement(React.Fragment, null,
@@ -1,4 +1,4 @@
1
- /* hash: 1ws49 */
1
+ /* hash: 1bk44 */
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-modal-bg-primary: #fff;
@@ -26,7 +26,7 @@
26
26
  --gap-16: var(--gap-m);
27
27
  } :root {
28
28
  } :root {
29
- } :root {
29
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
30
30
 
31
31
  /* options list */
32
32
 
@@ -42,7 +42,7 @@
42
42
  --select-optgroup-right-padding: var(--gap-12);
43
43
  --select-optgroup-l-left-padding: var(--gap-16);
44
44
  --select-optgroup-l-right-padding: var(--gap-16);
45
- } .select__optgroup_1xb3v {
45
+ } .select__optgroup_1dyow {
46
46
  position: relative;
47
47
  display: flex;
48
48
  align-items: center;
@@ -51,9 +51,9 @@
51
51
  box-sizing: border-box;
52
52
  background: var(--select-optgroup-background);
53
53
  min-height: 40px
54
- } .select__optgroup_1xb3v + *[role='option']:before {
54
+ } .select__optgroup_1dyow + *[role='option']:before {
55
55
  display: none;
56
- } .select__label_1xb3v {
56
+ } .select__label_1dyow {
57
57
  font-size: 12px;
58
58
  line-height: 16px;
59
59
  font-weight: 500;
@@ -62,8 +62,8 @@
62
62
 
63
63
  display: block;
64
64
  color: var(--select-optgroup-color);
65
- } .select__size-64_1xb3v,
66
- .select__size-72_1xb3v {
65
+ } .select__size-64_1dyow,
66
+ .select__size-72_1dyow {
67
67
  padding-left: var(--select-optgroup-l-left-padding);
68
68
  padding-right: var(--select-optgroup-l-right-padding);
69
69
  }
@@ -4,7 +4,7 @@ import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
4
4
  import { Checkmark as Checkmark$1 } from '../checkmark/Component.js';
5
5
  import { Checkmark } from '../checkmark-mobile/Component.js';
6
6
 
7
- const styles = {"option":"select__option_188lv","disabled":"select__disabled_188lv","size-48":"select__size-48_188lv","size-56":"select__size-56_188lv","size-64":"select__size-64_188lv","size-72":"select__size-72_188lv","selected":"select__selected_188lv","highlighted":"select__highlighted_188lv","content":"select__content_188lv","textContent":"select__textContent_188lv"};
7
+ const styles = {"option":"select__option_1rl0u","disabled":"select__disabled_1rl0u","size-48":"select__size-48_1rl0u","size-56":"select__size-56_1rl0u","size-64":"select__size-64_1rl0u","size-72":"select__size-72_1rl0u","selected":"select__selected_1rl0u","highlighted":"select__highlighted_1rl0u","content":"select__content_1rl0u","textContent":"select__textContent_1rl0u"};
8
8
  require('./index.css')
9
9
 
10
10
  const Option = ({ size = 48, className, option, children, selected, highlighted, disabled, multiple, mobile, Checkmark: Checkmark$2 = mobile ? Checkmark : Checkmark$1, innerProps, dataTestId, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 18rlh */
1
+ /* hash: 1tyu8 */
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-modal-bg-primary: #fff;
@@ -24,6 +24,7 @@
24
24
  --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 */
25
25
 
26
26
  /* новые значения, используйте их */
27
+ --gap-0: 0;
27
28
  --gap-12: var(--gap-s);
28
29
  --gap-16: var(--gap-m);
29
30
  } :root {
@@ -33,7 +34,7 @@
33
34
  --size-m-height: 56px;
34
35
  --size-l-height: 64px;
35
36
  --size-xl-height: 72px;
36
- } :root {
37
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
37
38
 
38
39
  /* options list */
39
40
  --select-option-divider-display: none;
@@ -59,7 +60,7 @@
59
60
  /* checkmark */
60
61
 
61
62
  /* optgroup */
62
- } .select__option_188lv {
63
+ } .select__option_1rl0u {
63
64
  font-size: 16px;
64
65
  line-height: 20px;
65
66
  font-weight: 400;
@@ -74,56 +75,55 @@
74
75
  box-sizing: border-box;
75
76
  position: relative;
76
77
  cursor: pointer
77
- } .select__option_188lv:not(.select__disabled_188lv):active {
78
+ } .select__option_1rl0u:not(.select__disabled_1rl0u):active {
78
79
  background: var(--select-option-active-background);
79
80
  color: var(--select-option-active-color);
80
- } .select__option_188lv:before {
81
+ } .select__option_1rl0u:before {
81
82
  content: '';
82
83
  position: absolute;
83
84
  left: var(--select-option-left-padding);
84
85
  right: var(--select-option-right-padding);
85
- top: 0;
86
+ top: var(--gap-0);
86
87
  height: 1px;
87
88
  background: var(--select-option-divider-background);
88
89
  display: var(--select-option-divider-display);
89
90
  transition: opacity 0.2s ease;
90
- } .select__option_188lv:first-child:before {
91
+ } .select__option_1rl0u:first-child:before {
91
92
  display: none;
92
- } .select__size-48_188lv {
93
+ } .select__size-48_1rl0u {
93
94
  min-height: var(--size-s-height);
94
- } .select__size-56_188lv {
95
+ } .select__size-56_1rl0u {
95
96
  min-height: var(--size-m-height);
96
- } .select__size-64_188lv {
97
+ } .select__size-64_1rl0u {
97
98
  min-height: var(--size-l-height);
98
- } .select__size-72_188lv {
99
+ } .select__size-72_1rl0u {
99
100
  min-height: var(--size-xl-height);
100
- } .select__size-64_188lv,
101
- .select__size-72_188lv {
101
+ } .select__size-64_1rl0u,
102
+ .select__size-72_1rl0u {
102
103
  padding-left: var(--select-option-l-left-padding);
103
104
  padding-right: var(--select-option-l-right-padding)
104
- } .select__size-64_188lv:before, .select__size-72_188lv:before {
105
+ } .select__size-64_1rl0u:before, .select__size-72_1rl0u:before {
105
106
  left: var(--select-option-l-left-padding);
106
107
  right: var(--select-option-l-right-padding);
107
- } .select__selected_188lv {
108
+ } .select__selected_1rl0u {
108
109
  background: var(--select-option-selected-background);
109
110
  color: var(--select-option-selected-color);
110
111
  cursor: default;
111
- } .select__highlighted_188lv {
112
+ } .select__highlighted_1rl0u {
112
113
  background: var(--select-option-hover-background);
113
114
  color: var(--select-option-hover-color)
114
- } .select__highlighted_188lv:before,
115
- .select__highlighted_188lv + .select__option_188lv:before {
115
+ } .select__highlighted_1rl0u:before,
116
+ .select__highlighted_1rl0u + .select__option_1rl0u:before {
116
117
  opacity: 0;
117
- } .select__disabled_188lv {
118
+ } .select__disabled_1rl0u {
118
119
  cursor: var(--disabled-cursor);
119
120
  background: var(--select-option-disabled-background);
120
121
  color: var(--select-option-disabled-color);
121
- } .select__content_188lv {
122
+ } .select__content_1rl0u {
122
123
  overflow: hidden;
123
124
  flex: 1;
124
125
  text-overflow: ellipsis;
125
- white-space: nowrap;
126
- } .select__textContent_188lv {
126
+ } .select__textContent_1rl0u {
127
127
  padding-top: var(--gap-12);
128
128
  padding-bottom: var(--gap-12);
129
129
  }
@@ -8,7 +8,7 @@ import { SIZE_TO_CLASSNAME_MAP, DEFAULT_VISIBLE_OPTIONS } from '../../consts.js'
8
8
  import { useVisibleOptions, isGroup } from '../../utils.js';
9
9
  import { Optgroup } from '../optgroup/Component.js';
10
10
 
11
- const styles = {"optionsList":"select__optionsList_1c9jr","optionsListHeader":"select__optionsListHeader_1c9jr","headerHighlighted":"select__headerHighlighted_1c9jr","optionsListFooter":"select__optionsListFooter_1c9jr","withBorder":"select__withBorder_1c9jr","scrollable":"select__scrollable_1c9jr","emptyPlaceholder":"select__emptyPlaceholder_1c9jr","size-64":"select__size-64_1c9jr","size-72":"select__size-72_1c9jr"};
11
+ const styles = {"optionsList":"select__optionsList_u89f3","optionsListHeader":"select__optionsListHeader_u89f3","headerHighlighted":"select__headerHighlighted_u89f3","optionsListFooter":"select__optionsListFooter_u89f3","withBorder":"select__withBorder_u89f3","scrollable":"select__scrollable_u89f3","-webkit-mask":"select__mask_u89f3","mask":"select__mask_u89f3","emptyPlaceholder":"select__emptyPlaceholder_u89f3","size-64":"select__size-64_u89f3","size-72":"select__size-72_u89f3"};
12
12
  require('./index.css')
13
13
 
14
14
  const createCounter = () => {
@@ -41,7 +41,7 @@ const OptionsList = forwardRef(({ size = 48, className, optionGroupClassName, sc
41
41
  };
42
42
  return (React.createElement(Optgroup$1, { className: optionGroupClassName, label: group.label, key: group.label, size: size, options: group.options, selectedItems: groupSelectedItems, setSelectedItems: handleSelectedItems, search: search, multiple: multiple, ...groupOptionProps }, group.options.map((option) => renderOption(option, counter()))));
43
43
  };
44
- useVisibleOptions({
44
+ const measured = useVisibleOptions({
45
45
  ...(!nativeScrollbar && { styleTargetRef: scrollbarRef }),
46
46
  visibleOptions,
47
47
  listRef,
@@ -71,7 +71,7 @@ const OptionsList = forwardRef(({ size = 48, className, optionGroupClassName, sc
71
71
  'data-test-id': dataTestId,
72
72
  ref: ref,
73
73
  };
74
- return (React.createElement(Scrollbar, { className: cn(styles.scrollable, scrollbarClassName), ref: scrollbarRef, horizontalAutoStretch: optionsListWidth === 'content', scrollableNodeProps: scrollableNodeProps, contentNodeProps: { ref: listRef } }, renderListItems()));
74
+ return (React.createElement(Scrollbar, { className: cn(styles.scrollable, scrollbarClassName), ref: scrollbarRef, horizontalAutoStretch: optionsListWidth === 'content', scrollableNodeProps: scrollableNodeProps, contentNodeProps: { ref: listRef }, maskProps: { className: measured ? undefined : styles.mask } }, renderListItems()));
75
75
  };
76
76
  const renderWithNativeScrollbar = () => (React.createElement("div", { className: cn(styles.scrollable, scrollbarClassName), ref: mergeRefs([listRef, ref]), onScroll: handleScroll }, renderListItems()));
77
77
  const resetHighlightedIndex = () => setHighlightedIndex?.(-1);
@@ -1,4 +1,4 @@
1
- /* hash: 8988f */
1
+ /* hash: th8cn */
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-300: #e7e8eb;
@@ -21,12 +21,13 @@
21
21
  --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 */
22
22
 
23
23
  /* новые значения, используйте их */
24
+ --gap-0: 0;
24
25
  --gap-12: var(--gap-s);
25
26
  --gap-16: var(--gap-m);
26
27
  --gap-24: var(--gap-xl);
27
28
  } :root {
28
29
  } :root {
29
- } :root {
30
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
30
31
 
31
32
  /* options list */
32
33
  --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
@@ -36,32 +37,34 @@
36
37
  /* checkmark */
37
38
 
38
39
  /* optgroup */
39
- } .select__optionsList_1c9jr {
40
+ } .select__optionsList_u89f3 {
40
41
  width: 100%;
41
42
  outline: none;
42
43
  box-sizing: border-box;
43
44
  position: relative;
44
- } .select__optionsListHeader_1c9jr {
45
+ } .select__optionsListHeader_u89f3 {
45
46
  box-sizing: border-box;
46
47
  border-bottom: 1px solid transparent;
47
48
  transition: border-color 0.2s ease
48
- } .select__optionsListHeader_1c9jr.select__headerHighlighted_1c9jr {
49
+ } .select__optionsListHeader_u89f3.select__headerHighlighted_u89f3 {
49
50
  border-bottom-color: var(--color-light-neutral-300);
50
- } .select__optionsListFooter_1c9jr {
51
+ } .select__optionsListFooter_u89f3 {
51
52
  position: sticky;
52
- bottom: 0;
53
+ bottom: var(--gap-0);
53
54
  box-sizing: border-box;
54
55
  border-top: 1px solid transparent;
55
56
  transition: border-color 0.2s ease
56
- } .select__optionsListFooter_1c9jr.select__withBorder_1c9jr {
57
+ } .select__optionsListFooter_u89f3.select__withBorder_u89f3 {
57
58
  border-top-color: var(--color-light-neutral-300);
58
- } .select__scrollable_1c9jr {
59
+ } .select__scrollable_u89f3 {
59
60
  overflow: auto;
60
61
  width: 100%;
61
- } .select__emptyPlaceholder_1c9jr {
62
+ } .select__mask_u89f3 {
63
+ min-width: 4000px;
64
+ } .select__emptyPlaceholder_u89f3 {
62
65
  padding: var(--gap-16) var(--gap-12);
63
66
  color: var(--select-options-list-empty-placeholder-color);
64
- } .select__size-64_1c9jr .select__emptyPlaceholder_1c9jr,
65
- .select__size-72_1c9jr .select__emptyPlaceholder_1c9jr {
67
+ } .select__size-64_u89f3 .select__emptyPlaceholder_u89f3,
68
+ .select__size-72_u89f3 .select__emptyPlaceholder_u89f3 {
66
69
  padding: var(--gap-24) var(--gap-16);
67
70
  }
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { Input } from '@alfalab/core-components-input/modern';
4
4
  import { MagnifierMIcon } from '@alfalab/icons-glyph/MagnifierMIcon';
5
5
 
6
- const styles = {"component":"select__component_17mdg"};
6
+ const styles = {"component":"select__component_182i4"};
7
7
  require('./index.css')
8
8
 
9
9
  const Search = forwardRef(({ clear = true, placeholder = 'Поиск', className, leftAddons = React.createElement(MagnifierMIcon, { color: '#86868A' }), ...restProps }, ref) => (React.createElement(Input, { ref: ref, className: cn(styles.component, className), placeholder: placeholder, leftAddons: leftAddons, clear: clear, ...restProps })));
@@ -1,4 +1,4 @@
1
- /* hash: 1q64p */
1
+ /* hash: 18bhv */
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 */
@@ -18,7 +18,7 @@
18
18
  /* новые значения, используйте их */
19
19
  } :root {
20
20
  } :root {
21
- } :root {
21
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
22
22
 
23
23
  /* options list */
24
24
 
@@ -27,6 +27,6 @@
27
27
  /* checkmark */
28
28
 
29
29
  /* optgroup */
30
- } .select__component_17mdg.select__component_17mdg {
30
+ } .select__component_182i4.select__component_182i4 {
31
31
  width: auto;
32
32
  }
@@ -9,7 +9,7 @@ import { SIZE_TO_CLASSNAME_MAP, DEFAULT_VISIBLE_OPTIONS } from '../../consts.js'
9
9
  import { usePrevious, lastIndexOf, useVisibleOptions, isGroup } from '../../utils.js';
10
10
  import { Optgroup } from '../optgroup/Component.js';
11
11
 
12
- const styles = {"virtualOptionsList":"select__virtualOptionsList_1xjxo","virtualOptionsListHeader":"select__virtualOptionsListHeader_1xjxo","virtualOptionsListFooter":"select__virtualOptionsListFooter_1xjxo","withBorder":"select__withBorder_1xjxo","scrollable":"select__scrollable_1xjxo","inner":"select__inner_1xjxo","virtualRow":"select__virtualRow_1xjxo","highlighted":"select__highlighted_1xjxo","emptyPlaceholder":"select__emptyPlaceholder_1xjxo","size-64":"select__size-64_1xjxo","size-72":"select__size-72_1xjxo"};
12
+ const styles = {"virtualOptionsList":"select__virtualOptionsList_1yexn","virtualOptionsListHeader":"select__virtualOptionsListHeader_1yexn","virtualOptionsListFooter":"select__virtualOptionsListFooter_1yexn","withBorder":"select__withBorder_1yexn","scrollable":"select__scrollable_1yexn","inner":"select__inner_1yexn","virtualRow":"select__virtualRow_1yexn","highlighted":"select__highlighted_1yexn","emptyPlaceholder":"select__emptyPlaceholder_1yexn","size-64":"select__size-64_1yexn","size-72":"select__size-72_1yexn"};
13
13
  require('./index.css')
14
14
 
15
15
  const VirtualOptionsList = forwardRef(({ size = 48, flatOptions = [], highlightedIndex = -1, optionGroupClassName, className, getOptionProps, groupOptionProps = {}, Option, open, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, visibleOptions = DEFAULT_VISIBLE_OPTIONS, header, footer, showFooter = true, optionsListWidth, onScroll, nativeScrollbar: nativeScrollbarProp, setHighlightedIndex, selectedItems, setSelectedItems, search, multiple, }, ref) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1f06f */
1
+ /* hash: 1y6pa */
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-300: #e7e8eb;
@@ -22,12 +22,13 @@
22
22
  --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 */
23
23
 
24
24
  /* новые значения, используйте их */
25
+ --gap-0: 0;
25
26
  --gap-12: var(--gap-s);
26
27
  --gap-16: var(--gap-m);
27
28
  --gap-24: var(--gap-xl);
28
29
  } :root {
29
30
  } :root {
30
- } :root {
31
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
31
32
 
32
33
  /* options list */
33
34
  --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
@@ -42,54 +43,54 @@
42
43
  /* checkmark */
43
44
 
44
45
  /* optgroup */
45
- } .select__virtualOptionsList_1xjxo {
46
+ } .select__virtualOptionsList_1yexn {
46
47
  width: 100%;
47
48
  outline: none;
48
49
  box-sizing: border-box;
49
50
  position: sticky;
50
51
  justify-content: space-between;
51
- } .select__virtualOptionsListHeader_1xjxo {
52
+ } .select__virtualOptionsListHeader_1yexn {
52
53
  box-sizing: border-box;
53
54
  border-bottom: 1px solid var(--color-light-neutral-300);
54
- } .select__virtualOptionsListFooter_1xjxo {
55
+ } .select__virtualOptionsListFooter_1yexn {
55
56
  position: sticky;
56
- bottom: 0;
57
+ bottom: var(--gap-0);
57
58
  box-sizing: border-box;
58
59
  border-top: 1px solid transparent
59
- } .select__virtualOptionsListFooter_1xjxo.select__withBorder_1xjxo {
60
+ } .select__virtualOptionsListFooter_1yexn.select__withBorder_1yexn {
60
61
  border-top: 1px solid var(--color-light-neutral-300);
61
- } .select__scrollable_1xjxo {
62
+ } .select__scrollable_1yexn {
62
63
  position: relative;
63
64
  overflow: auto;
64
65
  width: 100%;
65
- } .select__inner_1xjxo {
66
+ } .select__inner_1yexn {
66
67
  position: relative;
67
68
  width: 100%;
68
- } .select__virtualRow_1xjxo {
69
+ } .select__virtualRow_1yexn {
69
70
  position: absolute;
70
- top: 0;
71
- left: 0;
71
+ top: var(--gap-0);
72
+ left: var(--gap-0);
72
73
  width: 100%
73
- } .select__virtualRow_1xjxo:before {
74
+ } .select__virtualRow_1yexn:before {
74
75
  content: '';
75
76
  position: absolute;
76
77
  z-index: 1;
77
78
  left: var(--select-option-left-padding);
78
79
  right: var(--select-option-right-padding);
79
- top: 0;
80
+ top: var(--gap-0);
80
81
  height: 1px;
81
82
  background: var(--select-option-divider-background);
82
83
  display: var(--select-option-divider-display);
83
- } .select__virtualRow_1xjxo:first-child:before {
84
+ } .select__virtualRow_1yexn:first-child:before {
84
85
  display: none;
85
- } .select__highlighted_1xjxo:before,
86
- .select__highlighted_1xjxo + .select__virtualRow_1xjxo:before {
86
+ } .select__highlighted_1yexn:before,
87
+ .select__highlighted_1yexn + .select__virtualRow_1yexn:before {
87
88
  display: none;
88
- } .select__emptyPlaceholder_1xjxo {
89
+ } .select__emptyPlaceholder_1yexn {
89
90
  padding: var(--gap-16) var(--gap-12);
90
91
  color: var(--select-options-list-empty-placeholder-color);
91
92
  flex: 1;
92
- } .select__size-64_1xjxo .select__emptyPlaceholder_1xjxo,
93
- .select__size-72_1xjxo .select__emptyPlaceholder_1xjxo {
93
+ } .select__size-64_1yexn .select__emptyPlaceholder_1yexn,
94
+ .select__size-72_1yexn .select__emptyPlaceholder_1yexn {
94
95
  padding: var(--gap-24) var(--gap-16);
95
96
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- const styles = {"component":"select__component_dvitx","popoverInner":"select__popoverInner_dvitx","optionsListWrapper":"select__optionsListWrapper_dvitx","optionsListBorder":"select__optionsListBorder_dvitx","nativeSelect":"select__nativeSelect_dvitx","block":"select__block_dvitx","emptySearchPlaceholder":"select__emptySearchPlaceholder_dvitx","search":"select__search_dvitx"};
4
+ const styles = {"component":"select__component_1tk7w","popoverInner":"select__popoverInner_1tk7w","optionsListWrapper":"select__optionsListWrapper_1tk7w","optionsListBorder":"select__optionsListBorder_1tk7w","nativeSelect":"select__nativeSelect_1tk7w","block":"select__block_1tk7w","emptySearchPlaceholder":"select__emptySearchPlaceholder_1tk7w","search":"select__search_1tk7w"};
5
5
  require('./components/base-select/index.css')
6
6
 
7
7
  const ListPopoverDesktop = (props) => {
@@ -11,7 +11,7 @@ import { Option } from '../components/option/Component.js';
11
11
  import { OptionsList } from '../components/options-list/Component.js';
12
12
  import { Search } from '../components/search/Component.js';
13
13
  import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
14
- import { u as useSelectWithApply } from '../hook-07ac3ee1.js';
14
+ import { u as useSelectWithApply } from '../hook-8e453871.js';
15
15
  import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
16
16
 
17
17
  const VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
@@ -0,0 +1,4 @@
1
+ const mobileStyles = {"sheet":"select__sheet_9xzo1","sheetContent":"select__sheetContent_9xzo1","modalContent":"select__modalContent_9xzo1","sheetContainer":"select__sheetContainer_9xzo1","optionsListWrapper":"select__optionsListWrapper_9xzo1","optionsList":"select__optionsList_9xzo1","scrollbar":"select__scrollbar_9xzo1","search":"select__search_9xzo1","option":"select__option_9xzo1","optionGroup":"select__optionGroup_9xzo1"};
2
+ require('./components/base-select/mobile.css')
3
+
4
+ export { mobileStyles as m };
@@ -1,3 +1,3 @@
1
1
  export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
2
2
  export { useLazyLoading } from './useLazyLoading/hook.js';
3
- export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-07ac3ee1.js';
3
+ export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-8e453871.js';
@@ -1,4 +1,4 @@
1
1
  import 'react';
2
2
  import 'deep-equal';
3
3
  import '../../utils.js';
4
- export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-07ac3ee1.js';
4
+ export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-8e453871.js';
@@ -1,6 +1,6 @@
1
1
  import 'react';
2
2
  import '../../../components/options-list/Component.js';
3
3
  import '../../../consts.js';
4
- export { O as OptionsListWithApply } from '../../../hook-07ac3ee1.js';
4
+ export { O as OptionsListWithApply } from '../../../hook-8e453871.js';
5
5
  import './footer/Component.js';
6
6
  import './header/Component.js';