@hh.ru/magritte-ui-action-bar 2.0.2 → 2.0.4

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.
Files changed (6) hide show
  1. package/ActionBar.d.ts +1 -1
  2. package/ActionBar.js +1 -1
  3. package/index.css +25 -25
  4. package/index.d.ts +2 -2
  5. package/package.json +10 -9
  6. package/utils.d.ts +1 -1
package/ActionBar.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { FC } from 'react';
2
- import { ActionBarProps } from './types';
2
+ import { ActionBarProps } from '@hh.ru/magritte-ui-action-bar/types';
3
3
  export declare const ActionBar: FC<ActionBarProps>;
package/ActionBar.js CHANGED
@@ -7,7 +7,7 @@ import { shouldShowDividerOrProgress, getScrollableParent } from './utils.js';
7
7
  import { ButtonStack } from '@hh.ru/magritte-ui-button-stack';
8
8
  import { Divider } from '@hh.ru/magritte-ui-divider';
9
9
 
10
- var styles = {"action-bar-fixed":"magritte-action-bar-fixed___Ts-0i_2-0-2","actionBarFixed":"magritte-action-bar-fixed___Ts-0i_2-0-2","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_2-0-2","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_2-0-2","progress-bar":"magritte-progress-bar___tSTjx_2-0-2","progressBar":"magritte-progress-bar___tSTjx_2-0-2","actions-wrapper_mobile":"magritte-actions-wrapper_mobile___DWgfU_2-0-2","actionsWrapperMobile":"magritte-actions-wrapper_mobile___DWgfU_2-0-2","actions-wrapper_modal":"magritte-actions-wrapper_modal___aQs2b_2-0-2","actionsWrapperModal":"magritte-actions-wrapper_modal___aQs2b_2-0-2","actions-wrapper_page":"magritte-actions-wrapper_page___NuaNO_2-0-2","actionsWrapperPage":"magritte-actions-wrapper_page___NuaNO_2-0-2","actions-stack":"magritte-actions-stack___12VkP_2-0-2","actionsStack":"magritte-actions-stack___12VkP_2-0-2","actions-stack-vertical-on-mobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-0-2","actionsStackVerticalOnMobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-0-2","actions-stack-vertical-on-page-xs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-0-2","actionsStackVerticalOnPageXs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-0-2","actions-stack-horizontal-on-gt-xs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-0-2","actionsStackHorizontalOnGtXs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-0-2"};
10
+ var styles = {"action-bar-fixed":"magritte-action-bar-fixed___Ts-0i_2-0-4","actionBarFixed":"magritte-action-bar-fixed___Ts-0i_2-0-4","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_2-0-4","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_2-0-4","progress-bar":"magritte-progress-bar___tSTjx_2-0-4","progressBar":"magritte-progress-bar___tSTjx_2-0-4","actions-wrapper_mobile":"magritte-actions-wrapper_mobile___DWgfU_2-0-4","actionsWrapperMobile":"magritte-actions-wrapper_mobile___DWgfU_2-0-4","actions-wrapper_modal":"magritte-actions-wrapper_modal___aQs2b_2-0-4","actionsWrapperModal":"magritte-actions-wrapper_modal___aQs2b_2-0-4","actions-wrapper_page":"magritte-actions-wrapper_page___NuaNO_2-0-4","actionsWrapperPage":"magritte-actions-wrapper_page___NuaNO_2-0-4","actions-stack":"magritte-actions-stack___12VkP_2-0-4","actionsStack":"magritte-actions-stack___12VkP_2-0-4","actions-stack-vertical-on-mobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-0-4","actionsStackVerticalOnMobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-0-4","actions-stack-vertical-on-page-xs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-0-4","actionsStackVerticalOnPageXs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-0-4","actions-stack-horizontal-on-gt-xs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-0-4","actionsStackHorizontalOnGtXs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-0-4"};
11
11
 
12
12
  const SCROLL_HANDLER_THROTTLE_MS = 50;
13
13
  const ActionBar = ({ type, showDivider, showProgress = false, primaryActions = [], secondaryActions = [], wrapperRef, }) => {
package/index.css CHANGED
@@ -1,95 +1,95 @@
1
1
  :root{
2
- --magritte-color-background-primary-v18-2-0:#ffffff;
2
+ --magritte-color-background-primary-v18-2-1:#ffffff;
3
3
  }
4
4
  .magritte-night-theme{
5
- --magritte-color-background-primary-v18-2-0:#000000;
5
+ --magritte-color-background-primary-v18-2-1:#000000;
6
6
  }
7
- .magritte-action-bar-fixed___Ts-0i_2-0-2{
8
- background-color:var(--magritte-color-background-primary-v18-2-0);
7
+ .magritte-action-bar-fixed___Ts-0i_2-0-4{
8
+ background-color:var(--magritte-color-background-primary-v18-2-1);
9
9
  position:fixed;
10
10
  bottom:0;
11
11
  left:0;
12
12
  width:100%;
13
13
  }
14
- .magritte-action-bar-with-progress-bar___mprqw_2-0-2{
14
+ .magritte-action-bar-with-progress-bar___mprqw_2-0-4{
15
15
  border-radius:8px 8px 0 0;
16
16
  }
17
- .magritte-progress-bar___tSTjx_2-0-2{
17
+ .magritte-progress-bar___tSTjx_2-0-4{
18
18
  padding:4px 4px 0;
19
19
  }
20
- .magritte-actions-wrapper_mobile___DWgfU_2-0-2{
20
+ .magritte-actions-wrapper_mobile___DWgfU_2-0-4{
21
21
  padding:16px;
22
22
  }
23
- .magritte-actions-wrapper_modal___aQs2b_2-0-2{
23
+ .magritte-actions-wrapper_modal___aQs2b_2-0-4{
24
24
  padding:32px;
25
25
  }
26
- .magritte-actions-wrapper_page___NuaNO_2-0-2{
26
+ .magritte-actions-wrapper_page___NuaNO_2-0-4{
27
27
  padding:16px;
28
28
  }
29
29
  @media (min-width: 1020px){
30
- body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-0-2{
30
+ body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-0-4{
31
31
  padding:16px 68px;
32
32
  }
33
33
  }
34
34
  @media (min-width: 1024px){
35
- body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-0-2{
35
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-0-4{
36
36
  padding:16px 68px;
37
37
  }
38
38
  }
39
39
  @media (min-width: 1340px){
40
- body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-0-2{
40
+ body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-0-4{
41
41
  padding:16px 76px;
42
42
  }
43
43
  }
44
44
  @media (min-width: 1280px){
45
- body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-0-2{
45
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-0-4{
46
46
  padding:16px 76px;
47
47
  }
48
48
  }
49
49
  @media (min-width: 1440px){
50
- body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-0-2{
50
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-0-4{
51
51
  padding:16px 108px;
52
52
  }
53
53
  }
54
54
  @media (min-width: 1920px){
55
- body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-0-2{
55
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-0-4{
56
56
  padding:16px 252px;
57
57
  }
58
58
  }
59
- .magritte-actions-stack___12VkP_2-0-2{
59
+ .magritte-actions-stack___12VkP_2-0-4{
60
60
  display:none;
61
61
  }
62
- .magritte-actions-stack-vertical-on-mobile___82xhC_2-0-2{
62
+ .magritte-actions-stack-vertical-on-mobile___82xhC_2-0-4{
63
63
  display:block;
64
64
  }
65
65
  @media (min-width: 1020px){
66
- body.magritte-old-layout .magritte-actions-stack-vertical-on-mobile___82xhC_2-0-2{
66
+ body.magritte-old-layout .magritte-actions-stack-vertical-on-mobile___82xhC_2-0-4{
67
67
  display:none;
68
68
  }
69
69
  }
70
70
  @media (min-width: 1024px){
71
- body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-mobile___82xhC_2-0-2{
71
+ body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-mobile___82xhC_2-0-4{
72
72
  display:none;
73
73
  }
74
74
  }
75
- .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-0-2{
75
+ .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-0-4{
76
76
  display:block;
77
77
  }
78
78
  @media (min-width: 700px){
79
- body.magritte-old-layout .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-0-2{
79
+ body.magritte-old-layout .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-0-4{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @media (min-width: 600px){
84
- body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-0-2{
84
+ body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-0-4{
85
85
  display:none;
86
86
  }
87
87
  }
88
- .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-0-2{
88
+ .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-0-4{
89
89
  display:none;
90
90
  }
91
91
  @media (min-width: 700px){
92
- body.magritte-old-layout .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-0-2{
92
+ body.magritte-old-layout .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-0-4{
93
93
  display:flex;
94
94
  flex-grow:1;
95
95
  flex-direction:row;
@@ -98,7 +98,7 @@
98
98
  }
99
99
  }
100
100
  @media (min-width: 600px){
101
- body:not(.magritte-old-layout) .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-0-2{
101
+ body:not(.magritte-old-layout) .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-0-4{
102
102
  display:flex;
103
103
  flex-grow:1;
104
104
  flex-direction:row;
package/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export * from './types';
2
- export * from './ActionBar';
1
+ export * from '@hh.ru/magritte-ui-action-bar/types';
2
+ export * from '@hh.ru/magritte-ui-action-bar/ActionBar';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-action-bar",
3
- "version": "2.0.2",
3
+ "version": "2.0.4",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -16,14 +16,15 @@
16
16
  "eslint-test": "yarn root:eslint-test $(pwd)",
17
17
  "ts-config": "yarn root:ts-config $(pwd)",
18
18
  "ts-check": "yarn root:ts-check $(pwd)",
19
- "test": "yarn root:test $(pwd)"
19
+ "test": "yarn root:test $(pwd)",
20
+ "watch": "yarn root:watch $(pwd)"
20
21
  },
21
22
  "dependencies": {
22
- "@hh.ru/magritte-common-func-utils": "1.3.6",
23
- "@hh.ru/magritte-ui-button": "5.0.0",
24
- "@hh.ru/magritte-ui-button-stack": "2.0.9",
25
- "@hh.ru/magritte-ui-divider": "1.1.27",
26
- "@hh.ru/magritte-ui-mock-component": "1.0.10"
23
+ "@hh.ru/magritte-common-func-utils": "1.3.7",
24
+ "@hh.ru/magritte-ui-button": "5.0.2",
25
+ "@hh.ru/magritte-ui-button-stack": "2.0.11",
26
+ "@hh.ru/magritte-ui-divider": "1.1.28",
27
+ "@hh.ru/magritte-ui-mock-component": "1.0.11"
27
28
  },
28
29
  "peerDependencies": {
29
30
  "classnames": ">=2.3.2",
@@ -32,5 +33,5 @@
32
33
  "publishConfig": {
33
34
  "access": "public"
34
35
  },
35
- "gitHead": "2096654db9454114e1dbf70e7a7786d7e5b688b8"
36
- }
36
+ "gitHead": "bdbcf07ae5f66002ea09633961d0c9c008c70cd6"
37
+ }
package/utils.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- import { ActionBarType } from './types';
2
+ import { ActionBarType } from '@hh.ru/magritte-ui-action-bar/types';
3
3
  export declare const getScrollableParent: (node: HTMLElement | null) => HTMLElement | null;
4
4
  export declare const shouldShowDividerOrProgress: ({ type, showDivider, showProgress, isScrollEnd, }: {
5
5
  type: ActionBarType;