@alfalab/core-components-select 13.2.8 → 13.2.9

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 (214) hide show
  1. package/{Component-8614ce6b.d.ts → Component-15130ab3.d.ts} +0 -0
  2. package/{Component-8614ce6b.js → Component-15130ab3.js} +2 -2
  3. package/{Component-d0e7b8cf.d.ts → Component-f1158c0d.d.ts} +0 -0
  4. package/{Component-d0e7b8cf.js → Component-f1158c0d.js} +5 -5
  5. package/Component.d.ts +1 -1
  6. package/Component.js +2 -2
  7. package/Component.responsive.js +4 -4
  8. package/components/arrow/Component.js +1 -1
  9. package/components/arrow/index.css +12 -11
  10. package/components/base-checkmark/Component.js +1 -1
  11. package/components/base-checkmark/index.css +13 -9
  12. package/components/base-option/Component.js +2 -2
  13. package/components/base-option/index.css +22 -33
  14. package/components/base-option/index.js +1 -1
  15. package/components/base-select/Component.js +2 -2
  16. package/components/base-select/index.css +18 -24
  17. package/components/base-select/index.d.ts +1 -1
  18. package/components/base-select/index.js +2 -2
  19. package/components/base-select-mobile/Component.js +4 -4
  20. package/components/base-select-mobile/checkmark/Component.js +1 -1
  21. package/components/base-select-mobile/checkmark/index.css +15 -13
  22. package/components/base-select-mobile/index.css +21 -27
  23. package/components/base-select-mobile/index.d.ts +1 -1
  24. package/components/base-select-mobile/index.js +4 -4
  25. package/components/base-select-mobile/options-list/Component.js +2 -2
  26. package/components/base-select-mobile/options-list/index.css +19 -24
  27. package/components/base-select-mobile/options-list/index.js +1 -1
  28. package/components/checkmark/Component.js +1 -1
  29. package/components/checkmark/index.css +18 -24
  30. package/components/field/Component.js +2 -2
  31. package/components/field/index.css +18 -24
  32. package/components/field/index.js +1 -1
  33. package/components/index.js +4 -4
  34. package/components/native-select/Component.js +1 -1
  35. package/components/native-select/index.js +1 -1
  36. package/components/optgroup/Component.js +1 -1
  37. package/components/optgroup/index.css +15 -16
  38. package/components/option/Component.js +2 -2
  39. package/components/option/index.css +30 -47
  40. package/components/option/index.js +1 -1
  41. package/components/options-list/Component.js +2 -2
  42. package/components/options-list/index.css +15 -16
  43. package/components/options-list/index.js +1 -1
  44. package/components/select-mobile/Component.js +4 -4
  45. package/components/select-mobile/index.d.ts +1 -1
  46. package/components/select-mobile/index.js +4 -4
  47. package/components/select-modal-mobile/Component.js +4 -4
  48. package/components/select-modal-mobile/index.d.ts +1 -1
  49. package/components/select-modal-mobile/index.js +4 -4
  50. package/components/virtual-options-list/Component.js +2 -2
  51. package/components/virtual-options-list/index.css +21 -27
  52. package/components/virtual-options-list/index.js +1 -1
  53. package/cssm/Component.d.ts +1 -1
  54. package/cssm/components/arrow/index.module.css +11 -10
  55. package/cssm/components/base-checkmark/index.module.css +12 -8
  56. package/cssm/components/base-option/index.module.css +21 -32
  57. package/cssm/components/base-select/index.module.css +16 -22
  58. package/cssm/components/base-select-mobile/checkmark/index.module.css +14 -12
  59. package/cssm/components/base-select-mobile/index.module.css +19 -25
  60. package/cssm/components/base-select-mobile/options-list/index.module.css +17 -22
  61. package/cssm/components/checkmark/index.module.css +17 -23
  62. package/cssm/components/field/index.module.css +17 -23
  63. package/cssm/components/optgroup/index.module.css +13 -14
  64. package/cssm/components/option/index.module.css +26 -43
  65. package/cssm/components/options-list/index.module.css +13 -14
  66. package/cssm/components/virtual-options-list/index.module.css +18 -24
  67. package/cssm/presets/useSelectWithApply/options-list-with-apply/index.module.css +12 -12
  68. package/cssm/typings.d.ts +1 -5
  69. package/esm/{Component-c09a6820.d.ts → Component-45681199.d.ts} +0 -0
  70. package/esm/{Component-c09a6820.js → Component-45681199.js} +2 -2
  71. package/esm/{Component-4ef9d6d2.d.ts → Component-ff31e94c.d.ts} +0 -0
  72. package/esm/{Component-4ef9d6d2.js → Component-ff31e94c.js} +5 -5
  73. package/esm/Component.d.ts +1 -1
  74. package/esm/Component.js +2 -2
  75. package/esm/Component.responsive.js +4 -4
  76. package/esm/components/arrow/Component.js +1 -1
  77. package/esm/components/arrow/index.css +12 -11
  78. package/esm/components/base-checkmark/Component.js +1 -1
  79. package/esm/components/base-checkmark/index.css +13 -9
  80. package/esm/components/base-option/Component.js +2 -2
  81. package/esm/components/base-option/index.css +22 -33
  82. package/esm/components/base-option/index.js +1 -1
  83. package/esm/components/base-select/Component.js +2 -2
  84. package/esm/components/base-select/index.css +18 -24
  85. package/esm/components/base-select/index.d.ts +1 -1
  86. package/esm/components/base-select/index.js +2 -2
  87. package/esm/components/base-select-mobile/Component.js +4 -4
  88. package/esm/components/base-select-mobile/checkmark/Component.js +1 -1
  89. package/esm/components/base-select-mobile/checkmark/index.css +15 -13
  90. package/esm/components/base-select-mobile/index.css +21 -27
  91. package/esm/components/base-select-mobile/index.d.ts +1 -1
  92. package/esm/components/base-select-mobile/index.js +4 -4
  93. package/esm/components/base-select-mobile/options-list/Component.js +2 -2
  94. package/esm/components/base-select-mobile/options-list/index.css +19 -24
  95. package/esm/components/base-select-mobile/options-list/index.js +1 -1
  96. package/esm/components/checkmark/Component.js +1 -1
  97. package/esm/components/checkmark/index.css +18 -24
  98. package/esm/components/field/Component.js +2 -2
  99. package/esm/components/field/index.css +18 -24
  100. package/esm/components/field/index.js +1 -1
  101. package/esm/components/index.js +4 -4
  102. package/esm/components/native-select/Component.js +1 -1
  103. package/esm/components/native-select/index.js +1 -1
  104. package/esm/components/optgroup/Component.js +1 -1
  105. package/esm/components/optgroup/index.css +15 -16
  106. package/esm/components/option/Component.js +2 -2
  107. package/esm/components/option/index.css +30 -47
  108. package/esm/components/option/index.js +1 -1
  109. package/esm/components/options-list/Component.js +2 -2
  110. package/esm/components/options-list/index.css +15 -16
  111. package/esm/components/options-list/index.js +1 -1
  112. package/esm/components/select-mobile/Component.js +4 -4
  113. package/esm/components/select-mobile/index.d.ts +1 -1
  114. package/esm/components/select-mobile/index.js +4 -4
  115. package/esm/components/select-modal-mobile/Component.js +4 -4
  116. package/esm/components/select-modal-mobile/index.d.ts +1 -1
  117. package/esm/components/select-modal-mobile/index.js +4 -4
  118. package/esm/components/virtual-options-list/Component.js +2 -2
  119. package/esm/components/virtual-options-list/index.css +21 -27
  120. package/esm/components/virtual-options-list/index.js +1 -1
  121. package/esm/index.js +4 -4
  122. package/esm/{intersection-observer-c9397884.d.ts → intersection-observer-ce0b7183.d.ts} +0 -0
  123. package/esm/{intersection-observer-c9397884.js → intersection-observer-ce0b7183.js} +0 -0
  124. package/esm/presets/index.js +4 -4
  125. package/esm/presets/useLazyLoading/hook.js +3 -3
  126. package/esm/presets/useLazyLoading/index.css +2 -2
  127. package/esm/presets/useSelectWithApply/hook.js +4 -4
  128. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +4 -4
  129. package/esm/presets/useSelectWithApply/options-list-with-apply/index.css +13 -13
  130. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  131. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +4 -4
  132. package/esm/presets/useSelectWithLoading/hook.js +2 -2
  133. package/esm/presets/useSelectWithLoading/index.css +2 -2
  134. package/esm/responsive.js +4 -4
  135. package/esm/{tslib.es6-3c9b3142.d.ts → tslib.es6-60ccbcec.d.ts} +0 -0
  136. package/esm/{tslib.es6-3c9b3142.js → tslib.es6-60ccbcec.js} +0 -0
  137. package/esm/typings.d.ts +1 -5
  138. package/index.js +4 -4
  139. package/{intersection-observer-8ba57140.d.ts → intersection-observer-4a8b5b51.d.ts} +0 -0
  140. package/{intersection-observer-8ba57140.js → intersection-observer-4a8b5b51.js} +0 -0
  141. package/modern/{Component-8d6d6d34.d.ts → Component-0998aafe.d.ts} +0 -0
  142. package/modern/{Component-8d6d6d34.js → Component-0998aafe.js} +1 -1
  143. package/modern/{Component-c2b10ca0.d.ts → Component-adf0c0e0.d.ts} +0 -0
  144. package/modern/{Component-c2b10ca0.js → Component-adf0c0e0.js} +4 -4
  145. package/modern/Component.d.ts +1 -1
  146. package/modern/Component.js +1 -1
  147. package/modern/Component.responsive.js +3 -3
  148. package/modern/components/arrow/Component.js +1 -1
  149. package/modern/components/arrow/index.css +12 -11
  150. package/modern/components/base-checkmark/Component.js +1 -1
  151. package/modern/components/base-checkmark/index.css +13 -9
  152. package/modern/components/base-option/Component.js +1 -1
  153. package/modern/components/base-option/index.css +22 -33
  154. package/modern/components/base-select/Component.js +1 -1
  155. package/modern/components/base-select/index.css +18 -24
  156. package/modern/components/base-select/index.d.ts +1 -1
  157. package/modern/components/base-select/index.js +1 -1
  158. package/modern/components/base-select-mobile/Component.js +3 -3
  159. package/modern/components/base-select-mobile/checkmark/Component.js +1 -1
  160. package/modern/components/base-select-mobile/checkmark/index.css +15 -13
  161. package/modern/components/base-select-mobile/index.css +21 -27
  162. package/modern/components/base-select-mobile/index.d.ts +1 -1
  163. package/modern/components/base-select-mobile/index.js +3 -3
  164. package/modern/components/base-select-mobile/options-list/Component.js +1 -1
  165. package/modern/components/base-select-mobile/options-list/index.css +19 -24
  166. package/modern/components/checkmark/Component.js +1 -1
  167. package/modern/components/checkmark/index.css +18 -24
  168. package/modern/components/field/Component.js +1 -1
  169. package/modern/components/field/index.css +18 -24
  170. package/modern/components/index.js +3 -3
  171. package/modern/components/optgroup/Component.js +1 -1
  172. package/modern/components/optgroup/index.css +15 -16
  173. package/modern/components/option/Component.js +1 -1
  174. package/modern/components/option/index.css +30 -47
  175. package/modern/components/options-list/Component.js +1 -1
  176. package/modern/components/options-list/index.css +15 -16
  177. package/modern/components/select-mobile/Component.js +3 -3
  178. package/modern/components/select-mobile/index.d.ts +1 -1
  179. package/modern/components/select-mobile/index.js +3 -3
  180. package/modern/components/select-modal-mobile/Component.js +3 -3
  181. package/modern/components/select-modal-mobile/index.d.ts +1 -1
  182. package/modern/components/select-modal-mobile/index.js +3 -3
  183. package/modern/components/virtual-options-list/Component.js +1 -1
  184. package/modern/components/virtual-options-list/index.css +21 -27
  185. package/modern/index.js +3 -3
  186. package/modern/{intersection-observer-c9397884.d.ts → intersection-observer-ce0b7183.d.ts} +0 -0
  187. package/modern/{intersection-observer-c9397884.js → intersection-observer-ce0b7183.js} +0 -0
  188. package/modern/presets/index.js +3 -3
  189. package/modern/presets/useLazyLoading/hook.js +2 -2
  190. package/modern/presets/useLazyLoading/index.css +2 -2
  191. package/modern/presets/useSelectWithApply/hook.js +3 -3
  192. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +3 -3
  193. package/modern/presets/useSelectWithApply/options-list-with-apply/index.css +13 -13
  194. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  195. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +3 -3
  196. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  197. package/modern/presets/useSelectWithLoading/index.css +2 -2
  198. package/modern/responsive.js +3 -3
  199. package/modern/typings.d.ts +1 -5
  200. package/package.json +5 -5
  201. package/presets/index.js +4 -4
  202. package/presets/useLazyLoading/hook.js +3 -3
  203. package/presets/useLazyLoading/index.css +2 -2
  204. package/presets/useSelectWithApply/hook.js +4 -4
  205. package/presets/useSelectWithApply/options-list-with-apply/Component.js +4 -4
  206. package/presets/useSelectWithApply/options-list-with-apply/index.css +13 -13
  207. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  208. package/presets/useSelectWithApply/options-list-with-apply/index.js +4 -4
  209. package/presets/useSelectWithLoading/hook.js +2 -2
  210. package/presets/useSelectWithLoading/index.css +2 -2
  211. package/responsive.js +4 -4
  212. package/{tslib.es6-765af8e2.d.ts → tslib.es6-dde7343f.d.ts} +0 -0
  213. package/{tslib.es6-765af8e2.js → tslib.es6-dde7343f.js} +0 -0
  214. package/typings.d.ts +1 -5
@@ -1,32 +1,33 @@
1
- /* hash: 1lbdu */
1
+ /* hash: 1xppv */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-bg-primary: #fff;
4
5
  --color-light-bg-secondary: #f3f4f5;
5
6
  --color-light-bg-tertiary: #e7e9eb;
6
7
  --color-light-border-primary: #dbdee1;
7
8
  --color-light-text-primary: #0b1f35;
8
9
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
9
- }
10
- :root {
10
+ } :root {
11
+ } :root {
12
+ } :root {
11
13
 
12
14
  /* Hard */
13
15
 
14
16
  /* Up */
15
17
 
16
18
  /* Hard up */
17
- }
18
- :root {
19
+ } :root {
20
+ } :root {
19
21
  --gap-s: 12px;
20
22
  --gap-m: 16px;
21
- }
22
- :root {
23
+ } :root {
24
+ } :root {
23
25
  --disabled-cursor: not-allowed;
24
26
  --size-s-height: 48px;
25
27
  --size-m-height: 56px;
26
28
  --size-l-height: 64px;
27
29
  --size-xl-height: 72px;
28
- }
29
- :root {
30
+ } :root {
30
31
 
31
32
  /* options list */
32
33
  --select-option-divider-display: none;
@@ -52,8 +53,7 @@
52
53
  /* checkmark */
53
54
 
54
55
  /* optgroup */
55
- }
56
- .select__option_4qdvw {
56
+ } .select__option_1mi4y {
57
57
  font-size: 16px;
58
58
  line-height: 20px;
59
59
  font-weight: 400;
@@ -68,12 +68,10 @@
68
68
  box-sizing: border-box;
69
69
  position: relative;
70
70
  cursor: pointer
71
- }
72
- .select__option_4qdvw:not(.select__disabled_4qdvw):active {
71
+ } .select__option_1mi4y:not(.select__disabled_1mi4y):active {
73
72
  background: var(--select-option-active-background);
74
73
  color: var(--select-option-active-color);
75
- }
76
- .select__option_4qdvw:before {
74
+ } .select__option_1mi4y:before {
77
75
  content: '';
78
76
  position: absolute;
79
77
  left: var(--select-option-left-padding);
@@ -83,61 +81,46 @@
83
81
  background: var(--select-option-divider-background);
84
82
  display: var(--select-option-divider-display);
85
83
  transition: opacity 0.2s ease;
86
- }
87
- .select__option_4qdvw:first-child:before {
84
+ } .select__option_1mi4y:first-child:before {
88
85
  display: none;
89
- }
90
- .select__s_4qdvw {
86
+ } .select__s_1mi4y {
91
87
  min-height: var(--size-s-height);
92
- }
93
- .select__m_4qdvw {
88
+ } .select__m_1mi4y {
94
89
  min-height: var(--size-m-height);
95
- }
96
- .select__l_4qdvw {
90
+ } .select__l_1mi4y {
97
91
  min-height: var(--size-l-height);
98
- }
99
- .select__xl_4qdvw {
92
+ } .select__xl_1mi4y {
100
93
  min-height: var(--size-xl-height);
101
- }
102
- .select__l_4qdvw,
103
- .select__xl_4qdvw {
94
+ } .select__l_1mi4y,
95
+ .select__xl_1mi4y {
104
96
  padding-left: var(--select-option-l-left-padding);
105
97
  padding-right: var(--select-option-l-right-padding)
106
- }
107
- .select__l_4qdvw:before, .select__xl_4qdvw:before {
98
+ } .select__l_1mi4y:before, .select__xl_1mi4y:before {
108
99
  left: var(--select-option-l-left-padding);
109
100
  right: var(--select-option-l-right-padding);
110
- }
111
- .select__selected_4qdvw {
101
+ } .select__selected_1mi4y {
112
102
  background: var(--select-option-selected-background);
113
103
  color: var(--select-option-selected-color);
114
104
  cursor: default;
115
- }
116
- .select__highlighted_4qdvw {
105
+ } .select__highlighted_1mi4y {
117
106
  background: var(--select-option-hover-background);
118
107
  color: var(--select-option-hover-color)
119
- }
120
- .select__highlighted_4qdvw:before,
121
- .select__highlighted_4qdvw + .select__option_4qdvw:before {
108
+ } .select__highlighted_1mi4y:before,
109
+ .select__highlighted_1mi4y + .select__option_1mi4y:before {
122
110
  opacity: 0;
123
- }
124
- .select__disabled_4qdvw {
111
+ } .select__disabled_1mi4y {
125
112
  cursor: var(--disabled-cursor);
126
113
  background: var(--select-option-disabled-background);
127
114
  color: var(--select-option-disabled-color);
128
- }
129
- .select__content_4qdvw {
115
+ } .select__content_1mi4y {
130
116
  overflow: hidden;
131
117
  flex: 1;
132
118
  text-overflow: ellipsis;
133
- }
134
- .select__textContent_4qdvw {
119
+ } .select__textContent_1mi4y {
135
120
  padding-top: var(--gap-s);
136
121
  padding-bottom: var(--gap-s);
137
- }
138
- /* IE min-height fix */
139
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
140
- .select__option_4qdvw:after {
122
+ } /* IE min-height fix */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
123
+ .select__option_1mi4y:after {
141
124
  min-height: inherit;
142
125
  font-size: 0;
143
126
  content: '';
@@ -6,7 +6,7 @@ import { useMedia } from '@alfalab/hooks';
6
6
  import { useVisibleOptions, isGroup } from '../../utils.js';
7
7
  import { Optgroup } from '../optgroup/Component.js';
8
8
 
9
- const styles = {"optionsList":"select__optionsList_t5awo","scrollable":"select__scrollable_t5awo","emptyPlaceholder":"select__emptyPlaceholder_t5awo","l":"select__l_t5awo","xl":"select__xl_t5awo"};
9
+ const styles = {"optionsList":"select__optionsList_pnda4","scrollable":"select__scrollable_pnda4","emptyPlaceholder":"select__emptyPlaceholder_pnda4","l":"select__l_pnda4","xl":"select__xl_pnda4"};
10
10
  require('./index.css')
11
11
 
12
12
  const createCounter = () => {
@@ -1,21 +1,24 @@
1
- /* hash: sbc9w */
1
+ /* hash: 151ap */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
4
- }
5
- :root {
5
+ } :root {
6
+ } :root {
7
+ } :root {
6
8
 
7
9
  /* Hard */
8
10
 
9
11
  /* Up */
10
12
 
11
13
  /* Hard up */
12
- }
13
- :root {
14
+ } :root {
15
+ } :root {
14
16
  --gap-s: 12px;
15
17
  --gap-m: 16px;
16
18
  --gap-xl: 24px;
17
- }
18
- :root {
19
+ } :root {
20
+ } :root {
21
+ } :root {
19
22
 
20
23
  /* options list */
21
24
  --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
@@ -25,22 +28,18 @@
25
28
  /* checkmark */
26
29
 
27
30
  /* optgroup */
28
- }
29
- .select__optionsList_t5awo {
31
+ } .select__optionsList_pnda4 {
30
32
  overflow: auto;
31
33
  width: 100%;
32
34
  outline: none;
33
35
  box-sizing: border-box;
34
- }
35
- .select__scrollable_t5awo {
36
+ } .select__scrollable_pnda4 {
36
37
  overflow: auto;
37
38
  width: 100%;
38
- }
39
- .select__emptyPlaceholder_t5awo {
39
+ } .select__emptyPlaceholder_pnda4 {
40
40
  padding: var(--gap-m) var(--gap-s);
41
41
  color: var(--select-options-list-empty-placeholder-color);
42
- }
43
- .select__l_t5awo .select__emptyPlaceholder_t5awo,
44
- .select__xl_t5awo .select__emptyPlaceholder_t5awo {
42
+ } .select__l_pnda4 .select__emptyPlaceholder_pnda4,
43
+ .select__xl_pnda4 .select__emptyPlaceholder_pnda4 {
45
44
  padding: var(--gap-xl) var(--gap-m);
46
45
  }
@@ -1,6 +1,6 @@
1
1
  import 'react';
2
2
  import '../arrow/Component.js';
3
- export { S as SelectMobile } from '../../Component-c2b10ca0.js';
3
+ export { S as SelectMobile } from '../../Component-adf0c0e0.js';
4
4
  import '../field/Component.js';
5
5
  import '../optgroup/Component.js';
6
6
  import '../option/Component.js';
@@ -11,7 +11,7 @@ import 'downshift';
11
11
  import '@alfalab/core-components-bottom-sheet/modern';
12
12
  import '@alfalab/core-components-modal/modern/mobile';
13
13
  import '../../Component.js';
14
- import '../../Component-8d6d6d34.js';
14
+ import '../../Component-0998aafe.js';
15
15
  import '@juggle/resize-observer';
16
16
  import '@alfalab/core-components-popover/modern';
17
17
  import '@alfalab/hooks';
@@ -30,7 +30,7 @@ import 'react-virtual';
30
30
  import '../base-option/Component.js';
31
31
  import '../base-checkmark/Component.js';
32
32
  import '@alfalab/core-components-skeleton/modern';
33
- import '../../intersection-observer-c9397884.js';
33
+ import '../../intersection-observer-ce0b7183.js';
34
34
  import '@alfalab/core-components-button/modern';
35
35
  import '../base-select-mobile/options-list/Component.js';
36
36
  import '@alfalab/core-components-base-modal/modern';
@@ -1 +1 @@
1
- export * from "../../Component-c2b10ca0";
1
+ export * from "../../Component-adf0c0e0";
@@ -1,4 +1,4 @@
1
- export { S as SelectMobile } from '../../Component-c2b10ca0.js';
1
+ export { S as SelectMobile } from '../../Component-adf0c0e0.js';
2
2
  import 'react';
3
3
  import '../arrow/Component.js';
4
4
  import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
8
8
  import '@alfalab/core-components-bottom-sheet/modern';
9
9
  import '@alfalab/core-components-modal/modern/mobile';
10
10
  import '../../Component.js';
11
- import '../../Component-8d6d6d34.js';
11
+ import '../../Component-0998aafe.js';
12
12
  import '@juggle/resize-observer';
13
13
  import '@alfalab/core-components-popover/modern';
14
14
  import '@alfalab/hooks';
@@ -30,7 +30,7 @@ import 'react-virtual';
30
30
  import '../base-option/Component.js';
31
31
  import '../base-checkmark/Component.js';
32
32
  import '@alfalab/core-components-skeleton/modern';
33
- import '../../intersection-observer-c9397884.js';
33
+ import '../../intersection-observer-ce0b7183.js';
34
34
  import '@alfalab/core-components-button/modern';
35
35
  import '../base-select-mobile/options-list/Component.js';
36
36
  import '@alfalab/core-components-base-modal/modern';
@@ -1,6 +1,6 @@
1
1
  import 'react';
2
2
  import '../arrow/Component.js';
3
- export { a as SelectModalMobile } from '../../Component-c2b10ca0.js';
3
+ export { a as SelectModalMobile } from '../../Component-adf0c0e0.js';
4
4
  import '../field/Component.js';
5
5
  import '../optgroup/Component.js';
6
6
  import '../option/Component.js';
@@ -11,7 +11,7 @@ import 'downshift';
11
11
  import '@alfalab/core-components-bottom-sheet/modern';
12
12
  import '@alfalab/core-components-modal/modern/mobile';
13
13
  import '../../Component.js';
14
- import '../../Component-8d6d6d34.js';
14
+ import '../../Component-0998aafe.js';
15
15
  import '@juggle/resize-observer';
16
16
  import '@alfalab/core-components-popover/modern';
17
17
  import '@alfalab/hooks';
@@ -30,7 +30,7 @@ import 'react-virtual';
30
30
  import '../base-option/Component.js';
31
31
  import '../base-checkmark/Component.js';
32
32
  import '@alfalab/core-components-skeleton/modern';
33
- import '../../intersection-observer-c9397884.js';
33
+ import '../../intersection-observer-ce0b7183.js';
34
34
  import '@alfalab/core-components-button/modern';
35
35
  import '../base-select-mobile/options-list/Component.js';
36
36
  import '@alfalab/core-components-base-modal/modern';
@@ -1 +1 @@
1
- export * from "../../Component-c2b10ca0";
1
+ export * from "../../Component-adf0c0e0";
@@ -1,4 +1,4 @@
1
- export { a as SelectModalMobile } from '../../Component-c2b10ca0.js';
1
+ export { a as SelectModalMobile } from '../../Component-adf0c0e0.js';
2
2
  import 'react';
3
3
  import '../arrow/Component.js';
4
4
  import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
8
8
  import '@alfalab/core-components-bottom-sheet/modern';
9
9
  import '@alfalab/core-components-modal/modern/mobile';
10
10
  import '../../Component.js';
11
- import '../../Component-8d6d6d34.js';
11
+ import '../../Component-0998aafe.js';
12
12
  import '@juggle/resize-observer';
13
13
  import '@alfalab/core-components-popover/modern';
14
14
  import '@alfalab/hooks';
@@ -30,7 +30,7 @@ import 'react-virtual';
30
30
  import '../base-option/Component.js';
31
31
  import '../base-checkmark/Component.js';
32
32
  import '@alfalab/core-components-skeleton/modern';
33
- import '../../intersection-observer-c9397884.js';
33
+ import '../../intersection-observer-ce0b7183.js';
34
34
  import '@alfalab/core-components-button/modern';
35
35
  import '../base-select-mobile/options-list/Component.js';
36
36
  import '@alfalab/core-components-base-modal/modern';
@@ -6,7 +6,7 @@ import { useMedia } from '@alfalab/hooks';
6
6
  import { usePrevious, lastIndexOf, useVisibleOptions, isGroup } from '../../utils.js';
7
7
  import { Optgroup } from '../optgroup/Component.js';
8
8
 
9
- const styles = {"virtualOptionsList":"select__virtualOptionsList_1rykd","scrollable":"select__scrollable_1rykd","inner":"select__inner_1rykd","virtualRow":"select__virtualRow_1rykd","highlighted":"select__highlighted_1rykd","emptyPlaceholder":"select__emptyPlaceholder_1rykd","l":"select__l_1rykd","xl":"select__xl_1rykd"};
9
+ const styles = {"virtualOptionsList":"select__virtualOptionsList_5e7h2","scrollable":"select__scrollable_5e7h2","inner":"select__inner_5e7h2","virtualRow":"select__virtualRow_5e7h2","highlighted":"select__highlighted_5e7h2","emptyPlaceholder":"select__emptyPlaceholder_5e7h2","l":"select__l_5e7h2","xl":"select__xl_5e7h2"};
10
10
  require('./index.css')
11
11
 
12
12
  /* eslint-disable react-hooks/exhaustive-deps */
@@ -1,22 +1,25 @@
1
- /* hash: 9gwji */
1
+ /* hash: 4ja25 */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-border-primary: #dbdee1;
4
5
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
5
- }
6
- :root {
6
+ } :root {
7
+ } :root {
8
+ } :root {
7
9
 
8
10
  /* Hard */
9
11
 
10
12
  /* Up */
11
13
 
12
14
  /* Hard up */
13
- }
14
- :root {
15
+ } :root {
16
+ } :root {
15
17
  --gap-s: 12px;
16
18
  --gap-m: 16px;
17
19
  --gap-xl: 24px;
18
- }
19
- :root {
20
+ } :root {
21
+ } :root {
22
+ } :root {
20
23
 
21
24
  /* options list */
22
25
  --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
@@ -31,28 +34,23 @@
31
34
  /* checkmark */
32
35
 
33
36
  /* optgroup */
34
- }
35
- .select__virtualOptionsList_1rykd {
37
+ } .select__virtualOptionsList_5e7h2 {
36
38
  width: 100%;
37
39
  outline: none;
38
40
  box-sizing: border-box;
39
41
  position: relative;
40
- }
41
- .select__scrollable_1rykd {
42
+ } .select__scrollable_5e7h2 {
42
43
  overflow: auto;
43
44
  width: 100%;
44
- }
45
- .select__inner_1rykd {
45
+ } .select__inner_5e7h2 {
46
46
  position: relative;
47
47
  width: 100%;
48
- }
49
- .select__virtualRow_1rykd {
48
+ } .select__virtualRow_5e7h2 {
50
49
  position: absolute;
51
50
  top: 0;
52
51
  left: 0;
53
52
  width: 100%
54
- }
55
- .select__virtualRow_1rykd:before {
53
+ } .select__virtualRow_5e7h2:before {
56
54
  content: '';
57
55
  position: absolute;
58
56
  z-index: 1;
@@ -62,19 +60,15 @@
62
60
  height: 1px;
63
61
  background: var(--select-option-divider-background);
64
62
  display: var(--select-option-divider-display);
65
- }
66
- .select__virtualRow_1rykd:first-child:before {
63
+ } .select__virtualRow_5e7h2:first-child:before {
67
64
  display: none;
68
- }
69
- .select__highlighted_1rykd:before,
70
- .select__highlighted_1rykd + .select__virtualRow_1rykd:before {
65
+ } .select__highlighted_5e7h2:before,
66
+ .select__highlighted_5e7h2 + .select__virtualRow_5e7h2:before {
71
67
  display: none;
72
- }
73
- .select__emptyPlaceholder_1rykd {
68
+ } .select__emptyPlaceholder_5e7h2 {
74
69
  padding: var(--gap-m) var(--gap-s);
75
70
  color: var(--select-options-list-empty-placeholder-color);
76
- }
77
- .select__l_1rykd .select__emptyPlaceholder_1rykd,
78
- .select__xl_1rykd .select__emptyPlaceholder_1rykd {
71
+ } .select__l_5e7h2 .select__emptyPlaceholder_5e7h2,
72
+ .select__xl_5e7h2 .select__emptyPlaceholder_5e7h2 {
79
73
  padding: var(--gap-xl) var(--gap-m);
80
74
  }
package/modern/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export { Select } from './Component.js';
2
2
  export { Arrow } from './components/arrow/Component.js';
3
- export { B as BaseSelect } from './Component-8d6d6d34.js';
4
- export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-c2b10ca0.js';
3
+ export { B as BaseSelect } from './Component-0998aafe.js';
4
+ export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-adf0c0e0.js';
5
5
  export { Field } from './components/field/Component.js';
6
6
  export { Optgroup } from './components/optgroup/Component.js';
7
7
  export { Option } from './components/option/Component.js';
@@ -32,7 +32,7 @@ import '@alfalab/core-components-bottom-sheet/modern';
32
32
  import '@alfalab/core-components-modal/modern/mobile';
33
33
  import 'react-virtual';
34
34
  import '@alfalab/core-components-skeleton/modern';
35
- import './intersection-observer-c9397884.js';
35
+ import './intersection-observer-ce0b7183.js';
36
36
  import '@alfalab/core-components-button/modern';
37
37
  import './components/base-checkmark/Component.js';
38
38
  import './components/base-select-mobile/options-list/Component.js';
@@ -1,6 +1,6 @@
1
1
  export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
2
2
  export { useLazyLoading } from './useLazyLoading/hook.js';
3
- export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-c2b10ca0.js';
3
+ export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-adf0c0e0.js';
4
4
  import 'react';
5
5
  import '@alfalab/core-components-skeleton/modern';
6
6
  import '../components/option/Component.js';
@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
11
11
  import '@alfalab/icons-glyph/CheckmarkMIcon';
12
12
  import '../components/checkmark/Component.js';
13
13
  import '@alfalab/core-components-checkbox/modern';
14
- import '../intersection-observer-c9397884.js';
14
+ import '../intersection-observer-ce0b7183.js';
15
15
  import '../components/arrow/Component.js';
16
16
  import '@alfalab/icons-glyph/ChevronDownMIcon';
17
17
  import 'react-merge-refs';
@@ -19,7 +19,7 @@ import 'downshift';
19
19
  import '@alfalab/core-components-bottom-sheet/modern';
20
20
  import '@alfalab/core-components-modal/modern/mobile';
21
21
  import '../Component.js';
22
- import '../Component-8d6d6d34.js';
22
+ import '../Component-0998aafe.js';
23
23
  import '@juggle/resize-observer';
24
24
  import '@alfalab/core-components-popover/modern';
25
25
  import '@alfalab/hooks';
@@ -1,7 +1,7 @@
1
1
  import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
2
2
  import { Skeleton } from '@alfalab/core-components-skeleton/modern';
3
3
  import { Option } from '../../components/option/Component.js';
4
- import '../../intersection-observer-c9397884.js';
4
+ import '../../intersection-observer-ce0b7183.js';
5
5
  import 'classnames';
6
6
  import '../../components/base-select-mobile/checkmark/Component.js';
7
7
  import '@alfalab/core-components-badge/modern';
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
10
10
  import '../../components/checkmark/Component.js';
11
11
  import '@alfalab/core-components-checkbox/modern';
12
12
 
13
- const styles = {"skeleton":"select__skeleton_1ldyn"};
13
+ const styles = {"skeleton":"select__skeleton_5291c"};
14
14
  require('./index.css')
15
15
 
16
16
  const DEBOUNCE_TIMEOUT = 300;
@@ -1,5 +1,5 @@
1
- /* hash: hedew */
2
- .select__skeleton_1ldyn {
1
+ /* hash: tredw */
2
+ .select__skeleton_5291c {
3
3
  position: absolute;
4
4
  top: 50%;
5
5
  transform: translateY(-50%);
@@ -2,8 +2,8 @@ import 'react';
2
2
  import '../../Component.js';
3
3
  import 'classnames';
4
4
  import '@alfalab/icons-glyph/ChevronDownMIcon';
5
- import '../../Component-8d6d6d34.js';
6
- export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-c2b10ca0.js';
5
+ import '../../Component-0998aafe.js';
6
+ export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-adf0c0e0.js';
7
7
  import '@alfalab/core-components-form-control/modern';
8
8
  import '@alfalab/hooks';
9
9
  import '../../utils.js';
@@ -15,7 +15,7 @@ import '../../components/options-list/Component.js';
15
15
  import 'react-virtual';
16
16
  import '@alfalab/core-components-scrollbar/modern';
17
17
  import '@alfalab/core-components-skeleton/modern';
18
- import '../../intersection-observer-c9397884.js';
18
+ import '../../intersection-observer-ce0b7183.js';
19
19
  import '../../components/arrow/Component.js';
20
20
  import '../../components/field/Component.js';
21
21
  import '../../components/optgroup/Component.js';
@@ -2,8 +2,8 @@ import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/core-components-button/modern';
4
4
  import '@alfalab/icons-glyph/ChevronDownMIcon';
5
- import '../../../Component-8d6d6d34.js';
6
- export { O as OptionsListWithApply } from '../../../Component-c2b10ca0.js';
5
+ import '../../../Component-0998aafe.js';
6
+ export { O as OptionsListWithApply } from '../../../Component-adf0c0e0.js';
7
7
  import '@alfalab/core-components-form-control/modern';
8
8
  import '@alfalab/hooks';
9
9
  import '@alfalab/core-components-badge/modern';
@@ -31,6 +31,6 @@ import '../../../components/checkmark/Component.js';
31
31
  import '../../../components/base-option/Component.js';
32
32
  import '../../../components/base-checkmark/Component.js';
33
33
  import '@alfalab/core-components-skeleton/modern';
34
- import '../../../intersection-observer-c9397884.js';
34
+ import '../../../intersection-observer-ce0b7183.js';
35
35
  import '../../../components/base-select-mobile/options-list/Component.js';
36
36
  import '@alfalab/core-components-base-modal/modern';
@@ -1,21 +1,24 @@
1
- /* hash: ggjs1 */
1
+ /* hash: 1ox2i */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-bg-primary: #fff;
4
5
  --color-light-border-secondary: #e7e9eb;
5
- }
6
- :root {
6
+ } :root {
7
+ } :root {
8
+ } :root {
7
9
 
8
10
  /* Hard */
9
11
 
10
12
  /* Up */
11
13
 
12
14
  /* Hard up */
13
- }
14
- :root {
15
+ } :root {
16
+ } :root {
15
17
  --gap-xs: 8px;
16
18
  --gap-s: 12px;
17
- }
18
- :root {
19
+ } :root {
20
+ } :root {
21
+ } :root {
19
22
 
20
23
  /* options list */
21
24
 
@@ -24,15 +27,12 @@
24
27
  /* checkmark */
25
28
 
26
29
  /* optgroup */
27
- }
28
- .select__footer_ir798 {
30
+ } .select__footer_hr9jx {
29
31
  background: var(--color-light-bg-primary);
30
32
  padding: var(--gap-s);
31
33
  outline: none
32
- }
33
- .select__footer_ir798 > * + * {
34
+ } .select__footer_hr9jx > * + * {
34
35
  margin-left: var(--gap-xs);
35
- }
36
- .select__withBorder_ir798 {
36
+ } .select__withBorder_hr9jx {
37
37
  box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
38
38
  }
@@ -1 +1 @@
1
- export * from "../../../Component-c2b10ca0";
1
+ export * from "../../../Component-adf0c0e0";
@@ -1,4 +1,4 @@
1
- export { O as OptionsListWithApply } from '../../../Component-c2b10ca0.js';
1
+ export { O as OptionsListWithApply } from '../../../Component-adf0c0e0.js';
2
2
  import 'react';
3
3
  import '../../../components/arrow/Component.js';
4
4
  import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
8
8
  import '@alfalab/core-components-bottom-sheet/modern';
9
9
  import '@alfalab/core-components-modal/modern/mobile';
10
10
  import '../../../Component.js';
11
- import '../../../Component-8d6d6d34.js';
11
+ import '../../../Component-0998aafe.js';
12
12
  import '@juggle/resize-observer';
13
13
  import '@alfalab/core-components-popover/modern';
14
14
  import '@alfalab/hooks';
@@ -30,7 +30,7 @@ import 'react-virtual';
30
30
  import '../../../components/base-option/Component.js';
31
31
  import '../../../components/base-checkmark/Component.js';
32
32
  import '@alfalab/core-components-skeleton/modern';
33
- import '../../../intersection-observer-c9397884.js';
33
+ import '../../../intersection-observer-ce0b7183.js';
34
34
  import '@alfalab/core-components-button/modern';
35
35
  import '../../../components/base-select-mobile/options-list/Component.js';
36
36
  import '@alfalab/core-components-base-modal/modern';
@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
9
9
  import '../../components/checkmark/Component.js';
10
10
  import '@alfalab/core-components-checkbox/modern';
11
11
 
12
- const styles = {"skeleton":"select__skeleton_1he75"};
12
+ const styles = {"skeleton":"select__skeleton_nyydl"};
13
13
  require('./index.css')
14
14
 
15
15
  function useSelectWithLoading({ loading = false, visibleOptions = 6, Option: Option$1 = Option, }) {
@@ -1,5 +1,5 @@
1
- /* hash: 145su */
2
- .select__skeleton_1he75 {
1
+ /* hash: 17lnx */
2
+ .select__skeleton_nyydl {
3
3
  position: absolute;
4
4
  top: 50%;
5
5
  transform: translateY(-50%);