@hh.ru/magritte-ui-action-bar 5.0.13 → 5.0.14

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