@hh.ru/magritte-ui-action-bar 4.0.0 → 4.0.2

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 (3) hide show
  1. package/ActionBar.js +1 -1
  2. package/index.css +30 -30
  3. package/package.json +3 -3
package/ActionBar.js CHANGED
@@ -10,7 +10,7 @@ import { STRETCHED_WRAPPER_CLASS } from '@hh.ru/magritte-ui-button';
10
10
  import { Divider } from '@hh.ru/magritte-ui-divider';
11
11
  import { Layer } from '@hh.ru/magritte-ui-layer';
12
12
 
13
- var styles = {"action-bar":"magritte-action-bar___Tkm7C_4-0-0","actionBar":"magritte-action-bar___Tkm7C_4-0-0","action-bar-is-fixed":"magritte-action-bar-is-fixed___Zjqtf_4-0-0","actionBarIsFixed":"magritte-action-bar-is-fixed___Zjqtf_4-0-0","action-bar-is-sticky":"magritte-action-bar-is-sticky___q272C_4-0-0","actionBarIsSticky":"magritte-action-bar-is-sticky___q272C_4-0-0","action-bar-with-default-padding":"magritte-action-bar-with-default-padding___QcKnA_4-0-0","actionBarWithDefaultPadding":"magritte-action-bar-with-default-padding___QcKnA_4-0-0","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_4-0-0","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_4-0-0","actions-stack":"magritte-actions-stack___12VkP_4-0-0","actionsStack":"magritte-actions-stack___12VkP_4-0-0","right-only-actions":"magritte-right-only-actions___84fc8_4-0-0","rightOnlyActions":"magritte-right-only-actions___84fc8_4-0-0","actions-stack_auto":"magritte-actions-stack_auto___ayohg_4-0-0","actionsStackAuto":"magritte-actions-stack_auto___ayohg_4-0-0","actions-stack_horizontal":"magritte-actions-stack_horizontal___p3HgB_4-0-0","actionsStackHorizontal":"magritte-actions-stack_horizontal___p3HgB_4-0-0","actions-stack_vertical":"magritte-actions-stack_vertical___5UtzF_4-0-0","actionsStackVertical":"magritte-actions-stack_vertical___5UtzF_4-0-0","additional-content-container":"magritte-additional-content-container___N4Q-l_4-0-0","additionalContentContainer":"magritte-additional-content-container___N4Q-l_4-0-0","additional-content-overflow-wrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_4-0-0","additionalContentOverflowWrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_4-0-0","additional-content-vertical":"magritte-additional-content-vertical___3Ba1i_4-0-0","additionalContentVertical":"magritte-additional-content-vertical___3Ba1i_4-0-0","additional-content-wrapper":"magritte-additional-content-wrapper___dpdp5_4-0-0","additionalContentWrapper":"magritte-additional-content-wrapper___dpdp5_4-0-0","additional-content-dimensions":"magritte-additional-content-dimensions___yEIwY_4-0-0","additionalContentDimensions":"magritte-additional-content-dimensions___yEIwY_4-0-0","horizontal-actions-container":"magritte-horizontal-actions-container___dKSH8_4-0-0","horizontalActionsContainer":"magritte-horizontal-actions-container___dKSH8_4-0-0","vertical-actions-container":"magritte-vertical-actions-container___j1toG_4-0-0","verticalActionsContainer":"magritte-vertical-actions-container___j1toG_4-0-0","progress-bar":"magritte-progress-bar___tSTjx_4-0-0","progressBar":"magritte-progress-bar___tSTjx_4-0-0"};
13
+ var styles = {"action-bar":"magritte-action-bar___Tkm7C_4-0-2","actionBar":"magritte-action-bar___Tkm7C_4-0-2","action-bar-is-fixed":"magritte-action-bar-is-fixed___Zjqtf_4-0-2","actionBarIsFixed":"magritte-action-bar-is-fixed___Zjqtf_4-0-2","action-bar-is-sticky":"magritte-action-bar-is-sticky___q272C_4-0-2","actionBarIsSticky":"magritte-action-bar-is-sticky___q272C_4-0-2","action-bar-with-default-padding":"magritte-action-bar-with-default-padding___QcKnA_4-0-2","actionBarWithDefaultPadding":"magritte-action-bar-with-default-padding___QcKnA_4-0-2","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_4-0-2","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_4-0-2","actions-stack":"magritte-actions-stack___12VkP_4-0-2","actionsStack":"magritte-actions-stack___12VkP_4-0-2","right-only-actions":"magritte-right-only-actions___84fc8_4-0-2","rightOnlyActions":"magritte-right-only-actions___84fc8_4-0-2","actions-stack_auto":"magritte-actions-stack_auto___ayohg_4-0-2","actionsStackAuto":"magritte-actions-stack_auto___ayohg_4-0-2","actions-stack_horizontal":"magritte-actions-stack_horizontal___p3HgB_4-0-2","actionsStackHorizontal":"magritte-actions-stack_horizontal___p3HgB_4-0-2","actions-stack_vertical":"magritte-actions-stack_vertical___5UtzF_4-0-2","actionsStackVertical":"magritte-actions-stack_vertical___5UtzF_4-0-2","additional-content-container":"magritte-additional-content-container___N4Q-l_4-0-2","additionalContentContainer":"magritte-additional-content-container___N4Q-l_4-0-2","additional-content-overflow-wrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_4-0-2","additionalContentOverflowWrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_4-0-2","additional-content-vertical":"magritte-additional-content-vertical___3Ba1i_4-0-2","additionalContentVertical":"magritte-additional-content-vertical___3Ba1i_4-0-2","additional-content-wrapper":"magritte-additional-content-wrapper___dpdp5_4-0-2","additionalContentWrapper":"magritte-additional-content-wrapper___dpdp5_4-0-2","additional-content-dimensions":"magritte-additional-content-dimensions___yEIwY_4-0-2","additionalContentDimensions":"magritte-additional-content-dimensions___yEIwY_4-0-2","horizontal-actions-container":"magritte-horizontal-actions-container___dKSH8_4-0-2","horizontalActionsContainer":"magritte-horizontal-actions-container___dKSH8_4-0-2","vertical-actions-container":"magritte-vertical-actions-container___j1toG_4-0-2","verticalActionsContainer":"magritte-vertical-actions-container___j1toG_4-0-2","progress-bar":"magritte-progress-bar___tSTjx_4-0-2","progressBar":"magritte-progress-bar___tSTjx_4-0-2"};
14
14
 
15
15
  const SCROLL_HANDLER_THROTTLE_MS = 50;
16
16
  const ActionBarComponent = forwardRef(({ type = 'horizontal', showDivider = 'with-scroll', showProgress = false, primaryActions, secondaryActions, additionalContent, padding, vertPadding, bottom = 0, isFixed = false, isSticky = false, onDomPositionReached, }, ref) => {
package/index.css CHANGED
@@ -4,136 +4,136 @@
4
4
  .magritte-night-theme{
5
5
  --magritte-color-background-body-v21-5-1:#000000;
6
6
  }
7
- .magritte-action-bar___Tkm7C_4-0-0{
7
+ .magritte-action-bar___Tkm7C_4-0-2{
8
8
  background-color:var(--magritte-ui-action-bar-background-color-override, var(--magritte-color-background-body-v21-5-1));
9
9
  }
10
- .magritte-action-bar-is-fixed___Zjqtf_4-0-0{
10
+ .magritte-action-bar-is-fixed___Zjqtf_4-0-2{
11
11
  position:fixed;
12
12
  bottom:0;
13
13
  left:0;
14
14
  width:100%;
15
15
  }
16
- .magritte-action-bar-is-sticky___q272C_4-0-0{
16
+ .magritte-action-bar-is-sticky___q272C_4-0-2{
17
17
  position:sticky;
18
18
  bottom:0;
19
19
  left:0;
20
20
  width:100vw;
21
21
  margin-left:calc(-50vw + 50%);
22
22
  }
23
- .magritte-action-bar-with-default-padding___QcKnA_4-0-0{
23
+ .magritte-action-bar-with-default-padding___QcKnA_4-0-2{
24
24
  padding:16px 0;
25
25
  }
26
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_4-0-0{
26
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_4-0-2{
27
27
  padding:16px;
28
28
  }
29
29
  @media (min-width: 600px){
30
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_4-0-0{
30
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_4-0-2{
31
31
  padding:16px 56px;
32
32
  }
33
33
  }
34
34
  @media (min-width: 1024px){
35
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_4-0-0{
35
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_4-0-2{
36
36
  margin:0 auto;
37
37
  padding:16px 0px;
38
38
  width:888px;
39
39
  }
40
40
  }
41
41
  @media (min-width: 1280px){
42
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_4-0-0{
42
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_4-0-2{
43
43
  width:1128px;
44
44
  }
45
45
  }
46
46
  @media (min-width: 1440px){
47
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_4-0-0{
47
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_4-0-2{
48
48
  width:1224px;
49
49
  }
50
50
  }
51
51
  @media (min-width: 1920px){
52
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_4-0-0{
52
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_4-0-2{
53
53
  width:1416px;
54
54
  }
55
55
  }
56
- body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_4-0-0{
56
+ body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_4-0-2{
57
57
  padding:15px;
58
58
  }
59
59
  @media (min-width: 700px){
60
- body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_4-0-0{
60
+ body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_4-0-2{
61
61
  margin:0 auto;
62
62
  width:610px;
63
63
  }
64
64
  }
65
65
  @media (min-width: 1020px){
66
- body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_4-0-0{
66
+ body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_4-0-2{
67
67
  width:930px;
68
68
  }
69
69
  }
70
70
  @media (min-width: 1340px){
71
- body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_4-0-0{
71
+ body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_4-0-2{
72
72
  width:1250px;
73
73
  }
74
74
  }
75
- .magritte-action-bar-with-progress-bar___mprqw_4-0-0{
75
+ .magritte-action-bar-with-progress-bar___mprqw_4-0-2{
76
76
  border-radius:8px 8px 0 0;
77
77
  }
78
- .magritte-actions-stack___12VkP_4-0-0{
78
+ .magritte-actions-stack___12VkP_4-0-2{
79
79
  display:flex;
80
80
  width:100%;
81
81
  }
82
- .magritte-actions-stack___12VkP_4-0-0.magritte-right-only-actions___84fc8_4-0-0{
82
+ .magritte-actions-stack___12VkP_4-0-2.magritte-right-only-actions___84fc8_4-0-2{
83
83
  justify-content:flex-end;
84
84
  }
85
- .magritte-actions-stack_auto___ayohg_4-0-0,
86
- .magritte-actions-stack_horizontal___p3HgB_4-0-0{
85
+ .magritte-actions-stack_auto___ayohg_4-0-2,
86
+ .magritte-actions-stack_horizontal___p3HgB_4-0-2{
87
87
  display:flex;
88
88
  flex-direction:row;
89
89
  justify-content:space-between;
90
90
  gap:24px;
91
91
  }
92
- .magritte-actions-stack_vertical___5UtzF_4-0-0{
92
+ .magritte-actions-stack_vertical___5UtzF_4-0-2{
93
93
  display:flex;
94
94
  flex-direction:column-reverse;
95
95
  gap:12px;
96
96
  }
97
- .magritte-actions-stack_vertical___5UtzF_4-0-0 .magritte-additional-content-container___N4Q-l_4-0-0{
97
+ .magritte-actions-stack_vertical___5UtzF_4-0-2 .magritte-additional-content-container___N4Q-l_4-0-2{
98
98
  order:2;
99
99
  }
100
- .magritte-actions-stack_vertical___5UtzF_4-0-0 .magritte-additional-content-overflow-wrapper___hpCEQ_4-0-0{
100
+ .magritte-actions-stack_vertical___5UtzF_4-0-2 .magritte-additional-content-overflow-wrapper___hpCEQ_4-0-2{
101
101
  position:static;
102
102
  }
103
- .magritte-additional-content-container___N4Q-l_4-0-0{
103
+ .magritte-additional-content-container___N4Q-l_4-0-2{
104
104
  display:flex;
105
105
  flex:1 1 100%;
106
106
  overflow:hidden;
107
107
  position:relative;
108
108
  }
109
- .magritte-additional-content-container___N4Q-l_4-0-0.magritte-additional-content-vertical___3Ba1i_4-0-0{
109
+ .magritte-additional-content-container___N4Q-l_4-0-2.magritte-additional-content-vertical___3Ba1i_4-0-2{
110
110
  margin-bottom:2px;
111
111
  }
112
- .magritte-additional-content-overflow-wrapper___hpCEQ_4-0-0{
112
+ .magritte-additional-content-overflow-wrapper___hpCEQ_4-0-2{
113
113
  position:absolute;
114
114
  inset:0;
115
115
  }
116
- .magritte-additional-content-wrapper___dpdp5_4-0-0{
116
+ .magritte-additional-content-wrapper___dpdp5_4-0-2{
117
117
  width:100%;
118
118
  }
119
- .magritte-additional-content-dimensions___yEIwY_4-0-0{
119
+ .magritte-additional-content-dimensions___yEIwY_4-0-2{
120
120
  display:flex;
121
121
  align-items:center;
122
122
  width:100%;
123
123
  min-height:100%;
124
124
  }
125
- .magritte-horizontal-actions-container___dKSH8_4-0-0{
125
+ .magritte-horizontal-actions-container___dKSH8_4-0-2{
126
126
  display:flex;
127
127
  flex:0 0 auto;
128
128
  gap:12px;
129
129
  align-items:center;
130
130
  }
131
- .magritte-vertical-actions-container___j1toG_4-0-0{
131
+ .magritte-vertical-actions-container___j1toG_4-0-2{
132
132
  display:flex;
133
133
  gap:12px;
134
134
  flex-direction:column-reverse;
135
135
  align-items:center;
136
136
  }
137
- .magritte-progress-bar___tSTjx_4-0-0{
137
+ .magritte-progress-bar___tSTjx_4-0-2{
138
138
  padding:4px 4px 0;
139
139
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-action-bar",
3
- "version": "4.0.0",
3
+ "version": "4.0.2",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -25,7 +25,7 @@
25
25
  "@hh.ru/magritte-internal-layer-name": "3.0.2",
26
26
  "@hh.ru/magritte-types": "5.0.4",
27
27
  "@hh.ru/magritte-ui-breakpoint": "5.0.3",
28
- "@hh.ru/magritte-ui-button": "5.3.14",
28
+ "@hh.ru/magritte-ui-button": "5.3.15",
29
29
  "@hh.ru/magritte-ui-divider": "1.1.54",
30
30
  "@hh.ru/magritte-ui-grid": "2.2.27",
31
31
  "@hh.ru/magritte-ui-layer": "3.0.2",
@@ -38,5 +38,5 @@
38
38
  "publishConfig": {
39
39
  "access": "public"
40
40
  },
41
- "gitHead": "d08b261a1577b55c328a597c7777cf445dc234cf"
41
+ "gitHead": "98345837f5a81196f61f757e9cc17ed0fc6f1c65"
42
42
  }