@alfalab/core-components-select 19.0.1 → 19.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) 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 +11 -11
  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/index.css +13 -13
  28. package/components/options-list/index.module.css.js +1 -1
  29. package/components/search/index.css +1 -1
  30. package/components/search/index.module.css.js +1 -1
  31. package/components/virtual-options-list/index.css +13 -13
  32. package/components/virtual-options-list/index.module.css.js +1 -1
  33. package/cssm/utils.js +2 -1
  34. package/cssm/utils.js.map +1 -1
  35. package/esm/components/arrow/index.css +4 -4
  36. package/esm/components/arrow/index.module.css.js +1 -1
  37. package/esm/components/base-checkmark/index.css +5 -5
  38. package/esm/components/base-checkmark/index.module.css.js +1 -1
  39. package/esm/components/base-option/index.css +16 -16
  40. package/esm/components/base-option/index.module.css.js +1 -1
  41. package/esm/components/base-select/index.css +11 -11
  42. package/esm/components/base-select/index.module.css.js +1 -1
  43. package/esm/components/base-select/mobile.css +11 -11
  44. package/esm/components/base-select/mobile.module.css.js +1 -1
  45. package/esm/components/checkmark/index.css +9 -9
  46. package/esm/components/checkmark/index.module.css.js +1 -1
  47. package/esm/components/checkmark-mobile/index.css +5 -5
  48. package/esm/components/checkmark-mobile/index.module.css.js +1 -1
  49. package/esm/components/clear-button/index.css +4 -4
  50. package/esm/components/clear-button/index.module.css.js +1 -1
  51. package/esm/components/field/index.css +13 -13
  52. package/esm/components/field/index.module.css.js +1 -1
  53. package/esm/components/footer/index.css +4 -4
  54. package/esm/components/footer/index.module.css.js +1 -1
  55. package/esm/components/optgroup/index.css +4 -4
  56. package/esm/components/optgroup/index.module.css.js +1 -1
  57. package/esm/components/option/desktop/index.css +19 -19
  58. package/esm/components/option/desktop/index.module.css.js +1 -1
  59. package/esm/components/option/mobile/index.css +16 -16
  60. package/esm/components/option/mobile/index.module.css.js +1 -1
  61. package/esm/components/options-list/index.css +13 -13
  62. package/esm/components/options-list/index.module.css.js +1 -1
  63. package/esm/components/search/index.css +1 -1
  64. package/esm/components/search/index.module.css.js +1 -1
  65. package/esm/components/virtual-options-list/index.css +13 -13
  66. package/esm/components/virtual-options-list/index.module.css.js +1 -1
  67. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  68. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css.js +1 -1
  69. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  70. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.module.css.js +1 -1
  71. package/esm/presets/useSelectWithLoading/index.css +1 -1
  72. package/esm/presets/useSelectWithLoading/index.module.css.js +1 -1
  73. package/esm/utils.js +3 -2
  74. package/esm/utils.js.map +1 -1
  75. package/modern/components/arrow/index.css +4 -4
  76. package/modern/components/arrow/index.module.css.js +1 -1
  77. package/modern/components/base-checkmark/index.css +5 -5
  78. package/modern/components/base-checkmark/index.module.css.js +1 -1
  79. package/modern/components/base-option/index.css +16 -16
  80. package/modern/components/base-option/index.module.css.js +1 -1
  81. package/modern/components/base-select/index.css +11 -11
  82. package/modern/components/base-select/index.module.css.js +1 -1
  83. package/modern/components/base-select/mobile.css +11 -11
  84. package/modern/components/base-select/mobile.module.css.js +1 -1
  85. package/modern/components/checkmark/index.css +9 -9
  86. package/modern/components/checkmark/index.module.css.js +1 -1
  87. package/modern/components/checkmark-mobile/index.css +5 -5
  88. package/modern/components/checkmark-mobile/index.module.css.js +1 -1
  89. package/modern/components/clear-button/index.css +4 -4
  90. package/modern/components/clear-button/index.module.css.js +1 -1
  91. package/modern/components/field/index.css +13 -13
  92. package/modern/components/field/index.module.css.js +1 -1
  93. package/modern/components/footer/index.css +4 -4
  94. package/modern/components/footer/index.module.css.js +1 -1
  95. package/modern/components/optgroup/index.css +4 -4
  96. package/modern/components/optgroup/index.module.css.js +1 -1
  97. package/modern/components/option/desktop/index.css +19 -19
  98. package/modern/components/option/desktop/index.module.css.js +1 -1
  99. package/modern/components/option/mobile/index.css +16 -16
  100. package/modern/components/option/mobile/index.module.css.js +1 -1
  101. package/modern/components/options-list/index.css +13 -13
  102. package/modern/components/options-list/index.module.css.js +1 -1
  103. package/modern/components/search/index.css +1 -1
  104. package/modern/components/search/index.module.css.js +1 -1
  105. package/modern/components/virtual-options-list/index.css +13 -13
  106. package/modern/components/virtual-options-list/index.module.css.js +1 -1
  107. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  108. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css.js +1 -1
  109. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  110. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.module.css.js +1 -1
  111. package/modern/presets/useSelectWithLoading/index.css +1 -1
  112. package/modern/presets/useSelectWithLoading/index.module.css.js +1 -1
  113. package/modern/utils.js +3 -2
  114. package/modern/utils.js.map +1 -1
  115. package/moderncssm/utils.js +3 -2
  116. package/moderncssm/utils.js.map +1 -1
  117. package/package.json +2 -2
  118. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  119. package/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css.js +1 -1
  120. package/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  121. package/presets/useSelectWithApply/options-list-with-apply/header/index.module.css.js +1 -1
  122. package/presets/useSelectWithLoading/index.css +1 -1
  123. package/presets/useSelectWithLoading/index.module.css.js +1 -1
  124. package/src/utils.ts +2 -1
  125. package/utils.js +2 -1
  126. package/utils.js.map +1 -1
@@ -43,7 +43,7 @@
43
43
  --select-option-active-color: var(--color-light-text-primary);
44
44
  --select-option-disabled-color: var(--color-light-text-secondary);
45
45
  }
46
- .select__option_4lkpq {
46
+ .select__option_mjilr {
47
47
  font-size: 16px;
48
48
  line-height: 20px;
49
49
  font-weight: 400;
@@ -60,11 +60,11 @@
60
60
  position: relative;
61
61
  cursor: pointer;
62
62
  }
63
- .select__option_4lkpq:not(.select__disabled_4lkpq):active {
63
+ .select__option_mjilr:not(.select__disabled_mjilr):active {
64
64
  background: var(--select-option-active-background);
65
65
  color: var(--select-option-active-color);
66
66
  }
67
- .select__option_4lkpq:before {
67
+ .select__option_mjilr:before {
68
68
  content: '';
69
69
  position: absolute;
70
70
  left: var(--select-option-left-padding);
@@ -75,51 +75,51 @@
75
75
  display: var(--select-option-divider-display);
76
76
  transition: opacity 0.2s ease;
77
77
  }
78
- .select__option_4lkpq:first-child:before {
78
+ .select__option_mjilr:first-child:before {
79
79
  display: none;
80
80
  }
81
- .select__size-48_4lkpq {
81
+ .select__size-48_mjilr {
82
82
  min-height: var(--size-s-height);
83
83
  }
84
- .select__size-56_4lkpq {
84
+ .select__size-56_mjilr {
85
85
  min-height: var(--size-m-height);
86
86
  }
87
- .select__size-64_4lkpq {
87
+ .select__size-64_mjilr {
88
88
  min-height: var(--size-l-height);
89
89
  }
90
- .select__size-72_4lkpq {
90
+ .select__size-72_mjilr {
91
91
  min-height: var(--size-xl-height);
92
92
  padding-left: var(--select-option-l-left-padding);
93
93
  padding-right: var(--select-option-l-right-padding);
94
94
  }
95
- .select__size-72_4lkpq:before {
95
+ .select__size-72_mjilr:before {
96
96
  left: var(--select-option-l-left-padding);
97
97
  right: var(--select-option-l-right-padding);
98
98
  }
99
- .select__selected_4lkpq {
99
+ .select__selected_mjilr {
100
100
  background: var(--select-option-selected-background);
101
101
  color: var(--select-option-selected-color);
102
102
  cursor: default;
103
103
  }
104
- .select__highlighted_4lkpq {
104
+ .select__highlighted_mjilr {
105
105
  background: var(--select-option-hover-background);
106
106
  color: var(--select-option-hover-color);
107
107
  }
108
- .select__highlighted_4lkpq:before,
109
- .select__highlighted_4lkpq + .select__option_4lkpq:before {
108
+ .select__highlighted_mjilr:before,
109
+ .select__highlighted_mjilr + .select__option_mjilr:before {
110
110
  opacity: 0;
111
111
  }
112
- .select__disabled_4lkpq {
112
+ .select__disabled_mjilr {
113
113
  cursor: var(--disabled-cursor);
114
114
  background: var(--select-option-disabled-background);
115
115
  color: var(--select-option-disabled-color);
116
116
  }
117
- .select__content_4lkpq {
117
+ .select__content_mjilr {
118
118
  overflow: hidden;
119
119
  flex: 1;
120
120
  text-overflow: ellipsis;
121
121
  }
122
- .select__textContent_4lkpq {
122
+ .select__textContent_mjilr {
123
123
  padding-top: var(--gap-12);
124
124
  padding-bottom: var(--gap-12);
125
125
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"option":"select__option_4lkpq","disabled":"select__disabled_4lkpq","size-48":"select__size-48_4lkpq","size-56":"select__size-56_4lkpq","size-64":"select__size-64_4lkpq","size-72":"select__size-72_4lkpq","selected":"select__selected_4lkpq","highlighted":"select__highlighted_4lkpq","content":"select__content_4lkpq","textContent":"select__textContent_4lkpq"};
3
+ var styles = {"option":"select__option_mjilr","disabled":"select__disabled_mjilr","size-48":"select__size-48_mjilr","size-56":"select__size-56_mjilr","size-64":"select__size-64_mjilr","size-72":"select__size-72_mjilr","selected":"select__selected_mjilr","highlighted":"select__highlighted_mjilr","content":"select__content_mjilr","textContent":"select__textContent_mjilr"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -15,57 +15,57 @@
15
15
  --select-options-list-scrollbar-gap: var(--gap-12);
16
16
  --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
17
17
  }
18
- .select__optionsList_i43l2 {
18
+ .select__optionsList_1dllz {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  box-sizing: border-box;
22
22
  position: relative;
23
23
  }
24
- .select__optionsList_i43l2 .select__scrollable_i43l2 {
24
+ .select__optionsList_1dllz .select__scrollable_1dllz {
25
25
  overflow: auto;
26
26
  width: 100%;
27
27
  }
28
- .select__optionsList_i43l2 .select__scrollable_i43l2 .select__verticalBar_i43l2.select__verticalBar_i43l2 {
28
+ .select__optionsList_1dllz .select__scrollable_1dllz .select__verticalBar_1dllz.select__verticalBar_1dllz {
29
29
  top: var(--select-options-list-scrollbar-gap);
30
30
  height: calc(100% - 2 * var(--select-options-list-scrollbar-gap));
31
31
  }
32
- .select__optionsList_i43l2 .select__scrollable_i43l2 .select__verticalBar_i43l2.select__verticalBar_i43l2.select__verticalBarWithHeader_i43l2 {
32
+ .select__optionsList_1dllz .select__scrollable_1dllz .select__verticalBar_1dllz.select__verticalBar_1dllz.select__verticalBarWithHeader_1dllz {
33
33
  top: 0;
34
34
  height: calc(100% - var(--select-options-list-scrollbar-gap));
35
35
  }
36
- .select__optionsList_i43l2 .select__scrollable_i43l2 .select__verticalBar_i43l2.select__verticalBar_i43l2.select__verticalBarWithFooter_i43l2 {
36
+ .select__optionsList_1dllz .select__scrollable_1dllz .select__verticalBar_1dllz.select__verticalBar_1dllz.select__verticalBarWithFooter_1dllz {
37
37
  top: var(--select-options-list-scrollbar-gap);
38
38
  height: calc(100% - var(--select-options-list-scrollbar-gap));
39
39
  }
40
- .select__optionsList_i43l2 .select__scrollable_i43l2 .select__verticalBar_i43l2.select__verticalBar_i43l2.select__verticalBarWithHeader_i43l2.select__verticalBarWithFooter_i43l2 {
40
+ .select__optionsList_1dllz .select__scrollable_1dllz .select__verticalBar_1dllz.select__verticalBar_1dllz.select__verticalBarWithHeader_1dllz.select__verticalBarWithFooter_1dllz {
41
41
  top: 0;
42
42
  height: 100%;
43
43
  }
44
- .select__optionsListHeader_i43l2 {
44
+ .select__optionsListHeader_1dllz {
45
45
  box-sizing: border-box;
46
46
  border-bottom: 1px solid transparent;
47
47
  transition: border-color 0.2s ease;
48
48
  }
49
- .select__optionsListHeader_i43l2.select__headerHighlighted_i43l2 {
49
+ .select__optionsListHeader_1dllz.select__headerHighlighted_1dllz {
50
50
  border-bottom-color: var(--color-light-neutral-300);
51
51
  }
52
- .select__optionsListFooter_i43l2 {
52
+ .select__optionsListFooter_1dllz {
53
53
  position: sticky;
54
54
  bottom: var(--gap-0);
55
55
  box-sizing: border-box;
56
56
  border-top: 1px solid transparent;
57
57
  transition: border-color 0.2s ease;
58
58
  }
59
- .select__optionsListFooter_i43l2.select__withBorder_i43l2 {
59
+ .select__optionsListFooter_1dllz.select__withBorder_1dllz {
60
60
  border-top-color: var(--color-light-neutral-300);
61
61
  }
62
- .select__mask_i43l2 {
62
+ .select__mask_1dllz {
63
63
  min-width: 4000px;
64
64
  }
65
- .select__emptyPlaceholder_i43l2 {
65
+ .select__emptyPlaceholder_1dllz {
66
66
  padding: var(--gap-16) var(--gap-12);
67
67
  color: var(--select-options-list-empty-placeholder-color);
68
68
  }
69
- .select__size-72_i43l2 .select__emptyPlaceholder_i43l2 {
69
+ .select__size-72_1dllz .select__emptyPlaceholder_1dllz {
70
70
  padding: var(--gap-24) var(--gap-16);
71
71
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"optionsList":"select__optionsList_i43l2","scrollable":"select__scrollable_i43l2","verticalBar":"select__verticalBar_i43l2","verticalBarWithHeader":"select__verticalBarWithHeader_i43l2","verticalBarWithFooter":"select__verticalBarWithFooter_i43l2","optionsListHeader":"select__optionsListHeader_i43l2","headerHighlighted":"select__headerHighlighted_i43l2","optionsListFooter":"select__optionsListFooter_i43l2","withBorder":"select__withBorder_i43l2","mask":"select__mask_i43l2","emptyPlaceholder":"select__emptyPlaceholder_i43l2","size-72":"select__size-72_i43l2"};
3
+ var styles = {"optionsList":"select__optionsList_1dllz","scrollable":"select__scrollable_1dllz","verticalBar":"select__verticalBar_1dllz","verticalBarWithHeader":"select__verticalBarWithHeader_1dllz","verticalBarWithFooter":"select__verticalBarWithFooter_1dllz","optionsListHeader":"select__optionsListHeader_1dllz","headerHighlighted":"select__headerHighlighted_1dllz","optionsListFooter":"select__optionsListFooter_1dllz","withBorder":"select__withBorder_1dllz","mask":"select__mask_1dllz","emptyPlaceholder":"select__emptyPlaceholder_1dllz","size-72":"select__size-72_1dllz"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,3 +1,3 @@
1
- .select__component_1lo8r.select__component_1lo8r {
1
+ .select__component_118p0.select__component_118p0 {
2
2
  width: auto;
3
3
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"select__component_1lo8r"};
3
+ var styles = {"component":"select__component_118p0"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -20,42 +20,42 @@
20
20
  --select-option-left-padding: var(--gap-12);
21
21
  --select-option-right-padding: var(--gap-12);
22
22
  }
23
- .select__virtualOptionsList_1oztm {
23
+ .select__virtualOptionsList_1knyi {
24
24
  width: 100%;
25
25
  outline: none;
26
26
  box-sizing: border-box;
27
27
  position: sticky;
28
28
  justify-content: space-between;
29
29
  }
30
- .select__virtualOptionsListHeader_1oztm {
30
+ .select__virtualOptionsListHeader_1knyi {
31
31
  box-sizing: border-box;
32
32
  border-bottom: 1px solid var(--color-light-neutral-300);
33
33
  }
34
- .select__virtualOptionsListFooter_1oztm {
34
+ .select__virtualOptionsListFooter_1knyi {
35
35
  position: sticky;
36
36
  bottom: var(--gap-0);
37
37
  box-sizing: border-box;
38
38
  border-top: 1px solid transparent;
39
39
  }
40
- .select__virtualOptionsListFooter_1oztm.select__withBorder_1oztm {
40
+ .select__virtualOptionsListFooter_1knyi.select__withBorder_1knyi {
41
41
  border-top: 1px solid var(--color-light-neutral-300);
42
42
  }
43
- .select__scrollable_1oztm {
43
+ .select__scrollable_1knyi {
44
44
  position: relative;
45
45
  overflow: auto;
46
46
  width: 100%;
47
47
  }
48
- .select__inner_1oztm {
48
+ .select__inner_1knyi {
49
49
  position: relative;
50
50
  width: 100%;
51
51
  }
52
- .select__virtualRow_1oztm {
52
+ .select__virtualRow_1knyi {
53
53
  position: absolute;
54
54
  top: var(--gap-0);
55
55
  left: var(--gap-0);
56
56
  width: 100%;
57
57
  }
58
- .select__virtualRow_1oztm:before {
58
+ .select__virtualRow_1knyi:before {
59
59
  content: '';
60
60
  position: absolute;
61
61
  z-index: 1;
@@ -66,18 +66,18 @@
66
66
  background: var(--select-option-divider-background);
67
67
  display: var(--select-option-divider-display);
68
68
  }
69
- .select__virtualRow_1oztm:first-child:before {
69
+ .select__virtualRow_1knyi:first-child:before {
70
70
  display: none;
71
71
  }
72
- .select__highlighted_1oztm:before,
73
- .select__highlighted_1oztm + .select__virtualRow_1oztm:before {
72
+ .select__highlighted_1knyi:before,
73
+ .select__highlighted_1knyi + .select__virtualRow_1knyi:before {
74
74
  display: none;
75
75
  }
76
- .select__emptyPlaceholder_1oztm {
76
+ .select__emptyPlaceholder_1knyi {
77
77
  padding: var(--gap-16) var(--gap-12);
78
78
  color: var(--select-options-list-empty-placeholder-color);
79
79
  flex: 1;
80
80
  }
81
- .select__size-72_1oztm .select__emptyPlaceholder_1oztm {
81
+ .select__size-72_1knyi .select__emptyPlaceholder_1knyi {
82
82
  padding: var(--gap-24) var(--gap-16);
83
83
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"virtualOptionsList":"select__virtualOptionsList_1oztm","virtualOptionsListHeader":"select__virtualOptionsListHeader_1oztm","virtualOptionsListFooter":"select__virtualOptionsListFooter_1oztm","withBorder":"select__withBorder_1oztm","scrollable":"select__scrollable_1oztm","inner":"select__inner_1oztm","virtualRow":"select__virtualRow_1oztm","highlighted":"select__highlighted_1oztm","emptyPlaceholder":"select__emptyPlaceholder_1oztm","size-72":"select__size-72_1oztm"};
3
+ var styles = {"virtualOptionsList":"select__virtualOptionsList_1knyi","virtualOptionsListHeader":"select__virtualOptionsListHeader_1knyi","virtualOptionsListFooter":"select__virtualOptionsListFooter_1knyi","withBorder":"select__withBorder_1knyi","scrollable":"select__scrollable_1knyi","inner":"select__inner_1knyi","virtualRow":"select__virtualRow_1knyi","highlighted":"select__highlighted_1knyi","emptyPlaceholder":"select__emptyPlaceholder_1knyi","size-72":"select__size-72_1knyi"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -12,14 +12,14 @@
12
12
  :root {
13
13
  --select-option-list-footer-button-gap: var(--gap-8);
14
14
  }
15
- .select__footer_1aool {
15
+ .select__footer_16ctg {
16
16
  background-color: var(--color-light-base-bg-primary);
17
17
  padding: var(--gap-12);
18
18
  outline: none;
19
19
  }
20
- .select__footer_1aool.select__size-72_1aool {
20
+ .select__footer_16ctg.select__size-72_16ctg {
21
21
  padding: var(--gap-12) var(--gap-16);
22
22
  }
23
- .select__footer_1aool > .select__button_1aool + .select__button_1aool {
23
+ .select__footer_16ctg > .select__button_16ctg + .select__button_16ctg {
24
24
  margin-left: var(--select-option-list-footer-button-gap);
25
25
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"footer":"select__footer_1aool","size-72":"select__size-72_1aool","button":"select__button_1aool"};
3
+ var styles = {"footer":"select__footer_16ctg","size-72":"select__size-72_16ctg","button":"select__button_16ctg"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -6,12 +6,12 @@
6
6
  --gap-12: var(--gap-s);
7
7
  --gap-16: var(--gap-m);
8
8
  }
9
- .select__desktop_18al6 {
9
+ .select__desktop_bf26f {
10
10
  padding: var(--gap-12);
11
11
  }
12
- .select__desktop_18al6.select__size-72_18al6 {
12
+ .select__desktop_bf26f.select__size-72_bf26f {
13
13
  padding-left: var(--gap-16);
14
14
  }
15
- .select__mobile_18al6 {
15
+ .select__mobile_bf26f {
16
16
  padding: var(--gap-12) var(--gap-8);
17
17
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"desktop":"select__desktop_18al6","size-72":"select__size-72_18al6","mobile":"select__mobile_18al6"};
3
+ var styles = {"desktop":"select__desktop_bf26f","size-72":"select__size-72_bf26f","mobile":"select__mobile_bf26f"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,4 +1,4 @@
1
- .select__skeleton_1r1jf {
1
+ .select__skeleton_z1cnh {
2
2
  position: absolute;
3
3
  top: 50%;
4
4
  transform: translateY(-50%);
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"skeleton":"select__skeleton_1r1jf"};
3
+ var styles = {"skeleton":"select__skeleton_z1cnh"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/utils.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { __assign } from 'tslib';
2
- import { useState, useEffect, isValidElement, cloneElement, useRef } from 'react';
2
+ import { useState, isValidElement, cloneElement, useRef, useEffect } from 'react';
3
3
  import { useIsMounted, fnUtils, getDataTestId } from '@alfalab/core-components-shared/esm';
4
+ import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
4
5
  import { DEFAULT_SEPARATOR } from './consts.js';
5
6
 
6
7
  var isGroup = function (item) {
@@ -125,7 +126,7 @@ function useVisibleOptions(_a) {
125
126
  var _b = useIsMounted(), runIfMounted = _b[1];
126
127
  var _c = useState(false), measured = _c[0], setMeasured = _c[1];
127
128
  var _d = useState(), height = _d[0], setHeight = _d[1];
128
- useEffect(function () {
129
+ useLayoutEffect_SAFE_FOR_SSR(function () {
129
130
  var measureOptionHeight = function (element) {
130
131
  return typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;
131
132
  };
package/esm/utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import {\n cloneElement,\n isValidElement,\n type ReactNode,\n type RefObject,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nimport { fnUtils, getDataTestId, useIsMounted } from '@alfalab/core-components-shared';\n\nimport { DEFAULT_SEPARATOR } from './consts';\nimport {\n type BaseSelectProps,\n type GroupShape,\n type OptionShape,\n type OptionsListProps,\n} from './typings';\n\nexport const isGroup = (item: OptionShape | GroupShape): item is GroupShape =>\n Object.prototype.hasOwnProperty.call(item, 'options');\n\nexport const isOptionShape = (item: OptionShape | string | null): item is OptionShape =>\n !!item && Object.prototype.hasOwnProperty.call(item, 'key');\n\nexport const joinOptions = ({\n selected,\n selectedMultiple,\n valueSeparator = DEFAULT_SEPARATOR,\n}: {\n selected?: OptionShape;\n selectedMultiple?: OptionShape[];\n valueSeparator?: string;\n}) => {\n const options = selectedMultiple || (selected ? [selected] : []);\n\n if (!options.length) return null;\n\n return options.reduce((acc: Array<ReactNode | string>, option: OptionShape, index: number) => {\n if (isValidElement(option.content)) {\n acc.push(cloneElement(option.content, { key: option.key }));\n } else {\n acc.push(option.content);\n }\n\n if (index < options.length - 1) acc.push(valueSeparator);\n\n return acc;\n }, []);\n};\n\n// За один проход делает список пунктов меню плоским и находит выбранные пункты по ключу\nexport function processOptions(\n options: BaseSelectProps['options'],\n selected: BaseSelectProps['selected'] = [],\n filterFn: (option: OptionShape | GroupShape) => boolean = () => true,\n filterGroup = false,\n) {\n const flatOptions: OptionShape[] = [];\n const filteredOptions: BaseSelectProps['options'] = [];\n\n const selectedArray = Array.isArray(selected) ? selected : [selected];\n const selectedOptions = selectedArray.filter(isOptionShape);\n const selectedKeys = selectedArray.filter(\n (option): option is string => typeof option === 'string',\n );\n\n const isSelected = (option: OptionShape) => selectedKeys.includes(option.key);\n\n const process = (option: OptionShape | GroupShape) => {\n const isGroupOption = isGroup(option);\n\n if (!isGroupOption && isSelected(option)) {\n selectedOptions.push(option);\n }\n\n if (!filterFn(option)) return false;\n\n if (isGroupOption) {\n if (filterGroup) {\n Array.prototype.push.apply(flatOptions, option.options);\n }\n } else {\n flatOptions.push(option);\n }\n\n return true;\n };\n\n options.forEach((option) => {\n if (isGroup(option)) {\n const group: GroupShape = {\n ...option,\n options: [],\n };\n\n option.options.forEach((groupOption) => {\n const matched = process(groupOption);\n\n if (matched) group.options.push(groupOption);\n });\n\n if (group.options.length) {\n filteredOptions.push(group);\n\n return;\n }\n\n if (!filterGroup) return;\n }\n const matched = process(option);\n\n if (matched) filteredOptions.push(option);\n });\n\n return { filteredOptions, flatOptions, selectedOptions };\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useVisibleOptionsArgs = {\n /**\n * Количество видимых пунктов\n */\n visibleOptions: number;\n\n /**\n * Реф на контейнер с пунтами меню\n */\n listRef: RefObject<HTMLElement>;\n\n /**\n * Реф на контейнер, которому нужно установить высоту\n */\n styleTargetRef?: RefObject<HTMLElement>;\n\n /**\n * Флаг открытия меню\n */\n open?: boolean;\n\n /**\n * Позволяет вызвать пересчет высоты\n */\n invalidate?: unknown;\n\n /**\n * Список вариантов выбора\n */\n options?: Array<OptionShape | GroupShape>;\n\n /**\n * Максимальный размер варианта выбора\n */\n size?: Extract<OptionsListProps['size'], number>;\n\n /**\n * Учитывать действительное число вариантов выбора\n */\n actualOptionsCount?: boolean;\n};\n\n// copy-paste of original `useVisibleOptions` before https://github.com/core-ds/core-components/pull/1368\nexport function useVirtualVisibleOptions({\n visibleOptions,\n listRef,\n styleTargetRef = listRef,\n open,\n invalidate,\n options,\n size,\n actualOptionsCount,\n}: useVisibleOptionsArgs) {\n useEffect(() => {\n const measureOptionHeight = (element: HTMLElement) =>\n typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;\n\n const list = listRef.current;\n const styleTarget = styleTargetRef.current;\n\n if (open && list && styleTarget && visibleOptions > 0) {\n const childCount = list.children.length;\n const optionsNodes = ([] as HTMLElement[]).slice.call(\n list.children,\n 0,\n visibleOptions + 1,\n );\n\n let height = optionsNodes\n .slice(0, visibleOptions)\n .reduce((acc, child) => acc + measureOptionHeight(child), 0);\n\n if (visibleOptions < childCount) {\n const lastVisibleOptionHeight = measureOptionHeight(\n optionsNodes[optionsNodes.length - 1],\n );\n\n // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку\n height += Math.round(\n childCount - visibleOptions === 1\n ? lastVisibleOptionHeight\n : lastVisibleOptionHeight / 2,\n );\n } else if (\n visibleOptions > childCount &&\n actualOptionsCount &&\n typeof size === 'number'\n ) {\n const actualCount = (options ?? []).reduce(\n (sum, option) => sum + 1 + (isGroup(option) ? option.options.length : 0),\n 0,\n );\n\n height =\n Math.min(\n actualCount === 0 ? /** empty placeholder */ 1 : actualCount,\n visibleOptions,\n ) * size;\n\n if (visibleOptions < actualCount) {\n height += size / 2;\n }\n }\n\n styleTarget.style.height = `${height}px`;\n }\n }, [\n actualOptionsCount,\n listRef,\n open,\n options,\n size,\n styleTargetRef,\n visibleOptions,\n invalidate,\n ]);\n}\n\nexport function useVisibleOptions({\n visibleOptions,\n listRef,\n open,\n options,\n size,\n actualOptionsCount,\n}: useVisibleOptionsArgs) {\n const [, runIfMounted] = useIsMounted();\n const [measured, setMeasured] = useState(false);\n const [height, setHeight] = useState<number | undefined>();\n\n useEffect(() => {\n const measureOptionHeight = (element: HTMLElement) =>\n typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;\n\n const list = listRef.current;\n\n if (open && list && visibleOptions > 0) {\n const childCount = list.children.length;\n const optionsNodes = ([] as HTMLElement[]).slice.call(\n list.children,\n 0,\n visibleOptions + 1,\n );\n\n let measuredHeight = optionsNodes\n .slice(0, visibleOptions)\n .reduce((acc, child) => acc + measureOptionHeight(child), 0);\n\n if (visibleOptions < childCount) {\n const lastVisibleOptionHeight = measureOptionHeight(\n optionsNodes[optionsNodes.length - 1],\n );\n\n // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку\n measuredHeight += Math.round(\n childCount - visibleOptions === 1\n ? lastVisibleOptionHeight\n : lastVisibleOptionHeight / 2,\n );\n } else if (\n visibleOptions > childCount &&\n actualOptionsCount &&\n typeof size === 'number'\n ) {\n const actualCount = (options ?? []).reduce(\n (sum, option) => sum + 1 + (isGroup(option) ? option.options.length : 0),\n 0,\n );\n\n measuredHeight =\n Math.min(\n actualCount === 0 ? /** empty placeholder */ 1 : actualCount,\n visibleOptions,\n ) * size;\n\n if (visibleOptions < actualCount) {\n measuredHeight += size / 2;\n }\n }\n\n setHeight(measuredHeight);\n\n setMeasured(true);\n\n return () => {\n runIfMounted(() => setMeasured(false));\n };\n }\n\n return fnUtils.noop;\n }, [actualOptionsCount, listRef, open, options, size, visibleOptions, runIfMounted]);\n\n return [measured, height] as const;\n}\n\nexport function defaultFilterFn(optionText: string, search: string) {\n if (!search) return true;\n\n return optionText.toLowerCase().includes(search.toLowerCase());\n}\n\nexport function defaultGroupAccessor(option: GroupShape) {\n return option.label;\n}\n\nexport function defaultAccessor(option: OptionShape) {\n if (typeof option.content === 'string') return option.content;\n if (typeof option.value === 'string') return option.value;\n\n return option.key;\n}\n\n// TODO: перенести\nexport function usePrevious<T>(value: T) {\n const ref = useRef<T>();\n\n useEffect(() => {\n ref.current = value;\n }, [value]);\n\n return ref.current;\n}\n\n// TODO: перенести\nexport const lastIndexOf = <T>(array: T[], predicate: (item: T) => boolean) => {\n for (let i = array.length - 1; i >= 0; i--) {\n if (predicate(array[i])) return i;\n }\n\n return -1;\n};\n\nexport function getSelectTestIds(dataTestId: string) {\n return {\n select: dataTestId,\n option: getDataTestId(dataTestId, 'option'),\n optionsList: getDataTestId(dataTestId, 'options-list'),\n clearButton: getDataTestId(dataTestId, 'options-list-clear'),\n applyButton: getDataTestId(dataTestId, 'options-list-apply'),\n field: getDataTestId(dataTestId, 'field'),\n fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),\n fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),\n fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),\n fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),\n fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),\n fieldClearIcon: getDataTestId(dataTestId, 'field-clear-icon'),\n searchInput: getDataTestId(dataTestId, 'search'),\n searchFormControl: getDataTestId(dataTestId, 'search-form-control'),\n searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),\n searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),\n searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),\n searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),\n searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),\n\n bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),\n bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),\n bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),\n\n modal: getDataTestId(dataTestId, 'modal'),\n modalHeader: getDataTestId(dataTestId, 'modal-header'),\n modalContent: getDataTestId(dataTestId, 'modal-content'),\n };\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import {\n cloneElement,\n isValidElement,\n type ReactNode,\n type RefObject,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nimport { fnUtils, getDataTestId, useIsMounted } from '@alfalab/core-components-shared';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport { DEFAULT_SEPARATOR } from './consts';\nimport {\n type BaseSelectProps,\n type GroupShape,\n type OptionShape,\n type OptionsListProps,\n} from './typings';\n\nexport const isGroup = (item: OptionShape | GroupShape): item is GroupShape =>\n Object.prototype.hasOwnProperty.call(item, 'options');\n\nexport const isOptionShape = (item: OptionShape | string | null): item is OptionShape =>\n !!item && Object.prototype.hasOwnProperty.call(item, 'key');\n\nexport const joinOptions = ({\n selected,\n selectedMultiple,\n valueSeparator = DEFAULT_SEPARATOR,\n}: {\n selected?: OptionShape;\n selectedMultiple?: OptionShape[];\n valueSeparator?: string;\n}) => {\n const options = selectedMultiple || (selected ? [selected] : []);\n\n if (!options.length) return null;\n\n return options.reduce((acc: Array<ReactNode | string>, option: OptionShape, index: number) => {\n if (isValidElement(option.content)) {\n acc.push(cloneElement(option.content, { key: option.key }));\n } else {\n acc.push(option.content);\n }\n\n if (index < options.length - 1) acc.push(valueSeparator);\n\n return acc;\n }, []);\n};\n\n// За один проход делает список пунктов меню плоским и находит выбранные пункты по ключу\nexport function processOptions(\n options: BaseSelectProps['options'],\n selected: BaseSelectProps['selected'] = [],\n filterFn: (option: OptionShape | GroupShape) => boolean = () => true,\n filterGroup = false,\n) {\n const flatOptions: OptionShape[] = [];\n const filteredOptions: BaseSelectProps['options'] = [];\n\n const selectedArray = Array.isArray(selected) ? selected : [selected];\n const selectedOptions = selectedArray.filter(isOptionShape);\n const selectedKeys = selectedArray.filter(\n (option): option is string => typeof option === 'string',\n );\n\n const isSelected = (option: OptionShape) => selectedKeys.includes(option.key);\n\n const process = (option: OptionShape | GroupShape) => {\n const isGroupOption = isGroup(option);\n\n if (!isGroupOption && isSelected(option)) {\n selectedOptions.push(option);\n }\n\n if (!filterFn(option)) return false;\n\n if (isGroupOption) {\n if (filterGroup) {\n Array.prototype.push.apply(flatOptions, option.options);\n }\n } else {\n flatOptions.push(option);\n }\n\n return true;\n };\n\n options.forEach((option) => {\n if (isGroup(option)) {\n const group: GroupShape = {\n ...option,\n options: [],\n };\n\n option.options.forEach((groupOption) => {\n const matched = process(groupOption);\n\n if (matched) group.options.push(groupOption);\n });\n\n if (group.options.length) {\n filteredOptions.push(group);\n\n return;\n }\n\n if (!filterGroup) return;\n }\n const matched = process(option);\n\n if (matched) filteredOptions.push(option);\n });\n\n return { filteredOptions, flatOptions, selectedOptions };\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useVisibleOptionsArgs = {\n /**\n * Количество видимых пунктов\n */\n visibleOptions: number;\n\n /**\n * Реф на контейнер с пунтами меню\n */\n listRef: RefObject<HTMLElement>;\n\n /**\n * Реф на контейнер, которому нужно установить высоту\n */\n styleTargetRef?: RefObject<HTMLElement>;\n\n /**\n * Флаг открытия меню\n */\n open?: boolean;\n\n /**\n * Позволяет вызвать пересчет высоты\n */\n invalidate?: unknown;\n\n /**\n * Список вариантов выбора\n */\n options?: Array<OptionShape | GroupShape>;\n\n /**\n * Максимальный размер варианта выбора\n */\n size?: Extract<OptionsListProps['size'], number>;\n\n /**\n * Учитывать действительное число вариантов выбора\n */\n actualOptionsCount?: boolean;\n};\n\n// copy-paste of original `useVisibleOptions` before https://github.com/core-ds/core-components/pull/1368\nexport function useVirtualVisibleOptions({\n visibleOptions,\n listRef,\n styleTargetRef = listRef,\n open,\n invalidate,\n options,\n size,\n actualOptionsCount,\n}: useVisibleOptionsArgs) {\n useEffect(() => {\n const measureOptionHeight = (element: HTMLElement) =>\n typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;\n\n const list = listRef.current;\n const styleTarget = styleTargetRef.current;\n\n if (open && list && styleTarget && visibleOptions > 0) {\n const childCount = list.children.length;\n const optionsNodes = ([] as HTMLElement[]).slice.call(\n list.children,\n 0,\n visibleOptions + 1,\n );\n\n let height = optionsNodes\n .slice(0, visibleOptions)\n .reduce((acc, child) => acc + measureOptionHeight(child), 0);\n\n if (visibleOptions < childCount) {\n const lastVisibleOptionHeight = measureOptionHeight(\n optionsNodes[optionsNodes.length - 1],\n );\n\n // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку\n height += Math.round(\n childCount - visibleOptions === 1\n ? lastVisibleOptionHeight\n : lastVisibleOptionHeight / 2,\n );\n } else if (\n visibleOptions > childCount &&\n actualOptionsCount &&\n typeof size === 'number'\n ) {\n const actualCount = (options ?? []).reduce(\n (sum, option) => sum + 1 + (isGroup(option) ? option.options.length : 0),\n 0,\n );\n\n height =\n Math.min(\n actualCount === 0 ? /** empty placeholder */ 1 : actualCount,\n visibleOptions,\n ) * size;\n\n if (visibleOptions < actualCount) {\n height += size / 2;\n }\n }\n\n styleTarget.style.height = `${height}px`;\n }\n }, [\n actualOptionsCount,\n listRef,\n open,\n options,\n size,\n styleTargetRef,\n visibleOptions,\n invalidate,\n ]);\n}\n\nexport function useVisibleOptions({\n visibleOptions,\n listRef,\n open,\n options,\n size,\n actualOptionsCount,\n}: useVisibleOptionsArgs) {\n const [, runIfMounted] = useIsMounted();\n const [measured, setMeasured] = useState(false);\n const [height, setHeight] = useState<number | undefined>();\n\n useLayoutEffect_SAFE_FOR_SSR(() => {\n const measureOptionHeight = (element: HTMLElement) =>\n typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;\n\n const list = listRef.current;\n\n if (open && list && visibleOptions > 0) {\n const childCount = list.children.length;\n const optionsNodes = ([] as HTMLElement[]).slice.call(\n list.children,\n 0,\n visibleOptions + 1,\n );\n\n let measuredHeight = optionsNodes\n .slice(0, visibleOptions)\n .reduce((acc, child) => acc + measureOptionHeight(child), 0);\n\n if (visibleOptions < childCount) {\n const lastVisibleOptionHeight = measureOptionHeight(\n optionsNodes[optionsNodes.length - 1],\n );\n\n // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку\n measuredHeight += Math.round(\n childCount - visibleOptions === 1\n ? lastVisibleOptionHeight\n : lastVisibleOptionHeight / 2,\n );\n } else if (\n visibleOptions > childCount &&\n actualOptionsCount &&\n typeof size === 'number'\n ) {\n const actualCount = (options ?? []).reduce(\n (sum, option) => sum + 1 + (isGroup(option) ? option.options.length : 0),\n 0,\n );\n\n measuredHeight =\n Math.min(\n actualCount === 0 ? /** empty placeholder */ 1 : actualCount,\n visibleOptions,\n ) * size;\n\n if (visibleOptions < actualCount) {\n measuredHeight += size / 2;\n }\n }\n\n setHeight(measuredHeight);\n\n setMeasured(true);\n\n return () => {\n runIfMounted(() => setMeasured(false));\n };\n }\n\n return fnUtils.noop;\n }, [actualOptionsCount, listRef, open, options, size, visibleOptions, runIfMounted]);\n\n return [measured, height] as const;\n}\n\nexport function defaultFilterFn(optionText: string, search: string) {\n if (!search) return true;\n\n return optionText.toLowerCase().includes(search.toLowerCase());\n}\n\nexport function defaultGroupAccessor(option: GroupShape) {\n return option.label;\n}\n\nexport function defaultAccessor(option: OptionShape) {\n if (typeof option.content === 'string') return option.content;\n if (typeof option.value === 'string') return option.value;\n\n return option.key;\n}\n\n// TODO: перенести\nexport function usePrevious<T>(value: T) {\n const ref = useRef<T>();\n\n useEffect(() => {\n ref.current = value;\n }, [value]);\n\n return ref.current;\n}\n\n// TODO: перенести\nexport const lastIndexOf = <T>(array: T[], predicate: (item: T) => boolean) => {\n for (let i = array.length - 1; i >= 0; i--) {\n if (predicate(array[i])) return i;\n }\n\n return -1;\n};\n\nexport function getSelectTestIds(dataTestId: string) {\n return {\n select: dataTestId,\n option: getDataTestId(dataTestId, 'option'),\n optionsList: getDataTestId(dataTestId, 'options-list'),\n clearButton: getDataTestId(dataTestId, 'options-list-clear'),\n applyButton: getDataTestId(dataTestId, 'options-list-apply'),\n field: getDataTestId(dataTestId, 'field'),\n fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),\n fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),\n fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),\n fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),\n fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),\n fieldClearIcon: getDataTestId(dataTestId, 'field-clear-icon'),\n searchInput: getDataTestId(dataTestId, 'search'),\n searchFormControl: getDataTestId(dataTestId, 'search-form-control'),\n searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),\n searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),\n searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),\n searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),\n searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),\n\n bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),\n bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),\n bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),\n\n modal: getDataTestId(dataTestId, 'modal'),\n modalHeader: getDataTestId(dataTestId, 'modal-header'),\n modalContent: getDataTestId(dataTestId, 'modal-content'),\n };\n}\n"],"names":[],"mappings":";;;;;;AAqBO,IAAM,OAAO,GAAG,UAAC,IAA8B,EAAA;IAClD,OAAA,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC;AAArD;AAEG,IAAM,aAAa,GAAG,UAAC,IAAiC,EAAA;AAC3D,IAAA,OAAA,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;AAA3D;AAEG,IAAM,WAAW,GAAG,UAAC,EAQ3B,EAAA;QAPG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,sBAAkC,EAAlC,cAAc,GAAG,EAAA,KAAA,MAAA,GAAA,iBAAiB,GAAA,EAAA;AAMlC,IAAA,IAAM,OAAO,GAAG,gBAAgB,KAAK,QAAQ,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;IAEhE,IAAI,CAAC,OAAO,CAAC,MAAM;AAAE,QAAA,OAAO,IAAI;IAEhC,OAAO,OAAO,CAAC,MAAM,CAAC,UAAC,GAA8B,EAAE,MAAmB,EAAE,KAAa,EAAA;AACrF,QAAA,IAAI,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;AAChC,YAAA,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC;AAC9D;AAAM,aAAA;AACH,YAAA,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;AAC3B;AAED,QAAA,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC;AAAE,YAAA,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;AAExD,QAAA,OAAO,GAAG;KACb,EAAE,EAAE,CAAC;AACV;AAEA;AACM,SAAU,cAAc,CAC1B,OAAmC,EACnC,QAA0C,EAC1C,QAAoE,EACpE,WAAmB,EAAA;AAFnB,IAAA,IAAA,QAAA,KAAA,MAAA,EAAA,EAAA,QAA0C,GAAA,EAAA,CAAA;AAC1C,IAAA,IAAA,QAAA,KAAA,MAAA,EAAA,EAAA,QAAA,GAAA,YAAA,EAAgE,OAAA,IAAI,GAAA,CAAA;AACpE,IAAA,IAAA,WAAA,KAAA,MAAA,EAAA,EAAA,WAAmB,GAAA,KAAA,CAAA;IAEnB,IAAM,WAAW,GAAkB,EAAE;IACrC,IAAM,eAAe,GAA+B,EAAE;AAEtD,IAAA,IAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,CAAC,QAAQ,CAAC;IACrE,IAAM,eAAe,GAAG,aAAa,CAAC,MAAM,CAAC,aAAa,CAAC;AAC3D,IAAA,IAAM,YAAY,GAAG,aAAa,CAAC,MAAM,CACrC,UAAC,MAAM,EAAuB,EAAA,OAAA,OAAO,MAAM,KAAK,QAAQ,CAA1B,EAA0B,CAC3D;AAED,IAAA,IAAM,UAAU,GAAG,UAAC,MAAmB,EAAA,EAAK,OAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,EAAA;IAE7E,IAAM,OAAO,GAAG,UAAC,MAAgC,EAAA;AAC7C,QAAA,IAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;AAErC,QAAA,IAAI,CAAC,aAAa,IAAI,UAAU,CAAC,MAAM,CAAC,EAAE;AACtC,YAAA,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/B;AAED,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AAAE,YAAA,OAAO,KAAK;AAEnC,QAAA,IAAI,aAAa,EAAE;AACf,YAAA,IAAI,WAAW,EAAE;AACb,gBAAA,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC;AAC1D;AACJ;AAAM,aAAA;AACH,YAAA,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;AAC3B;AAED,QAAA,OAAO,IAAI;AACf,KAAC;AAED,IAAA,OAAO,CAAC,OAAO,CAAC,UAAC,MAAM,EAAA;AACnB,QAAA,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;YACjB,IAAM,OAAK,yBACJ,MAAM,CAAA,EAAA,EACT,OAAO,EAAE,EAAE,GACd;AAED,YAAA,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,UAAC,WAAW,EAAA;AAC/B,gBAAA,IAAM,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC;AAEpC,gBAAA,IAAI,OAAO;AAAE,oBAAA,OAAK,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC;AAChD,aAAC,CAAC;AAEF,YAAA,IAAI,OAAK,CAAC,OAAO,CAAC,MAAM,EAAE;AACtB,gBAAA,eAAe,CAAC,IAAI,CAAC,OAAK,CAAC;gBAE3B;AACH;AAED,YAAA,IAAI,CAAC,WAAW;gBAAE;AACrB;AACD,QAAA,IAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC;AAE/B,QAAA,IAAI,OAAO;AAAE,YAAA,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC;AAC7C,KAAC,CAAC;IAEF,OAAO,EAAE,eAAe,EAAA,eAAA,EAAE,WAAW,aAAA,EAAE,eAAe,EAAA,eAAA,EAAE;AAC5D;AA6CA;AACM,SAAU,wBAAwB,CAAC,EASjB,EAAA;QARpB,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,sBAAwB,EAAxB,cAAc,GAAG,EAAA,KAAA,MAAA,GAAA,OAAO,GAAA,EAAA,EACxB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,kBAAkB,GAAA,EAAA,CAAA,kBAAA;AAElB,IAAA,SAAS,CAAC,YAAA;QACN,IAAM,mBAAmB,GAAG,UAAC,OAAoB,EAAA;YAC7C,OAAA,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,YAAY;AAAtF,SAAsF;AAE1F,QAAA,IAAM,IAAI,GAAG,OAAO,CAAC,OAAO;AAC5B,QAAA,IAAM,WAAW,GAAG,cAAc,CAAC,OAAO;QAE1C,IAAI,IAAI,IAAI,IAAI,IAAI,WAAW,IAAI,cAAc,GAAG,CAAC,EAAE;AACnD,YAAA,IAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM;AACvC,YAAA,IAAM,YAAY,GAAI,EAAoB,CAAC,KAAK,CAAC,IAAI,CACjD,IAAI,CAAC,QAAQ,EACb,CAAC,EACD,cAAc,GAAG,CAAC,CACrB;YAED,IAAI,MAAM,GAAG;AACR,iBAAA,KAAK,CAAC,CAAC,EAAE,cAAc;AACvB,iBAAA,MAAM,CAAC,UAAC,GAAG,EAAE,KAAK,EAAA,EAAK,OAAA,GAAG,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAA,EAAA,EAAE,CAAC,CAAC;YAEhE,IAAI,cAAc,GAAG,UAAU,EAAE;AAC7B,gBAAA,IAAM,uBAAuB,GAAG,mBAAmB,CAC/C,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CACxC;;gBAGD,MAAM,IAAI,IAAI,CAAC,KAAK,CAChB,UAAU,GAAG,cAAc,KAAK;AAC5B,sBAAE;AACF,sBAAE,uBAAuB,GAAG,CAAC,CACpC;AACJ;iBAAM,IACH,cAAc,GAAG,UAAU;gBAC3B,kBAAkB;gBAClB,OAAO,IAAI,KAAK,QAAQ,EAC1B;gBACE,IAAM,WAAW,GAAG,CAAC,OAAO,aAAP,OAAO,KAAA,MAAA,GAAP,OAAO,GAAI,EAAE,EAAE,MAAM,CACtC,UAAC,GAAG,EAAE,MAAM,EAAA,EAAK,OAAA,GAAG,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,GAAA,EACxE,CAAC,CACJ;gBAED,MAAM;oBACF,IAAI,CAAC,GAAG,CACJ,WAAW,KAAK,CAAC,4BAA4B,CAAC,GAAG,WAAW,EAC5D,cAAc,CACjB,GAAG,IAAI;gBAEZ,IAAI,cAAc,GAAG,WAAW,EAAE;AAC9B,oBAAA,MAAM,IAAI,IAAI,GAAG,CAAC;AACrB;AACJ;YAED,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,EAAG,CAAA,MAAA,CAAA,MAAM,OAAI;AAC3C;AACL,KAAC,EAAE;QACC,kBAAkB;QAClB,OAAO;QACP,IAAI;QACJ,OAAO;QACP,IAAI;QACJ,cAAc;QACd,cAAc;QACd,UAAU;AACb,KAAA,CAAC;AACN;AAEM,SAAU,iBAAiB,CAAC,EAOV,EAAA;AANpB,IAAA,IAAA,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,aAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,kBAAkB,GAAA,EAAA,CAAA,kBAAA;AAEZ,IAAA,IAAA,KAAmB,YAAY,EAAE,EAA9B,YAAY,QAAkB;IACjC,IAAA,EAAA,GAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,WAAW,GAAA,EAAA,CAAA,CAAA,CAAmB;IACzC,IAAA,EAAA,GAAsB,QAAQ,EAAsB,EAAnD,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAkC;AAE1D,IAAA,4BAA4B,CAAC,YAAA;QACzB,IAAM,mBAAmB,GAAG,UAAC,OAAoB,EAAA;YAC7C,OAAA,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,YAAY;AAAtF,SAAsF;AAE1F,QAAA,IAAM,IAAI,GAAG,OAAO,CAAC,OAAO;AAE5B,QAAA,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc,GAAG,CAAC,EAAE;AACpC,YAAA,IAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM;AACvC,YAAA,IAAM,YAAY,GAAI,EAAoB,CAAC,KAAK,CAAC,IAAI,CACjD,IAAI,CAAC,QAAQ,EACb,CAAC,EACD,cAAc,GAAG,CAAC,CACrB;YAED,IAAI,cAAc,GAAG;AAChB,iBAAA,KAAK,CAAC,CAAC,EAAE,cAAc;AACvB,iBAAA,MAAM,CAAC,UAAC,GAAG,EAAE,KAAK,EAAA,EAAK,OAAA,GAAG,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAA,EAAA,EAAE,CAAC,CAAC;YAEhE,IAAI,cAAc,GAAG,UAAU,EAAE;AAC7B,gBAAA,IAAM,uBAAuB,GAAG,mBAAmB,CAC/C,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CACxC;;gBAGD,cAAc,IAAI,IAAI,CAAC,KAAK,CACxB,UAAU,GAAG,cAAc,KAAK;AAC5B,sBAAE;AACF,sBAAE,uBAAuB,GAAG,CAAC,CACpC;AACJ;iBAAM,IACH,cAAc,GAAG,UAAU;gBAC3B,kBAAkB;gBAClB,OAAO,IAAI,KAAK,QAAQ,EAC1B;gBACE,IAAM,WAAW,GAAG,CAAC,OAAO,aAAP,OAAO,KAAA,MAAA,GAAP,OAAO,GAAI,EAAE,EAAE,MAAM,CACtC,UAAC,GAAG,EAAE,MAAM,EAAA,EAAK,OAAA,GAAG,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,GAAA,EACxE,CAAC,CACJ;gBAED,cAAc;oBACV,IAAI,CAAC,GAAG,CACJ,WAAW,KAAK,CAAC,4BAA4B,CAAC,GAAG,WAAW,EAC5D,cAAc,CACjB,GAAG,IAAI;gBAEZ,IAAI,cAAc,GAAG,WAAW,EAAE;AAC9B,oBAAA,cAAc,IAAI,IAAI,GAAG,CAAC;AAC7B;AACJ;YAED,SAAS,CAAC,cAAc,CAAC;YAEzB,WAAW,CAAC,IAAI,CAAC;YAEjB,OAAO,YAAA;gBACH,YAAY,CAAC,YAAM,EAAA,OAAA,WAAW,CAAC,KAAK,CAAC,CAAA,EAAA,CAAC;AAC1C,aAAC;AACJ;QAED,OAAO,OAAO,CAAC,IAAI;AACvB,KAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;AAEpF,IAAA,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAU;AACtC;AAEgB,SAAA,eAAe,CAAC,UAAkB,EAAE,MAAc,EAAA;AAC9D,IAAA,IAAI,CAAC,MAAM;AAAE,QAAA,OAAO,IAAI;AAExB,IAAA,OAAO,UAAU,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;AAClE;AAEM,SAAU,oBAAoB,CAAC,MAAkB,EAAA;IACnD,OAAO,MAAM,CAAC,KAAK;AACvB;AAEM,SAAU,eAAe,CAAC,MAAmB,EAAA;AAC/C,IAAA,IAAI,OAAO,MAAM,CAAC,OAAO,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC,OAAO;AAC7D,IAAA,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC,KAAK;IAEzD,OAAO,MAAM,CAAC,GAAG;AACrB;AAEA;AACM,SAAU,WAAW,CAAI,KAAQ,EAAA;AACnC,IAAA,IAAM,GAAG,GAAG,MAAM,EAAK;AAEvB,IAAA,SAAS,CAAC,YAAA;AACN,QAAA,GAAG,CAAC,OAAO,GAAG,KAAK;AACvB,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEX,OAAO,GAAG,CAAC,OAAO;AACtB;AAEA;AACa,IAAA,WAAW,GAAG,UAAI,KAAU,EAAE,SAA+B,EAAA;AACtE,IAAA,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;AACxC,QAAA,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAAE,YAAA,OAAO,CAAC;AACpC;IAED,OAAO,EAAE;AACb;AAEM,SAAU,gBAAgB,CAAC,UAAkB,EAAA;IAC/C,OAAO;AACH,QAAA,MAAM,EAAE,UAAU;AAClB,QAAA,MAAM,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC;AAC3C,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC;AACtD,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,oBAAoB,CAAC;AAC5D,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,oBAAoB,CAAC;AAC5D,QAAA,KAAK,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC;AACzC,QAAA,gBAAgB,EAAE,aAAa,CAAC,UAAU,EAAE,oBAAoB,CAAC;AACjE,QAAA,eAAe,EAAE,aAAa,CAAC,UAAU,EAAE,gCAAgC,CAAC;AAC5E,QAAA,gBAAgB,EAAE,aAAa,CAAC,UAAU,EAAE,iCAAiC,CAAC;AAC9E,QAAA,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,kCAAkC,CAAC;AACzE,QAAA,SAAS,EAAE,aAAa,CAAC,UAAU,EAAE,yBAAyB,CAAC;AAC/D,QAAA,cAAc,EAAE,aAAa,CAAC,UAAU,EAAE,kBAAkB,CAAC;AAC7D,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC;AAChD,QAAA,iBAAiB,EAAE,aAAa,CAAC,UAAU,EAAE,qBAAqB,CAAC;AACnE,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,2BAA2B,CAAC;AACnE,QAAA,gBAAgB,EAAE,aAAa,CAAC,UAAU,EAAE,iCAAiC,CAAC;AAC9E,QAAA,iBAAiB,EAAE,aAAa,CAAC,UAAU,EAAE,kCAAkC,CAAC;AAChF,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,mCAAmC,CAAC;AAC3E,QAAA,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,0BAA0B,CAAC;AAEjE,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC;AACtD,QAAA,iBAAiB,EAAE,aAAa,CAAC,UAAU,EAAE,qBAAqB,CAAC;AACnE,QAAA,kBAAkB,EAAE,aAAa,CAAC,UAAU,EAAE,sBAAsB,CAAC;AAErE,QAAA,KAAK,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC;AACzC,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC;AACtD,QAAA,YAAY,EAAE,aAAa,CAAC,UAAU,EAAE,eAAe,CAAC;KAC3D;AACL;;;;"}
@@ -9,7 +9,7 @@
9
9
  --select-arrow-color: var(--color-light-neutral-translucent-700);
10
10
  --select-arrow-disabled-color: var(--color-light-neutral-translucent-500);
11
11
  }
12
- .select__arrow_f17ah {
12
+ .select__arrow_1yiqv {
13
13
  display: block;
14
14
  width: 24px;
15
15
  height: 24px;
@@ -19,15 +19,15 @@
19
19
  transform 0.15s ease-in-out,
20
20
  opacity 0.2s ease;
21
21
  }
22
- .select__arrow_f17ah.select__disabled_f17ah {
22
+ .select__arrow_1yiqv.select__disabled_1yiqv {
23
23
  color: var(--select-arrow-disabled-color);
24
24
  }
25
- .select__arrow_f17ah.select__size-40_f17ah {
25
+ .select__arrow_1yiqv.select__size-40_1yiqv {
26
26
  width: auto;
27
27
  width: initial;
28
28
  height: auto;
29
29
  height: initial;
30
30
  }
31
- .select__open_f17ah {
31
+ .select__open_1yiqv {
32
32
  transform: var(--arrow-transform);
33
33
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"arrow":"select__arrow_f17ah","disabled":"select__disabled_f17ah","size-40":"select__size-40_f17ah","open":"select__open_f17ah"};
3
+ const styles = {"arrow":"select__arrow_1yiqv","disabled":"select__disabled_1yiqv","size-40":"select__size-40_1yiqv","open":"select__open_1yiqv"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,19 +1,19 @@
1
- .select__checkmark_mloxt {
1
+ .select__checkmark_4nr1s {
2
2
  flex-shrink: 0;
3
3
  box-sizing: border-box;
4
4
  }
5
- .select__checkmark_mloxt.select__start_mloxt {
5
+ .select__checkmark_4nr1s.select__start_4nr1s {
6
6
  align-self: start;
7
7
  }
8
- .select__checkmark_mloxt.select__center_mloxt {
8
+ .select__checkmark_4nr1s.select__center_4nr1s {
9
9
  align-self: center;
10
10
  }
11
- .select__single_mloxt {
11
+ .select__single_4nr1s {
12
12
  display: flex;
13
13
  align-items: center;
14
14
  justify-content: center;
15
15
  opacity: 0;
16
16
  }
17
- .select__single_mloxt.select__selected_mloxt {
17
+ .select__single_4nr1s.select__selected_4nr1s {
18
18
  opacity: 1;
19
19
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"checkmark":"select__checkmark_mloxt","start":"select__start_mloxt","center":"select__center_mloxt","single":"select__single_mloxt","selected":"select__selected_mloxt"};
3
+ const styles = {"checkmark":"select__checkmark_4nr1s","start":"select__start_4nr1s","center":"select__center_4nr1s","single":"select__single_4nr1s","selected":"select__selected_4nr1s"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -34,7 +34,7 @@
34
34
  --select-option-active-color: var(--color-light-text-primary);
35
35
  --select-option-disabled-color: var(--color-light-text-secondary);
36
36
  }
37
- .select__option_12gpa {
37
+ .select__option_y4u5k {
38
38
  font-size: 16px;
39
39
  line-height: 20px;
40
40
  font-weight: 400;
@@ -50,55 +50,55 @@
50
50
  cursor: pointer;
51
51
  min-height: var(--size-s-height);
52
52
  }
53
- .select__option_12gpa:not(.select__disabled_12gpa):active {
53
+ .select__option_y4u5k:not(.select__disabled_y4u5k):active {
54
54
  background: var(--select-option-active-background);
55
55
  color: var(--select-option-active-color);
56
56
  }
57
- .select__option_12gpa.select__checkmarkBefore_12gpa {
57
+ .select__option_y4u5k.select__checkmarkBefore_y4u5k {
58
58
  padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);
59
59
  }
60
- .select__option_12gpa.select__checkmarkBefore_12gpa.select__mobile_12gpa {
60
+ .select__option_y4u5k.select__checkmarkBefore_y4u5k.select__mobile_y4u5k {
61
61
  padding-left: var(--gap-16);
62
62
  }
63
- .select__option_12gpa.select__checkmarkAfter_12gpa.select__checkmarkAfter_12gpa {
63
+ .select__option_y4u5k.select__checkmarkAfter_y4u5k.select__checkmarkAfter_y4u5k {
64
64
  padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);
65
65
  }
66
- .select__option_12gpa.select__checkmarkAfter_12gpa.select__checkmarkAfter_12gpa.select__size-72_12gpa {
66
+ .select__option_y4u5k.select__checkmarkAfter_y4u5k.select__checkmarkAfter_y4u5k.select__size-72_y4u5k {
67
67
  padding-right: var(--gap-16);
68
68
  }
69
- .select__option_12gpa.select__checkmarkAfter_12gpa.select__checkmarkAfter_12gpa.select__mobile_12gpa {
69
+ .select__option_y4u5k.select__checkmarkAfter_y4u5k.select__checkmarkAfter_y4u5k.select__mobile_y4u5k {
70
70
  padding-right: var(--gap-20);
71
71
  }
72
- .select__option_12gpa.select__textContent_12gpa {
72
+ .select__option_y4u5k.select__textContent_y4u5k {
73
73
  padding: var(--gap-12);
74
74
  }
75
- .select__option_12gpa.select__textContent_12gpa.select__size-72_12gpa {
75
+ .select__option_y4u5k.select__textContent_y4u5k.select__size-72_y4u5k {
76
76
  padding-left: var(--gap-16);
77
77
  padding-right: var(--gap-16);
78
78
  }
79
- .select__option_12gpa.select__textContent_12gpa.select__mobile_12gpa {
79
+ .select__option_y4u5k.select__textContent_y4u5k.select__mobile_y4u5k {
80
80
  padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
81
81
  }
82
- .select__selected_12gpa {
82
+ .select__selected_y4u5k {
83
83
  background: var(--select-option-selected-background);
84
84
  color: var(--select-option-selected-color);
85
85
  cursor: default;
86
86
  }
87
- .select__highlighted_12gpa {
87
+ .select__highlighted_y4u5k {
88
88
  background: var(--select-option-hover-background);
89
89
  color: var(--select-option-hover-color);
90
90
  }
91
- .select__disabled_12gpa {
91
+ .select__disabled_y4u5k {
92
92
  cursor: var(--disabled-cursor);
93
93
  background: var(--select-option-disabled-background);
94
94
  color: var(--select-option-disabled-color);
95
95
  }
96
- .select__checkmarkBeforeContent_12gpa {
96
+ .select__checkmarkBeforeContent_y4u5k {
97
97
  margin-right: var(--gap-12);
98
98
  }
99
- .select__checkmarkAfterContent_12gpa {
99
+ .select__checkmarkAfterContent_y4u5k {
100
100
  margin-left: var(--gap-12);
101
101
  }
102
- .select__content_12gpa {
102
+ .select__content_y4u5k {
103
103
  flex: 1;
104
104
  }