@hh.ru/magritte-ui-action-bar 4.0.7 → 4.0.8

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