@hh.ru/magritte-ui-scrollable-container 6.4.2 → 6.4.4

package/ScrollableContainer.js

@@ -11,7 +11,7 @@ import { ScrollableContainerGallery } from './ScrollableContainerGallery.js';
 import { ScrollableItem } from './ScrollableItem.js';
 import { useScrollableControlsWithState } from './useScrollableControls.js';
 import { getActualCorrection, useInitOnce } from './utils.js';
-import { s as styles } from './scrollableContainer-Bf-0MGGd.js';
+import { s as styles } from './scrollableContainer-BG_pRbCF.js';
 import 'motion/react';
 import './ObservableValue.js';
 import '@hh.ru/magritte-common-use-translation';

package/ScrollableContainerDefaultLayout.js

@@ -9,7 +9,7 @@ import { ChevronLeftOutlinedSize24, ChevronRightOutlinedSize24 } from '@hh.ru/ma
 import { useScrollState } from './ScrollStateProvider.js';
 import { ScrollableContainerLeft, ScrollableContainerRight } from './ScrollableContainerButton.js';
 import { BREAKPOINTS_LIST, NO_BUTTONS_START_FROM_BREAKPOINT, useInitOnce } from './utils.js';
-import { s as styles } from './scrollableContainer-Bf-0MGGd.js';
+import { s as styles } from './scrollableContainer-BG_pRbCF.js';
 import './ObservableValue.js';
 import './useScrollableControls.js';
 import '@hh.ru/magritte-internal-custom-scroll';

package/ScrollableContainerDotPages.js

@@ -7,7 +7,7 @@ import { useScrollState } from './ScrollStateProvider.js';
 import { OFFSET_ATTR } from './types.js';
 import { useInitOnce, findIndexNearestToSnapPoint } from './utils.js';
 import { VSpacing } from '@hh.ru/magritte-ui-spacing';
-import { s as styles } from './scrollableContainer-Bf-0MGGd.js';
+import { s as styles } from './scrollableContainer-BG_pRbCF.js';
 import 'motion/react';
 import './ObservableValue.js';
 import '@hh.ru/magritte-internal-custom-scroll';

package/ScrollableContainerGallery.js

@@ -6,7 +6,7 @@ import { clamp } from '@hh.ru/magritte-internal-custom-scroll/initScrollHandlers
 import { useScrollState } from './ScrollStateProvider.js';
 import { useScrollContainer } from './useScrollContainer.js';
 import { getDisableState, findIndexNearestToSnapPoint, computeScrollSnapBehavior } from './utils.js';
-import { s as styles } from './scrollableContainer-Bf-0MGGd.js';
+import { s as styles } from './scrollableContainer-BG_pRbCF.js';
 import './ObservableValue.js';
 import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-internal-custom-scroll';

package/ScrollableItem.js

@@ -13,7 +13,7 @@ import '@hh.ru/magritte-internal-custom-scroll';
 import './types.js';
 import './utils.js';
 import '@hh.ru/magritte-ui-breakpoint';
-import './scrollableContainer-Bf-0MGGd.js';
+import './scrollableContainer-BG_pRbCF.js';
 
 const ScrollableItem = ({ children, scrollToItemOnFocus, ...props }) => {
     const ref = useRef(null);

package/index.css

@@ -1,16 +1,16 @@
 :root{
-  --magritte-gradient-component-chat-input-background-fade-v25-0-0:#ffffff00 0%, #ffffff 100%;
+  --magritte-gradient-component-chat-input-background-fade-v25-0-1:#ffffff00 0%, #ffffff 100%;
 }
 
 .magritte-night-theme{
-  --magritte-gradient-component-chat-input-background-fade-v25-0-0:#1b1b1b00 0%, #1b1b1b 100%;
+  --magritte-gradient-component-chat-input-background-fade-v25-0-1:#1b1b1b00 0%, #1b1b1b 100%;
 }
-.magritte-scroll-wrapper___vTdZl_6-4-2{
+.magritte-scroll-wrapper___vTdZl_6-4-4{
   position:relative;
   touch-action:pan-y pinch-zoom;
   contain:layout;
 }
-.magritte-scrollable-container___AKIUp_6-4-2{
+.magritte-scrollable-container___AKIUp_6-4-4{
   display:block;
   overflow-x:hidden;
   overflow-x:clip;
@@ -26,41 +26,41 @@
   margin-left:var(--magritte-ui-scrollabe-container-ml, -4px);
   margin-right:var(--magritte-ui-scrollabe-container-mr, -4px);
 }
-.magritte-scroll-buttons-container___ZeI5a_6-4-2{
+.magritte-scroll-buttons-container___ZeI5a_6-4-4{
   position:relative;
 }
-.magritte-scroll-buttons___0SjoR_6-4-2{
-  --fade-left:linear-gradient(90deg, var(--magritte-gradient-component-chat-input-background-fade-v25-0-0));
-  --fade-right:linear-gradient(270deg, var(--magritte-gradient-component-chat-input-background-fade-v25-0-0));
+.magritte-scroll-buttons___0SjoR_6-4-4{
+  --fade-left:linear-gradient(90deg, var(--magritte-gradient-component-chat-input-background-fade-v25-0-1));
+  --fade-right:linear-gradient(270deg, var(--magritte-gradient-component-chat-input-background-fade-v25-0-1));
   --left-fade-mask:var(--fade-left) 30px 0 / 128px 100% no-repeat, linear-gradient(#000, #000) right / calc(100% - 158px) 100% no-repeat;
   --right-fade-mask:var(--fade-right) calc(100% - 30px) 0 / 128px 100% no-repeat, linear-gradient(#000, #000) left / calc(100% - 158px) 100% no-repeat;
   --both-sides-mask:var(--fade-left) 30px 0 / 128px 100% no-repeat, var(--fade-right) calc(100% - 30px) 0 / 128px 100% no-repeat, linear-gradient(#000, #000) center / calc(100% - 158px - 158px) 100% no-repeat;
   -webkit-mask:none;
   mask:none;
 }
-.magritte-scroll-buttons-small___xG3MS_6-4-2{
+.magritte-scroll-buttons-small___xG3MS_6-4-4{
   --left-fade-mask:var(--fade-left) 0px 0 / 44px 100% no-repeat, linear-gradient(#000, #000) right / calc(100% - 44px) 100% no-repeat;
   --right-fade-mask:var(--fade-right) calc(100% - 0px) 0 / 44px 100% no-repeat, linear-gradient(#000, #000) left / calc(100% - 44px) 100% no-repeat;
   --both-sides-mask:var(--fade-left) 0px 0 / 44px 100% no-repeat, var(--fade-right) calc(100% - 0px) 0 / 44px 100% no-repeat, linear-gradient(#000, #000) center / calc(100% - 44px - 44px) 100% no-repeat;
 }
-.magritte-scroll-button___4GQu3_6-4-2{
+.magritte-scroll-button___4GQu3_6-4-4{
   display:none;
   position:absolute;
   top:50%;
   transform:translateY(-50%);
 }
-.magritte-scroll-button-left___UueEY_6-4-2{
+.magritte-scroll-button-left___UueEY_6-4-4{
   z-index:1;
   left:0;
 }
-.magritte-scroll-button-right___wZOn-_6-4-2{
+.magritte-scroll-button-right___wZOn-_6-4-4{
   right:0;
 }
-.magritte-position-container___1A4Bv_6-4-2{
+.magritte-position-container___1A4Bv_6-4-4{
   box-sizing:border-box;
   width:100%;
 }
-.magritte-dot-container___ahtlG_6-4-2{
+.magritte-dot-container___ahtlG_6-4-4{
   display:flex;
   justify-content:center;
 }

package/index.js

@@ -13,7 +13,7 @@ import './ScrollableContainerDefaultLayout.js';
 import 'motion/react';
 import '@hh.ru/magritte-common-use-translation';
 import '@hh.ru/magritte-ui-icon/icon';
-import './scrollableContainer-Bf-0MGGd.js';
+import './scrollableContainer-BG_pRbCF.js';
 import './ScrollableContainerDotPages.js';
 import '@hh.ru/magritte-internal-custom-scroll/initScrollHandlers';
 import '@hh.ru/magritte-ui-dot-pages';

package/index.mock.js

@@ -13,7 +13,7 @@ import 'react/jsx-runtime';
 import '@hh.ru/magritte-internal-custom-scroll/initScrollHandlers';
 import './useScrollContainer.js';
 import '@hh.ru/magritte-common-func-utils';
-import './scrollableContainer-Bf-0MGGd.js';
+import './scrollableContainer-BG_pRbCF.js';
 import './ObservableValue.js';
 
 const staticProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-scrollable-container",
-  "version": "6.4.2",
+  "version": "6.4.4",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -20,14 +20,14 @@
   },
   "dependencies": {
     "@hh.ru/magritte-common-func-utils": "1.3.15",
-    "@hh.ru/magritte-common-use-translation": "3.2.0",
-    "@hh.ru/magritte-design-tokens": "25.0.0",
+    "@hh.ru/magritte-common-use-translation": "3.3.0",
+    "@hh.ru/magritte-design-tokens": "25.0.1",
     "@hh.ru/magritte-internal-custom-scroll": "2.1.1",
     "@hh.ru/magritte-ui-breakpoint": "6.1.1",
-    "@hh.ru/magritte-ui-dot-pages": "4.0.32",
-    "@hh.ru/magritte-ui-icon": "15.0.2",
+    "@hh.ru/magritte-ui-dot-pages": "4.0.33",
+    "@hh.ru/magritte-ui-icon": "15.0.3",
     "@hh.ru/magritte-ui-mock-component": "1.1.7",
-    "@hh.ru/magritte-ui-spacing": "2.1.26"
+    "@hh.ru/magritte-ui-spacing": "2.1.27"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0e795b6a368fd7f09ca979320f466b80b049e4ea"
+  "gitHead": "ca6dd4b6ab147bf47045aa7608e7b6f60df53749"
 }

package/scrollableContainer-BG_pRbCF.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"scroll-wrapper":"magritte-scroll-wrapper___vTdZl_6-4-4","scrollWrapper":"magritte-scroll-wrapper___vTdZl_6-4-4","scrollable-container":"magritte-scrollable-container___AKIUp_6-4-4","scrollableContainer":"magritte-scrollable-container___AKIUp_6-4-4","scroll-buttons-container":"magritte-scroll-buttons-container___ZeI5a_6-4-4","scrollButtonsContainer":"magritte-scroll-buttons-container___ZeI5a_6-4-4","scroll-buttons":"magritte-scroll-buttons___0SjoR_6-4-4","scrollButtons":"magritte-scroll-buttons___0SjoR_6-4-4","scroll-buttons-small":"magritte-scroll-buttons-small___xG3MS_6-4-4","scrollButtonsSmall":"magritte-scroll-buttons-small___xG3MS_6-4-4","scroll-button":"magritte-scroll-button___4GQu3_6-4-4","scrollButton":"magritte-scroll-button___4GQu3_6-4-4","scroll-button-left":"magritte-scroll-button-left___UueEY_6-4-4","scrollButtonLeft":"magritte-scroll-button-left___UueEY_6-4-4","scroll-button-right":"magritte-scroll-button-right___wZOn-_6-4-4","scrollButtonRight":"magritte-scroll-button-right___wZOn-_6-4-4","position-container":"magritte-position-container___1A4Bv_6-4-4","positionContainer":"magritte-position-container___1A4Bv_6-4-4","dot-container":"magritte-dot-container___ahtlG_6-4-4","dotContainer":"magritte-dot-container___ahtlG_6-4-4"};
+
+export { styles as s };
+//# sourceMappingURL=scrollableContainer-BG_pRbCF.js.map

package/scrollableContainer-BG_pRbCF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollableContainer-BG_pRbCF.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/scrollableContainer-Bf-0MGGd.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"scroll-wrapper":"magritte-scroll-wrapper___vTdZl_6-4-2","scrollWrapper":"magritte-scroll-wrapper___vTdZl_6-4-2","scrollable-container":"magritte-scrollable-container___AKIUp_6-4-2","scrollableContainer":"magritte-scrollable-container___AKIUp_6-4-2","scroll-buttons-container":"magritte-scroll-buttons-container___ZeI5a_6-4-2","scrollButtonsContainer":"magritte-scroll-buttons-container___ZeI5a_6-4-2","scroll-buttons":"magritte-scroll-buttons___0SjoR_6-4-2","scrollButtons":"magritte-scroll-buttons___0SjoR_6-4-2","scroll-buttons-small":"magritte-scroll-buttons-small___xG3MS_6-4-2","scrollButtonsSmall":"magritte-scroll-buttons-small___xG3MS_6-4-2","scroll-button":"magritte-scroll-button___4GQu3_6-4-2","scrollButton":"magritte-scroll-button___4GQu3_6-4-2","scroll-button-left":"magritte-scroll-button-left___UueEY_6-4-2","scrollButtonLeft":"magritte-scroll-button-left___UueEY_6-4-2","scroll-button-right":"magritte-scroll-button-right___wZOn-_6-4-2","scrollButtonRight":"magritte-scroll-button-right___wZOn-_6-4-2","position-container":"magritte-position-container___1A4Bv_6-4-2","positionContainer":"magritte-position-container___1A4Bv_6-4-2","dot-container":"magritte-dot-container___ahtlG_6-4-2","dotContainer":"magritte-dot-container___ahtlG_6-4-2"};
-
-export { styles as s };
-//# sourceMappingURL=scrollableContainer-Bf-0MGGd.js.map

package/scrollableContainer-Bf-0MGGd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollableContainer-Bf-0MGGd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}