@hh.ru/magritte-ui-scrollable-container 6.4.9 → 6.4.10

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-BuymgrPr.js';
14
+ import { s as styles } from './scrollableContainer-C7JpsOHd.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-BuymgrPr.js';
12
+ import { s as styles } from './scrollableContainer-C7JpsOHd.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-BuymgrPr.js';
10
+ import { s as styles } from './scrollableContainer-C7JpsOHd.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-BuymgrPr.js';
9
+ import { s as styles } from './scrollableContainer-C7JpsOHd.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-BuymgrPr.js';
16
+ import './scrollableContainer-C7JpsOHd.js';
17
17
 
18
18
  const ScrollableItem = ({ children, scrollToItemOnFocus, ...props }) => {
19
19
  const ref = useRef(null);
package/index.css CHANGED
@@ -1,16 +1,16 @@
1
1
  :root{
2
- --magritte-gradient-component-chat-input-background-fade-v25-0-1:#ffffff00 0%, #ffffff 100%;
2
+ --magritte-gradient-component-chat-input-background-fade-v25-1-0:#ffffff00 0%, #ffffff 100%;
3
3
  }
4
4
 
5
5
  .magritte-night-theme{
6
- --magritte-gradient-component-chat-input-background-fade-v25-0-1:#1b1b1b00 0%, #1b1b1b 100%;
6
+ --magritte-gradient-component-chat-input-background-fade-v25-1-0:#1b1b1b00 0%, #1b1b1b 100%;
7
7
  }
8
- .magritte-scroll-wrapper___vTdZl_6-4-9{
8
+ .magritte-scroll-wrapper___vTdZl_6-4-10{
9
9
  position:relative;
10
10
  touch-action:pan-y pinch-zoom;
11
11
  contain:layout;
12
12
  }
13
- .magritte-scrollable-container___AKIUp_6-4-9{
13
+ .magritte-scrollable-container___AKIUp_6-4-10{
14
14
  display:block;
15
15
  overflow-x:hidden;
16
16
  overflow-x:clip;
@@ -26,41 +26,41 @@
26
26
  margin-left:var(--magritte-ui-scrollabe-container-ml, -4px);
27
27
  margin-right:var(--magritte-ui-scrollabe-container-mr, -4px);
28
28
  }
29
- .magritte-scroll-buttons-container___ZeI5a_6-4-9{
29
+ .magritte-scroll-buttons-container___ZeI5a_6-4-10{
30
30
  position:relative;
31
31
  }
32
- .magritte-scroll-buttons___0SjoR_6-4-9{
33
- --fade-left:linear-gradient(90deg, var(--magritte-gradient-component-chat-input-background-fade-v25-0-1));
34
- --fade-right:linear-gradient(270deg, var(--magritte-gradient-component-chat-input-background-fade-v25-0-1));
32
+ .magritte-scroll-buttons___0SjoR_6-4-10{
33
+ --fade-left:linear-gradient(90deg, var(--magritte-gradient-component-chat-input-background-fade-v25-1-0));
34
+ --fade-right:linear-gradient(270deg, var(--magritte-gradient-component-chat-input-background-fade-v25-1-0));
35
35
  --left-fade-mask:var(--fade-left) 30px 0 / 128px 100% no-repeat, linear-gradient(#000, #000) right / calc(100% - 158px) 100% no-repeat;
36
36
  --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;
37
37
  --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;
38
38
  -webkit-mask:none;
39
39
  mask:none;
40
40
  }
41
- .magritte-scroll-buttons-small___xG3MS_6-4-9{
41
+ .magritte-scroll-buttons-small___xG3MS_6-4-10{
42
42
  --left-fade-mask:var(--fade-left) 0px 0 / 44px 100% no-repeat, linear-gradient(#000, #000) right / calc(100% - 44px) 100% no-repeat;
43
43
  --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;
44
44
  --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;
45
45
  }
46
- .magritte-scroll-button___4GQu3_6-4-9{
46
+ .magritte-scroll-button___4GQu3_6-4-10{
47
47
  display:none;
48
48
  position:absolute;
49
49
  top:50%;
50
50
  transform:translateY(-50%);
51
51
  }
52
- .magritte-scroll-button-left___UueEY_6-4-9{
52
+ .magritte-scroll-button-left___UueEY_6-4-10{
53
53
  z-index:1;
54
54
  left:0;
55
55
  }
56
- .magritte-scroll-button-right___wZOn-_6-4-9{
56
+ .magritte-scroll-button-right___wZOn-_6-4-10{
57
57
  right:0;
58
58
  }
59
- .magritte-position-container___1A4Bv_6-4-9{
59
+ .magritte-position-container___1A4Bv_6-4-10{
60
60
  box-sizing:border-box;
61
61
  width:100%;
62
62
  }
63
- .magritte-dot-container___ahtlG_6-4-9{
63
+ .magritte-dot-container___ahtlG_6-4-10{
64
64
  display:flex;
65
65
  justify-content:center;
66
66
  }
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-BuymgrPr.js';
16
+ import './scrollableContainer-C7JpsOHd.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-BuymgrPr.js';
16
+ import './scrollableContainer-C7JpsOHd.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.4.9",
3
+ "version": "6.4.10",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -21,13 +21,13 @@
21
21
  "dependencies": {
22
22
  "@hh.ru/magritte-common-func-utils": "1.3.15",
23
23
  "@hh.ru/magritte-common-use-translation": "3.5.0",
24
- "@hh.ru/magritte-design-tokens": "25.0.1",
24
+ "@hh.ru/magritte-design-tokens": "25.1.0",
25
25
  "@hh.ru/magritte-internal-custom-scroll": "2.1.1",
26
26
  "@hh.ru/magritte-ui-breakpoint": "6.1.1",
27
- "@hh.ru/magritte-ui-dot-pages": "4.0.33",
28
- "@hh.ru/magritte-ui-icon": "15.1.1",
27
+ "@hh.ru/magritte-ui-dot-pages": "4.0.34",
28
+ "@hh.ru/magritte-ui-icon": "15.1.2",
29
29
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
30
- "@hh.ru/magritte-ui-spacing": "2.1.27"
30
+ "@hh.ru/magritte-ui-spacing": "2.1.28"
31
31
  },
32
32
  "peerDependencies": {
33
33
  "classnames": ">=2.3.2",
@@ -37,5 +37,5 @@
37
37
  "publishConfig": {
38
38
  "access": "public"
39
39
  },
40
- "gitHead": "e09b73c28a17b73584ecfc0a9dc5b10141d2e305"
40
+ "gitHead": "37c822e9d543ad23d6aec07b4a18c6d2d2b3ee3a"
41
41
  }
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"scroll-wrapper":"magritte-scroll-wrapper___vTdZl_6-4-10","scrollWrapper":"magritte-scroll-wrapper___vTdZl_6-4-10","scrollable-container":"magritte-scrollable-container___AKIUp_6-4-10","scrollableContainer":"magritte-scrollable-container___AKIUp_6-4-10","scroll-buttons-container":"magritte-scroll-buttons-container___ZeI5a_6-4-10","scrollButtonsContainer":"magritte-scroll-buttons-container___ZeI5a_6-4-10","scroll-buttons":"magritte-scroll-buttons___0SjoR_6-4-10","scrollButtons":"magritte-scroll-buttons___0SjoR_6-4-10","scroll-buttons-small":"magritte-scroll-buttons-small___xG3MS_6-4-10","scrollButtonsSmall":"magritte-scroll-buttons-small___xG3MS_6-4-10","scroll-button":"magritte-scroll-button___4GQu3_6-4-10","scrollButton":"magritte-scroll-button___4GQu3_6-4-10","scroll-button-left":"magritte-scroll-button-left___UueEY_6-4-10","scrollButtonLeft":"magritte-scroll-button-left___UueEY_6-4-10","scroll-button-right":"magritte-scroll-button-right___wZOn-_6-4-10","scrollButtonRight":"magritte-scroll-button-right___wZOn-_6-4-10","position-container":"magritte-position-container___1A4Bv_6-4-10","positionContainer":"magritte-position-container___1A4Bv_6-4-10","dot-container":"magritte-dot-container___ahtlG_6-4-10","dotContainer":"magritte-dot-container___ahtlG_6-4-10"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=scrollableContainer-C7JpsOHd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scrollableContainer-C7JpsOHd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"scroll-wrapper":"magritte-scroll-wrapper___vTdZl_6-4-9","scrollWrapper":"magritte-scroll-wrapper___vTdZl_6-4-9","scrollable-container":"magritte-scrollable-container___AKIUp_6-4-9","scrollableContainer":"magritte-scrollable-container___AKIUp_6-4-9","scroll-buttons-container":"magritte-scroll-buttons-container___ZeI5a_6-4-9","scrollButtonsContainer":"magritte-scroll-buttons-container___ZeI5a_6-4-9","scroll-buttons":"magritte-scroll-buttons___0SjoR_6-4-9","scrollButtons":"magritte-scroll-buttons___0SjoR_6-4-9","scroll-buttons-small":"magritte-scroll-buttons-small___xG3MS_6-4-9","scrollButtonsSmall":"magritte-scroll-buttons-small___xG3MS_6-4-9","scroll-button":"magritte-scroll-button___4GQu3_6-4-9","scrollButton":"magritte-scroll-button___4GQu3_6-4-9","scroll-button-left":"magritte-scroll-button-left___UueEY_6-4-9","scrollButtonLeft":"magritte-scroll-button-left___UueEY_6-4-9","scroll-button-right":"magritte-scroll-button-right___wZOn-_6-4-9","scrollButtonRight":"magritte-scroll-button-right___wZOn-_6-4-9","position-container":"magritte-position-container___1A4Bv_6-4-9","positionContainer":"magritte-position-container___1A4Bv_6-4-9","dot-container":"magritte-dot-container___ahtlG_6-4-9","dotContainer":"magritte-dot-container___ahtlG_6-4-9"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=scrollableContainer-BuymgrPr.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"scrollableContainer-BuymgrPr.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}