@alfalab/core-components-select 17.15.2 → 17.16.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 (161) 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/helpers/get-list-popover-desktop-props.d.ts +1 -1
  9. package/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  10. package/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  11. package/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  12. package/components/base-select/index.css +11 -11
  13. package/components/base-select/mobile.css +12 -12
  14. package/components/checkmark/Component.js +1 -1
  15. package/components/checkmark/index.css +10 -10
  16. package/components/checkmark-mobile/Component.js +1 -1
  17. package/components/checkmark-mobile/index.css +6 -6
  18. package/components/clear-button/Component.js +1 -1
  19. package/components/clear-button/index.css +6 -6
  20. package/components/field/Component.js +1 -1
  21. package/components/field/index.css +12 -12
  22. package/components/footer/Component.js +1 -1
  23. package/components/footer/index.css +5 -5
  24. package/components/optgroup/Component.js +1 -1
  25. package/components/optgroup/index.css +6 -6
  26. package/components/option/Component.js +1 -1
  27. package/components/option/index.css +19 -19
  28. package/components/options-list/Component.js +1 -1
  29. package/components/options-list/index.css +11 -11
  30. package/components/search/Component.js +1 -1
  31. package/components/search/index.css +2 -2
  32. package/components/virtual-options-list/Component.js +1 -1
  33. package/components/virtual-options-list/index.css +15 -15
  34. package/cssm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +4 -2
  35. package/cssm/presets/useSelectWithApply/options-list-with-apply/footer/vars.css +0 -0
  36. package/esm/components/arrow/Component.js +1 -1
  37. package/esm/components/arrow/index.css +3 -3
  38. package/esm/components/base-checkmark/Component.js +1 -1
  39. package/esm/components/base-checkmark/index.css +6 -6
  40. package/esm/components/base-option/Component.js +1 -1
  41. package/esm/components/base-option/index.css +15 -15
  42. package/esm/components/base-select/Component.js +2 -2
  43. package/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  44. package/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  45. package/esm/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  46. package/esm/components/base-select/index.css +11 -11
  47. package/esm/components/base-select/mobile.css +12 -12
  48. package/esm/components/checkmark/Component.js +1 -1
  49. package/esm/components/checkmark/index.css +10 -10
  50. package/esm/components/checkmark-mobile/Component.js +1 -1
  51. package/esm/components/checkmark-mobile/index.css +6 -6
  52. package/esm/components/clear-button/Component.js +1 -1
  53. package/esm/components/clear-button/index.css +6 -6
  54. package/esm/components/field/Component.js +1 -1
  55. package/esm/components/field/index.css +12 -12
  56. package/esm/components/footer/Component.js +1 -1
  57. package/esm/components/footer/index.css +5 -5
  58. package/esm/components/optgroup/Component.js +1 -1
  59. package/esm/components/optgroup/index.css +6 -6
  60. package/esm/components/option/Component.js +1 -1
  61. package/esm/components/option/index.css +19 -19
  62. package/esm/components/options-list/Component.js +1 -1
  63. package/esm/components/options-list/index.css +11 -11
  64. package/esm/components/search/Component.js +1 -1
  65. package/esm/components/search/index.css +2 -2
  66. package/esm/components/virtual-options-list/Component.js +1 -1
  67. package/esm/components/virtual-options-list/index.css +15 -15
  68. package/esm/{list-popover-desktop-bafc9490.js → list-popover-desktop-f6a99271.js} +1 -1
  69. package/esm/mobile/Component.mobile.js +1 -1
  70. package/esm/mobile.module-1d74ad80.js +4 -0
  71. package/esm/presets/index.js +1 -1
  72. package/esm/presets/useSelectWithApply/hook.js +1 -1
  73. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  74. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  75. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +6 -4
  76. package/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  77. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  78. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  79. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  80. package/esm/presets/useSelectWithLoading/hook.js +1 -1
  81. package/esm/presets/useSelectWithLoading/index.css +2 -2
  82. package/esm/shared/index.js +1 -1
  83. package/{list-popover-desktop-747f244b.js → list-popover-desktop-1ba362e6.js} +1 -1
  84. package/mobile/Component.mobile.js +1 -1
  85. package/mobile.module-944b569b.js +6 -0
  86. package/modern/components/arrow/Component.js +1 -1
  87. package/modern/components/arrow/index.css +3 -3
  88. package/modern/components/base-checkmark/Component.js +1 -1
  89. package/modern/components/base-checkmark/index.css +6 -6
  90. package/modern/components/base-option/Component.js +1 -1
  91. package/modern/components/base-option/index.css +15 -15
  92. package/modern/components/base-select/Component.js +2 -2
  93. package/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  94. package/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  95. package/modern/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  96. package/modern/components/base-select/index.css +11 -11
  97. package/modern/components/base-select/mobile.css +12 -12
  98. package/modern/components/checkmark/Component.js +1 -1
  99. package/modern/components/checkmark/index.css +10 -10
  100. package/modern/components/checkmark-mobile/Component.js +1 -1
  101. package/modern/components/checkmark-mobile/index.css +6 -6
  102. package/modern/components/clear-button/Component.js +1 -1
  103. package/modern/components/clear-button/index.css +6 -6
  104. package/modern/components/field/Component.js +1 -1
  105. package/modern/components/field/index.css +12 -12
  106. package/modern/components/footer/Component.js +1 -1
  107. package/modern/components/footer/index.css +5 -5
  108. package/modern/components/optgroup/Component.js +1 -1
  109. package/modern/components/optgroup/index.css +6 -6
  110. package/modern/components/option/Component.js +1 -1
  111. package/modern/components/option/index.css +19 -19
  112. package/modern/components/options-list/Component.js +1 -1
  113. package/modern/components/options-list/index.css +11 -11
  114. package/modern/components/search/Component.js +1 -1
  115. package/modern/components/search/index.css +2 -2
  116. package/modern/components/virtual-options-list/Component.js +1 -1
  117. package/modern/components/virtual-options-list/index.css +15 -15
  118. package/modern/{list-popover-desktop-c9b03ea7.js → list-popover-desktop-70f22d4f.js} +1 -1
  119. package/modern/mobile/Component.mobile.js +1 -1
  120. package/modern/mobile.module-cd9a99ca.js +4 -0
  121. package/modern/presets/index.js +1 -1
  122. package/modern/presets/useSelectWithApply/hook.js +1 -1
  123. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  124. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  125. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +6 -4
  126. package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  127. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  128. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  129. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  130. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  131. package/modern/presets/useSelectWithLoading/index.css +2 -2
  132. package/modern/shared/index.js +1 -1
  133. package/moderncssm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +4 -3
  134. package/moderncssm/presets/useSelectWithApply/options-list-with-apply/footer/vars.css +0 -0
  135. package/package.json +8 -8
  136. package/presets/index.js +1 -1
  137. package/presets/useSelectWithApply/hook.js +1 -1
  138. package/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  139. package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  140. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +6 -4
  141. package/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  142. package/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  143. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  144. package/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  145. package/presets/useSelectWithLoading/hook.js +1 -1
  146. package/presets/useSelectWithLoading/index.css +2 -2
  147. package/shared/index.js +1 -1
  148. package/src/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +2 -1
  149. package/src/presets/useSelectWithApply/options-list-with-apply/footer/vars.css +3 -0
  150. package/esm/mobile.module-3a10018f.js +0 -4
  151. package/mobile.module-ff64b811.js +0 -6
  152. package/modern/mobile.module-6575652f.js +0 -4
  153. /package/esm/{hook-5c62c301.d.ts → hook-04b0c1c3.d.ts} +0 -0
  154. /package/esm/{hook-5c62c301.js → hook-04b0c1c3.js} +0 -0
  155. /package/esm/{list-popover-desktop-bafc9490.d.ts → list-popover-desktop-f6a99271.d.ts} +0 -0
  156. /package/{hook-07cb7608.d.ts → hook-b661449e.d.ts} +0 -0
  157. /package/{hook-07cb7608.js → hook-b661449e.js} +0 -0
  158. /package/{list-popover-desktop-747f244b.d.ts → list-popover-desktop-1ba362e6.d.ts} +0 -0
  159. /package/modern/{hook-2824140e.d.ts → hook-a3ab4157.d.ts} +0 -0
  160. /package/modern/{hook-2824140e.js → hook-a3ab4157.js} +0 -0
  161. /package/modern/{list-popover-desktop-c9b03ea7.d.ts → list-popover-desktop-70f22d4f.d.ts} +0 -0
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { Button } from '@alfalab/core-components-button/modern';
3
3
  import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
4
4
 
5
- const styles = {"clearIcon":"select__clearIcon_rrik8","clearButton":"select__clearButton_rrik8"};
5
+ const styles = {"clearIcon":"select__clearIcon_uqkrb","clearButton":"select__clearButton_uqkrb"};
6
6
  require('./index.css')
7
7
 
8
8
  const ClearButton = ({ disabled, onClick, dataTestId }) => (React.createElement(Button, { type: 'button', view: 'text', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles.clearButton, onClick: onClick, tabIndex: -1, dataTestId: dataTestId },
@@ -1,4 +1,4 @@
1
- /* hash: 693pk */
1
+ /* hash: ozzvh */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -44,15 +44,15 @@
44
44
  /* checkmark */
45
45
 
46
46
  /* optgroup */
47
- } .select__clearIcon_rrik8 {
47
+ } .select__clearIcon_uqkrb {
48
48
  display: block;
49
49
  color: var(--color-light-neutral-translucent-500)
50
- } .select__clearIcon_rrik8:hover {
50
+ } .select__clearIcon_uqkrb:hover {
51
51
  color: var(--color-light-neutral-translucent-500-hover);
52
- } .select__clearIcon_rrik8:active {
52
+ } .select__clearIcon_uqkrb:active {
53
53
  color: var(--color-light-neutral-translucent-500-press);
54
- } .select__clearButton_rrik8 + [data-addon='error-icon'] {
54
+ } .select__clearButton_uqkrb + [data-addon='error-icon'] {
55
55
  display: var(--input-error-icon-display);
56
- } .select__clearButton_rrik8 + * {
56
+ } .select__clearButton_uqkrb + * {
57
57
  margin-left: var(--gap-4);
58
58
  }
@@ -5,7 +5,7 @@ import { useFocus } from '@alfalab/hooks';
5
5
  import { joinOptions } from '../../utils.js';
6
6
  import { ClearButton } from '../clear-button/Component.js';
7
7
 
8
- const styles = {"component":"select__component_zg0xo","field":"select__field_zg0xo","disabled":"select__disabled_zg0xo","arrow":"select__arrow_zg0xo","placeholder":"select__placeholder_zg0xo","show-placeholder":"select__show-placeholder_zg0xo","focused":"select__focused_zg0xo","contentWrapper":"select__contentWrapper_zg0xo","value":"select__value_zg0xo","focusVisible":"select__focusVisible_zg0xo"};
8
+ const styles = {"component":"select__component_12f34","field":"select__field_12f34","disabled":"select__disabled_12f34","arrow":"select__arrow_12f34","placeholder":"select__placeholder_12f34","show-placeholder":"select__show-placeholder_12f34","focused":"select__focused_12f34","contentWrapper":"select__contentWrapper_12f34","value":"select__value_12f34","focusVisible":"select__focusVisible_12f34"};
9
9
  require('./index.css')
10
10
 
11
11
  const Field = ({ size = 56, open, multiple, error, hint, disabled, label, labelView = 'inner', placeholder, selectedMultiple = [], selected, rightAddons, valueRenderer = joinOptions, setSelectedItems, toggleMenu, Arrow, innerProps, dataTestId, fieldClassName, FormControlComponent, clear, onClear, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: dxm2z */
1
+ /* hash: woi8x */
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_zg0xo {
49
+ } .select__component_12f34 {
50
50
  width: 100%;
51
51
  outline: none;
52
- } .select__field_zg0xo:not(.select__disabled_zg0xo) {
52
+ } .select__field_12f34:not(.select__disabled_12f34) {
53
53
  cursor: pointer
54
- } .select__field_zg0xo:not(.select__disabled_zg0xo):hover .select__arrow_zg0xo {
54
+ } .select__field_12f34:not(.select__disabled_12f34):hover .select__arrow_12f34 {
55
55
  opacity: var(--select-arrow-hover-opacity);
56
- } .select__disabled_zg0xo {
56
+ } .select__disabled_12f34 {
57
57
  cursor: var(--disabled-cursor);
58
- } .select__placeholder_zg0xo {
58
+ } .select__placeholder_12f34 {
59
59
  color: var(--input-placeholder-color);
60
60
  transition: color 0.2s ease;
61
- animation: select__show-placeholder_zg0xo 0.2s ease
62
- } .select__placeholder_zg0xo.select__focused_zg0xo {
61
+ animation: select__show-placeholder_12f34 0.2s ease
62
+ } .select__placeholder_12f34.select__focused_12f34 {
63
63
  color: var(--input-focus-placeholder-color);
64
- } .select__contentWrapper_zg0xo {
64
+ } .select__contentWrapper_12f34 {
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_zg0xo {
73
+ } .select__value_12f34 {
74
74
  overflow: hidden;
75
75
  text-overflow: ellipsis;
76
76
  text-align: left;
77
- } .select__focusVisible_zg0xo {
77
+ } .select__focusVisible_12f34 {
78
78
  outline: 2px solid var(--focus-color);
79
79
  outline-offset: 2px;
80
- } @keyframes select__show-placeholder_zg0xo {
80
+ } @keyframes select__show-placeholder_12f34 {
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_pgxee","button":"select__button_pgxee","highlighted":"select__highlighted_pgxee"};
7
+ const styles = {"footer":"select__footer_vq1jz","button":"select__button_vq1jz","highlighted":"select__highlighted_vq1jz"};
8
8
  require('./index.css')
9
9
 
10
10
  const Footer = ({ handleApply, handleClear, showClear, clearText = 'Сбросить', applyText = 'Применить', dataTestId, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1gj4x */
1
+ /* hash: t8z2m */
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_pgxee {
34
+ } .select__footer_vq1jz {
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_pgxee .select__button_pgxee:first-of-type {
40
+ } .select__footer_vq1jz .select__button_vq1jz:first-of-type {
41
41
  margin-right: var(--gap-16);
42
- } .select__button_pgxee {
42
+ } .select__button_vq1jz {
43
43
  width: 50%;
44
- } .select__highlighted_pgxee {
44
+ } .select__highlighted_vq1jz {
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_cbn3e","label":"select__label_cbn3e","size-64":"select__size-64_cbn3e","size-72":"select__size-72_cbn3e"};
5
+ const styles = {"optgroup":"select__optgroup_62ixt","label":"select__label_62ixt","size-64":"select__size-64_62ixt","size-72":"select__size-72_62ixt"};
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: i54ex */
1
+ /* hash: 1mhle */
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_cbn3e {
45
+ } .select__optgroup_62ixt {
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_cbn3e + *[role='option']:before {
54
+ } .select__optgroup_62ixt + *[role='option']:before {
55
55
  display: none;
56
- } .select__label_cbn3e {
56
+ } .select__label_62ixt {
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_cbn3e,
66
- .select__size-72_cbn3e {
65
+ } .select__size-64_62ixt,
66
+ .select__size-72_62ixt {
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_sya2n","disabled":"select__disabled_sya2n","size-48":"select__size-48_sya2n","size-56":"select__size-56_sya2n","size-64":"select__size-64_sya2n","size-72":"select__size-72_sya2n","selected":"select__selected_sya2n","highlighted":"select__highlighted_sya2n","content":"select__content_sya2n","textContent":"select__textContent_sya2n"};
7
+ const styles = {"option":"select__option_1u66w","disabled":"select__disabled_1u66w","size-48":"select__size-48_1u66w","size-56":"select__size-56_1u66w","size-64":"select__size-64_1u66w","size-72":"select__size-72_1u66w","selected":"select__selected_1u66w","highlighted":"select__highlighted_1u66w","content":"select__content_1u66w","textContent":"select__textContent_1u66w"};
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: ocpw3 */
1
+ /* hash: 1j24c */
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_sya2n {
63
+ } .select__option_1u66w {
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_sya2n:not(.select__disabled_sya2n):active {
78
+ } .select__option_1u66w:not(.select__disabled_1u66w):active {
79
79
  background: var(--select-option-active-background);
80
80
  color: var(--select-option-active-color);
81
- } .select__option_sya2n:before {
81
+ } .select__option_1u66w: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_sya2n:first-child:before {
91
+ } .select__option_1u66w:first-child:before {
92
92
  display: none;
93
- } .select__size-48_sya2n {
93
+ } .select__size-48_1u66w {
94
94
  min-height: var(--size-s-height);
95
- } .select__size-56_sya2n {
95
+ } .select__size-56_1u66w {
96
96
  min-height: var(--size-m-height);
97
- } .select__size-64_sya2n {
97
+ } .select__size-64_1u66w {
98
98
  min-height: var(--size-l-height);
99
- } .select__size-72_sya2n {
99
+ } .select__size-72_1u66w {
100
100
  min-height: var(--size-xl-height);
101
- } .select__size-64_sya2n,
102
- .select__size-72_sya2n {
101
+ } .select__size-64_1u66w,
102
+ .select__size-72_1u66w {
103
103
  padding-left: var(--select-option-l-left-padding);
104
104
  padding-right: var(--select-option-l-right-padding)
105
- } .select__size-64_sya2n:before, .select__size-72_sya2n:before {
105
+ } .select__size-64_1u66w:before, .select__size-72_1u66w:before {
106
106
  left: var(--select-option-l-left-padding);
107
107
  right: var(--select-option-l-right-padding);
108
- } .select__selected_sya2n {
108
+ } .select__selected_1u66w {
109
109
  background: var(--select-option-selected-background);
110
110
  color: var(--select-option-selected-color);
111
111
  cursor: default;
112
- } .select__highlighted_sya2n {
112
+ } .select__highlighted_1u66w {
113
113
  background: var(--select-option-hover-background);
114
114
  color: var(--select-option-hover-color)
115
- } .select__highlighted_sya2n:before,
116
- .select__highlighted_sya2n + .select__option_sya2n:before {
115
+ } .select__highlighted_1u66w:before,
116
+ .select__highlighted_1u66w + .select__option_1u66w:before {
117
117
  opacity: 0;
118
- } .select__disabled_sya2n {
118
+ } .select__disabled_1u66w {
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_sya2n {
122
+ } .select__content_1u66w {
123
123
  overflow: hidden;
124
124
  flex: 1;
125
125
  text-overflow: ellipsis;
126
- } .select__textContent_sya2n {
126
+ } .select__textContent_1u66w {
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_e2xn0","optionsListHeader":"select__optionsListHeader_e2xn0","headerHighlighted":"select__headerHighlighted_e2xn0","optionsListFooter":"select__optionsListFooter_e2xn0","withBorder":"select__withBorder_e2xn0","scrollable":"select__scrollable_e2xn0","-webkit-mask":"select__mask_e2xn0","mask":"select__mask_e2xn0","emptyPlaceholder":"select__emptyPlaceholder_e2xn0","size-64":"select__size-64_e2xn0","size-72":"select__size-72_e2xn0"};
11
+ const styles = {"optionsList":"select__optionsList_kqx3w","optionsListHeader":"select__optionsListHeader_kqx3w","headerHighlighted":"select__headerHighlighted_kqx3w","optionsListFooter":"select__optionsListFooter_kqx3w","withBorder":"select__withBorder_kqx3w","scrollable":"select__scrollable_kqx3w","-webkit-mask":"select__mask_kqx3w","mask":"select__mask_kqx3w","emptyPlaceholder":"select__emptyPlaceholder_kqx3w","size-64":"select__size-64_kqx3w","size-72":"select__size-72_kqx3w"};
12
12
  require('./index.css')
13
13
 
14
14
  const createCounter = () => {
@@ -1,4 +1,4 @@
1
- /* hash: 19ijn */
1
+ /* hash: 562nm */
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_e2xn0 {
40
+ } .select__optionsList_kqx3w {
41
41
  width: 100%;
42
42
  outline: none;
43
43
  box-sizing: border-box;
44
44
  position: relative;
45
- } .select__optionsListHeader_e2xn0 {
45
+ } .select__optionsListHeader_kqx3w {
46
46
  box-sizing: border-box;
47
47
  border-bottom: 1px solid transparent;
48
48
  transition: border-color 0.2s ease
49
- } .select__optionsListHeader_e2xn0.select__headerHighlighted_e2xn0 {
49
+ } .select__optionsListHeader_kqx3w.select__headerHighlighted_kqx3w {
50
50
  border-bottom-color: var(--color-light-neutral-300);
51
- } .select__optionsListFooter_e2xn0 {
51
+ } .select__optionsListFooter_kqx3w {
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_e2xn0.select__withBorder_e2xn0 {
57
+ } .select__optionsListFooter_kqx3w.select__withBorder_kqx3w {
58
58
  border-top-color: var(--color-light-neutral-300);
59
- } .select__scrollable_e2xn0 {
59
+ } .select__scrollable_kqx3w {
60
60
  overflow: auto;
61
61
  width: 100%;
62
- } .select__mask_e2xn0 {
62
+ } .select__mask_kqx3w {
63
63
  min-width: 4000px;
64
- } .select__emptyPlaceholder_e2xn0 {
64
+ } .select__emptyPlaceholder_kqx3w {
65
65
  padding: var(--gap-16) var(--gap-12);
66
66
  color: var(--select-options-list-empty-placeholder-color);
67
- } .select__size-64_e2xn0 .select__emptyPlaceholder_e2xn0,
68
- .select__size-72_e2xn0 .select__emptyPlaceholder_e2xn0 {
67
+ } .select__size-64_kqx3w .select__emptyPlaceholder_kqx3w,
68
+ .select__size-72_kqx3w .select__emptyPlaceholder_kqx3w {
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_101vs"};
6
+ const styles = {"component":"select__component_130xz"};
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: 1x1aq */
1
+ /* hash: gr2uj */
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_101vs.select__component_101vs {
30
+ } .select__component_130xz.select__component_130xz {
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_1jiae","virtualOptionsListHeader":"select__virtualOptionsListHeader_1jiae","virtualOptionsListFooter":"select__virtualOptionsListFooter_1jiae","withBorder":"select__withBorder_1jiae","scrollable":"select__scrollable_1jiae","inner":"select__inner_1jiae","virtualRow":"select__virtualRow_1jiae","highlighted":"select__highlighted_1jiae","emptyPlaceholder":"select__emptyPlaceholder_1jiae","size-64":"select__size-64_1jiae","size-72":"select__size-72_1jiae"};
12
+ const styles = {"virtualOptionsList":"select__virtualOptionsList_lkfj9","virtualOptionsListHeader":"select__virtualOptionsListHeader_lkfj9","virtualOptionsListFooter":"select__virtualOptionsListFooter_lkfj9","withBorder":"select__withBorder_lkfj9","scrollable":"select__scrollable_lkfj9","inner":"select__inner_lkfj9","virtualRow":"select__virtualRow_lkfj9","highlighted":"select__highlighted_lkfj9","emptyPlaceholder":"select__emptyPlaceholder_lkfj9","size-64":"select__size-64_lkfj9","size-72":"select__size-72_lkfj9"};
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: 185rs */
1
+ /* hash: 8bt3l */
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_1jiae {
46
+ } .select__virtualOptionsList_lkfj9 {
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_1jiae {
52
+ } .select__virtualOptionsListHeader_lkfj9 {
53
53
  box-sizing: border-box;
54
54
  border-bottom: 1px solid var(--color-light-neutral-300);
55
- } .select__virtualOptionsListFooter_1jiae {
55
+ } .select__virtualOptionsListFooter_lkfj9 {
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_1jiae.select__withBorder_1jiae {
60
+ } .select__virtualOptionsListFooter_lkfj9.select__withBorder_lkfj9 {
61
61
  border-top: 1px solid var(--color-light-neutral-300);
62
- } .select__scrollable_1jiae {
62
+ } .select__scrollable_lkfj9 {
63
63
  position: relative;
64
64
  overflow: auto;
65
65
  width: 100%;
66
- } .select__inner_1jiae {
66
+ } .select__inner_lkfj9 {
67
67
  position: relative;
68
68
  width: 100%;
69
- } .select__virtualRow_1jiae {
69
+ } .select__virtualRow_lkfj9 {
70
70
  position: absolute;
71
71
  top: var(--gap-0);
72
72
  left: var(--gap-0);
73
73
  width: 100%
74
- } .select__virtualRow_1jiae:before {
74
+ } .select__virtualRow_lkfj9: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_1jiae:first-child:before {
84
+ } .select__virtualRow_lkfj9:first-child:before {
85
85
  display: none;
86
- } .select__highlighted_1jiae:before,
87
- .select__highlighted_1jiae + .select__virtualRow_1jiae:before {
86
+ } .select__highlighted_lkfj9:before,
87
+ .select__highlighted_lkfj9 + .select__virtualRow_lkfj9:before {
88
88
  display: none;
89
- } .select__emptyPlaceholder_1jiae {
89
+ } .select__emptyPlaceholder_lkfj9 {
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_1jiae .select__emptyPlaceholder_1jiae,
94
- .select__size-72_1jiae .select__emptyPlaceholder_1jiae {
93
+ } .select__size-64_lkfj9 .select__emptyPlaceholder_lkfj9,
94
+ .select__size-72_lkfj9 .select__emptyPlaceholder_lkfj9 {
95
95
  padding: var(--gap-24) var(--gap-16);
96
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_rx63x","popoverInner":"select__popoverInner_rx63x","optionsListWrapper":"select__optionsListWrapper_rx63x","optionsListBorder":"select__optionsListBorder_rx63x","nativeSelect":"select__nativeSelect_rx63x","block":"select__block_rx63x","emptySearchPlaceholder":"select__emptySearchPlaceholder_rx63x","search":"select__search_rx63x"};
4
+ const styles = {"component":"select__component_lo1yc","popoverInner":"select__popoverInner_lo1yc","optionsListWrapper":"select__optionsListWrapper_lo1yc","optionsListBorder":"select__optionsListBorder_lo1yc","nativeSelect":"select__nativeSelect_lo1yc","block":"select__block_lo1yc","emptySearchPlaceholder":"select__emptySearchPlaceholder_lo1yc","search":"select__search_lo1yc"};
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-2824140e.js';
14
+ import { u as useSelectWithApply } from '../hook-a3ab4157.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_1icn6","sheetContent":"select__sheetContent_1icn6","modalContent":"select__modalContent_1icn6","sheetContainer":"select__sheetContainer_1icn6","optionsListWrapper":"select__optionsListWrapper_1icn6","optionsList":"select__optionsList_1icn6","scrollbar":"select__scrollbar_1icn6","search":"select__search_1icn6","option":"select__option_1icn6","optionGroup":"select__optionGroup_1icn6"};
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-2824140e.js';
3
+ export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-a3ab4157.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-2824140e.js';
4
+ export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-a3ab4157.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-2824140e.js';
4
+ export { O as OptionsListWithApply } from '../../../hook-a3ab4157.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_jjlzm","button":"select__button_jjlzm"};
5
+ const styles = {"footer":"select__footer_1kmv6","button":"select__button_1kmv6"};
6
6
  require('./index.css')
7
7
 
8
8
  const Footer = ({ handleApply, handleClear, showClear, selectedDraft = [], dataTestId, }) => (React.createElement("div", {