@alfalab/core-components-select 17.16.1 → 17.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (206) hide show
  1. package/components/arrow/Component.js +1 -1
  2. package/components/arrow/index.css +3 -3
  3. package/components/base-checkmark/Component.js +1 -1
  4. package/components/base-checkmark/index.css +6 -6
  5. package/components/base-option/Component.js +1 -1
  6. package/components/base-option/index.css +15 -15
  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/helpers/get-list-bottom-sheet-mobile-props.d.ts +3 -1
  10. package/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.d.ts +3 -1
  11. package/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +5 -2
  12. package/components/base-select/components/list-mobile/list-modal-mobile.js +5 -2
  13. package/components/base-select/index.css +11 -11
  14. package/components/base-select/mobile.css +12 -12
  15. package/components/checkmark/Component.js +1 -1
  16. package/components/checkmark/index.css +10 -10
  17. package/components/checkmark-mobile/Component.js +1 -1
  18. package/components/checkmark-mobile/index.css +6 -6
  19. package/components/clear-button/Component.js +1 -1
  20. package/components/clear-button/index.css +6 -6
  21. package/components/field/Component.js +1 -1
  22. package/components/field/index.css +12 -12
  23. package/components/footer/Component.js +1 -1
  24. package/components/footer/index.css +5 -5
  25. package/components/optgroup/Component.js +1 -1
  26. package/components/optgroup/index.css +6 -6
  27. package/components/option/Component.js +1 -1
  28. package/components/option/index.css +19 -19
  29. package/components/options-list/Component.js +1 -1
  30. package/components/options-list/index.css +11 -11
  31. package/components/search/Component.js +1 -1
  32. package/components/search/index.css +2 -2
  33. package/components/virtual-options-list/Component.js +1 -1
  34. package/components/virtual-options-list/index.css +15 -15
  35. package/cssm/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.d.ts +3 -1
  36. package/cssm/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.d.ts +3 -1
  37. package/cssm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +4 -1
  38. package/cssm/components/base-select/components/list-mobile/list-modal-mobile.js +4 -1
  39. package/{hook-ae0e232f.js → cssm/hook-ed1fac28.js} +15 -2
  40. package/cssm/mobile/Component.mobile.js +6 -2
  41. package/cssm/presets/index.d.ts +1 -1
  42. package/cssm/presets/index.js +1 -1
  43. package/cssm/presets/useSelectWithApply/hook.js +1 -1
  44. package/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  45. package/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  46. package/cssm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  47. package/cssm/shared/index.js +1 -1
  48. package/cssm/typings.d.ts +7 -3
  49. package/esm/components/arrow/Component.js +1 -1
  50. package/esm/components/arrow/index.css +3 -3
  51. package/esm/components/base-checkmark/Component.js +1 -1
  52. package/esm/components/base-checkmark/index.css +6 -6
  53. package/esm/components/base-option/Component.js +1 -1
  54. package/esm/components/base-option/index.css +15 -15
  55. package/esm/components/base-select/Component.js +2 -2
  56. package/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  57. package/esm/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.d.ts +3 -1
  58. package/esm/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.d.ts +3 -1
  59. package/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +5 -2
  60. package/esm/components/base-select/components/list-mobile/list-modal-mobile.js +5 -2
  61. package/esm/components/base-select/index.css +11 -11
  62. package/esm/components/base-select/mobile.css +12 -12
  63. package/esm/components/checkmark/Component.js +1 -1
  64. package/esm/components/checkmark/index.css +10 -10
  65. package/esm/components/checkmark-mobile/Component.js +1 -1
  66. package/esm/components/checkmark-mobile/index.css +6 -6
  67. package/esm/components/clear-button/Component.js +1 -1
  68. package/esm/components/clear-button/index.css +6 -6
  69. package/esm/components/field/Component.js +1 -1
  70. package/esm/components/field/index.css +12 -12
  71. package/esm/components/footer/Component.js +1 -1
  72. package/esm/components/footer/index.css +5 -5
  73. package/esm/components/optgroup/Component.js +1 -1
  74. package/esm/components/optgroup/index.css +6 -6
  75. package/esm/components/option/Component.js +1 -1
  76. package/esm/components/option/index.css +19 -19
  77. package/esm/components/options-list/Component.js +1 -1
  78. package/esm/components/options-list/index.css +11 -11
  79. package/esm/components/search/Component.js +1 -1
  80. package/esm/components/search/index.css +2 -2
  81. package/esm/components/virtual-options-list/Component.js +1 -1
  82. package/esm/components/virtual-options-list/index.css +15 -15
  83. package/esm/{hook-a350cff7.js → hook-350e1164.js} +15 -2
  84. package/esm/{list-popover-desktop-51c129fc.js → list-popover-desktop-c9334fa9.js} +1 -1
  85. package/esm/mobile/Component.mobile.js +6 -2
  86. package/esm/mobile.module-7a5988b1.js +4 -0
  87. package/esm/presets/index.d.ts +1 -1
  88. package/esm/presets/index.js +1 -1
  89. package/esm/presets/useSelectWithApply/hook.js +1 -1
  90. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  91. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  92. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  93. package/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  94. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  95. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  96. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  97. package/esm/presets/useSelectWithLoading/hook.js +1 -1
  98. package/esm/presets/useSelectWithLoading/index.css +2 -2
  99. package/esm/shared/index.js +1 -1
  100. package/esm/typings.d.ts +7 -3
  101. package/{cssm/hook-a7a71737.js → hook-932ade10.js} +15 -2
  102. package/{list-popover-desktop-2852fa65.js → list-popover-desktop-cb1f4454.js} +1 -1
  103. package/mobile/Component.mobile.js +6 -2
  104. package/mobile.module-6d452a37.js +6 -0
  105. package/modern/components/arrow/Component.js +1 -1
  106. package/modern/components/arrow/index.css +3 -3
  107. package/modern/components/base-checkmark/Component.js +1 -1
  108. package/modern/components/base-checkmark/index.css +6 -6
  109. package/modern/components/base-option/Component.js +1 -1
  110. package/modern/components/base-option/index.css +15 -15
  111. package/modern/components/base-select/Component.js +2 -2
  112. package/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  113. package/modern/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.d.ts +3 -1
  114. package/modern/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.d.ts +3 -1
  115. package/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +5 -2
  116. package/modern/components/base-select/components/list-mobile/list-modal-mobile.js +5 -2
  117. package/modern/components/base-select/index.css +11 -11
  118. package/modern/components/base-select/mobile.css +12 -12
  119. package/modern/components/checkmark/Component.js +1 -1
  120. package/modern/components/checkmark/index.css +10 -10
  121. package/modern/components/checkmark-mobile/Component.js +1 -1
  122. package/modern/components/checkmark-mobile/index.css +6 -6
  123. package/modern/components/clear-button/Component.js +1 -1
  124. package/modern/components/clear-button/index.css +6 -6
  125. package/modern/components/field/Component.js +1 -1
  126. package/modern/components/field/index.css +12 -12
  127. package/modern/components/footer/Component.js +1 -1
  128. package/modern/components/footer/index.css +5 -5
  129. package/modern/components/optgroup/Component.js +1 -1
  130. package/modern/components/optgroup/index.css +6 -6
  131. package/modern/components/option/Component.js +1 -1
  132. package/modern/components/option/index.css +19 -19
  133. package/modern/components/options-list/Component.js +1 -1
  134. package/modern/components/options-list/index.css +11 -11
  135. package/modern/components/search/Component.js +1 -1
  136. package/modern/components/search/index.css +2 -2
  137. package/modern/components/virtual-options-list/Component.js +1 -1
  138. package/modern/components/virtual-options-list/index.css +15 -15
  139. package/{moderncssm/hook-839b1d63.js → modern/hook-cd9bfeaa.js} +7 -3
  140. package/modern/{list-popover-desktop-18fe6993.js → list-popover-desktop-69fcd372.js} +1 -1
  141. package/modern/mobile/Component.mobile.js +4 -2
  142. package/modern/mobile.module-91fa2bbe.js +4 -0
  143. package/modern/presets/index.d.ts +1 -1
  144. package/modern/presets/index.js +1 -1
  145. package/modern/presets/useSelectWithApply/hook.js +1 -1
  146. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  147. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  148. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  149. package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  150. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  151. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  152. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  153. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  154. package/modern/presets/useSelectWithLoading/index.css +2 -2
  155. package/modern/shared/index.js +1 -1
  156. package/modern/typings.d.ts +7 -3
  157. package/moderncssm/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.d.ts +3 -1
  158. package/moderncssm/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.d.ts +3 -1
  159. package/moderncssm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +4 -1
  160. package/moderncssm/components/base-select/components/list-mobile/list-modal-mobile.js +4 -1
  161. package/{modern/hook-0b806cd4.js → moderncssm/hook-1d690cfc.js} +7 -3
  162. package/moderncssm/mobile/Component.mobile.js +4 -2
  163. package/moderncssm/presets/index.d.ts +1 -1
  164. package/moderncssm/presets/index.js +1 -1
  165. package/moderncssm/presets/useSelectWithApply/hook.js +1 -1
  166. package/moderncssm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  167. package/moderncssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  168. package/moderncssm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  169. package/moderncssm/shared/index.js +1 -1
  170. package/moderncssm/typings.d.ts +7 -3
  171. package/package.json +2 -2
  172. package/presets/index.d.ts +1 -1
  173. package/presets/index.js +1 -1
  174. package/presets/useSelectWithApply/hook.js +1 -1
  175. package/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  176. package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  177. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  178. package/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  179. package/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  180. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  181. package/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  182. package/presets/useSelectWithLoading/hook.js +1 -1
  183. package/presets/useSelectWithLoading/index.css +2 -2
  184. package/shared/index.js +1 -1
  185. package/src/components/base-select/components/list-mobile/list-bottom-sheet-mobile.tsx +5 -1
  186. package/src/components/base-select/components/list-mobile/list-modal-mobile.tsx +5 -1
  187. package/src/mobile/Component.mobile.tsx +7 -4
  188. package/src/presets/useSelectWithApply/hook.tsx +9 -3
  189. package/src/typings.ts +6 -2
  190. package/typings.d.ts +7 -3
  191. package/esm/mobile.module-be48459a.js +0 -4
  192. package/mobile.module-8caed517.js +0 -6
  193. package/modern/mobile.module-5c6e7084.js +0 -4
  194. /package/cssm/{hook-184c14eb.d.ts → hook-b3d196bf.d.ts} +0 -0
  195. /package/cssm/{hook-a7a71737.d.ts → hook-ed1fac28.d.ts} +0 -0
  196. /package/esm/{hook-a350cff7.d.ts → hook-350e1164.d.ts} +0 -0
  197. /package/esm/{hook-184c14eb.d.ts → hook-b3d196bf.d.ts} +0 -0
  198. /package/esm/{list-popover-desktop-51c129fc.d.ts → list-popover-desktop-c9334fa9.d.ts} +0 -0
  199. /package/{hook-ae0e232f.d.ts → hook-932ade10.d.ts} +0 -0
  200. /package/{hook-184c14eb.d.ts → hook-b3d196bf.d.ts} +0 -0
  201. /package/{list-popover-desktop-2852fa65.d.ts → list-popover-desktop-cb1f4454.d.ts} +0 -0
  202. /package/modern/{hook-184c14eb.d.ts → hook-b3d196bf.d.ts} +0 -0
  203. /package/modern/{hook-0b806cd4.d.ts → hook-cd9bfeaa.d.ts} +0 -0
  204. /package/modern/{list-popover-desktop-18fe6993.d.ts → list-popover-desktop-69fcd372.d.ts} +0 -0
  205. /package/moderncssm/{hook-839b1d63.d.ts → hook-1d690cfc.d.ts} +0 -0
  206. /package/moderncssm/{hook-184c14eb.d.ts → hook-b3d196bf.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: 17tod */
1
+ /* hash: jil6e */
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;
@@ -46,22 +46,22 @@
46
46
  /* checkmark */
47
47
 
48
48
  /* optgroup */
49
- } .select__component_p9628 {
49
+ } .select__component_mr4ls {
50
50
  width: 100%;
51
51
  outline: none;
52
- } .select__field_p9628:not(.select__disabled_p9628) {
52
+ } .select__field_mr4ls:not(.select__disabled_mr4ls) {
53
53
  cursor: pointer
54
- } .select__field_p9628:not(.select__disabled_p9628):hover .select__arrow_p9628 {
54
+ } .select__field_mr4ls:not(.select__disabled_mr4ls):hover .select__arrow_mr4ls {
55
55
  opacity: var(--select-arrow-hover-opacity);
56
- } .select__disabled_p9628 {
56
+ } .select__disabled_mr4ls {
57
57
  cursor: var(--disabled-cursor);
58
- } .select__placeholder_p9628 {
58
+ } .select__placeholder_mr4ls {
59
59
  color: var(--input-placeholder-color);
60
60
  transition: color 0.2s ease;
61
- animation: select__show-placeholder_p9628 0.2s ease
62
- } .select__placeholder_p9628.select__focused_p9628 {
61
+ animation: select__show-placeholder_mr4ls 0.2s ease
62
+ } .select__placeholder_mr4ls.select__focused_mr4ls {
63
63
  color: var(--input-focus-placeholder-color);
64
- } .select__contentWrapper_p9628 {
64
+ } .select__contentWrapper_mr4ls {
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_p9628 {
73
+ } .select__value_mr4ls {
74
74
  overflow: hidden;
75
75
  text-overflow: ellipsis;
76
76
  text-align: left;
77
- } .select__focusVisible_p9628 {
77
+ } .select__focusVisible_mr4ls {
78
78
  outline: 2px solid var(--focus-color);
79
79
  outline-offset: 2px;
80
- } @keyframes select__show-placeholder_p9628 {
80
+ } @keyframes select__show-placeholder_mr4ls {
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_8cbq3","button":"select__button_8cbq3","highlighted":"select__highlighted_8cbq3"};
7
+ const styles = {"footer":"select__footer_tqnhw","button":"select__button_tqnhw","highlighted":"select__highlighted_tqnhw"};
8
8
  require('./index.css')
9
9
 
10
10
  const Footer = ({ handleApply, handleClear, showClear, clearText = 'Сбросить', applyText = 'Применить', dataTestId, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 9t04j */
1
+ /* hash: 7xezk */
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;
@@ -31,17 +31,17 @@
31
31
  /* checkmark */
32
32
 
33
33
  /* optgroup */
34
- } .select__footer_8cbq3 {
34
+ } .select__footer_tqnhw {
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_8cbq3 .select__button_8cbq3:first-of-type {
40
+ } .select__footer_tqnhw .select__button_tqnhw:first-of-type {
41
41
  margin-right: var(--gap-16);
42
- } .select__button_8cbq3 {
42
+ } .select__button_tqnhw {
43
43
  width: 50%;
44
- } .select__highlighted_8cbq3 {
44
+ } .select__highlighted_tqnhw {
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_tg8rp","label":"select__label_tg8rp","size-64":"select__size-64_tg8rp","size-72":"select__size-72_tg8rp"};
5
+ const styles = {"optgroup":"select__optgroup_1efp8","label":"select__label_1efp8","size-64":"select__size-64_1efp8","size-72":"select__size-72_1efp8"};
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: 1nk4k */
1
+ /* hash: 1pfpp */
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;
@@ -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_tg8rp {
45
+ } .select__optgroup_1efp8 {
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_tg8rp + *[role='option']:before {
54
+ } .select__optgroup_1efp8 + *[role='option']:before {
55
55
  display: none;
56
- } .select__label_tg8rp {
56
+ } .select__label_1efp8 {
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_tg8rp,
66
- .select__size-72_tg8rp {
65
+ } .select__size-64_1efp8,
66
+ .select__size-72_1efp8 {
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_16sh2","disabled":"select__disabled_16sh2","size-48":"select__size-48_16sh2","size-56":"select__size-56_16sh2","size-64":"select__size-64_16sh2","size-72":"select__size-72_16sh2","selected":"select__selected_16sh2","highlighted":"select__highlighted_16sh2","content":"select__content_16sh2","textContent":"select__textContent_16sh2"};
7
+ const styles = {"option":"select__option_lt0ly","disabled":"select__disabled_lt0ly","size-48":"select__size-48_lt0ly","size-56":"select__size-56_lt0ly","size-64":"select__size-64_lt0ly","size-72":"select__size-72_lt0ly","selected":"select__selected_lt0ly","highlighted":"select__highlighted_lt0ly","content":"select__content_lt0ly","textContent":"select__textContent_lt0ly"};
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: 1hyts */
1
+ /* hash: 1g400 */
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;
@@ -60,7 +60,7 @@
60
60
  /* checkmark */
61
61
 
62
62
  /* optgroup */
63
- } .select__option_16sh2 {
63
+ } .select__option_lt0ly {
64
64
  font-size: 16px;
65
65
  line-height: 20px;
66
66
  font-weight: 400;
@@ -75,10 +75,10 @@
75
75
  box-sizing: border-box;
76
76
  position: relative;
77
77
  cursor: pointer
78
- } .select__option_16sh2:not(.select__disabled_16sh2):active {
78
+ } .select__option_lt0ly:not(.select__disabled_lt0ly):active {
79
79
  background: var(--select-option-active-background);
80
80
  color: var(--select-option-active-color);
81
- } .select__option_16sh2:before {
81
+ } .select__option_lt0ly:before {
82
82
  content: '';
83
83
  position: absolute;
84
84
  left: var(--select-option-left-padding);
@@ -88,42 +88,42 @@
88
88
  background: var(--select-option-divider-background);
89
89
  display: var(--select-option-divider-display);
90
90
  transition: opacity 0.2s ease;
91
- } .select__option_16sh2:first-child:before {
91
+ } .select__option_lt0ly:first-child:before {
92
92
  display: none;
93
- } .select__size-48_16sh2 {
93
+ } .select__size-48_lt0ly {
94
94
  min-height: var(--size-s-height);
95
- } .select__size-56_16sh2 {
95
+ } .select__size-56_lt0ly {
96
96
  min-height: var(--size-m-height);
97
- } .select__size-64_16sh2 {
97
+ } .select__size-64_lt0ly {
98
98
  min-height: var(--size-l-height);
99
- } .select__size-72_16sh2 {
99
+ } .select__size-72_lt0ly {
100
100
  min-height: var(--size-xl-height);
101
- } .select__size-64_16sh2,
102
- .select__size-72_16sh2 {
101
+ } .select__size-64_lt0ly,
102
+ .select__size-72_lt0ly {
103
103
  padding-left: var(--select-option-l-left-padding);
104
104
  padding-right: var(--select-option-l-right-padding)
105
- } .select__size-64_16sh2:before, .select__size-72_16sh2:before {
105
+ } .select__size-64_lt0ly:before, .select__size-72_lt0ly:before {
106
106
  left: var(--select-option-l-left-padding);
107
107
  right: var(--select-option-l-right-padding);
108
- } .select__selected_16sh2 {
108
+ } .select__selected_lt0ly {
109
109
  background: var(--select-option-selected-background);
110
110
  color: var(--select-option-selected-color);
111
111
  cursor: default;
112
- } .select__highlighted_16sh2 {
112
+ } .select__highlighted_lt0ly {
113
113
  background: var(--select-option-hover-background);
114
114
  color: var(--select-option-hover-color)
115
- } .select__highlighted_16sh2:before,
116
- .select__highlighted_16sh2 + .select__option_16sh2:before {
115
+ } .select__highlighted_lt0ly:before,
116
+ .select__highlighted_lt0ly + .select__option_lt0ly:before {
117
117
  opacity: 0;
118
- } .select__disabled_16sh2 {
118
+ } .select__disabled_lt0ly {
119
119
  cursor: var(--disabled-cursor);
120
120
  background: var(--select-option-disabled-background);
121
121
  color: var(--select-option-disabled-color);
122
- } .select__content_16sh2 {
122
+ } .select__content_lt0ly {
123
123
  overflow: hidden;
124
124
  flex: 1;
125
125
  text-overflow: ellipsis;
126
- } .select__textContent_16sh2 {
126
+ } .select__textContent_lt0ly {
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_1webb","optionsListHeader":"select__optionsListHeader_1webb","headerHighlighted":"select__headerHighlighted_1webb","optionsListFooter":"select__optionsListFooter_1webb","withBorder":"select__withBorder_1webb","scrollable":"select__scrollable_1webb","-webkit-mask":"select__mask_1webb","mask":"select__mask_1webb","emptyPlaceholder":"select__emptyPlaceholder_1webb","size-64":"select__size-64_1webb","size-72":"select__size-72_1webb"};
11
+ const styles = {"optionsList":"select__optionsList_1azzk","optionsListHeader":"select__optionsListHeader_1azzk","headerHighlighted":"select__headerHighlighted_1azzk","optionsListFooter":"select__optionsListFooter_1azzk","withBorder":"select__withBorder_1azzk","scrollable":"select__scrollable_1azzk","-webkit-mask":"select__mask_1azzk","mask":"select__mask_1azzk","emptyPlaceholder":"select__emptyPlaceholder_1azzk","size-64":"select__size-64_1azzk","size-72":"select__size-72_1azzk"};
12
12
  require('./index.css')
13
13
 
14
14
  const createCounter = () => {
@@ -1,4 +1,4 @@
1
- /* hash: 15h8s */
1
+ /* hash: 27ycg */
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;
@@ -37,34 +37,34 @@
37
37
  /* checkmark */
38
38
 
39
39
  /* optgroup */
40
- } .select__optionsList_1webb {
40
+ } .select__optionsList_1azzk {
41
41
  width: 100%;
42
42
  outline: none;
43
43
  box-sizing: border-box;
44
44
  position: relative;
45
- } .select__optionsListHeader_1webb {
45
+ } .select__optionsListHeader_1azzk {
46
46
  box-sizing: border-box;
47
47
  border-bottom: 1px solid transparent;
48
48
  transition: border-color 0.2s ease
49
- } .select__optionsListHeader_1webb.select__headerHighlighted_1webb {
49
+ } .select__optionsListHeader_1azzk.select__headerHighlighted_1azzk {
50
50
  border-bottom-color: var(--color-light-neutral-300);
51
- } .select__optionsListFooter_1webb {
51
+ } .select__optionsListFooter_1azzk {
52
52
  position: sticky;
53
53
  bottom: var(--gap-0);
54
54
  box-sizing: border-box;
55
55
  border-top: 1px solid transparent;
56
56
  transition: border-color 0.2s ease
57
- } .select__optionsListFooter_1webb.select__withBorder_1webb {
57
+ } .select__optionsListFooter_1azzk.select__withBorder_1azzk {
58
58
  border-top-color: var(--color-light-neutral-300);
59
- } .select__scrollable_1webb {
59
+ } .select__scrollable_1azzk {
60
60
  overflow: auto;
61
61
  width: 100%;
62
- } .select__mask_1webb {
62
+ } .select__mask_1azzk {
63
63
  min-width: 4000px;
64
- } .select__emptyPlaceholder_1webb {
64
+ } .select__emptyPlaceholder_1azzk {
65
65
  padding: var(--gap-16) var(--gap-12);
66
66
  color: var(--select-options-list-empty-placeholder-color);
67
- } .select__size-64_1webb .select__emptyPlaceholder_1webb,
68
- .select__size-72_1webb .select__emptyPlaceholder_1webb {
67
+ } .select__size-64_1azzk .select__emptyPlaceholder_1azzk,
68
+ .select__size-72_1azzk .select__emptyPlaceholder_1azzk {
69
69
  padding: var(--gap-24) var(--gap-16);
70
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_pv0wn"};
6
+ const styles = {"component":"select__component_nczg7"};
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: 1kbib */
1
+ /* hash: 3l5s1 */
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 */
@@ -27,6 +27,6 @@
27
27
  /* checkmark */
28
28
 
29
29
  /* optgroup */
30
- } .select__component_pv0wn.select__component_pv0wn {
30
+ } .select__component_nczg7.select__component_nczg7 {
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, useVirtualVisibleOptions, isGroup } from '../../utils.js';
10
10
  import { Optgroup } from '../optgroup/Component.js';
11
11
 
12
- const styles = {"virtualOptionsList":"select__virtualOptionsList_yqcls","virtualOptionsListHeader":"select__virtualOptionsListHeader_yqcls","virtualOptionsListFooter":"select__virtualOptionsListFooter_yqcls","withBorder":"select__withBorder_yqcls","scrollable":"select__scrollable_yqcls","inner":"select__inner_yqcls","virtualRow":"select__virtualRow_yqcls","highlighted":"select__highlighted_yqcls","emptyPlaceholder":"select__emptyPlaceholder_yqcls","size-64":"select__size-64_yqcls","size-72":"select__size-72_yqcls"};
12
+ const styles = {"virtualOptionsList":"select__virtualOptionsList_1tvpv","virtualOptionsListHeader":"select__virtualOptionsListHeader_1tvpv","virtualOptionsListFooter":"select__virtualOptionsListFooter_1tvpv","withBorder":"select__withBorder_1tvpv","scrollable":"select__scrollable_1tvpv","inner":"select__inner_1tvpv","virtualRow":"select__virtualRow_1tvpv","highlighted":"select__highlighted_1tvpv","emptyPlaceholder":"select__emptyPlaceholder_1tvpv","size-64":"select__size-64_1tvpv","size-72":"select__size-72_1tvpv"};
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: 1m6ot */
1
+ /* hash: 13v5y */
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;
@@ -43,35 +43,35 @@
43
43
  /* checkmark */
44
44
 
45
45
  /* optgroup */
46
- } .select__virtualOptionsList_yqcls {
46
+ } .select__virtualOptionsList_1tvpv {
47
47
  width: 100%;
48
48
  outline: none;
49
49
  box-sizing: border-box;
50
50
  position: sticky;
51
51
  justify-content: space-between;
52
- } .select__virtualOptionsListHeader_yqcls {
52
+ } .select__virtualOptionsListHeader_1tvpv {
53
53
  box-sizing: border-box;
54
54
  border-bottom: 1px solid var(--color-light-neutral-300);
55
- } .select__virtualOptionsListFooter_yqcls {
55
+ } .select__virtualOptionsListFooter_1tvpv {
56
56
  position: sticky;
57
57
  bottom: var(--gap-0);
58
58
  box-sizing: border-box;
59
59
  border-top: 1px solid transparent
60
- } .select__virtualOptionsListFooter_yqcls.select__withBorder_yqcls {
60
+ } .select__virtualOptionsListFooter_1tvpv.select__withBorder_1tvpv {
61
61
  border-top: 1px solid var(--color-light-neutral-300);
62
- } .select__scrollable_yqcls {
62
+ } .select__scrollable_1tvpv {
63
63
  position: relative;
64
64
  overflow: auto;
65
65
  width: 100%;
66
- } .select__inner_yqcls {
66
+ } .select__inner_1tvpv {
67
67
  position: relative;
68
68
  width: 100%;
69
- } .select__virtualRow_yqcls {
69
+ } .select__virtualRow_1tvpv {
70
70
  position: absolute;
71
71
  top: var(--gap-0);
72
72
  left: var(--gap-0);
73
73
  width: 100%
74
- } .select__virtualRow_yqcls:before {
74
+ } .select__virtualRow_1tvpv:before {
75
75
  content: '';
76
76
  position: absolute;
77
77
  z-index: 1;
@@ -81,16 +81,16 @@
81
81
  height: 1px;
82
82
  background: var(--select-option-divider-background);
83
83
  display: var(--select-option-divider-display);
84
- } .select__virtualRow_yqcls:first-child:before {
84
+ } .select__virtualRow_1tvpv:first-child:before {
85
85
  display: none;
86
- } .select__highlighted_yqcls:before,
87
- .select__highlighted_yqcls + .select__virtualRow_yqcls:before {
86
+ } .select__highlighted_1tvpv:before,
87
+ .select__highlighted_1tvpv + .select__virtualRow_1tvpv:before {
88
88
  display: none;
89
- } .select__emptyPlaceholder_yqcls {
89
+ } .select__emptyPlaceholder_1tvpv {
90
90
  padding: var(--gap-16) var(--gap-12);
91
91
  color: var(--select-options-list-empty-placeholder-color);
92
92
  flex: 1;
93
- } .select__size-64_yqcls .select__emptyPlaceholder_yqcls,
94
- .select__size-72_yqcls .select__emptyPlaceholder_yqcls {
93
+ } .select__size-64_1tvpv .select__emptyPlaceholder_1tvpv,
94
+ .select__size-72_1tvpv .select__emptyPlaceholder_1tvpv {
95
95
  padding: var(--gap-24) var(--gap-16);
96
96
  }
@@ -93,6 +93,7 @@ function useSelectWithApply({ options, selected, onChange = () => null, onSelect
93
93
  onSelectAllClick(optionsToSet);
94
94
  setSelectedDraft(optionsToSet);
95
95
  };
96
+ const selectedKeys = useMemo(() => selectedDraft.map(({ key }) => key), [selectedDraft]);
96
97
  const handleChange = ({ initiator, ...restArgs }) => {
97
98
  if (!initiator) {
98
99
  onChange({
@@ -102,7 +103,9 @@ function useSelectWithApply({ options, selected, onChange = () => null, onSelect
102
103
  return;
103
104
  }
104
105
  const initiatorSelected = selectedDraft.includes(initiator) ||
105
- (initiator.key === SELECT_ALL_KEY && selectedDraft.length === flatOptions.length);
106
+ (initiator.key === SELECT_ALL_KEY &&
107
+ (selectedDraft.length === flatOptions.length ||
108
+ flatOptions.every(({ key }) => selectedKeys.includes(key))));
106
109
  if (initiator.key === SELECT_ALL_KEY) {
107
110
  setSelectedDraft(initiatorSelected ? [] : flatOptions);
108
111
  }
@@ -137,8 +140,9 @@ function useSelectWithApply({ options, selected, onChange = () => null, onSelect
137
140
  showHeaderWithSelectAll,
138
141
  headerProps: {
139
142
  ...optionsListProps?.headerProps,
140
- indeterminate: !!selectedDraft.length && selectedDraft.length < flatOptions.length,
141
- checked: selectedDraft.length === flatOptions.length,
143
+ indeterminate: selectedDraft.length > 0,
144
+ checked: selectedDraft.length === flatOptions.length ||
145
+ flatOptions.every(({ key }) => selectedKeys.includes(key)),
142
146
  onChange: handleToggleAll,
143
147
  },
144
148
  },
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- const styles = {"component":"select__component_191rs","popoverInner":"select__popoverInner_191rs","optionsListWrapper":"select__optionsListWrapper_191rs","optionsListBorder":"select__optionsListBorder_191rs","nativeSelect":"select__nativeSelect_191rs","block":"select__block_191rs","emptySearchPlaceholder":"select__emptySearchPlaceholder_191rs","search":"select__search_191rs"};
4
+ const styles = {"component":"select__component_1u188","popoverInner":"select__popoverInner_1u188","optionsListWrapper":"select__optionsListWrapper_1u188","optionsListBorder":"select__optionsListBorder_1u188","nativeSelect":"select__nativeSelect_1u188","block":"select__block_1u188","emptySearchPlaceholder":"select__emptySearchPlaceholder_1u188","search":"select__search_1u188"};
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-0b806cd4.js';
14
+ import { u as useSelectWithApply } from '../hook-cd9bfeaa.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;
@@ -32,7 +32,9 @@ const SelectMobile = forwardRef(({ autocomplete = false, multiple = false, allow
32
32
  showClear,
33
33
  showSelectAll,
34
34
  });
35
- const bottomAddons = useWithApplyHook && showHeaderWithSelectAll && (React.createElement(Header, { ...applyProps.optionsListProps.headerProps, mobile: true }));
35
+ const bottomAddons = (flatOptions) => flatOptions.length > 0 &&
36
+ useWithApplyHook &&
37
+ showHeaderWithSelectAll && (React.createElement(Header, { ...applyProps.optionsListProps.headerProps, mobile: true }));
36
38
  return (React.createElement(BaseSelect, { ref: ref, view: 'mobile', autocomplete: autocomplete, multiple: multiple, allowUnselect: allowUnselect, disabled: disabled, closeOnSelect: closeOnSelect, circularNavigation: circularNavigation, defaultOpen: defaultOpen, open: openProp, size: size, optionsSize: optionsSize, fieldProps: {
37
39
  FormControlComponent: FormControlMobile,
38
40
  ...fieldProps,
@@ -0,0 +1,4 @@
1
+ const mobileStyles = {"sheet":"select__sheet_1azcl","sheetContent":"select__sheetContent_1azcl","modalContent":"select__modalContent_1azcl","sheetContainer":"select__sheetContainer_1azcl","optionsListWrapper":"select__optionsListWrapper_1azcl","optionsList":"select__optionsList_1azcl","scrollbar":"select__scrollbar_1azcl","search":"select__search_1azcl","option":"select__option_1azcl","optionGroup":"select__optionGroup_1azcl"};
2
+ require('./components/base-select/mobile.css')
3
+
4
+ export { mobileStyles as m };
@@ -1,3 +1,3 @@
1
1
  export * from "./useSelectWithLoading/hook";
2
2
  export * from "./useLazyLoading/hook";
3
- export * from "../hook-184c14eb";
3
+ export * from "../hook-b3d196bf";
@@ -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-0b806cd4.js';
3
+ export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-cd9bfeaa.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-0b806cd4.js';
4
+ export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-cd9bfeaa.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-0b806cd4.js';
4
+ export { O as OptionsListWithApply } from '../../../hook-cd9bfeaa.js';
5
5
  import './footer/Component.js';
6
6
  import './header/Component.js';
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { ButtonDesktop } from '@alfalab/core-components-button/modern/desktop';
3
3
  import { getDataTestId } from '@alfalab/core-components-shared/modern';
4
4
 
5
- const styles = {"footer":"select__footer_1xss8","button":"select__button_1xss8"};
5
+ const styles = {"footer":"select__footer_tx1h3","button":"select__button_tx1h3"};
6
6
  require('./index.css')
7
7
 
8
8
  const Footer = ({ handleApply, handleClear, showClear, selectedDraft = [], dataTestId, }) => (React.createElement("div", {