@hh.ru/magritte-ui-action-bar 4.0.11 → 4.0.12

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