@hh.ru/magritte-ui-scrollable-container 6.5.6 → 6.5.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,7 +11,7 @@ import { ScrollableContainerGallery } from './ScrollableContainerGallery.js';
11
11
  import { ScrollableItem } from './ScrollableItem.js';
12
12
  import { useScrollableControlsWithState } from './useScrollableControls.js';
13
13
  import { getActualCorrection, useInitOnce } from './utils.js';
14
- import { s as styles } from './scrollableContainer-DKy1U6qd.js';
14
+ import { s as styles } from './scrollableContainer-DMHjenAM.js';
15
15
  import 'motion/react';
16
16
  import './ObservableValue.js';
17
17
  import '@hh.ru/magritte-common-use-translation';
@@ -9,7 +9,7 @@ import { ChevronLeftOutlinedSize24, ChevronRightOutlinedSize24 } from '@hh.ru/ma
9
9
  import { useScrollState } from './ScrollStateProvider.js';
10
10
  import { ScrollableContainerLeft, ScrollableContainerRight } from './ScrollableContainerButton.js';
11
11
  import { BREAKPOINTS_LIST, NO_BUTTONS_START_FROM_BREAKPOINT, useInitOnce } from './utils.js';
12
- import { s as styles } from './scrollableContainer-DKy1U6qd.js';
12
+ import { s as styles } from './scrollableContainer-DMHjenAM.js';
13
13
  import './ObservableValue.js';
14
14
  import './useScrollableControls.js';
15
15
  import '@hh.ru/magritte-internal-custom-scroll';
@@ -7,7 +7,7 @@ import { useScrollState } from './ScrollStateProvider.js';
7
7
  import { OFFSET_ATTR } from './types.js';
8
8
  import { useInitOnce, findIndexNearestToSnapPoint } from './utils.js';
9
9
  import { VSpacing } from '@hh.ru/magritte-ui-spacing';
10
- import { s as styles } from './scrollableContainer-DKy1U6qd.js';
10
+ import { s as styles } from './scrollableContainer-DMHjenAM.js';
11
11
  import 'motion/react';
12
12
  import './ObservableValue.js';
13
13
  import '@hh.ru/magritte-internal-custom-scroll';
@@ -6,7 +6,7 @@ import { clamp } from '@hh.ru/magritte-internal-custom-scroll/initScrollHandlers
6
6
  import { useScrollState } from './ScrollStateProvider.js';
7
7
  import { useScrollContainer } from './useScrollContainer.js';
8
8
  import { getDisableState, findIndexNearestToSnapPoint, computeScrollSnapBehavior } from './utils.js';
9
- import { s as styles } from './scrollableContainer-DKy1U6qd.js';
9
+ import { s as styles } from './scrollableContainer-DMHjenAM.js';
10
10
  import './ObservableValue.js';
11
11
  import '@hh.ru/magritte-common-func-utils';
12
12
  import '@hh.ru/magritte-internal-custom-scroll';
package/ScrollableItem.js CHANGED
@@ -13,7 +13,7 @@ import '@hh.ru/magritte-internal-custom-scroll';
13
13
  import './types.js';
14
14
  import './utils.js';
15
15
  import '@hh.ru/magritte-ui-breakpoint';
16
- import './scrollableContainer-DKy1U6qd.js';
16
+ import './scrollableContainer-DMHjenAM.js';
17
17
 
18
18
  const ScrollableItem = ({ children, scrollToItemOnFocus, ...props }) => {
19
19
  const ref = useRef(null);
package/index.css CHANGED
@@ -9,12 +9,12 @@
9
9
  .magritte-night-theme{
10
10
  --magritte-gradient-component-chat-input-background-fade-v26-0-2:#1b1b1b00 0%, #1b1b1b 100%;
11
11
  }
12
- .magritte-scroll-wrapper___vTdZl_6-5-6{
12
+ .magritte-scroll-wrapper___vTdZl_6-5-7{
13
13
  position:relative;
14
14
  touch-action:pan-y pinch-zoom;
15
15
  contain:layout;
16
16
  }
17
- .magritte-scrollable-container___AKIUp_6-5-6{
17
+ .magritte-scrollable-container___AKIUp_6-5-7{
18
18
  display:block;
19
19
  isolation:isolate;
20
20
  overflow-x:hidden;
@@ -31,25 +31,25 @@
31
31
  margin-left:var(--magritte-ui-scrollabe-container-ml, -4px);
32
32
  margin-right:var(--magritte-ui-scrollabe-container-mr, -4px);
33
33
  }
34
- .magritte-scroll-buttons-container___ZeI5a_6-5-6{
34
+ .magritte-scroll-buttons-container___ZeI5a_6-5-7{
35
35
  position:relative;
36
36
  }
37
- .magritte-scroll-buttons-container-on-hover___PFUvV_6-5-6 .magritte-scroll-button___4GQu3_6-5-6{
37
+ .magritte-scroll-buttons-container-on-hover___PFUvV_6-5-7 .magritte-scroll-button___4GQu3_6-5-7{
38
38
  opacity:0;
39
39
  pointer-events:none;
40
40
  transition:opacity var(--magritte-semantic-animation-time-s-duration-v26-0-2) ease-in-out;
41
41
  }
42
- .magritte-scroll-buttons-container-on-hover___PFUvV_6-5-6 .magritte-scroll-button___4GQu3_6-5-6:focus-within{
42
+ .magritte-scroll-buttons-container-on-hover___PFUvV_6-5-7 .magritte-scroll-button___4GQu3_6-5-7:focus-within{
43
43
  opacity:1;
44
44
  pointer-events:auto;
45
45
  }
46
46
  @media (hover: hover){
47
- .magritte-scroll-buttons-container-on-hover___PFUvV_6-5-6:hover .magritte-scroll-button___4GQu3_6-5-6{
47
+ .magritte-scroll-buttons-container-on-hover___PFUvV_6-5-7:hover .magritte-scroll-button___4GQu3_6-5-7{
48
48
  opacity:1;
49
49
  pointer-events:auto;
50
50
  }
51
51
  }
52
- .magritte-scroll-buttons___0SjoR_6-5-6{
52
+ .magritte-scroll-buttons___0SjoR_6-5-7{
53
53
  --fade-left:linear-gradient(90deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-2));
54
54
  --fade-right:linear-gradient(270deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-2));
55
55
  --left-fade-mask:var(--fade-left) 30px 0 / 128px 100% no-repeat, linear-gradient(#000, #000) right / calc(100% - 158px) 100% no-repeat;
@@ -58,29 +58,29 @@
58
58
  -webkit-mask:none;
59
59
  mask:none;
60
60
  }
61
- .magritte-scroll-buttons-small___xG3MS_6-5-6{
61
+ .magritte-scroll-buttons-small___xG3MS_6-5-7{
62
62
  --left-fade-mask:var(--fade-left) 0px 0 / 44px 100% no-repeat, linear-gradient(#000, #000) right / calc(100% - 44px) 100% no-repeat;
63
63
  --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;
64
64
  --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;
65
65
  }
66
- .magritte-scroll-button___4GQu3_6-5-6{
66
+ .magritte-scroll-button___4GQu3_6-5-7{
67
67
  display:none;
68
68
  position:absolute;
69
69
  top:50%;
70
70
  transform:translateY(-50%);
71
71
  }
72
- .magritte-scroll-button-left___UueEY_6-5-6{
72
+ .magritte-scroll-button-left___UueEY_6-5-7{
73
73
  z-index:1;
74
74
  left:var(--magritte-ui-scrollable-container-buttons-offset, 0);
75
75
  }
76
- .magritte-scroll-button-right___wZOn-_6-5-6{
76
+ .magritte-scroll-button-right___wZOn-_6-5-7{
77
77
  right:var(--magritte-ui-scrollable-container-buttons-offset, 0);
78
78
  }
79
- .magritte-position-container___1A4Bv_6-5-6{
79
+ .magritte-position-container___1A4Bv_6-5-7{
80
80
  box-sizing:border-box;
81
81
  width:100%;
82
82
  }
83
- .magritte-dot-container___ahtlG_6-5-6{
83
+ .magritte-dot-container___ahtlG_6-5-7{
84
84
  display:flex;
85
85
  justify-content:center;
86
86
  }
package/index.js CHANGED
@@ -13,7 +13,7 @@ import './ScrollableContainerDefaultLayout.js';
13
13
  import 'motion/react';
14
14
  import '@hh.ru/magritte-common-use-translation';
15
15
  import '@hh.ru/magritte-ui-icon/icon';
16
- import './scrollableContainer-DKy1U6qd.js';
16
+ import './scrollableContainer-DMHjenAM.js';
17
17
  import './ScrollableContainerDotPages.js';
18
18
  import '@hh.ru/magritte-internal-custom-scroll/initScrollHandlers';
19
19
  import '@hh.ru/magritte-ui-dot-pages';
package/index.mock.js CHANGED
@@ -13,7 +13,7 @@ import 'react/jsx-runtime';
13
13
  import '@hh.ru/magritte-internal-custom-scroll/initScrollHandlers';
14
14
  import './useScrollContainer.js';
15
15
  import '@hh.ru/magritte-common-func-utils';
16
- import './scrollableContainer-DKy1U6qd.js';
16
+ import './scrollableContainer-DMHjenAM.js';
17
17
  import './ObservableValue.js';
18
18
 
19
19
  const staticProps = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-scrollable-container",
3
- "version": "6.5.6",
3
+ "version": "6.5.7",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -25,7 +25,7 @@
25
25
  "@hh.ru/magritte-design-tokens": "26.0.2",
26
26
  "@hh.ru/magritte-internal-custom-scroll": "2.1.3",
27
27
  "@hh.ru/magritte-ui-breakpoint": "6.1.3",
28
- "@hh.ru/magritte-ui-dot-pages": "4.0.39",
28
+ "@hh.ru/magritte-ui-dot-pages": "4.0.40",
29
29
  "@hh.ru/magritte-ui-icon": "15.1.6",
30
30
  "@hh.ru/magritte-ui-mock-component": "1.1.9",
31
31
  "@hh.ru/magritte-ui-spacing": "2.1.32"
@@ -38,5 +38,5 @@
38
38
  "publishConfig": {
39
39
  "access": "public"
40
40
  },
41
- "gitHead": "b2ad93b0a58b9d2cf766f456b91b54168494de89"
41
+ "gitHead": "c8093595868a906e4e0f860f0deafc6c44f07d69"
42
42
  }
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"scroll-wrapper":"magritte-scroll-wrapper___vTdZl_6-5-7","scrollWrapper":"magritte-scroll-wrapper___vTdZl_6-5-7","scrollable-container":"magritte-scrollable-container___AKIUp_6-5-7","scrollableContainer":"magritte-scrollable-container___AKIUp_6-5-7","scroll-buttons-container":"magritte-scroll-buttons-container___ZeI5a_6-5-7","scrollButtonsContainer":"magritte-scroll-buttons-container___ZeI5a_6-5-7","scroll-buttons-container-on-hover":"magritte-scroll-buttons-container-on-hover___PFUvV_6-5-7","scrollButtonsContainerOnHover":"magritte-scroll-buttons-container-on-hover___PFUvV_6-5-7","scroll-button":"magritte-scroll-button___4GQu3_6-5-7","scrollButton":"magritte-scroll-button___4GQu3_6-5-7","scroll-buttons":"magritte-scroll-buttons___0SjoR_6-5-7","scrollButtons":"magritte-scroll-buttons___0SjoR_6-5-7","scroll-buttons-small":"magritte-scroll-buttons-small___xG3MS_6-5-7","scrollButtonsSmall":"magritte-scroll-buttons-small___xG3MS_6-5-7","scroll-button-left":"magritte-scroll-button-left___UueEY_6-5-7","scrollButtonLeft":"magritte-scroll-button-left___UueEY_6-5-7","scroll-button-right":"magritte-scroll-button-right___wZOn-_6-5-7","scrollButtonRight":"magritte-scroll-button-right___wZOn-_6-5-7","position-container":"magritte-position-container___1A4Bv_6-5-7","positionContainer":"magritte-position-container___1A4Bv_6-5-7","dot-container":"magritte-dot-container___ahtlG_6-5-7","dotContainer":"magritte-dot-container___ahtlG_6-5-7"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=scrollableContainer-DMHjenAM.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scrollableContainer-DMHjenAM.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"scroll-wrapper":"magritte-scroll-wrapper___vTdZl_6-5-6","scrollWrapper":"magritte-scroll-wrapper___vTdZl_6-5-6","scrollable-container":"magritte-scrollable-container___AKIUp_6-5-6","scrollableContainer":"magritte-scrollable-container___AKIUp_6-5-6","scroll-buttons-container":"magritte-scroll-buttons-container___ZeI5a_6-5-6","scrollButtonsContainer":"magritte-scroll-buttons-container___ZeI5a_6-5-6","scroll-buttons-container-on-hover":"magritte-scroll-buttons-container-on-hover___PFUvV_6-5-6","scrollButtonsContainerOnHover":"magritte-scroll-buttons-container-on-hover___PFUvV_6-5-6","scroll-button":"magritte-scroll-button___4GQu3_6-5-6","scrollButton":"magritte-scroll-button___4GQu3_6-5-6","scroll-buttons":"magritte-scroll-buttons___0SjoR_6-5-6","scrollButtons":"magritte-scroll-buttons___0SjoR_6-5-6","scroll-buttons-small":"magritte-scroll-buttons-small___xG3MS_6-5-6","scrollButtonsSmall":"magritte-scroll-buttons-small___xG3MS_6-5-6","scroll-button-left":"magritte-scroll-button-left___UueEY_6-5-6","scrollButtonLeft":"magritte-scroll-button-left___UueEY_6-5-6","scroll-button-right":"magritte-scroll-button-right___wZOn-_6-5-6","scrollButtonRight":"magritte-scroll-button-right___wZOn-_6-5-6","position-container":"magritte-position-container___1A4Bv_6-5-6","positionContainer":"magritte-position-container___1A4Bv_6-5-6","dot-container":"magritte-dot-container___ahtlG_6-5-6","dotContainer":"magritte-dot-container___ahtlG_6-5-6"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=scrollableContainer-DKy1U6qd.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"scrollableContainer-DKy1U6qd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}