@hh.ru/magritte-ui-scrollable-container 6.5.3 → 6.5.5

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-CWsF-84M.js';
+import { s as styles } from './scrollableContainer-YPBPhyet.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-CWsF-84M.js';
+import { s as styles } from './scrollableContainer-YPBPhyet.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-CWsF-84M.js';
+import { s as styles } from './scrollableContainer-YPBPhyet.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-CWsF-84M.js';
+import { s as styles } from './scrollableContainer-YPBPhyet.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-CWsF-84M.js';
+import './scrollableContainer-YPBPhyet.js';
 
 const ScrollableItem = ({ children, scrollToItemOnFocus, ...props }) => {
   const ref = useRef(null);

package/index.css

@@ -1,20 +1,20 @@
 :root{
-  --magritte-gradient-component-chat-input-background-fade-v26-0-1:#ffffff00 0%, #ffffff 100%;
+  --magritte-gradient-component-chat-input-background-fade-v26-0-2:#ffffff00 0%, #ffffff 100%;
 }
 
 :root{
-  --magritte-semantic-animation-time-s-duration-v26-0-1:200ms;
+  --magritte-semantic-animation-time-s-duration-v26-0-2:200ms;
 }
 
 .magritte-night-theme{
-  --magritte-gradient-component-chat-input-background-fade-v26-0-1:#1b1b1b00 0%, #1b1b1b 100%;
+  --magritte-gradient-component-chat-input-background-fade-v26-0-2:#1b1b1b00 0%, #1b1b1b 100%;
 }
-.magritte-scroll-wrapper___vTdZl_6-5-3{
+.magritte-scroll-wrapper___vTdZl_6-5-5{
   position:relative;
   touch-action:pan-y pinch-zoom;
   contain:layout;
 }
-.magritte-scrollable-container___AKIUp_6-5-3{
+.magritte-scrollable-container___AKIUp_6-5-5{
   display:block;
   isolation:isolate;
   overflow-x:hidden;
@@ -31,56 +31,56 @@
   margin-left:var(--magritte-ui-scrollabe-container-ml, -4px);
   margin-right:var(--magritte-ui-scrollabe-container-mr, -4px);
 }
-.magritte-scroll-buttons-container___ZeI5a_6-5-3{
+.magritte-scroll-buttons-container___ZeI5a_6-5-5{
   position:relative;
 }
-.magritte-scroll-buttons-container-on-hover___PFUvV_6-5-3 .magritte-scroll-button___4GQu3_6-5-3{
+.magritte-scroll-buttons-container-on-hover___PFUvV_6-5-5 .magritte-scroll-button___4GQu3_6-5-5{
   opacity:0;
   pointer-events:none;
-  transition:opacity var(--magritte-semantic-animation-time-s-duration-v26-0-1) ease-in-out;
+  transition:opacity var(--magritte-semantic-animation-time-s-duration-v26-0-2) ease-in-out;
 }
-.magritte-scroll-buttons-container-on-hover___PFUvV_6-5-3 .magritte-scroll-button___4GQu3_6-5-3:focus-within{
+.magritte-scroll-buttons-container-on-hover___PFUvV_6-5-5 .magritte-scroll-button___4GQu3_6-5-5:focus-within{
   opacity:1;
   pointer-events:auto;
 }
 @media (hover: hover){
-  .magritte-scroll-buttons-container-on-hover___PFUvV_6-5-3:hover .magritte-scroll-button___4GQu3_6-5-3{
+  .magritte-scroll-buttons-container-on-hover___PFUvV_6-5-5:hover .magritte-scroll-button___4GQu3_6-5-5{
     opacity:1;
     pointer-events:auto;
   }
 }
-.magritte-scroll-buttons___0SjoR_6-5-3{
-  --fade-left:linear-gradient(90deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-1));
-  --fade-right:linear-gradient(270deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-1));
+.magritte-scroll-buttons___0SjoR_6-5-5{
+  --fade-left:linear-gradient(90deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-2));
+  --fade-right:linear-gradient(270deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-2));
   --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-5-3{
+.magritte-scroll-buttons-small___xG3MS_6-5-5{
   --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-5-3{
+.magritte-scroll-button___4GQu3_6-5-5{
   display:none;
   position:absolute;
   top:50%;
   transform:translateY(-50%);
 }
-.magritte-scroll-button-left___UueEY_6-5-3{
+.magritte-scroll-button-left___UueEY_6-5-5{
   z-index:1;
   left:var(--magritte-ui-scrollable-container-buttons-offset, 0);
 }
-.magritte-scroll-button-right___wZOn-_6-5-3{
+.magritte-scroll-button-right___wZOn-_6-5-5{
   right:var(--magritte-ui-scrollable-container-buttons-offset, 0);
 }
-.magritte-position-container___1A4Bv_6-5-3{
+.magritte-position-container___1A4Bv_6-5-5{
   box-sizing:border-box;
   width:100%;
 }
-.magritte-dot-container___ahtlG_6-5-3{
+.magritte-dot-container___ahtlG_6-5-5{
   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-CWsF-84M.js';
+import './scrollableContainer-YPBPhyet.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-CWsF-84M.js';
+import './scrollableContainer-YPBPhyet.js';
 import './ObservableValue.js';
 
 const staticProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-scrollable-container",
-  "version": "6.5.3",
+  "version": "6.5.5",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -16,18 +16,19 @@
     "ts-config": "yarn root:ts-config $(pwd)",
     "ts-check": "yarn root:ts-check $(pwd)",
     "test": "yarn root:test $(pwd)",
+    "test:types": "yarn root:test:types $(pwd)",
     "watch": "yarn root:watch $(pwd)"
   },
   "dependencies": {
-    "@hh.ru/magritte-common-func-utils": "1.3.16",
-    "@hh.ru/magritte-common-use-translation": "3.6.1",
-    "@hh.ru/magritte-design-tokens": "26.0.1",
-    "@hh.ru/magritte-internal-custom-scroll": "2.1.2",
-    "@hh.ru/magritte-ui-breakpoint": "6.1.2",
-    "@hh.ru/magritte-ui-dot-pages": "4.0.37",
-    "@hh.ru/magritte-ui-icon": "15.1.5",
-    "@hh.ru/magritte-ui-mock-component": "1.1.8",
-    "@hh.ru/magritte-ui-spacing": "2.1.31"
+    "@hh.ru/magritte-common-func-utils": "1.3.17",
+    "@hh.ru/magritte-common-use-translation": "3.6.2",
+    "@hh.ru/magritte-design-tokens": "26.0.2",
+    "@hh.ru/magritte-internal-custom-scroll": "2.1.3",
+    "@hh.ru/magritte-ui-breakpoint": "6.1.3",
+    "@hh.ru/magritte-ui-dot-pages": "4.0.39",
+    "@hh.ru/magritte-ui-icon": "15.1.6",
+    "@hh.ru/magritte-ui-mock-component": "1.1.9",
+    "@hh.ru/magritte-ui-spacing": "2.1.32"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
@@ -37,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f6539d7a0e7cd42dd851458db1de04a748bbee03"
+  "gitHead": "ca948a3b83c1141cea0f32e35a9d4dc56f8d0077"
 }

package/scrollableContainer-YPBPhyet.js

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

package/scrollableContainer-YPBPhyet.js.map

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

package/scrollableContainer-CWsF-84M.js

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

package/scrollableContainer-CWsF-84M.js.map

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