@alfalab/core-components-select 17.19.0 → 17.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (246) hide show
  1. package/components/arrow/Component.js +1 -1
  2. package/components/arrow/index.css +5 -5
  3. package/components/base-checkmark/Component.js +1 -1
  4. package/components/base-checkmark/index.css +6 -6
  5. package/components/base-option/Component.js +1 -1
  6. package/components/base-option/index.css +15 -15
  7. package/components/base-select/Component.js +2 -2
  8. package/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts +1 -1
  9. package/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  10. package/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  11. package/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  12. package/components/base-select/index.css +11 -11
  13. package/components/base-select/mobile.css +12 -12
  14. package/components/checkmark/Component.js +1 -1
  15. package/components/checkmark/index.css +10 -10
  16. package/components/checkmark-mobile/Component.js +1 -1
  17. package/components/checkmark-mobile/index.css +6 -6
  18. package/components/clear-button/Component.js +1 -1
  19. package/components/clear-button/index.css +7 -7
  20. package/components/field/Component.js +1 -1
  21. package/components/field/index.css +14 -14
  22. package/components/footer/Component.js +1 -1
  23. package/components/footer/index.css +5 -5
  24. package/components/index.js +6 -2
  25. package/components/optgroup/Component.js +1 -1
  26. package/components/optgroup/index.css +6 -6
  27. package/components/option/Component.d.ts +16 -3
  28. package/components/option/Component.js +4 -9
  29. package/components/option/Component.responsive.d.ts +5 -0
  30. package/components/option/Component.responsive.js +19 -0
  31. package/components/option/desktop/Component.d.ts +5 -0
  32. package/components/option/desktop/Component.js +22 -0
  33. package/components/option/desktop/index.css +135 -0
  34. package/components/option/index.d.ts +3 -1
  35. package/components/option/index.js +6 -2
  36. package/components/option/mobile/Component.d.ts +5 -0
  37. package/components/option/mobile/Component.js +22 -0
  38. package/components/option/{index.css → mobile/index.css} +19 -19
  39. package/components/options-list/Component.js +1 -1
  40. package/components/options-list/index.css +11 -11
  41. package/components/search/Component.js +1 -1
  42. package/components/search/index.css +2 -2
  43. package/components/virtual-options-list/Component.js +8 -4
  44. package/components/virtual-options-list/index.css +15 -15
  45. package/cssm/components/index.js +6 -2
  46. package/cssm/components/option/Component.d.ts +16 -3
  47. package/cssm/components/option/Component.js +10 -14
  48. package/cssm/components/option/Component.responsive.d.ts +5 -0
  49. package/cssm/components/option/Component.responsive.js +19 -0
  50. package/cssm/components/option/desktop/Component.d.ts +5 -0
  51. package/cssm/components/option/desktop/Component.js +21 -0
  52. package/cssm/components/option/desktop/index.module.css +134 -0
  53. package/cssm/components/option/index.d.ts +3 -1
  54. package/cssm/components/option/index.js +6 -2
  55. package/cssm/components/option/mobile/Component.d.ts +5 -0
  56. package/cssm/components/option/mobile/Component.js +21 -0
  57. package/cssm/components/option/mobile/index.module.css +128 -0
  58. package/cssm/components/virtual-options-list/Component.js +7 -3
  59. package/cssm/desktop/Component.desktop.js +11 -2
  60. package/cssm/mobile/Component.mobile.js +11 -2
  61. package/cssm/presets/useLazyLoading/hook.js +11 -2
  62. package/cssm/presets/useSelectWithLoading/hook.js +11 -2
  63. package/cssm/shared/index.js +6 -2
  64. package/cssm/typings.d.ts +5 -3
  65. package/desktop/Component.desktop.js +7 -2
  66. package/esm/components/arrow/Component.js +1 -1
  67. package/esm/components/arrow/index.css +5 -5
  68. package/esm/components/base-checkmark/Component.js +1 -1
  69. package/esm/components/base-checkmark/index.css +6 -6
  70. package/esm/components/base-option/Component.js +1 -1
  71. package/esm/components/base-option/index.css +15 -15
  72. package/esm/components/base-select/Component.js +2 -2
  73. package/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  74. package/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  75. package/esm/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  76. package/esm/components/base-select/index.css +11 -11
  77. package/esm/components/base-select/mobile.css +12 -12
  78. package/esm/components/checkmark/Component.js +1 -1
  79. package/esm/components/checkmark/index.css +10 -10
  80. package/esm/components/checkmark-mobile/Component.js +1 -1
  81. package/esm/components/checkmark-mobile/index.css +6 -6
  82. package/esm/components/clear-button/Component.js +1 -1
  83. package/esm/components/clear-button/index.css +7 -7
  84. package/esm/components/field/Component.js +1 -1
  85. package/esm/components/field/index.css +14 -14
  86. package/esm/components/footer/Component.js +1 -1
  87. package/esm/components/footer/index.css +5 -5
  88. package/esm/components/index.js +3 -1
  89. package/esm/components/optgroup/Component.js +1 -1
  90. package/esm/components/optgroup/index.css +6 -6
  91. package/esm/components/option/Component.d.ts +16 -3
  92. package/esm/components/option/Component.js +6 -11
  93. package/esm/components/option/Component.responsive.d.ts +5 -0
  94. package/esm/components/option/Component.responsive.js +11 -0
  95. package/esm/components/option/desktop/Component.d.ts +5 -0
  96. package/esm/components/option/desktop/Component.js +14 -0
  97. package/esm/components/option/desktop/index.css +135 -0
  98. package/esm/components/option/index.d.ts +3 -1
  99. package/esm/components/option/index.js +3 -1
  100. package/esm/components/option/mobile/Component.d.ts +5 -0
  101. package/esm/components/option/mobile/Component.js +14 -0
  102. package/esm/components/option/{index.css → mobile/index.css} +19 -19
  103. package/esm/components/options-list/Component.js +1 -1
  104. package/esm/components/options-list/index.css +11 -11
  105. package/esm/components/search/Component.js +1 -1
  106. package/esm/components/search/index.css +2 -2
  107. package/esm/components/virtual-options-list/Component.js +8 -4
  108. package/esm/components/virtual-options-list/index.css +15 -15
  109. package/esm/desktop/Component.desktop.js +8 -3
  110. package/esm/{list-popover-desktop-3f111509.js → list-popover-desktop-e50a493c.js} +1 -1
  111. package/esm/mobile/Component.mobile.js +9 -4
  112. package/esm/mobile.module-3e93ab18.js +4 -0
  113. package/esm/presets/index.js +1 -1
  114. package/esm/presets/useLazyLoading/hook.js +8 -3
  115. package/esm/presets/useSelectWithApply/hook.js +1 -1
  116. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  117. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  118. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  119. package/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  120. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  121. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  122. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  123. package/esm/presets/useSelectWithLoading/hook.js +9 -4
  124. package/esm/presets/useSelectWithLoading/index.css +2 -2
  125. package/esm/shared/index.js +4 -2
  126. package/esm/typings.d.ts +5 -3
  127. package/{list-popover-desktop-a809f4f3.js → list-popover-desktop-65455002.js} +1 -1
  128. package/mobile/Component.mobile.js +8 -3
  129. package/mobile.module-f81e94c5.js +6 -0
  130. package/modern/components/arrow/Component.js +1 -1
  131. package/modern/components/arrow/index.css +5 -5
  132. package/modern/components/base-checkmark/Component.js +1 -1
  133. package/modern/components/base-checkmark/index.css +6 -6
  134. package/modern/components/base-option/Component.js +1 -1
  135. package/modern/components/base-option/index.css +15 -15
  136. package/modern/components/base-select/Component.js +2 -2
  137. package/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  138. package/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  139. package/modern/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  140. package/modern/components/base-select/index.css +11 -11
  141. package/modern/components/base-select/mobile.css +12 -12
  142. package/modern/components/checkmark/Component.js +1 -1
  143. package/modern/components/checkmark/index.css +10 -10
  144. package/modern/components/checkmark-mobile/Component.js +1 -1
  145. package/modern/components/checkmark-mobile/index.css +6 -6
  146. package/modern/components/clear-button/Component.js +1 -1
  147. package/modern/components/clear-button/index.css +7 -7
  148. package/modern/components/field/Component.js +1 -1
  149. package/modern/components/field/index.css +14 -14
  150. package/modern/components/footer/Component.js +1 -1
  151. package/modern/components/footer/index.css +5 -5
  152. package/modern/components/index.js +3 -1
  153. package/modern/components/optgroup/Component.js +1 -1
  154. package/modern/components/optgroup/index.css +6 -6
  155. package/modern/components/option/Component.d.ts +16 -3
  156. package/modern/components/option/Component.js +4 -9
  157. package/modern/components/option/Component.responsive.d.ts +5 -0
  158. package/modern/components/option/Component.responsive.js +7 -0
  159. package/modern/components/option/desktop/Component.d.ts +5 -0
  160. package/modern/components/option/desktop/Component.js +10 -0
  161. package/modern/components/option/desktop/index.css +135 -0
  162. package/modern/components/option/index.d.ts +3 -1
  163. package/modern/components/option/index.js +3 -1
  164. package/modern/components/option/mobile/Component.d.ts +5 -0
  165. package/modern/components/option/mobile/Component.js +10 -0
  166. package/modern/components/option/{index.css → mobile/index.css} +19 -19
  167. package/modern/components/options-list/Component.js +1 -1
  168. package/modern/components/options-list/index.css +11 -11
  169. package/modern/components/search/Component.js +1 -1
  170. package/modern/components/search/index.css +2 -2
  171. package/modern/components/virtual-options-list/Component.js +3 -3
  172. package/modern/components/virtual-options-list/index.css +15 -15
  173. package/modern/desktop/Component.desktop.js +7 -2
  174. package/modern/{list-popover-desktop-6d15956b.js → list-popover-desktop-39136773.js} +1 -1
  175. package/modern/mobile/Component.mobile.js +9 -4
  176. package/modern/mobile.module-7061a16e.js +4 -0
  177. package/modern/presets/index.js +1 -1
  178. package/modern/presets/useLazyLoading/hook.js +8 -3
  179. package/modern/presets/useSelectWithApply/hook.js +1 -1
  180. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  181. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  182. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  183. package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  184. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  185. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  186. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  187. package/modern/presets/useSelectWithLoading/hook.js +9 -4
  188. package/modern/presets/useSelectWithLoading/index.css +2 -2
  189. package/modern/shared/index.js +4 -2
  190. package/modern/typings.d.ts +5 -3
  191. package/moderncssm/components/index.js +3 -1
  192. package/moderncssm/components/option/Component.d.ts +16 -3
  193. package/moderncssm/components/option/Component.js +4 -7
  194. package/moderncssm/components/option/Component.responsive.d.ts +5 -0
  195. package/moderncssm/components/option/Component.responsive.js +7 -0
  196. package/moderncssm/components/option/desktop/Component.d.ts +5 -0
  197. package/moderncssm/components/option/desktop/Component.js +8 -0
  198. package/moderncssm/components/option/desktop/index.module.css +118 -0
  199. package/moderncssm/components/option/index.d.ts +3 -1
  200. package/moderncssm/components/option/index.js +3 -1
  201. package/moderncssm/components/option/mobile/Component.d.ts +5 -0
  202. package/moderncssm/components/option/mobile/Component.js +8 -0
  203. package/moderncssm/components/option/mobile/index.module.css +110 -0
  204. package/moderncssm/components/virtual-options-list/Component.js +2 -2
  205. package/moderncssm/desktop/Component.desktop.js +11 -2
  206. package/moderncssm/mobile/Component.mobile.js +12 -3
  207. package/moderncssm/presets/useLazyLoading/hook.js +12 -3
  208. package/moderncssm/presets/useSelectWithLoading/hook.js +12 -3
  209. package/moderncssm/shared/index.js +3 -1
  210. package/moderncssm/typings.d.ts +5 -3
  211. package/package.json +1 -1
  212. package/presets/index.js +1 -1
  213. package/presets/useLazyLoading/hook.js +7 -2
  214. package/presets/useSelectWithApply/hook.js +1 -1
  215. package/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  216. package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  217. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  218. package/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  219. package/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  220. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  221. package/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  222. package/presets/useSelectWithLoading/hook.js +8 -3
  223. package/presets/useSelectWithLoading/index.css +2 -2
  224. package/shared/index.js +7 -3
  225. package/src/components/option/Component.responsive.tsx +9 -0
  226. package/src/components/option/Component.tsx +17 -6
  227. package/src/components/option/desktop/Component.tsx +11 -0
  228. package/src/components/option/desktop/index.module.css +13 -0
  229. package/src/components/option/index.ts +3 -1
  230. package/src/components/option/mobile/Component.tsx +11 -0
  231. package/src/components/option/mobile/index.module.css +3 -0
  232. package/src/components/virtual-options-list/Component.tsx +6 -3
  233. package/src/typings.ts +4 -2
  234. package/typings.d.ts +5 -3
  235. package/esm/mobile.module-8b1bdca7.js +0 -4
  236. package/mobile.module-e1d050c2.js +0 -6
  237. package/modern/mobile.module-13db2bf1.js +0 -4
  238. /package/esm/{hook-1ba9fd0a.d.ts → hook-754422a7.d.ts} +0 -0
  239. /package/esm/{hook-1ba9fd0a.js → hook-754422a7.js} +0 -0
  240. /package/esm/{list-popover-desktop-3f111509.d.ts → list-popover-desktop-e50a493c.d.ts} +0 -0
  241. /package/{hook-639eaf6a.d.ts → hook-e07a6d8c.d.ts} +0 -0
  242. /package/{hook-639eaf6a.js → hook-e07a6d8c.js} +0 -0
  243. /package/{list-popover-desktop-a809f4f3.d.ts → list-popover-desktop-65455002.d.ts} +0 -0
  244. /package/modern/{hook-f9dc9773.d.ts → hook-80b83b8e.d.ts} +0 -0
  245. /package/modern/{hook-f9dc9773.js → hook-80b83b8e.js} +0 -0
  246. /package/modern/{list-popover-desktop-6d15956b.d.ts → list-popover-desktop-39136773.d.ts} +0 -0
@@ -1,7 +1,7 @@
1
1
  import { __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
4
- import { m as mobileStyles } from '../../../../mobile.module-8b1bdca7.js';
4
+ import { m as mobileStyles } from '../../../../mobile.module-3e93ab18.js';
5
5
 
6
6
  var ListBottomSheetMobile = function (props) {
7
7
  var BottomSheet = props.BottomSheet, dataTestId = props.dataTestId, open = props.open, label = props.label, placeholder = props.placeholder, footer = props.footer, swipeable = props.swipeable, showSearch = props.showSearch, bottomSheetProps = props.bottomSheetProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
5
5
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
6
- import { m as mobileStyles } from '../../../../mobile.module-8b1bdca7.js';
6
+ import { m as mobileStyles } from '../../../../mobile.module-3e93ab18.js';
7
7
 
8
8
  var ListModalMobile = function (props) {
9
9
  var ModalMobile = props.ModalMobile, dataTestId = props.dataTestId, open = props.open, modalProps = props.modalProps, modalHeaderProps = props.modalHeaderProps, modalFooterProps = props.modalFooterProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, label = props.label, placeholder = props.placeholder, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;
@@ -1,4 +1,4 @@
1
- /* hash: f0xnv */
1
+ /* hash: 12enh */
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;
@@ -45,21 +45,21 @@
45
45
  /* checkmark */
46
46
 
47
47
  /* optgroup */
48
- } .select__component_k2eyy {
48
+ } .select__component_1kgez {
49
49
  width: max-content;
50
50
  position: relative;
51
51
  outline: 0;
52
52
  max-width: 100%;
53
- } .select__popoverInner_k2eyy {
53
+ } .select__popoverInner_1kgez {
54
54
  padding-top: var(--select-options-list-offset);
55
55
  padding-bottom: var(--select-options-list-offset);
56
56
  background: transparent;
57
57
  border-radius: 0;
58
58
  position: relative;
59
- } .select__popoverInner_k2eyy.select__popoverInner_k2eyy {
59
+ } .select__popoverInner_1kgez.select__popoverInner_1kgez {
60
60
  box-shadow: none;
61
61
  border: none;
62
- } .select__optionsListWrapper_k2eyy {
62
+ } .select__optionsListWrapper_1kgez {
63
63
  position: relative;
64
64
  padding-top: var(--select-options-list-top-padding);
65
65
  padding-bottom: var(--select-options-list-bottom-padding);
@@ -68,7 +68,7 @@
68
68
  background: var(--select-option-background);
69
69
  overflow: hidden;
70
70
  will-change: transform;
71
- } .select__optionsListBorder_k2eyy {
71
+ } .select__optionsListBorder_1kgez {
72
72
  position: absolute;
73
73
  top: var(--gap-0);
74
74
  right: var(--gap-0);
@@ -77,7 +77,7 @@
77
77
  box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);
78
78
  border-radius: inherit;
79
79
  pointer-events: none;
80
- } .select__nativeSelect_k2eyy {
80
+ } .select__nativeSelect_1kgez {
81
81
  opacity: 0;
82
82
  overflow: hidden;
83
83
  position: absolute;
@@ -90,12 +90,12 @@
90
90
  height: 100%;
91
91
  cursor: pointer;
92
92
  z-index: 1;
93
- } .select__block_k2eyy {
93
+ } .select__block_1kgez {
94
94
  width: 100%;
95
- } .select__emptySearchPlaceholder_k2eyy {
95
+ } .select__emptySearchPlaceholder_1kgez {
96
96
  text-align: center;
97
- } .select__search_k2eyy {
97
+ } .select__search_1kgez {
98
98
  margin: var(--gap-12) var(--gap-12) var(--gap-0)
99
- } .select__search_k2eyy:last-child {
99
+ } .select__search_1kgez:last-child {
100
100
  margin-bottom: var(--gap-12);
101
101
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1uhnn */
1
+ /* hash: 1hbqk */
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 */
@@ -36,30 +36,30 @@
36
36
  /* checkmark */
37
37
 
38
38
  /* optgroup */
39
- } .select__sheet_1gz9m {
39
+ } .select__sheet_1pg0v {
40
40
  overflow: hidden;
41
- } .select__sheetContent_1gz9m.select__sheetContent_1gz9m {
41
+ } .select__sheetContent_1pg0v.select__sheetContent_1pg0v {
42
42
  padding: var(--gap-0)
43
- } .select__sheetContent_1gz9m.select__sheetContent_1gz9m .select__modalContent_1gz9m {
43
+ } .select__sheetContent_1pg0v.select__sheetContent_1pg0v .select__modalContent_1pg0v {
44
44
  padding: var(--gap-0);
45
45
  display: flex;
46
46
  flex-direction: column;
47
- } .select__sheetContainer_1gz9m {
47
+ } .select__sheetContainer_1pg0v {
48
48
  padding: var(--gap-0);
49
- } .select__optionsListWrapper_1gz9m {
49
+ } .select__optionsListWrapper_1pg0v {
50
50
  flex: 1;
51
- } .select__optionsList_1gz9m.select__optionsList_1gz9m {
51
+ } .select__optionsList_1pg0v.select__optionsList_1pg0v {
52
52
  height: 100%;
53
53
  display: flex;
54
54
  flex-direction: column;
55
- } .select__scrollbar_1gz9m {
55
+ } .select__scrollbar_1pg0v {
56
56
  flex: 1;
57
- } .select__search_1gz9m {
57
+ } .select__search_1pg0v {
58
58
  padding: var(--gap-8);
59
- } .select__option_1gz9m.select__option_1gz9m {
59
+ } .select__option_1pg0v.select__option_1pg0v {
60
60
  padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16)
61
- } .select__option_1gz9m.select__option_1gz9m:before {
61
+ } .select__option_1pg0v.select__option_1pg0v:before {
62
62
  display: none;
63
- } .select__optionGroup_1gz9m.select__optionGroup_1gz9m {
63
+ } .select__optionGroup_1pg0v.select__optionGroup_1pg0v {
64
64
  padding: var(--gap-16) var(--gap-16) var(--gap-8);
65
65
  }
@@ -5,7 +5,7 @@ import { Checkbox } from '@alfalab/core-components-checkbox/esm';
5
5
  import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
6
6
  import CheckmarkMIcon from '@alfalab/icons-glyph/CheckmarkMIcon';
7
7
 
8
- var styles = {"checkmark":"select__checkmark_12kam","after":"select__after_12kam","single":"select__single_12kam","selected":"select__selected_12kam","before":"select__before_12kam","multiple":"select__multiple_12kam","colorIcon":"select__colorIcon_12kam"};
8
+ var styles = {"checkmark":"select__checkmark_9ls9k","after":"select__after_9ls9k","single":"select__single_9ls9k","selected":"select__selected_9ls9k","before":"select__before_9ls9k","multiple":"select__multiple_9ls9k","colorIcon":"select__colorIcon_9ls9k"};
9
9
  require('./index.css')
10
10
 
11
11
  var Checkmark = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: fizjv */
1
+ /* hash: dlg22 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
@@ -46,12 +46,12 @@
46
46
  --select-checkmark-border-radius: var(--border-radius-circle);
47
47
 
48
48
  /* optgroup */
49
- } .select__checkmark_12kam {
49
+ } .select__checkmark_9ls9k {
50
50
  flex-shrink: 0;
51
51
  margin: var(--select-checkmark-margin)
52
- } .select__checkmark_12kam.select__after_12kam {
52
+ } .select__checkmark_9ls9k.select__after_9ls9k {
53
53
  margin: var(--select-checkmark-margin-after);
54
- } .select__single_12kam {
54
+ } .select__single_9ls9k {
55
55
  display: flex;
56
56
  align-items: center;
57
57
  justify-content: center;
@@ -61,17 +61,17 @@
61
61
  border-radius: var(--select-checkmark-border-radius);
62
62
  width: var(--select-checkmark-size);
63
63
  height: var(--select-checkmark-size)
64
- } .select__single_12kam.select__selected_12kam {
64
+ } .select__single_9ls9k.select__selected_9ls9k {
65
65
  opacity: 1;
66
- } .select__before_12kam {
66
+ } .select__before_9ls9k {
67
67
  display: var(--select-checkmark-before-display)
68
- } .select__before_12kam.select__multiple_12kam {
68
+ } .select__before_9ls9k.select__multiple_9ls9k {
69
69
  margin-right: var(--gap-12);
70
70
  display: var(--select-checkmark-before-display-multiple);
71
- } .select__after_12kam.select__after_12kam {
71
+ } .select__after_9ls9k.select__after_9ls9k {
72
72
  display: var(--select-checkmark-after-display)
73
- } .select__after_12kam.select__after_12kam.select__single_12kam {
73
+ } .select__after_9ls9k.select__after_9ls9k.select__single_9ls9k {
74
74
  display: var(--select-checkmark-after-display-single);
75
- } .select__colorIcon_12kam {
75
+ } .select__colorIcon_9ls9k {
76
76
  color: var(--color-light-status-positive);
77
77
  }
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
4
4
 
5
- var styles = {"checkmark":"select__checkmark_t3gcp","selected":"select__selected_t3gcp","displayIcon":"select__displayIcon_t3gcp","displayBadge":"select__displayBadge_t3gcp"};
5
+ var styles = {"checkmark":"select__checkmark_1yo41","selected":"select__selected_1yo41","displayIcon":"select__displayIcon_1yo41","displayBadge":"select__displayBadge_1yo41"};
6
6
  require('./index.css')
7
7
 
8
8
  var Checkmark = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: x84eh */
1
+ /* hash: 1klu8 */
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 */
@@ -29,7 +29,7 @@
29
29
  --select-mobile-checkmark-display-badge: none;
30
30
 
31
31
  /* optgroup */
32
- } .select__checkmark_t3gcp {
32
+ } .select__checkmark_1yo41 {
33
33
  flex-shrink: 0;
34
34
  display: flex;
35
35
  align-items: center;
@@ -37,12 +37,12 @@
37
37
  width: 24px;
38
38
  height: 24px;
39
39
  opacity: 0
40
- } .select__checkmark_t3gcp:first-child {
40
+ } .select__checkmark_1yo41:first-child {
41
41
  display: none;
42
- } .select__checkmark_t3gcp.select__selected_t3gcp {
42
+ } .select__checkmark_1yo41.select__selected_1yo41 {
43
43
  opacity: 1;
44
- } .select__displayIcon_t3gcp {
44
+ } .select__displayIcon_1yo41 {
45
45
  display: var(--select-mobile-checkmark-display-icon);
46
- } .select__displayBadge_t3gcp {
46
+ } .select__displayBadge_1yo41 {
47
47
  display: var(--select-mobile-checkmark-display-badge);
48
48
  }
@@ -4,7 +4,7 @@ import { Button } from '@alfalab/core-components-button/esm';
4
4
  import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
5
5
  import { CrossCircleSIcon } from '@alfalab/icons-glyph/CrossCircleSIcon';
6
6
 
7
- var styles = {"clearIcon":"select__clearIcon_1epxr","clearButton":"select__clearButton_1epxr","size-40":"select__size-40_1epxr"};
7
+ var styles = {"clearIcon":"select__clearIcon_xia6c","clearButton":"select__clearButton_xia6c","size-40":"select__size-40_xia6c"};
8
8
  require('./index.css')
9
9
 
10
10
  var ClearButton = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1jk5y */
1
+ /* hash: 16e8v */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -44,17 +44,17 @@
44
44
  /* checkmark */
45
45
 
46
46
  /* optgroup */
47
- } .select__clearIcon_1epxr {
47
+ } .select__clearIcon_xia6c {
48
48
  display: block;
49
49
  color: var(--color-light-neutral-translucent-500)
50
- } .select__clearIcon_1epxr:hover {
50
+ } .select__clearIcon_xia6c:hover {
51
51
  color: var(--color-light-neutral-translucent-500-hover);
52
- } .select__clearIcon_1epxr:active {
52
+ } .select__clearIcon_xia6c:active {
53
53
  color: var(--color-light-neutral-translucent-500-press);
54
- } .select__clearButton_1epxr + [data-addon='error-icon'] {
54
+ } .select__clearButton_xia6c + [data-addon='error-icon'] {
55
55
  display: var(--input-error-icon-display);
56
- } .select__clearButton_1epxr + * {
56
+ } .select__clearButton_xia6c + * {
57
57
  margin-left: var(--gap-4);
58
- } .select__clearButton_1epxr.select__size-40_1epxr + * {
58
+ } .select__clearButton_xia6c.select__size-40_xia6c + * {
59
59
  margin-left: 6px;
60
60
  }
@@ -6,7 +6,7 @@ import { useFocus } from '@alfalab/hooks';
6
6
  import { joinOptions } from '../../utils.js';
7
7
  import { ClearButton } from '../clear-button/Component.js';
8
8
 
9
- var styles = {"component":"select__component_kthbq","field":"select__field_kthbq","disabled":"select__disabled_kthbq","arrow":"select__arrow_kthbq","placeholder":"select__placeholder_kthbq","show-placeholder":"select__show-placeholder_kthbq","focused":"select__focused_kthbq","contentWrapper":"select__contentWrapper_kthbq","size-40":"select__size-40_kthbq","value":"select__value_kthbq","focusVisible":"select__focusVisible_kthbq"};
9
+ var styles = {"component":"select__component_3ltqn","field":"select__field_3ltqn","disabled":"select__disabled_3ltqn","arrow":"select__arrow_3ltqn","placeholder":"select__placeholder_3ltqn","show-placeholder":"select__show-placeholder_3ltqn","focused":"select__focused_3ltqn","contentWrapper":"select__contentWrapper_3ltqn","size-40":"select__size-40_3ltqn","value":"select__value_3ltqn","focusVisible":"select__focusVisible_3ltqn"};
10
10
  require('./index.css')
11
11
 
12
12
  var Field = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1r8ob */
1
+ /* hash: 1e2r9 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-status-info: #2288fa;
@@ -46,22 +46,22 @@
46
46
  /* checkmark */
47
47
 
48
48
  /* optgroup */
49
- } .select__component_kthbq {
49
+ } .select__component_3ltqn {
50
50
  width: 100%;
51
51
  outline: none;
52
- } .select__field_kthbq:not(.select__disabled_kthbq) {
52
+ } .select__field_3ltqn:not(.select__disabled_3ltqn) {
53
53
  cursor: pointer
54
- } .select__field_kthbq:not(.select__disabled_kthbq):hover .select__arrow_kthbq {
54
+ } .select__field_3ltqn:not(.select__disabled_3ltqn):hover .select__arrow_3ltqn {
55
55
  opacity: var(--select-arrow-hover-opacity);
56
- } .select__disabled_kthbq {
56
+ } .select__disabled_3ltqn {
57
57
  cursor: var(--disabled-cursor);
58
- } .select__placeholder_kthbq {
58
+ } .select__placeholder_3ltqn {
59
59
  color: var(--input-placeholder-color);
60
60
  transition: color 0.2s ease;
61
- animation: select__show-placeholder_kthbq 0.2s ease
62
- } .select__placeholder_kthbq.select__focused_kthbq {
61
+ animation: select__show-placeholder_3ltqn 0.2s ease
62
+ } .select__placeholder_3ltqn.select__focused_3ltqn {
63
63
  color: var(--input-focus-placeholder-color);
64
- } .select__contentWrapper_kthbq {
64
+ } .select__contentWrapper_3ltqn {
65
65
  font-size: 16px;
66
66
  line-height: 20px;
67
67
  font-weight: 400;
@@ -70,22 +70,22 @@
70
70
  text-overflow: ellipsis;
71
71
  overflow: hidden;
72
72
  width: 100%
73
- } .select__contentWrapper_kthbq.select__size-40_kthbq {
73
+ } .select__contentWrapper_3ltqn.select__size-40_3ltqn {
74
74
  font-size: 14px;
75
75
  line-height: 18px;
76
76
  font-weight: 400;
77
- } .select__value_kthbq {
77
+ } .select__value_3ltqn {
78
78
  overflow: hidden;
79
79
  text-overflow: ellipsis;
80
80
  text-align: left
81
- } .select__value_kthbq.select__size-40_kthbq {
81
+ } .select__value_3ltqn.select__size-40_3ltqn {
82
82
  font-size: 14px;
83
83
  line-height: 18px;
84
84
  font-weight: 400;
85
- } .select__focusVisible_kthbq {
85
+ } .select__focusVisible_3ltqn {
86
86
  outline: 2px solid var(--focus-color);
87
87
  outline-offset: 2px;
88
- } @keyframes select__show-placeholder_kthbq {
88
+ } @keyframes select__show-placeholder_3ltqn {
89
89
  from {
90
90
  opacity: 0;
91
91
  }
@@ -4,7 +4,7 @@ import { BaseModalContext } from '@alfalab/core-components-base-modal/esm';
4
4
  import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
5
5
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
6
6
 
7
- var styles = {"footer":"select__footer_j5bi3","button":"select__button_j5bi3","highlighted":"select__highlighted_j5bi3"};
7
+ var styles = {"footer":"select__footer_1l3r2","button":"select__button_1l3r2","highlighted":"select__highlighted_1l3r2"};
8
8
  require('./index.css')
9
9
 
10
10
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: a2bkb */
1
+ /* hash: 1lpps */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -31,17 +31,17 @@
31
31
  /* checkmark */
32
32
 
33
33
  /* optgroup */
34
- } .select__footer_j5bi3 {
34
+ } .select__footer_1l3r2 {
35
35
  display: flex;
36
36
  box-sizing: border-box;
37
37
  width: 100%;
38
38
  padding: var(--gap-16) var(--gap-16);
39
39
  background-color: var(--color-light-modal-bg-primary)
40
- } .select__footer_j5bi3 .select__button_j5bi3:first-of-type {
40
+ } .select__footer_1l3r2 .select__button_1l3r2:first-of-type {
41
41
  margin-right: var(--gap-16);
42
- } .select__button_j5bi3 {
42
+ } .select__button_1l3r2 {
43
43
  width: 50%;
44
- } .select__highlighted_j5bi3 {
44
+ } .select__highlighted_1l3r2 {
45
45
  border-top: 1px solid var(--color-light-neutral-300);
46
46
  background-color: var(--color-light-modal-bg-primary);
47
47
  }
@@ -2,7 +2,9 @@ export { Arrow } from './arrow/Component.js';
2
2
  export { BaseSelect } from './base-select/Component.js';
3
3
  export { Field } from './field/Component.js';
4
4
  export { Optgroup } from './optgroup/Component.js';
5
- export { Option } from './option/Component.js';
5
+ export { OptionDesktop } from './option/desktop/Component.js';
6
+ export { OptionMobile } from './option/mobile/Component.js';
7
+ export { OptionResponsive as Option } from './option/Component.responsive.js';
6
8
  export { OptionsList } from './options-list/Component.js';
7
9
  export { VirtualOptionsList } from './virtual-options-list/Component.js';
8
10
  export { BaseOption } from './base-option/Component.js';
@@ -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_1oy32","label":"select__label_1oy32","size-64":"select__size-64_1oy32","size-72":"select__size-72_1oy32"};
5
+ var styles = {"optgroup":"select__optgroup_1jy7w","label":"select__label_1jy7w","size-64":"select__size-64_1jy7w","size-72":"select__size-72_1jy7w"};
6
6
  require('./index.css')
7
7
 
8
8
  var Optgroup = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: tx7k4 */
1
+ /* hash: 1haxd */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -42,7 +42,7 @@
42
42
  --select-optgroup-right-padding: var(--gap-12);
43
43
  --select-optgroup-l-left-padding: var(--gap-16);
44
44
  --select-optgroup-l-right-padding: var(--gap-16);
45
- } .select__optgroup_1oy32 {
45
+ } .select__optgroup_1jy7w {
46
46
  position: relative;
47
47
  display: flex;
48
48
  align-items: center;
@@ -51,9 +51,9 @@
51
51
  box-sizing: border-box;
52
52
  background: var(--select-optgroup-background);
53
53
  min-height: 40px
54
- } .select__optgroup_1oy32 + *[role='option']:before {
54
+ } .select__optgroup_1jy7w + *[role='option']:before {
55
55
  display: none;
56
- } .select__label_1oy32 {
56
+ } .select__label_1jy7w {
57
57
  font-size: 12px;
58
58
  line-height: 16px;
59
59
  font-weight: 500;
@@ -62,8 +62,8 @@
62
62
 
63
63
  display: block;
64
64
  color: var(--select-optgroup-color);
65
- } .select__size-64_1oy32,
66
- .select__size-72_1oy32 {
65
+ } .select__size-64_1jy7w,
66
+ .select__size-72_1jy7w {
67
67
  padding-left: var(--select-optgroup-l-left-padding);
68
68
  padding-right: var(--select-optgroup-l-right-padding);
69
69
  }
@@ -1,4 +1,17 @@
1
+ /// <reference types="module.d.ts" />
1
2
  import { FC } from 'react';
2
- import { OptionProps } from "../../typings";
3
- declare const Option: FC<OptionProps>;
4
- export { Option };
3
+ import { OptionCommonProps } from "../../typings";
4
+ import stylesDesktop from './desktop/index.module.css';
5
+ import stylesMobile from './mobile/index.module.css';
6
+ type OptionPrivateProps = {
7
+ /**
8
+ * Мобильная версия option.
9
+ */
10
+ mobile: boolean;
11
+ /**
12
+ * Стили
13
+ */
14
+ styles: typeof stylesDesktop | typeof stylesMobile;
15
+ };
16
+ declare const OptionBase: FC<OptionCommonProps & OptionPrivateProps>;
17
+ export { OptionBase };
@@ -2,27 +2,22 @@ import { __assign } from 'tslib';
2
2
  import React, { isValidElement } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
5
- import { Checkmark as Checkmark$1 } from '../checkmark/Component.js';
6
- import { Checkmark } from '../checkmark-mobile/Component.js';
7
5
 
8
- var styles = {"option":"select__option_1v7m6","disabled":"select__disabled_1v7m6","size-48":"select__size-48_1v7m6","size-56":"select__size-56_1v7m6","size-64":"select__size-64_1v7m6","size-72":"select__size-72_1v7m6","selected":"select__selected_1v7m6","highlighted":"select__highlighted_1v7m6","content":"select__content_1v7m6","textContent":"select__textContent_1v7m6"};
9
- require('./index.css')
10
-
11
- var Option = function (_a) {
6
+ var OptionBase = function (_a) {
12
7
  var _b, _c;
13
- var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, mobile = _a.mobile, _e = _a.Checkmark, Checkmark$2 = _e === void 0 ? mobile ? Checkmark : Checkmark$1 : _e, innerProps = _a.innerProps, dataTestId = _a.dataTestId;
8
+ var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, option = _a.option, children = _a.children, selected = _a.selected, highlighted = _a.highlighted, disabled = _a.disabled, multiple = _a.multiple, mobile = _a.mobile, Checkmark = _a.Checkmark, innerProps = _a.innerProps, dataTestId = _a.dataTestId, styles = _a.styles;
14
9
  var content = children || option.content || option.key;
15
- var _f = option.showCheckMark, showCheckMark = _f === void 0 ? true : _f;
10
+ var _e = option.showCheckMark, showCheckMark = _e === void 0 ? true : _e;
16
11
  return (React.createElement("div", __assign({}, innerProps, { className: cn(styles.option, styles[SIZE_TO_CLASSNAME_MAP[size]], className, (_b = {},
17
12
  _b[styles.highlighted] = !mobile && highlighted,
18
13
  _b[styles.selected] = selected,
19
14
  _b[styles.disabled] = disabled,
20
15
  _b)), "data-test-id": dataTestId }),
21
- Checkmark$2 && showCheckMark && (React.createElement(Checkmark$2, { disabled: disabled, selected: selected, multiple: multiple, position: 'before' })),
16
+ Checkmark && showCheckMark && (React.createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, position: 'before' })),
22
17
  React.createElement("div", { className: cn(styles.content, (_c = {},
23
18
  _c[styles.textContent] = !isValidElement(content),
24
19
  _c)) }, content),
25
- Checkmark$2 && showCheckMark && (React.createElement(Checkmark$2, { disabled: disabled, selected: selected, multiple: multiple, position: 'after' }))));
20
+ Checkmark && showCheckMark && (React.createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, position: 'after' }))));
26
21
  };
27
22
 
28
- export { Option };
23
+ export { OptionBase };
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { OptionProps } from "../../typings";
4
+ declare const OptionResponsive: ({ mobile, ...props }: OptionProps) => React.JSX.Element;
5
+ export { OptionResponsive };