@hh.ru/magritte-ui-action-bar 5.3.6 → 5.3.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 (4) hide show
  1. package/ActionBar.js +1 -1
  2. package/ActionBarViewportAdapter.js +1 -1
  3. package/index.css +33 -33
  4. 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_5-3-6","actionBar":"magritte-action-bar___Tkm7C_5-3-6","action-bar-is-fixed":"magritte-action-bar-is-fixed___Zjqtf_5-3-6","actionBarIsFixed":"magritte-action-bar-is-fixed___Zjqtf_5-3-6","action-bar-is-sticky":"magritte-action-bar-is-sticky___q272C_5-3-6","actionBarIsSticky":"magritte-action-bar-is-sticky___q272C_5-3-6","action-bar-with-default-padding":"magritte-action-bar-with-default-padding___QcKnA_5-3-6","actionBarWithDefaultPadding":"magritte-action-bar-with-default-padding___QcKnA_5-3-6","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_5-3-6","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_5-3-6","actions-stack":"magritte-actions-stack___12VkP_5-3-6","actionsStack":"magritte-actions-stack___12VkP_5-3-6","right-only-actions":"magritte-right-only-actions___84fc8_5-3-6","rightOnlyActions":"magritte-right-only-actions___84fc8_5-3-6","actions-stack_horizontal":"magritte-actions-stack_horizontal___p3HgB_5-3-6","actionsStackHorizontal":"magritte-actions-stack_horizontal___p3HgB_5-3-6","actions-stack_vertical":"magritte-actions-stack_vertical___5UtzF_5-3-6","actionsStackVertical":"magritte-actions-stack_vertical___5UtzF_5-3-6","additional-content-overflow-wrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_5-3-6","additionalContentOverflowWrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_5-3-6","additional-content-container":"magritte-additional-content-container___N4Q-l_5-3-6","additionalContentContainer":"magritte-additional-content-container___N4Q-l_5-3-6","additional-content-vertical":"magritte-additional-content-vertical___3Ba1i_5-3-6","additionalContentVertical":"magritte-additional-content-vertical___3Ba1i_5-3-6","additional-content-wrapper":"magritte-additional-content-wrapper___dpdp5_5-3-6","additionalContentWrapper":"magritte-additional-content-wrapper___dpdp5_5-3-6","additional-content-dimensions":"magritte-additional-content-dimensions___yEIwY_5-3-6","additionalContentDimensions":"magritte-additional-content-dimensions___yEIwY_5-3-6","horizontal-actions-container":"magritte-horizontal-actions-container___dKSH8_5-3-6","horizontalActionsContainer":"magritte-horizontal-actions-container___dKSH8_5-3-6","vertical-actions-container":"magritte-vertical-actions-container___j1toG_5-3-6","verticalActionsContainer":"magritte-vertical-actions-container___j1toG_5-3-6","reverse":"magritte-reverse___mFIgd_5-3-6","progress-bar":"magritte-progress-bar___tSTjx_5-3-6","progressBar":"magritte-progress-bar___tSTjx_5-3-6"};
13
+ var styles = {"action-bar":"magritte-action-bar___Tkm7C_5-3-8","actionBar":"magritte-action-bar___Tkm7C_5-3-8","action-bar-is-fixed":"magritte-action-bar-is-fixed___Zjqtf_5-3-8","actionBarIsFixed":"magritte-action-bar-is-fixed___Zjqtf_5-3-8","action-bar-is-sticky":"magritte-action-bar-is-sticky___q272C_5-3-8","actionBarIsSticky":"magritte-action-bar-is-sticky___q272C_5-3-8","action-bar-with-default-padding":"magritte-action-bar-with-default-padding___QcKnA_5-3-8","actionBarWithDefaultPadding":"magritte-action-bar-with-default-padding___QcKnA_5-3-8","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_5-3-8","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_5-3-8","actions-stack":"magritte-actions-stack___12VkP_5-3-8","actionsStack":"magritte-actions-stack___12VkP_5-3-8","right-only-actions":"magritte-right-only-actions___84fc8_5-3-8","rightOnlyActions":"magritte-right-only-actions___84fc8_5-3-8","actions-stack_horizontal":"magritte-actions-stack_horizontal___p3HgB_5-3-8","actionsStackHorizontal":"magritte-actions-stack_horizontal___p3HgB_5-3-8","actions-stack_vertical":"magritte-actions-stack_vertical___5UtzF_5-3-8","actionsStackVertical":"magritte-actions-stack_vertical___5UtzF_5-3-8","additional-content-overflow-wrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_5-3-8","additionalContentOverflowWrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_5-3-8","additional-content-container":"magritte-additional-content-container___N4Q-l_5-3-8","additionalContentContainer":"magritte-additional-content-container___N4Q-l_5-3-8","additional-content-vertical":"magritte-additional-content-vertical___3Ba1i_5-3-8","additionalContentVertical":"magritte-additional-content-vertical___3Ba1i_5-3-8","additional-content-wrapper":"magritte-additional-content-wrapper___dpdp5_5-3-8","additionalContentWrapper":"magritte-additional-content-wrapper___dpdp5_5-3-8","additional-content-dimensions":"magritte-additional-content-dimensions___yEIwY_5-3-8","additionalContentDimensions":"magritte-additional-content-dimensions___yEIwY_5-3-8","horizontal-actions-container":"magritte-horizontal-actions-container___dKSH8_5-3-8","horizontalActionsContainer":"magritte-horizontal-actions-container___dKSH8_5-3-8","vertical-actions-container":"magritte-vertical-actions-container___j1toG_5-3-8","verticalActionsContainer":"magritte-vertical-actions-container___j1toG_5-3-8","reverse":"magritte-reverse___mFIgd_5-3-8","progress-bar":"magritte-progress-bar___tSTjx_5-3-8","progressBar":"magritte-progress-bar___tSTjx_5-3-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, className, }, ref) => {
package/ActionBarViewportAdapter.js CHANGED
@@ -5,7 +5,7 @@ import { getScrollbarWidth } from '@hh.ru/magritte-common-modal-helper';
5
5
  import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
6
6
  import { isActionBarComponent } from './types.js';
7
7
 
8
- var styles = {"action-bar-viewport-adapter":"magritte-action-bar-viewport-adapter___yKxEe_5-3-6","actionBarViewportAdapter":"magritte-action-bar-viewport-adapter___yKxEe_5-3-6"};
8
+ var styles = {"action-bar-viewport-adapter":"magritte-action-bar-viewport-adapter___yKxEe_5-3-8","actionBarViewportAdapter":"magritte-action-bar-viewport-adapter___yKxEe_5-3-8"};
9
9
 
10
10
  const ActionBarViewportAdapter = ({ children }) => {
11
11
  const isActionBarIntoChildren = isActionBarComponent(children);
package/index.css CHANGED
@@ -1,145 +1,145 @@
1
1
  :root{
2
- --magritte-color-background-body-v24-4-1:#ffffff;
2
+ --magritte-color-background-body-v24-5-0:#ffffff;
3
3
  }
4
4
 
5
5
  .magritte-night-theme{
6
- --magritte-color-background-body-v24-4-1:#000000;
6
+ --magritte-color-background-body-v24-5-0:#000000;
7
7
  }
8
- .magritte-action-bar___Tkm7C_5-3-6{
8
+ .magritte-action-bar___Tkm7C_5-3-8{
9
9
  --magritte-ui-action-bar-scroll-width:0;
10
- background-color:var(--magritte-ui-action-bar-background-color-override, var(--magritte-ui-container-background-color-override, var(--magritte-color-background-body-v24-4-1)));
10
+ background-color:var(--magritte-ui-action-bar-background-color-override, var(--magritte-ui-container-background-color-override, var(--magritte-color-background-body-v24-5-0)));
11
11
  }
12
- .magritte-action-bar-is-fixed___Zjqtf_5-3-6{
12
+ .magritte-action-bar-is-fixed___Zjqtf_5-3-8{
13
13
  position:fixed;
14
14
  bottom:0;
15
15
  left:0;
16
16
  width:100%;
17
17
  }
18
- .magritte-action-bar-is-sticky___q272C_5-3-6{
18
+ .magritte-action-bar-is-sticky___q272C_5-3-8{
19
19
  position:sticky;
20
20
  bottom:0;
21
21
  left:0;
22
22
  width:100%;
23
23
  margin-left:calc(-50vw + 50%);
24
24
  }
25
- .magritte-action-bar-with-default-padding___QcKnA_5-3-6{
25
+ .magritte-action-bar-with-default-padding___QcKnA_5-3-8{
26
26
  padding:16px 0;
27
27
  }
28
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-3-6{
28
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-3-8{
29
29
  padding:16px;
30
30
  }
31
31
  @media (min-width: 600px){
32
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-3-6{
32
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-3-8{
33
33
  padding:16px 56px;
34
34
  }
35
35
  }
36
36
  @media (min-width: 1024px){
37
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-3-6{
37
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-3-8{
38
38
  margin:0 auto;
39
39
  padding:16px 0px;
40
40
  width:984px;
41
41
  }
42
42
  }
43
43
  @media (min-width: 1280px){
44
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-3-6{
44
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-3-8{
45
45
  width:1200px;
46
46
  }
47
47
  }
48
48
  @media (min-width: 1440px){
49
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-3-6{
49
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-3-8{
50
50
  width:1272px;
51
51
  }
52
52
  }
53
53
  @media (min-width: 1920px){
54
- body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-3-6{
54
+ body:not(.magritte-old-layout) .magritte-action-bar-with-default-padding___QcKnA_5-3-8{
55
55
  width:1416px;
56
56
  }
57
57
  }
58
- body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-3-6{
58
+ body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-3-8{
59
59
  padding:15px;
60
60
  }
61
61
  @media (min-width: 700px){
62
- body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-3-6{
62
+ body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-3-8{
63
63
  margin:0 auto;
64
64
  width:610px;
65
65
  }
66
66
  }
67
67
  @media (min-width: 1020px){
68
- body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-3-6{
68
+ body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-3-8{
69
69
  width:930px;
70
70
  }
71
71
  }
72
72
  @media (min-width: 1340px){
73
- body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-3-6{
73
+ body.magritte-old-layout .magritte-action-bar-with-default-padding___QcKnA_5-3-8{
74
74
  width:1250px;
75
75
  }
76
76
  }
77
- .magritte-action-bar-with-progress-bar___mprqw_5-3-6{
77
+ .magritte-action-bar-with-progress-bar___mprqw_5-3-8{
78
78
  border-radius:8px 8px 0 0;
79
79
  }
80
- .magritte-actions-stack___12VkP_5-3-6{
80
+ .magritte-actions-stack___12VkP_5-3-8{
81
81
  display:flex;
82
82
  width:100%;
83
83
  }
84
- .magritte-actions-stack___12VkP_5-3-6.magritte-right-only-actions___84fc8_5-3-6{
84
+ .magritte-actions-stack___12VkP_5-3-8.magritte-right-only-actions___84fc8_5-3-8{
85
85
  justify-content:flex-end;
86
86
  }
87
- .magritte-actions-stack_horizontal___p3HgB_5-3-6{
87
+ .magritte-actions-stack_horizontal___p3HgB_5-3-8{
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-3-6{
93
+ .magritte-actions-stack_vertical___5UtzF_5-3-8{
94
94
  display:flex;
95
95
  flex-direction:column;
96
96
  gap:12px;
97
97
  }
98
- .magritte-actions-stack_vertical___5UtzF_5-3-6 .magritte-additional-content-overflow-wrapper___hpCEQ_5-3-6{
98
+ .magritte-actions-stack_vertical___5UtzF_5-3-8 .magritte-additional-content-overflow-wrapper___hpCEQ_5-3-8{
99
99
  position:static;
100
100
  }
101
- .magritte-additional-content-container___N4Q-l_5-3-6{
101
+ .magritte-additional-content-container___N4Q-l_5-3-8{
102
102
  display:flex;
103
103
  flex:1 1 100%;
104
104
  overflow:hidden;
105
105
  position:relative;
106
106
  }
107
- .magritte-additional-content-container___N4Q-l_5-3-6.magritte-additional-content-vertical___3Ba1i_5-3-6{
107
+ .magritte-additional-content-container___N4Q-l_5-3-8.magritte-additional-content-vertical___3Ba1i_5-3-8{
108
108
  margin-bottom:2px;
109
109
  }
110
- .magritte-additional-content-overflow-wrapper___hpCEQ_5-3-6{
110
+ .magritte-additional-content-overflow-wrapper___hpCEQ_5-3-8{
111
111
  position:absolute;
112
112
  inset:0;
113
113
  }
114
- .magritte-additional-content-wrapper___dpdp5_5-3-6{
114
+ .magritte-additional-content-wrapper___dpdp5_5-3-8{
115
115
  width:100%;
116
116
  }
117
- .magritte-additional-content-dimensions___yEIwY_5-3-6{
117
+ .magritte-additional-content-dimensions___yEIwY_5-3-8{
118
118
  display:flex;
119
119
  align-items:center;
120
120
  width:100%;
121
121
  min-height:100%;
122
122
  }
123
- .magritte-horizontal-actions-container___dKSH8_5-3-6{
123
+ .magritte-horizontal-actions-container___dKSH8_5-3-8{
124
124
  display:flex;
125
125
  flex:0 0 auto;
126
126
  gap:12px;
127
127
  align-items:center;
128
128
  }
129
- .magritte-vertical-actions-container___j1toG_5-3-6{
129
+ .magritte-vertical-actions-container___j1toG_5-3-8{
130
130
  display:flex;
131
131
  flex-direction:column;
132
132
  gap:12px;
133
133
  align-items:center;
134
134
  }
135
- .magritte-vertical-actions-container___j1toG_5-3-6.magritte-reverse___mFIgd_5-3-6{
135
+ .magritte-vertical-actions-container___j1toG_5-3-8.magritte-reverse___mFIgd_5-3-8{
136
136
  flex-direction:column-reverse;
137
137
  }
138
- .magritte-progress-bar___tSTjx_5-3-6{
138
+ .magritte-progress-bar___tSTjx_5-3-8{
139
139
  padding:4px 4px 0;
140
140
  }
141
141
 
142
- .magritte-action-bar-viewport-adapter___yKxEe_5-3-6{
142
+ .magritte-action-bar-viewport-adapter___yKxEe_5-3-8{
143
143
  width:calc(100vw - var(--magritte-ui-action-bar-scroll-width));
144
144
  margin-left:calc(-50vw + 50% + var(--magritte-ui-action-bar-scroll-width) / 2);
145
145
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-action-bar",
3
- "version": "5.3.6",
3
+ "version": "5.3.8",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -22,13 +22,13 @@
22
22
  "@hh.ru/magritte-common-func-utils": "1.3.15",
23
23
  "@hh.ru/magritte-common-modal-helper": "1.3.1",
24
24
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
25
- "@hh.ru/magritte-design-tokens": "24.4.1",
25
+ "@hh.ru/magritte-design-tokens": "24.5.0",
26
26
  "@hh.ru/magritte-internal-layer-name": "3.4.1",
27
27
  "@hh.ru/magritte-types": "5.0.6",
28
28
  "@hh.ru/magritte-ui-breakpoint": "6.0.8",
29
- "@hh.ru/magritte-ui-button": "7.1.6",
30
- "@hh.ru/magritte-ui-divider": "3.0.17",
31
- "@hh.ru/magritte-ui-grid": "3.0.0",
29
+ "@hh.ru/magritte-ui-button": "7.1.8",
30
+ "@hh.ru/magritte-ui-divider": "3.0.19",
31
+ "@hh.ru/magritte-ui-grid": "3.0.2",
32
32
  "@hh.ru/magritte-ui-layer": "3.2.2",
33
33
  "@hh.ru/magritte-ui-mock-component": "1.1.7"
34
34
  },
@@ -39,5 +39,5 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "9a088ded46caac9429f3e9fadaf055300b36990e"
42
+ "gitHead": "0d147efb00e0803c03ee0ac99525211ce44788e1"
43
43
  }