@hh.ru/magritte-ui-action-bar 5.0.4 → 5.0.6

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