@alfalab/core-components-select 17.14.0 → 17.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (171) hide show
  1. package/components/arrow/Component.js +1 -1
  2. package/components/arrow/index.css +3 -3
  3. package/components/base-checkmark/Component.js +1 -1
  4. package/components/base-checkmark/index.css +6 -6
  5. package/components/base-option/Component.js +1 -1
  6. package/components/base-option/index.css +15 -15
  7. package/components/base-select/Component.js +2 -2
  8. package/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts +1 -1
  9. package/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  10. package/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  11. package/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  12. package/components/base-select/index.css +11 -11
  13. package/components/base-select/mobile.css +12 -12
  14. package/components/checkmark/Component.js +1 -1
  15. package/components/checkmark/index.css +10 -10
  16. package/components/checkmark-mobile/Component.js +1 -1
  17. package/components/checkmark-mobile/index.css +6 -6
  18. package/components/clear-button/Component.js +1 -1
  19. package/components/clear-button/index.css +6 -6
  20. package/components/field/Component.js +1 -1
  21. package/components/field/index.css +12 -12
  22. package/components/footer/Component.js +1 -1
  23. package/components/footer/index.css +5 -5
  24. package/components/optgroup/Component.js +1 -1
  25. package/components/optgroup/index.css +6 -6
  26. package/components/option/Component.js +1 -1
  27. package/components/option/index.css +19 -19
  28. package/components/options-list/Component.js +1 -1
  29. package/components/options-list/index.css +11 -11
  30. package/components/search/Component.js +1 -1
  31. package/components/search/index.css +2 -2
  32. package/components/virtual-options-list/Component.js +2 -2
  33. package/components/virtual-options-list/index.css +15 -15
  34. package/cssm/components/virtual-options-list/Component.js +1 -1
  35. package/cssm/shared/index.js +1 -0
  36. package/cssm/utils.d.ts +2 -1
  37. package/cssm/utils.js +46 -0
  38. package/esm/components/arrow/Component.js +1 -1
  39. package/esm/components/arrow/index.css +3 -3
  40. package/esm/components/base-checkmark/Component.js +1 -1
  41. package/esm/components/base-checkmark/index.css +6 -6
  42. package/esm/components/base-option/Component.js +1 -1
  43. package/esm/components/base-option/index.css +15 -15
  44. package/esm/components/base-select/Component.js +2 -2
  45. package/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  46. package/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  47. package/esm/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  48. package/esm/components/base-select/index.css +11 -11
  49. package/esm/components/base-select/mobile.css +12 -12
  50. package/esm/components/checkmark/Component.js +1 -1
  51. package/esm/components/checkmark/index.css +10 -10
  52. package/esm/components/checkmark-mobile/Component.js +1 -1
  53. package/esm/components/checkmark-mobile/index.css +6 -6
  54. package/esm/components/clear-button/Component.js +1 -1
  55. package/esm/components/clear-button/index.css +6 -6
  56. package/esm/components/field/Component.js +1 -1
  57. package/esm/components/field/index.css +12 -12
  58. package/esm/components/footer/Component.js +1 -1
  59. package/esm/components/footer/index.css +5 -5
  60. package/esm/components/optgroup/Component.js +1 -1
  61. package/esm/components/optgroup/index.css +6 -6
  62. package/esm/components/option/Component.js +1 -1
  63. package/esm/components/option/index.css +19 -19
  64. package/esm/components/options-list/Component.js +1 -1
  65. package/esm/components/options-list/index.css +11 -11
  66. package/esm/components/search/Component.js +1 -1
  67. package/esm/components/search/index.css +2 -2
  68. package/esm/components/virtual-options-list/Component.js +3 -3
  69. package/esm/components/virtual-options-list/index.css +15 -15
  70. package/esm/{list-popover-desktop-2b8c7de9.js → list-popover-desktop-887652b7.js} +1 -1
  71. package/esm/mobile/Component.mobile.js +1 -1
  72. package/esm/mobile.module-4e795c47.js +4 -0
  73. package/esm/presets/index.js +1 -1
  74. package/esm/presets/useSelectWithApply/hook.js +1 -1
  75. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  76. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  77. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  78. package/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  79. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  80. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  81. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  82. package/esm/presets/useSelectWithLoading/hook.js +1 -1
  83. package/esm/presets/useSelectWithLoading/index.css +2 -2
  84. package/esm/shared/index.js +2 -2
  85. package/esm/utils.d.ts +2 -1
  86. package/esm/utils.js +47 -2
  87. package/{list-popover-desktop-5be0267e.js → list-popover-desktop-cbc31679.js} +1 -1
  88. package/mobile/Component.mobile.js +1 -1
  89. package/mobile.module-1cf424b0.js +6 -0
  90. package/modern/components/arrow/Component.js +1 -1
  91. package/modern/components/arrow/index.css +3 -3
  92. package/modern/components/base-checkmark/Component.js +1 -1
  93. package/modern/components/base-checkmark/index.css +6 -6
  94. package/modern/components/base-option/Component.js +1 -1
  95. package/modern/components/base-option/index.css +15 -15
  96. package/modern/components/base-select/Component.js +2 -2
  97. package/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  98. package/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  99. package/modern/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  100. package/modern/components/base-select/index.css +11 -11
  101. package/modern/components/base-select/mobile.css +12 -12
  102. package/modern/components/checkmark/Component.js +1 -1
  103. package/modern/components/checkmark/index.css +10 -10
  104. package/modern/components/checkmark-mobile/Component.js +1 -1
  105. package/modern/components/checkmark-mobile/index.css +6 -6
  106. package/modern/components/clear-button/Component.js +1 -1
  107. package/modern/components/clear-button/index.css +6 -6
  108. package/modern/components/field/Component.js +1 -1
  109. package/modern/components/field/index.css +12 -12
  110. package/modern/components/footer/Component.js +1 -1
  111. package/modern/components/footer/index.css +5 -5
  112. package/modern/components/optgroup/Component.js +1 -1
  113. package/modern/components/optgroup/index.css +6 -6
  114. package/modern/components/option/Component.js +1 -1
  115. package/modern/components/option/index.css +19 -19
  116. package/modern/components/options-list/Component.js +1 -1
  117. package/modern/components/options-list/index.css +11 -11
  118. package/modern/components/search/Component.js +1 -1
  119. package/modern/components/search/index.css +2 -2
  120. package/modern/components/virtual-options-list/Component.js +3 -3
  121. package/modern/components/virtual-options-list/index.css +15 -15
  122. package/modern/{list-popover-desktop-483aa9cb.js → list-popover-desktop-9ae81274.js} +1 -1
  123. package/modern/mobile/Component.mobile.js +1 -1
  124. package/modern/mobile.module-e9497052.js +4 -0
  125. package/modern/presets/index.js +1 -1
  126. package/modern/presets/useSelectWithApply/hook.js +1 -1
  127. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  128. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  129. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  130. package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  131. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  132. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  133. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  134. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  135. package/modern/presets/useSelectWithLoading/index.css +2 -2
  136. package/modern/shared/index.js +2 -2
  137. package/modern/utils.d.ts +2 -1
  138. package/modern/utils.js +44 -2
  139. package/moderncssm/components/virtual-options-list/Component.js +2 -2
  140. package/moderncssm/shared/index.js +1 -1
  141. package/moderncssm/utils.d.ts +2 -1
  142. package/moderncssm/utils.js +44 -2
  143. package/package.json +4 -4
  144. package/presets/index.js +1 -1
  145. package/presets/useSelectWithApply/hook.js +1 -1
  146. package/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  147. package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  148. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  149. package/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  150. package/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  151. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  152. package/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  153. package/presets/useSelectWithLoading/hook.js +1 -1
  154. package/presets/useSelectWithLoading/index.css +2 -2
  155. package/shared/index.js +2 -1
  156. package/src/components/virtual-options-list/Component.tsx +2 -2
  157. package/src/utils.ts +76 -0
  158. package/utils.d.ts +2 -1
  159. package/utils.js +46 -0
  160. package/esm/mobile.module-e0ef84c0.js +0 -4
  161. package/mobile.module-7c4bac8a.js +0 -6
  162. package/modern/mobile.module-cf121ed8.js +0 -4
  163. /package/esm/{hook-abcdce24.d.ts → hook-2671ed8c.d.ts} +0 -0
  164. /package/esm/{hook-abcdce24.js → hook-2671ed8c.js} +0 -0
  165. /package/esm/{list-popover-desktop-2b8c7de9.d.ts → list-popover-desktop-887652b7.d.ts} +0 -0
  166. /package/{hook-15f009ec.d.ts → hook-915ae008.d.ts} +0 -0
  167. /package/{hook-15f009ec.js → hook-915ae008.js} +0 -0
  168. /package/{list-popover-desktop-5be0267e.d.ts → list-popover-desktop-cbc31679.d.ts} +0 -0
  169. /package/modern/{hook-3f889408.d.ts → hook-3033a0ac.d.ts} +0 -0
  170. /package/modern/{hook-3f889408.js → hook-3033a0ac.js} +0 -0
  171. /package/modern/{list-popover-desktop-483aa9cb.d.ts → list-popover-desktop-9ae81274.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: ao66n */
1
+ /* hash: bdy52 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -44,15 +44,15 @@
44
44
  /* checkmark */
45
45
 
46
46
  /* optgroup */
47
- } .select__clearIcon_p0e8q {
47
+ } .select__clearIcon_1kat9 {
48
48
  display: block;
49
49
  color: var(--color-light-neutral-translucent-500)
50
- } .select__clearIcon_p0e8q:hover {
50
+ } .select__clearIcon_1kat9:hover {
51
51
  color: var(--color-light-neutral-translucent-500-hover);
52
- } .select__clearIcon_p0e8q:active {
52
+ } .select__clearIcon_1kat9:active {
53
53
  color: var(--color-light-neutral-translucent-500-press);
54
- } .select__clearButton_p0e8q + [data-addon='error-icon'] {
54
+ } .select__clearButton_1kat9 + [data-addon='error-icon'] {
55
55
  display: var(--input-error-icon-display);
56
- } .select__clearButton_p0e8q + * {
56
+ } .select__clearButton_1kat9 + * {
57
57
  margin-left: var(--gap-4);
58
58
  }
@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- var styles = {"component":"select__component_wowm5","field":"select__field_wowm5","disabled":"select__disabled_wowm5","arrow":"select__arrow_wowm5","placeholder":"select__placeholder_wowm5","show-placeholder":"select__show-placeholder_wowm5","focused":"select__focused_wowm5","contentWrapper":"select__contentWrapper_wowm5","value":"select__value_wowm5","focusVisible":"select__focusVisible_wowm5"};
18
+ var styles = {"component":"select__component_1rzbm","field":"select__field_1rzbm","disabled":"select__disabled_1rzbm","arrow":"select__arrow_1rzbm","placeholder":"select__placeholder_1rzbm","show-placeholder":"select__show-placeholder_1rzbm","focused":"select__focused_1rzbm","contentWrapper":"select__contentWrapper_1rzbm","value":"select__value_1rzbm","focusVisible":"select__focusVisible_1rzbm"};
19
19
  require('./index.css')
20
20
 
21
21
  var Field = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: icok2 */
1
+ /* hash: j2gih */
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_wowm5 {
49
+ } .select__component_1rzbm {
50
50
  width: 100%;
51
51
  outline: none;
52
- } .select__field_wowm5:not(.select__disabled_wowm5) {
52
+ } .select__field_1rzbm:not(.select__disabled_1rzbm) {
53
53
  cursor: pointer
54
- } .select__field_wowm5:not(.select__disabled_wowm5):hover .select__arrow_wowm5 {
54
+ } .select__field_1rzbm:not(.select__disabled_1rzbm):hover .select__arrow_1rzbm {
55
55
  opacity: var(--select-arrow-hover-opacity);
56
- } .select__disabled_wowm5 {
56
+ } .select__disabled_1rzbm {
57
57
  cursor: var(--disabled-cursor);
58
- } .select__placeholder_wowm5 {
58
+ } .select__placeholder_1rzbm {
59
59
  color: var(--input-placeholder-color);
60
60
  transition: color 0.2s ease;
61
- animation: select__show-placeholder_wowm5 0.2s ease
62
- } .select__placeholder_wowm5.select__focused_wowm5 {
61
+ animation: select__show-placeholder_1rzbm 0.2s ease
62
+ } .select__placeholder_1rzbm.select__focused_1rzbm {
63
63
  color: var(--input-focus-placeholder-color);
64
- } .select__contentWrapper_wowm5 {
64
+ } .select__contentWrapper_1rzbm {
65
65
  font-size: 16px;
66
66
  line-height: 20px;
67
67
  font-weight: 400;
@@ -70,14 +70,14 @@
70
70
  text-overflow: ellipsis;
71
71
  overflow: hidden;
72
72
  width: 100%;
73
- } .select__value_wowm5 {
73
+ } .select__value_1rzbm {
74
74
  overflow: hidden;
75
75
  text-overflow: ellipsis;
76
76
  text-align: left;
77
- } .select__focusVisible_wowm5 {
77
+ } .select__focusVisible_1rzbm {
78
78
  outline: 2px solid var(--focus-color);
79
79
  outline-offset: 2px;
80
- } @keyframes select__show-placeholder_wowm5 {
80
+ } @keyframes select__show-placeholder_1rzbm {
81
81
  from {
82
82
  opacity: 0;
83
83
  }
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"footer":"select__footer_ljce4","button":"select__button_ljce4","highlighted":"select__highlighted_ljce4"};
16
+ var styles = {"footer":"select__footer_1vyqr","button":"select__button_1vyqr","highlighted":"select__highlighted_1vyqr"};
17
17
  require('./index.css')
18
18
 
19
19
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 17ksr */
1
+ /* hash: 1ox8p */
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_ljce4 {
34
+ } .select__footer_1vyqr {
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_ljce4 .select__button_ljce4:first-of-type {
40
+ } .select__footer_1vyqr .select__button_1vyqr:first-of-type {
41
41
  margin-right: var(--gap-16);
42
- } .select__button_ljce4 {
42
+ } .select__button_1vyqr {
43
43
  width: 50%;
44
- } .select__highlighted_ljce4 {
44
+ } .select__highlighted_1vyqr {
45
45
  border-top: 1px solid var(--color-light-neutral-300);
46
46
  background-color: var(--color-light-modal-bg-primary);
47
47
  }
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"optgroup":"select__optgroup_1wwhi","label":"select__label_1wwhi","size-64":"select__size-64_1wwhi","size-72":"select__size-72_1wwhi"};
14
+ var styles = {"optgroup":"select__optgroup_1itgg","label":"select__label_1itgg","size-64":"select__size-64_1itgg","size-72":"select__size-72_1itgg"};
15
15
  require('./index.css')
16
16
 
17
17
  var Optgroup = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1sb1n */
1
+ /* hash: 9r0n8 */
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_1wwhi {
45
+ } .select__optgroup_1itgg {
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_1wwhi + *[role='option']:before {
54
+ } .select__optgroup_1itgg + *[role='option']:before {
55
55
  display: none;
56
- } .select__label_1wwhi {
56
+ } .select__label_1itgg {
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_1wwhi,
66
- .select__size-72_1wwhi {
65
+ } .select__size-64_1itgg,
66
+ .select__size-72_1itgg {
67
67
  padding-left: var(--select-optgroup-l-left-padding);
68
68
  padding-right: var(--select-optgroup-l-right-padding);
69
69
  }
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"option":"select__option_xwzvm","disabled":"select__disabled_xwzvm","size-48":"select__size-48_xwzvm","size-56":"select__size-56_xwzvm","size-64":"select__size-64_xwzvm","size-72":"select__size-72_xwzvm","selected":"select__selected_xwzvm","highlighted":"select__highlighted_xwzvm","content":"select__content_xwzvm","textContent":"select__textContent_xwzvm"};
17
+ var styles = {"option":"select__option_1lhkr","disabled":"select__disabled_1lhkr","size-48":"select__size-48_1lhkr","size-56":"select__size-56_1lhkr","size-64":"select__size-64_1lhkr","size-72":"select__size-72_1lhkr","selected":"select__selected_1lhkr","highlighted":"select__highlighted_1lhkr","content":"select__content_1lhkr","textContent":"select__textContent_1lhkr"};
18
18
  require('./index.css')
19
19
 
20
20
  var Option = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 14qan */
1
+ /* hash: wrl1o */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -60,7 +60,7 @@
60
60
  /* checkmark */
61
61
 
62
62
  /* optgroup */
63
- } .select__option_xwzvm {
63
+ } .select__option_1lhkr {
64
64
  font-size: 16px;
65
65
  line-height: 20px;
66
66
  font-weight: 400;
@@ -75,10 +75,10 @@
75
75
  box-sizing: border-box;
76
76
  position: relative;
77
77
  cursor: pointer
78
- } .select__option_xwzvm:not(.select__disabled_xwzvm):active {
78
+ } .select__option_1lhkr:not(.select__disabled_1lhkr):active {
79
79
  background: var(--select-option-active-background);
80
80
  color: var(--select-option-active-color);
81
- } .select__option_xwzvm:before {
81
+ } .select__option_1lhkr:before {
82
82
  content: '';
83
83
  position: absolute;
84
84
  left: var(--select-option-left-padding);
@@ -88,42 +88,42 @@
88
88
  background: var(--select-option-divider-background);
89
89
  display: var(--select-option-divider-display);
90
90
  transition: opacity 0.2s ease;
91
- } .select__option_xwzvm:first-child:before {
91
+ } .select__option_1lhkr:first-child:before {
92
92
  display: none;
93
- } .select__size-48_xwzvm {
93
+ } .select__size-48_1lhkr {
94
94
  min-height: var(--size-s-height);
95
- } .select__size-56_xwzvm {
95
+ } .select__size-56_1lhkr {
96
96
  min-height: var(--size-m-height);
97
- } .select__size-64_xwzvm {
97
+ } .select__size-64_1lhkr {
98
98
  min-height: var(--size-l-height);
99
- } .select__size-72_xwzvm {
99
+ } .select__size-72_1lhkr {
100
100
  min-height: var(--size-xl-height);
101
- } .select__size-64_xwzvm,
102
- .select__size-72_xwzvm {
101
+ } .select__size-64_1lhkr,
102
+ .select__size-72_1lhkr {
103
103
  padding-left: var(--select-option-l-left-padding);
104
104
  padding-right: var(--select-option-l-right-padding)
105
- } .select__size-64_xwzvm:before, .select__size-72_xwzvm:before {
105
+ } .select__size-64_1lhkr:before, .select__size-72_1lhkr:before {
106
106
  left: var(--select-option-l-left-padding);
107
107
  right: var(--select-option-l-right-padding);
108
- } .select__selected_xwzvm {
108
+ } .select__selected_1lhkr {
109
109
  background: var(--select-option-selected-background);
110
110
  color: var(--select-option-selected-color);
111
111
  cursor: default;
112
- } .select__highlighted_xwzvm {
112
+ } .select__highlighted_1lhkr {
113
113
  background: var(--select-option-hover-background);
114
114
  color: var(--select-option-hover-color)
115
- } .select__highlighted_xwzvm:before,
116
- .select__highlighted_xwzvm + .select__option_xwzvm:before {
115
+ } .select__highlighted_1lhkr:before,
116
+ .select__highlighted_1lhkr + .select__option_1lhkr:before {
117
117
  opacity: 0;
118
- } .select__disabled_xwzvm {
118
+ } .select__disabled_1lhkr {
119
119
  cursor: var(--disabled-cursor);
120
120
  background: var(--select-option-disabled-background);
121
121
  color: var(--select-option-disabled-color);
122
- } .select__content_xwzvm {
122
+ } .select__content_1lhkr {
123
123
  overflow: hidden;
124
124
  flex: 1;
125
125
  text-overflow: ellipsis;
126
- } .select__textContent_xwzvm {
126
+ } .select__textContent_1lhkr {
127
127
  padding-top: var(--gap-12);
128
128
  padding-bottom: var(--gap-12);
129
129
  }
@@ -19,7 +19,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
19
19
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
20
20
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
21
21
 
22
- var styles = {"optionsList":"select__optionsList_1ml5r","optionsListHeader":"select__optionsListHeader_1ml5r","headerHighlighted":"select__headerHighlighted_1ml5r","optionsListFooter":"select__optionsListFooter_1ml5r","withBorder":"select__withBorder_1ml5r","scrollable":"select__scrollable_1ml5r","-webkit-mask":"select__mask_1ml5r","mask":"select__mask_1ml5r","emptyPlaceholder":"select__emptyPlaceholder_1ml5r","size-64":"select__size-64_1ml5r","size-72":"select__size-72_1ml5r"};
22
+ var styles = {"optionsList":"select__optionsList_1kkqz","optionsListHeader":"select__optionsListHeader_1kkqz","headerHighlighted":"select__headerHighlighted_1kkqz","optionsListFooter":"select__optionsListFooter_1kkqz","withBorder":"select__withBorder_1kkqz","scrollable":"select__scrollable_1kkqz","-webkit-mask":"select__mask_1kkqz","mask":"select__mask_1kkqz","emptyPlaceholder":"select__emptyPlaceholder_1kkqz","size-64":"select__size-64_1kkqz","size-72":"select__size-72_1kkqz"};
23
23
  require('./index.css')
24
24
 
25
25
  var createCounter = function () {
@@ -1,4 +1,4 @@
1
- /* hash: 11vc4 */
1
+ /* hash: k98om */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -37,34 +37,34 @@
37
37
  /* checkmark */
38
38
 
39
39
  /* optgroup */
40
- } .select__optionsList_1ml5r {
40
+ } .select__optionsList_1kkqz {
41
41
  width: 100%;
42
42
  outline: none;
43
43
  box-sizing: border-box;
44
44
  position: relative;
45
- } .select__optionsListHeader_1ml5r {
45
+ } .select__optionsListHeader_1kkqz {
46
46
  box-sizing: border-box;
47
47
  border-bottom: 1px solid transparent;
48
48
  transition: border-color 0.2s ease
49
- } .select__optionsListHeader_1ml5r.select__headerHighlighted_1ml5r {
49
+ } .select__optionsListHeader_1kkqz.select__headerHighlighted_1kkqz {
50
50
  border-bottom-color: var(--color-light-neutral-300);
51
- } .select__optionsListFooter_1ml5r {
51
+ } .select__optionsListFooter_1kkqz {
52
52
  position: sticky;
53
53
  bottom: var(--gap-0);
54
54
  box-sizing: border-box;
55
55
  border-top: 1px solid transparent;
56
56
  transition: border-color 0.2s ease
57
- } .select__optionsListFooter_1ml5r.select__withBorder_1ml5r {
57
+ } .select__optionsListFooter_1kkqz.select__withBorder_1kkqz {
58
58
  border-top-color: var(--color-light-neutral-300);
59
- } .select__scrollable_1ml5r {
59
+ } .select__scrollable_1kkqz {
60
60
  overflow: auto;
61
61
  width: 100%;
62
- } .select__mask_1ml5r {
62
+ } .select__mask_1kkqz {
63
63
  min-width: 4000px;
64
- } .select__emptyPlaceholder_1ml5r {
64
+ } .select__emptyPlaceholder_1kkqz {
65
65
  padding: var(--gap-16) var(--gap-12);
66
66
  color: var(--select-options-list-empty-placeholder-color);
67
- } .select__size-64_1ml5r .select__emptyPlaceholder_1ml5r,
68
- .select__size-72_1ml5r .select__emptyPlaceholder_1ml5r {
67
+ } .select__size-64_1kkqz .select__emptyPlaceholder_1kkqz,
68
+ .select__size-72_1kkqz .select__emptyPlaceholder_1kkqz {
69
69
  padding: var(--gap-24) var(--gap-16);
70
70
  }
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"component":"select__component_1hxzg"};
16
+ var styles = {"component":"select__component_7il34"};
17
17
  require('./index.css')
18
18
 
19
19
  var Search = React.forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: 1dgcb */
1
+ /* hash: 35144 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,6 +27,6 @@
27
27
  /* checkmark */
28
28
 
29
29
  /* optgroup */
30
- } .select__component_1hxzg.select__component_1hxzg {
30
+ } .select__component_7il34.select__component_7il34 {
31
31
  width: auto;
32
32
  }
@@ -20,7 +20,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
20
20
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
22
22
 
23
- var styles = {"virtualOptionsList":"select__virtualOptionsList_1n8bo","virtualOptionsListHeader":"select__virtualOptionsListHeader_1n8bo","virtualOptionsListFooter":"select__virtualOptionsListFooter_1n8bo","withBorder":"select__withBorder_1n8bo","scrollable":"select__scrollable_1n8bo","inner":"select__inner_1n8bo","virtualRow":"select__virtualRow_1n8bo","highlighted":"select__highlighted_1n8bo","emptyPlaceholder":"select__emptyPlaceholder_1n8bo","size-64":"select__size-64_1n8bo","size-72":"select__size-72_1n8bo"};
23
+ var styles = {"virtualOptionsList":"select__virtualOptionsList_d0h1g","virtualOptionsListHeader":"select__virtualOptionsListHeader_d0h1g","virtualOptionsListFooter":"select__virtualOptionsListFooter_d0h1g","withBorder":"select__withBorder_d0h1g","scrollable":"select__scrollable_d0h1g","inner":"select__inner_d0h1g","virtualRow":"select__virtualRow_d0h1g","highlighted":"select__highlighted_d0h1g","emptyPlaceholder":"select__emptyPlaceholder_d0h1g","size-64":"select__size-64_d0h1g","size-72":"select__size-72_d0h1g"};
24
24
  require('./index.css')
25
25
 
26
26
  var VirtualOptionsList = React.forwardRef(function (_a, ref) {
@@ -85,7 +85,7 @@ var VirtualOptionsList = React.forwardRef(function (_a, ref) {
85
85
  .join('_'));
86
86
  // eslint-disable-next-line react-hooks/exhaustive-deps
87
87
  }, [rowVirtualizer.virtualItems.length, flatOptions]);
88
- utils.useVisibleOptions({
88
+ utils.useVirtualVisibleOptions({
89
89
  visibleOptions: visibleOptions,
90
90
  invalidate: visibleOptionsInvalidateKey,
91
91
  listRef: listRef,
@@ -1,4 +1,4 @@
1
- /* hash: 1t13g */
1
+ /* hash: 1305y */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -43,35 +43,35 @@
43
43
  /* checkmark */
44
44
 
45
45
  /* optgroup */
46
- } .select__virtualOptionsList_1n8bo {
46
+ } .select__virtualOptionsList_d0h1g {
47
47
  width: 100%;
48
48
  outline: none;
49
49
  box-sizing: border-box;
50
50
  position: sticky;
51
51
  justify-content: space-between;
52
- } .select__virtualOptionsListHeader_1n8bo {
52
+ } .select__virtualOptionsListHeader_d0h1g {
53
53
  box-sizing: border-box;
54
54
  border-bottom: 1px solid var(--color-light-neutral-300);
55
- } .select__virtualOptionsListFooter_1n8bo {
55
+ } .select__virtualOptionsListFooter_d0h1g {
56
56
  position: sticky;
57
57
  bottom: var(--gap-0);
58
58
  box-sizing: border-box;
59
59
  border-top: 1px solid transparent
60
- } .select__virtualOptionsListFooter_1n8bo.select__withBorder_1n8bo {
60
+ } .select__virtualOptionsListFooter_d0h1g.select__withBorder_d0h1g {
61
61
  border-top: 1px solid var(--color-light-neutral-300);
62
- } .select__scrollable_1n8bo {
62
+ } .select__scrollable_d0h1g {
63
63
  position: relative;
64
64
  overflow: auto;
65
65
  width: 100%;
66
- } .select__inner_1n8bo {
66
+ } .select__inner_d0h1g {
67
67
  position: relative;
68
68
  width: 100%;
69
- } .select__virtualRow_1n8bo {
69
+ } .select__virtualRow_d0h1g {
70
70
  position: absolute;
71
71
  top: var(--gap-0);
72
72
  left: var(--gap-0);
73
73
  width: 100%
74
- } .select__virtualRow_1n8bo:before {
74
+ } .select__virtualRow_d0h1g:before {
75
75
  content: '';
76
76
  position: absolute;
77
77
  z-index: 1;
@@ -81,16 +81,16 @@
81
81
  height: 1px;
82
82
  background: var(--select-option-divider-background);
83
83
  display: var(--select-option-divider-display);
84
- } .select__virtualRow_1n8bo:first-child:before {
84
+ } .select__virtualRow_d0h1g:first-child:before {
85
85
  display: none;
86
- } .select__highlighted_1n8bo:before,
87
- .select__highlighted_1n8bo + .select__virtualRow_1n8bo:before {
86
+ } .select__highlighted_d0h1g:before,
87
+ .select__highlighted_d0h1g + .select__virtualRow_d0h1g:before {
88
88
  display: none;
89
- } .select__emptyPlaceholder_1n8bo {
89
+ } .select__emptyPlaceholder_d0h1g {
90
90
  padding: var(--gap-16) var(--gap-12);
91
91
  color: var(--select-options-list-empty-placeholder-color);
92
92
  flex: 1;
93
- } .select__size-64_1n8bo .select__emptyPlaceholder_1n8bo,
94
- .select__size-72_1n8bo .select__emptyPlaceholder_1n8bo {
93
+ } .select__size-64_d0h1g .select__emptyPlaceholder_d0h1g,
94
+ .select__size-72_d0h1g .select__emptyPlaceholder_d0h1g {
95
95
  padding: var(--gap-24) var(--gap-16);
96
96
  }
@@ -84,7 +84,7 @@ var VirtualOptionsList = React.forwardRef(function (_a, ref) {
84
84
  .join('_'));
85
85
  // eslint-disable-next-line react-hooks/exhaustive-deps
86
86
  }, [rowVirtualizer.virtualItems.length, flatOptions]);
87
- utils.useVisibleOptions({
87
+ utils.useVirtualVisibleOptions({
88
88
  visibleOptions: visibleOptions,
89
89
  invalidate: visibleOptionsInvalidateKey,
90
90
  listRef: listRef,
@@ -33,6 +33,7 @@ exports.joinOptions = utils.joinOptions;
33
33
  exports.lastIndexOf = utils.lastIndexOf;
34
34
  exports.processOptions = utils.processOptions;
35
35
  exports.usePrevious = utils.usePrevious;
36
+ exports.useVirtualVisibleOptions = utils.useVirtualVisibleOptions;
36
37
  exports.useVisibleOptions = utils.useVisibleOptions;
37
38
  exports.Option = components_option_Component.Option;
38
39
  exports.BaseOption = components_baseOption_Component.BaseOption;
package/cssm/utils.d.ts CHANGED
@@ -45,6 +45,7 @@ type useVisibleOptionsArgs = {
45
45
  */
46
46
  actualOptionsCount?: boolean;
47
47
  };
48
+ declare function useVirtualVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs): void;
48
49
  declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs): boolean;
49
50
  declare function defaultFilterFn(optionText: string, search: string): boolean;
50
51
  declare function defaultGroupAccessor(option: GroupShape): string | undefined;
@@ -78,4 +79,4 @@ declare function getSelectTestIds(dataTestId: string): {
78
79
  modalHeader: string;
79
80
  modalContent: string;
80
81
  };
81
- export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultGroupAccessor, defaultAccessor, usePrevious, lastIndexOf, getSelectTestIds };
82
+ export { isGroup, isOptionShape, joinOptions, processOptions, useVirtualVisibleOptions, useVisibleOptions, defaultFilterFn, defaultGroupAccessor, defaultAccessor, usePrevious, lastIndexOf, getSelectTestIds };
package/cssm/utils.js CHANGED
@@ -78,6 +78,51 @@ function processOptions(options, selected, filterFn, filterGroup) {
78
78
  });
79
79
  return { filteredOptions: filteredOptions, flatOptions: flatOptions, selectedOptions: selectedOptions };
80
80
  }
81
+ // copy-paste of original `useVisibleOptions` before https://github.com/core-ds/core-components/pull/1368
82
+ function useVirtualVisibleOptions(_a) {
83
+ var visibleOptions = _a.visibleOptions, listRef = _a.listRef, _b = _a.styleTargetRef, styleTargetRef = _b === void 0 ? listRef : _b, open = _a.open, invalidate = _a.invalidate, options = _a.options, size = _a.size, actualOptionsCount = _a.actualOptionsCount;
84
+ React.useEffect(function () {
85
+ var measureOptionHeight = function (element) {
86
+ return typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;
87
+ };
88
+ var list = listRef.current;
89
+ var styleTarget = styleTargetRef.current;
90
+ if (open && list && styleTarget && visibleOptions > 0) {
91
+ var childCount = list.children.length;
92
+ var optionsNodes = [].slice.call(list.children, 0, visibleOptions + 1);
93
+ var height = optionsNodes
94
+ .slice(0, visibleOptions)
95
+ .reduce(function (acc, child) { return acc + measureOptionHeight(child); }, 0);
96
+ if (visibleOptions < childCount) {
97
+ var lastVisibleOptionHeight = measureOptionHeight(optionsNodes[optionsNodes.length - 1]);
98
+ // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку
99
+ height += Math.round(childCount - visibleOptions === 1
100
+ ? lastVisibleOptionHeight
101
+ : lastVisibleOptionHeight / 2);
102
+ }
103
+ else if (visibleOptions > childCount &&
104
+ actualOptionsCount &&
105
+ typeof size === 'number') {
106
+ var actualCount = (options !== null && options !== void 0 ? options : []).reduce(function (sum, option) { return sum + 1 + (isGroup(option) ? option.options.length : 0); }, 0);
107
+ height =
108
+ Math.min(actualCount === 0 ? /** empty placeholder */ 1 : actualCount, visibleOptions) * size;
109
+ if (visibleOptions < actualCount) {
110
+ height += size / 2;
111
+ }
112
+ }
113
+ styleTarget.style.height = "".concat(height, "px");
114
+ }
115
+ }, [
116
+ actualOptionsCount,
117
+ listRef,
118
+ open,
119
+ options,
120
+ size,
121
+ styleTargetRef,
122
+ visibleOptions,
123
+ invalidate,
124
+ ]);
125
+ }
81
126
  function useVisibleOptions(_a) {
82
127
  var visibleOptions = _a.visibleOptions, listRef = _a.listRef, _b = _a.styleTargetRef, styleTargetRef = _b === void 0 ? listRef : _b, open = _a.open, invalidate = _a.invalidate, options = _a.options, size = _a.size, actualOptionsCount = _a.actualOptionsCount;
83
128
  var _c = coreComponentsShared.useIsMounted(), runIfMounted = _c[1];
@@ -204,4 +249,5 @@ exports.joinOptions = joinOptions;
204
249
  exports.lastIndexOf = lastIndexOf;
205
250
  exports.processOptions = processOptions;
206
251
  exports.usePrevious = usePrevious;
252
+ exports.useVirtualVisibleOptions = useVirtualVisibleOptions;
207
253
  exports.useVisibleOptions = useVisibleOptions;
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
4
4
 
5
- var styles = {"arrow":"select__arrow_8zobi","open":"select__open_8zobi"};
5
+ var styles = {"arrow":"select__arrow_tu31m","open":"select__open_tu31m"};
6
6
  require('./index.css')
7
7
 
8
8
  var Arrow = function (_a) {