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

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-BG_pRbCF.js';
14
+ import { s as styles } from './scrollableContainer-B0fUfNf7.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-BG_pRbCF.js';
12
+ import { s as styles } from './scrollableContainer-B0fUfNf7.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-BG_pRbCF.js';
10
+ import { s as styles } from './scrollableContainer-B0fUfNf7.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-BG_pRbCF.js';
9
+ import { s as styles } from './scrollableContainer-B0fUfNf7.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-BG_pRbCF.js';
16
+ import './scrollableContainer-B0fUfNf7.js';
17
17
 
18
18
  const ScrollableItem = ({ children, scrollToItemOnFocus, ...props }) => {
19
19
  const ref = useRef(null);
package/index.css CHANGED
@@ -5,12 +5,12 @@
5
5
  .magritte-night-theme{
6
6
  --magritte-gradient-component-chat-input-background-fade-v25-0-1:#1b1b1b00 0%, #1b1b1b 100%;
7
7
  }
8
- .magritte-scroll-wrapper___vTdZl_6-4-4{
8
+ .magritte-scroll-wrapper___vTdZl_6-4-6{
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-4{
13
+ .magritte-scrollable-container___AKIUp_6-4-6{
14
14
  display:block;
15
15
  overflow-x:hidden;
16
16
  overflow-x:clip;
@@ -26,10 +26,10 @@
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-4{
29
+ .magritte-scroll-buttons-container___ZeI5a_6-4-6{
30
30
  position:relative;
31
31
  }
32
- .magritte-scroll-buttons___0SjoR_6-4-4{
32
+ .magritte-scroll-buttons___0SjoR_6-4-6{
33
33
  --fade-left:linear-gradient(90deg, var(--magritte-gradient-component-chat-input-background-fade-v25-0-1));
34
34
  --fade-right:linear-gradient(270deg, var(--magritte-gradient-component-chat-input-background-fade-v25-0-1));
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;
@@ -38,29 +38,29 @@
38
38
  -webkit-mask:none;
39
39
  mask:none;
40
40
  }
41
- .magritte-scroll-buttons-small___xG3MS_6-4-4{
41
+ .magritte-scroll-buttons-small___xG3MS_6-4-6{
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-4{
46
+ .magritte-scroll-button___4GQu3_6-4-6{
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-4{
52
+ .magritte-scroll-button-left___UueEY_6-4-6{
53
53
  z-index:1;
54
54
  left:0;
55
55
  }
56
- .magritte-scroll-button-right___wZOn-_6-4-4{
56
+ .magritte-scroll-button-right___wZOn-_6-4-6{
57
57
  right:0;
58
58
  }
59
- .magritte-position-container___1A4Bv_6-4-4{
59
+ .magritte-position-container___1A4Bv_6-4-6{
60
60
  box-sizing:border-box;
61
61
  width:100%;
62
62
  }
63
- .magritte-dot-container___ahtlG_6-4-4{
63
+ .magritte-dot-container___ahtlG_6-4-6{
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-BG_pRbCF.js';
16
+ import './scrollableContainer-B0fUfNf7.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-BG_pRbCF.js';
16
+ import './scrollableContainer-B0fUfNf7.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.4",
3
+ "version": "6.4.6",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -25,7 +25,7 @@
25
25
  "@hh.ru/magritte-internal-custom-scroll": "2.1.1",
26
26
  "@hh.ru/magritte-ui-breakpoint": "6.1.1",
27
27
  "@hh.ru/magritte-ui-dot-pages": "4.0.33",
28
- "@hh.ru/magritte-ui-icon": "15.0.3",
28
+ "@hh.ru/magritte-ui-icon": "15.1.0",
29
29
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
30
30
  "@hh.ru/magritte-ui-spacing": "2.1.27"
31
31
  },
@@ -37,5 +37,5 @@
37
37
  "publishConfig": {
38
38
  "access": "public"
39
39
  },
40
- "gitHead": "ca6dd4b6ab147bf47045aa7608e7b6f60df53749"
40
+ "gitHead": "c90767ef9b007595559f19dd6a892fd0066ddc79"
41
41
  }
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"scroll-wrapper":"magritte-scroll-wrapper___vTdZl_6-4-6","scrollWrapper":"magritte-scroll-wrapper___vTdZl_6-4-6","scrollable-container":"magritte-scrollable-container___AKIUp_6-4-6","scrollableContainer":"magritte-scrollable-container___AKIUp_6-4-6","scroll-buttons-container":"magritte-scroll-buttons-container___ZeI5a_6-4-6","scrollButtonsContainer":"magritte-scroll-buttons-container___ZeI5a_6-4-6","scroll-buttons":"magritte-scroll-buttons___0SjoR_6-4-6","scrollButtons":"magritte-scroll-buttons___0SjoR_6-4-6","scroll-buttons-small":"magritte-scroll-buttons-small___xG3MS_6-4-6","scrollButtonsSmall":"magritte-scroll-buttons-small___xG3MS_6-4-6","scroll-button":"magritte-scroll-button___4GQu3_6-4-6","scrollButton":"magritte-scroll-button___4GQu3_6-4-6","scroll-button-left":"magritte-scroll-button-left___UueEY_6-4-6","scrollButtonLeft":"magritte-scroll-button-left___UueEY_6-4-6","scroll-button-right":"magritte-scroll-button-right___wZOn-_6-4-6","scrollButtonRight":"magritte-scroll-button-right___wZOn-_6-4-6","position-container":"magritte-position-container___1A4Bv_6-4-6","positionContainer":"magritte-position-container___1A4Bv_6-4-6","dot-container":"magritte-dot-container___ahtlG_6-4-6","dotContainer":"magritte-dot-container___ahtlG_6-4-6"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=scrollableContainer-B0fUfNf7.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scrollableContainer-B0fUfNf7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- 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"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=scrollableContainer-BG_pRbCF.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"scrollableContainer-BG_pRbCF.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}