@alfalab/core-components-select 17.21.5 → 17.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (197) hide show
  1. package/components/arrow/Component.js +1 -1
  2. package/components/arrow/index.css +5 -5
  3. package/components/base-checkmark/Component.js +1 -1
  4. package/components/base-checkmark/index.css +6 -6
  5. package/components/base-option/Component.js +1 -1
  6. package/components/base-option/index.css +17 -17
  7. package/components/base-select/Component.js +2 -2
  8. package/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  9. package/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  10. package/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  11. package/components/base-select/index.css +12 -12
  12. package/components/base-select/mobile.css +12 -12
  13. package/components/checkmark/Component.js +1 -1
  14. package/components/checkmark/index.css +10 -10
  15. package/components/checkmark-mobile/Component.js +1 -1
  16. package/components/checkmark-mobile/index.css +6 -6
  17. package/components/clear-button/Component.js +1 -1
  18. package/components/clear-button/index.css +5 -5
  19. package/components/field/Component.d.ts +1 -1
  20. package/components/field/Component.js +3 -3
  21. package/components/field/index.css +14 -14
  22. package/components/footer/Component.js +1 -1
  23. package/components/footer/index.css +5 -5
  24. package/components/optgroup/Component.js +1 -1
  25. package/components/optgroup/index.css +5 -5
  26. package/components/option/desktop/Component.js +1 -1
  27. package/components/option/desktop/index.css +21 -21
  28. package/components/option/mobile/Component.js +1 -1
  29. package/components/option/mobile/index.css +18 -18
  30. package/components/options-list/Component.js +1 -1
  31. package/components/options-list/index.css +10 -10
  32. package/components/search/Component.js +1 -1
  33. package/components/search/index.css +2 -2
  34. package/components/virtual-options-list/Component.js +1 -1
  35. package/components/virtual-options-list/index.css +14 -14
  36. package/consts.d.ts +2 -1
  37. package/consts.js +2 -0
  38. package/cssm/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts +1 -1
  39. package/cssm/components/field/Component.d.ts +1 -1
  40. package/cssm/components/field/Component.js +2 -2
  41. package/cssm/consts.d.ts +2 -1
  42. package/cssm/consts.js +2 -0
  43. package/cssm/typings.d.ts +9 -0
  44. package/cssm/utils.d.ts +2 -1
  45. package/cssm/utils.js +3 -2
  46. package/esm/components/arrow/Component.js +1 -1
  47. package/esm/components/arrow/index.css +5 -5
  48. package/esm/components/base-checkmark/Component.js +1 -1
  49. package/esm/components/base-checkmark/index.css +6 -6
  50. package/esm/components/base-option/Component.js +1 -1
  51. package/esm/components/base-option/index.css +17 -17
  52. package/esm/components/base-select/Component.js +2 -2
  53. package/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  54. package/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  55. package/esm/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  56. package/esm/components/base-select/index.css +12 -12
  57. package/esm/components/base-select/mobile.css +12 -12
  58. package/esm/components/checkmark/Component.js +1 -1
  59. package/esm/components/checkmark/index.css +10 -10
  60. package/esm/components/checkmark-mobile/Component.js +1 -1
  61. package/esm/components/checkmark-mobile/index.css +6 -6
  62. package/esm/components/clear-button/Component.js +1 -1
  63. package/esm/components/clear-button/index.css +5 -5
  64. package/esm/components/field/Component.d.ts +1 -1
  65. package/esm/components/field/Component.js +3 -3
  66. package/esm/components/field/index.css +14 -14
  67. package/esm/components/footer/Component.js +1 -1
  68. package/esm/components/footer/index.css +5 -5
  69. package/esm/components/optgroup/Component.js +1 -1
  70. package/esm/components/optgroup/index.css +5 -5
  71. package/esm/components/option/desktop/Component.js +1 -1
  72. package/esm/components/option/desktop/index.css +21 -21
  73. package/esm/components/option/mobile/Component.js +1 -1
  74. package/esm/components/option/mobile/index.css +18 -18
  75. package/esm/components/options-list/Component.js +1 -1
  76. package/esm/components/options-list/index.css +10 -10
  77. package/esm/components/search/Component.js +1 -1
  78. package/esm/components/search/index.css +2 -2
  79. package/esm/components/virtual-options-list/Component.js +1 -1
  80. package/esm/components/virtual-options-list/index.css +14 -14
  81. package/esm/consts.d.ts +2 -1
  82. package/esm/consts.js +2 -1
  83. package/esm/{list-popover-desktop-29a8ef3e.js → list-popover-desktop-ce7230ff.js} +1 -1
  84. package/esm/mobile/Component.mobile.js +1 -1
  85. package/esm/mobile.module-4cb6e76e.js +4 -0
  86. package/esm/presets/index.js +1 -1
  87. package/esm/presets/useSelectWithApply/hook.js +1 -1
  88. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  89. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  90. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +4 -4
  91. package/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  92. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +4 -4
  93. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  94. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  95. package/esm/presets/useSelectWithLoading/hook.js +1 -1
  96. package/esm/presets/useSelectWithLoading/index.css +2 -2
  97. package/esm/shared/index.js +1 -1
  98. package/esm/typings.d.ts +9 -0
  99. package/esm/utils.d.ts +2 -1
  100. package/esm/utils.js +3 -2
  101. package/{list-popover-desktop-1eb72557.js → list-popover-desktop-c264abbb.js} +1 -1
  102. package/mobile/Component.mobile.js +1 -1
  103. package/mobile.module-16f2c15a.js +6 -0
  104. package/modern/components/arrow/Component.js +1 -1
  105. package/modern/components/arrow/index.css +5 -5
  106. package/modern/components/base-checkmark/Component.js +1 -1
  107. package/modern/components/base-checkmark/index.css +6 -6
  108. package/modern/components/base-option/Component.js +1 -1
  109. package/modern/components/base-option/index.css +17 -17
  110. package/modern/components/base-select/Component.js +2 -2
  111. package/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  112. package/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  113. package/modern/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  114. package/modern/components/base-select/index.css +12 -12
  115. package/modern/components/base-select/mobile.css +12 -12
  116. package/modern/components/checkmark/Component.js +1 -1
  117. package/modern/components/checkmark/index.css +10 -10
  118. package/modern/components/checkmark-mobile/Component.js +1 -1
  119. package/modern/components/checkmark-mobile/index.css +6 -6
  120. package/modern/components/clear-button/Component.js +1 -1
  121. package/modern/components/clear-button/index.css +5 -5
  122. package/modern/components/field/Component.d.ts +1 -1
  123. package/modern/components/field/Component.js +3 -3
  124. package/modern/components/field/index.css +14 -14
  125. package/modern/components/footer/Component.js +1 -1
  126. package/modern/components/footer/index.css +5 -5
  127. package/modern/components/optgroup/Component.js +1 -1
  128. package/modern/components/optgroup/index.css +5 -5
  129. package/modern/components/option/desktop/Component.js +1 -1
  130. package/modern/components/option/desktop/index.css +21 -21
  131. package/modern/components/option/mobile/Component.js +1 -1
  132. package/modern/components/option/mobile/index.css +18 -18
  133. package/modern/components/options-list/Component.js +1 -1
  134. package/modern/components/options-list/index.css +10 -10
  135. package/modern/components/search/Component.js +1 -1
  136. package/modern/components/search/index.css +2 -2
  137. package/modern/components/virtual-options-list/Component.js +1 -1
  138. package/modern/components/virtual-options-list/index.css +14 -14
  139. package/modern/consts.d.ts +2 -1
  140. package/modern/consts.js +2 -1
  141. package/modern/{list-popover-desktop-7a9f6f97.js → list-popover-desktop-ef23ef00.js} +1 -1
  142. package/modern/mobile/Component.mobile.js +1 -1
  143. package/modern/mobile.module-4725bcd2.js +4 -0
  144. package/modern/presets/index.js +1 -1
  145. package/modern/presets/useSelectWithApply/hook.js +1 -1
  146. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  147. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  148. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +4 -4
  149. package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  150. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +4 -4
  151. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  152. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  153. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  154. package/modern/presets/useSelectWithLoading/index.css +2 -2
  155. package/modern/shared/index.js +1 -1
  156. package/modern/typings.d.ts +9 -0
  157. package/modern/utils.d.ts +2 -1
  158. package/modern/utils.js +3 -2
  159. package/moderncssm/components/field/Component.d.ts +1 -1
  160. package/moderncssm/components/field/Component.js +2 -2
  161. package/moderncssm/consts.d.ts +2 -1
  162. package/moderncssm/consts.js +2 -1
  163. package/moderncssm/typings.d.ts +9 -0
  164. package/moderncssm/utils.d.ts +2 -1
  165. package/moderncssm/utils.js +3 -2
  166. package/package.json +4 -4
  167. package/presets/index.js +1 -1
  168. package/presets/useSelectWithApply/hook.js +1 -1
  169. package/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  170. package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  171. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +4 -4
  172. package/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  173. package/presets/useSelectWithApply/options-list-with-apply/header/index.css +4 -4
  174. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  175. package/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  176. package/presets/useSelectWithLoading/hook.js +1 -1
  177. package/presets/useSelectWithLoading/index.css +2 -2
  178. package/shared/index.js +1 -1
  179. package/src/components/field/Component.tsx +2 -1
  180. package/src/consts.ts +2 -0
  181. package/src/typings.ts +11 -0
  182. package/src/utils.ts +4 -1
  183. package/typings.d.ts +9 -0
  184. package/utils.d.ts +2 -1
  185. package/utils.js +3 -2
  186. package/esm/mobile.module-b5127fe2.js +0 -4
  187. package/mobile.module-489259bb.js +0 -6
  188. package/modern/mobile.module-7fdca573.js +0 -4
  189. /package/esm/{hook-43e5c3e8.d.ts → hook-032fca92.d.ts} +0 -0
  190. /package/esm/{hook-43e5c3e8.js → hook-032fca92.js} +0 -0
  191. /package/esm/{list-popover-desktop-29a8ef3e.d.ts → list-popover-desktop-ce7230ff.d.ts} +0 -0
  192. /package/{hook-71fac561.d.ts → hook-8e994d7b.d.ts} +0 -0
  193. /package/{hook-71fac561.js → hook-8e994d7b.js} +0 -0
  194. /package/{list-popover-desktop-1eb72557.d.ts → list-popover-desktop-c264abbb.d.ts} +0 -0
  195. /package/modern/{hook-75b8be77.d.ts → hook-827e015d.d.ts} +0 -0
  196. /package/modern/{hook-75b8be77.js → hook-827e015d.js} +0 -0
  197. /package/modern/{list-popover-desktop-7a9f6f97.d.ts → list-popover-desktop-ef23ef00.d.ts} +0 -0
@@ -15,18 +15,18 @@ 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_1bcr6","field":"select__field_1bcr6","disabled":"select__disabled_1bcr6","arrow":"select__arrow_1bcr6","placeholder":"select__placeholder_1bcr6","show-placeholder":"select__show-placeholder_1bcr6","focused":"select__focused_1bcr6","contentWrapper":"select__contentWrapper_1bcr6","size-40":"select__size-40_1bcr6","value":"select__value_1bcr6","focusVisible":"select__focusVisible_1bcr6"};
18
+ var styles = {"component":"select__component_1oio8","field":"select__field_1oio8","disabled":"select__disabled_1oio8","arrow":"select__arrow_1oio8","placeholder":"select__placeholder_1oio8","show-placeholder":"select__show-placeholder_1oio8","focused":"select__focused_1oio8","contentWrapper":"select__contentWrapper_1oio8","size-40":"select__size-40_1oio8","value":"select__value_1oio8","focusVisible":"select__focusVisible_1oio8"};
19
19
  require('./index.css')
20
20
 
21
21
  var Field = function (_a) {
22
22
  var _b, _c;
23
- var _d = _a.size, size = _d === void 0 ? 56 : _d, open = _a.open; _a.multiple; var error = _a.error, hint = _a.hint, disabled = _a.disabled, label = _a.label, _e = _a.labelView, labelView = _e === void 0 ? 'inner' : _e, placeholder = _a.placeholder, _f = _a.selectedMultiple, selectedMultiple = _f === void 0 ? [] : _f, selected = _a.selected, rightAddons = _a.rightAddons, _g = _a.valueRenderer, valueRenderer = _g === void 0 ? utils.joinOptions : _g; _a.setSelectedItems; _a.toggleMenu; var Arrow = _a.Arrow, innerProps = _a.innerProps, dataTestId = _a.dataTestId, fieldClassName = _a.fieldClassName, FormControlComponent = _a.FormControlComponent, clear = _a.clear, onClear = _a.onClear, restProps = tslib.__rest(_a, ["size", "open", "multiple", "error", "hint", "disabled", "label", "labelView", "placeholder", "selectedMultiple", "selected", "rightAddons", "valueRenderer", "setSelectedItems", "toggleMenu", "Arrow", "innerProps", "dataTestId", "fieldClassName", "FormControlComponent", "clear", "onClear"]);
23
+ var _d = _a.size, size = _d === void 0 ? 56 : _d, open = _a.open; _a.multiple; var error = _a.error, hint = _a.hint, disabled = _a.disabled, label = _a.label, _e = _a.labelView, labelView = _e === void 0 ? 'inner' : _e, placeholder = _a.placeholder, _f = _a.selectedMultiple, selectedMultiple = _f === void 0 ? [] : _f, selected = _a.selected, rightAddons = _a.rightAddons, _g = _a.valueRenderer, valueRenderer = _g === void 0 ? utils.joinOptions : _g; _a.setSelectedItems; _a.toggleMenu; var Arrow = _a.Arrow, innerProps = _a.innerProps, dataTestId = _a.dataTestId, fieldClassName = _a.fieldClassName, FormControlComponent = _a.FormControlComponent, clear = _a.clear, onClear = _a.onClear, valueSeparator = _a.valueSeparator, restProps = tslib.__rest(_a, ["size", "open", "multiple", "error", "hint", "disabled", "label", "labelView", "placeholder", "selectedMultiple", "selected", "rightAddons", "valueRenderer", "setSelectedItems", "toggleMenu", "Arrow", "innerProps", "dataTestId", "fieldClassName", "FormControlComponent", "clear", "onClear", "valueSeparator"]);
24
24
  var _h = React.useState(false), focused = _h[0], setFocused = _h[1];
25
25
  var wrapperRef = React.useRef(null);
26
26
  var focusVisible = hooks.useFocus(wrapperRef, 'keyboard')[0];
27
27
  var handleFocus = React.useCallback(function () { return setFocused(true); }, []);
28
28
  var handleBlur = React.useCallback(function () { return setFocused(false); }, []);
29
- var value = valueRenderer({ selected: selected, selectedMultiple: selectedMultiple });
29
+ var value = valueRenderer({ selected: selected, selectedMultiple: selectedMultiple, valueSeparator: valueSeparator });
30
30
  var filled = Boolean(value);
31
31
  var showLabel = !!label || labelView === 'outer';
32
32
  var showPlaceholder = !!placeholder && !filled && (open || !label || labelView === 'outer');
@@ -1,4 +1,4 @@
1
- /* hash: x17lt */
1
+ /* hash: 1m0ru */
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;
@@ -49,22 +49,22 @@
49
49
  /* checkmark */
50
50
 
51
51
  /* optgroup */
52
- } .select__component_1bcr6 {
52
+ } .select__component_1oio8 {
53
53
  width: 100%;
54
54
  outline: none;
55
- } .select__field_1bcr6:not(.select__disabled_1bcr6) {
55
+ } .select__field_1oio8:not(.select__disabled_1oio8) {
56
56
  cursor: pointer
57
- } .select__field_1bcr6:not(.select__disabled_1bcr6):hover .select__arrow_1bcr6 {
57
+ } .select__field_1oio8:not(.select__disabled_1oio8):hover .select__arrow_1oio8 {
58
58
  opacity: var(--select-arrow-hover-opacity);
59
- } .select__disabled_1bcr6 {
59
+ } .select__disabled_1oio8 {
60
60
  cursor: var(--disabled-cursor);
61
- } .select__placeholder_1bcr6 {
61
+ } .select__placeholder_1oio8 {
62
62
  color: var(--input-placeholder-color);
63
63
  transition: color 0.2s ease;
64
- animation: select__show-placeholder_1bcr6 0.2s ease
65
- } .select__placeholder_1bcr6.select__focused_1bcr6 {
64
+ animation: select__show-placeholder_1oio8 0.2s ease
65
+ } .select__placeholder_1oio8.select__focused_1oio8 {
66
66
  color: var(--input-focus-placeholder-color);
67
- } .select__contentWrapper_1bcr6 {
67
+ } .select__contentWrapper_1oio8 {
68
68
  font-size: 16px;
69
69
  line-height: 20px;
70
70
  font-weight: 400;
@@ -73,22 +73,22 @@
73
73
  text-overflow: ellipsis;
74
74
  overflow: hidden;
75
75
  width: 100%
76
- } .select__contentWrapper_1bcr6.select__size-40_1bcr6 {
76
+ } .select__contentWrapper_1oio8.select__size-40_1oio8 {
77
77
  font-size: 14px;
78
78
  line-height: 18px;
79
79
  font-weight: 400;
80
- } .select__value_1bcr6 {
80
+ } .select__value_1oio8 {
81
81
  overflow: hidden;
82
82
  text-overflow: ellipsis;
83
83
  text-align: left
84
- } .select__value_1bcr6.select__size-40_1bcr6 {
84
+ } .select__value_1oio8.select__size-40_1oio8 {
85
85
  font-size: 14px;
86
86
  line-height: 18px;
87
87
  font-weight: 400;
88
- } .select__focusVisible_1bcr6 {
88
+ } .select__focusVisible_1oio8 {
89
89
  outline: 2px solid var(--focus-color);
90
90
  outline-offset: 2px;
91
- } @keyframes select__show-placeholder_1bcr6 {
91
+ } @keyframes select__show-placeholder_1oio8 {
92
92
  from {
93
93
  opacity: 0;
94
94
  }
@@ -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_ygqwp","button":"select__button_ygqwp","highlighted":"select__highlighted_ygqwp"};
16
+ var styles = {"footer":"select__footer_1lugq","button":"select__button_1lugq","highlighted":"select__highlighted_1lugq"};
17
17
  require('./index.css')
18
18
 
19
19
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1wzch */
1
+ /* hash: 8fz5s */
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;
@@ -34,17 +34,17 @@
34
34
  /* checkmark */
35
35
 
36
36
  /* optgroup */
37
- } .select__footer_ygqwp {
37
+ } .select__footer_1lugq {
38
38
  display: flex;
39
39
  box-sizing: border-box;
40
40
  width: 100%;
41
41
  padding: var(--gap-16) var(--gap-16);
42
42
  background-color: var(--color-light-modal-bg-primary)
43
- } .select__footer_ygqwp .select__button_ygqwp:first-of-type {
43
+ } .select__footer_1lugq .select__button_1lugq:first-of-type {
44
44
  margin-right: var(--gap-16);
45
- } .select__button_ygqwp {
45
+ } .select__button_1lugq {
46
46
  width: 50%;
47
- } .select__highlighted_ygqwp {
47
+ } .select__highlighted_1lugq {
48
48
  border-top: 1px solid var(--color-light-neutral-300);
49
49
  background-color: var(--color-light-modal-bg-primary);
50
50
  }
@@ -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_1ln6p","label":"select__label_1ln6p","size-72":"select__size-72_1ln6p"};
14
+ var styles = {"optgroup":"select__optgroup_y9gw0","label":"select__label_y9gw0","size-72":"select__size-72_y9gw0"};
15
15
  require('./index.css')
16
16
 
17
17
  var Optgroup = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1o2or */
1
+ /* hash: 1dky0 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -45,7 +45,7 @@
45
45
  --select-optgroup-right-padding: var(--gap-12);
46
46
  --select-optgroup-l-left-padding: var(--gap-16);
47
47
  --select-optgroup-l-right-padding: var(--gap-16);
48
- } .select__optgroup_1ln6p {
48
+ } .select__optgroup_y9gw0 {
49
49
  position: relative;
50
50
  display: flex;
51
51
  align-items: center;
@@ -54,9 +54,9 @@
54
54
  box-sizing: border-box;
55
55
  background: var(--select-optgroup-background);
56
56
  min-height: 40px
57
- } .select__optgroup_1ln6p + *[role='option']:before {
57
+ } .select__optgroup_y9gw0 + *[role='option']:before {
58
58
  display: none;
59
- } .select__label_1ln6p {
59
+ } .select__label_y9gw0 {
60
60
  font-size: 12px;
61
61
  line-height: 16px;
62
62
  font-weight: 500;
@@ -65,7 +65,7 @@
65
65
 
66
66
  display: block;
67
67
  color: var(--select-optgroup-color);
68
- } .select__size-72_1ln6p {
68
+ } .select__size-72_y9gw0 {
69
69
  padding-left: var(--select-optgroup-l-left-padding);
70
70
  padding-right: var(--select-optgroup-l-right-padding);
71
71
  }
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
 
14
- var styles = {"option":"select__option_1k4c0","disabled":"select__disabled_1k4c0","size-48":"select__size-48_1k4c0","size-56":"select__size-56_1k4c0","size-64":"select__size-64_1k4c0","size-72":"select__size-72_1k4c0","selected":"select__selected_1k4c0","highlighted":"select__highlighted_1k4c0","content":"select__content_1k4c0","textContent":"select__textContent_1k4c0"};
14
+ var styles = {"option":"select__option_1d7ik","disabled":"select__disabled_1d7ik","size-48":"select__size-48_1d7ik","size-56":"select__size-56_1d7ik","size-64":"select__size-64_1d7ik","size-72":"select__size-72_1d7ik","selected":"select__selected_1d7ik","highlighted":"select__highlighted_1d7ik","content":"select__content_1d7ik","textContent":"select__textContent_1d7ik"};
15
15
  require('./index.css')
16
16
 
17
17
  var OptionDesktop = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 37vsz */
1
+ /* hash: noxqr */
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;
@@ -63,7 +63,7 @@
63
63
  /* checkmark */
64
64
 
65
65
  /* optgroup */
66
- } .select__option_1k4c0 {
66
+ } .select__option_1d7ik {
67
67
  font-size: 16px;
68
68
  line-height: 20px;
69
69
  font-weight: 400;
@@ -78,10 +78,10 @@
78
78
  box-sizing: border-box;
79
79
  position: relative;
80
80
  cursor: pointer
81
- } .select__option_1k4c0:not(.select__disabled_1k4c0):active {
81
+ } .select__option_1d7ik:not(.select__disabled_1d7ik):active {
82
82
  background: var(--select-option-active-background);
83
83
  color: var(--select-option-active-color);
84
- } .select__option_1k4c0:before {
84
+ } .select__option_1d7ik:before {
85
85
  content: '';
86
86
  position: absolute;
87
87
  left: var(--select-option-left-padding);
@@ -91,47 +91,47 @@
91
91
  background: var(--select-option-divider-background);
92
92
  display: var(--select-option-divider-display);
93
93
  transition: opacity 0.2s ease;
94
- } .select__option_1k4c0:first-child:before {
94
+ } .select__option_1d7ik:first-child:before {
95
95
  display: none;
96
- } .select__size-48_1k4c0 {
96
+ } .select__size-48_1d7ik {
97
97
  min-height: var(--size-s-height);
98
- } .select__size-56_1k4c0 {
98
+ } .select__size-56_1d7ik {
99
99
  min-height: var(--size-m-height);
100
- } .select__size-64_1k4c0 {
100
+ } .select__size-64_1d7ik {
101
101
  min-height: var(--size-l-height);
102
- } .select__size-72_1k4c0 {
102
+ } .select__size-72_1d7ik {
103
103
  min-height: var(--size-xl-height);
104
- } .select__size-72_1k4c0 {
104
+ } .select__size-72_1d7ik {
105
105
  padding-left: var(--select-option-l-left-padding);
106
106
  padding-right: var(--select-option-l-right-padding)
107
- } .select__size-72_1k4c0:before {
107
+ } .select__size-72_1d7ik:before {
108
108
  left: var(--select-option-l-left-padding);
109
109
  right: var(--select-option-l-right-padding);
110
- } .select__selected_1k4c0 {
110
+ } .select__selected_1d7ik {
111
111
  background: var(--select-option-selected-background);
112
112
  color: var(--select-option-selected-color);
113
113
  cursor: default;
114
- } .select__highlighted_1k4c0 {
114
+ } .select__highlighted_1d7ik {
115
115
  background: var(--select-option-hover-background);
116
116
  color: var(--select-option-hover-color)
117
- } .select__highlighted_1k4c0:before,
118
- .select__highlighted_1k4c0 + .select__option_1k4c0:before {
117
+ } .select__highlighted_1d7ik:before,
118
+ .select__highlighted_1d7ik + .select__option_1d7ik:before {
119
119
  opacity: 0;
120
- } .select__disabled_1k4c0 {
120
+ } .select__disabled_1d7ik {
121
121
  cursor: var(--disabled-cursor);
122
122
  background: var(--select-option-disabled-background);
123
123
  color: var(--select-option-disabled-color);
124
- } .select__content_1k4c0 {
124
+ } .select__content_1d7ik {
125
125
  overflow: hidden;
126
126
  flex: 1;
127
127
  text-overflow: ellipsis;
128
- } .select__textContent_1k4c0 {
128
+ } .select__textContent_1d7ik {
129
129
  padding-top: var(--gap-12);
130
130
  padding-bottom: var(--gap-12);
131
- } .select__highlighted_1k4c0 {
131
+ } .select__highlighted_1d7ik {
132
132
  background: var(--select-option-hover-background);
133
133
  color: var(--select-option-hover-color)
134
- } .select__highlighted_1k4c0:before,
135
- .select__highlighted_1k4c0 + .select__option_1k4c0:before {
134
+ } .select__highlighted_1d7ik:before,
135
+ .select__highlighted_1d7ik + .select__option_1d7ik:before {
136
136
  opacity: 0;
137
137
  }
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
 
14
- var styles = {"option":"select__option_2c8ea","disabled":"select__disabled_2c8ea","size-48":"select__size-48_2c8ea","size-56":"select__size-56_2c8ea","size-64":"select__size-64_2c8ea","size-72":"select__size-72_2c8ea","selected":"select__selected_2c8ea","highlighted":"select__highlighted_2c8ea","content":"select__content_2c8ea","textContent":"select__textContent_2c8ea"};
14
+ var styles = {"option":"select__option_1dzmm","disabled":"select__disabled_1dzmm","size-48":"select__size-48_1dzmm","size-56":"select__size-56_1dzmm","size-64":"select__size-64_1dzmm","size-72":"select__size-72_1dzmm","selected":"select__selected_1dzmm","highlighted":"select__highlighted_1dzmm","content":"select__content_1dzmm","textContent":"select__textContent_1dzmm"};
15
15
  require('./index.css')
16
16
 
17
17
  var OptionMobile = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 185p6 */
1
+ /* hash: 1t1mf */
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;
@@ -63,7 +63,7 @@
63
63
  /* checkmark */
64
64
 
65
65
  /* optgroup */
66
- } .select__option_2c8ea {
66
+ } .select__option_1dzmm {
67
67
  font-size: 16px;
68
68
  line-height: 20px;
69
69
  font-weight: 400;
@@ -78,10 +78,10 @@
78
78
  box-sizing: border-box;
79
79
  position: relative;
80
80
  cursor: pointer
81
- } .select__option_2c8ea:not(.select__disabled_2c8ea):active {
81
+ } .select__option_1dzmm:not(.select__disabled_1dzmm):active {
82
82
  background: var(--select-option-active-background);
83
83
  color: var(--select-option-active-color);
84
- } .select__option_2c8ea:before {
84
+ } .select__option_1dzmm:before {
85
85
  content: '';
86
86
  position: absolute;
87
87
  left: var(--select-option-left-padding);
@@ -91,41 +91,41 @@
91
91
  background: var(--select-option-divider-background);
92
92
  display: var(--select-option-divider-display);
93
93
  transition: opacity 0.2s ease;
94
- } .select__option_2c8ea:first-child:before {
94
+ } .select__option_1dzmm:first-child:before {
95
95
  display: none;
96
- } .select__size-48_2c8ea {
96
+ } .select__size-48_1dzmm {
97
97
  min-height: var(--size-s-height);
98
- } .select__size-56_2c8ea {
98
+ } .select__size-56_1dzmm {
99
99
  min-height: var(--size-m-height);
100
- } .select__size-64_2c8ea {
100
+ } .select__size-64_1dzmm {
101
101
  min-height: var(--size-l-height);
102
- } .select__size-72_2c8ea {
102
+ } .select__size-72_1dzmm {
103
103
  min-height: var(--size-xl-height);
104
- } .select__size-72_2c8ea {
104
+ } .select__size-72_1dzmm {
105
105
  padding-left: var(--select-option-l-left-padding);
106
106
  padding-right: var(--select-option-l-right-padding)
107
- } .select__size-72_2c8ea:before {
107
+ } .select__size-72_1dzmm:before {
108
108
  left: var(--select-option-l-left-padding);
109
109
  right: var(--select-option-l-right-padding);
110
- } .select__selected_2c8ea {
110
+ } .select__selected_1dzmm {
111
111
  background: var(--select-option-selected-background);
112
112
  color: var(--select-option-selected-color);
113
113
  cursor: default;
114
- } .select__highlighted_2c8ea {
114
+ } .select__highlighted_1dzmm {
115
115
  background: var(--select-option-hover-background);
116
116
  color: var(--select-option-hover-color)
117
- } .select__highlighted_2c8ea:before,
118
- .select__highlighted_2c8ea + .select__option_2c8ea:before {
117
+ } .select__highlighted_1dzmm:before,
118
+ .select__highlighted_1dzmm + .select__option_1dzmm:before {
119
119
  opacity: 0;
120
- } .select__disabled_2c8ea {
120
+ } .select__disabled_1dzmm {
121
121
  cursor: var(--disabled-cursor);
122
122
  background: var(--select-option-disabled-background);
123
123
  color: var(--select-option-disabled-color);
124
- } .select__content_2c8ea {
124
+ } .select__content_1dzmm {
125
125
  overflow: hidden;
126
126
  flex: 1;
127
127
  text-overflow: ellipsis;
128
- } .select__textContent_2c8ea {
128
+ } .select__textContent_1dzmm {
129
129
  padding-top: var(--gap-12);
130
130
  padding-bottom: var(--gap-12);
131
131
  }
@@ -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_16qs1","optionsListHeader":"select__optionsListHeader_16qs1","headerHighlighted":"select__headerHighlighted_16qs1","optionsListFooter":"select__optionsListFooter_16qs1","withBorder":"select__withBorder_16qs1","scrollable":"select__scrollable_16qs1","-webkit-mask":"select__mask_16qs1","mask":"select__mask_16qs1","emptyPlaceholder":"select__emptyPlaceholder_16qs1","size-72":"select__size-72_16qs1"};
22
+ var styles = {"optionsList":"select__optionsList_1u4hu","optionsListHeader":"select__optionsListHeader_1u4hu","headerHighlighted":"select__headerHighlighted_1u4hu","optionsListFooter":"select__optionsListFooter_1u4hu","withBorder":"select__withBorder_1u4hu","scrollable":"select__scrollable_1u4hu","-webkit-mask":"select__mask_1u4hu","mask":"select__mask_1u4hu","emptyPlaceholder":"select__emptyPlaceholder_1u4hu","size-72":"select__size-72_1u4hu"};
23
23
  require('./index.css')
24
24
 
25
25
  var createCounter = function () {
@@ -1,4 +1,4 @@
1
- /* hash: 1m081 */
1
+ /* hash: 1w33g */
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;
@@ -40,33 +40,33 @@
40
40
  /* checkmark */
41
41
 
42
42
  /* optgroup */
43
- } .select__optionsList_16qs1 {
43
+ } .select__optionsList_1u4hu {
44
44
  width: 100%;
45
45
  outline: none;
46
46
  box-sizing: border-box;
47
47
  position: relative;
48
- } .select__optionsListHeader_16qs1 {
48
+ } .select__optionsListHeader_1u4hu {
49
49
  box-sizing: border-box;
50
50
  border-bottom: 1px solid transparent;
51
51
  transition: border-color 0.2s ease
52
- } .select__optionsListHeader_16qs1.select__headerHighlighted_16qs1 {
52
+ } .select__optionsListHeader_1u4hu.select__headerHighlighted_1u4hu {
53
53
  border-bottom-color: var(--color-light-neutral-300);
54
- } .select__optionsListFooter_16qs1 {
54
+ } .select__optionsListFooter_1u4hu {
55
55
  position: sticky;
56
56
  bottom: var(--gap-0);
57
57
  box-sizing: border-box;
58
58
  border-top: 1px solid transparent;
59
59
  transition: border-color 0.2s ease
60
- } .select__optionsListFooter_16qs1.select__withBorder_16qs1 {
60
+ } .select__optionsListFooter_1u4hu.select__withBorder_1u4hu {
61
61
  border-top-color: var(--color-light-neutral-300);
62
- } .select__scrollable_16qs1 {
62
+ } .select__scrollable_1u4hu {
63
63
  overflow: auto;
64
64
  width: 100%;
65
- } .select__mask_16qs1 {
65
+ } .select__mask_1u4hu {
66
66
  min-width: 4000px;
67
- } .select__emptyPlaceholder_16qs1 {
67
+ } .select__emptyPlaceholder_1u4hu {
68
68
  padding: var(--gap-16) var(--gap-12);
69
69
  color: var(--select-options-list-empty-placeholder-color);
70
- } .select__size-72_16qs1 .select__emptyPlaceholder_16qs1 {
70
+ } .select__size-72_1u4hu .select__emptyPlaceholder_1u4hu {
71
71
  padding: var(--gap-24) var(--gap-16);
72
72
  }
@@ -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_1zs46"};
16
+ var styles = {"component":"select__component_f5p6p"};
17
17
  require('./index.css')
18
18
 
19
19
  var Search = React.forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: 1hunr */
1
+ /* hash: 7t3yb */
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 */
@@ -30,6 +30,6 @@
30
30
  /* checkmark */
31
31
 
32
32
  /* optgroup */
33
- } .select__component_1zs46.select__component_1zs46 {
33
+ } .select__component_f5p6p.select__component_f5p6p {
34
34
  width: auto;
35
35
  }
@@ -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_v3ain","virtualOptionsListHeader":"select__virtualOptionsListHeader_v3ain","virtualOptionsListFooter":"select__virtualOptionsListFooter_v3ain","withBorder":"select__withBorder_v3ain","scrollable":"select__scrollable_v3ain","inner":"select__inner_v3ain","virtualRow":"select__virtualRow_v3ain","highlighted":"select__highlighted_v3ain","emptyPlaceholder":"select__emptyPlaceholder_v3ain","size-72":"select__size-72_v3ain"};
23
+ var styles = {"virtualOptionsList":"select__virtualOptionsList_hxdg4","virtualOptionsListHeader":"select__virtualOptionsListHeader_hxdg4","virtualOptionsListFooter":"select__virtualOptionsListFooter_hxdg4","withBorder":"select__withBorder_hxdg4","scrollable":"select__scrollable_hxdg4","inner":"select__inner_hxdg4","virtualRow":"select__virtualRow_hxdg4","highlighted":"select__highlighted_hxdg4","emptyPlaceholder":"select__emptyPlaceholder_hxdg4","size-72":"select__size-72_hxdg4"};
24
24
  require('./index.css')
25
25
 
26
26
  var VirtualOptionsList = React.forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: 6qpr6 */
1
+ /* hash: cpy68 */
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;
@@ -46,35 +46,35 @@
46
46
  /* checkmark */
47
47
 
48
48
  /* optgroup */
49
- } .select__virtualOptionsList_v3ain {
49
+ } .select__virtualOptionsList_hxdg4 {
50
50
  width: 100%;
51
51
  outline: none;
52
52
  box-sizing: border-box;
53
53
  position: sticky;
54
54
  justify-content: space-between;
55
- } .select__virtualOptionsListHeader_v3ain {
55
+ } .select__virtualOptionsListHeader_hxdg4 {
56
56
  box-sizing: border-box;
57
57
  border-bottom: 1px solid var(--color-light-neutral-300);
58
- } .select__virtualOptionsListFooter_v3ain {
58
+ } .select__virtualOptionsListFooter_hxdg4 {
59
59
  position: sticky;
60
60
  bottom: var(--gap-0);
61
61
  box-sizing: border-box;
62
62
  border-top: 1px solid transparent
63
- } .select__virtualOptionsListFooter_v3ain.select__withBorder_v3ain {
63
+ } .select__virtualOptionsListFooter_hxdg4.select__withBorder_hxdg4 {
64
64
  border-top: 1px solid var(--color-light-neutral-300);
65
- } .select__scrollable_v3ain {
65
+ } .select__scrollable_hxdg4 {
66
66
  position: relative;
67
67
  overflow: auto;
68
68
  width: 100%;
69
- } .select__inner_v3ain {
69
+ } .select__inner_hxdg4 {
70
70
  position: relative;
71
71
  width: 100%;
72
- } .select__virtualRow_v3ain {
72
+ } .select__virtualRow_hxdg4 {
73
73
  position: absolute;
74
74
  top: var(--gap-0);
75
75
  left: var(--gap-0);
76
76
  width: 100%
77
- } .select__virtualRow_v3ain:before {
77
+ } .select__virtualRow_hxdg4:before {
78
78
  content: '';
79
79
  position: absolute;
80
80
  z-index: 1;
@@ -84,15 +84,15 @@
84
84
  height: 1px;
85
85
  background: var(--select-option-divider-background);
86
86
  display: var(--select-option-divider-display);
87
- } .select__virtualRow_v3ain:first-child:before {
87
+ } .select__virtualRow_hxdg4:first-child:before {
88
88
  display: none;
89
- } .select__highlighted_v3ain:before,
90
- .select__highlighted_v3ain + .select__virtualRow_v3ain:before {
89
+ } .select__highlighted_hxdg4:before,
90
+ .select__highlighted_hxdg4 + .select__virtualRow_hxdg4:before {
91
91
  display: none;
92
- } .select__emptyPlaceholder_v3ain {
92
+ } .select__emptyPlaceholder_hxdg4 {
93
93
  padding: var(--gap-16) var(--gap-12);
94
94
  color: var(--select-options-list-empty-placeholder-color);
95
95
  flex: 1;
96
- } .select__size-72_v3ain .select__emptyPlaceholder_v3ain {
96
+ } .select__size-72_hxdg4 .select__emptyPlaceholder_hxdg4 {
97
97
  padding: var(--gap-24) var(--gap-16);
98
98
  }
package/consts.d.ts CHANGED
@@ -10,4 +10,5 @@ declare const SIZE_TO_CLASSNAME_MAP: {
10
10
  64: string;
11
11
  72: string;
12
12
  };
13
- export { DEFAULT_VISIBLE_OPTIONS, SIZE_TO_CLASSNAME_MAP };
13
+ declare const DEFAULT_SEPARATOR = ", ";
14
+ export { DEFAULT_VISIBLE_OPTIONS, SIZE_TO_CLASSNAME_MAP, DEFAULT_SEPARATOR };
package/consts.js CHANGED
@@ -14,6 +14,8 @@ var SIZE_TO_CLASSNAME_MAP = {
14
14
  64: 'size-64',
15
15
  72: 'size-72',
16
16
  };
17
+ var DEFAULT_SEPARATOR = ', ';
17
18
 
19
+ exports.DEFAULT_SEPARATOR = DEFAULT_SEPARATOR;
18
20
  exports.DEFAULT_VISIBLE_OPTIONS = DEFAULT_VISIBLE_OPTIONS;
19
21
  exports.SIZE_TO_CLASSNAME_MAP = SIZE_TO_CLASSNAME_MAP;