@alfalab/core-components-select 17.13.0 → 17.14.1

package/components/clear-button/index.css

@@ -1,4 +1,4 @@
-/* hash: nu395 */
+/* hash: 1s4ap */
 :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 */ :root {
     --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -44,15 +44,15 @@
     /* checkmark */
 
     /* optgroup */
-} .select__clearIcon_ax5y1 {
+} .select__clearIcon_5fa9b {
     display: block;
     color: var(--color-light-neutral-translucent-500)
-} .select__clearIcon_ax5y1:hover {
+} .select__clearIcon_5fa9b:hover {
         color: var(--color-light-neutral-translucent-500-hover);
-    } .select__clearIcon_ax5y1:active {
+    } .select__clearIcon_5fa9b:active {
         color: var(--color-light-neutral-translucent-500-press);
-    } .select__clearButton_ax5y1 + [data-addon='error-icon'] {
+    } .select__clearButton_5fa9b + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
-} .select__clearButton_ax5y1 + * {
+} .select__clearButton_5fa9b + * {
     margin-left: var(--gap-4);
 }

package/components/field/Component.js

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"select__component_ilobh","field":"select__field_ilobh","disabled":"select__disabled_ilobh","arrow":"select__arrow_ilobh","placeholder":"select__placeholder_ilobh","show-placeholder":"select__show-placeholder_ilobh","focused":"select__focused_ilobh","contentWrapper":"select__contentWrapper_ilobh","value":"select__value_ilobh","focusVisible":"select__focusVisible_ilobh"};
+var styles = {"component":"select__component_7txno","field":"select__field_7txno","disabled":"select__disabled_7txno","arrow":"select__arrow_7txno","placeholder":"select__placeholder_7txno","show-placeholder":"select__show-placeholder_7txno","focused":"select__focused_7txno","contentWrapper":"select__contentWrapper_7txno","value":"select__value_7txno","focusVisible":"select__focusVisible_7txno"};
 require('./index.css')
 
 var Field = function (_a) {

package/components/field/index.css

@@ -1,4 +1,4 @@
-/* hash: vilml */
+/* hash: rp0h3 */
 :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 */ :root {
     --color-light-status-info: #2288fa;
@@ -46,22 +46,22 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_ilobh {
+} .select__component_7txno {
     width: 100%;
     outline: none;
-} .select__field_ilobh:not(.select__disabled_ilobh) {
+} .select__field_7txno:not(.select__disabled_7txno) {
     cursor: pointer
-} .select__field_ilobh:not(.select__disabled_ilobh):hover .select__arrow_ilobh {
+} .select__field_7txno:not(.select__disabled_7txno):hover .select__arrow_7txno {
             opacity: var(--select-arrow-hover-opacity);
-        } .select__disabled_ilobh {
+        } .select__disabled_7txno {
     cursor: var(--disabled-cursor);
-} .select__placeholder_ilobh {
+} .select__placeholder_7txno {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_ilobh 0.2s ease
-} .select__placeholder_ilobh.select__focused_ilobh {
+    animation: select__show-placeholder_7txno 0.2s ease
+} .select__placeholder_7txno.select__focused_7txno {
         color: var(--input-focus-placeholder-color);
-    } .select__contentWrapper_ilobh {
+    } .select__contentWrapper_7txno {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -70,14 +70,14 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .select__value_ilobh {
+} .select__value_7txno {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .select__focusVisible_ilobh {
+} .select__focusVisible_7txno {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} @keyframes select__show-placeholder_ilobh {
+} @keyframes select__show-placeholder_7txno {
     from {
         opacity: 0;
     }

package/components/footer/Component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"footer":"select__footer_19zdi","button":"select__button_19zdi","highlighted":"select__highlighted_19zdi"};
+var styles = {"footer":"select__footer_1wyp6","button":"select__button_1wyp6","highlighted":"select__highlighted_1wyp6"};
 require('./index.css')
 
 var Footer = function (_a) {

package/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1uyil */
+/* hash: t5f3s */
 :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 */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -31,17 +31,17 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_19zdi {
+} .select__footer_1wyp6 {
     display: flex;
     box-sizing: border-box;
     width: 100%;
     padding: var(--gap-16) var(--gap-16);
     background-color: var(--color-light-modal-bg-primary)
-} .select__footer_19zdi .select__button_19zdi:first-of-type {
+} .select__footer_1wyp6 .select__button_1wyp6:first-of-type {
         margin-right: var(--gap-16);
-    } .select__button_19zdi {
+    } .select__button_1wyp6 {
     width: 50%;
-} .select__highlighted_19zdi {
+} .select__highlighted_1wyp6 {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

package/components/optgroup/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"optgroup":"select__optgroup_13x1f","label":"select__label_13x1f","size-64":"select__size-64_13x1f","size-72":"select__size-72_13x1f"};
+var styles = {"optgroup":"select__optgroup_pinrf","label":"select__label_pinrf","size-64":"select__size-64_pinrf","size-72":"select__size-72_pinrf"};
 require('./index.css')
 
 var Optgroup = function (_a) {

package/components/optgroup/index.css

@@ -1,4 +1,4 @@
-/* hash: 1dfp9 */
+/* hash: 15iu8 */
 :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 */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -42,7 +42,7 @@
     --select-optgroup-right-padding: var(--gap-12);
     --select-optgroup-l-left-padding: var(--gap-16);
     --select-optgroup-l-right-padding: var(--gap-16);
-} .select__optgroup_13x1f {
+} .select__optgroup_pinrf {
     position: relative;
     display: flex;
     align-items: center;
@@ -51,9 +51,9 @@
     box-sizing: border-box;
     background: var(--select-optgroup-background);
     min-height: 40px
-} .select__optgroup_13x1f + *[role='option']:before {
+} .select__optgroup_pinrf + *[role='option']:before {
         display: none;
-    } .select__label_13x1f {
+    } .select__label_pinrf {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -62,8 +62,8 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__size-64_13x1f,
-.select__size-72_13x1f {
+} .select__size-64_pinrf,
+.select__size-72_pinrf {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

package/components/option/Component.js

@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"option":"select__option_2ksvk","disabled":"select__disabled_2ksvk","size-48":"select__size-48_2ksvk","size-56":"select__size-56_2ksvk","size-64":"select__size-64_2ksvk","size-72":"select__size-72_2ksvk","selected":"select__selected_2ksvk","highlighted":"select__highlighted_2ksvk","content":"select__content_2ksvk","textContent":"select__textContent_2ksvk"};
+var styles = {"option":"select__option_aah7t","disabled":"select__disabled_aah7t","size-48":"select__size-48_aah7t","size-56":"select__size-56_aah7t","size-64":"select__size-64_aah7t","size-72":"select__size-72_aah7t","selected":"select__selected_aah7t","highlighted":"select__highlighted_aah7t","content":"select__content_aah7t","textContent":"select__textContent_aah7t"};
 require('./index.css')
 
 var Option = function (_a) {

package/components/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 1s40h */
+/* hash: z0286 */
 :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 */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -60,7 +60,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_2ksvk {
+} .select__option_aah7t {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -75,10 +75,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-} .select__option_2ksvk:not(.select__disabled_2ksvk):active {
+} .select__option_aah7t:not(.select__disabled_aah7t):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_2ksvk:before {
+    } .select__option_aah7t:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -88,42 +88,42 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_2ksvk:first-child:before {
+    } .select__option_aah7t:first-child:before {
         display: none;
-    } .select__size-48_2ksvk {
+    } .select__size-48_aah7t {
     min-height: var(--size-s-height);
-} .select__size-56_2ksvk {
+} .select__size-56_aah7t {
     min-height: var(--size-m-height);
-} .select__size-64_2ksvk {
+} .select__size-64_aah7t {
     min-height: var(--size-l-height);
-} .select__size-72_2ksvk {
+} .select__size-72_aah7t {
     min-height: var(--size-xl-height);
-} .select__size-64_2ksvk,
-.select__size-72_2ksvk {
+} .select__size-64_aah7t,
+.select__size-72_aah7t {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__size-64_2ksvk:before, .select__size-72_2ksvk:before {
+} .select__size-64_aah7t:before, .select__size-72_aah7t:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_2ksvk {
+    } .select__selected_aah7t {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_2ksvk {
+} .select__highlighted_aah7t {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_2ksvk:before,
-    .select__highlighted_2ksvk + .select__option_2ksvk:before {
+} .select__highlighted_aah7t:before,
+    .select__highlighted_aah7t + .select__option_aah7t:before {
         opacity: 0;
-    } .select__disabled_2ksvk {
+    } .select__disabled_aah7t {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_2ksvk {
+} .select__content_aah7t {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_2ksvk {
+} .select__textContent_aah7t {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }

package/components/options-list/Component.js

@@ -19,7 +19,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"optionsList":"select__optionsList_6mi55","optionsListHeader":"select__optionsListHeader_6mi55","headerHighlighted":"select__headerHighlighted_6mi55","optionsListFooter":"select__optionsListFooter_6mi55","withBorder":"select__withBorder_6mi55","scrollable":"select__scrollable_6mi55","-webkit-mask":"select__mask_6mi55","mask":"select__mask_6mi55","emptyPlaceholder":"select__emptyPlaceholder_6mi55","size-64":"select__size-64_6mi55","size-72":"select__size-72_6mi55"};
+var styles = {"optionsList":"select__optionsList_1wmt7","optionsListHeader":"select__optionsListHeader_1wmt7","headerHighlighted":"select__headerHighlighted_1wmt7","optionsListFooter":"select__optionsListFooter_1wmt7","withBorder":"select__withBorder_1wmt7","scrollable":"select__scrollable_1wmt7","-webkit-mask":"select__mask_1wmt7","mask":"select__mask_1wmt7","emptyPlaceholder":"select__emptyPlaceholder_1wmt7","size-64":"select__size-64_1wmt7","size-72":"select__size-72_1wmt7"};
 require('./index.css')
 
 var createCounter = function () {

package/components/options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: 1p91y */
+/* hash: m4ttl */
 :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 */ :root {
     --color-light-neutral-300: #e7e8eb;
@@ -37,34 +37,34 @@
     /* checkmark */
 
     /* optgroup */
-} .select__optionsList_6mi55 {
+} .select__optionsList_1wmt7 {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-} .select__optionsListHeader_6mi55 {
+} .select__optionsListHeader_1wmt7 {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease
-} .select__optionsListHeader_6mi55.select__headerHighlighted_6mi55 {
+} .select__optionsListHeader_1wmt7.select__headerHighlighted_1wmt7 {
         border-bottom-color: var(--color-light-neutral-300);
-    } .select__optionsListFooter_6mi55 {
+    } .select__optionsListFooter_1wmt7 {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease
-} .select__optionsListFooter_6mi55.select__withBorder_6mi55 {
+} .select__optionsListFooter_1wmt7.select__withBorder_1wmt7 {
         border-top-color: var(--color-light-neutral-300);
-    } .select__scrollable_6mi55 {
+    } .select__scrollable_1wmt7 {
     overflow: auto;
     width: 100%;
-} .select__mask_6mi55 {
+} .select__mask_1wmt7 {
     min-width: 4000px;
-} .select__emptyPlaceholder_6mi55 {
+} .select__emptyPlaceholder_1wmt7 {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__size-64_6mi55 .select__emptyPlaceholder_6mi55,
-.select__size-72_6mi55 .select__emptyPlaceholder_6mi55 {
+} .select__size-64_1wmt7 .select__emptyPlaceholder_1wmt7,
+.select__size-72_1wmt7 .select__emptyPlaceholder_1wmt7 {
     padding: var(--gap-24) var(--gap-16);
 }

package/components/search/Component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"select__component_j7j5w"};
+var styles = {"component":"select__component_t30hw"};
 require('./index.css')
 
 var Search = React.forwardRef(function (_a, ref) {

package/components/search/index.css

@@ -1,4 +1,4 @@
-/* hash: 1qm9d */
+/* hash: 1jvdo */
 :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 */ :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 */
 } :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,6 +27,6 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_j7j5w.select__component_j7j5w {
+} .select__component_t30hw.select__component_t30hw {
     width: auto;
 }

package/components/virtual-options-list/Component.js

@@ -20,7 +20,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_o9jy0","virtualOptionsListHeader":"select__virtualOptionsListHeader_o9jy0","virtualOptionsListFooter":"select__virtualOptionsListFooter_o9jy0","withBorder":"select__withBorder_o9jy0","scrollable":"select__scrollable_o9jy0","inner":"select__inner_o9jy0","virtualRow":"select__virtualRow_o9jy0","highlighted":"select__highlighted_o9jy0","emptyPlaceholder":"select__emptyPlaceholder_o9jy0","size-64":"select__size-64_o9jy0","size-72":"select__size-72_o9jy0"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_d2xyw","virtualOptionsListHeader":"select__virtualOptionsListHeader_d2xyw","virtualOptionsListFooter":"select__virtualOptionsListFooter_d2xyw","withBorder":"select__withBorder_d2xyw","scrollable":"select__scrollable_d2xyw","inner":"select__inner_d2xyw","virtualRow":"select__virtualRow_d2xyw","highlighted":"select__highlighted_d2xyw","emptyPlaceholder":"select__emptyPlaceholder_d2xyw","size-64":"select__size-64_d2xyw","size-72":"select__size-72_d2xyw"};
 require('./index.css')
 
 var VirtualOptionsList = React.forwardRef(function (_a, ref) {
@@ -85,7 +85,7 @@ var VirtualOptionsList = React.forwardRef(function (_a, ref) {
             .join('_'));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [rowVirtualizer.virtualItems.length, flatOptions]);
-    utils.useVisibleOptions({
+    utils.useVirtualVisibleOptions({
         visibleOptions: visibleOptions,
         invalidate: visibleOptionsInvalidateKey,
         listRef: listRef,

package/components/virtual-options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: 1fv6e */
+/* hash: 1lbou */
 :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 */ :root {
     --color-light-neutral-300: #e7e8eb;
@@ -43,35 +43,35 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_o9jy0 {
+} .select__virtualOptionsList_d2xyw {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
-} .select__virtualOptionsListHeader_o9jy0 {
+} .select__virtualOptionsListHeader_d2xyw {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .select__virtualOptionsListFooter_o9jy0 {
+} .select__virtualOptionsListFooter_d2xyw {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__virtualOptionsListFooter_o9jy0.select__withBorder_o9jy0 {
+} .select__virtualOptionsListFooter_d2xyw.select__withBorder_d2xyw {
         border-top: 1px solid var(--color-light-neutral-300);
-    } .select__scrollable_o9jy0 {
+    } .select__scrollable_d2xyw {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_o9jy0 {
+} .select__inner_d2xyw {
     position: relative;
     width: 100%;
-} .select__virtualRow_o9jy0 {
+} .select__virtualRow_d2xyw {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
     width: 100%
-} .select__virtualRow_o9jy0:before {
+} .select__virtualRow_d2xyw:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -81,16 +81,16 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_o9jy0:first-child:before {
+    } .select__virtualRow_d2xyw:first-child:before {
         display: none;
-    } .select__highlighted_o9jy0:before,
-    .select__highlighted_o9jy0 + .select__virtualRow_o9jy0:before {
+    } .select__highlighted_d2xyw:before,
+    .select__highlighted_d2xyw + .select__virtualRow_d2xyw:before {
         display: none;
-    } .select__emptyPlaceholder_o9jy0 {
+    } .select__emptyPlaceholder_d2xyw {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
-} .select__size-64_o9jy0 .select__emptyPlaceholder_o9jy0,
-.select__size-72_o9jy0 .select__emptyPlaceholder_o9jy0 {
+} .select__size-64_d2xyw .select__emptyPlaceholder_d2xyw,
+.select__size-72_d2xyw .select__emptyPlaceholder_d2xyw {
     padding: var(--gap-24) var(--gap-16);
 }

package/cssm/Component.responsive.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
+var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('./mobile/Component.modal.mobile.js');
@@ -14,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var SelectResponsive = React.forwardRef(function (_a, ref) {
-    var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
+    var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     if (isDesktop) {
         return (React__default.default.createElement(desktop_Component_desktop.SelectDesktop, tslib.__assign({ onScroll: onScroll }, restProps, { ref: ref, fieldProps: fieldProps })));

package/cssm/components/virtual-options-list/Component.js

@@ -84,7 +84,7 @@ var VirtualOptionsList = React.forwardRef(function (_a, ref) {
             .join('_'));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [rowVirtualizer.virtualItems.length, flatOptions]);
-    utils.useVisibleOptions({
+    utils.useVirtualVisibleOptions({
         visibleOptions: visibleOptions,
         invalidate: visibleOptionsInvalidateKey,
         listRef: listRef,

package/cssm/shared/index.js

@@ -33,6 +33,7 @@ exports.joinOptions = utils.joinOptions;
 exports.lastIndexOf = utils.lastIndexOf;
 exports.processOptions = utils.processOptions;
 exports.usePrevious = utils.usePrevious;
+exports.useVirtualVisibleOptions = utils.useVirtualVisibleOptions;
 exports.useVisibleOptions = utils.useVisibleOptions;
 exports.Option = components_option_Component.Option;
 exports.BaseOption = components_baseOption_Component.BaseOption;

package/cssm/utils.d.ts

@@ -45,6 +45,7 @@ type useVisibleOptionsArgs = {
      */
     actualOptionsCount?: boolean;
 };
+declare function useVirtualVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs): void;
 declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs): boolean;
 declare function defaultFilterFn(optionText: string, search: string): boolean;
 declare function defaultGroupAccessor(option: GroupShape): string | undefined;
@@ -78,4 +79,4 @@ declare function getSelectTestIds(dataTestId: string): {
     modalHeader: string;
     modalContent: string;
 };
-export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultGroupAccessor, defaultAccessor, usePrevious, lastIndexOf, getSelectTestIds };
+export { isGroup, isOptionShape, joinOptions, processOptions, useVirtualVisibleOptions, useVisibleOptions, defaultFilterFn, defaultGroupAccessor, defaultAccessor, usePrevious, lastIndexOf, getSelectTestIds };