@alfalab/core-components-select 18.2.7 → 18.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (135) hide show
  1. package/components/arrow/index.css +4 -4
  2. package/components/arrow/index.module.css.js +1 -1
  3. package/components/base-checkmark/index.css +5 -5
  4. package/components/base-checkmark/index.module.css.js +1 -1
  5. package/components/base-option/index.css +16 -16
  6. package/components/base-option/index.module.css.js +1 -1
  7. package/components/base-select/index.css +14 -14
  8. package/components/base-select/index.module.css.js +1 -1
  9. package/components/base-select/mobile.css +11 -11
  10. package/components/base-select/mobile.module.css.js +1 -1
  11. package/components/checkmark/index.css +9 -9
  12. package/components/checkmark/index.module.css.js +1 -1
  13. package/components/checkmark-mobile/index.css +5 -5
  14. package/components/checkmark-mobile/index.module.css.js +1 -1
  15. package/components/clear-button/index.css +4 -4
  16. package/components/clear-button/index.module.css.js +1 -1
  17. package/components/field/index.css +13 -13
  18. package/components/field/index.module.css.js +1 -1
  19. package/components/footer/index.css +4 -4
  20. package/components/footer/index.module.css.js +1 -1
  21. package/components/optgroup/index.css +4 -4
  22. package/components/optgroup/index.module.css.js +1 -1
  23. package/components/option/desktop/index.css +19 -19
  24. package/components/option/desktop/index.module.css.js +1 -1
  25. package/components/option/mobile/index.css +16 -16
  26. package/components/option/mobile/index.module.css.js +1 -1
  27. package/components/options-list/Component.js +8 -5
  28. package/components/options-list/Component.js.map +1 -1
  29. package/components/options-list/index.css +24 -11
  30. package/components/options-list/index.module.css.js +1 -1
  31. package/components/options-list/index.module.css.js.map +1 -1
  32. package/components/search/index.css +1 -1
  33. package/components/search/index.module.css.js +1 -1
  34. package/components/virtual-options-list/index.css +13 -13
  35. package/components/virtual-options-list/index.module.css.js +1 -1
  36. package/cssm/components/base-select/index.module.css +3 -3
  37. package/cssm/components/options-list/Component.js +8 -5
  38. package/cssm/components/options-list/Component.js.map +1 -1
  39. package/cssm/components/options-list/index.module.css +18 -5
  40. package/esm/components/arrow/index.css +4 -4
  41. package/esm/components/arrow/index.module.css.js +1 -1
  42. package/esm/components/base-checkmark/index.css +5 -5
  43. package/esm/components/base-checkmark/index.module.css.js +1 -1
  44. package/esm/components/base-option/index.css +16 -16
  45. package/esm/components/base-option/index.module.css.js +1 -1
  46. package/esm/components/base-select/index.css +14 -14
  47. package/esm/components/base-select/index.module.css.js +1 -1
  48. package/esm/components/base-select/mobile.css +11 -11
  49. package/esm/components/base-select/mobile.module.css.js +1 -1
  50. package/esm/components/checkmark/index.css +9 -9
  51. package/esm/components/checkmark/index.module.css.js +1 -1
  52. package/esm/components/checkmark-mobile/index.css +5 -5
  53. package/esm/components/checkmark-mobile/index.module.css.js +1 -1
  54. package/esm/components/clear-button/index.css +4 -4
  55. package/esm/components/clear-button/index.module.css.js +1 -1
  56. package/esm/components/field/index.css +13 -13
  57. package/esm/components/field/index.module.css.js +1 -1
  58. package/esm/components/footer/index.css +4 -4
  59. package/esm/components/footer/index.module.css.js +1 -1
  60. package/esm/components/optgroup/index.css +4 -4
  61. package/esm/components/optgroup/index.module.css.js +1 -1
  62. package/esm/components/option/desktop/index.css +19 -19
  63. package/esm/components/option/desktop/index.module.css.js +1 -1
  64. package/esm/components/option/mobile/index.css +16 -16
  65. package/esm/components/option/mobile/index.module.css.js +1 -1
  66. package/esm/components/options-list/Component.js +8 -5
  67. package/esm/components/options-list/Component.js.map +1 -1
  68. package/esm/components/options-list/index.css +24 -11
  69. package/esm/components/options-list/index.module.css.js +1 -1
  70. package/esm/components/options-list/index.module.css.js.map +1 -1
  71. package/esm/components/search/index.css +1 -1
  72. package/esm/components/search/index.module.css.js +1 -1
  73. package/esm/components/virtual-options-list/index.css +13 -13
  74. package/esm/components/virtual-options-list/index.module.css.js +1 -1
  75. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  76. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css.js +1 -1
  77. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  78. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.module.css.js +1 -1
  79. package/esm/presets/useSelectWithLoading/index.css +1 -1
  80. package/esm/presets/useSelectWithLoading/index.module.css.js +1 -1
  81. package/modern/components/arrow/index.css +4 -4
  82. package/modern/components/arrow/index.module.css.js +1 -1
  83. package/modern/components/base-checkmark/index.css +5 -5
  84. package/modern/components/base-checkmark/index.module.css.js +1 -1
  85. package/modern/components/base-option/index.css +16 -16
  86. package/modern/components/base-option/index.module.css.js +1 -1
  87. package/modern/components/base-select/index.css +14 -14
  88. package/modern/components/base-select/index.module.css.js +1 -1
  89. package/modern/components/base-select/mobile.css +11 -11
  90. package/modern/components/base-select/mobile.module.css.js +1 -1
  91. package/modern/components/checkmark/index.css +9 -9
  92. package/modern/components/checkmark/index.module.css.js +1 -1
  93. package/modern/components/checkmark-mobile/index.css +5 -5
  94. package/modern/components/checkmark-mobile/index.module.css.js +1 -1
  95. package/modern/components/clear-button/index.css +4 -4
  96. package/modern/components/clear-button/index.module.css.js +1 -1
  97. package/modern/components/field/index.css +13 -13
  98. package/modern/components/field/index.module.css.js +1 -1
  99. package/modern/components/footer/index.css +4 -4
  100. package/modern/components/footer/index.module.css.js +1 -1
  101. package/modern/components/optgroup/index.css +4 -4
  102. package/modern/components/optgroup/index.module.css.js +1 -1
  103. package/modern/components/option/desktop/index.css +19 -19
  104. package/modern/components/option/desktop/index.module.css.js +1 -1
  105. package/modern/components/option/mobile/index.css +16 -16
  106. package/modern/components/option/mobile/index.module.css.js +1 -1
  107. package/modern/components/options-list/Component.js +4 -1
  108. package/modern/components/options-list/Component.js.map +1 -1
  109. package/modern/components/options-list/index.css +24 -11
  110. package/modern/components/options-list/index.module.css.js +1 -1
  111. package/modern/components/options-list/index.module.css.js.map +1 -1
  112. package/modern/components/search/index.css +1 -1
  113. package/modern/components/search/index.module.css.js +1 -1
  114. package/modern/components/virtual-options-list/index.css +13 -13
  115. package/modern/components/virtual-options-list/index.module.css.js +1 -1
  116. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  117. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css.js +1 -1
  118. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  119. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.module.css.js +1 -1
  120. package/modern/presets/useSelectWithLoading/index.css +1 -1
  121. package/modern/presets/useSelectWithLoading/index.module.css.js +1 -1
  122. package/moderncssm/components/base-select/index.module.css +1 -1
  123. package/moderncssm/components/options-list/Component.js +4 -1
  124. package/moderncssm/components/options-list/Component.js.map +1 -1
  125. package/moderncssm/components/options-list/index.module.css +26 -5
  126. package/package.json +6 -6
  127. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  128. package/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css.js +1 -1
  129. package/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  130. package/presets/useSelectWithApply/options-list-with-apply/header/index.module.css.js +1 -1
  131. package/presets/useSelectWithLoading/index.css +1 -1
  132. package/presets/useSelectWithLoading/index.module.css.js +1 -1
  133. package/src/components/options-list/Component.tsx +4 -0
  134. package/src/components/options-list/index.module.css +25 -5
  135. package/src/vars.css +2 -1
@@ -6,7 +6,7 @@
6
6
  } :root {
7
7
  --select-arrow-color: var(--color-light-neutral-translucent-700);
8
8
  --select-arrow-disabled-color: var(--color-light-neutral-translucent-500);
9
- } .select__arrow_1p3an {
9
+ } .select__arrow_y7g99 {
10
10
  display: block;
11
11
  width: 24px;
12
12
  height: 24px;
@@ -15,13 +15,13 @@
15
15
  transition:
16
16
  transform 0.15s ease-in-out,
17
17
  opacity 0.2s ease;
18
- } .select__arrow_1p3an.select__disabled_1p3an {
18
+ } .select__arrow_y7g99.select__disabled_y7g99 {
19
19
  color: var(--select-arrow-disabled-color);
20
- } .select__arrow_1p3an.select__size-40_1p3an {
20
+ } .select__arrow_y7g99.select__size-40_y7g99 {
21
21
  width: auto;
22
22
  width: initial;
23
23
  height: auto;
24
24
  height: initial;
25
- } .select__open_1p3an {
25
+ } .select__open_y7g99 {
26
26
  transform: var(--arrow-transform);
27
27
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"arrow":"select__arrow_1p3an","disabled":"select__disabled_1p3an","size-40":"select__size-40_1p3an","open":"select__open_1p3an"};
5
+ var styles = {"arrow":"select__arrow_y7g99","disabled":"select__disabled_y7g99","size-40":"select__size-40_y7g99","open":"select__open_y7g99"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1,15 +1,15 @@
1
- .select__checkmark_5okzd {
1
+ .select__checkmark_1x3j0 {
2
2
  flex-shrink: 0;
3
3
  box-sizing: border-box;
4
- } .select__checkmark_5okzd.select__start_5okzd {
4
+ } .select__checkmark_1x3j0.select__start_1x3j0 {
5
5
  align-self: start;
6
- } .select__checkmark_5okzd.select__center_5okzd {
6
+ } .select__checkmark_1x3j0.select__center_1x3j0 {
7
7
  align-self: center;
8
- } .select__single_5okzd {
8
+ } .select__single_1x3j0 {
9
9
  display: flex;
10
10
  align-items: center;
11
11
  justify-content: center;
12
12
  opacity: 0;
13
- } .select__single_5okzd.select__selected_5okzd {
13
+ } .select__single_1x3j0.select__selected_1x3j0 {
14
14
  opacity: 1;
15
15
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"checkmark":"select__checkmark_5okzd","start":"select__start_5okzd","center":"select__center_5okzd","single":"select__single_5okzd","selected":"select__selected_5okzd"};
5
+ var styles = {"checkmark":"select__checkmark_1x3j0","start":"select__start_1x3j0","center":"select__center_1x3j0","single":"select__single_1x3j0","selected":"select__selected_1x3j0"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -26,7 +26,7 @@
26
26
  --select-option-hover-color: var(--color-light-text-primary);
27
27
  --select-option-active-color: var(--color-light-text-primary);
28
28
  --select-option-disabled-color: var(--color-light-text-secondary);
29
- } .select__option_cfbis {
29
+ } .select__option_zry5r {
30
30
  font-size: 16px;
31
31
  line-height: 20px;
32
32
  font-weight: 400;
@@ -40,41 +40,41 @@
40
40
  position: relative;
41
41
  cursor: pointer;
42
42
  min-height: var(--size-s-height);
43
- } .select__option_cfbis:not(.select__disabled_cfbis):active {
43
+ } .select__option_zry5r:not(.select__disabled_zry5r):active {
44
44
  background: var(--select-option-active-background);
45
45
  color: var(--select-option-active-color);
46
- } .select__option_cfbis.select__checkmarkBefore_cfbis {
46
+ } .select__option_zry5r.select__checkmarkBefore_zry5r {
47
47
  padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);
48
- } .select__option_cfbis.select__checkmarkBefore_cfbis.select__mobile_cfbis {
48
+ } .select__option_zry5r.select__checkmarkBefore_zry5r.select__mobile_zry5r {
49
49
  padding-left: var(--gap-16);
50
- } .select__option_cfbis.select__checkmarkAfter_cfbis.select__checkmarkAfter_cfbis {
50
+ } .select__option_zry5r.select__checkmarkAfter_zry5r.select__checkmarkAfter_zry5r {
51
51
  padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);
52
- } .select__option_cfbis.select__checkmarkAfter_cfbis.select__checkmarkAfter_cfbis.select__size-72_cfbis {
52
+ } .select__option_zry5r.select__checkmarkAfter_zry5r.select__checkmarkAfter_zry5r.select__size-72_zry5r {
53
53
  padding-right: var(--gap-16);
54
- } .select__option_cfbis.select__checkmarkAfter_cfbis.select__checkmarkAfter_cfbis.select__mobile_cfbis {
54
+ } .select__option_zry5r.select__checkmarkAfter_zry5r.select__checkmarkAfter_zry5r.select__mobile_zry5r {
55
55
  padding-right: var(--gap-20);
56
- } .select__option_cfbis.select__textContent_cfbis {
56
+ } .select__option_zry5r.select__textContent_zry5r {
57
57
  padding: var(--gap-12);
58
- } .select__option_cfbis.select__textContent_cfbis.select__size-72_cfbis {
58
+ } .select__option_zry5r.select__textContent_zry5r.select__size-72_zry5r {
59
59
  padding-left: var(--gap-16);
60
60
  padding-right: var(--gap-16);
61
- } .select__option_cfbis.select__textContent_cfbis.select__mobile_cfbis {
61
+ } .select__option_zry5r.select__textContent_zry5r.select__mobile_zry5r {
62
62
  padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
63
- } .select__selected_cfbis {
63
+ } .select__selected_zry5r {
64
64
  background: var(--select-option-selected-background);
65
65
  color: var(--select-option-selected-color);
66
66
  cursor: default;
67
- } .select__highlighted_cfbis {
67
+ } .select__highlighted_zry5r {
68
68
  background: var(--select-option-hover-background);
69
69
  color: var(--select-option-hover-color);
70
- } .select__disabled_cfbis {
70
+ } .select__disabled_zry5r {
71
71
  cursor: var(--disabled-cursor);
72
72
  background: var(--select-option-disabled-background);
73
73
  color: var(--select-option-disabled-color);
74
- } .select__checkmarkBeforeContent_cfbis {
74
+ } .select__checkmarkBeforeContent_zry5r {
75
75
  margin-right: var(--gap-12);
76
- } .select__checkmarkAfterContent_cfbis {
76
+ } .select__checkmarkAfterContent_zry5r {
77
77
  margin-left: var(--gap-12);
78
- } .select__content_cfbis {
78
+ } .select__content_zry5r {
79
79
  flex: 1;
80
80
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"option":"select__option_cfbis","disabled":"select__disabled_cfbis","checkmarkBefore":"select__checkmarkBefore_cfbis","mobile":"select__mobile_cfbis","checkmarkAfter":"select__checkmarkAfter_cfbis","size-72":"select__size-72_cfbis","textContent":"select__textContent_cfbis","selected":"select__selected_cfbis","highlighted":"select__highlighted_cfbis","checkmarkBeforeContent":"select__checkmarkBeforeContent_cfbis","checkmarkAfterContent":"select__checkmarkAfterContent_cfbis","content":"select__content_cfbis"};
5
+ var styles = {"option":"select__option_zry5r","disabled":"select__disabled_zry5r","checkmarkBefore":"select__checkmarkBefore_zry5r","mobile":"select__mobile_zry5r","checkmarkAfter":"select__checkmarkAfter_zry5r","size-72":"select__size-72_zry5r","textContent":"select__textContent_zry5r","selected":"select__selected_zry5r","highlighted":"select__highlighted_zry5r","checkmarkBeforeContent":"select__checkmarkBeforeContent_zry5r","checkmarkAfterContent":"select__checkmarkAfterContent_zry5r","content":"select__content_zry5r"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
7
7
  0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
8
8
  } :root {
9
- --border-radius-m: 8px;
9
+ --border-radius-xl: 16px;
10
10
  --border-radius-0: 0;
11
- --border-radius-8: var(--border-radius-m);
11
+ --border-radius-16: var(--border-radius-xl);
12
12
  } :root {
13
13
  --gap-2xs: 4px;
14
14
  --gap-s: 12px;
@@ -19,28 +19,28 @@
19
19
  --gap-16: var(--gap-m);
20
20
  } :root {
21
21
 
22
- --select-options-list-border-radius: var(--border-radius-8);
22
+ --select-options-list-border-radius: var(--border-radius-16);
23
23
  --select-options-list-box-shadow: var(--shadow-m);
24
24
  --select-options-list-offset: var(--gap-4);
25
25
  --select-options-list-top-padding: var(--gap-0);
26
26
  --select-options-list-bottom-padding: var(--gap-0);
27
27
  --select-option-background: var(--color-light-modal-bg-primary);
28
- } .select__component_1kxj2 {
28
+ } .select__component_kx5xb {
29
29
  width: -moz-max-content;
30
30
  width: max-content;
31
31
  position: relative;
32
32
  outline: 0;
33
33
  max-width: 100%;
34
- } .select__popoverInner_1kxj2 {
34
+ } .select__popoverInner_kx5xb {
35
35
  padding-top: var(--select-options-list-offset);
36
36
  padding-bottom: var(--select-options-list-offset);
37
37
  background: transparent;
38
38
  border-radius: var(--border-radius-0);
39
39
  position: relative;
40
- } .select__popoverInner_1kxj2.select__popoverInner_1kxj2 {
40
+ } .select__popoverInner_kx5xb.select__popoverInner_kx5xb {
41
41
  box-shadow: none;
42
42
  border: none;
43
- } .select__optionsListWrapper_1kxj2 {
43
+ } .select__optionsListWrapper_kx5xb {
44
44
  position: relative;
45
45
  padding-top: var(--select-options-list-top-padding);
46
46
  padding-bottom: var(--select-options-list-bottom-padding);
@@ -49,7 +49,7 @@
49
49
  background: var(--select-option-background);
50
50
  overflow: hidden;
51
51
  will-change: transform;
52
- } .select__optionsListBorder_1kxj2 {
52
+ } .select__optionsListBorder_kx5xb {
53
53
  position: absolute;
54
54
  top: var(--gap-0);
55
55
  right: var(--gap-0);
@@ -58,7 +58,7 @@
58
58
  box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);
59
59
  border-radius: inherit;
60
60
  pointer-events: none;
61
- } .select__nativeSelect_1kxj2 {
61
+ } .select__nativeSelect_kx5xb {
62
62
  opacity: 0;
63
63
  overflow: hidden;
64
64
  position: absolute;
@@ -71,15 +71,15 @@
71
71
  height: 100%;
72
72
  cursor: pointer;
73
73
  z-index: 1;
74
- } .select__block_1kxj2 {
74
+ } .select__block_kx5xb {
75
75
  width: 100%;
76
- } .select__emptySearchPlaceholder_1kxj2 {
76
+ } .select__emptySearchPlaceholder_kx5xb {
77
77
  text-align: center;
78
- } .select__search_1kxj2 {
78
+ } .select__search_kx5xb {
79
79
  margin: var(--gap-12) var(--gap-12) var(--gap-0);
80
- } .select__search_1kxj2.select__size-72_1kxj2 {
80
+ } .select__search_kx5xb.select__size-72_kx5xb {
81
81
  margin-left: var(--gap-16);
82
82
  margin-right: var(--gap-16);
83
- } .select__search_1kxj2:last-child {
83
+ } .select__search_kx5xb:last-child {
84
84
  margin-bottom: var(--gap-12);
85
85
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"select__component_1kxj2","popoverInner":"select__popoverInner_1kxj2","optionsListWrapper":"select__optionsListWrapper_1kxj2","optionsListBorder":"select__optionsListBorder_1kxj2","nativeSelect":"select__nativeSelect_1kxj2","block":"select__block_1kxj2","emptySearchPlaceholder":"select__emptySearchPlaceholder_1kxj2","search":"select__search_1kxj2","size-72":"select__size-72_1kxj2"};
5
+ var styles = {"component":"select__component_kx5xb","popoverInner":"select__popoverInner_kx5xb","optionsListWrapper":"select__optionsListWrapper_kx5xb","optionsListBorder":"select__optionsListBorder_kx5xb","nativeSelect":"select__nativeSelect_kx5xb","block":"select__block_kx5xb","emptySearchPlaceholder":"select__emptySearchPlaceholder_kx5xb","search":"select__search_kx5xb","size-72":"select__size-72_kx5xb"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -8,30 +8,30 @@
8
8
  --gap-8: var(--gap-xs);
9
9
  --gap-16: var(--gap-m);
10
10
  --gap-20: var(--gap-l);
11
- } .select__sheet_upd3m {
11
+ } .select__sheet_zqxkd {
12
12
  overflow: hidden;
13
- } .select__sheetContent_upd3m.select__sheetContent_upd3m {
13
+ } .select__sheetContent_zqxkd.select__sheetContent_zqxkd {
14
14
  padding: var(--gap-0);
15
- } .select__sheetContent_upd3m.select__sheetContent_upd3m .select__modalContent_upd3m {
15
+ } .select__sheetContent_zqxkd.select__sheetContent_zqxkd .select__modalContent_zqxkd {
16
16
  padding: var(--gap-0);
17
17
  display: flex;
18
18
  flex-direction: column;
19
- } .select__sheetContainer_upd3m {
19
+ } .select__sheetContainer_zqxkd {
20
20
  padding: var(--gap-0);
21
- } .select__optionsListWrapper_upd3m {
21
+ } .select__optionsListWrapper_zqxkd {
22
22
  flex: 1;
23
- } .select__optionsList_upd3m.select__optionsList_upd3m {
23
+ } .select__optionsList_zqxkd.select__optionsList_zqxkd {
24
24
  height: 100%;
25
25
  display: flex;
26
26
  flex-direction: column;
27
- } .select__scrollbar_upd3m {
27
+ } .select__scrollbar_zqxkd {
28
28
  flex: 1;
29
- } .select__search_upd3m {
29
+ } .select__search_zqxkd {
30
30
  padding: var(--gap-8);
31
- } .select__option_upd3m.select__option_upd3m {
31
+ } .select__option_zqxkd.select__option_zqxkd {
32
32
  padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16);
33
- } .select__option_upd3m.select__option_upd3m:before {
33
+ } .select__option_zqxkd.select__option_zqxkd:before {
34
34
  display: none;
35
- } .select__optionGroup_upd3m.select__optionGroup_upd3m {
35
+ } .select__optionGroup_zqxkd.select__optionGroup_zqxkd {
36
36
  padding: var(--gap-16) var(--gap-16) var(--gap-8);
37
37
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var mobileStyles = {"sheet":"select__sheet_upd3m","sheetContent":"select__sheetContent_upd3m","modalContent":"select__modalContent_upd3m","sheetContainer":"select__sheetContainer_upd3m","optionsListWrapper":"select__optionsListWrapper_upd3m","optionsList":"select__optionsList_upd3m","scrollbar":"select__scrollbar_upd3m","search":"select__search_upd3m","option":"select__option_upd3m","optionGroup":"select__optionGroup_upd3m"};
5
+ var mobileStyles = {"sheet":"select__sheet_zqxkd","sheetContent":"select__sheetContent_zqxkd","modalContent":"select__modalContent_zqxkd","sheetContainer":"select__sheetContainer_zqxkd","optionsListWrapper":"select__optionsListWrapper_zqxkd","optionsList":"select__optionsList_zqxkd","scrollbar":"select__scrollbar_zqxkd","search":"select__search_zqxkd","option":"select__option_zqxkd","optionGroup":"select__optionGroup_zqxkd"};
6
6
 
7
7
  module.exports = mobileStyles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
@@ -21,12 +21,12 @@
21
21
  --select-checkmark-unselected-opacity: 0;
22
22
  --select-checkmark-background: var(--color-light-neutral-translucent-1300);
23
23
  --select-checkmark-border-radius: var(--border-radius-circle);
24
- } .select__checkmark_hdr5y {
24
+ } .select__checkmark_os13f {
25
25
  flex-shrink: 0;
26
26
  margin: var(--select-checkmark-margin);
27
- } .select__checkmark_hdr5y.select__after_hdr5y {
27
+ } .select__checkmark_os13f.select__after_os13f {
28
28
  margin: var(--select-checkmark-margin-after);
29
- } .select__single_hdr5y {
29
+ } .select__single_os13f {
30
30
  display: flex;
31
31
  align-items: center;
32
32
  justify-content: center;
@@ -36,17 +36,17 @@
36
36
  border-radius: var(--select-checkmark-border-radius);
37
37
  width: var(--select-checkmark-size);
38
38
  height: var(--select-checkmark-size);
39
- } .select__single_hdr5y.select__selected_hdr5y {
39
+ } .select__single_os13f.select__selected_os13f {
40
40
  opacity: 1;
41
- } .select__before_hdr5y {
41
+ } .select__before_os13f {
42
42
  display: var(--select-checkmark-before-display);
43
- } .select__before_hdr5y.select__multiple_hdr5y {
43
+ } .select__before_os13f.select__multiple_os13f {
44
44
  margin-right: var(--gap-12);
45
45
  display: var(--select-checkmark-before-display-multiple);
46
- } .select__after_hdr5y.select__after_hdr5y {
46
+ } .select__after_os13f.select__after_os13f {
47
47
  display: var(--select-checkmark-after-display);
48
- } .select__after_hdr5y.select__after_hdr5y.select__single_hdr5y {
48
+ } .select__after_os13f.select__after_os13f.select__single_os13f {
49
49
  display: var(--select-checkmark-after-display-single);
50
- } .select__colorIcon_hdr5y {
50
+ } .select__colorIcon_os13f {
51
51
  color: var(--color-light-status-positive);
52
52
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"checkmark":"select__checkmark_hdr5y","after":"select__after_hdr5y","single":"select__single_hdr5y","selected":"select__selected_hdr5y","before":"select__before_hdr5y","multiple":"select__multiple_hdr5y","colorIcon":"select__colorIcon_hdr5y"};
5
+ var styles = {"checkmark":"select__checkmark_os13f","after":"select__after_os13f","single":"select__single_os13f","selected":"select__selected_os13f","before":"select__before_os13f","multiple":"select__multiple_os13f","colorIcon":"select__colorIcon_os13f"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --select-mobile-checkmark-display-icon: block;
3
3
  --select-mobile-checkmark-display-badge: none;
4
- } .select__checkmark_1hy6t {
4
+ } .select__checkmark_1n0in {
5
5
  flex-shrink: 0;
6
6
  display: flex;
7
7
  align-items: center;
@@ -9,12 +9,12 @@
9
9
  width: 24px;
10
10
  height: 24px;
11
11
  opacity: 0;
12
- } .select__checkmark_1hy6t:first-child {
12
+ } .select__checkmark_1n0in:first-child {
13
13
  display: none;
14
- } .select__checkmark_1hy6t.select__selected_1hy6t {
14
+ } .select__checkmark_1n0in.select__selected_1n0in {
15
15
  opacity: 1;
16
- } .select__displayIcon_1hy6t {
16
+ } .select__displayIcon_1n0in {
17
17
  display: var(--select-mobile-checkmark-display-icon);
18
- } .select__displayBadge_1hy6t {
18
+ } .select__displayBadge_1n0in {
19
19
  display: var(--select-mobile-checkmark-display-badge);
20
20
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"checkmark":"select__checkmark_1hy6t","selected":"select__selected_1hy6t","displayIcon":"select__displayIcon_1hy6t"};
5
+ var styles = {"checkmark":"select__checkmark_1n0in","selected":"select__selected_1n0in","displayIcon":"select__displayIcon_1n0in"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -4,13 +4,13 @@
4
4
  --color-light-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);
5
5
  } :root {
6
6
  --input-error-icon-display: none;
7
- } .select__clearIcon_up6ji {
7
+ } .select__clearIcon_123gh {
8
8
  display: block;
9
9
  color: var(--color-light-neutral-translucent-500);
10
- } .select__clearIcon_up6ji:hover {
10
+ } .select__clearIcon_123gh:hover {
11
11
  color: var(--color-light-neutral-translucent-500-hover);
12
- } .select__clearIcon_up6ji:active {
12
+ } .select__clearIcon_123gh:active {
13
13
  color: var(--color-light-neutral-translucent-500-press);
14
- } .select__clearButton_up6ji + [data-addon='error-icon'] {
14
+ } .select__clearButton_123gh + [data-addon='error-icon'] {
15
15
  display: var(--input-error-icon-display);
16
16
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"clearIcon":"select__clearIcon_up6ji","clearButton":"select__clearButton_up6ji"};
5
+ var styles = {"clearIcon":"select__clearIcon_123gh","clearButton":"select__clearButton_123gh"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -10,22 +10,22 @@
10
10
  --input-focus-placeholder-color: var(--color-light-text-tertiary);
11
11
  } :root {
12
12
  --select-arrow-hover-opacity: 0.7;
13
- } .select__component_sq3tk {
13
+ } .select__component_8701a {
14
14
  width: 100%;
15
15
  outline: none;
16
- } .select__field_sq3tk:not(.select__disabled_sq3tk) {
16
+ } .select__field_8701a:not(.select__disabled_8701a) {
17
17
  cursor: pointer;
18
- } .select__field_sq3tk:not(.select__disabled_sq3tk):hover .select__arrow_sq3tk {
18
+ } .select__field_8701a:not(.select__disabled_8701a):hover .select__arrow_8701a {
19
19
  opacity: var(--select-arrow-hover-opacity);
20
- } .select__disabled_sq3tk {
20
+ } .select__disabled_8701a {
21
21
  cursor: var(--disabled-cursor);
22
- } .select__placeholder_sq3tk {
22
+ } .select__placeholder_8701a {
23
23
  color: var(--input-placeholder-color);
24
24
  transition: color 0.2s ease;
25
- animation: select__show-placeholder_sq3tk 0.2s ease;
26
- } .select__placeholder_sq3tk.select__focused_sq3tk {
25
+ animation: select__show-placeholder_8701a 0.2s ease;
26
+ } .select__placeholder_8701a.select__focused_8701a {
27
27
  color: var(--input-focus-placeholder-color);
28
- } .select__contentWrapper_sq3tk {
28
+ } .select__contentWrapper_8701a {
29
29
  font-size: 16px;
30
30
  line-height: 20px;
31
31
  font-weight: 400;
@@ -34,22 +34,22 @@
34
34
  text-overflow: ellipsis;
35
35
  overflow: hidden;
36
36
  width: 100%;
37
- } .select__contentWrapper_sq3tk.select__size-40_sq3tk {
37
+ } .select__contentWrapper_8701a.select__size-40_8701a {
38
38
  font-size: 14px;
39
39
  line-height: 18px;
40
40
  font-weight: 400;
41
- } .select__value_sq3tk {
41
+ } .select__value_8701a {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
- } .select__value_sq3tk.select__size-40_sq3tk {
45
+ } .select__value_8701a.select__size-40_8701a {
46
46
  font-size: 14px;
47
47
  line-height: 18px;
48
48
  font-weight: 400;
49
- } .select__focusVisible_sq3tk {
49
+ } .select__focusVisible_8701a {
50
50
  outline: 2px solid var(--focus-color);
51
51
  outline-offset: 2px;
52
- } @keyframes select__show-placeholder_sq3tk {
52
+ } @keyframes select__show-placeholder_8701a {
53
53
  from {
54
54
  opacity: 0;
55
55
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"select__component_sq3tk","field":"select__field_sq3tk","disabled":"select__disabled_sq3tk","arrow":"select__arrow_sq3tk","placeholder":"select__placeholder_sq3tk","show-placeholder":"select__show-placeholder_sq3tk","focused":"select__focused_sq3tk","contentWrapper":"select__contentWrapper_sq3tk","size-40":"select__size-40_sq3tk","value":"select__value_sq3tk","focusVisible":"select__focusVisible_sq3tk"};
5
+ var styles = {"component":"select__component_8701a","field":"select__field_8701a","disabled":"select__disabled_8701a","arrow":"select__arrow_8701a","placeholder":"select__placeholder_8701a","show-placeholder":"select__show-placeholder_8701a","focused":"select__focused_8701a","contentWrapper":"select__contentWrapper_8701a","size-40":"select__size-40_8701a","value":"select__value_8701a","focusVisible":"select__focusVisible_8701a"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -4,17 +4,17 @@
4
4
  } :root {
5
5
  --gap-m: 16px;
6
6
  --gap-16: var(--gap-m);
7
- } .select__footer_n21cb {
7
+ } .select__footer_1yra5 {
8
8
  display: flex;
9
9
  box-sizing: border-box;
10
10
  width: 100%;
11
11
  padding: var(--gap-16) var(--gap-16);
12
12
  background-color: var(--color-light-modal-bg-primary);
13
- } .select__footer_n21cb .select__button_n21cb:first-of-type {
13
+ } .select__footer_1yra5 .select__button_1yra5:first-of-type {
14
14
  margin-right: var(--gap-16);
15
- } .select__button_n21cb {
15
+ } .select__button_1yra5 {
16
16
  width: 50%;
17
- } .select__highlighted_n21cb {
17
+ } .select__highlighted_1yra5 {
18
18
  border-top: 1px solid var(--color-light-neutral-300);
19
19
  background-color: var(--color-light-modal-bg-primary);
20
20
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"footer":"select__footer_n21cb","button":"select__button_n21cb","highlighted":"select__highlighted_n21cb"};
5
+ var styles = {"footer":"select__footer_1yra5","button":"select__button_1yra5","highlighted":"select__highlighted_1yra5"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -16,7 +16,7 @@
16
16
  --select-optgroup-right-padding: var(--gap-12);
17
17
  --select-optgroup-l-left-padding: var(--gap-16);
18
18
  --select-optgroup-l-right-padding: var(--gap-16);
19
- } .select__optgroup_r7juz {
19
+ } .select__optgroup_3volw {
20
20
  position: relative;
21
21
  display: flex;
22
22
  align-items: center;
@@ -25,9 +25,9 @@
25
25
  box-sizing: border-box;
26
26
  background: var(--select-optgroup-background);
27
27
  min-height: 40px;
28
- } .select__optgroup_r7juz + *[role='option']:before {
28
+ } .select__optgroup_3volw + *[role='option']:before {
29
29
  display: none;
30
- } .select__label_r7juz {
30
+ } .select__label_3volw {
31
31
  font-size: 12px;
32
32
  line-height: 16px;
33
33
  font-weight: 500;
@@ -36,7 +36,7 @@
36
36
 
37
37
  display: block;
38
38
  color: var(--select-optgroup-color);
39
- } .select__size-72_r7juz {
39
+ } .select__size-72_3volw {
40
40
  padding-left: var(--select-optgroup-l-left-padding);
41
41
  padding-right: var(--select-optgroup-l-right-padding);
42
42
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"optgroup":"select__optgroup_r7juz","label":"select__label_r7juz","size-72":"select__size-72_r7juz"};
5
+ var styles = {"optgroup":"select__optgroup_3volw","label":"select__label_3volw","size-72":"select__size-72_3volw"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -35,7 +35,7 @@
35
35
  --select-option-hover-color: var(--color-light-text-primary);
36
36
  --select-option-active-color: var(--color-light-text-primary);
37
37
  --select-option-disabled-color: var(--color-light-text-secondary);
38
- } .select__option_kqgr6 {
38
+ } .select__option_psslt {
39
39
  font-size: 16px;
40
40
  line-height: 20px;
41
41
  font-weight: 400;
@@ -50,10 +50,10 @@
50
50
  box-sizing: border-box;
51
51
  position: relative;
52
52
  cursor: pointer;
53
- } .select__option_kqgr6:not(.select__disabled_kqgr6):active {
53
+ } .select__option_psslt:not(.select__disabled_psslt):active {
54
54
  background: var(--select-option-active-background);
55
55
  color: var(--select-option-active-color);
56
- } .select__option_kqgr6:before {
56
+ } .select__option_psslt:before {
57
57
  content: '';
58
58
  position: absolute;
59
59
  left: var(--select-option-left-padding);
@@ -63,46 +63,46 @@
63
63
  background: var(--select-option-divider-background);
64
64
  display: var(--select-option-divider-display);
65
65
  transition: opacity 0.2s ease;
66
- } .select__option_kqgr6:first-child:before {
66
+ } .select__option_psslt:first-child:before {
67
67
  display: none;
68
- } .select__size-48_kqgr6 {
68
+ } .select__size-48_psslt {
69
69
  min-height: var(--size-s-height);
70
- } .select__size-56_kqgr6 {
70
+ } .select__size-56_psslt {
71
71
  min-height: var(--size-m-height);
72
- } .select__size-64_kqgr6 {
72
+ } .select__size-64_psslt {
73
73
  min-height: var(--size-l-height);
74
- } .select__size-72_kqgr6 {
74
+ } .select__size-72_psslt {
75
75
  min-height: var(--size-xl-height);
76
76
  padding-left: var(--select-option-l-left-padding);
77
77
  padding-right: var(--select-option-l-right-padding);
78
- } .select__size-72_kqgr6:before {
78
+ } .select__size-72_psslt:before {
79
79
  left: var(--select-option-l-left-padding);
80
80
  right: var(--select-option-l-right-padding);
81
- } .select__selected_kqgr6 {
81
+ } .select__selected_psslt {
82
82
  background: var(--select-option-selected-background);
83
83
  color: var(--select-option-selected-color);
84
84
  cursor: default;
85
- } .select__highlighted_kqgr6 {
85
+ } .select__highlighted_psslt {
86
86
  background: var(--select-option-hover-background);
87
87
  color: var(--select-option-hover-color);
88
- } .select__highlighted_kqgr6:before,
89
- .select__highlighted_kqgr6 + .select__option_kqgr6:before {
88
+ } .select__highlighted_psslt:before,
89
+ .select__highlighted_psslt + .select__option_psslt:before {
90
90
  opacity: 0;
91
- } .select__disabled_kqgr6 {
91
+ } .select__disabled_psslt {
92
92
  cursor: var(--disabled-cursor);
93
93
  background: var(--select-option-disabled-background);
94
94
  color: var(--select-option-disabled-color);
95
- } .select__content_kqgr6 {
95
+ } .select__content_psslt {
96
96
  overflow: hidden;
97
97
  flex: 1;
98
98
  text-overflow: ellipsis;
99
- } .select__textContent_kqgr6 {
99
+ } .select__textContent_psslt {
100
100
  padding-top: var(--gap-12);
101
101
  padding-bottom: var(--gap-12);
102
- } .select__highlighted_kqgr6 {
102
+ } .select__highlighted_psslt {
103
103
  background: var(--select-option-hover-background);
104
104
  color: var(--select-option-hover-color);
105
- } .select__highlighted_kqgr6:before,
106
- .select__highlighted_kqgr6 + .select__option_kqgr6:before {
105
+ } .select__highlighted_psslt:before,
106
+ .select__highlighted_psslt + .select__option_psslt:before {
107
107
  opacity: 0;
108
108
  }