@hh.ru/magritte-ui-action-bar 5.0.2 → 5.0.3

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 +32 -32
  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_5-0-2","actionBar":"magritte-action-bar___Tkm7C_5-0-2","action-bar-is-fixed":"magritte-action-bar-is-fixed___Zjqtf_5-0-2","actionBarIsFixed":"magritte-action-bar-is-fixed___Zjqtf_5-0-2","action-bar-is-sticky":"magritte-action-bar-is-sticky___q272C_5-0-2","actionBarIsSticky":"magritte-action-bar-is-sticky___q272C_5-0-2","action-bar-with-default-padding":"magritte-action-bar-with-default-padding___QcKnA_5-0-2","actionBarWithDefaultPadding":"magritte-action-bar-with-default-padding___QcKnA_5-0-2","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_5-0-2","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_5-0-2","actions-stack":"magritte-actions-stack___12VkP_5-0-2","actionsStack":"magritte-actions-stack___12VkP_5-0-2","right-only-actions":"magritte-right-only-actions___84fc8_5-0-2","rightOnlyActions":"magritte-right-only-actions___84fc8_5-0-2","actions-stack_auto":"magritte-actions-stack_auto___ayohg_5-0-2","actionsStackAuto":"magritte-actions-stack_auto___ayohg_5-0-2","actions-stack_horizontal":"magritte-actions-stack_horizontal___p3HgB_5-0-2","actionsStackHorizontal":"magritte-actions-stack_horizontal___p3HgB_5-0-2","actions-stack_vertical":"magritte-actions-stack_vertical___5UtzF_5-0-2","actionsStackVertical":"magritte-actions-stack_vertical___5UtzF_5-0-2","additional-content-container":"magritte-additional-content-container___N4Q-l_5-0-2","additionalContentContainer":"magritte-additional-content-container___N4Q-l_5-0-2","additional-content-overflow-wrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_5-0-2","additionalContentOverflowWrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_5-0-2","additional-content-vertical":"magritte-additional-content-vertical___3Ba1i_5-0-2","additionalContentVertical":"magritte-additional-content-vertical___3Ba1i_5-0-2","additional-content-wrapper":"magritte-additional-content-wrapper___dpdp5_5-0-2","additionalContentWrapper":"magritte-additional-content-wrapper___dpdp5_5-0-2","additional-content-dimensions":"magritte-additional-content-dimensions___yEIwY_5-0-2","additionalContentDimensions":"magritte-additional-content-dimensions___yEIwY_5-0-2","horizontal-actions-container":"magritte-horizontal-actions-container___dKSH8_5-0-2","horizontalActionsContainer":"magritte-horizontal-actions-container___dKSH8_5-0-2","vertical-actions-container":"magritte-vertical-actions-container___j1toG_5-0-2","verticalActionsContainer":"magritte-vertical-actions-container___j1toG_5-0-2","primary-actions":"magritte-primary-actions___jJlQv_5-0-2","primaryActions":"magritte-primary-actions___jJlQv_5-0-2","secondary-actions":"magritte-secondary-actions___A9JUv_5-0-2","secondaryActions":"magritte-secondary-actions___A9JUv_5-0-2","progress-bar":"magritte-progress-bar___tSTjx_5-0-2","progressBar":"magritte-progress-bar___tSTjx_5-0-2"};
13
+ var styles = {"action-bar":"magritte-action-bar___Tkm7C_5-0-3","actionBar":"magritte-action-bar___Tkm7C_5-0-3","action-bar-is-fixed":"magritte-action-bar-is-fixed___Zjqtf_5-0-3","actionBarIsFixed":"magritte-action-bar-is-fixed___Zjqtf_5-0-3","action-bar-is-sticky":"magritte-action-bar-is-sticky___q272C_5-0-3","actionBarIsSticky":"magritte-action-bar-is-sticky___q272C_5-0-3","action-bar-with-default-padding":"magritte-action-bar-with-default-padding___QcKnA_5-0-3","actionBarWithDefaultPadding":"magritte-action-bar-with-default-padding___QcKnA_5-0-3","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_5-0-3","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_5-0-3","actions-stack":"magritte-actions-stack___12VkP_5-0-3","actionsStack":"magritte-actions-stack___12VkP_5-0-3","right-only-actions":"magritte-right-only-actions___84fc8_5-0-3","rightOnlyActions":"magritte-right-only-actions___84fc8_5-0-3","actions-stack_auto":"magritte-actions-stack_auto___ayohg_5-0-3","actionsStackAuto":"magritte-actions-stack_auto___ayohg_5-0-3","actions-stack_horizontal":"magritte-actions-stack_horizontal___p3HgB_5-0-3","actionsStackHorizontal":"magritte-actions-stack_horizontal___p3HgB_5-0-3","actions-stack_vertical":"magritte-actions-stack_vertical___5UtzF_5-0-3","actionsStackVertical":"magritte-actions-stack_vertical___5UtzF_5-0-3","additional-content-container":"magritte-additional-content-container___N4Q-l_5-0-3","additionalContentContainer":"magritte-additional-content-container___N4Q-l_5-0-3","additional-content-overflow-wrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_5-0-3","additionalContentOverflowWrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_5-0-3","additional-content-vertical":"magritte-additional-content-vertical___3Ba1i_5-0-3","additionalContentVertical":"magritte-additional-content-vertical___3Ba1i_5-0-3","additional-content-wrapper":"magritte-additional-content-wrapper___dpdp5_5-0-3","additionalContentWrapper":"magritte-additional-content-wrapper___dpdp5_5-0-3","additional-content-dimensions":"magritte-additional-content-dimensions___yEIwY_5-0-3","additionalContentDimensions":"magritte-additional-content-dimensions___yEIwY_5-0-3","horizontal-actions-container":"magritte-horizontal-actions-container___dKSH8_5-0-3","horizontalActionsContainer":"magritte-horizontal-actions-container___dKSH8_5-0-3","vertical-actions-container":"magritte-vertical-actions-container___j1toG_5-0-3","verticalActionsContainer":"magritte-vertical-actions-container___j1toG_5-0-3","primary-actions":"magritte-primary-actions___jJlQv_5-0-3","primaryActions":"magritte-primary-actions___jJlQv_5-0-3","secondary-actions":"magritte-secondary-actions___A9JUv_5-0-3","secondaryActions":"magritte-secondary-actions___A9JUv_5-0-3","progress-bar":"magritte-progress-bar___tSTjx_5-0-3","progressBar":"magritte-progress-bar___tSTjx_5-0-3"};
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
@@ -9,141 +9,141 @@
9
9
  .magritte-zp-day-theme{
10
10
  --magritte-color-background-body-v23-1-0:#ffffff;
11
11
  }
12
- .magritte-action-bar___Tkm7C_5-0-2{
12
+ .magritte-action-bar___Tkm7C_5-0-3{
13
13
  background-color:var(--magritte-ui-action-bar-background-color-override, var(--magritte-color-background-body-v23-1-0));
14
14
  }
15
- .magritte-action-bar-is-fixed___Zjqtf_5-0-2{
15
+ .magritte-action-bar-is-fixed___Zjqtf_5-0-3{
16
16
  position:fixed;
17
17
  bottom:0;
18
18
  left:0;
19
19
  width:100%;
20
20
  }
21
- .magritte-action-bar-is-sticky___q272C_5-0-2{
21
+ .magritte-action-bar-is-sticky___q272C_5-0-3{
22
22
  position:sticky;
23
23
  bottom:0;
24
24
  left:0;
25
25
  width:100vw;
26
26
  margin-left:calc(-50vw + 50%);
27
27
  }
28
- .magritte-action-bar-with-default-padding___QcKnA_5-0-2{
28
+ .magritte-action-bar-with-default-padding___QcKnA_5-0-3{
29
29
  padding:16px 0;
30
30
  }
31
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-0-2{
31
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-0-3{
32
32
  padding:16px;
33
33
  }
34
34
  @media (min-width: 600px){
35
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-0-2{
35
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-0-3{
36
36
  padding:16px 56px;
37
37
  }
38
38
  }
39
39
  @media (min-width: 1024px){
40
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-0-2{
40
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-0-3{
41
41
  margin:0 auto;
42
42
  padding:16px 0px;
43
43
  width:888px;
44
44
  }
45
45
  }
46
46
  @media (min-width: 1280px){
47
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-0-2{
47
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-0-3{
48
48
  width:1128px;
49
49
  }
50
50
  }
51
51
  @media (min-width: 1440px){
52
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-0-2{
52
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-0-3{
53
53
  width:1224px;
54
54
  }
55
55
  }
56
56
  @media (min-width: 1920px){
57
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-0-2{
57
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-0-3{
58
58
  width:1416px;
59
59
  }
60
60
  }
61
- body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-0-2{
61
+ body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-0-3{
62
62
  padding:15px;
63
63
  }
64
64
  @media (min-width: 700px){
65
- body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-0-2{
65
+ body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-0-3{
66
66
  margin:0 auto;
67
67
  width:610px;
68
68
  }
69
69
  }
70
70
  @media (min-width: 1020px){
71
- body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-0-2{
71
+ body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-0-3{
72
72
  width:930px;
73
73
  }
74
74
  }
75
75
  @media (min-width: 1340px){
76
- body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-0-2{
76
+ body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-0-3{
77
77
  width:1250px;
78
78
  }
79
79
  }
80
- .magritte-action-bar-with-progress-bar___mprqw_5-0-2{
80
+ .magritte-action-bar-with-progress-bar___mprqw_5-0-3{
81
81
  border-radius:8px 8px 0 0;
82
82
  }
83
- .magritte-actions-stack___12VkP_5-0-2{
83
+ .magritte-actions-stack___12VkP_5-0-3{
84
84
  display:flex;
85
85
  width:100%;
86
86
  }
87
- .magritte-actions-stack___12VkP_5-0-2.magritte-right-only-actions___84fc8_5-0-2{
87
+ .magritte-actions-stack___12VkP_5-0-3.magritte-right-only-actions___84fc8_5-0-3{
88
88
  justify-content:flex-end;
89
89
  }
90
- .magritte-actions-stack_auto___ayohg_5-0-2,
91
- .magritte-actions-stack_horizontal___p3HgB_5-0-2{
90
+ .magritte-actions-stack_auto___ayohg_5-0-3,
91
+ .magritte-actions-stack_horizontal___p3HgB_5-0-3{
92
92
  display:flex;
93
93
  flex-direction:row;
94
94
  justify-content:space-between;
95
95
  gap:24px;
96
96
  }
97
- .magritte-actions-stack_vertical___5UtzF_5-0-2{
97
+ .magritte-actions-stack_vertical___5UtzF_5-0-3{
98
98
  display:flex;
99
99
  flex-direction:column-reverse;
100
100
  gap:12px;
101
101
  }
102
- .magritte-actions-stack_vertical___5UtzF_5-0-2 .magritte-additional-content-container___N4Q-l_5-0-2{
102
+ .magritte-actions-stack_vertical___5UtzF_5-0-3 .magritte-additional-content-container___N4Q-l_5-0-3{
103
103
  order:2;
104
104
  }
105
- .magritte-actions-stack_vertical___5UtzF_5-0-2 .magritte-additional-content-overflow-wrapper___hpCEQ_5-0-2{
105
+ .magritte-actions-stack_vertical___5UtzF_5-0-3 .magritte-additional-content-overflow-wrapper___hpCEQ_5-0-3{
106
106
  position:static;
107
107
  }
108
- .magritte-additional-content-container___N4Q-l_5-0-2{
108
+ .magritte-additional-content-container___N4Q-l_5-0-3{
109
109
  display:flex;
110
110
  flex:1 1 100%;
111
111
  overflow:hidden;
112
112
  position:relative;
113
113
  }
114
- .magritte-additional-content-container___N4Q-l_5-0-2.magritte-additional-content-vertical___3Ba1i_5-0-2{
114
+ .magritte-additional-content-container___N4Q-l_5-0-3.magritte-additional-content-vertical___3Ba1i_5-0-3{
115
115
  margin-bottom:2px;
116
116
  }
117
- .magritte-additional-content-overflow-wrapper___hpCEQ_5-0-2{
117
+ .magritte-additional-content-overflow-wrapper___hpCEQ_5-0-3{
118
118
  position:absolute;
119
119
  inset:0;
120
120
  }
121
- .magritte-additional-content-wrapper___dpdp5_5-0-2{
121
+ .magritte-additional-content-wrapper___dpdp5_5-0-3{
122
122
  width:100%;
123
123
  }
124
- .magritte-additional-content-dimensions___yEIwY_5-0-2{
124
+ .magritte-additional-content-dimensions___yEIwY_5-0-3{
125
125
  display:flex;
126
126
  align-items:center;
127
127
  width:100%;
128
128
  min-height:100%;
129
129
  }
130
- .magritte-horizontal-actions-container___dKSH8_5-0-2{
130
+ .magritte-horizontal-actions-container___dKSH8_5-0-3{
131
131
  display:flex;
132
132
  flex:0 0 auto;
133
133
  gap:12px;
134
134
  align-items:center;
135
135
  }
136
- .magritte-vertical-actions-container___j1toG_5-0-2{
136
+ .magritte-vertical-actions-container___j1toG_5-0-3{
137
137
  display:flex;
138
138
  gap:12px;
139
139
  align-items:center;
140
140
  }
141
- .magritte-vertical-actions-container___j1toG_5-0-2.magritte-primary-actions___jJlQv_5-0-2{
141
+ .magritte-vertical-actions-container___j1toG_5-0-3.magritte-primary-actions___jJlQv_5-0-3{
142
142
  flex-direction:column-reverse;
143
143
  }
144
- .magritte-vertical-actions-container___j1toG_5-0-2.magritte-secondary-actions___A9JUv_5-0-2{
144
+ .magritte-vertical-actions-container___j1toG_5-0-3.magritte-secondary-actions___A9JUv_5-0-3{
145
145
  flex-direction:column;
146
146
  }
147
- .magritte-progress-bar___tSTjx_5-0-2{
147
+ .magritte-progress-bar___tSTjx_5-0-3{
148
148
  padding:4px 4px 0;
149
149
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-action-bar",
3
- "version": "5.0.2",
3
+ "version": "5.0.3",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -26,7 +26,7 @@
26
26
  "@hh.ru/magritte-types": "5.0.4",
27
27
  "@hh.ru/magritte-ui-breakpoint": "6.0.0",
28
28
  "@hh.ru/magritte-ui-button": "6.0.6",
29
- "@hh.ru/magritte-ui-divider": "3.0.2",
29
+ "@hh.ru/magritte-ui-divider": "3.0.3",
30
30
  "@hh.ru/magritte-ui-grid": "2.2.32",
31
31
  "@hh.ru/magritte-ui-layer": "3.0.2",
32
32
  "@hh.ru/magritte-ui-mock-component": "1.1.4"
@@ -38,5 +38,5 @@
38
38
  "publishConfig": {
39
39
  "access": "public"
40
40
  },
41
- "gitHead": "f1e6a608c514004dd630ed30df64145e42f8f010"
41
+ "gitHead": "0da6bd6d9f0cfa50c0c09ccd6f180c2f03167609"
42
42
  }