@hh.ru/magritte-ui-action-bar 2.2.8 → 2.2.10

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 +572 -40
  3. package/package.json +4 -4
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-fixed":"magritte-action-bar-fixed___Ts-0i_2-2-8","actionBarFixed":"magritte-action-bar-fixed___Ts-0i_2-2-8","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_2-2-8","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_2-2-8","progress-bar":"magritte-progress-bar___tSTjx_2-2-8","progressBar":"magritte-progress-bar___tSTjx_2-2-8","actions-wrapper_mobile":"magritte-actions-wrapper_mobile___DWgfU_2-2-8","actionsWrapperMobile":"magritte-actions-wrapper_mobile___DWgfU_2-2-8","actions-wrapper_modal":"magritte-actions-wrapper_modal___aQs2b_2-2-8","actionsWrapperModal":"magritte-actions-wrapper_modal___aQs2b_2-2-8","actions-wrapper_modal-vertical":"magritte-actions-wrapper_modal-vertical___eQt6U_2-2-8","actionsWrapperModalVertical":"magritte-actions-wrapper_modal-vertical___eQt6U_2-2-8","actions-wrapper_page":"magritte-actions-wrapper_page___NuaNO_2-2-8","actionsWrapperPage":"magritte-actions-wrapper_page___NuaNO_2-2-8","actions-stack":"magritte-actions-stack___12VkP_2-2-8","actionsStack":"magritte-actions-stack___12VkP_2-2-8","right-only-actions":"magritte-right-only-actions___84fc8_2-2-8","rightOnlyActions":"magritte-right-only-actions___84fc8_2-2-8","actions-stack-vertical-on-mobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-2-8","actionsStackVerticalOnMobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-2-8","actions-stack-vertical-on-page-xs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-8","actionsStackVerticalOnPageXs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-8","additional-content-container":"magritte-additional-content-container___N4Q-l_2-2-8","additionalContentContainer":"magritte-additional-content-container___N4Q-l_2-2-8","additional-content-mobile":"magritte-additional-content-mobile___nbfvk_2-2-8","additionalContentMobile":"magritte-additional-content-mobile___nbfvk_2-2-8","additional-content-overflow-wrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_2-2-8","additionalContentOverflowWrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_2-2-8","additional-content-wrapper":"magritte-additional-content-wrapper___dpdp5_2-2-8","additionalContentWrapper":"magritte-additional-content-wrapper___dpdp5_2-2-8","actions-stack-horizontal-on-gt-xs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-8","actionsStackHorizontalOnGtXs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-8","horizontal-actions-container":"magritte-horizontal-actions-container___dKSH8_2-2-8","horizontalActionsContainer":"magritte-horizontal-actions-container___dKSH8_2-2-8","vertical-actions-container":"magritte-vertical-actions-container___j1toG_2-2-8","verticalActionsContainer":"magritte-vertical-actions-container___j1toG_2-2-8","actions-stack-modal":"magritte-actions-stack-modal___LzxwQ_2-2-8","actionsStackModal":"magritte-actions-stack-modal___LzxwQ_2-2-8","actions-stack-modal-vertical":"magritte-actions-stack-modal-vertical___93z-V_2-2-8","actionsStackModalVertical":"magritte-actions-stack-modal-vertical___93z-V_2-2-8","actions-stack-wrapper":"magritte-actions-stack-wrapper___OKREs_2-2-8","actionsStackWrapper":"magritte-actions-stack-wrapper___OKREs_2-2-8","additional-content-dimensions":"magritte-additional-content-dimensions___yEIwY_2-2-8","additionalContentDimensions":"magritte-additional-content-dimensions___yEIwY_2-2-8"};
13
+ var styles = {"action-bar-fixed":"magritte-action-bar-fixed___Ts-0i_2-2-10","actionBarFixed":"magritte-action-bar-fixed___Ts-0i_2-2-10","action-bar-with-progress-bar":"magritte-action-bar-with-progress-bar___mprqw_2-2-10","actionBarWithProgressBar":"magritte-action-bar-with-progress-bar___mprqw_2-2-10","progress-bar":"magritte-progress-bar___tSTjx_2-2-10","progressBar":"magritte-progress-bar___tSTjx_2-2-10","actions-wrapper_mobile":"magritte-actions-wrapper_mobile___DWgfU_2-2-10","actionsWrapperMobile":"magritte-actions-wrapper_mobile___DWgfU_2-2-10","actions-wrapper_modal":"magritte-actions-wrapper_modal___aQs2b_2-2-10","actionsWrapperModal":"magritte-actions-wrapper_modal___aQs2b_2-2-10","actions-wrapper_modal-vertical":"magritte-actions-wrapper_modal-vertical___eQt6U_2-2-10","actionsWrapperModalVertical":"magritte-actions-wrapper_modal-vertical___eQt6U_2-2-10","actions-wrapper_page":"magritte-actions-wrapper_page___NuaNO_2-2-10","actionsWrapperPage":"magritte-actions-wrapper_page___NuaNO_2-2-10","actions-stack":"magritte-actions-stack___12VkP_2-2-10","actionsStack":"magritte-actions-stack___12VkP_2-2-10","right-only-actions":"magritte-right-only-actions___84fc8_2-2-10","rightOnlyActions":"magritte-right-only-actions___84fc8_2-2-10","actions-stack-vertical-on-mobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-2-10","actionsStackVerticalOnMobile":"magritte-actions-stack-vertical-on-mobile___82xhC_2-2-10","actions-stack-vertical-on-page-xs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-10","actionsStackVerticalOnPageXs":"magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-10","additional-content-container":"magritte-additional-content-container___N4Q-l_2-2-10","additionalContentContainer":"magritte-additional-content-container___N4Q-l_2-2-10","additional-content-mobile":"magritte-additional-content-mobile___nbfvk_2-2-10","additionalContentMobile":"magritte-additional-content-mobile___nbfvk_2-2-10","additional-content-overflow-wrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_2-2-10","additionalContentOverflowWrapper":"magritte-additional-content-overflow-wrapper___hpCEQ_2-2-10","additional-content-wrapper":"magritte-additional-content-wrapper___dpdp5_2-2-10","additionalContentWrapper":"magritte-additional-content-wrapper___dpdp5_2-2-10","actions-stack-horizontal-on-gt-xs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-10","actionsStackHorizontalOnGtXs":"magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-10","horizontal-actions-container":"magritte-horizontal-actions-container___dKSH8_2-2-10","horizontalActionsContainer":"magritte-horizontal-actions-container___dKSH8_2-2-10","vertical-actions-container":"magritte-vertical-actions-container___j1toG_2-2-10","verticalActionsContainer":"magritte-vertical-actions-container___j1toG_2-2-10","actions-stack-modal":"magritte-actions-stack-modal___LzxwQ_2-2-10","actionsStackModal":"magritte-actions-stack-modal___LzxwQ_2-2-10","actions-stack-modal-vertical":"magritte-actions-stack-modal-vertical___93z-V_2-2-10","actionsStackModalVertical":"magritte-actions-stack-modal-vertical___93z-V_2-2-10","actions-stack-wrapper":"magritte-actions-stack-wrapper___OKREs_2-2-10","actionsStackWrapper":"magritte-actions-stack-wrapper___OKREs_2-2-10","additional-content-dimensions":"magritte-additional-content-dimensions___yEIwY_2-2-10","additionalContentDimensions":"magritte-additional-content-dimensions___yEIwY_2-2-10"};
14
14
 
15
15
  const SCROLL_HANDLER_THROTTLE_MS = 50;
16
16
  const ActionBar = ({ type = 'page', showDivider, showProgress = false, primaryActions, secondaryActions, additionalContent, wrapperRef, }) => {
package/index.css CHANGED
@@ -1,122 +1,654 @@
1
1
  :root{
2
- --magritte-color-background-primary-v19-1-2:#ffffff;
2
+ --magritte-color-background-primary-v20-0-1:#ffffff;
3
3
  }
4
- .magritte-night-theme{
5
- --magritte-color-background-primary-v19-1-2:#1B1B1B;
4
+ :root{
5
+ --magritte-typography-title-1-semibold-font-family-v20-0-1:"hh sans";
6
+ --magritte-typography-title-1-semibold-font-weight-v20-0-1:500;
7
+ --magritte-typography-title-1-semibold-line-height-v20-0-1:60px;
8
+ --magritte-typography-title-1-semibold-font-size-v20-0-1:48px;
9
+ --magritte-typography-title-1-semibold-letter-spacing-v20-0-1:-0.02em;
10
+ --magritte-typography-title-1-semibold-text-indent-v20-0-1:0px;
11
+ --magritte-typography-title-1-semibold-text-transform-v20-0-1:none;
12
+ --magritte-typography-title-1-semibold-text-decoration-v20-0-1:none;
13
+ --magritte-typography-title-2-semibold-font-family-v20-0-1:"hh sans";
14
+ --magritte-typography-title-2-semibold-font-weight-v20-0-1:500;
15
+ --magritte-typography-title-2-semibold-line-height-v20-0-1:48px;
16
+ --magritte-typography-title-2-semibold-font-size-v20-0-1:36px;
17
+ --magritte-typography-title-2-semibold-letter-spacing-v20-0-1:-0.0175em;
18
+ --magritte-typography-title-2-semibold-text-indent-v20-0-1:0px;
19
+ --magritte-typography-title-2-semibold-text-transform-v20-0-1:none;
20
+ --magritte-typography-title-2-semibold-text-decoration-v20-0-1:none;
21
+ --magritte-typography-title-3-semibold-font-family-v20-0-1:"hh sans";
22
+ --magritte-typography-title-3-semibold-font-weight-v20-0-1:500;
23
+ --magritte-typography-title-3-semibold-line-height-v20-0-1:40px;
24
+ --magritte-typography-title-3-semibold-font-size-v20-0-1:28px;
25
+ --magritte-typography-title-3-semibold-letter-spacing-v20-0-1:-0.0125em;
26
+ --magritte-typography-title-3-semibold-text-indent-v20-0-1:0px;
27
+ --magritte-typography-title-3-semibold-text-transform-v20-0-1:none;
28
+ --magritte-typography-title-3-semibold-text-decoration-v20-0-1:none;
29
+ --magritte-typography-title-4-semibold-font-family-v20-0-1:"hh sans";
30
+ --magritte-typography-title-4-semibold-font-weight-v20-0-1:500;
31
+ --magritte-typography-title-4-semibold-line-height-v20-0-1:32px;
32
+ --magritte-typography-title-4-semibold-font-size-v20-0-1:22px;
33
+ --magritte-typography-title-4-semibold-letter-spacing-v20-0-1:-0.0075em;
34
+ --magritte-typography-title-4-semibold-text-indent-v20-0-1:0px;
35
+ --magritte-typography-title-4-semibold-text-transform-v20-0-1:none;
36
+ --magritte-typography-title-4-semibold-text-decoration-v20-0-1:none;
37
+ --magritte-typography-title-5-semibold-font-family-v20-0-1:"hh sans";
38
+ --magritte-typography-title-5-semibold-font-weight-v20-0-1:500;
39
+ --magritte-typography-title-5-semibold-line-height-v20-0-1:26px;
40
+ --magritte-typography-title-5-semibold-font-size-v20-0-1:18px;
41
+ --magritte-typography-title-5-semibold-letter-spacing-v20-0-1:0em;
42
+ --magritte-typography-title-5-semibold-text-indent-v20-0-1:0px;
43
+ --magritte-typography-title-5-semibold-text-transform-v20-0-1:none;
44
+ --magritte-typography-title-5-semibold-text-decoration-v20-0-1:none;
45
+ --magritte-typography-subtitle-1-semibold-font-family-v20-0-1:"hh sans";
46
+ --magritte-typography-subtitle-1-semibold-font-weight-v20-0-1:500;
47
+ --magritte-typography-subtitle-1-semibold-line-height-v20-0-1:22px;
48
+ --magritte-typography-subtitle-1-semibold-font-size-v20-0-1:16px;
49
+ --magritte-typography-subtitle-1-semibold-letter-spacing-v20-0-1:0em;
50
+ --magritte-typography-subtitle-1-semibold-text-indent-v20-0-1:0px;
51
+ --magritte-typography-subtitle-1-semibold-text-transform-v20-0-1:none;
52
+ --magritte-typography-subtitle-1-semibold-text-decoration-v20-0-1:none;
53
+ --magritte-typography-subtitle-2-semibold-font-family-v20-0-1:"hh sans";
54
+ --magritte-typography-subtitle-2-semibold-font-weight-v20-0-1:500;
55
+ --magritte-typography-subtitle-2-semibold-line-height-v20-0-1:20px;
56
+ --magritte-typography-subtitle-2-semibold-font-size-v20-0-1:14px;
57
+ --magritte-typography-subtitle-2-semibold-letter-spacing-v20-0-1:0.005em;
58
+ --magritte-typography-subtitle-2-semibold-text-indent-v20-0-1:0px;
59
+ --magritte-typography-subtitle-2-semibold-text-transform-v20-0-1:none;
60
+ --magritte-typography-subtitle-2-semibold-text-decoration-v20-0-1:none;
61
+ --magritte-typography-subtitle-3-semibold-font-family-v20-0-1:"hh sans";
62
+ --magritte-typography-subtitle-3-semibold-font-weight-v20-0-1:500;
63
+ --magritte-typography-subtitle-3-semibold-line-height-v20-0-1:18px;
64
+ --magritte-typography-subtitle-3-semibold-font-size-v20-0-1:12px;
65
+ --magritte-typography-subtitle-3-semibold-letter-spacing-v20-0-1:0.01em;
66
+ --magritte-typography-subtitle-3-semibold-text-indent-v20-0-1:0px;
67
+ --magritte-typography-subtitle-3-semibold-text-transform-v20-0-1:none;
68
+ --magritte-typography-subtitle-3-semibold-text-decoration-v20-0-1:none;
69
+ --magritte-typography-subtitle-4-semibold-font-family-v20-0-1:"hh sans";
70
+ --magritte-typography-subtitle-4-semibold-font-weight-v20-0-1:500;
71
+ --magritte-typography-subtitle-4-semibold-line-height-v20-0-1:16px;
72
+ --magritte-typography-subtitle-4-semibold-font-size-v20-0-1:10px;
73
+ --magritte-typography-subtitle-4-semibold-letter-spacing-v20-0-1:0.015em;
74
+ --magritte-typography-subtitle-4-semibold-text-indent-v20-0-1:0px;
75
+ --magritte-typography-subtitle-4-semibold-text-transform-v20-0-1:none;
76
+ --magritte-typography-subtitle-4-semibold-text-decoration-v20-0-1:none;
77
+ --magritte-typography-label-1-regular-font-family-v20-0-1:"hh sans";
78
+ --magritte-typography-label-1-regular-font-weight-v20-0-1:400;
79
+ --magritte-typography-label-1-regular-line-height-v20-0-1:26px;
80
+ --magritte-typography-label-1-regular-font-size-v20-0-1:18px;
81
+ --magritte-typography-label-1-regular-letter-spacing-v20-0-1:-0.005em;
82
+ --magritte-typography-label-1-regular-text-indent-v20-0-1:0px;
83
+ --magritte-typography-label-1-regular-text-transform-v20-0-1:none;
84
+ --magritte-typography-label-1-regular-text-decoration-v20-0-1:none;
85
+ --magritte-typography-label-2-regular-font-family-v20-0-1:"hh sans";
86
+ --magritte-typography-label-2-regular-font-weight-v20-0-1:400;
87
+ --magritte-typography-label-2-regular-line-height-v20-0-1:22px;
88
+ --magritte-typography-label-2-regular-font-size-v20-0-1:16px;
89
+ --magritte-typography-label-2-regular-letter-spacing-v20-0-1:0em;
90
+ --magritte-typography-label-2-regular-text-indent-v20-0-1:0px;
91
+ --magritte-typography-label-2-regular-text-transform-v20-0-1:none;
92
+ --magritte-typography-label-2-regular-text-decoration-v20-0-1:none;
93
+ --magritte-typography-label-3-regular-font-family-v20-0-1:"hh sans";
94
+ --magritte-typography-label-3-regular-font-weight-v20-0-1:400;
95
+ --magritte-typography-label-3-regular-line-height-v20-0-1:20px;
96
+ --magritte-typography-label-3-regular-font-size-v20-0-1:14px;
97
+ --magritte-typography-label-3-regular-letter-spacing-v20-0-1:0.005em;
98
+ --magritte-typography-label-3-regular-text-indent-v20-0-1:0px;
99
+ --magritte-typography-label-3-regular-text-transform-v20-0-1:none;
100
+ --magritte-typography-label-3-regular-text-decoration-v20-0-1:none;
101
+ --magritte-typography-label-4-regular-font-family-v20-0-1:"hh sans";
102
+ --magritte-typography-label-4-regular-font-weight-v20-0-1:400;
103
+ --magritte-typography-label-4-regular-line-height-v20-0-1:18px;
104
+ --magritte-typography-label-4-regular-font-size-v20-0-1:12px;
105
+ --magritte-typography-label-4-regular-letter-spacing-v20-0-1:0.01em;
106
+ --magritte-typography-label-4-regular-text-indent-v20-0-1:0px;
107
+ --magritte-typography-label-4-regular-text-transform-v20-0-1:none;
108
+ --magritte-typography-label-4-regular-text-decoration-v20-0-1:none;
109
+ --magritte-typography-label-5-regular-font-family-v20-0-1:"hh sans";
110
+ --magritte-typography-label-5-regular-font-weight-v20-0-1:400;
111
+ --magritte-typography-label-5-regular-line-height-v20-0-1:14px;
112
+ --magritte-typography-label-5-regular-font-size-v20-0-1:10px;
113
+ --magritte-typography-label-5-regular-letter-spacing-v20-0-1:0.02em;
114
+ --magritte-typography-label-5-regular-text-indent-v20-0-1:0px;
115
+ --magritte-typography-label-5-regular-text-transform-v20-0-1:none;
116
+ --magritte-typography-label-5-regular-text-decoration-v20-0-1:none;
117
+ --magritte-typography-paragraph-1-regular-font-family-v20-0-1:"hh sans";
118
+ --magritte-typography-paragraph-1-regular-font-weight-v20-0-1:400;
119
+ --magritte-typography-paragraph-1-regular-line-height-v20-0-1:28px;
120
+ --magritte-typography-paragraph-1-regular-font-size-v20-0-1:18px;
121
+ --magritte-typography-paragraph-1-regular-letter-spacing-v20-0-1:0em;
122
+ --magritte-typography-paragraph-1-regular-text-indent-v20-0-1:0px;
123
+ --magritte-typography-paragraph-1-regular-text-transform-v20-0-1:none;
124
+ --magritte-typography-paragraph-1-regular-text-decoration-v20-0-1:none;
125
+ --magritte-typography-paragraph-2-regular-font-family-v20-0-1:"hh sans";
126
+ --magritte-typography-paragraph-2-regular-font-weight-v20-0-1:400;
127
+ --magritte-typography-paragraph-2-regular-line-height-v20-0-1:26px;
128
+ --magritte-typography-paragraph-2-regular-font-size-v20-0-1:16px;
129
+ --magritte-typography-paragraph-2-regular-letter-spacing-v20-0-1:0.005em;
130
+ --magritte-typography-paragraph-2-regular-text-indent-v20-0-1:0px;
131
+ --magritte-typography-paragraph-2-regular-text-transform-v20-0-1:none;
132
+ --magritte-typography-paragraph-2-regular-text-decoration-v20-0-1:none;
133
+ --magritte-typography-paragraph-3-regular-font-family-v20-0-1:"hh sans";
134
+ --magritte-typography-paragraph-3-regular-font-weight-v20-0-1:400;
135
+ --magritte-typography-paragraph-3-regular-line-height-v20-0-1:24px;
136
+ --magritte-typography-paragraph-3-regular-font-size-v20-0-1:14px;
137
+ --magritte-typography-paragraph-3-regular-letter-spacing-v20-0-1:0.01em;
138
+ --magritte-typography-paragraph-3-regular-text-indent-v20-0-1:0px;
139
+ --magritte-typography-paragraph-3-regular-text-transform-v20-0-1:none;
140
+ --magritte-typography-paragraph-3-regular-text-decoration-v20-0-1:none;
141
+ --magritte-typography-paragraph-4-regular-font-family-v20-0-1:"hh sans";
142
+ --magritte-typography-paragraph-4-regular-font-weight-v20-0-1:400;
143
+ --magritte-typography-paragraph-4-regular-line-height-v20-0-1:22px;
144
+ --magritte-typography-paragraph-4-regular-font-size-v20-0-1:12px;
145
+ --magritte-typography-paragraph-4-regular-letter-spacing-v20-0-1:0.015em;
146
+ --magritte-typography-paragraph-4-regular-text-indent-v20-0-1:0px;
147
+ --magritte-typography-paragraph-4-regular-text-transform-v20-0-1:none;
148
+ --magritte-typography-paragraph-4-regular-text-decoration-v20-0-1:none;
149
+ --magritte-typography-_custom-1-semibold-font-family-v20-0-1:"hh sans";
150
+ --magritte-typography-_custom-1-semibold-font-weight-v20-0-1:500;
151
+ --magritte-typography-_custom-1-semibold-line-height-v20-0-1:28px;
152
+ --magritte-typography-_custom-1-semibold-font-size-v20-0-1:18px;
153
+ --magritte-typography-_custom-1-semibold-letter-spacing-v20-0-1:0em;
154
+ --magritte-typography-_custom-1-semibold-text-indent-v20-0-1:0px;
155
+ --magritte-typography-_custom-1-semibold-text-transform-v20-0-1:none;
156
+ --magritte-typography-_custom-1-semibold-text-decoration-v20-0-1:none;
157
+ --magritte-typography-_custom-2-semibold-font-family-v20-0-1:"hh sans";
158
+ --magritte-typography-_custom-2-semibold-font-weight-v20-0-1:500;
159
+ --magritte-typography-_custom-2-semibold-line-height-v20-0-1:26px;
160
+ --magritte-typography-_custom-2-semibold-font-size-v20-0-1:16px;
161
+ --magritte-typography-_custom-2-semibold-letter-spacing-v20-0-1:0.005em;
162
+ --magritte-typography-_custom-2-semibold-text-indent-v20-0-1:0px;
163
+ --magritte-typography-_custom-2-semibold-text-transform-v20-0-1:none;
164
+ --magritte-typography-_custom-2-semibold-text-decoration-v20-0-1:none;
165
+ --magritte-typography-_custom-3-semibold-font-family-v20-0-1:"hh sans";
166
+ --magritte-typography-_custom-3-semibold-font-weight-v20-0-1:500;
167
+ --magritte-typography-_custom-3-semibold-line-height-v20-0-1:24px;
168
+ --magritte-typography-_custom-3-semibold-font-size-v20-0-1:14px;
169
+ --magritte-typography-_custom-3-semibold-letter-spacing-v20-0-1:0.01em;
170
+ --magritte-typography-_custom-3-semibold-text-indent-v20-0-1:0px;
171
+ --magritte-typography-_custom-3-semibold-text-transform-v20-0-1:none;
172
+ --magritte-typography-_custom-3-semibold-text-decoration-v20-0-1:none;
173
+ --magritte-typography-_custom-4-semibold-font-family-v20-0-1:"hh sans";
174
+ --magritte-typography-_custom-4-semibold-font-weight-v20-0-1:400;
175
+ --magritte-typography-_custom-4-semibold-line-height-v20-0-1:22px;
176
+ --magritte-typography-_custom-4-semibold-font-size-v20-0-1:12px;
177
+ --magritte-typography-_custom-4-semibold-letter-spacing-v20-0-1:0.015em;
178
+ --magritte-typography-_custom-4-semibold-text-indent-v20-0-1:0px;
179
+ --magritte-typography-_custom-4-semibold-text-transform-v20-0-1:none;
180
+ --magritte-typography-_custom-4-semibold-text-decoration-v20-0-1:none;
181
+ --magritte-typography-_custom-5-semibold-font-family-v20-0-1:"hh sans";
182
+ --magritte-typography-_custom-5-semibold-font-weight-v20-0-1:400;
183
+ --magritte-typography-_custom-5-semibold-line-height-v20-0-1:12px;
184
+ --magritte-typography-_custom-5-semibold-font-size-v20-0-1:10px;
185
+ --magritte-typography-_custom-5-semibold-letter-spacing-v20-0-1:0.015em;
186
+ --magritte-typography-_custom-5-semibold-text-indent-v20-0-1:0px;
187
+ --magritte-typography-_custom-5-semibold-text-transform-v20-0-1:none;
188
+ --magritte-typography-_custom-5-semibold-text-decoration-v20-0-1:none;
189
+ --magritte-typography-_custom-1-medium-font-family-v20-0-1:"hh sans";
190
+ --magritte-typography-_custom-1-medium-font-weight-v20-0-1:500;
191
+ --magritte-typography-_custom-1-medium-line-height-v20-0-1:28px;
192
+ --magritte-typography-_custom-1-medium-font-size-v20-0-1:18px;
193
+ --magritte-typography-_custom-1-medium-letter-spacing-v20-0-1:0em;
194
+ --magritte-typography-_custom-1-medium-text-indent-v20-0-1:0px;
195
+ --magritte-typography-_custom-1-medium-text-transform-v20-0-1:none;
196
+ --magritte-typography-_custom-1-medium-text-decoration-v20-0-1:none;
197
+ --magritte-typography-_custom-2-medium-font-family-v20-0-1:"hh sans";
198
+ --magritte-typography-_custom-2-medium-font-weight-v20-0-1:500;
199
+ --magritte-typography-_custom-2-medium-line-height-v20-0-1:26px;
200
+ --magritte-typography-_custom-2-medium-font-size-v20-0-1:16px;
201
+ --magritte-typography-_custom-2-medium-letter-spacing-v20-0-1:0.005em;
202
+ --magritte-typography-_custom-2-medium-text-indent-v20-0-1:0px;
203
+ --magritte-typography-_custom-2-medium-text-transform-v20-0-1:none;
204
+ --magritte-typography-_custom-2-medium-text-decoration-v20-0-1:none;
205
+ --magritte-typography-_custom-3-medium-font-family-v20-0-1:"hh sans";
206
+ --magritte-typography-_custom-3-medium-font-weight-v20-0-1:500;
207
+ --magritte-typography-_custom-3-medium-line-height-v20-0-1:24px;
208
+ --magritte-typography-_custom-3-medium-font-size-v20-0-1:14px;
209
+ --magritte-typography-_custom-3-medium-letter-spacing-v20-0-1:0.01em;
210
+ --magritte-typography-_custom-3-medium-text-indent-v20-0-1:0px;
211
+ --magritte-typography-_custom-3-medium-text-transform-v20-0-1:none;
212
+ --magritte-typography-_custom-3-medium-text-decoration-v20-0-1:none;
213
+ --magritte-typography-_custom-4-medium-font-family-v20-0-1:"hh sans";
214
+ --magritte-typography-_custom-4-medium-font-weight-v20-0-1:500;
215
+ --magritte-typography-_custom-4-medium-line-height-v20-0-1:22px;
216
+ --magritte-typography-_custom-4-medium-font-size-v20-0-1:12px;
217
+ --magritte-typography-_custom-4-medium-letter-spacing-v20-0-1:0.015em;
218
+ --magritte-typography-_custom-4-medium-text-indent-v20-0-1:0px;
219
+ --magritte-typography-_custom-4-medium-text-transform-v20-0-1:none;
220
+ --magritte-typography-_custom-4-medium-text-decoration-v20-0-1:none;
221
+ --magritte-typography-_custom-5-medium-font-family-v20-0-1:"hh sans";
222
+ --magritte-typography-_custom-5-medium-font-weight-v20-0-1:500;
223
+ --magritte-typography-_custom-5-medium-line-height-v20-0-1:12px;
224
+ --magritte-typography-_custom-5-medium-font-size-v20-0-1:10px;
225
+ --magritte-typography-_custom-5-medium-letter-spacing-v20-0-1:0.015em;
226
+ --magritte-typography-_custom-5-medium-text-indent-v20-0-1:0px;
227
+ --magritte-typography-_custom-5-medium-text-transform-v20-0-1:none;
228
+ --magritte-typography-_custom-5-medium-text-decoration-v20-0-1:none;
229
+ --magritte-typography-_custom-1-italic-font-family-v20-0-1:"hh sans";
230
+ --magritte-typography-_custom-1-italic-font-weight-v20-0-1:400;
231
+ --magritte-typography-_custom-1-italic-line-height-v20-0-1:28px;
232
+ --magritte-typography-_custom-1-italic-font-size-v20-0-1:18px;
233
+ --magritte-typography-_custom-1-italic-letter-spacing-v20-0-1:0em;
234
+ --magritte-typography-_custom-1-italic-text-indent-v20-0-1:0px;
235
+ --magritte-typography-_custom-1-italic-text-transform-v20-0-1:none;
236
+ --magritte-typography-_custom-1-italic-text-decoration-v20-0-1:none;
237
+ --magritte-typography-_custom-2-italic-font-family-v20-0-1:"hh sans";
238
+ --magritte-typography-_custom-2-italic-font-weight-v20-0-1:400;
239
+ --magritte-typography-_custom-2-italic-line-height-v20-0-1:26px;
240
+ --magritte-typography-_custom-2-italic-font-size-v20-0-1:16px;
241
+ --magritte-typography-_custom-2-italic-letter-spacing-v20-0-1:0.005em;
242
+ --magritte-typography-_custom-2-italic-text-indent-v20-0-1:0px;
243
+ --magritte-typography-_custom-2-italic-text-transform-v20-0-1:none;
244
+ --magritte-typography-_custom-2-italic-text-decoration-v20-0-1:none;
245
+ --magritte-typography-_custom-3-italic-font-family-v20-0-1:"hh sans";
246
+ --magritte-typography-_custom-3-italic-font-weight-v20-0-1:400;
247
+ --magritte-typography-_custom-3-italic-line-height-v20-0-1:24px;
248
+ --magritte-typography-_custom-3-italic-font-size-v20-0-1:14px;
249
+ --magritte-typography-_custom-3-italic-letter-spacing-v20-0-1:0.01em;
250
+ --magritte-typography-_custom-3-italic-text-indent-v20-0-1:0px;
251
+ --magritte-typography-_custom-3-italic-text-transform-v20-0-1:none;
252
+ --magritte-typography-_custom-3-italic-text-decoration-v20-0-1:none;
253
+ --magritte-typography-_custom-4-italic-font-family-v20-0-1:"hh sans";
254
+ --magritte-typography-_custom-4-italic-font-weight-v20-0-1:400;
255
+ --magritte-typography-_custom-4-italic-line-height-v20-0-1:22px;
256
+ --magritte-typography-_custom-4-italic-font-size-v20-0-1:12px;
257
+ --magritte-typography-_custom-4-italic-letter-spacing-v20-0-1:0.015em;
258
+ --magritte-typography-_custom-4-italic-text-indent-v20-0-1:0px;
259
+ --magritte-typography-_custom-4-italic-text-transform-v20-0-1:none;
260
+ --magritte-typography-_custom-4-italic-text-decoration-v20-0-1:none;
261
+ --magritte-typography-_custom-5-italic-font-family-v20-0-1:"hh sans";
262
+ --magritte-typography-_custom-5-italic-font-weight-v20-0-1:400;
263
+ --magritte-typography-_custom-5-italic-line-height-v20-0-1:12px;
264
+ --magritte-typography-_custom-5-italic-font-size-v20-0-1:10px;
265
+ --magritte-typography-_custom-5-italic-letter-spacing-v20-0-1:0.015em;
266
+ --magritte-typography-_custom-5-italic-text-indent-v20-0-1:0px;
267
+ --magritte-typography-_custom-5-italic-text-transform-v20-0-1:none;
268
+ --magritte-typography-_custom-5-italic-text-decoration-v20-0-1:none;
6
269
  }
7
- .magritte-action-bar-fixed___Ts-0i_2-2-8{
8
- background-color:var(--magritte-color-background-primary-v19-1-2);
270
+ .magritte-night-theme{
271
+ --magritte-color-background-primary-v20-0-1:#1B1B1B;
272
+ }
273
+ .magritte-with-inter{
274
+ --magritte-typography-title-1-semibold-font-family-v20-0-1:"Inter";
275
+ --magritte-typography-title-1-semibold-font-weight-v20-0-1:600;
276
+ --magritte-typography-title-1-semibold-line-height-v20-0-1:60px;
277
+ --magritte-typography-title-1-semibold-font-size-v20-0-1:48px;
278
+ --magritte-typography-title-1-semibold-letter-spacing-v20-0-1:-0.02em;
279
+ --magritte-typography-title-1-semibold-text-indent-v20-0-1:0px;
280
+ --magritte-typography-title-1-semibold-text-transform-v20-0-1:none;
281
+ --magritte-typography-title-1-semibold-text-decoration-v20-0-1:none;
282
+ --magritte-typography-title-2-semibold-font-family-v20-0-1:"Inter";
283
+ --magritte-typography-title-2-semibold-font-weight-v20-0-1:600;
284
+ --magritte-typography-title-2-semibold-line-height-v20-0-1:48px;
285
+ --magritte-typography-title-2-semibold-font-size-v20-0-1:36px;
286
+ --magritte-typography-title-2-semibold-letter-spacing-v20-0-1:-0.0175em;
287
+ --magritte-typography-title-2-semibold-text-indent-v20-0-1:0px;
288
+ --magritte-typography-title-2-semibold-text-transform-v20-0-1:none;
289
+ --magritte-typography-title-2-semibold-text-decoration-v20-0-1:none;
290
+ --magritte-typography-title-3-semibold-font-family-v20-0-1:"Inter";
291
+ --magritte-typography-title-3-semibold-font-weight-v20-0-1:600;
292
+ --magritte-typography-title-3-semibold-line-height-v20-0-1:40px;
293
+ --magritte-typography-title-3-semibold-font-size-v20-0-1:28px;
294
+ --magritte-typography-title-3-semibold-letter-spacing-v20-0-1:-0.0125em;
295
+ --magritte-typography-title-3-semibold-text-indent-v20-0-1:0px;
296
+ --magritte-typography-title-3-semibold-text-transform-v20-0-1:none;
297
+ --magritte-typography-title-3-semibold-text-decoration-v20-0-1:none;
298
+ --magritte-typography-title-4-semibold-font-family-v20-0-1:"Inter";
299
+ --magritte-typography-title-4-semibold-font-weight-v20-0-1:600;
300
+ --magritte-typography-title-4-semibold-line-height-v20-0-1:32px;
301
+ --magritte-typography-title-4-semibold-font-size-v20-0-1:22px;
302
+ --magritte-typography-title-4-semibold-letter-spacing-v20-0-1:-0.0075em;
303
+ --magritte-typography-title-4-semibold-text-indent-v20-0-1:0px;
304
+ --magritte-typography-title-4-semibold-text-transform-v20-0-1:none;
305
+ --magritte-typography-title-4-semibold-text-decoration-v20-0-1:none;
306
+ --magritte-typography-title-5-semibold-font-family-v20-0-1:"Inter";
307
+ --magritte-typography-title-5-semibold-font-weight-v20-0-1:600;
308
+ --magritte-typography-title-5-semibold-line-height-v20-0-1:26px;
309
+ --magritte-typography-title-5-semibold-font-size-v20-0-1:18px;
310
+ --magritte-typography-title-5-semibold-letter-spacing-v20-0-1:0em;
311
+ --magritte-typography-title-5-semibold-text-indent-v20-0-1:0px;
312
+ --magritte-typography-title-5-semibold-text-transform-v20-0-1:none;
313
+ --magritte-typography-title-5-semibold-text-decoration-v20-0-1:none;
314
+ --magritte-typography-subtitle-1-semibold-font-family-v20-0-1:"Inter";
315
+ --magritte-typography-subtitle-1-semibold-font-weight-v20-0-1:600;
316
+ --magritte-typography-subtitle-1-semibold-line-height-v20-0-1:22px;
317
+ --magritte-typography-subtitle-1-semibold-font-size-v20-0-1:16px;
318
+ --magritte-typography-subtitle-1-semibold-letter-spacing-v20-0-1:0em;
319
+ --magritte-typography-subtitle-1-semibold-text-indent-v20-0-1:0px;
320
+ --magritte-typography-subtitle-1-semibold-text-transform-v20-0-1:none;
321
+ --magritte-typography-subtitle-1-semibold-text-decoration-v20-0-1:none;
322
+ --magritte-typography-subtitle-2-semibold-font-family-v20-0-1:"Inter";
323
+ --magritte-typography-subtitle-2-semibold-font-weight-v20-0-1:600;
324
+ --magritte-typography-subtitle-2-semibold-line-height-v20-0-1:20px;
325
+ --magritte-typography-subtitle-2-semibold-font-size-v20-0-1:14px;
326
+ --magritte-typography-subtitle-2-semibold-letter-spacing-v20-0-1:0.005em;
327
+ --magritte-typography-subtitle-2-semibold-text-indent-v20-0-1:0px;
328
+ --magritte-typography-subtitle-2-semibold-text-transform-v20-0-1:none;
329
+ --magritte-typography-subtitle-2-semibold-text-decoration-v20-0-1:none;
330
+ --magritte-typography-subtitle-3-semibold-font-family-v20-0-1:"Inter";
331
+ --magritte-typography-subtitle-3-semibold-font-weight-v20-0-1:600;
332
+ --magritte-typography-subtitle-3-semibold-line-height-v20-0-1:18px;
333
+ --magritte-typography-subtitle-3-semibold-font-size-v20-0-1:12px;
334
+ --magritte-typography-subtitle-3-semibold-letter-spacing-v20-0-1:0.01em;
335
+ --magritte-typography-subtitle-3-semibold-text-indent-v20-0-1:0px;
336
+ --magritte-typography-subtitle-3-semibold-text-transform-v20-0-1:none;
337
+ --magritte-typography-subtitle-3-semibold-text-decoration-v20-0-1:none;
338
+ --magritte-typography-subtitle-4-semibold-font-family-v20-0-1:"Inter";
339
+ --magritte-typography-subtitle-4-semibold-font-weight-v20-0-1:600;
340
+ --magritte-typography-subtitle-4-semibold-line-height-v20-0-1:16px;
341
+ --magritte-typography-subtitle-4-semibold-font-size-v20-0-1:10px;
342
+ --magritte-typography-subtitle-4-semibold-letter-spacing-v20-0-1:0.015em;
343
+ --magritte-typography-subtitle-4-semibold-text-indent-v20-0-1:0px;
344
+ --magritte-typography-subtitle-4-semibold-text-transform-v20-0-1:none;
345
+ --magritte-typography-subtitle-4-semibold-text-decoration-v20-0-1:none;
346
+ --magritte-typography-label-1-regular-font-family-v20-0-1:"Inter";
347
+ --magritte-typography-label-1-regular-font-weight-v20-0-1:400;
348
+ --magritte-typography-label-1-regular-line-height-v20-0-1:26px;
349
+ --magritte-typography-label-1-regular-font-size-v20-0-1:18px;
350
+ --magritte-typography-label-1-regular-letter-spacing-v20-0-1:-0.005em;
351
+ --magritte-typography-label-1-regular-text-indent-v20-0-1:0px;
352
+ --magritte-typography-label-1-regular-text-transform-v20-0-1:none;
353
+ --magritte-typography-label-1-regular-text-decoration-v20-0-1:none;
354
+ --magritte-typography-label-2-regular-font-family-v20-0-1:"Inter";
355
+ --magritte-typography-label-2-regular-font-weight-v20-0-1:400;
356
+ --magritte-typography-label-2-regular-line-height-v20-0-1:22px;
357
+ --magritte-typography-label-2-regular-font-size-v20-0-1:16px;
358
+ --magritte-typography-label-2-regular-letter-spacing-v20-0-1:0em;
359
+ --magritte-typography-label-2-regular-text-indent-v20-0-1:0px;
360
+ --magritte-typography-label-2-regular-text-transform-v20-0-1:none;
361
+ --magritte-typography-label-2-regular-text-decoration-v20-0-1:none;
362
+ --magritte-typography-label-3-regular-font-family-v20-0-1:"Inter";
363
+ --magritte-typography-label-3-regular-font-weight-v20-0-1:400;
364
+ --magritte-typography-label-3-regular-line-height-v20-0-1:20px;
365
+ --magritte-typography-label-3-regular-font-size-v20-0-1:14px;
366
+ --magritte-typography-label-3-regular-letter-spacing-v20-0-1:0.005em;
367
+ --magritte-typography-label-3-regular-text-indent-v20-0-1:0px;
368
+ --magritte-typography-label-3-regular-text-transform-v20-0-1:none;
369
+ --magritte-typography-label-3-regular-text-decoration-v20-0-1:none;
370
+ --magritte-typography-label-4-regular-font-family-v20-0-1:"Inter";
371
+ --magritte-typography-label-4-regular-font-weight-v20-0-1:400;
372
+ --magritte-typography-label-4-regular-line-height-v20-0-1:18px;
373
+ --magritte-typography-label-4-regular-font-size-v20-0-1:12px;
374
+ --magritte-typography-label-4-regular-letter-spacing-v20-0-1:0.01em;
375
+ --magritte-typography-label-4-regular-text-indent-v20-0-1:0px;
376
+ --magritte-typography-label-4-regular-text-transform-v20-0-1:none;
377
+ --magritte-typography-label-4-regular-text-decoration-v20-0-1:none;
378
+ --magritte-typography-label-5-regular-font-family-v20-0-1:"Inter";
379
+ --magritte-typography-label-5-regular-font-weight-v20-0-1:400;
380
+ --magritte-typography-label-5-regular-line-height-v20-0-1:14px;
381
+ --magritte-typography-label-5-regular-font-size-v20-0-1:10px;
382
+ --magritte-typography-label-5-regular-letter-spacing-v20-0-1:0.02em;
383
+ --magritte-typography-label-5-regular-text-indent-v20-0-1:0px;
384
+ --magritte-typography-label-5-regular-text-transform-v20-0-1:none;
385
+ --magritte-typography-label-5-regular-text-decoration-v20-0-1:none;
386
+ --magritte-typography-paragraph-1-regular-font-family-v20-0-1:"Inter";
387
+ --magritte-typography-paragraph-1-regular-font-weight-v20-0-1:400;
388
+ --magritte-typography-paragraph-1-regular-line-height-v20-0-1:28px;
389
+ --magritte-typography-paragraph-1-regular-font-size-v20-0-1:18px;
390
+ --magritte-typography-paragraph-1-regular-letter-spacing-v20-0-1:0em;
391
+ --magritte-typography-paragraph-1-regular-text-indent-v20-0-1:0px;
392
+ --magritte-typography-paragraph-1-regular-text-transform-v20-0-1:none;
393
+ --magritte-typography-paragraph-1-regular-text-decoration-v20-0-1:none;
394
+ --magritte-typography-paragraph-2-regular-font-family-v20-0-1:"Inter";
395
+ --magritte-typography-paragraph-2-regular-font-weight-v20-0-1:400;
396
+ --magritte-typography-paragraph-2-regular-line-height-v20-0-1:26px;
397
+ --magritte-typography-paragraph-2-regular-font-size-v20-0-1:16px;
398
+ --magritte-typography-paragraph-2-regular-letter-spacing-v20-0-1:0.005em;
399
+ --magritte-typography-paragraph-2-regular-text-indent-v20-0-1:0px;
400
+ --magritte-typography-paragraph-2-regular-text-transform-v20-0-1:none;
401
+ --magritte-typography-paragraph-2-regular-text-decoration-v20-0-1:none;
402
+ --magritte-typography-paragraph-3-regular-font-family-v20-0-1:"Inter";
403
+ --magritte-typography-paragraph-3-regular-font-weight-v20-0-1:400;
404
+ --magritte-typography-paragraph-3-regular-line-height-v20-0-1:24px;
405
+ --magritte-typography-paragraph-3-regular-font-size-v20-0-1:14px;
406
+ --magritte-typography-paragraph-3-regular-letter-spacing-v20-0-1:0.01em;
407
+ --magritte-typography-paragraph-3-regular-text-indent-v20-0-1:0px;
408
+ --magritte-typography-paragraph-3-regular-text-transform-v20-0-1:none;
409
+ --magritte-typography-paragraph-3-regular-text-decoration-v20-0-1:none;
410
+ --magritte-typography-paragraph-4-regular-font-family-v20-0-1:"Inter";
411
+ --magritte-typography-paragraph-4-regular-font-weight-v20-0-1:400;
412
+ --magritte-typography-paragraph-4-regular-line-height-v20-0-1:22px;
413
+ --magritte-typography-paragraph-4-regular-font-size-v20-0-1:12px;
414
+ --magritte-typography-paragraph-4-regular-letter-spacing-v20-0-1:0.015em;
415
+ --magritte-typography-paragraph-4-regular-text-indent-v20-0-1:0px;
416
+ --magritte-typography-paragraph-4-regular-text-transform-v20-0-1:none;
417
+ --magritte-typography-paragraph-4-regular-text-decoration-v20-0-1:none;
418
+ --magritte-typography-_custom-1-semibold-font-family-v20-0-1:"Inter";
419
+ --magritte-typography-_custom-1-semibold-font-weight-v20-0-1:600;
420
+ --magritte-typography-_custom-1-semibold-line-height-v20-0-1:28px;
421
+ --magritte-typography-_custom-1-semibold-font-size-v20-0-1:18px;
422
+ --magritte-typography-_custom-1-semibold-letter-spacing-v20-0-1:0em;
423
+ --magritte-typography-_custom-1-semibold-text-indent-v20-0-1:0px;
424
+ --magritte-typography-_custom-1-semibold-text-transform-v20-0-1:none;
425
+ --magritte-typography-_custom-1-semibold-text-decoration-v20-0-1:none;
426
+ --magritte-typography-_custom-2-semibold-font-family-v20-0-1:"Inter";
427
+ --magritte-typography-_custom-2-semibold-font-weight-v20-0-1:600;
428
+ --magritte-typography-_custom-2-semibold-line-height-v20-0-1:26px;
429
+ --magritte-typography-_custom-2-semibold-font-size-v20-0-1:16px;
430
+ --magritte-typography-_custom-2-semibold-letter-spacing-v20-0-1:0.005em;
431
+ --magritte-typography-_custom-2-semibold-text-indent-v20-0-1:0px;
432
+ --magritte-typography-_custom-2-semibold-text-transform-v20-0-1:none;
433
+ --magritte-typography-_custom-2-semibold-text-decoration-v20-0-1:none;
434
+ --magritte-typography-_custom-3-semibold-font-family-v20-0-1:"Inter";
435
+ --magritte-typography-_custom-3-semibold-font-weight-v20-0-1:600;
436
+ --magritte-typography-_custom-3-semibold-line-height-v20-0-1:24px;
437
+ --magritte-typography-_custom-3-semibold-font-size-v20-0-1:14px;
438
+ --magritte-typography-_custom-3-semibold-letter-spacing-v20-0-1:0.01em;
439
+ --magritte-typography-_custom-3-semibold-text-indent-v20-0-1:0px;
440
+ --magritte-typography-_custom-3-semibold-text-transform-v20-0-1:none;
441
+ --magritte-typography-_custom-3-semibold-text-decoration-v20-0-1:none;
442
+ --magritte-typography-_custom-4-semibold-font-family-v20-0-1:"Inter";
443
+ --magritte-typography-_custom-4-semibold-font-weight-v20-0-1:400;
444
+ --magritte-typography-_custom-4-semibold-line-height-v20-0-1:22px;
445
+ --magritte-typography-_custom-4-semibold-font-size-v20-0-1:12px;
446
+ --magritte-typography-_custom-4-semibold-letter-spacing-v20-0-1:0.015em;
447
+ --magritte-typography-_custom-4-semibold-text-indent-v20-0-1:0px;
448
+ --magritte-typography-_custom-4-semibold-text-transform-v20-0-1:none;
449
+ --magritte-typography-_custom-4-semibold-text-decoration-v20-0-1:none;
450
+ --magritte-typography-_custom-5-semibold-font-family-v20-0-1:"Inter";
451
+ --magritte-typography-_custom-5-semibold-font-weight-v20-0-1:400;
452
+ --magritte-typography-_custom-5-semibold-line-height-v20-0-1:12px;
453
+ --magritte-typography-_custom-5-semibold-font-size-v20-0-1:10px;
454
+ --magritte-typography-_custom-5-semibold-letter-spacing-v20-0-1:0.015em;
455
+ --magritte-typography-_custom-5-semibold-text-indent-v20-0-1:0px;
456
+ --magritte-typography-_custom-5-semibold-text-transform-v20-0-1:none;
457
+ --magritte-typography-_custom-5-semibold-text-decoration-v20-0-1:none;
458
+ --magritte-typography-_custom-1-medium-font-family-v20-0-1:"Inter";
459
+ --magritte-typography-_custom-1-medium-font-weight-v20-0-1:undefined;
460
+ --magritte-typography-_custom-1-medium-line-height-v20-0-1:28px;
461
+ --magritte-typography-_custom-1-medium-font-size-v20-0-1:18px;
462
+ --magritte-typography-_custom-1-medium-letter-spacing-v20-0-1:0em;
463
+ --magritte-typography-_custom-1-medium-text-indent-v20-0-1:0px;
464
+ --magritte-typography-_custom-1-medium-text-transform-v20-0-1:none;
465
+ --magritte-typography-_custom-1-medium-text-decoration-v20-0-1:none;
466
+ --magritte-typography-_custom-2-medium-font-family-v20-0-1:"Inter";
467
+ --magritte-typography-_custom-2-medium-font-weight-v20-0-1:undefined;
468
+ --magritte-typography-_custom-2-medium-line-height-v20-0-1:26px;
469
+ --magritte-typography-_custom-2-medium-font-size-v20-0-1:16px;
470
+ --magritte-typography-_custom-2-medium-letter-spacing-v20-0-1:0.005em;
471
+ --magritte-typography-_custom-2-medium-text-indent-v20-0-1:0px;
472
+ --magritte-typography-_custom-2-medium-text-transform-v20-0-1:none;
473
+ --magritte-typography-_custom-2-medium-text-decoration-v20-0-1:none;
474
+ --magritte-typography-_custom-3-medium-font-family-v20-0-1:"Inter";
475
+ --magritte-typography-_custom-3-medium-font-weight-v20-0-1:undefined;
476
+ --magritte-typography-_custom-3-medium-line-height-v20-0-1:24px;
477
+ --magritte-typography-_custom-3-medium-font-size-v20-0-1:14px;
478
+ --magritte-typography-_custom-3-medium-letter-spacing-v20-0-1:0.01em;
479
+ --magritte-typography-_custom-3-medium-text-indent-v20-0-1:0px;
480
+ --magritte-typography-_custom-3-medium-text-transform-v20-0-1:none;
481
+ --magritte-typography-_custom-3-medium-text-decoration-v20-0-1:none;
482
+ --magritte-typography-_custom-4-medium-font-family-v20-0-1:"Inter";
483
+ --magritte-typography-_custom-4-medium-font-weight-v20-0-1:undefined;
484
+ --magritte-typography-_custom-4-medium-line-height-v20-0-1:22px;
485
+ --magritte-typography-_custom-4-medium-font-size-v20-0-1:12px;
486
+ --magritte-typography-_custom-4-medium-letter-spacing-v20-0-1:0.015em;
487
+ --magritte-typography-_custom-4-medium-text-indent-v20-0-1:0px;
488
+ --magritte-typography-_custom-4-medium-text-transform-v20-0-1:none;
489
+ --magritte-typography-_custom-4-medium-text-decoration-v20-0-1:none;
490
+ --magritte-typography-_custom-5-medium-font-family-v20-0-1:"Inter";
491
+ --magritte-typography-_custom-5-medium-font-weight-v20-0-1:undefined;
492
+ --magritte-typography-_custom-5-medium-line-height-v20-0-1:12px;
493
+ --magritte-typography-_custom-5-medium-font-size-v20-0-1:10px;
494
+ --magritte-typography-_custom-5-medium-letter-spacing-v20-0-1:0.015em;
495
+ --magritte-typography-_custom-5-medium-text-indent-v20-0-1:0px;
496
+ --magritte-typography-_custom-5-medium-text-transform-v20-0-1:none;
497
+ --magritte-typography-_custom-5-medium-text-decoration-v20-0-1:none;
498
+ --magritte-typography-_custom-1-italic-font-family-v20-0-1:"Inter";
499
+ --magritte-typography-_custom-1-italic-font-weight-v20-0-1:200;
500
+ --magritte-typography-_custom-1-italic-line-height-v20-0-1:28px;
501
+ --magritte-typography-_custom-1-italic-font-size-v20-0-1:18px;
502
+ --magritte-typography-_custom-1-italic-letter-spacing-v20-0-1:0em;
503
+ --magritte-typography-_custom-1-italic-text-indent-v20-0-1:0px;
504
+ --magritte-typography-_custom-1-italic-text-transform-v20-0-1:none;
505
+ --magritte-typography-_custom-1-italic-text-decoration-v20-0-1:none;
506
+ --magritte-typography-_custom-2-italic-font-family-v20-0-1:"Inter";
507
+ --magritte-typography-_custom-2-italic-font-weight-v20-0-1:200;
508
+ --magritte-typography-_custom-2-italic-line-height-v20-0-1:26px;
509
+ --magritte-typography-_custom-2-italic-font-size-v20-0-1:16px;
510
+ --magritte-typography-_custom-2-italic-letter-spacing-v20-0-1:0.005em;
511
+ --magritte-typography-_custom-2-italic-text-indent-v20-0-1:0px;
512
+ --magritte-typography-_custom-2-italic-text-transform-v20-0-1:none;
513
+ --magritte-typography-_custom-2-italic-text-decoration-v20-0-1:none;
514
+ --magritte-typography-_custom-3-italic-font-family-v20-0-1:"Inter";
515
+ --magritte-typography-_custom-3-italic-font-weight-v20-0-1:200;
516
+ --magritte-typography-_custom-3-italic-line-height-v20-0-1:24px;
517
+ --magritte-typography-_custom-3-italic-font-size-v20-0-1:14px;
518
+ --magritte-typography-_custom-3-italic-letter-spacing-v20-0-1:0.01em;
519
+ --magritte-typography-_custom-3-italic-text-indent-v20-0-1:0px;
520
+ --magritte-typography-_custom-3-italic-text-transform-v20-0-1:none;
521
+ --magritte-typography-_custom-3-italic-text-decoration-v20-0-1:none;
522
+ --magritte-typography-_custom-4-italic-font-family-v20-0-1:"Inter";
523
+ --magritte-typography-_custom-4-italic-font-weight-v20-0-1:200;
524
+ --magritte-typography-_custom-4-italic-line-height-v20-0-1:22px;
525
+ --magritte-typography-_custom-4-italic-font-size-v20-0-1:12px;
526
+ --magritte-typography-_custom-4-italic-letter-spacing-v20-0-1:0.015em;
527
+ --magritte-typography-_custom-4-italic-text-indent-v20-0-1:0px;
528
+ --magritte-typography-_custom-4-italic-text-transform-v20-0-1:none;
529
+ --magritte-typography-_custom-4-italic-text-decoration-v20-0-1:none;
530
+ --magritte-typography-_custom-5-italic-font-family-v20-0-1:"Inter";
531
+ --magritte-typography-_custom-5-italic-font-weight-v20-0-1:200;
532
+ --magritte-typography-_custom-5-italic-line-height-v20-0-1:12px;
533
+ --magritte-typography-_custom-5-italic-font-size-v20-0-1:10px;
534
+ --magritte-typography-_custom-5-italic-letter-spacing-v20-0-1:0.015em;
535
+ --magritte-typography-_custom-5-italic-text-indent-v20-0-1:0px;
536
+ --magritte-typography-_custom-5-italic-text-transform-v20-0-1:none;
537
+ --magritte-typography-_custom-5-italic-text-decoration-v20-0-1:none;
538
+ }
539
+ .magritte-action-bar-fixed___Ts-0i_2-2-10{
540
+ background-color:var(--magritte-color-background-primary-v20-0-1);
9
541
  position:fixed;
10
542
  bottom:0;
11
543
  left:0;
12
544
  width:100%;
13
545
  }
14
- .magritte-action-bar-with-progress-bar___mprqw_2-2-8{
546
+ .magritte-action-bar-with-progress-bar___mprqw_2-2-10{
15
547
  border-radius:8px 8px 0 0;
16
548
  }
17
- .magritte-progress-bar___tSTjx_2-2-8{
549
+ .magritte-progress-bar___tSTjx_2-2-10{
18
550
  padding:4px 4px 0;
19
551
  }
20
- .magritte-actions-wrapper_mobile___DWgfU_2-2-8{
552
+ .magritte-actions-wrapper_mobile___DWgfU_2-2-10{
21
553
  padding:16px;
22
554
  }
23
- .magritte-actions-wrapper_modal___aQs2b_2-2-8{
555
+ .magritte-actions-wrapper_modal___aQs2b_2-2-10{
24
556
  padding:24px;
25
557
  }
26
- .magritte-actions-wrapper_modal-vertical___eQt6U_2-2-8{
558
+ .magritte-actions-wrapper_modal-vertical___eQt6U_2-2-10{
27
559
  padding:24px;
28
560
  }
29
- .magritte-actions-wrapper_page___NuaNO_2-2-8{
561
+ .magritte-actions-wrapper_page___NuaNO_2-2-10{
30
562
  padding:16px;
31
563
  }
32
564
  @media (min-width: 1020px){
33
- body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-2-8{
565
+ body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-2-10{
34
566
  padding:16px 68px;
35
567
  }
36
568
  }
37
569
  @media (min-width: 1024px){
38
- body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-8{
570
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-10{
39
571
  padding:16px 68px;
40
572
  }
41
573
  }
42
574
  @media (min-width: 1340px){
43
- body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-2-8{
575
+ body.magritte-old-layout .magritte-actions-wrapper_page___NuaNO_2-2-10{
44
576
  padding:16px 76px;
45
577
  }
46
578
  }
47
579
  @media (min-width: 1280px){
48
- body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-8{
580
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-10{
49
581
  padding:16px 76px;
50
582
  }
51
583
  }
52
584
  @media (min-width: 1440px){
53
- body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-8{
585
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-10{
54
586
  padding:16px 108px;
55
587
  }
56
588
  }
57
589
  @media (min-width: 1920px){
58
- body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-8{
590
+ body:not(.magritte-old-layout) .magritte-actions-wrapper_page___NuaNO_2-2-10{
59
591
  padding:16px 252px;
60
592
  }
61
593
  }
62
- .magritte-actions-stack___12VkP_2-2-8{
594
+ .magritte-actions-stack___12VkP_2-2-10{
63
595
  display:none;
64
596
  width:100%;
65
597
  }
66
- .magritte-actions-stack___12VkP_2-2-8.magritte-right-only-actions___84fc8_2-2-8{
598
+ .magritte-actions-stack___12VkP_2-2-10.magritte-right-only-actions___84fc8_2-2-10{
67
599
  justify-content:flex-end;
68
600
  }
69
- .magritte-actions-stack-vertical-on-mobile___82xhC_2-2-8{
601
+ .magritte-actions-stack-vertical-on-mobile___82xhC_2-2-10{
70
602
  display:flex;
71
603
  flex-direction:column;
72
604
  gap:12px;
73
605
  }
74
606
  @media (min-width: 1020px){
75
- body.magritte-old-layout .magritte-actions-stack-vertical-on-mobile___82xhC_2-2-8{
607
+ body.magritte-old-layout .magritte-actions-stack-vertical-on-mobile___82xhC_2-2-10{
76
608
  display:none;
77
609
  }
78
610
  }
79
611
  @media (min-width: 1024px){
80
- body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-mobile___82xhC_2-2-8{
612
+ body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-mobile___82xhC_2-2-10{
81
613
  display:none;
82
614
  }
83
615
  }
84
- .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-8{
616
+ .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-10{
85
617
  display:flex;
86
618
  flex-direction:column;
87
619
  gap:16px;
88
620
  }
89
621
  @media (min-width: 700px){
90
- body.magritte-old-layout .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-8{
622
+ body.magritte-old-layout .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-10{
91
623
  display:none;
92
624
  }
93
625
  }
94
626
  @media (min-width: 600px){
95
- body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-8{
627
+ body:not(.magritte-old-layout) .magritte-actions-stack-vertical-on-page-xs___F8kiH_2-2-10{
96
628
  display:none;
97
629
  }
98
630
  }
99
- .magritte-additional-content-container___N4Q-l_2-2-8{
631
+ .magritte-additional-content-container___N4Q-l_2-2-10{
100
632
  display:flex;
101
633
  flex:1 1 100%;
102
634
  overflow:hidden;
103
635
  position:relative;
104
636
  }
105
- .magritte-additional-content-container___N4Q-l_2-2-8.magritte-additional-content-mobile___nbfvk_2-2-8{
637
+ .magritte-additional-content-container___N4Q-l_2-2-10.magritte-additional-content-mobile___nbfvk_2-2-10{
106
638
  margin-bottom:2px;
107
639
  }
108
- .magritte-additional-content-overflow-wrapper___hpCEQ_2-2-8{
640
+ .magritte-additional-content-overflow-wrapper___hpCEQ_2-2-10{
109
641
  position:absolute;
110
642
  inset:0;
111
643
  }
112
- .magritte-additional-content-wrapper___dpdp5_2-2-8{
644
+ .magritte-additional-content-wrapper___dpdp5_2-2-10{
113
645
  width:100%;
114
646
  }
115
- .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-8{
647
+ .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-10{
116
648
  display:none;
117
649
  }
118
650
  @media (min-width: 700px){
119
- body.magritte-old-layout .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-8{
651
+ body.magritte-old-layout .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-10{
120
652
  display:flex;
121
653
  flex-direction:row;
122
654
  justify-content:space-between;
@@ -125,7 +657,7 @@
125
657
  }
126
658
  }
127
659
  @media (min-width: 600px){
128
- body:not(.magritte-old-layout) .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-8{
660
+ body:not(.magritte-old-layout) .magritte-actions-stack-horizontal-on-gt-xs___QXT--_2-2-10{
129
661
  display:flex;
130
662
  flex-direction:row;
131
663
  justify-content:space-between;
@@ -133,37 +665,37 @@
133
665
  gap:12px;
134
666
  }
135
667
  }
136
- .magritte-horizontal-actions-container___dKSH8_2-2-8{
668
+ .magritte-horizontal-actions-container___dKSH8_2-2-10{
137
669
  display:flex;
138
670
  flex:0 0 auto;
139
671
  gap:12px;
140
672
  align-items:center;
141
673
  }
142
- .magritte-vertical-actions-container___j1toG_2-2-8{
674
+ .magritte-vertical-actions-container___j1toG_2-2-10{
143
675
  display:flex;
144
676
  gap:12px;
145
677
  flex-direction:column-reverse;
146
678
  align-items:center;
147
679
  }
148
- .magritte-actions-stack-modal___LzxwQ_2-2-8{
680
+ .magritte-actions-stack-modal___LzxwQ_2-2-10{
149
681
  display:flex;
150
682
  flex-direction:row;
151
683
  justify-content:space-between;
152
684
  gap:12px;
153
685
  }
154
- .magritte-actions-stack-modal___LzxwQ_2-2-8.magritte-actions-stack-modal-vertical___93z-V_2-2-8{
686
+ .magritte-actions-stack-modal___LzxwQ_2-2-10.magritte-actions-stack-modal-vertical___93z-V_2-2-10{
155
687
  flex-direction:column-reverse;
156
688
  }
157
- .magritte-actions-stack-modal___LzxwQ_2-2-8.magritte-actions-stack-modal-vertical___93z-V_2-2-8 .magritte-additional-content-container___N4Q-l_2-2-8{
689
+ .magritte-actions-stack-modal___LzxwQ_2-2-10.magritte-actions-stack-modal-vertical___93z-V_2-2-10 .magritte-additional-content-container___N4Q-l_2-2-10{
158
690
  order:2;
159
691
  }
160
- .magritte-actions-stack-modal___LzxwQ_2-2-8.magritte-actions-stack-modal-vertical___93z-V_2-2-8 .magritte-additional-content-overflow-wrapper___hpCEQ_2-2-8{
692
+ .magritte-actions-stack-modal___LzxwQ_2-2-10.magritte-actions-stack-modal-vertical___93z-V_2-2-10 .magritte-additional-content-overflow-wrapper___hpCEQ_2-2-10{
161
693
  position:static;
162
694
  }
163
- .magritte-actions-stack-wrapper___OKREs_2-2-8{
695
+ .magritte-actions-stack-wrapper___OKREs_2-2-10{
164
696
  width:100%;
165
697
  }
166
- .magritte-additional-content-dimensions___yEIwY_2-2-8{
698
+ .magritte-additional-content-dimensions___yEIwY_2-2-10{
167
699
  display:flex;
168
700
  align-items:center;
169
701
  width:100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-action-bar",
3
- "version": "2.2.8",
3
+ "version": "2.2.10",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -24,8 +24,8 @@
24
24
  "@hh.ru/magritte-internal-layer-name": "2.2.0",
25
25
  "@hh.ru/magritte-types": "5.0.0",
26
26
  "@hh.ru/magritte-ui-breakpoint": "4.1.0",
27
- "@hh.ru/magritte-ui-button": "5.2.7",
28
- "@hh.ru/magritte-ui-divider": "1.1.35",
27
+ "@hh.ru/magritte-ui-button": "5.2.9",
28
+ "@hh.ru/magritte-ui-divider": "1.1.37",
29
29
  "@hh.ru/magritte-ui-layer": "2.1.0",
30
30
  "@hh.ru/magritte-ui-mock-component": "1.0.11"
31
31
  },
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "d65b5cdffe3fa7e332b76033a4317c2bbe7d6b68"
39
+ "gitHead": "5e39c82ca3c8af74be5ac205406e44df626adcc6"
40
40
  }