@alfalab/core-components-select 17.10.0 → 17.10.1

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 (179) hide show
  1. package/components/arrow/Component.js +1 -1
  2. package/components/arrow/index.css +3 -3
  3. package/components/base-checkmark/Component.js +1 -1
  4. package/components/base-checkmark/index.css +6 -6
  5. package/components/base-option/Component.js +1 -1
  6. package/components/base-option/index.css +26 -23
  7. package/components/base-select/Component.js +2 -2
  8. package/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  9. package/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  10. package/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  11. package/components/base-select/index.css +16 -14
  12. package/components/base-select/mobile.css +19 -15
  13. package/components/checkmark/Component.js +1 -1
  14. package/components/checkmark/index.css +14 -12
  15. package/components/checkmark-mobile/Component.js +1 -1
  16. package/components/checkmark-mobile/index.css +6 -6
  17. package/components/clear-button/Component.js +1 -1
  18. package/components/clear-button/index.css +8 -7
  19. package/components/field/Component.js +1 -1
  20. package/components/field/index.css +12 -12
  21. package/components/footer/Component.js +1 -1
  22. package/components/footer/index.css +8 -7
  23. package/components/optgroup/Component.js +1 -1
  24. package/components/optgroup/index.css +14 -11
  25. package/components/option/Component.js +1 -1
  26. package/components/option/index.css +27 -25
  27. package/components/options-list/Component.js +1 -1
  28. package/components/options-list/index.css +15 -12
  29. package/components/search/Component.js +1 -1
  30. package/components/search/index.css +2 -2
  31. package/components/virtual-options-list/Component.js +1 -1
  32. package/components/virtual-options-list/index.css +22 -19
  33. package/cssm/components/base-option/index.module.css +11 -8
  34. package/cssm/components/base-select/index.module.css +5 -3
  35. package/cssm/components/base-select/mobile.module.css +7 -3
  36. package/cssm/components/checkmark/index.module.css +4 -2
  37. package/cssm/components/clear-button/index.module.css +2 -1
  38. package/cssm/components/footer/index.module.css +3 -2
  39. package/cssm/components/optgroup/index.module.css +8 -5
  40. package/cssm/components/option/index.module.css +8 -6
  41. package/cssm/components/options-list/index.module.css +5 -2
  42. package/cssm/components/virtual-options-list/index.module.css +7 -4
  43. package/cssm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +4 -2
  44. package/cssm/presets/useSelectWithApply/options-list-with-apply/header/index.module.css +4 -2
  45. package/esm/components/arrow/Component.js +1 -1
  46. package/esm/components/arrow/index.css +3 -3
  47. package/esm/components/base-checkmark/Component.js +1 -1
  48. package/esm/components/base-checkmark/index.css +6 -6
  49. package/esm/components/base-option/Component.js +1 -1
  50. package/esm/components/base-option/index.css +26 -23
  51. package/esm/components/base-select/Component.js +2 -2
  52. package/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  53. package/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  54. package/esm/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  55. package/esm/components/base-select/index.css +16 -14
  56. package/esm/components/base-select/mobile.css +19 -15
  57. package/esm/components/checkmark/Component.js +1 -1
  58. package/esm/components/checkmark/index.css +14 -12
  59. package/esm/components/checkmark-mobile/Component.js +1 -1
  60. package/esm/components/checkmark-mobile/index.css +6 -6
  61. package/esm/components/clear-button/Component.js +1 -1
  62. package/esm/components/clear-button/index.css +8 -7
  63. package/esm/components/field/Component.js +1 -1
  64. package/esm/components/field/index.css +12 -12
  65. package/esm/components/footer/Component.js +1 -1
  66. package/esm/components/footer/index.css +8 -7
  67. package/esm/components/optgroup/Component.js +1 -1
  68. package/esm/components/optgroup/index.css +14 -11
  69. package/esm/components/option/Component.js +1 -1
  70. package/esm/components/option/index.css +27 -25
  71. package/esm/components/options-list/Component.js +1 -1
  72. package/esm/components/options-list/index.css +15 -12
  73. package/esm/components/search/Component.js +1 -1
  74. package/esm/components/search/index.css +2 -2
  75. package/esm/components/virtual-options-list/Component.js +1 -1
  76. package/esm/components/virtual-options-list/index.css +22 -19
  77. package/esm/{list-popover-desktop-5d823442.js → list-popover-desktop-446b6d5f.js} +1 -1
  78. package/esm/mobile/Component.mobile.js +1 -1
  79. package/esm/mobile.module-eaf56278.js +4 -0
  80. package/esm/presets/index.js +1 -1
  81. package/esm/presets/useSelectWithApply/hook.js +1 -1
  82. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  83. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  84. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +7 -5
  85. package/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  86. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +7 -5
  87. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  88. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  89. package/esm/presets/useSelectWithLoading/hook.js +1 -1
  90. package/esm/presets/useSelectWithLoading/index.css +2 -2
  91. package/esm/shared/index.js +1 -1
  92. package/{list-popover-desktop-5bfaa60b.js → list-popover-desktop-6bae9b47.js} +1 -1
  93. package/mobile/Component.mobile.js +1 -1
  94. package/mobile.module-8d14caac.js +6 -0
  95. package/modern/components/arrow/Component.js +1 -1
  96. package/modern/components/arrow/index.css +3 -3
  97. package/modern/components/base-checkmark/Component.js +1 -1
  98. package/modern/components/base-checkmark/index.css +6 -6
  99. package/modern/components/base-option/Component.js +1 -1
  100. package/modern/components/base-option/index.css +26 -23
  101. package/modern/components/base-select/Component.js +2 -2
  102. package/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  103. package/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  104. package/modern/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  105. package/modern/components/base-select/index.css +16 -14
  106. package/modern/components/base-select/mobile.css +19 -15
  107. package/modern/components/checkmark/Component.js +1 -1
  108. package/modern/components/checkmark/index.css +14 -12
  109. package/modern/components/checkmark-mobile/Component.js +1 -1
  110. package/modern/components/checkmark-mobile/index.css +6 -6
  111. package/modern/components/clear-button/Component.js +1 -1
  112. package/modern/components/clear-button/index.css +8 -7
  113. package/modern/components/field/Component.js +1 -1
  114. package/modern/components/field/index.css +12 -12
  115. package/modern/components/footer/Component.js +1 -1
  116. package/modern/components/footer/index.css +8 -7
  117. package/modern/components/optgroup/Component.js +1 -1
  118. package/modern/components/optgroup/index.css +14 -11
  119. package/modern/components/option/Component.js +1 -1
  120. package/modern/components/option/index.css +27 -25
  121. package/modern/components/options-list/Component.js +1 -1
  122. package/modern/components/options-list/index.css +15 -12
  123. package/modern/components/search/Component.js +1 -1
  124. package/modern/components/search/index.css +2 -2
  125. package/modern/components/virtual-options-list/Component.js +1 -1
  126. package/modern/components/virtual-options-list/index.css +22 -19
  127. package/modern/{list-popover-desktop-e0978248.js → list-popover-desktop-46e08681.js} +1 -1
  128. package/modern/mobile/Component.mobile.js +1 -1
  129. package/modern/mobile.module-2f7796c1.js +4 -0
  130. package/modern/presets/index.js +1 -1
  131. package/modern/presets/useSelectWithApply/hook.js +1 -1
  132. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  133. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  134. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +7 -5
  135. package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  136. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +7 -5
  137. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  138. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  139. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  140. package/modern/presets/useSelectWithLoading/index.css +2 -2
  141. package/modern/shared/index.js +1 -1
  142. package/package.json +11 -11
  143. package/presets/index.js +1 -1
  144. package/presets/useSelectWithApply/hook.js +1 -1
  145. package/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  146. package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  147. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +7 -5
  148. package/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  149. package/presets/useSelectWithApply/options-list-with-apply/header/index.css +7 -5
  150. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  151. package/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  152. package/presets/useSelectWithLoading/hook.js +1 -1
  153. package/presets/useSelectWithLoading/index.css +2 -2
  154. package/shared/index.js +1 -1
  155. package/src/components/base-option/index.module.css +8 -8
  156. package/src/components/base-select/index.module.css +2 -2
  157. package/src/components/base-select/mobile.module.css +3 -3
  158. package/src/components/checkmark/index.module.css +1 -1
  159. package/src/components/clear-button/index.module.css +1 -1
  160. package/src/components/footer/index.module.css +2 -2
  161. package/src/components/optgroup/index.module.css +1 -1
  162. package/src/components/option/index.module.css +2 -2
  163. package/src/components/options-list/index.module.css +2 -2
  164. package/src/components/virtual-options-list/index.module.css +2 -2
  165. package/src/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +2 -2
  166. package/src/presets/useSelectWithApply/options-list-with-apply/header/index.module.css +2 -2
  167. package/src/vars.css +10 -10
  168. package/esm/mobile.module-83cac113.js +0 -4
  169. package/mobile.module-81207a22.js +0 -6
  170. package/modern/mobile.module-aaa81c53.js +0 -4
  171. /package/esm/{hook-92fc6541.d.ts → hook-570b8ac7.d.ts} +0 -0
  172. /package/esm/{hook-92fc6541.js → hook-570b8ac7.js} +0 -0
  173. /package/esm/{list-popover-desktop-5d823442.d.ts → list-popover-desktop-446b6d5f.d.ts} +0 -0
  174. /package/{hook-46669d2d.d.ts → hook-a71861cb.d.ts} +0 -0
  175. /package/{hook-46669d2d.js → hook-a71861cb.js} +0 -0
  176. /package/{list-popover-desktop-5bfaa60b.d.ts → list-popover-desktop-6bae9b47.d.ts} +0 -0
  177. /package/modern/{hook-0ddabed4.d.ts → hook-0b565ee2.d.ts} +0 -0
  178. /package/modern/{hook-0ddabed4.js → hook-0b565ee2.js} +0 -0
  179. /package/modern/{list-popover-desktop-e0978248.d.ts → list-popover-desktop-46e08681.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: 11p6y */
1
+ /* hash: 1xbpa */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-300: #e7e8eb;
@@ -22,6 +22,9 @@
22
22
  --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
23
 
24
24
  /* новые значения, используйте их */
25
+ --gap-12: var(--gap-s);
26
+ --gap-16: var(--gap-m);
27
+ --gap-24: var(--gap-xl);
25
28
  } :root {
26
29
  } :root {
27
30
  } :root {
@@ -33,41 +36,41 @@
33
36
 
34
37
  /* option */
35
38
 
36
- --select-option-left-padding: var(--gap-s);
37
- --select-option-right-padding: var(--gap-s);
39
+ --select-option-left-padding: var(--gap-12);
40
+ --select-option-right-padding: var(--gap-12);
38
41
 
39
42
  /* checkmark */
40
43
 
41
44
  /* optgroup */
42
- } .select__virtualOptionsList_13mxk {
45
+ } .select__virtualOptionsList_1gsun {
43
46
  width: 100%;
44
47
  outline: none;
45
48
  box-sizing: border-box;
46
49
  position: sticky;
47
50
  justify-content: space-between;
48
- } .select__virtualOptionsListHeader_13mxk {
51
+ } .select__virtualOptionsListHeader_1gsun {
49
52
  box-sizing: border-box;
50
53
  border-bottom: 1px solid var(--color-light-neutral-300);
51
- } .select__virtualOptionsListFooter_13mxk {
54
+ } .select__virtualOptionsListFooter_1gsun {
52
55
  position: sticky;
53
56
  bottom: 0;
54
57
  box-sizing: border-box;
55
58
  border-top: 1px solid transparent
56
- } .select__virtualOptionsListFooter_13mxk.select__withBorder_13mxk {
59
+ } .select__virtualOptionsListFooter_1gsun.select__withBorder_1gsun {
57
60
  border-top: 1px solid var(--color-light-neutral-300);
58
- } .select__scrollable_13mxk {
61
+ } .select__scrollable_1gsun {
59
62
  position: relative;
60
63
  overflow: auto;
61
64
  width: 100%;
62
- } .select__inner_13mxk {
65
+ } .select__inner_1gsun {
63
66
  position: relative;
64
67
  width: 100%;
65
- } .select__virtualRow_13mxk {
68
+ } .select__virtualRow_1gsun {
66
69
  position: absolute;
67
70
  top: 0;
68
71
  left: 0;
69
72
  width: 100%
70
- } .select__virtualRow_13mxk:before {
73
+ } .select__virtualRow_1gsun:before {
71
74
  content: '';
72
75
  position: absolute;
73
76
  z-index: 1;
@@ -77,16 +80,16 @@
77
80
  height: 1px;
78
81
  background: var(--select-option-divider-background);
79
82
  display: var(--select-option-divider-display);
80
- } .select__virtualRow_13mxk:first-child:before {
83
+ } .select__virtualRow_1gsun:first-child:before {
81
84
  display: none;
82
- } .select__highlighted_13mxk:before,
83
- .select__highlighted_13mxk + .select__virtualRow_13mxk:before {
85
+ } .select__highlighted_1gsun:before,
86
+ .select__highlighted_1gsun + .select__virtualRow_1gsun:before {
84
87
  display: none;
85
- } .select__emptyPlaceholder_13mxk {
86
- padding: var(--gap-m) var(--gap-s);
88
+ } .select__emptyPlaceholder_1gsun {
89
+ padding: var(--gap-16) var(--gap-12);
87
90
  color: var(--select-options-list-empty-placeholder-color);
88
91
  flex: 1;
89
- } .select__size-64_13mxk .select__emptyPlaceholder_13mxk,
90
- .select__size-72_13mxk .select__emptyPlaceholder_13mxk {
91
- padding: var(--gap-xl) var(--gap-m);
92
+ } .select__size-64_1gsun .select__emptyPlaceholder_1gsun,
93
+ .select__size-72_1gsun .select__emptyPlaceholder_1gsun {
94
+ padding: var(--gap-24) var(--gap-16);
92
95
  }
@@ -23,6 +23,9 @@
23
23
  --gap-l: 20px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
24
24
 
25
25
  /* новые значения, используйте их */
26
+ --gap-12: var(--gap-s);
27
+ --gap-16: var(--gap-m);
28
+ --gap-20: var(--gap-l);
26
29
  } :root {
27
30
  } :root {
28
31
  --disabled-cursor: not-allowed;
@@ -64,17 +67,17 @@
64
67
  background: var(--select-option-active-background);
65
68
  color: var(--select-option-active-color);
66
69
  } .option.checkmarkBefore {
67
- padding: 0 0 0 var(--gap-s)
70
+ padding: 0 0 0 var(--gap-12)
68
71
  } .option.checkmarkBefore.mobile {
69
- padding-left: var(--gap-m);
72
+ padding-left: var(--gap-16);
70
73
  } .option.checkmarkAfter.checkmarkAfter {
71
- padding: 0 var(--gap-s) 0 0
74
+ padding: 0 var(--gap-12) 0 0
72
75
  } .option.checkmarkAfter.checkmarkAfter.mobile {
73
- padding-right: var(--gap-l);
76
+ padding-right: var(--gap-20);
74
77
  } .option.textContent {
75
- padding: var(--gap-s)
78
+ padding: var(--gap-12)
76
79
  } .option.textContent.mobile {
77
- padding: var(--gap-m) var(--gap-l) var(--gap-m) var(--gap-m);
80
+ padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
78
81
  } .selected {
79
82
  background: var(--select-option-selected-background);
80
83
  color: var(--select-option-selected-color);
@@ -87,9 +90,9 @@
87
90
  background: var(--select-option-disabled-background);
88
91
  color: var(--select-option-disabled-color);
89
92
  } .checkmarkBeforeContent {
90
- margin-right: var(--gap-s);
93
+ margin-right: var(--gap-12);
91
94
  } .checkmarkAfterContent {
92
- margin-left: var(--gap-s);
95
+ margin-left: var(--gap-12);
93
96
  } .content {
94
97
  flex: 1;
95
98
  }
@@ -22,6 +22,8 @@
22
22
  --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
23
 
24
24
  /* новые значения, используйте их */
25
+ --gap-4: var(--gap-2xs);
26
+ --gap-12: var(--gap-s);
25
27
  } :root {
26
28
  } :root {
27
29
  } :root {
@@ -30,7 +32,7 @@
30
32
 
31
33
  --select-options-list-border-radius: var(--border-radius-m);
32
34
  --select-options-list-box-shadow: var(--shadow-m);
33
- --select-options-list-offset: var(--gap-2xs);
35
+ --select-options-list-offset: var(--gap-4);
34
36
  --select-options-list-top-padding: 0;
35
37
  --select-options-list-bottom-padding: 0;
36
38
 
@@ -90,7 +92,7 @@
90
92
  } .emptySearchPlaceholder {
91
93
  text-align: center;
92
94
  } .search {
93
- margin: var(--gap-s) var(--gap-s) 0
95
+ margin: var(--gap-12) var(--gap-12) 0
94
96
  } .search:last-child {
95
- margin-bottom: var(--gap-s);
97
+ margin-bottom: var(--gap-12);
96
98
  }
@@ -19,6 +19,10 @@
19
19
  --gap-l: 20px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
20
 
21
21
  /* новые значения, используйте их */
22
+ --gap-4: var(--gap-2xs);
23
+ --gap-8: var(--gap-xs);
24
+ --gap-16: var(--gap-m);
25
+ --gap-20: var(--gap-l);
22
26
  } :root {
23
27
  } :root {
24
28
  } :root {
@@ -49,11 +53,11 @@
49
53
  } .scrollbar {
50
54
  flex: 1;
51
55
  } .search {
52
- padding: var(--gap-xs);
56
+ padding: var(--gap-8);
53
57
  } .option.option {
54
- padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
58
+ padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16)
55
59
  } .option.option:before {
56
60
  display: none;
57
61
  } .optionGroup.optionGroup {
58
- padding: var(--gap-m) var(--gap-m) var(--gap-xs);
62
+ padding: var(--gap-16) var(--gap-16) var(--gap-8);
59
63
  }
@@ -20,6 +20,8 @@
20
20
  --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
21
 
22
22
  /* новые значения, используйте их */
23
+ --gap-8: var(--gap-xs);
24
+ --gap-12: var(--gap-s);
23
25
  } :root {
24
26
  } :root {
25
27
  } :root {
@@ -30,7 +32,7 @@
30
32
 
31
33
  /* checkmark */
32
34
 
33
- --select-checkmark-margin: 0 var(--gap-xs) 0 0;
35
+ --select-checkmark-margin: 0 var(--gap-8) 0 0;
34
36
  --select-checkmark-margin-after: var(--select-checkmark-margin);
35
37
  --select-checkmark-size: 4px;
36
38
  --select-checkmark-before-display: 'flex';
@@ -62,7 +64,7 @@
62
64
  } .before {
63
65
  display: var(--select-checkmark-before-display)
64
66
  } .before.multiple {
65
- margin-right: var(--gap-s);
67
+ margin-right: var(--gap-12);
66
68
  display: var(--select-checkmark-before-display-multiple);
67
69
  } .after.after {
68
70
  display: var(--select-checkmark-after-display)
@@ -19,6 +19,7 @@
19
19
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
20
 
21
21
  /* новые значения, используйте их */
22
+ --gap-4: var(--gap-2xs);
22
23
  } :root {
23
24
  } :root {
24
25
  } :root {
@@ -52,5 +53,5 @@
52
53
  } .clearButton + [data-addon='error-icon'] {
53
54
  display: var(--input-error-icon-display);
54
55
  } .clearButton + * {
55
- margin-left: var(--gap-2xs);
56
+ margin-left: var(--gap-4);
56
57
  }
@@ -18,6 +18,7 @@
18
18
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
19
 
20
20
  /* новые значения, используйте их */
21
+ --gap-16: var(--gap-m);
21
22
  } :root {
22
23
  } :root {
23
24
  } :root {
@@ -33,10 +34,10 @@
33
34
  display: flex;
34
35
  box-sizing: border-box;
35
36
  width: 100%;
36
- padding: var(--gap-m) var(--gap-m);
37
+ padding: var(--gap-16) var(--gap-16);
37
38
  background-color: var(--color-light-modal-bg-primary)
38
39
  } .footer .button:first-of-type {
39
- margin-right: var(--gap-m);
40
+ margin-right: var(--gap-16);
40
41
  } .button {
41
42
  width: 50%;
42
43
  } .highlighted {
@@ -20,6 +20,9 @@
20
20
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
21
 
22
22
  /* новые значения, используйте их */
23
+ --gap-4: var(--gap-2xs);
24
+ --gap-12: var(--gap-s);
25
+ --gap-16: var(--gap-m);
23
26
  } :root {
24
27
  } :root {
25
28
  } :root {
@@ -34,15 +37,15 @@
34
37
 
35
38
  --select-optgroup-color: var(--color-light-text-secondary);
36
39
  --select-optgroup-background: var(--color-light-modal-bg-primary);
37
- --select-optgroup-left-padding: var(--gap-s);
38
- --select-optgroup-right-padding: var(--gap-s);
39
- --select-optgroup-l-left-padding: var(--gap-m);
40
- --select-optgroup-l-right-padding: var(--gap-m);
40
+ --select-optgroup-left-padding: var(--gap-12);
41
+ --select-optgroup-right-padding: var(--gap-12);
42
+ --select-optgroup-l-left-padding: var(--gap-16);
43
+ --select-optgroup-l-right-padding: var(--gap-16);
41
44
  } .optgroup {
42
45
  position: relative;
43
46
  display: flex;
44
47
  align-items: center;
45
- padding: var(--gap-s) var(--select-optgroup-right-padding) var(--gap-2xs)
48
+ padding: var(--gap-12) var(--select-optgroup-right-padding) var(--gap-4)
46
49
  var(--select-optgroup-left-padding);
47
50
  box-sizing: border-box;
48
51
  background: var(--select-optgroup-background);
@@ -23,6 +23,8 @@
23
23
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
24
24
 
25
25
  /* новые значения, используйте их */
26
+ --gap-12: var(--gap-s);
27
+ --gap-16: var(--gap-m);
26
28
  } :root {
27
29
  } :root {
28
30
  --disabled-cursor: not-allowed;
@@ -38,10 +40,10 @@
38
40
 
39
41
  /* option */
40
42
 
41
- --select-option-left-padding: var(--gap-s);
42
- --select-option-right-padding: var(--gap-s);
43
- --select-option-l-left-padding: var(--gap-m);
44
- --select-option-l-right-padding: var(--gap-m);
43
+ --select-option-left-padding: var(--gap-12);
44
+ --select-option-right-padding: var(--gap-12);
45
+ --select-option-l-left-padding: var(--gap-16);
46
+ --select-option-l-right-padding: var(--gap-16);
45
47
  --select-option-background: var(--color-light-modal-bg-primary);
46
48
  --select-option-selected-background: var(--color-light-modal-bg-primary);
47
49
  --select-option-hover-background: var(--color-light-transparent-default-hover);
@@ -121,6 +123,6 @@
121
123
  text-overflow: ellipsis;
122
124
  white-space: nowrap;
123
125
  } .textContent {
124
- padding-top: var(--gap-s);
125
- padding-bottom: var(--gap-s);
126
+ padding-top: var(--gap-12);
127
+ padding-bottom: var(--gap-12);
126
128
  }
@@ -20,6 +20,9 @@
20
20
  --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
21
 
22
22
  /* новые значения, используйте их */
23
+ --gap-12: var(--gap-s);
24
+ --gap-16: var(--gap-m);
25
+ --gap-24: var(--gap-xl);
23
26
  } :root {
24
27
  } :root {
25
28
  } :root {
@@ -55,9 +58,9 @@
55
58
  overflow: auto;
56
59
  width: 100%;
57
60
  } .emptyPlaceholder {
58
- padding: var(--gap-m) var(--gap-s);
61
+ padding: var(--gap-16) var(--gap-12);
59
62
  color: var(--select-options-list-empty-placeholder-color);
60
63
  } .size-64 .emptyPlaceholder,
61
64
  .size-72 .emptyPlaceholder {
62
- padding: var(--gap-xl) var(--gap-m);
65
+ padding: var(--gap-24) var(--gap-16);
63
66
  }
@@ -21,6 +21,9 @@
21
21
  --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
22
22
 
23
23
  /* новые значения, используйте их */
24
+ --gap-12: var(--gap-s);
25
+ --gap-16: var(--gap-m);
26
+ --gap-24: var(--gap-xl);
24
27
  } :root {
25
28
  } :root {
26
29
  } :root {
@@ -32,8 +35,8 @@
32
35
 
33
36
  /* option */
34
37
 
35
- --select-option-left-padding: var(--gap-s);
36
- --select-option-right-padding: var(--gap-s);
38
+ --select-option-left-padding: var(--gap-12);
39
+ --select-option-right-padding: var(--gap-12);
37
40
 
38
41
  /* checkmark */
39
42
 
@@ -82,10 +85,10 @@
82
85
  .highlighted + .virtualRow:before {
83
86
  display: none;
84
87
  } .emptyPlaceholder {
85
- padding: var(--gap-m) var(--gap-s);
88
+ padding: var(--gap-16) var(--gap-12);
86
89
  color: var(--select-options-list-empty-placeholder-color);
87
90
  flex: 1;
88
91
  } .size-64 .emptyPlaceholder,
89
92
  .size-72 .emptyPlaceholder {
90
- padding: var(--gap-xl) var(--gap-m);
93
+ padding: var(--gap-24) var(--gap-16);
91
94
  }
@@ -18,12 +18,14 @@
18
18
  --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
19
 
20
20
  /* новые значения, используйте их */
21
+ --gap-8: var(--gap-xs);
22
+ --gap-12: var(--gap-s);
21
23
  } :root {
22
24
  } :root {
23
25
  } .footer {
24
26
  background-color: var(--color-light-base-bg-primary);
25
- padding: var(--gap-s);
27
+ padding: var(--gap-12);
26
28
  outline: none
27
29
  } .footer > .button + .button {
28
- margin-left: var(--gap-xs);
30
+ margin-left: var(--gap-8);
29
31
  }
@@ -17,10 +17,12 @@
17
17
  --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
18
 
19
19
  /* новые значения, используйте их */
20
+ --gap-8: var(--gap-xs);
21
+ --gap-12: var(--gap-s);
20
22
  } :root {
21
23
  } :root {
22
24
  } .desktop {
23
- padding: var(--gap-s);
25
+ padding: var(--gap-12);
24
26
  } .mobile {
25
- padding: var(--gap-s) var(--gap-xs);
27
+ padding: var(--gap-12) var(--gap-8);
26
28
  }
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
4
4
 
5
- var styles = {"arrow":"select__arrow_lknvf","open":"select__open_lknvf"};
5
+ var styles = {"arrow":"select__arrow_1x823","open":"select__open_1x823"};
6
6
  require('./index.css')
7
7
 
8
8
  var Arrow = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: lv91n */
1
+ /* hash: f0ed3 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,13 +30,13 @@
30
30
  /* checkmark */
31
31
 
32
32
  /* optgroup */
33
- } .select__arrow_lknvf {
33
+ } .select__arrow_1x823 {
34
34
  display: block;
35
35
  width: 24px;
36
36
  height: 24px;
37
37
  color: var(--select-arrow-color);
38
38
 
39
39
  transition: transform 0.15s ease-in-out, opacity 0.2s ease;
40
- } .select__open_lknvf {
40
+ } .select__open_1x823 {
41
41
  transform: var(--arrow-transform);
42
42
  }
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { Checkbox } from '@alfalab/core-components-checkbox/esm';
4
4
  import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
5
5
 
6
- var styles = {"checkmark":"select__checkmark_1oliv","start":"select__start_1oliv","center":"select__center_1oliv","single":"select__single_1oliv","selected":"select__selected_1oliv"};
6
+ var styles = {"checkmark":"select__checkmark_117t2","start":"select__start_117t2","center":"select__center_117t2","single":"select__single_117t2","selected":"select__selected_117t2"};
7
7
  require('./index.css')
8
8
 
9
9
  var BaseCheckmark = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: k5zpt */
1
+ /* hash: j2pzy */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,18 +27,18 @@
27
27
  /* checkmark */
28
28
 
29
29
  /* optgroup */
30
- } .select__checkmark_1oliv {
30
+ } .select__checkmark_117t2 {
31
31
  flex-shrink: 0;
32
32
  box-sizing: border-box
33
- } .select__checkmark_1oliv.select__start_1oliv {
33
+ } .select__checkmark_117t2.select__start_117t2 {
34
34
  align-self: start;
35
- } .select__checkmark_1oliv.select__center_1oliv {
35
+ } .select__checkmark_117t2.select__center_117t2 {
36
36
  align-self: center;
37
- } .select__single_1oliv {
37
+ } .select__single_117t2 {
38
38
  display: flex;
39
39
  align-items: center;
40
40
  justify-content: center;
41
41
  opacity: 0
42
- } .select__single_1oliv.select__selected_1oliv {
42
+ } .select__single_117t2.select__selected_117t2 {
43
43
  opacity: 1;
44
44
  }
@@ -3,7 +3,7 @@ import React, { isValidElement } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { BaseCheckmark } from '../base-checkmark/Component.js';
5
5
 
6
- var styles = {"option":"select__option_ghc0e","disabled":"select__disabled_ghc0e","checkmarkBefore":"select__checkmarkBefore_ghc0e","mobile":"select__mobile_ghc0e","checkmarkAfter":"select__checkmarkAfter_ghc0e","textContent":"select__textContent_ghc0e","selected":"select__selected_ghc0e","highlighted":"select__highlighted_ghc0e","checkmarkBeforeContent":"select__checkmarkBeforeContent_ghc0e","checkmarkAfterContent":"select__checkmarkAfterContent_ghc0e","content":"select__content_ghc0e"};
6
+ var styles = {"option":"select__option_tn92w","disabled":"select__disabled_tn92w","checkmarkBefore":"select__checkmarkBefore_tn92w","mobile":"select__mobile_tn92w","checkmarkAfter":"select__checkmarkAfter_tn92w","textContent":"select__textContent_tn92w","selected":"select__selected_tn92w","highlighted":"select__highlighted_tn92w","checkmarkBeforeContent":"select__checkmarkBeforeContent_tn92w","checkmarkAfterContent":"select__checkmarkAfterContent_tn92w","content":"select__content_tn92w"};
7
7
  require('./index.css')
8
8
 
9
9
  var BaseOption = function (_a) {