@alfalab/core-components-select 14.0.0 → 14.0.2

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 (180) hide show
  1. package/{Component-f1a1856f.js → Component-dd926cf7.js} +1 -1
  2. package/Component.d.ts +4 -0
  3. package/Component.js +1 -1
  4. package/Component.responsive.js +3 -3
  5. package/components/arrow/Component.js +1 -1
  6. package/components/arrow/index.css +3 -3
  7. package/components/base-checkmark/Component.js +1 -1
  8. package/components/base-checkmark/index.css +4 -4
  9. package/components/base-option/Component.js +1 -1
  10. package/components/base-option/index.css +13 -13
  11. package/components/base-select/Component.js +2 -2
  12. package/components/base-select/index.css +8 -8
  13. package/components/base-select/index.js +1 -1
  14. package/components/base-select-mobile/Component.js +2 -2
  15. package/components/base-select-mobile/footer/Component.js +1 -1
  16. package/components/base-select-mobile/footer/index.css +5 -5
  17. package/components/base-select-mobile/index.css +10 -10
  18. package/components/base-select-mobile/index.js +1 -1
  19. package/components/checkmark/Component.js +1 -1
  20. package/components/checkmark/index.css +10 -10
  21. package/components/checkmark-mobile/Component.js +1 -1
  22. package/components/checkmark-mobile/index.css +6 -6
  23. package/components/field/Component.js +1 -1
  24. package/components/field/index.css +9 -9
  25. package/components/index.js +3 -3
  26. package/components/optgroup/Component.js +1 -1
  27. package/components/optgroup/index.css +6 -6
  28. package/components/option/Component.js +1 -1
  29. package/components/option/index.css +20 -20
  30. package/components/options-list/Component.js +1 -1
  31. package/components/options-list/index.css +9 -9
  32. package/components/select-mobile/Component.js +3 -3
  33. package/components/select-mobile/index.d.ts +1 -1
  34. package/components/select-mobile/index.js +3 -3
  35. package/components/select-modal-mobile/Component.js +3 -3
  36. package/components/select-modal-mobile/index.d.ts +1 -1
  37. package/components/select-modal-mobile/index.js +3 -3
  38. package/components/virtual-options-list/Component.js +1 -1
  39. package/components/virtual-options-list/index.css +15 -15
  40. package/cssm/Component.d.ts +4 -0
  41. package/cssm/index-ebda875c.d.ts +1 -1
  42. package/esm/{Component-b5248298.js → Component-d6246282.js} +1 -1
  43. package/esm/Component.d.ts +4 -0
  44. package/esm/Component.js +1 -1
  45. package/esm/Component.responsive.js +3 -3
  46. package/esm/components/arrow/Component.js +1 -1
  47. package/esm/components/arrow/index.css +3 -3
  48. package/esm/components/base-checkmark/Component.js +1 -1
  49. package/esm/components/base-checkmark/index.css +4 -4
  50. package/esm/components/base-option/Component.js +1 -1
  51. package/esm/components/base-option/index.css +13 -13
  52. package/esm/components/base-select/Component.js +2 -2
  53. package/esm/components/base-select/index.css +8 -8
  54. package/esm/components/base-select/index.js +1 -1
  55. package/esm/components/base-select-mobile/Component.js +2 -2
  56. package/esm/components/base-select-mobile/footer/Component.js +1 -1
  57. package/esm/components/base-select-mobile/footer/index.css +5 -5
  58. package/esm/components/base-select-mobile/index.css +10 -10
  59. package/esm/components/base-select-mobile/index.js +1 -1
  60. package/esm/components/checkmark/Component.js +1 -1
  61. package/esm/components/checkmark/index.css +10 -10
  62. package/esm/components/checkmark-mobile/Component.js +1 -1
  63. package/esm/components/checkmark-mobile/index.css +6 -6
  64. package/esm/components/field/Component.js +1 -1
  65. package/esm/components/field/index.css +9 -9
  66. package/esm/components/index.js +3 -3
  67. package/esm/components/optgroup/Component.js +1 -1
  68. package/esm/components/optgroup/index.css +6 -6
  69. package/esm/components/option/Component.js +1 -1
  70. package/esm/components/option/index.css +20 -20
  71. package/esm/components/options-list/Component.js +1 -1
  72. package/esm/components/options-list/index.css +9 -9
  73. package/esm/components/select-mobile/Component.js +3 -3
  74. package/esm/components/select-mobile/index.d.ts +1 -1
  75. package/esm/components/select-mobile/index.js +3 -3
  76. package/esm/components/select-modal-mobile/Component.js +3 -3
  77. package/esm/components/select-modal-mobile/index.d.ts +1 -1
  78. package/esm/components/select-modal-mobile/index.js +3 -3
  79. package/esm/components/virtual-options-list/Component.js +1 -1
  80. package/esm/components/virtual-options-list/index.css +15 -15
  81. package/esm/index-3885b0d7.d.ts +1 -1
  82. package/esm/index-ebda875c.d.ts +1 -1
  83. package/esm/index.js +3 -3
  84. package/esm/presets/index.js +3 -3
  85. package/esm/presets/useLazyLoading/hook.js +2 -2
  86. package/esm/presets/useLazyLoading/index.css +2 -2
  87. package/esm/presets/useSelectWithApply/hook.js +3 -3
  88. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -3
  89. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  90. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  91. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  92. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
  93. package/esm/presets/useSelectWithLoading/hook.js +1 -1
  94. package/esm/presets/useSelectWithLoading/index.css +2 -2
  95. package/esm/responsive.js +3 -3
  96. package/index-3885b0d7.d.ts +1 -1
  97. package/index-ebda875c.d.ts +1 -1
  98. package/index.js +3 -3
  99. package/modern/{Component-29d24a9b.js → Component-55395944.js} +1 -1
  100. package/modern/Component.d.ts +4 -0
  101. package/modern/Component.js +1 -1
  102. package/modern/Component.responsive.js +3 -3
  103. package/modern/components/arrow/Component.js +1 -1
  104. package/modern/components/arrow/index.css +3 -3
  105. package/modern/components/base-checkmark/Component.js +1 -1
  106. package/modern/components/base-checkmark/index.css +4 -4
  107. package/modern/components/base-option/Component.js +1 -1
  108. package/modern/components/base-option/index.css +13 -13
  109. package/modern/components/base-select/Component.js +2 -2
  110. package/modern/components/base-select/index.css +8 -8
  111. package/modern/components/base-select/index.js +1 -1
  112. package/modern/components/base-select-mobile/Component.js +2 -2
  113. package/modern/components/base-select-mobile/footer/Component.js +1 -1
  114. package/modern/components/base-select-mobile/footer/index.css +5 -5
  115. package/modern/components/base-select-mobile/index.css +10 -10
  116. package/modern/components/base-select-mobile/index.js +1 -1
  117. package/modern/components/checkmark/Component.js +1 -1
  118. package/modern/components/checkmark/index.css +10 -10
  119. package/modern/components/checkmark-mobile/Component.js +1 -1
  120. package/modern/components/checkmark-mobile/index.css +6 -6
  121. package/modern/components/field/Component.js +1 -1
  122. package/modern/components/field/index.css +9 -9
  123. package/modern/components/index.js +3 -3
  124. package/modern/components/optgroup/Component.js +1 -1
  125. package/modern/components/optgroup/index.css +6 -6
  126. package/modern/components/option/Component.js +1 -1
  127. package/modern/components/option/index.css +20 -20
  128. package/modern/components/options-list/Component.js +1 -1
  129. package/modern/components/options-list/index.css +9 -9
  130. package/modern/components/select-mobile/Component.js +3 -3
  131. package/modern/components/select-mobile/index.d.ts +1 -1
  132. package/modern/components/select-mobile/index.js +3 -3
  133. package/modern/components/select-modal-mobile/Component.js +3 -3
  134. package/modern/components/select-modal-mobile/index.d.ts +1 -1
  135. package/modern/components/select-modal-mobile/index.js +3 -3
  136. package/modern/components/virtual-options-list/Component.js +1 -1
  137. package/modern/components/virtual-options-list/index.css +15 -15
  138. package/modern/index-3885b0d7.d.ts +1 -1
  139. package/modern/index-ebda875c.d.ts +1 -1
  140. package/modern/index.js +3 -3
  141. package/modern/presets/index.js +3 -3
  142. package/modern/presets/useLazyLoading/hook.js +2 -2
  143. package/modern/presets/useLazyLoading/index.css +2 -2
  144. package/modern/presets/useSelectWithApply/hook.js +3 -3
  145. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -3
  146. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  147. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  148. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  149. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
  150. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  151. package/modern/presets/useSelectWithLoading/index.css +2 -2
  152. package/modern/responsive.js +3 -3
  153. package/package.json +6 -6
  154. package/presets/index.js +3 -3
  155. package/presets/useLazyLoading/hook.js +2 -2
  156. package/presets/useLazyLoading/index.css +2 -2
  157. package/presets/useSelectWithApply/hook.js +3 -3
  158. package/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -3
  159. package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  160. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  161. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  162. package/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
  163. package/presets/useSelectWithLoading/hook.js +1 -1
  164. package/presets/useSelectWithLoading/index.css +2 -2
  165. package/responsive.js +3 -3
  166. /package/{Component-f1a1856f.d.ts → Component-dd926cf7.d.ts} +0 -0
  167. /package/esm/{Component-b5248298.d.ts → Component-d6246282.d.ts} +0 -0
  168. /package/esm/{getDataTestId-015e89f1.d.ts → getDataTestId-78e42ffe.d.ts} +0 -0
  169. /package/esm/{getDataTestId-015e89f1.js → getDataTestId-78e42ffe.js} +0 -0
  170. /package/esm/{intersection-observer-961b54c8.d.ts → intersection-observer-6ef082f5.d.ts} +0 -0
  171. /package/esm/{intersection-observer-961b54c8.js → intersection-observer-6ef082f5.js} +0 -0
  172. /package/{getDataTestId-3deaae20.d.ts → getDataTestId-305ed968.d.ts} +0 -0
  173. /package/{getDataTestId-3deaae20.js → getDataTestId-305ed968.js} +0 -0
  174. /package/{intersection-observer-d5f3e178.d.ts → intersection-observer-95e396cc.d.ts} +0 -0
  175. /package/{intersection-observer-d5f3e178.js → intersection-observer-95e396cc.js} +0 -0
  176. /package/modern/{Component-29d24a9b.d.ts → Component-55395944.d.ts} +0 -0
  177. /package/modern/{getDataTestId-b257b571.d.ts → getDataTestId-f5aec7f0.d.ts} +0 -0
  178. /package/modern/{getDataTestId-b257b571.js → getDataTestId-f5aec7f0.js} +0 -0
  179. /package/modern/{intersection-observer-961b54c8.d.ts → intersection-observer-6ef082f5.d.ts} +0 -0
  180. /package/modern/{intersection-observer-961b54c8.js → intersection-observer-6ef082f5.js} +0 -0
@@ -22,7 +22,7 @@ require('@alfalab/core-components-checkbox');
22
22
  require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
23
23
  require('@alfalab/icons-glyph/CheckmarkMIcon');
24
24
  require('@alfalab/core-components-skeleton');
25
- require('./intersection-observer-d5f3e178.js');
25
+ require('./intersection-observer-95e396cc.js');
26
26
  var presets_useSelectWithApply_optionsListWithApply_footer_Component = require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
27
27
 
28
28
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
package/Component.d.ts CHANGED
@@ -67,6 +67,10 @@ type FormControlProps = HTMLAttributes<HTMLDivElement> & {
67
67
  * Дополнительный класс для поля
68
68
  */
69
69
  fieldClassName?: string;
70
+ /**
71
+ * Дополнительный класс для поля
72
+ */
73
+ inputWrapperClassName?: string;
70
74
  /**
71
75
  * Дополнительный класс для лейбла
72
76
  */
package/Component.js CHANGED
@@ -17,7 +17,7 @@ require('@juggle/resize-observer');
17
17
  require('downshift');
18
18
  require('@alfalab/core-components-popover');
19
19
  require('@alfalab/hooks');
20
- require('./getDataTestId-3deaae20.js');
20
+ require('./getDataTestId-305ed968.js');
21
21
  require('./utils.js');
22
22
  require('./components/native-select/Component.js');
23
23
  require('@alfalab/core-components-form-control');
@@ -9,7 +9,7 @@ var Component = require('./Component.js');
9
9
  require('classnames');
10
10
  require('@alfalab/icons-glyph/ChevronDownMIcon');
11
11
  require('./components/base-select/Component.js');
12
- var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-f1a1856f.js');
12
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-dd926cf7.js');
13
13
  require('@alfalab/core-components-form-control');
14
14
  require('@alfalab/core-components-badge');
15
15
  require('@alfalab/core-components-checkbox');
@@ -28,7 +28,7 @@ require('react-merge-refs');
28
28
  require('@juggle/resize-observer');
29
29
  require('downshift');
30
30
  require('@alfalab/core-components-popover');
31
- require('./getDataTestId-3deaae20.js');
31
+ require('./getDataTestId-305ed968.js');
32
32
  require('./components/native-select/Component.js');
33
33
  require('./components/base-select-mobile/Component.js');
34
34
  require('@alfalab/core-components-bottom-sheet');
@@ -37,7 +37,7 @@ require('./components/base-select-mobile/footer/Component.js');
37
37
  require('@alfalab/core-components-base-modal');
38
38
  require('@alfalab/core-components-button');
39
39
  require('@alfalab/core-components-skeleton');
40
- require('./intersection-observer-d5f3e178.js');
40
+ require('./intersection-observer-95e396cc.js');
41
41
  require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
42
42
  require('@alfalab/core-components-scrollbar');
43
43
  require('react-virtual');
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"arrow":"select__arrow_1sru5","open":"select__open_1sru5"};
14
+ var styles = {"arrow":"select__arrow_1dcm5","open":"select__open_1dcm5"};
15
15
  require('./index.css')
16
16
 
17
17
  var Arrow = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: w42gv */
1
+ /* hash: 8xovy */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -26,13 +26,13 @@
26
26
  /* checkmark */
27
27
 
28
28
  /* optgroup */
29
- } .select__arrow_1sru5 {
29
+ } .select__arrow_1dcm5 {
30
30
  display: block;
31
31
  width: 24px;
32
32
  height: 24px;
33
33
  color: var(--select-arrow-color);
34
34
 
35
35
  transition: transform 0.15s ease-in-out, opacity 0.2s ease;
36
- } .select__open_1sru5 {
36
+ } .select__open_1dcm5 {
37
37
  transform: var(--arrow-transform);
38
38
  }
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"checkmark":"select__checkmark_1pva9","single":"select__single_1pva9","selected":"select__selected_1pva9"};
15
+ var styles = {"checkmark":"select__checkmark_1kxv7","single":"select__single_1kxv7","selected":"select__selected_1kxv7"};
16
16
  require('./index.css')
17
17
 
18
18
  var BaseCheckmark = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1ilyz */
1
+ /* hash: gi6ja */
2
2
  :root {
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 */
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 */
@@ -23,14 +23,14 @@
23
23
  /* checkmark */
24
24
 
25
25
  /* optgroup */
26
- } .select__checkmark_1pva9 {
26
+ } .select__checkmark_1kxv7 {
27
27
  flex-shrink: 0;
28
28
  box-sizing: border-box;
29
- } .select__single_1pva9 {
29
+ } .select__single_1kxv7 {
30
30
  display: flex;
31
31
  align-items: center;
32
32
  justify-content: center;
33
33
  opacity: 0
34
- } .select__single_1pva9.select__selected_1pva9 {
34
+ } .select__single_1kxv7.select__selected_1kxv7 {
35
35
  opacity: 1;
36
36
  }
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"option":"select__option_thc1q","disabled":"select__disabled_thc1q","checkmarkBefore":"select__checkmarkBefore_thc1q","mobile":"select__mobile_thc1q","checkmarkAfter":"select__checkmarkAfter_thc1q","textContent":"select__textContent_thc1q","selected":"select__selected_thc1q","highlighted":"select__highlighted_thc1q","content":"select__content_thc1q"};
17
+ var styles = {"option":"select__option_gnkbd","disabled":"select__disabled_gnkbd","checkmarkBefore":"select__checkmarkBefore_gnkbd","mobile":"select__mobile_gnkbd","checkmarkAfter":"select__checkmarkAfter_gnkbd","textContent":"select__textContent_gnkbd","selected":"select__selected_gnkbd","highlighted":"select__highlighted_gnkbd","content":"select__content_gnkbd"};
18
18
  require('./index.css')
19
19
 
20
20
  var BaseOption = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: hmj1y */
1
+ /* hash: n8x2p */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -43,7 +43,7 @@
43
43
  /* checkmark */
44
44
 
45
45
  /* optgroup */
46
- } .select__option_thc1q {
46
+ } .select__option_gnkbd {
47
47
  font-size: 16px;
48
48
  line-height: 20px;
49
49
  font-weight: 400;
@@ -60,32 +60,32 @@
60
60
  position: relative;
61
61
  cursor: pointer;
62
62
  min-height: var(--size-s-height)
63
- } .select__option_thc1q:not(.select__disabled_thc1q):active {
63
+ } .select__option_gnkbd:not(.select__disabled_gnkbd):active {
64
64
  background: var(--select-option-active-background);
65
65
  color: var(--select-option-active-color);
66
- } .select__option_thc1q.select__checkmarkBefore_thc1q {
66
+ } .select__option_gnkbd.select__checkmarkBefore_gnkbd {
67
67
  padding: 0 0 0 var(--gap-s)
68
- } .select__option_thc1q.select__checkmarkBefore_thc1q.select__mobile_thc1q {
68
+ } .select__option_gnkbd.select__checkmarkBefore_gnkbd.select__mobile_gnkbd {
69
69
  padding-left: var(--gap-m);
70
- } .select__option_thc1q.select__checkmarkAfter_thc1q {
70
+ } .select__option_gnkbd.select__checkmarkAfter_gnkbd {
71
71
  padding: 0 var(--gap-s) 0 0
72
- } .select__option_thc1q.select__checkmarkAfter_thc1q.select__mobile_thc1q {
72
+ } .select__option_gnkbd.select__checkmarkAfter_gnkbd.select__mobile_gnkbd {
73
73
  padding-right: var(--gap-l);
74
- } .select__option_thc1q.select__textContent_thc1q {
74
+ } .select__option_gnkbd.select__textContent_gnkbd {
75
75
  padding: var(--gap-s)
76
- } .select__option_thc1q.select__textContent_thc1q.select__mobile_thc1q {
76
+ } .select__option_gnkbd.select__textContent_gnkbd.select__mobile_gnkbd {
77
77
  padding: var(--gap-m) var(--gap-l) var(--gap-m) var(--gap-m);
78
- } .select__selected_thc1q {
78
+ } .select__selected_gnkbd {
79
79
  background: var(--select-option-selected-background);
80
80
  color: var(--select-option-selected-color);
81
81
  cursor: default;
82
- } .select__highlighted_thc1q {
82
+ } .select__highlighted_gnkbd {
83
83
  background: var(--select-option-hover-background);
84
84
  color: var(--select-option-hover-color);
85
- } .select__disabled_thc1q {
85
+ } .select__disabled_gnkbd {
86
86
  cursor: var(--disabled-cursor);
87
87
  background: var(--select-option-disabled-background);
88
88
  color: var(--select-option-disabled-color);
89
- } .select__content_thc1q {
89
+ } .select__content_gnkbd {
90
90
  flex: 1;
91
91
  }
@@ -10,7 +10,7 @@ var cn = require('classnames');
10
10
  var downshift = require('downshift');
11
11
  var coreComponentsPopover = require('@alfalab/core-components-popover');
12
12
  var hooks = require('@alfalab/hooks');
13
- var getDataTestId = require('../../getDataTestId-3deaae20.js');
13
+ var getDataTestId = require('../../getDataTestId-305ed968.js');
14
14
  var utils = require('../../utils.js');
15
15
  var components_nativeSelect_Component = require('../native-select/Component.js');
16
16
 
@@ -20,7 +20,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
20
20
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
22
22
 
23
- var styles = {"component":"select__component_wpl68","popoverInner":"select__popoverInner_wpl68","optionsList":"select__optionsList_wpl68","optionsListBorder":"select__optionsListBorder_wpl68","nativeSelect":"select__nativeSelect_wpl68","block":"select__block_wpl68"};
23
+ var styles = {"component":"select__component_1wmka","popoverInner":"select__popoverInner_1wmka","optionsList":"select__optionsList_1wmka","optionsListBorder":"select__optionsListBorder_1wmka","nativeSelect":"select__nativeSelect_1wmka","block":"select__block_1wmka"};
24
24
  require('./index.css')
25
25
 
26
26
  var BaseSelect = React.forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: b5pso */
1
+ /* hash: wd6d9 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -36,11 +36,11 @@
36
36
  /* checkmark */
37
37
 
38
38
  /* optgroup */
39
- } .select__component_wpl68 {
39
+ } .select__component_1wmka {
40
40
  width: max-content;
41
41
  position: relative;
42
42
  outline: 0;
43
- } .select__popoverInner_wpl68 {
43
+ } .select__popoverInner_1wmka {
44
44
  padding-top: var(--select-options-list-offset);
45
45
  padding-bottom: var(--select-options-list-offset);
46
46
  box-shadow: none;
@@ -48,7 +48,7 @@
48
48
  background: transparent;
49
49
  border-radius: 0;
50
50
  position: relative;
51
- } .select__optionsList_wpl68 {
51
+ } .select__optionsList_1wmka {
52
52
  position: relative;
53
53
  padding-top: var(--select-options-list-top-padding);
54
54
  padding-bottom: var(--select-options-list-bottom-padding);
@@ -57,7 +57,7 @@
57
57
  background: var(--select-option-background);
58
58
  overflow: hidden;
59
59
  will-change: transform;
60
- } .select__optionsListBorder_wpl68 {
60
+ } .select__optionsListBorder_1wmka {
61
61
  position: absolute;
62
62
  top: 0;
63
63
  right: 0;
@@ -66,7 +66,7 @@
66
66
  box-shadow: inset 0 0 0 1px var(--color-light-border-secondary);
67
67
  border-radius: inherit;
68
68
  pointer-events: none;
69
- } .select__nativeSelect_wpl68 {
69
+ } .select__nativeSelect_1wmka {
70
70
  opacity: 0;
71
71
  overflow: hidden;
72
72
  position: absolute;
@@ -79,10 +79,10 @@
79
79
  height: 100%;
80
80
  cursor: pointer;
81
81
  z-index: 1;
82
- } .select__block_wpl68 {
82
+ } .select__block_1wmka {
83
83
  width: 100%;
84
84
  } /* width: max-content; fix for IE */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
85
- .select__component_wpl68 {
85
+ .select__component_1wmka {
86
86
  float: left;
87
87
  clear: left;
88
88
  }
@@ -11,7 +11,7 @@ require('classnames');
11
11
  require('downshift');
12
12
  require('@alfalab/core-components-popover');
13
13
  require('@alfalab/hooks');
14
- require('../../getDataTestId-3deaae20.js');
14
+ require('../../getDataTestId-305ed968.js');
15
15
  require('../../utils.js');
16
16
  require('../native-select/Component.js');
17
17
 
@@ -9,7 +9,7 @@ var cn = require('classnames');
9
9
  var downshift = require('downshift');
10
10
  var coreComponentsBottomSheet = require('@alfalab/core-components-bottom-sheet');
11
11
  var mobile = require('@alfalab/core-components-modal/mobile');
12
- var getDataTestId = require('../../getDataTestId-3deaae20.js');
12
+ var getDataTestId = require('../../getDataTestId-305ed968.js');
13
13
  var utils = require('../../utils.js');
14
14
  var components_arrow_Component = require('../arrow/Component.js');
15
15
  var components_field_Component = require('../field/Component.js');
@@ -33,7 +33,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
33
33
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
34
34
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
35
35
 
36
- var styles = {"component":"select__component_1d6dq","sheet":"select__sheet_1d6dq","sheetContent":"select__sheetContent_1d6dq","sheetContainer":"select__sheetContainer_1d6dq","block":"select__block_1d6dq","option":"select__option_1d6dq","optionGroup":"select__optionGroup_1d6dq"};
36
+ var styles = {"component":"select__component_1kud4","sheet":"select__sheet_1kud4","sheetContent":"select__sheetContent_1kud4","sheetContainer":"select__sheetContainer_1kud4","block":"select__block_1kud4","option":"select__option_1kud4","optionGroup":"select__optionGroup_1kud4"};
37
37
  require('./index.css')
38
38
 
39
39
  var BaseSelectMobile = React.forwardRef(function (_a, ref) {
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"footer":"select__footer_199rp","button":"select__button_199rp","highlighted":"select__highlighted_199rp"};
15
+ var styles = {"footer":"select__footer_1hyp1","button":"select__button_1hyp1","highlighted":"select__highlighted_1hyp1"};
16
16
  require('./index.css')
17
17
 
18
18
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: azp39 */
1
+ /* hash: 4ostk */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -26,17 +26,17 @@
26
26
  /* checkmark */
27
27
 
28
28
  /* optgroup */
29
- } .select__footer_199rp {
29
+ } .select__footer_1hyp1 {
30
30
  display: flex;
31
31
  box-sizing: border-box;
32
32
  width: 100%;
33
33
  padding: var(--gap-m) var(--gap-m);
34
34
  background-color: var(--color-light-bg-primary)
35
- } .select__footer_199rp .select__button_199rp:first-of-type {
35
+ } .select__footer_1hyp1 .select__button_1hyp1:first-of-type {
36
36
  margin-right: var(--gap-m);
37
- } .select__button_199rp {
37
+ } .select__button_1hyp1 {
38
38
  width: 50%;
39
- } .select__highlighted_199rp {
39
+ } .select__highlighted_1hyp1 {
40
40
  border-top: 1px solid var(--color-light-border-primary);
41
41
  background-color: var(--color-light-bg-primary);
42
42
  }
@@ -1,4 +1,4 @@
1
- /* hash: slx8t */
1
+ /* hash: t2elb */
2
2
  :root {
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 */
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 */
@@ -27,27 +27,27 @@
27
27
  /* checkmark */
28
28
 
29
29
  /* optgroup */
30
- } .select__component_1d6dq {
30
+ } .select__component_1kud4 {
31
31
  width: max-content;
32
32
  position: relative;
33
33
  outline: 0;
34
- } .select__sheet_1d6dq {
34
+ } .select__sheet_1kud4 {
35
35
  overflow: hidden;
36
- } .select__sheetContent_1d6dq {
36
+ } .select__sheetContent_1kud4 {
37
37
  padding: 0;
38
- } .select__sheetContainer_1d6dq {
38
+ } .select__sheetContainer_1kud4 {
39
39
  padding: 0;
40
- } .select__block_1d6dq {
40
+ } .select__block_1kud4 {
41
41
  width: 100%;
42
42
  } /* width: max-content; fix for IE */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
43
- .select__component_1d6dq {
43
+ .select__component_1kud4 {
44
44
  float: left;
45
45
  clear: left;
46
46
  }
47
- } .select__option_1d6dq {
47
+ } .select__option_1kud4 {
48
48
  padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
49
- } .select__option_1d6dq:before {
49
+ } .select__option_1kud4:before {
50
50
  display: none;
51
- } .select__optionGroup_1d6dq {
51
+ } .select__optionGroup_1kud4 {
52
52
  padding: var(--gap-m) var(--gap-m) var(--gap-xs);
53
53
  }
@@ -10,7 +10,7 @@ require('classnames');
10
10
  require('downshift');
11
11
  require('@alfalab/core-components-bottom-sheet');
12
12
  require('@alfalab/core-components-modal/mobile');
13
- require('../../getDataTestId-3deaae20.js');
13
+ require('../../getDataTestId-305ed968.js');
14
14
  require('../../utils.js');
15
15
  require('../arrow/Component.js');
16
16
  require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
  var CheckmarkMIcon__default = /*#__PURE__*/_interopDefaultCompat(CheckmarkMIcon);
17
17
 
18
- var styles = {"checkmark":"select__checkmark_1q10r","after":"select__after_1q10r","single":"select__single_1q10r","selected":"select__selected_1q10r","before":"select__before_1q10r","multiple":"select__multiple_1q10r","colorIcon":"select__colorIcon_1q10r"};
18
+ var styles = {"checkmark":"select__checkmark_1d791","after":"select__after_1d791","single":"select__single_1d791","selected":"select__selected_1d791","before":"select__before_1d791","multiple":"select__multiple_1d791","colorIcon":"select__colorIcon_1d791"};
19
19
  require('./index.css')
20
20
 
21
21
  var Checkmark = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: mhfc7 */
1
+ /* hash: 1jsls */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-positive: #2fc26e;
@@ -39,12 +39,12 @@
39
39
  --select-checkmark-border-radius: var(--border-radius-circle);
40
40
 
41
41
  /* optgroup */
42
- } .select__checkmark_1q10r {
42
+ } .select__checkmark_1d791 {
43
43
  flex-shrink: 0;
44
44
  margin: var(--select-checkmark-margin)
45
- } .select__checkmark_1q10r.select__after_1q10r {
45
+ } .select__checkmark_1d791.select__after_1d791 {
46
46
  margin: var(--select-checkmark-margin-after);
47
- } .select__single_1q10r {
47
+ } .select__single_1d791 {
48
48
  display: flex;
49
49
  align-items: center;
50
50
  justify-content: center;
@@ -54,17 +54,17 @@
54
54
  border-radius: var(--select-checkmark-border-radius);
55
55
  width: var(--select-checkmark-size);
56
56
  height: var(--select-checkmark-size)
57
- } .select__single_1q10r.select__selected_1q10r {
57
+ } .select__single_1d791.select__selected_1d791 {
58
58
  opacity: 1;
59
- } .select__before_1q10r {
59
+ } .select__before_1d791 {
60
60
  display: var(--select-checkmark-before-display)
61
- } .select__before_1q10r.select__multiple_1q10r {
61
+ } .select__before_1d791.select__multiple_1d791 {
62
62
  margin-right: var(--gap-s);
63
63
  display: var(--select-checkmark-before-display-multiple);
64
- } .select__after_1q10r {
64
+ } .select__after_1d791 {
65
65
  display: var(--select-checkmark-after-display)
66
- } .select__after_1q10r.select__single_1q10r {
66
+ } .select__after_1d791.select__single_1d791 {
67
67
  display: var(--select-checkmark-after-display-single);
68
- } .select__colorIcon_1q10r {
68
+ } .select__colorIcon_1d791 {
69
69
  color: var(--color-light-graphic-positive);
70
70
  }
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"checkmark":"select__checkmark_1qowo","selected":"select__selected_1qowo","displayIcon":"select__displayIcon_1qowo","displayBadge":"select__displayBadge_1qowo"};
14
+ var styles = {"checkmark":"select__checkmark_730mj","selected":"select__selected_730mj","displayIcon":"select__displayIcon_730mj","displayBadge":"select__displayBadge_730mj"};
15
15
  require('./index.css')
16
16
 
17
17
  var Checkmark = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1f3ki */
1
+ /* hash: 7hfg3 */
2
2
  :root {
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 */
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 */
@@ -25,7 +25,7 @@
25
25
  --select-mobile-checkmark-display-badge: none;
26
26
 
27
27
  /* optgroup */
28
- } .select__checkmark_1qowo {
28
+ } .select__checkmark_730mj {
29
29
  flex-shrink: 0;
30
30
  display: flex;
31
31
  align-items: center;
@@ -33,12 +33,12 @@
33
33
  width: 24px;
34
34
  height: 24px;
35
35
  opacity: 0
36
- } .select__checkmark_1qowo:first-child {
36
+ } .select__checkmark_730mj:first-child {
37
37
  display: none;
38
- } .select__checkmark_1qowo.select__selected_1qowo {
38
+ } .select__checkmark_730mj.select__selected_730mj {
39
39
  opacity: 1;
40
- } .select__displayIcon_1qowo {
40
+ } .select__displayIcon_730mj {
41
41
  display: var(--select-mobile-checkmark-display-icon);
42
- } .select__displayBadge_1qowo {
42
+ } .select__displayBadge_730mj {
43
43
  display: var(--select-mobile-checkmark-display-badge);
44
44
  }
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"component":"select__component_ghju5","field":"select__field_ghju5","disabled":"select__disabled_ghju5","arrow":"select__arrow_ghju5","placeholder":"select__placeholder_ghju5","contentWrapper":"select__contentWrapper_ghju5","value":"select__value_ghju5","focusVisible":"select__focusVisible_ghju5"};
17
+ var styles = {"component":"select__component_13rlp","field":"select__field_13rlp","disabled":"select__disabled_13rlp","arrow":"select__arrow_13rlp","placeholder":"select__placeholder_13rlp","contentWrapper":"select__contentWrapper_13rlp","value":"select__value_13rlp","focusVisible":"select__focusVisible_13rlp"};
18
18
  require('./index.css')
19
19
 
20
20
  var Field = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: syddh */
1
+ /* hash: 137kq */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #0072ef;
@@ -28,18 +28,18 @@
28
28
  /* checkmark */
29
29
 
30
30
  /* optgroup */
31
- } .select__component_ghju5 {
31
+ } .select__component_13rlp {
32
32
  width: 100%;
33
33
  outline: none;
34
- } .select__field_ghju5:not(.select__disabled_ghju5) {
34
+ } .select__field_13rlp:not(.select__disabled_13rlp) {
35
35
  cursor: pointer
36
- } .select__field_ghju5:not(.select__disabled_ghju5):hover .select__arrow_ghju5 {
36
+ } .select__field_13rlp:not(.select__disabled_13rlp):hover .select__arrow_13rlp {
37
37
  opacity: var(--select-arrow-hover-opacity);
38
- } .select__disabled_ghju5 {
38
+ } .select__disabled_13rlp {
39
39
  cursor: var(--disabled-cursor);
40
- } /* TODO: Заюзать переменные из инпута */ .select__placeholder_ghju5 {
40
+ } /* TODO: Заюзать переменные из инпута */ .select__placeholder_13rlp {
41
41
  color: var(--color-light-text-secondary);
42
- } .select__contentWrapper_ghju5 {
42
+ } .select__contentWrapper_13rlp {
43
43
  font-size: 16px;
44
44
  line-height: 20px;
45
45
  font-weight: 400;
@@ -48,11 +48,11 @@
48
48
  text-overflow: ellipsis;
49
49
  overflow: hidden;
50
50
  width: 100%;
51
- } .select__value_ghju5 {
51
+ } .select__value_13rlp {
52
52
  overflow: hidden;
53
53
  text-overflow: ellipsis;
54
54
  text-align: left;
55
- } .select__focusVisible_ghju5 {
55
+ } .select__focusVisible_13rlp {
56
56
  outline: 2px solid var(--focus-color);
57
57
  outline-offset: 2px;
58
58
  }
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var components_arrow_Component = require('./arrow/Component.js');
6
6
  var components_baseSelect_Component = require('./base-select/Component.js');
7
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-f1a1856f.js');
7
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-dd926cf7.js');
8
8
  var components_field_Component = require('./field/Component.js');
9
9
  var components_optgroup_Component = require('./optgroup/Component.js');
10
10
  var components_option_Component = require('./option/Component.js');
@@ -20,7 +20,7 @@ require('@juggle/resize-observer');
20
20
  require('downshift');
21
21
  require('@alfalab/core-components-popover');
22
22
  require('@alfalab/hooks');
23
- require('../getDataTestId-3deaae20.js');
23
+ require('../getDataTestId-305ed968.js');
24
24
  require('../utils.js');
25
25
  require('./native-select/Component.js');
26
26
  require('../Component.js');
@@ -36,7 +36,7 @@ require('@alfalab/core-components-checkbox');
36
36
  require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
37
37
  require('@alfalab/icons-glyph/CheckmarkMIcon');
38
38
  require('@alfalab/core-components-skeleton');
39
- require('../intersection-observer-d5f3e178.js');
39
+ require('../intersection-observer-95e396cc.js');
40
40
  require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
41
41
  require('./checkmark/Component.js');
42
42
  require('./checkmark-mobile/Component.js');
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
11
11
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
12
12
 
13
- var styles = {"optgroup":"select__optgroup_w7e3l","label":"select__label_w7e3l","l":"select__l_w7e3l","xl":"select__xl_w7e3l"};
13
+ var styles = {"optgroup":"select__optgroup_1w4d8","label":"select__label_1w4d8","l":"select__l_1w4d8","xl":"select__xl_1w4d8"};
14
14
  require('./index.css')
15
15
 
16
16
  var Optgroup = function (_a) {