@alfalab/core-components-select 17.9.0 → 17.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (216) 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 +26 -23
  7. package/components/base-select/Component.js +8 -4
  8. package/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  9. package/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  10. package/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  11. package/components/base-select/index.css +16 -14
  12. package/components/base-select/mobile.css +19 -15
  13. package/components/checkmark/Component.js +1 -1
  14. package/components/checkmark/index.css +14 -12
  15. package/components/checkmark-mobile/Component.js +1 -1
  16. package/components/checkmark-mobile/index.css +6 -6
  17. package/components/clear-button/Component.d.ts +5 -0
  18. package/components/clear-button/Component.js +22 -0
  19. package/components/clear-button/index.css +58 -0
  20. package/components/clear-button/index.d.ts +1 -0
  21. package/components/clear-button/index.js +9 -0
  22. package/components/field/Component.d.ts +1 -1
  23. package/components/field/Component.js +4 -2
  24. package/components/field/index.css +12 -12
  25. package/components/footer/Component.js +1 -1
  26. package/components/footer/index.css +8 -7
  27. package/components/optgroup/Component.js +1 -1
  28. package/components/optgroup/index.css +14 -11
  29. package/components/option/Component.js +1 -1
  30. package/components/option/index.css +27 -25
  31. package/components/options-list/Component.js +1 -1
  32. package/components/options-list/index.css +15 -12
  33. package/components/search/Component.js +1 -1
  34. package/components/search/index.css +2 -2
  35. package/components/virtual-options-list/Component.js +1 -1
  36. package/components/virtual-options-list/index.css +22 -19
  37. package/cssm/components/base-option/index.module.css +11 -8
  38. package/cssm/components/base-select/Component.js +6 -2
  39. package/cssm/components/base-select/index.module.css +5 -3
  40. package/cssm/components/base-select/mobile.module.css +7 -3
  41. package/cssm/components/checkmark/index.module.css +4 -2
  42. package/cssm/components/clear-button/Component.d.ts +5 -0
  43. package/cssm/components/clear-button/Component.js +21 -0
  44. package/cssm/components/clear-button/index.d.ts +1 -0
  45. package/cssm/components/clear-button/index.js +9 -0
  46. package/cssm/components/clear-button/index.module.css +57 -0
  47. package/cssm/components/field/Component.d.ts +1 -1
  48. package/cssm/components/field/Component.js +3 -1
  49. package/cssm/components/footer/index.module.css +3 -2
  50. package/cssm/components/optgroup/index.module.css +8 -5
  51. package/cssm/components/option/index.module.css +8 -6
  52. package/cssm/components/options-list/index.module.css +5 -2
  53. package/cssm/components/virtual-options-list/index.module.css +7 -4
  54. package/cssm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +4 -2
  55. package/cssm/presets/useSelectWithApply/options-list-with-apply/header/index.module.css +4 -2
  56. package/cssm/typings.d.ts +24 -1
  57. package/cssm/utils.d.ts +1 -0
  58. package/cssm/utils.js +1 -0
  59. package/esm/components/arrow/Component.js +1 -1
  60. package/esm/components/arrow/index.css +3 -3
  61. package/esm/components/base-checkmark/Component.js +1 -1
  62. package/esm/components/base-checkmark/index.css +6 -6
  63. package/esm/components/base-option/Component.js +1 -1
  64. package/esm/components/base-option/index.css +26 -23
  65. package/esm/components/base-select/Component.js +8 -4
  66. package/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  67. package/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  68. package/esm/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  69. package/esm/components/base-select/index.css +16 -14
  70. package/esm/components/base-select/mobile.css +19 -15
  71. package/esm/components/checkmark/Component.js +1 -1
  72. package/esm/components/checkmark/index.css +14 -12
  73. package/esm/components/checkmark-mobile/Component.js +1 -1
  74. package/esm/components/checkmark-mobile/index.css +6 -6
  75. package/esm/components/clear-button/Component.d.ts +5 -0
  76. package/esm/components/clear-button/Component.js +14 -0
  77. package/esm/components/clear-button/index.css +58 -0
  78. package/esm/components/clear-button/index.d.ts +1 -0
  79. package/esm/components/clear-button/index.js +1 -0
  80. package/esm/components/field/Component.d.ts +1 -1
  81. package/esm/components/field/Component.js +4 -2
  82. package/esm/components/field/index.css +12 -12
  83. package/esm/components/footer/Component.js +1 -1
  84. package/esm/components/footer/index.css +8 -7
  85. package/esm/components/optgroup/Component.js +1 -1
  86. package/esm/components/optgroup/index.css +14 -11
  87. package/esm/components/option/Component.js +1 -1
  88. package/esm/components/option/index.css +27 -25
  89. package/esm/components/options-list/Component.js +1 -1
  90. package/esm/components/options-list/index.css +15 -12
  91. package/esm/components/search/Component.js +1 -1
  92. package/esm/components/search/index.css +2 -2
  93. package/esm/components/virtual-options-list/Component.js +1 -1
  94. package/esm/components/virtual-options-list/index.css +22 -19
  95. package/esm/{list-popover-desktop-f4891461.js → list-popover-desktop-446b6d5f.js} +1 -1
  96. package/esm/mobile/Component.mobile.js +1 -1
  97. package/esm/mobile.module-eaf56278.js +4 -0
  98. package/esm/presets/index.js +1 -1
  99. package/esm/presets/useSelectWithApply/hook.js +1 -1
  100. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  101. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  102. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +7 -5
  103. package/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  104. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +7 -5
  105. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  106. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  107. package/esm/presets/useSelectWithLoading/hook.js +1 -1
  108. package/esm/presets/useSelectWithLoading/index.css +2 -2
  109. package/esm/shared/index.js +1 -1
  110. package/esm/typings.d.ts +24 -1
  111. package/esm/utils.d.ts +1 -0
  112. package/esm/utils.js +1 -0
  113. package/{list-popover-desktop-58ec6acc.js → list-popover-desktop-6bae9b47.js} +1 -1
  114. package/mobile/Component.mobile.js +1 -1
  115. package/mobile.module-8d14caac.js +6 -0
  116. package/modern/components/arrow/Component.js +1 -1
  117. package/modern/components/arrow/index.css +3 -3
  118. package/modern/components/base-checkmark/Component.js +1 -1
  119. package/modern/components/base-checkmark/index.css +6 -6
  120. package/modern/components/base-option/Component.js +1 -1
  121. package/modern/components/base-option/index.css +26 -23
  122. package/modern/components/base-select/Component.js +8 -4
  123. package/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  124. package/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  125. package/modern/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  126. package/modern/components/base-select/index.css +16 -14
  127. package/modern/components/base-select/mobile.css +19 -15
  128. package/modern/components/checkmark/Component.js +1 -1
  129. package/modern/components/checkmark/index.css +14 -12
  130. package/modern/components/checkmark-mobile/Component.js +1 -1
  131. package/modern/components/checkmark-mobile/index.css +6 -6
  132. package/modern/components/clear-button/Component.d.ts +5 -0
  133. package/modern/components/clear-button/Component.js +11 -0
  134. package/modern/components/clear-button/index.css +58 -0
  135. package/modern/components/clear-button/index.d.ts +1 -0
  136. package/modern/components/clear-button/index.js +1 -0
  137. package/modern/components/field/Component.d.ts +1 -1
  138. package/modern/components/field/Component.js +4 -2
  139. package/modern/components/field/index.css +12 -12
  140. package/modern/components/footer/Component.js +1 -1
  141. package/modern/components/footer/index.css +8 -7
  142. package/modern/components/optgroup/Component.js +1 -1
  143. package/modern/components/optgroup/index.css +14 -11
  144. package/modern/components/option/Component.js +1 -1
  145. package/modern/components/option/index.css +27 -25
  146. package/modern/components/options-list/Component.js +1 -1
  147. package/modern/components/options-list/index.css +15 -12
  148. package/modern/components/search/Component.js +1 -1
  149. package/modern/components/search/index.css +2 -2
  150. package/modern/components/virtual-options-list/Component.js +1 -1
  151. package/modern/components/virtual-options-list/index.css +22 -19
  152. package/modern/{list-popover-desktop-5faea56b.js → list-popover-desktop-46e08681.js} +1 -1
  153. package/modern/mobile/Component.mobile.js +1 -1
  154. package/modern/mobile.module-2f7796c1.js +4 -0
  155. package/modern/presets/index.js +1 -1
  156. package/modern/presets/useSelectWithApply/hook.js +1 -1
  157. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  158. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  159. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +7 -5
  160. package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  161. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +7 -5
  162. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  163. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  164. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  165. package/modern/presets/useSelectWithLoading/index.css +2 -2
  166. package/modern/shared/index.js +1 -1
  167. package/modern/typings.d.ts +24 -1
  168. package/modern/utils.d.ts +1 -0
  169. package/modern/utils.js +1 -0
  170. package/package.json +11 -11
  171. package/presets/index.js +1 -1
  172. package/presets/useSelectWithApply/hook.js +1 -1
  173. package/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  174. package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  175. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +7 -5
  176. package/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  177. package/presets/useSelectWithApply/options-list-with-apply/header/index.css +7 -5
  178. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  179. package/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  180. package/presets/useSelectWithLoading/hook.js +1 -1
  181. package/presets/useSelectWithLoading/index.css +2 -2
  182. package/shared/index.js +1 -1
  183. package/src/components/base-option/index.module.css +8 -8
  184. package/src/components/base-select/Component.tsx +9 -0
  185. package/src/components/base-select/index.module.css +2 -2
  186. package/src/components/base-select/mobile.module.css +3 -3
  187. package/src/components/checkmark/index.module.css +1 -1
  188. package/src/components/clear-button/Component.tsx +23 -0
  189. package/src/components/clear-button/index.module.css +23 -0
  190. package/src/components/clear-button/index.ts +1 -0
  191. package/src/components/field/Component.tsx +10 -0
  192. package/src/components/footer/index.module.css +2 -2
  193. package/src/components/optgroup/index.module.css +1 -1
  194. package/src/components/option/index.module.css +2 -2
  195. package/src/components/options-list/index.module.css +2 -2
  196. package/src/components/virtual-options-list/index.module.css +2 -2
  197. package/src/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +2 -2
  198. package/src/presets/useSelectWithApply/options-list-with-apply/header/index.module.css +2 -2
  199. package/src/typings.ts +27 -0
  200. package/src/utils.ts +1 -0
  201. package/src/vars.css +10 -10
  202. package/typings.d.ts +24 -1
  203. package/utils.d.ts +1 -0
  204. package/utils.js +1 -0
  205. package/esm/mobile.module-750045f8.js +0 -4
  206. package/mobile.module-df2dd6ff.js +0 -6
  207. package/modern/mobile.module-b4726f1a.js +0 -4
  208. /package/esm/{hook-8b2cb39b.d.ts → hook-570b8ac7.d.ts} +0 -0
  209. /package/esm/{hook-8b2cb39b.js → hook-570b8ac7.js} +0 -0
  210. /package/esm/{list-popover-desktop-f4891461.d.ts → list-popover-desktop-446b6d5f.d.ts} +0 -0
  211. /package/{hook-5239a013.d.ts → hook-a71861cb.d.ts} +0 -0
  212. /package/{hook-5239a013.js → hook-a71861cb.js} +0 -0
  213. /package/{list-popover-desktop-58ec6acc.d.ts → list-popover-desktop-6bae9b47.d.ts} +0 -0
  214. /package/modern/{hook-33166311.d.ts → hook-0b565ee2.d.ts} +0 -0
  215. /package/modern/{hook-33166311.js → hook-0b565ee2.js} +0 -0
  216. /package/modern/{list-popover-desktop-5faea56b.d.ts → list-popover-desktop-46e08681.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: 6oj7n */
1
+ /* hash: h5enl */
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;
@@ -19,6 +19,7 @@
19
19
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
20
 
21
21
  /* новые значения, используйте их */
22
+ --gap-16: var(--gap-m);
22
23
  } :root {
23
24
  } :root {
24
25
  } :root {
@@ -30,17 +31,17 @@
30
31
  /* checkmark */
31
32
 
32
33
  /* optgroup */
33
- } .select__footer_10sht {
34
+ } .select__footer_hg2tt {
34
35
  display: flex;
35
36
  box-sizing: border-box;
36
37
  width: 100%;
37
- padding: var(--gap-m) var(--gap-m);
38
+ padding: var(--gap-16) var(--gap-16);
38
39
  background-color: var(--color-light-modal-bg-primary)
39
- } .select__footer_10sht .select__button_10sht:first-of-type {
40
- margin-right: var(--gap-m);
41
- } .select__button_10sht {
40
+ } .select__footer_hg2tt .select__button_hg2tt:first-of-type {
41
+ margin-right: var(--gap-16);
42
+ } .select__button_hg2tt {
42
43
  width: 50%;
43
- } .select__highlighted_10sht {
44
+ } .select__highlighted_hg2tt {
44
45
  border-top: 1px solid var(--color-light-neutral-300);
45
46
  background-color: var(--color-light-modal-bg-primary);
46
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
- var styles = {"optgroup":"select__optgroup_1sdkg","label":"select__label_1sdkg","size-64":"select__size-64_1sdkg","size-72":"select__size-72_1sdkg"};
5
+ var styles = {"optgroup":"select__optgroup_bdqqh","label":"select__label_bdqqh","size-64":"select__size-64_bdqqh","size-72":"select__size-72_bdqqh"};
6
6
  require('./index.css')
7
7
 
8
8
  var Optgroup = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1s9d9 */
1
+ /* hash: titsl */
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;
@@ -21,6 +21,9 @@
21
21
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
22
22
 
23
23
  /* новые значения, используйте их */
24
+ --gap-4: var(--gap-2xs);
25
+ --gap-12: var(--gap-s);
26
+ --gap-16: var(--gap-m);
24
27
  } :root {
25
28
  } :root {
26
29
  } :root {
@@ -35,22 +38,22 @@
35
38
 
36
39
  --select-optgroup-color: var(--color-light-text-secondary);
37
40
  --select-optgroup-background: var(--color-light-modal-bg-primary);
38
- --select-optgroup-left-padding: var(--gap-s);
39
- --select-optgroup-right-padding: var(--gap-s);
40
- --select-optgroup-l-left-padding: var(--gap-m);
41
- --select-optgroup-l-right-padding: var(--gap-m);
42
- } .select__optgroup_1sdkg {
41
+ --select-optgroup-left-padding: var(--gap-12);
42
+ --select-optgroup-right-padding: var(--gap-12);
43
+ --select-optgroup-l-left-padding: var(--gap-16);
44
+ --select-optgroup-l-right-padding: var(--gap-16);
45
+ } .select__optgroup_bdqqh {
43
46
  position: relative;
44
47
  display: flex;
45
48
  align-items: center;
46
- padding: var(--gap-s) var(--select-optgroup-right-padding) var(--gap-2xs)
49
+ padding: var(--gap-12) var(--select-optgroup-right-padding) var(--gap-4)
47
50
  var(--select-optgroup-left-padding);
48
51
  box-sizing: border-box;
49
52
  background: var(--select-optgroup-background);
50
53
  min-height: 40px
51
- } .select__optgroup_1sdkg + *[role='option']:before {
54
+ } .select__optgroup_bdqqh + *[role='option']:before {
52
55
  display: none;
53
- } .select__label_1sdkg {
56
+ } .select__label_bdqqh {
54
57
  font-size: 12px;
55
58
  line-height: 16px;
56
59
  font-weight: 500;
@@ -59,8 +62,8 @@
59
62
 
60
63
  display: block;
61
64
  color: var(--select-optgroup-color);
62
- } .select__size-64_1sdkg,
63
- .select__size-72_1sdkg {
65
+ } .select__size-64_bdqqh,
66
+ .select__size-72_bdqqh {
64
67
  padding-left: var(--select-optgroup-l-left-padding);
65
68
  padding-right: var(--select-optgroup-l-right-padding);
66
69
  }
@@ -5,7 +5,7 @@ import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
5
5
  import { Checkmark as Checkmark$1 } from '../checkmark/Component.js';
6
6
  import { Checkmark } from '../checkmark-mobile/Component.js';
7
7
 
8
- var styles = {"option":"select__option_1d5dw","disabled":"select__disabled_1d5dw","size-48":"select__size-48_1d5dw","size-56":"select__size-56_1d5dw","size-64":"select__size-64_1d5dw","size-72":"select__size-72_1d5dw","selected":"select__selected_1d5dw","highlighted":"select__highlighted_1d5dw","content":"select__content_1d5dw","textContent":"select__textContent_1d5dw"};
8
+ var styles = {"option":"select__option_v43kj","disabled":"select__disabled_v43kj","size-48":"select__size-48_v43kj","size-56":"select__size-56_v43kj","size-64":"select__size-64_v43kj","size-72":"select__size-72_v43kj","selected":"select__selected_v43kj","highlighted":"select__highlighted_v43kj","content":"select__content_v43kj","textContent":"select__textContent_v43kj"};
9
9
  require('./index.css')
10
10
 
11
11
  var Option = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 11nv8 */
1
+ /* hash: cz0if */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -24,6 +24,8 @@
24
24
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
25
25
 
26
26
  /* новые значения, используйте их */
27
+ --gap-12: var(--gap-s);
28
+ --gap-16: var(--gap-m);
27
29
  } :root {
28
30
  } :root {
29
31
  --disabled-cursor: not-allowed;
@@ -39,10 +41,10 @@
39
41
 
40
42
  /* option */
41
43
 
42
- --select-option-left-padding: var(--gap-s);
43
- --select-option-right-padding: var(--gap-s);
44
- --select-option-l-left-padding: var(--gap-m);
45
- --select-option-l-right-padding: var(--gap-m);
44
+ --select-option-left-padding: var(--gap-12);
45
+ --select-option-right-padding: var(--gap-12);
46
+ --select-option-l-left-padding: var(--gap-16);
47
+ --select-option-l-right-padding: var(--gap-16);
46
48
  --select-option-background: var(--color-light-modal-bg-primary);
47
49
  --select-option-selected-background: var(--color-light-modal-bg-primary);
48
50
  --select-option-hover-background: var(--color-light-transparent-default-hover);
@@ -57,7 +59,7 @@
57
59
  /* checkmark */
58
60
 
59
61
  /* optgroup */
60
- } .select__option_1d5dw {
62
+ } .select__option_v43kj {
61
63
  font-size: 16px;
62
64
  line-height: 20px;
63
65
  font-weight: 400;
@@ -72,10 +74,10 @@
72
74
  box-sizing: border-box;
73
75
  position: relative;
74
76
  cursor: pointer
75
- } .select__option_1d5dw:not(.select__disabled_1d5dw):active {
77
+ } .select__option_v43kj:not(.select__disabled_v43kj):active {
76
78
  background: var(--select-option-active-background);
77
79
  color: var(--select-option-active-color);
78
- } .select__option_1d5dw:before {
80
+ } .select__option_v43kj:before {
79
81
  content: '';
80
82
  position: absolute;
81
83
  left: var(--select-option-left-padding);
@@ -85,43 +87,43 @@
85
87
  background: var(--select-option-divider-background);
86
88
  display: var(--select-option-divider-display);
87
89
  transition: opacity 0.2s ease;
88
- } .select__option_1d5dw:first-child:before {
90
+ } .select__option_v43kj:first-child:before {
89
91
  display: none;
90
- } .select__size-48_1d5dw {
92
+ } .select__size-48_v43kj {
91
93
  min-height: var(--size-s-height);
92
- } .select__size-56_1d5dw {
94
+ } .select__size-56_v43kj {
93
95
  min-height: var(--size-m-height);
94
- } .select__size-64_1d5dw {
96
+ } .select__size-64_v43kj {
95
97
  min-height: var(--size-l-height);
96
- } .select__size-72_1d5dw {
98
+ } .select__size-72_v43kj {
97
99
  min-height: var(--size-xl-height);
98
- } .select__size-64_1d5dw,
99
- .select__size-72_1d5dw {
100
+ } .select__size-64_v43kj,
101
+ .select__size-72_v43kj {
100
102
  padding-left: var(--select-option-l-left-padding);
101
103
  padding-right: var(--select-option-l-right-padding)
102
- } .select__size-64_1d5dw:before, .select__size-72_1d5dw:before {
104
+ } .select__size-64_v43kj:before, .select__size-72_v43kj:before {
103
105
  left: var(--select-option-l-left-padding);
104
106
  right: var(--select-option-l-right-padding);
105
- } .select__selected_1d5dw {
107
+ } .select__selected_v43kj {
106
108
  background: var(--select-option-selected-background);
107
109
  color: var(--select-option-selected-color);
108
110
  cursor: default;
109
- } .select__highlighted_1d5dw {
111
+ } .select__highlighted_v43kj {
110
112
  background: var(--select-option-hover-background);
111
113
  color: var(--select-option-hover-color)
112
- } .select__highlighted_1d5dw:before,
113
- .select__highlighted_1d5dw + .select__option_1d5dw:before {
114
+ } .select__highlighted_v43kj:before,
115
+ .select__highlighted_v43kj + .select__option_v43kj:before {
114
116
  opacity: 0;
115
- } .select__disabled_1d5dw {
117
+ } .select__disabled_v43kj {
116
118
  cursor: var(--disabled-cursor);
117
119
  background: var(--select-option-disabled-background);
118
120
  color: var(--select-option-disabled-color);
119
- } .select__content_1d5dw {
121
+ } .select__content_v43kj {
120
122
  overflow: hidden;
121
123
  flex: 1;
122
124
  text-overflow: ellipsis;
123
125
  white-space: nowrap;
124
- } .select__textContent_1d5dw {
125
- padding-top: var(--gap-s);
126
- padding-bottom: var(--gap-s);
126
+ } .select__textContent_v43kj {
127
+ padding-top: var(--gap-12);
128
+ padding-bottom: var(--gap-12);
127
129
  }
@@ -9,7 +9,7 @@ import { SIZE_TO_CLASSNAME_MAP, DEFAULT_VISIBLE_OPTIONS } from '../../consts.js'
9
9
  import { useVisibleOptions, isGroup } from '../../utils.js';
10
10
  import { Optgroup } from '../optgroup/Component.js';
11
11
 
12
- var styles = {"optionsList":"select__optionsList_trwiv","optionsListHeader":"select__optionsListHeader_trwiv","headerHighlighted":"select__headerHighlighted_trwiv","optionsListFooter":"select__optionsListFooter_trwiv","withBorder":"select__withBorder_trwiv","scrollable":"select__scrollable_trwiv","emptyPlaceholder":"select__emptyPlaceholder_trwiv","size-64":"select__size-64_trwiv","size-72":"select__size-72_trwiv"};
12
+ var styles = {"optionsList":"select__optionsList_1d4bi","optionsListHeader":"select__optionsListHeader_1d4bi","headerHighlighted":"select__headerHighlighted_1d4bi","optionsListFooter":"select__optionsListFooter_1d4bi","withBorder":"select__withBorder_1d4bi","scrollable":"select__scrollable_1d4bi","emptyPlaceholder":"select__emptyPlaceholder_1d4bi","size-64":"select__size-64_1d4bi","size-72":"select__size-72_1d4bi"};
13
13
  require('./index.css')
14
14
 
15
15
  var createCounter = function () {
@@ -1,4 +1,4 @@
1
- /* hash: 13wy5 */
1
+ /* hash: a4tde */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -21,6 +21,9 @@
21
21
  --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
22
22
 
23
23
  /* новые значения, используйте их */
24
+ --gap-12: var(--gap-s);
25
+ --gap-16: var(--gap-m);
26
+ --gap-24: var(--gap-xl);
24
27
  } :root {
25
28
  } :root {
26
29
  } :root {
@@ -33,32 +36,32 @@
33
36
  /* checkmark */
34
37
 
35
38
  /* optgroup */
36
- } .select__optionsList_trwiv {
39
+ } .select__optionsList_1d4bi {
37
40
  width: 100%;
38
41
  outline: none;
39
42
  box-sizing: border-box;
40
43
  position: relative;
41
- } .select__optionsListHeader_trwiv {
44
+ } .select__optionsListHeader_1d4bi {
42
45
  box-sizing: border-box;
43
46
  border-bottom: 1px solid transparent;
44
47
  transition: border-color 0.2s ease
45
- } .select__optionsListHeader_trwiv.select__headerHighlighted_trwiv {
48
+ } .select__optionsListHeader_1d4bi.select__headerHighlighted_1d4bi {
46
49
  border-bottom-color: var(--color-light-neutral-300);
47
- } .select__optionsListFooter_trwiv {
50
+ } .select__optionsListFooter_1d4bi {
48
51
  position: sticky;
49
52
  bottom: 0;
50
53
  box-sizing: border-box;
51
54
  border-top: 1px solid transparent;
52
55
  transition: border-color 0.2s ease
53
- } .select__optionsListFooter_trwiv.select__withBorder_trwiv {
56
+ } .select__optionsListFooter_1d4bi.select__withBorder_1d4bi {
54
57
  border-top-color: var(--color-light-neutral-300);
55
- } .select__scrollable_trwiv {
58
+ } .select__scrollable_1d4bi {
56
59
  overflow: auto;
57
60
  width: 100%;
58
- } .select__emptyPlaceholder_trwiv {
59
- padding: var(--gap-m) var(--gap-s);
61
+ } .select__emptyPlaceholder_1d4bi {
62
+ padding: var(--gap-16) var(--gap-12);
60
63
  color: var(--select-options-list-empty-placeholder-color);
61
- } .select__size-64_trwiv .select__emptyPlaceholder_trwiv,
62
- .select__size-72_trwiv .select__emptyPlaceholder_trwiv {
63
- padding: var(--gap-xl) var(--gap-m);
64
+ } .select__size-64_1d4bi .select__emptyPlaceholder_1d4bi,
65
+ .select__size-72_1d4bi .select__emptyPlaceholder_1d4bi {
66
+ padding: var(--gap-24) var(--gap-16);
64
67
  }
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { Input } from '@alfalab/core-components-input/esm';
5
5
  import { MagnifierMIcon } from '@alfalab/icons-glyph/MagnifierMIcon';
6
6
 
7
- var styles = {"component":"select__component_1p97u"};
7
+ var styles = {"component":"select__component_1ppci"};
8
8
  require('./index.css')
9
9
 
10
10
  var Search = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: 1cian */
1
+ /* hash: 17vd7 */
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_1p97u.select__component_1p97u {
30
+ } .select__component_1ppci.select__component_1ppci {
31
31
  width: auto;
32
32
  }
@@ -10,7 +10,7 @@ import { SIZE_TO_CLASSNAME_MAP, DEFAULT_VISIBLE_OPTIONS } from '../../consts.js'
10
10
  import { usePrevious, lastIndexOf, useVisibleOptions, isGroup } from '../../utils.js';
11
11
  import { Optgroup } from '../optgroup/Component.js';
12
12
 
13
- var styles = {"virtualOptionsList":"select__virtualOptionsList_1fxun","virtualOptionsListHeader":"select__virtualOptionsListHeader_1fxun","virtualOptionsListFooter":"select__virtualOptionsListFooter_1fxun","withBorder":"select__withBorder_1fxun","scrollable":"select__scrollable_1fxun","inner":"select__inner_1fxun","virtualRow":"select__virtualRow_1fxun","highlighted":"select__highlighted_1fxun","emptyPlaceholder":"select__emptyPlaceholder_1fxun","size-64":"select__size-64_1fxun","size-72":"select__size-72_1fxun"};
13
+ var styles = {"virtualOptionsList":"select__virtualOptionsList_1gsun","virtualOptionsListHeader":"select__virtualOptionsListHeader_1gsun","virtualOptionsListFooter":"select__virtualOptionsListFooter_1gsun","withBorder":"select__withBorder_1gsun","scrollable":"select__scrollable_1gsun","inner":"select__inner_1gsun","virtualRow":"select__virtualRow_1gsun","highlighted":"select__highlighted_1gsun","emptyPlaceholder":"select__emptyPlaceholder_1gsun","size-64":"select__size-64_1gsun","size-72":"select__size-72_1gsun"};
14
14
  require('./index.css')
15
15
 
16
16
  var VirtualOptionsList = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: 1ouhz */
1
+ /* hash: 1xbpa */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -22,6 +22,9 @@
22
22
  --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
23
 
24
24
  /* новые значения, используйте их */
25
+ --gap-12: var(--gap-s);
26
+ --gap-16: var(--gap-m);
27
+ --gap-24: var(--gap-xl);
25
28
  } :root {
26
29
  } :root {
27
30
  } :root {
@@ -33,41 +36,41 @@
33
36
 
34
37
  /* option */
35
38
 
36
- --select-option-left-padding: var(--gap-s);
37
- --select-option-right-padding: var(--gap-s);
39
+ --select-option-left-padding: var(--gap-12);
40
+ --select-option-right-padding: var(--gap-12);
38
41
 
39
42
  /* checkmark */
40
43
 
41
44
  /* optgroup */
42
- } .select__virtualOptionsList_1fxun {
45
+ } .select__virtualOptionsList_1gsun {
43
46
  width: 100%;
44
47
  outline: none;
45
48
  box-sizing: border-box;
46
49
  position: sticky;
47
50
  justify-content: space-between;
48
- } .select__virtualOptionsListHeader_1fxun {
51
+ } .select__virtualOptionsListHeader_1gsun {
49
52
  box-sizing: border-box;
50
53
  border-bottom: 1px solid var(--color-light-neutral-300);
51
- } .select__virtualOptionsListFooter_1fxun {
54
+ } .select__virtualOptionsListFooter_1gsun {
52
55
  position: sticky;
53
56
  bottom: 0;
54
57
  box-sizing: border-box;
55
58
  border-top: 1px solid transparent
56
- } .select__virtualOptionsListFooter_1fxun.select__withBorder_1fxun {
59
+ } .select__virtualOptionsListFooter_1gsun.select__withBorder_1gsun {
57
60
  border-top: 1px solid var(--color-light-neutral-300);
58
- } .select__scrollable_1fxun {
61
+ } .select__scrollable_1gsun {
59
62
  position: relative;
60
63
  overflow: auto;
61
64
  width: 100%;
62
- } .select__inner_1fxun {
65
+ } .select__inner_1gsun {
63
66
  position: relative;
64
67
  width: 100%;
65
- } .select__virtualRow_1fxun {
68
+ } .select__virtualRow_1gsun {
66
69
  position: absolute;
67
70
  top: 0;
68
71
  left: 0;
69
72
  width: 100%
70
- } .select__virtualRow_1fxun:before {
73
+ } .select__virtualRow_1gsun:before {
71
74
  content: '';
72
75
  position: absolute;
73
76
  z-index: 1;
@@ -77,16 +80,16 @@
77
80
  height: 1px;
78
81
  background: var(--select-option-divider-background);
79
82
  display: var(--select-option-divider-display);
80
- } .select__virtualRow_1fxun:first-child:before {
83
+ } .select__virtualRow_1gsun:first-child:before {
81
84
  display: none;
82
- } .select__highlighted_1fxun:before,
83
- .select__highlighted_1fxun + .select__virtualRow_1fxun:before {
85
+ } .select__highlighted_1gsun:before,
86
+ .select__highlighted_1gsun + .select__virtualRow_1gsun:before {
84
87
  display: none;
85
- } .select__emptyPlaceholder_1fxun {
86
- padding: var(--gap-m) var(--gap-s);
88
+ } .select__emptyPlaceholder_1gsun {
89
+ padding: var(--gap-16) var(--gap-12);
87
90
  color: var(--select-options-list-empty-placeholder-color);
88
91
  flex: 1;
89
- } .select__size-64_1fxun .select__emptyPlaceholder_1fxun,
90
- .select__size-72_1fxun .select__emptyPlaceholder_1fxun {
91
- padding: var(--gap-xl) var(--gap-m);
92
+ } .select__size-64_1gsun .select__emptyPlaceholder_1gsun,
93
+ .select__size-72_1gsun .select__emptyPlaceholder_1gsun {
94
+ padding: var(--gap-24) var(--gap-16);
92
95
  }
@@ -2,7 +2,7 @@ import { __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
 
5
- var styles = {"component":"select__component_1u0ks","popoverInner":"select__popoverInner_1u0ks","optionsListWrapper":"select__optionsListWrapper_1u0ks","optionsListBorder":"select__optionsListBorder_1u0ks","nativeSelect":"select__nativeSelect_1u0ks","block":"select__block_1u0ks","emptySearchPlaceholder":"select__emptySearchPlaceholder_1u0ks","search":"select__search_1u0ks"};
5
+ var styles = {"component":"select__component_d0r31","popoverInner":"select__popoverInner_d0r31","optionsListWrapper":"select__optionsListWrapper_d0r31","optionsListBorder":"select__optionsListBorder_d0r31","nativeSelect":"select__nativeSelect_d0r31","block":"select__block_d0r31","emptySearchPlaceholder":"select__emptySearchPlaceholder_d0r31","search":"select__search_d0r31"};
6
6
  require('./components/base-select/index.css')
7
7
 
8
8
  var ListPopoverDesktop = function (props) {
@@ -12,7 +12,7 @@ import { Option } from '../components/option/Component.js';
12
12
  import { OptionsList } from '../components/options-list/Component.js';
13
13
  import { Search } from '../components/search/Component.js';
14
14
  import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
15
- import { u as useSelectWithApply } from '../hook-8b2cb39b.js';
15
+ import { u as useSelectWithApply } from '../hook-570b8ac7.js';
16
16
  import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
17
17
 
18
18
  var VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
@@ -0,0 +1,4 @@
1
+ var mobileStyles = {"sheet":"select__sheet_rk2oo","sheetContent":"select__sheetContent_rk2oo","modalContent":"select__modalContent_rk2oo","sheetContainer":"select__sheetContainer_rk2oo","optionsListWrapper":"select__optionsListWrapper_rk2oo","optionsList":"select__optionsList_rk2oo","scrollbar":"select__scrollbar_rk2oo","search":"select__search_rk2oo","option":"select__option_rk2oo","optionGroup":"select__optionGroup_rk2oo"};
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-8b2cb39b.js';
3
+ export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-570b8ac7.js';
@@ -2,4 +2,4 @@ import 'tslib';
2
2
  import 'react';
3
3
  import 'deep-equal';
4
4
  import '../../utils.js';
5
- export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-8b2cb39b.js';
5
+ export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-570b8ac7.js';
@@ -2,6 +2,6 @@ import 'tslib';
2
2
  import 'react';
3
3
  import '../../../components/options-list/Component.js';
4
4
  import '../../../consts.js';
5
- export { O as OptionsListWithApply } from '../../../hook-8b2cb39b.js';
5
+ export { O as OptionsListWithApply } from '../../../hook-570b8ac7.js';
6
6
  import './footer/Component.js';
7
7
  import './header/Component.js';
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { ButtonDesktop } from '@alfalab/core-components-button/esm/desktop';
3
3
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
4
4
 
5
- var styles = {"footer":"select__footer_fz68z","button":"select__button_fz68z"};
5
+ var styles = {"footer":"select__footer_gu687","button":"select__button_gu687"};
6
6
  require('./index.css')
7
7
 
8
8
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1f9hm */
1
+ /* hash: xd0w3 */
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-base-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -19,12 +19,14 @@
19
19
  --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
20
 
21
21
  /* новые значения, используйте их */
22
+ --gap-8: var(--gap-xs);
23
+ --gap-12: var(--gap-s);
22
24
  } :root {
23
25
  } :root {
24
- } .select__footer_fz68z {
26
+ } .select__footer_gu687 {
25
27
  background-color: var(--color-light-base-bg-primary);
26
- padding: var(--gap-s);
28
+ padding: var(--gap-12);
27
29
  outline: none
28
- } .select__footer_fz68z > .select__button_fz68z + .select__button_fz68z {
29
- margin-left: var(--gap-xs);
30
+ } .select__footer_gu687 > .select__button_gu687 + .select__button_gu687 {
31
+ margin-left: var(--gap-8);
30
32
  }
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Checkbox } from '@alfalab/core-components-checkbox/esm';
4
4
 
5
- var styles = {"desktop":"select__desktop_9q1so","mobile":"select__mobile_9q1so"};
5
+ var styles = {"desktop":"select__desktop_8v1tg","mobile":"select__mobile_8v1tg"};
6
6
  require('./index.css')
7
7
 
8
8
  var Header = function (_a) {