@alfalab/core-components 42.5.0 → 42.6.0

package/scrollbar/modern/index.css

@@ -21,20 +21,20 @@
     --scrollbar-thumb-border-radius: 3px;
     --scrollbar-thumb-side-outer-offset: 4px;
     --scrollbar-thumb-margin: 3px;
-} .scrollbar__component_1ncvw {
+} .scrollbar__component_1b5i0 {
     position: relative;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: flex-start;
     align-content: flex-start;
     align-items: flex-start
-} .scrollbar__component_1ncvw .scrollbar__wrapper_1ncvw {
+} .scrollbar__component_1b5i0 .scrollbar__wrapper_1b5i0 {
         overflow: hidden;
         width: inherit;
         height: inherit;
         max-width: inherit;
         max-height: inherit;
-    } .scrollbar__component_1ncvw .scrollbar__heightAutoObserverWrapper_1ncvw {
+    } .scrollbar__component_1b5i0 .scrollbar__heightAutoObserverWrapper_1b5i0 {
         box-sizing: inherit;
         height: 100%;
         width: 100%;
@@ -50,7 +50,7 @@
         flex-grow: inherit;
         flex-shrink: 0;
         flex-basis: 0;
-    } .scrollbar__component_1ncvw .scrollbar__heightAutoObserver_1ncvw {
+    } .scrollbar__component_1b5i0 .scrollbar__heightAutoObserver_1b5i0 {
         box-sizing: inherit;
         display: block;
         opacity: 0;
@@ -64,7 +64,7 @@
         overflow: hidden;
         pointer-events: none;
         z-index: -1;
-    } .scrollbar__component_1ncvw .scrollbar__mask_1ncvw {
+    } .scrollbar__component_1b5i0 .scrollbar__mask_1b5i0 {
         direction: inherit;
         position: absolute;
         overflow: hidden;
@@ -77,7 +77,7 @@
         width: auto;
         height: auto;
         z-index: 0;
-    } .scrollbar__component_1ncvw .scrollbar__offset_1ncvw {
+    } .scrollbar__component_1b5i0 .scrollbar__offset_1b5i0 {
         direction: inherit;
         box-sizing: inherit;
         resize: none;
@@ -89,7 +89,7 @@
         padding: 0;
         margin: 0;
         -webkit-overflow-scrolling: touch;
-    } .scrollbar__component_1ncvw .scrollbar__contentWrapper_1ncvw {
+    } .scrollbar__component_1b5i0 .scrollbar__contentWrapper_1b5i0 {
         direction: inherit;
         box-sizing: border-box;
         position: relative;
@@ -101,43 +101,43 @@
         outline: none;
         scrollbar-width: none;
         -ms-overflow-style: none
-    } .scrollbar__component_1ncvw .scrollbar__contentWrapper_1ncvw::-webkit-scrollbar {
+    } .scrollbar__component_1b5i0 .scrollbar__contentWrapper_1b5i0::-webkit-scrollbar {
             width: 0;
             height: 0;
-        } .scrollbar__component_1ncvw .scrollbar__placeholder_1ncvw {
+        } .scrollbar__component_1b5i0 .scrollbar__placeholder_1b5i0 {
         max-height: 100%;
         max-width: 100%;
         width: 100%;
         pointer-events: none;
-    } .scrollbar__component_1ncvw .track {
+    } .scrollbar__component_1b5i0 .track {
         z-index: 1;
         position: absolute;
         right: 0;
         bottom: 0;
         pointer-events: auto;
         overflow: hidden
-    } .scrollbar__component_1ncvw .track.scrollbar__vertical_1ncvw {
+    } .scrollbar__component_1b5i0 .track.scrollbar__vertical_1b5i0 {
             top: 0;
             width: var(--scrollbar-rail-size);
             transform: rotateY(-180deg)
-        } .scrollbar__component_1ncvw .track.scrollbar__vertical_1ncvw.scrollbar__hover_1ncvw .scrollbar {
+        } .scrollbar__component_1b5i0 .track.scrollbar__vertical_1b5i0.scrollbar__hover_1b5i0 .scrollbar {
                     width: var(--scrollbar-hover-size);
-                } .scrollbar__component_1ncvw .track.scrollbar__vertical_1ncvw .scrollbar {
+                } .scrollbar__component_1b5i0 .track.scrollbar__vertical_1b5i0 .scrollbar {
                 width: var(--scrollbar-thumb-size);
                 margin-left: var(--scrollbar-thumb-margin);
                 transition: width 0.1s linear
-            } .scrollbar__component_1ncvw .track.scrollbar__vertical_1ncvw .scrollbar:before {
+            } .scrollbar__component_1b5i0 .track.scrollbar__vertical_1b5i0 .scrollbar:before {
                     right: 0;
                     left: 0;
                     top: var(--scrollbar-thumb-side-outer-offset);
                     bottom: var(--scrollbar-thumb-side-outer-offset);
                     transition: opacity 0.2s linear;
-                } .scrollbar__component_1ncvw .track.scrollbar__horizontal_1ncvw {
+                } .scrollbar__component_1b5i0 .track.scrollbar__horizontal_1b5i0 {
             left: 0;
             height: var(--scrollbar-rail-size)
-        } .scrollbar__component_1ncvw .track.scrollbar__horizontal_1ncvw.scrollbar__hover_1ncvw .scrollbar {
+        } .scrollbar__component_1b5i0 .track.scrollbar__horizontal_1b5i0.scrollbar__hover_1b5i0 .scrollbar {
                     height: var(--scrollbar-hover-size);
-                } .scrollbar__component_1ncvw .track.scrollbar__horizontal_1ncvw .scrollbar {
+                } .scrollbar__component_1b5i0 .track.scrollbar__horizontal_1b5i0 .scrollbar {
                 right: auto;
                 left: 0;
                 bottom: var(--scrollbar-thumb-margin);
@@ -147,35 +147,35 @@
                 width: auto;
                 transition: height 0.1s linear;
                 will-change: height
-            } .scrollbar__component_1ncvw .track.scrollbar__horizontal_1ncvw .scrollbar:before {
+            } .scrollbar__component_1b5i0 .track.scrollbar__horizontal_1b5i0 .scrollbar:before {
                     left: var(--scrollbar-thumb-side-outer-offset);
                     right: var(--scrollbar-thumb-side-outer-offset);
                     top: 0;
                     bottom: 0;
                     transition: opacity 0.2s linear;
-                } .scrollbar__component_1ncvw .scrollbar {
+                } .scrollbar__component_1b5i0 .scrollbar {
         position: absolute;
         left: 0;
         right: 0;
         min-height: 40px
-    } .scrollbar__component_1ncvw .scrollbar:before {
+    } .scrollbar__component_1b5i0 .scrollbar:before {
             position: absolute;
             content: '';
             border-radius: var(--scrollbar-thumb-border-radius);
             left: 0;
             right: 0;
             opacity: 0;
-        } .scrollbar__component_1ncvw .scrollbar.visible:before {
+        } .scrollbar__component_1b5i0 .scrollbar.visible:before {
             opacity: 1;
-        } .scrollbar__component_1ncvw.dragging .scrollbar__content_1ncvw {
+        } .scrollbar__component_1b5i0.dragging .scrollbar__content_1b5i0 {
         pointer-events: none;
         user-select: none;
         -webkit-user-select: none;
-    } .scrollbar__component_1ncvw.dragging .track {
+    } .scrollbar__component_1b5i0.dragging .track {
         pointer-events: all
-    } .scrollbar__component_1ncvw.dragging .track.scrollbar__vertical_1ncvw .scrollbar {
+    } .scrollbar__component_1b5i0.dragging .track.scrollbar__vertical_1b5i0 .scrollbar {
             width: var(--scrollbar-hover-size);
-        } .scrollbar__component_1ncvw.dragging .track.scrollbar__horizontal_1ncvw .scrollbar {
+        } .scrollbar__component_1b5i0.dragging .track.scrollbar__horizontal_1b5i0 .scrollbar {
             height: var(--scrollbar-hover-size);
         } .simplebar-hide-scrollbar {
     position: fixed;

package/scrollbar/modern/inverted.css

@@ -20,8 +20,8 @@
     --scrollbar-inverted-background-color-active: var(
         --color-light-graphic-primary-inverted-alpha-60
     );
-} .scrollbar__component_35e0c .scrollbar:before {
+} .scrollbar__component_101f4 .scrollbar:before {
             background-color: var(--scrollbar-inverted-background-color);
-        } .scrollbar__component_35e0c.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_101f4.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-inverted-background-color-active);
         }

package/segmented-control/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"wrapper":"segmented-control__wrapper_4avue","container":"segmented-control__container_4avue","inner":"segmented-control__inner_4avue","segment":"segmented-control__segment_4avue","selected":"segmented-control__selected_4avue","xs":"segmented-control__xs_4avue","rounded":"segmented-control__rounded_4avue","rectangular":"segmented-control__rectangular_4avue","selectedBox":"segmented-control__selectedBox_4avue","xxs":"segmented-control__xxs_4avue"};
+var styles = {"wrapper":"segmented-control__wrapper_b6dne","container":"segmented-control__container_b6dne","inner":"segmented-control__inner_b6dne","segment":"segmented-control__segment_b6dne","selected":"segmented-control__selected_b6dne","xs":"segmented-control__xs_b6dne","rounded":"segmented-control__rounded_b6dne","rectangular":"segmented-control__rectangular_b6dne","selectedBox":"segmented-control__selectedBox_b6dne","xxs":"segmented-control__xxs_b6dne"};
 require('./index.css');
 
 var MAX_SEGMENTS = 5;

package/segmented-control/components/segment/Component.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"segment":"segmented-control__segment_1wyei","focused":"segmented-control__focused_1wyei"};
+var styles = {"segment":"segmented-control__segment_1q2wp","focused":"segmented-control__focused_1q2wp"};
 require('./index.css');
 
 var Segment = React.forwardRef(function (_a, ref) {

package/segmented-control/components/segment/index.css

@@ -21,7 +21,7 @@
         sans-serif;
 } :root {
     --focus-color: var(--color-light-border-link);
-} .segmented-control__segment_1wyei {
+} .segmented-control__segment_1q2wp {
     flex: 1;
     z-index: 1;
     display: flex;
@@ -39,7 +39,7 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
-} .segmented-control__segment_1wyei:not(:first-child):before {
+} .segmented-control__segment_1q2wp:not(:first-child):before {
         content: '';
         position: absolute;
         background-color: var(--color-light-border-primary);
@@ -49,7 +49,7 @@
         border-radius: 0.5px;
         bottom: 8px;
         left: 0;
-    } .segmented-control__focused_1wyei {
+    } .segmented-control__focused_1q2wp {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/segmented-control/esm/Component.js

@@ -3,7 +3,7 @@ import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
 import { SegmentedControlContext } from './context.js';
 
-var styles = {"wrapper":"segmented-control__wrapper_4avue","container":"segmented-control__container_4avue","inner":"segmented-control__inner_4avue","segment":"segmented-control__segment_4avue","selected":"segmented-control__selected_4avue","xs":"segmented-control__xs_4avue","rounded":"segmented-control__rounded_4avue","rectangular":"segmented-control__rectangular_4avue","selectedBox":"segmented-control__selectedBox_4avue","xxs":"segmented-control__xxs_4avue"};
+var styles = {"wrapper":"segmented-control__wrapper_b6dne","container":"segmented-control__container_b6dne","inner":"segmented-control__inner_b6dne","segment":"segmented-control__segment_b6dne","selected":"segmented-control__selected_b6dne","xs":"segmented-control__xs_b6dne","rounded":"segmented-control__rounded_b6dne","rectangular":"segmented-control__rectangular_b6dne","selectedBox":"segmented-control__selectedBox_b6dne","xxs":"segmented-control__xxs_b6dne"};
 require('./index.css');
 
 var MAX_SEGMENTS = 5;

package/segmented-control/esm/components/segment/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 import { SegmentedControlContext } from '../../context.js';
 
-var styles = {"segment":"segmented-control__segment_1wyei","focused":"segmented-control__focused_1wyei"};
+var styles = {"segment":"segmented-control__segment_1q2wp","focused":"segmented-control__focused_1q2wp"};
 require('./index.css');
 
 var Segment = forwardRef(function (_a, ref) {

package/segmented-control/esm/components/segment/index.css

@@ -21,7 +21,7 @@
         sans-serif;
 } :root {
     --focus-color: var(--color-light-border-link);
-} .segmented-control__segment_1wyei {
+} .segmented-control__segment_1q2wp {
     flex: 1;
     z-index: 1;
     display: flex;
@@ -39,7 +39,7 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
-} .segmented-control__segment_1wyei:not(:first-child):before {
+} .segmented-control__segment_1q2wp:not(:first-child):before {
         content: '';
         position: absolute;
         background-color: var(--color-light-border-primary);
@@ -49,7 +49,7 @@
         border-radius: 0.5px;
         bottom: 8px;
         left: 0;
-    } .segmented-control__focused_1wyei {
+    } .segmented-control__focused_1q2wp {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/segmented-control/esm/index.css

@@ -27,48 +27,48 @@
 } :root {
     --size-xxs-height: 32px;
     --size-xs-height: 40px;
-} .segmented-control__wrapper_4avue {
+} .segmented-control__wrapper_b6dne {
     background-color: var(--color-light-specialbg-secondary-transparent);
     display: flex;
-} .segmented-control__container_4avue {
+} .segmented-control__container_b6dne {
     position: relative;
     display: flex;
     flex: 1;
-} .segmented-control__inner_4avue {
+} .segmented-control__inner_b6dne {
     display: flex;
     flex: 1;
     margin: 0 var(--gap-3xs);
-} .segmented-control__segment_4avue {
+} .segmented-control__segment_b6dne {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400
-} .segmented-control__segment_4avue.segmented-control__selected_4avue {
+} .segmented-control__segment_b6dne.segmented-control__selected_b6dne {
         color: var(--color-static-text-primary-dark);
-    } .segmented-control__selected_4avue {
+    } .segmented-control__selected_b6dne {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500
-} .segmented-control__selected_4avue:before,
-    .segmented-control__selected_4avue + .segmented-control__segment_4avue:before {
+} .segmented-control__selected_b6dne:before,
+    .segmented-control__selected_b6dne + .segmented-control__segment_b6dne:before {
         opacity: 0;
-    } .segmented-control__xs_4avue {
+    } .segmented-control__xs_b6dne {
     height: var(--size-xs-height)
-} .segmented-control__xs_4avue .segmented-control__rounded_4avue,
-    .segmented-control__xs_4avue:has(.segmented-control__rounded_4avue) {
+} .segmented-control__xs_b6dne .segmented-control__rounded_b6dne,
+    .segmented-control__xs_b6dne:has(.segmented-control__rounded_b6dne) {
         border-radius: var(--border-radius-xxl);
-    } .segmented-control__xs_4avue:has(.segmented-control__rectangular_4avue) {
+    } .segmented-control__xs_b6dne:has(.segmented-control__rectangular_b6dne) {
         border-radius: var(--border-radius-l)
-    } .segmented-control__xs_4avue:has(.segmented-control__rectangular_4avue) .segmented-control__selectedBox_4avue {
+    } .segmented-control__xs_b6dne:has(.segmented-control__rectangular_b6dne) .segmented-control__selectedBox_b6dne {
             border-radius: 10px;
-        } .segmented-control__xxs_4avue {
+        } .segmented-control__xxs_b6dne {
     height: var(--size-xxs-height);
-} .segmented-control__rounded_4avue {
+} .segmented-control__rounded_b6dne {
     border-radius: var(--border-radius-xl);
-} .segmented-control__rectangular_4avue {
+} .segmented-control__rectangular_b6dne {
     border-radius: 10px
-} .segmented-control__rectangular_4avue .segmented-control__selectedBox_4avue {
+} .segmented-control__rectangular_b6dne .segmented-control__selectedBox_b6dne {
         border-radius: var(--border-radius-m);
-    } .segmented-control__selectedBox_4avue {
+    } .segmented-control__selectedBox_b6dne {
     border: 0.5px solid var(--color-light-border-tertiary);
     box-sizing: border-box;
     position: absolute;

package/segmented-control/index.css

@@ -27,48 +27,48 @@
 } :root {
     --size-xxs-height: 32px;
     --size-xs-height: 40px;
-} .segmented-control__wrapper_4avue {
+} .segmented-control__wrapper_b6dne {
     background-color: var(--color-light-specialbg-secondary-transparent);
     display: flex;
-} .segmented-control__container_4avue {
+} .segmented-control__container_b6dne {
     position: relative;
     display: flex;
     flex: 1;
-} .segmented-control__inner_4avue {
+} .segmented-control__inner_b6dne {
     display: flex;
     flex: 1;
     margin: 0 var(--gap-3xs);
-} .segmented-control__segment_4avue {
+} .segmented-control__segment_b6dne {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400
-} .segmented-control__segment_4avue.segmented-control__selected_4avue {
+} .segmented-control__segment_b6dne.segmented-control__selected_b6dne {
         color: var(--color-static-text-primary-dark);
-    } .segmented-control__selected_4avue {
+    } .segmented-control__selected_b6dne {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500
-} .segmented-control__selected_4avue:before,
-    .segmented-control__selected_4avue + .segmented-control__segment_4avue:before {
+} .segmented-control__selected_b6dne:before,
+    .segmented-control__selected_b6dne + .segmented-control__segment_b6dne:before {
         opacity: 0;
-    } .segmented-control__xs_4avue {
+    } .segmented-control__xs_b6dne {
     height: var(--size-xs-height)
-} .segmented-control__xs_4avue .segmented-control__rounded_4avue,
-    .segmented-control__xs_4avue:has(.segmented-control__rounded_4avue) {
+} .segmented-control__xs_b6dne .segmented-control__rounded_b6dne,
+    .segmented-control__xs_b6dne:has(.segmented-control__rounded_b6dne) {
         border-radius: var(--border-radius-xxl);
-    } .segmented-control__xs_4avue:has(.segmented-control__rectangular_4avue) {
+    } .segmented-control__xs_b6dne:has(.segmented-control__rectangular_b6dne) {
         border-radius: var(--border-radius-l)
-    } .segmented-control__xs_4avue:has(.segmented-control__rectangular_4avue) .segmented-control__selectedBox_4avue {
+    } .segmented-control__xs_b6dne:has(.segmented-control__rectangular_b6dne) .segmented-control__selectedBox_b6dne {
             border-radius: 10px;
-        } .segmented-control__xxs_4avue {
+        } .segmented-control__xxs_b6dne {
     height: var(--size-xxs-height);
-} .segmented-control__rounded_4avue {
+} .segmented-control__rounded_b6dne {
     border-radius: var(--border-radius-xl);
-} .segmented-control__rectangular_4avue {
+} .segmented-control__rectangular_b6dne {
     border-radius: 10px
-} .segmented-control__rectangular_4avue .segmented-control__selectedBox_4avue {
+} .segmented-control__rectangular_b6dne .segmented-control__selectedBox_b6dne {
         border-radius: var(--border-radius-m);
-    } .segmented-control__selectedBox_4avue {
+    } .segmented-control__selectedBox_b6dne {
     border: 0.5px solid var(--color-light-border-tertiary);
     box-sizing: border-box;
     position: absolute;

package/segmented-control/modern/Component.js

@@ -3,7 +3,7 @@ import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
 import { SegmentedControlContext } from './context.js';
 
-const styles = {"wrapper":"segmented-control__wrapper_4avue","container":"segmented-control__container_4avue","inner":"segmented-control__inner_4avue","segment":"segmented-control__segment_4avue","selected":"segmented-control__selected_4avue","xs":"segmented-control__xs_4avue","rounded":"segmented-control__rounded_4avue","rectangular":"segmented-control__rectangular_4avue","selectedBox":"segmented-control__selectedBox_4avue","xxs":"segmented-control__xxs_4avue"};
+const styles = {"wrapper":"segmented-control__wrapper_b6dne","container":"segmented-control__container_b6dne","inner":"segmented-control__inner_b6dne","segment":"segmented-control__segment_b6dne","selected":"segmented-control__selected_b6dne","xs":"segmented-control__xs_b6dne","rounded":"segmented-control__rounded_b6dne","rectangular":"segmented-control__rectangular_b6dne","selectedBox":"segmented-control__selectedBox_b6dne","xxs":"segmented-control__xxs_b6dne"};
 require('./index.css');
 
 const MAX_SEGMENTS = 5;

package/segmented-control/modern/components/segment/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 import { SegmentedControlContext } from '../../context.js';
 
-const styles = {"segment":"segmented-control__segment_1wyei","focused":"segmented-control__focused_1wyei"};
+const styles = {"segment":"segmented-control__segment_1q2wp","focused":"segmented-control__focused_1q2wp"};
 require('./index.css');
 
 const Segment = forwardRef(({ id, className, title, dataTestId }, ref) => {

package/segmented-control/modern/components/segment/index.css

@@ -21,7 +21,7 @@
         sans-serif;
 } :root {
     --focus-color: var(--color-light-border-link);
-} .segmented-control__segment_1wyei {
+} .segmented-control__segment_1q2wp {
     flex: 1;
     z-index: 1;
     display: flex;
@@ -39,7 +39,7 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
-} .segmented-control__segment_1wyei:not(:first-child):before {
+} .segmented-control__segment_1q2wp:not(:first-child):before {
         content: '';
         position: absolute;
         background-color: var(--color-light-border-primary);
@@ -49,7 +49,7 @@
         border-radius: 0.5px;
         bottom: 8px;
         left: 0;
-    } .segmented-control__focused_1wyei {
+    } .segmented-control__focused_1q2wp {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/segmented-control/modern/index.css

@@ -27,48 +27,48 @@
 } :root {
     --size-xxs-height: 32px;
     --size-xs-height: 40px;
-} .segmented-control__wrapper_4avue {
+} .segmented-control__wrapper_b6dne {
     background-color: var(--color-light-specialbg-secondary-transparent);
     display: flex;
-} .segmented-control__container_4avue {
+} .segmented-control__container_b6dne {
     position: relative;
     display: flex;
     flex: 1;
-} .segmented-control__inner_4avue {
+} .segmented-control__inner_b6dne {
     display: flex;
     flex: 1;
     margin: 0 var(--gap-3xs);
-} .segmented-control__segment_4avue {
+} .segmented-control__segment_b6dne {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400
-} .segmented-control__segment_4avue.segmented-control__selected_4avue {
+} .segmented-control__segment_b6dne.segmented-control__selected_b6dne {
         color: var(--color-static-text-primary-dark);
-    } .segmented-control__selected_4avue {
+    } .segmented-control__selected_b6dne {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500
-} .segmented-control__selected_4avue:before,
-    .segmented-control__selected_4avue + .segmented-control__segment_4avue:before {
+} .segmented-control__selected_b6dne:before,
+    .segmented-control__selected_b6dne + .segmented-control__segment_b6dne:before {
         opacity: 0;
-    } .segmented-control__xs_4avue {
+    } .segmented-control__xs_b6dne {
     height: var(--size-xs-height)
-} .segmented-control__xs_4avue .segmented-control__rounded_4avue,
-    .segmented-control__xs_4avue:has(.segmented-control__rounded_4avue) {
+} .segmented-control__xs_b6dne .segmented-control__rounded_b6dne,
+    .segmented-control__xs_b6dne:has(.segmented-control__rounded_b6dne) {
         border-radius: var(--border-radius-xxl);
-    } .segmented-control__xs_4avue:has(.segmented-control__rectangular_4avue) {
+    } .segmented-control__xs_b6dne:has(.segmented-control__rectangular_b6dne) {
         border-radius: var(--border-radius-l)
-    } .segmented-control__xs_4avue:has(.segmented-control__rectangular_4avue) .segmented-control__selectedBox_4avue {
+    } .segmented-control__xs_b6dne:has(.segmented-control__rectangular_b6dne) .segmented-control__selectedBox_b6dne {
             border-radius: 10px;
-        } .segmented-control__xxs_4avue {
+        } .segmented-control__xxs_b6dne {
     height: var(--size-xxs-height);
-} .segmented-control__rounded_4avue {
+} .segmented-control__rounded_b6dne {
     border-radius: var(--border-radius-xl);
-} .segmented-control__rectangular_4avue {
+} .segmented-control__rectangular_b6dne {
     border-radius: 10px
-} .segmented-control__rectangular_4avue .segmented-control__selectedBox_4avue {
+} .segmented-control__rectangular_b6dne .segmented-control__selectedBox_b6dne {
         border-radius: var(--border-radius-m);
-    } .segmented-control__selectedBox_4avue {
+    } .segmented-control__selectedBox_b6dne {
     border: 0.5px solid var(--color-light-border-tertiary);
     box-sizing: border-box;
     position: absolute;

package/select/Component.mobile-f1f15074.d.ts

@@ -1,11 +1,20 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ReactNode, ButtonHTMLAttributes, ElementType, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, AnchorHTMLAttributes, ReactElement } from "react";
-import { ContentProps, View, TResponsiveModalContext, ModalMobileProps } from "./typings-baf4875b";
+import { ContentProps, TResponsiveModalContext, View, ModalMobileProps } from "./typings-baf4875b";
 import { BaseModalContext } from "../base-modal";
 import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
 import { ButtonProps } from "../button";
 declare const Content: FC<ContentProps>;
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+declare const Modal: React.ForwardRefExoticComponent<import("../base-modal").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+} & {
+    view: View;
+} & React.RefAttributes<HTMLDivElement>>;
 type FooterProps = {
     /**
      * Контент футера
@@ -163,15 +172,6 @@ type NavigationBarProps = {
 };
 type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
 declare const Header: FC<HeaderProps>;
-declare const Modal: React.ForwardRefExoticComponent<import("../base-modal").BaseModalProps & {
-    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
-    fullscreen?: boolean | undefined;
-    fixedPosition?: boolean | undefined;
-    hasCloser?: boolean | undefined;
-} & {
-    view: View;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 declare const ModalContext: import("react").Context<BaseModalContext>;
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
@@ -399,6 +399,6 @@ declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & Re
     Header: React.FC<HeaderProps>;
     Footer: React.FC<FooterProps>;
 };
-export { Content, FooterProps, Footer, HeaderProps, Header, Modal, ResponsiveContext, ModalContext, BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, ModalMobile };
+export { Content, ResponsiveContext, Modal, FooterProps, Footer, HeaderProps, Header, ModalContext, BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, ModalMobile };
 export type { TitleProps, TextProps, Color };
 export * from "./useSkeleton-1b036d4b";

package/select/Component.mobile.js

@@ -12,7 +12,7 @@ var components_option_Component = require('./components/option/Component.js');
 var components_optionsList_Component = require('./components/options-list/Component.js');
 var components_search_Component = require('./components/search/Component.js');
 var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-c0d8bff3.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-1db42bc3.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');

package/select/Component.modal.mobile.js

@@ -11,7 +11,7 @@ var components_optgroup_Component = require('./components/optgroup/Component.js'
 var components_option_Component = require('./components/option/Component.js');
 var components_optionsList_Component = require('./components/options-list/Component.js');
 var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-c0d8bff3.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-1db42bc3.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');

package/select/Component.responsive.js

@@ -41,7 +41,7 @@ require('../base-modal');
 require('../button/mobile');
 require('./components/virtual-options-list/Component.js');
 require('react-virtual');
-require('./hook-c0d8bff3.js');
+require('./hook-1db42bc3.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('../button/desktop');
 require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');

package/select/components/arrow/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"arrow":"select__arrow_7z2ye","open":"select__open_7z2ye"};
+var styles = {"arrow":"select__arrow_174ef","open":"select__open_174ef"};
 require('./index.css');
 
 var Arrow = function (_a) {

package/select/components/arrow/index.css

@@ -1,4 +1,4 @@
-/* hash: 1qeb7 */
+/* hash: 1imkg */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -26,13 +26,13 @@
     /* checkmark */
 
     /* optgroup */
-} .select__arrow_7z2ye {
+} .select__arrow_174ef {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
-} .select__open_7z2ye {
+} .select__open_174ef {
     transform: var(--arrow-transform);
 }