@alfalab/core-components-select 18.0.0-snapshot-1ff3990 → 18.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (137) 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/Component.js +1 -1
  8. package/components/base-select/Component.js.map +1 -1
  9. package/components/base-select/index.css +11 -11
  10. package/components/base-select/index.module.css.js +1 -1
  11. package/components/base-select/mobile.css +11 -11
  12. package/components/base-select/mobile.module.css.js +1 -1
  13. package/components/checkmark/index.css +9 -9
  14. package/components/checkmark/index.module.css.js +1 -1
  15. package/components/checkmark-mobile/index.css +5 -5
  16. package/components/checkmark-mobile/index.module.css.js +1 -1
  17. package/components/clear-button/index.css +4 -4
  18. package/components/clear-button/index.module.css.js +1 -1
  19. package/components/field/index.css +13 -13
  20. package/components/field/index.module.css.js +1 -1
  21. package/components/footer/index.css +4 -4
  22. package/components/footer/index.module.css.js +1 -1
  23. package/components/optgroup/index.css +4 -4
  24. package/components/optgroup/index.module.css.js +1 -1
  25. package/components/option/desktop/index.css +20 -20
  26. package/components/option/desktop/index.module.css.js +1 -1
  27. package/components/option/mobile/index.css +17 -17
  28. package/components/option/mobile/index.module.css.js +1 -1
  29. package/components/options-list/index.css +9 -9
  30. package/components/options-list/index.module.css.js +1 -1
  31. package/components/search/index.css +1 -1
  32. package/components/search/index.module.css.js +1 -1
  33. package/components/virtual-options-list/index.css +13 -13
  34. package/components/virtual-options-list/index.module.css.js +1 -1
  35. package/cssm/components/base-select/Component.js +1 -1
  36. package/cssm/components/base-select/Component.js.map +1 -1
  37. package/cssm/mobile/Component.mobile.js +1 -1
  38. package/cssm/mobile/Component.mobile.js.map +1 -1
  39. package/esm/components/arrow/index.css +4 -4
  40. package/esm/components/arrow/index.module.css.js +1 -1
  41. package/esm/components/base-checkmark/index.css +5 -5
  42. package/esm/components/base-checkmark/index.module.css.js +1 -1
  43. package/esm/components/base-option/index.css +16 -16
  44. package/esm/components/base-option/index.module.css.js +1 -1
  45. package/esm/components/base-select/Component.js +1 -1
  46. package/esm/components/base-select/Component.js.map +1 -1
  47. package/esm/components/base-select/index.css +11 -11
  48. package/esm/components/base-select/index.module.css.js +1 -1
  49. package/esm/components/base-select/mobile.css +11 -11
  50. package/esm/components/base-select/mobile.module.css.js +1 -1
  51. package/esm/components/checkmark/index.css +9 -9
  52. package/esm/components/checkmark/index.module.css.js +1 -1
  53. package/esm/components/checkmark-mobile/index.css +5 -5
  54. package/esm/components/checkmark-mobile/index.module.css.js +1 -1
  55. package/esm/components/clear-button/index.css +4 -4
  56. package/esm/components/clear-button/index.module.css.js +1 -1
  57. package/esm/components/field/index.css +13 -13
  58. package/esm/components/field/index.module.css.js +1 -1
  59. package/esm/components/footer/index.css +4 -4
  60. package/esm/components/footer/index.module.css.js +1 -1
  61. package/esm/components/optgroup/index.css +4 -4
  62. package/esm/components/optgroup/index.module.css.js +1 -1
  63. package/esm/components/option/desktop/index.css +20 -20
  64. package/esm/components/option/desktop/index.module.css.js +1 -1
  65. package/esm/components/option/mobile/index.css +17 -17
  66. package/esm/components/option/mobile/index.module.css.js +1 -1
  67. package/esm/components/options-list/index.css +9 -9
  68. package/esm/components/options-list/index.module.css.js +1 -1
  69. package/esm/components/search/index.css +1 -1
  70. package/esm/components/search/index.module.css.js +1 -1
  71. package/esm/components/virtual-options-list/index.css +13 -13
  72. package/esm/components/virtual-options-list/index.module.css.js +1 -1
  73. package/esm/mobile/Component.mobile.js +1 -1
  74. package/esm/mobile/Component.mobile.js.map +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/mobile/Component.mobile.js +1 -1
  82. package/mobile/Component.mobile.js.map +1 -1
  83. package/modern/components/arrow/index.css +4 -4
  84. package/modern/components/arrow/index.module.css.js +1 -1
  85. package/modern/components/base-checkmark/index.css +5 -5
  86. package/modern/components/base-checkmark/index.module.css.js +1 -1
  87. package/modern/components/base-option/index.css +16 -16
  88. package/modern/components/base-option/index.module.css.js +1 -1
  89. package/modern/components/base-select/Component.js +1 -1
  90. package/modern/components/base-select/Component.js.map +1 -1
  91. package/modern/components/base-select/index.css +11 -11
  92. package/modern/components/base-select/index.module.css.js +1 -1
  93. package/modern/components/base-select/mobile.css +11 -11
  94. package/modern/components/base-select/mobile.module.css.js +1 -1
  95. package/modern/components/checkmark/index.css +9 -9
  96. package/modern/components/checkmark/index.module.css.js +1 -1
  97. package/modern/components/checkmark-mobile/index.css +5 -5
  98. package/modern/components/checkmark-mobile/index.module.css.js +1 -1
  99. package/modern/components/clear-button/index.css +4 -4
  100. package/modern/components/clear-button/index.module.css.js +1 -1
  101. package/modern/components/field/index.css +13 -13
  102. package/modern/components/field/index.module.css.js +1 -1
  103. package/modern/components/footer/index.css +4 -4
  104. package/modern/components/footer/index.module.css.js +1 -1
  105. package/modern/components/optgroup/index.css +4 -4
  106. package/modern/components/optgroup/index.module.css.js +1 -1
  107. package/modern/components/option/desktop/index.css +20 -20
  108. package/modern/components/option/desktop/index.module.css.js +1 -1
  109. package/modern/components/option/mobile/index.css +17 -17
  110. package/modern/components/option/mobile/index.module.css.js +1 -1
  111. package/modern/components/options-list/index.css +9 -9
  112. package/modern/components/options-list/index.module.css.js +1 -1
  113. package/modern/components/search/index.css +1 -1
  114. package/modern/components/search/index.module.css.js +1 -1
  115. package/modern/components/virtual-options-list/index.css +13 -13
  116. package/modern/components/virtual-options-list/index.module.css.js +1 -1
  117. package/modern/mobile/Component.mobile.js +1 -0
  118. package/modern/mobile/Component.mobile.js.map +1 -1
  119. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  120. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css.js +1 -1
  121. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  122. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.module.css.js +1 -1
  123. package/modern/presets/useSelectWithLoading/index.css +1 -1
  124. package/modern/presets/useSelectWithLoading/index.module.css.js +1 -1
  125. package/moderncssm/components/base-select/Component.js +1 -1
  126. package/moderncssm/components/base-select/Component.js.map +1 -1
  127. package/moderncssm/mobile/Component.mobile.js +1 -0
  128. package/moderncssm/mobile/Component.mobile.js.map +1 -1
  129. package/package.json +27 -27
  130. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  131. package/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css.js +1 -1
  132. package/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  133. package/presets/useSelectWithApply/options-list-with-apply/header/index.module.css.js +1 -1
  134. package/presets/useSelectWithLoading/index.css +1 -1
  135. package/presets/useSelectWithLoading/index.module.css.js +1 -1
  136. package/src/components/base-select/Component.tsx +1 -1
  137. package/src/mobile/Component.mobile.tsx +1 -0
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"checkmark":"select__checkmark_wtrvf","after":"select__after_wtrvf","single":"select__single_wtrvf","selected":"select__selected_wtrvf","before":"select__before_wtrvf","multiple":"select__multiple_wtrvf","colorIcon":"select__colorIcon_wtrvf"};
5
+ var styles = {"checkmark":"select__checkmark_19q8w","after":"select__after_19q8w","single":"select__single_19q8w","selected":"select__selected_19q8w","before":"select__before_19q8w","multiple":"select__multiple_19q8w","colorIcon":"select__colorIcon_19q8w"};
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_1tw4u {
4
+ } .select__checkmark_ifm13 {
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_1tw4u:first-child {
12
+ } .select__checkmark_ifm13:first-child {
13
13
  display: none;
14
- } .select__checkmark_1tw4u.select__selected_1tw4u {
14
+ } .select__checkmark_ifm13.select__selected_ifm13 {
15
15
  opacity: 1;
16
- } .select__displayIcon_1tw4u {
16
+ } .select__displayIcon_ifm13 {
17
17
  display: var(--select-mobile-checkmark-display-icon);
18
- } .select__displayBadge_1tw4u {
18
+ } .select__displayBadge_ifm13 {
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_1tw4u","selected":"select__selected_1tw4u","displayIcon":"select__displayIcon_1tw4u"};
5
+ var styles = {"checkmark":"select__checkmark_ifm13","selected":"select__selected_ifm13","displayIcon":"select__displayIcon_ifm13"};
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_k7lqb {
7
+ } .select__clearIcon_v398o {
8
8
  display: block;
9
9
  color: var(--color-light-neutral-translucent-500)
10
- } .select__clearIcon_k7lqb:hover {
10
+ } .select__clearIcon_v398o:hover {
11
11
  color: var(--color-light-neutral-translucent-500-hover);
12
- } .select__clearIcon_k7lqb:active {
12
+ } .select__clearIcon_v398o:active {
13
13
  color: var(--color-light-neutral-translucent-500-press);
14
- } .select__clearButton_k7lqb + [data-addon='error-icon'] {
14
+ } .select__clearButton_v398o + [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_k7lqb","clearButton":"select__clearButton_k7lqb"};
5
+ var styles = {"clearIcon":"select__clearIcon_v398o","clearButton":"select__clearButton_v398o"};
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_9p78z {
13
+ } .select__component_16ssz {
14
14
  width: 100%;
15
15
  outline: none;
16
- } .select__field_9p78z:not(.select__disabled_9p78z) {
16
+ } .select__field_16ssz:not(.select__disabled_16ssz) {
17
17
  cursor: pointer
18
- } .select__field_9p78z:not(.select__disabled_9p78z):hover .select__arrow_9p78z {
18
+ } .select__field_16ssz:not(.select__disabled_16ssz):hover .select__arrow_16ssz {
19
19
  opacity: var(--select-arrow-hover-opacity);
20
- } .select__disabled_9p78z {
20
+ } .select__disabled_16ssz {
21
21
  cursor: var(--disabled-cursor);
22
- } .select__placeholder_9p78z {
22
+ } .select__placeholder_16ssz {
23
23
  color: var(--input-placeholder-color);
24
24
  transition: color 0.2s ease;
25
- animation: select__show-placeholder_9p78z 0.2s ease
26
- } .select__placeholder_9p78z.select__focused_9p78z {
25
+ animation: select__show-placeholder_16ssz 0.2s ease
26
+ } .select__placeholder_16ssz.select__focused_16ssz {
27
27
  color: var(--input-focus-placeholder-color);
28
- } .select__contentWrapper_9p78z {
28
+ } .select__contentWrapper_16ssz {
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_9p78z.select__size-40_9p78z {
37
+ } .select__contentWrapper_16ssz.select__size-40_16ssz {
38
38
  font-size: 14px;
39
39
  line-height: 18px;
40
40
  font-weight: 400;
41
- } .select__value_9p78z {
41
+ } .select__value_16ssz {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left
45
- } .select__value_9p78z.select__size-40_9p78z {
45
+ } .select__value_16ssz.select__size-40_16ssz {
46
46
  font-size: 14px;
47
47
  line-height: 18px;
48
48
  font-weight: 400;
49
- } .select__focusVisible_9p78z {
49
+ } .select__focusVisible_16ssz {
50
50
  outline: 2px solid var(--focus-color);
51
51
  outline-offset: 2px;
52
- } @keyframes select__show-placeholder_9p78z {
52
+ } @keyframes select__show-placeholder_16ssz {
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_9p78z","field":"select__field_9p78z","disabled":"select__disabled_9p78z","arrow":"select__arrow_9p78z","placeholder":"select__placeholder_9p78z","show-placeholder":"select__show-placeholder_9p78z","focused":"select__focused_9p78z","contentWrapper":"select__contentWrapper_9p78z","size-40":"select__size-40_9p78z","value":"select__value_9p78z","focusVisible":"select__focusVisible_9p78z"};
5
+ var styles = {"component":"select__component_16ssz","field":"select__field_16ssz","disabled":"select__disabled_16ssz","arrow":"select__arrow_16ssz","placeholder":"select__placeholder_16ssz","show-placeholder":"select__show-placeholder_16ssz","focused":"select__focused_16ssz","contentWrapper":"select__contentWrapper_16ssz","size-40":"select__size-40_16ssz","value":"select__value_16ssz","focusVisible":"select__focusVisible_16ssz"};
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_ok4jc {
7
+ } .select__footer_1grp0 {
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_ok4jc .select__button_ok4jc:first-of-type {
13
+ } .select__footer_1grp0 .select__button_1grp0:first-of-type {
14
14
  margin-right: var(--gap-16);
15
- } .select__button_ok4jc {
15
+ } .select__button_1grp0 {
16
16
  width: 50%;
17
- } .select__highlighted_ok4jc {
17
+ } .select__highlighted_1grp0 {
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_ok4jc","button":"select__button_ok4jc","highlighted":"select__highlighted_ok4jc"};
5
+ var styles = {"footer":"select__footer_1grp0","button":"select__button_1grp0","highlighted":"select__highlighted_1grp0"};
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_1b6tt {
19
+ } .select__optgroup_i8atm {
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_1b6tt + *[role='option']:before {
28
+ } .select__optgroup_i8atm + *[role='option']:before {
29
29
  display: none;
30
- } .select__label_1b6tt {
30
+ } .select__label_i8atm {
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_1b6tt {
39
+ } .select__size-72_i8atm {
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_1b6tt","label":"select__label_1b6tt","size-72":"select__size-72_1b6tt"};
5
+ var styles = {"optgroup":"select__optgroup_i8atm","label":"select__label_i8atm","size-72":"select__size-72_i8atm"};
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_117sy {
38
+ } .select__option_1k901 {
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_117sy:not(.select__disabled_117sy):active {
53
+ } .select__option_1k901:not(.select__disabled_1k901):active {
54
54
  background: var(--select-option-active-background);
55
55
  color: var(--select-option-active-color);
56
- } .select__option_117sy:before {
56
+ } .select__option_1k901:before {
57
57
  content: '';
58
58
  position: absolute;
59
59
  left: var(--select-option-left-padding);
@@ -63,47 +63,47 @@
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_117sy:first-child:before {
66
+ } .select__option_1k901:first-child:before {
67
67
  display: none;
68
- } .select__size-48_117sy {
68
+ } .select__size-48_1k901 {
69
69
  min-height: var(--size-s-height);
70
- } .select__size-56_117sy {
70
+ } .select__size-56_1k901 {
71
71
  min-height: var(--size-m-height);
72
- } .select__size-64_117sy {
72
+ } .select__size-64_1k901 {
73
73
  min-height: var(--size-l-height);
74
- } .select__size-72_117sy {
74
+ } .select__size-72_1k901 {
75
75
  min-height: var(--size-xl-height);
76
- } .select__size-72_117sy {
76
+ } .select__size-72_1k901 {
77
77
  padding-left: var(--select-option-l-left-padding);
78
78
  padding-right: var(--select-option-l-right-padding)
79
- } .select__size-72_117sy:before {
79
+ } .select__size-72_1k901:before {
80
80
  left: var(--select-option-l-left-padding);
81
81
  right: var(--select-option-l-right-padding);
82
- } .select__selected_117sy {
82
+ } .select__selected_1k901 {
83
83
  background: var(--select-option-selected-background);
84
84
  color: var(--select-option-selected-color);
85
85
  cursor: default;
86
- } .select__highlighted_117sy {
86
+ } .select__highlighted_1k901 {
87
87
  background: var(--select-option-hover-background);
88
88
  color: var(--select-option-hover-color)
89
- } .select__highlighted_117sy:before,
90
- .select__highlighted_117sy + .select__option_117sy:before {
89
+ } .select__highlighted_1k901:before,
90
+ .select__highlighted_1k901 + .select__option_1k901:before {
91
91
  opacity: 0;
92
- } .select__disabled_117sy {
92
+ } .select__disabled_1k901 {
93
93
  cursor: var(--disabled-cursor);
94
94
  background: var(--select-option-disabled-background);
95
95
  color: var(--select-option-disabled-color);
96
- } .select__content_117sy {
96
+ } .select__content_1k901 {
97
97
  overflow: hidden;
98
98
  flex: 1;
99
99
  text-overflow: ellipsis;
100
- } .select__textContent_117sy {
100
+ } .select__textContent_1k901 {
101
101
  padding-top: var(--gap-12);
102
102
  padding-bottom: var(--gap-12);
103
- } .select__highlighted_117sy {
103
+ } .select__highlighted_1k901 {
104
104
  background: var(--select-option-hover-background);
105
105
  color: var(--select-option-hover-color)
106
- } .select__highlighted_117sy:before,
107
- .select__highlighted_117sy + .select__option_117sy:before {
106
+ } .select__highlighted_1k901:before,
107
+ .select__highlighted_1k901 + .select__option_1k901:before {
108
108
  opacity: 0;
109
109
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"option":"select__option_117sy","disabled":"select__disabled_117sy","size-48":"select__size-48_117sy","size-56":"select__size-56_117sy","size-64":"select__size-64_117sy","size-72":"select__size-72_117sy","selected":"select__selected_117sy","highlighted":"select__highlighted_117sy","content":"select__content_117sy","textContent":"select__textContent_117sy"};
5
+ var styles = {"option":"select__option_1k901","disabled":"select__disabled_1k901","size-48":"select__size-48_1k901","size-56":"select__size-56_1k901","size-64":"select__size-64_1k901","size-72":"select__size-72_1k901","selected":"select__selected_1k901","highlighted":"select__highlighted_1k901","content":"select__content_1k901","textContent":"select__textContent_1k901"};
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_1om3u {
38
+ } .select__option_1t34o {
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_1om3u:not(.select__disabled_1om3u):active {
53
+ } .select__option_1t34o:not(.select__disabled_1t34o):active {
54
54
  background: var(--select-option-active-background);
55
55
  color: var(--select-option-active-color);
56
- } .select__option_1om3u:before {
56
+ } .select__option_1t34o:before {
57
57
  content: '';
58
58
  position: absolute;
59
59
  left: var(--select-option-left-padding);
@@ -63,41 +63,41 @@
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_1om3u:first-child:before {
66
+ } .select__option_1t34o:first-child:before {
67
67
  display: none;
68
- } .select__size-48_1om3u {
68
+ } .select__size-48_1t34o {
69
69
  min-height: var(--size-s-height);
70
- } .select__size-56_1om3u {
70
+ } .select__size-56_1t34o {
71
71
  min-height: var(--size-m-height);
72
- } .select__size-64_1om3u {
72
+ } .select__size-64_1t34o {
73
73
  min-height: var(--size-l-height);
74
- } .select__size-72_1om3u {
74
+ } .select__size-72_1t34o {
75
75
  min-height: var(--size-xl-height);
76
- } .select__size-72_1om3u {
76
+ } .select__size-72_1t34o {
77
77
  padding-left: var(--select-option-l-left-padding);
78
78
  padding-right: var(--select-option-l-right-padding)
79
- } .select__size-72_1om3u:before {
79
+ } .select__size-72_1t34o:before {
80
80
  left: var(--select-option-l-left-padding);
81
81
  right: var(--select-option-l-right-padding);
82
- } .select__selected_1om3u {
82
+ } .select__selected_1t34o {
83
83
  background: var(--select-option-selected-background);
84
84
  color: var(--select-option-selected-color);
85
85
  cursor: default;
86
- } .select__highlighted_1om3u {
86
+ } .select__highlighted_1t34o {
87
87
  background: var(--select-option-hover-background);
88
88
  color: var(--select-option-hover-color)
89
- } .select__highlighted_1om3u:before,
90
- .select__highlighted_1om3u + .select__option_1om3u:before {
89
+ } .select__highlighted_1t34o:before,
90
+ .select__highlighted_1t34o + .select__option_1t34o:before {
91
91
  opacity: 0;
92
- } .select__disabled_1om3u {
92
+ } .select__disabled_1t34o {
93
93
  cursor: var(--disabled-cursor);
94
94
  background: var(--select-option-disabled-background);
95
95
  color: var(--select-option-disabled-color);
96
- } .select__content_1om3u {
96
+ } .select__content_1t34o {
97
97
  overflow: hidden;
98
98
  flex: 1;
99
99
  text-overflow: ellipsis;
100
- } .select__textContent_1om3u {
100
+ } .select__textContent_1t34o {
101
101
  padding-top: var(--gap-12);
102
102
  padding-bottom: var(--gap-12);
103
103
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"option":"select__option_1om3u","disabled":"select__disabled_1om3u","size-48":"select__size-48_1om3u","size-56":"select__size-56_1om3u","size-64":"select__size-64_1om3u","size-72":"select__size-72_1om3u","selected":"select__selected_1om3u","highlighted":"select__highlighted_1om3u","content":"select__content_1om3u","textContent":"select__textContent_1om3u"};
5
+ var styles = {"option":"select__option_1t34o","disabled":"select__disabled_1t34o","size-48":"select__size-48_1t34o","size-56":"select__size-56_1t34o","size-64":"select__size-64_1t34o","size-72":"select__size-72_1t34o","selected":"select__selected_1t34o","highlighted":"select__highlighted_1t34o","content":"select__content_1t34o","textContent":"select__textContent_1t34o"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -11,33 +11,33 @@
11
11
  --gap-24: var(--gap-xl);
12
12
  } :root {
13
13
  --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
14
- } .select__optionsList_13ek3 {
14
+ } .select__optionsList_snno0 {
15
15
  width: 100%;
16
16
  outline: none;
17
17
  box-sizing: border-box;
18
18
  position: relative;
19
- } .select__optionsListHeader_13ek3 {
19
+ } .select__optionsListHeader_snno0 {
20
20
  box-sizing: border-box;
21
21
  border-bottom: 1px solid transparent;
22
22
  transition: border-color 0.2s ease
23
- } .select__optionsListHeader_13ek3.select__headerHighlighted_13ek3 {
23
+ } .select__optionsListHeader_snno0.select__headerHighlighted_snno0 {
24
24
  border-bottom-color: var(--color-light-neutral-300);
25
- } .select__optionsListFooter_13ek3 {
25
+ } .select__optionsListFooter_snno0 {
26
26
  position: sticky;
27
27
  bottom: var(--gap-0);
28
28
  box-sizing: border-box;
29
29
  border-top: 1px solid transparent;
30
30
  transition: border-color 0.2s ease
31
- } .select__optionsListFooter_13ek3.select__withBorder_13ek3 {
31
+ } .select__optionsListFooter_snno0.select__withBorder_snno0 {
32
32
  border-top-color: var(--color-light-neutral-300);
33
- } .select__scrollable_13ek3 {
33
+ } .select__scrollable_snno0 {
34
34
  overflow: auto;
35
35
  width: 100%;
36
- } .select__mask_13ek3 {
36
+ } .select__mask_snno0 {
37
37
  min-width: 4000px;
38
- } .select__emptyPlaceholder_13ek3 {
38
+ } .select__emptyPlaceholder_snno0 {
39
39
  padding: var(--gap-16) var(--gap-12);
40
40
  color: var(--select-options-list-empty-placeholder-color);
41
- } .select__size-72_13ek3 .select__emptyPlaceholder_13ek3 {
41
+ } .select__size-72_snno0 .select__emptyPlaceholder_snno0 {
42
42
  padding: var(--gap-24) var(--gap-16);
43
43
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"optionsList":"select__optionsList_13ek3","optionsListHeader":"select__optionsListHeader_13ek3","headerHighlighted":"select__headerHighlighted_13ek3","optionsListFooter":"select__optionsListFooter_13ek3","withBorder":"select__withBorder_13ek3","scrollable":"select__scrollable_13ek3","mask":"select__mask_13ek3","emptyPlaceholder":"select__emptyPlaceholder_13ek3","size-72":"select__size-72_13ek3"};
5
+ var styles = {"optionsList":"select__optionsList_snno0","optionsListHeader":"select__optionsListHeader_snno0","headerHighlighted":"select__headerHighlighted_snno0","optionsListFooter":"select__optionsListFooter_snno0","withBorder":"select__withBorder_snno0","scrollable":"select__scrollable_snno0","mask":"select__mask_snno0","emptyPlaceholder":"select__emptyPlaceholder_snno0","size-72":"select__size-72_snno0"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1,3 +1,3 @@
1
- .select__component_ys561.select__component_ys561 {
1
+ .select__component_1jd4r.select__component_1jd4r {
2
2
  width: auto;
3
3
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"select__component_ys561"};
5
+ var styles = {"component":"select__component_1jd4r"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -17,35 +17,35 @@
17
17
 
18
18
  --select-option-left-padding: var(--gap-12);
19
19
  --select-option-right-padding: var(--gap-12);
20
- } .select__virtualOptionsList_rusek {
20
+ } .select__virtualOptionsList_1raxl {
21
21
  width: 100%;
22
22
  outline: none;
23
23
  box-sizing: border-box;
24
24
  position: sticky;
25
25
  justify-content: space-between;
26
- } .select__virtualOptionsListHeader_rusek {
26
+ } .select__virtualOptionsListHeader_1raxl {
27
27
  box-sizing: border-box;
28
28
  border-bottom: 1px solid var(--color-light-neutral-300);
29
- } .select__virtualOptionsListFooter_rusek {
29
+ } .select__virtualOptionsListFooter_1raxl {
30
30
  position: sticky;
31
31
  bottom: var(--gap-0);
32
32
  box-sizing: border-box;
33
33
  border-top: 1px solid transparent
34
- } .select__virtualOptionsListFooter_rusek.select__withBorder_rusek {
34
+ } .select__virtualOptionsListFooter_1raxl.select__withBorder_1raxl {
35
35
  border-top: 1px solid var(--color-light-neutral-300);
36
- } .select__scrollable_rusek {
36
+ } .select__scrollable_1raxl {
37
37
  position: relative;
38
38
  overflow: auto;
39
39
  width: 100%;
40
- } .select__inner_rusek {
40
+ } .select__inner_1raxl {
41
41
  position: relative;
42
42
  width: 100%;
43
- } .select__virtualRow_rusek {
43
+ } .select__virtualRow_1raxl {
44
44
  position: absolute;
45
45
  top: var(--gap-0);
46
46
  left: var(--gap-0);
47
47
  width: 100%
48
- } .select__virtualRow_rusek:before {
48
+ } .select__virtualRow_1raxl:before {
49
49
  content: '';
50
50
  position: absolute;
51
51
  z-index: 1;
@@ -55,15 +55,15 @@
55
55
  height: 1px;
56
56
  background: var(--select-option-divider-background);
57
57
  display: var(--select-option-divider-display);
58
- } .select__virtualRow_rusek:first-child:before {
58
+ } .select__virtualRow_1raxl:first-child:before {
59
59
  display: none;
60
- } .select__highlighted_rusek:before,
61
- .select__highlighted_rusek + .select__virtualRow_rusek:before {
60
+ } .select__highlighted_1raxl:before,
61
+ .select__highlighted_1raxl + .select__virtualRow_1raxl:before {
62
62
  display: none;
63
- } .select__emptyPlaceholder_rusek {
63
+ } .select__emptyPlaceholder_1raxl {
64
64
  padding: var(--gap-16) var(--gap-12);
65
65
  color: var(--select-options-list-empty-placeholder-color);
66
66
  flex: 1;
67
- } .select__size-72_rusek .select__emptyPlaceholder_rusek {
67
+ } .select__size-72_1raxl .select__emptyPlaceholder_1raxl {
68
68
  padding: var(--gap-24) var(--gap-16);
69
69
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"virtualOptionsList":"select__virtualOptionsList_rusek","virtualOptionsListHeader":"select__virtualOptionsListHeader_rusek","virtualOptionsListFooter":"select__virtualOptionsListFooter_rusek","withBorder":"select__withBorder_rusek","scrollable":"select__scrollable_rusek","inner":"select__inner_rusek","virtualRow":"select__virtualRow_rusek","highlighted":"select__highlighted_rusek","emptyPlaceholder":"select__emptyPlaceholder_rusek","size-72":"select__size-72_rusek"};
5
+ var styles = {"virtualOptionsList":"select__virtualOptionsList_1raxl","virtualOptionsListHeader":"select__virtualOptionsListHeader_1raxl","virtualOptionsListFooter":"select__virtualOptionsListFooter_1raxl","withBorder":"select__withBorder_1raxl","scrollable":"select__scrollable_1raxl","inner":"select__inner_1raxl","virtualRow":"select__virtualRow_1raxl","highlighted":"select__highlighted_1raxl","emptyPlaceholder":"select__emptyPlaceholder_1raxl","size-72":"select__size-72_1raxl"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -310,7 +310,7 @@ function (props, ref) {
310
310
  var optionsListMinWidth = rootRef.current
311
311
  ? rootRef.current.getBoundingClientRect().width
312
312
  : 0;
313
- listRef.current.setAttribute('style', '');
313
+ listRef.current.removeAttribute('style');
314
314
  listRef.current.style[widthAttr] = "".concat(optionsListMinWidth, "px");
315
315
  }
316
316
  }, [view, optionsListWidth]);