@hh.ru/magritte-ui-floating-button 1.2.6 → 1.2.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 (3) hide show
  1. package/FloatingButton.js +1 -1
  2. package/index.css +187 -187
  3. package/package.json +6 -6
package/FloatingButton.js CHANGED
@@ -10,7 +10,7 @@ import { Layer } from '@hh.ru/magritte-ui-layer';
10
10
  import { Loader } from '@hh.ru/magritte-ui-loader';
11
11
  import { Text } from '@hh.ru/magritte-ui-typography';
12
12
 
13
- var styles = {"wrapper":"magritte-wrapper___7m9lC_1-2-6","animation-timeout":"magritte-animation-timeout___NL8n0_1-2-6","animationTimeout":"magritte-animation-timeout___NL8n0_1-2-6","button":"magritte-button___nL-Hn_1-2-6","loading":"magritte-loading___C0oPZ_1-2-6","withIconAndLabel":"magritte-withIconAndLabel___Qa-lU_1-2-6","right":"magritte-right___3n0Rz_1-2-6","content":"magritte-content___JNpTZ_1-2-6","left":"magritte-left___GnzU7_1-2-6","center":"magritte-center___MdA40_1-2-6","postfix":"magritte-postfix___r0EZ6_1-2-6","icon":"magritte-icon___VpqJt_1-2-6","textless":"magritte-textless___IbYgp_1-2-6","label":"magritte-label___EPgvj_1-2-6","withPostfix":"magritte-withPostfix___PmQAz_1-2-6","hideLabel":"magritte-hideLabel___K79XM_1-2-6","withLabelOnHover":"magritte-withLabelOnHover___1oktd_1-2-6","border-radius":"magritte-border-radius___ObLLb_1-2-6","borderRadius":"magritte-border-radius___ObLLb_1-2-6","loader":"magritte-loader___EPezG_1-2-6","enter-animation":"magritte-enter-animation___2sPz3_1-2-6","enterAnimation":"magritte-enter-animation___2sPz3_1-2-6","enter-animation-active":"magritte-enter-animation-active___Lq9eq_1-2-6","enterAnimationActive":"magritte-enter-animation-active___Lq9eq_1-2-6","exit-animation":"magritte-exit-animation___h2-7a_1-2-6","exitAnimation":"magritte-exit-animation___h2-7a_1-2-6","exit-animation-active":"magritte-exit-animation-active___w0F1a_1-2-6","exitAnimationActive":"magritte-exit-animation-active___w0F1a_1-2-6","button_style-neutral":"magritte-button_style-neutral___bPUwu_1-2-6","buttonStyleNeutral":"magritte-button_style-neutral___bPUwu_1-2-6","button_style-inverse":"magritte-button_style-inverse___Xgf26_1-2-6","buttonStyleInverse":"magritte-button_style-inverse___Xgf26_1-2-6"};
13
+ var styles = {"wrapper":"magritte-wrapper___7m9lC_1-2-8","animation-timeout":"magritte-animation-timeout___NL8n0_1-2-8","animationTimeout":"magritte-animation-timeout___NL8n0_1-2-8","button":"magritte-button___nL-Hn_1-2-8","loading":"magritte-loading___C0oPZ_1-2-8","withIconAndLabel":"magritte-withIconAndLabel___Qa-lU_1-2-8","right":"magritte-right___3n0Rz_1-2-8","content":"magritte-content___JNpTZ_1-2-8","left":"magritte-left___GnzU7_1-2-8","center":"magritte-center___MdA40_1-2-8","postfix":"magritte-postfix___r0EZ6_1-2-8","icon":"magritte-icon___VpqJt_1-2-8","textless":"magritte-textless___IbYgp_1-2-8","label":"magritte-label___EPgvj_1-2-8","withPostfix":"magritte-withPostfix___PmQAz_1-2-8","hideLabel":"magritte-hideLabel___K79XM_1-2-8","withLabelOnHover":"magritte-withLabelOnHover___1oktd_1-2-8","border-radius":"magritte-border-radius___ObLLb_1-2-8","borderRadius":"magritte-border-radius___ObLLb_1-2-8","loader":"magritte-loader___EPezG_1-2-8","enter-animation":"magritte-enter-animation___2sPz3_1-2-8","enterAnimation":"magritte-enter-animation___2sPz3_1-2-8","enter-animation-active":"magritte-enter-animation-active___Lq9eq_1-2-8","enterAnimationActive":"magritte-enter-animation-active___Lq9eq_1-2-8","exit-animation":"magritte-exit-animation___h2-7a_1-2-8","exitAnimation":"magritte-exit-animation___h2-7a_1-2-8","exit-animation-active":"magritte-exit-animation-active___w0F1a_1-2-8","exitAnimationActive":"magritte-exit-animation-active___w0F1a_1-2-8","button_style-neutral":"magritte-button_style-neutral___bPUwu_1-2-8","buttonStyleNeutral":"magritte-button_style-neutral___bPUwu_1-2-8","button_style-inverse":"magritte-button_style-inverse___Xgf26_1-2-8","buttonStyleInverse":"magritte-button_style-inverse___Xgf26_1-2-8"};
14
14
 
15
15
  const ALLOWED_BADGE_SIZES = ['small'];
16
16
  const FloatingButtonComponent = ({ Element = 'button', style = 'neutral', disabled, borderRadius, icon: IconComponent, postfix, loading, host, children, className, inlineStyle, visible, labelOnHover: _labelOnHover, hideLabel: _hideLabel, badge, position = 'right', 'data-qa': dataQa = 'floating-button', ...restProps }, ref) => {
package/index.css CHANGED
@@ -1,268 +1,268 @@
1
1
  :root{
2
- --magritte-color-component-button-background-neutral-v24-0-0:#000000;
3
- --magritte-color-component-button-background-inverse-v24-0-0:#ffffff;
4
- --magritte-color-component-button-background-state-neutral-disabled-v24-0-0:#DCE3EB;
5
- --magritte-color-component-button-background-state-neutral-hovered-v24-0-0:#343c43;
6
- --magritte-color-component-button-background-state-neutral-pressed-v24-0-0:#000000;
7
- --magritte-color-component-button-background-state-neutral-focused-v24-0-0:#000000;
8
- --magritte-color-component-button-background-state-inverse-hovered-v24-0-0:#EEF1F7;
9
- --magritte-color-component-button-background-state-inverse-pressed-v24-0-0:#ffffff;
10
- --magritte-color-component-button-background-state-inverse-focused-v24-0-0:#ffffff;
11
- --magritte-color-component-button-background-state-inverse-disabled-v24-0-0:#ffffff;
12
- --magritte-color-component-button-text-neutral-v24-0-0:#ffffff;
13
- --magritte-color-component-button-text-inverse-v24-0-0:#0d1115;
14
- --magritte-color-component-button-icon-neutral-v24-0-0:#ffffff;
15
- --magritte-color-component-button-icon-inverse-v24-0-0:#0d1115;
16
- --magritte-color-component-button-loader-icon-neutral-v24-0-0:#ffffff;
17
- --magritte-color-component-button-loader-icon-inverse-v24-0-0:#000000;
18
- --magritte-color-component-button-text-state-neutral-disabled-v24-0-0:#8293a2;
19
- --magritte-color-component-button-text-state-inverse-disabled-v24-0-0:#8da0b0;
20
- --magritte-color-component-button-icon-state-neutral-disabled-v24-0-0:#8293a2;
21
- --magritte-color-component-button-icon-state-inverse-disabled-v24-0-0:#8da0b0;
22
- --magritte-color-component-button-stroke-state-neutral-focused-accessible-v24-0-0:#0070ff7a;
23
- --magritte-color-component-button-stroke-state-inverse-focused-accessible-v24-0-0:#a4c9fe7a;
24
- --magritte-color-component-button-postfix-text-neutral-v24-0-0:#AABBCA;
25
- --magritte-color-component-button-postfix-text-inverse-v24-0-0:#0d1115;
26
- --magritte-color-component-button-postfix-text-state-neutral-disabled-v24-0-0:#AABBCA;
27
- --magritte-color-component-button-postfix-text-state-inverse-disabled-v24-0-0:#96aabb;
28
- --magritte-shadow-level-2-color-v24-0-0:#7090b03d;
29
- --magritte-shadow-level-2-x-v24-0-0:0px;
30
- --magritte-shadow-level-2-y-v24-0-0:8px;
31
- --magritte-shadow-level-2-blur-v24-0-0:16px;
32
- --magritte-shadow-level-2-spread-v24-0-0:0px;
33
- --magritte-shadow-level-1-color-v24-0-0:#7090b029;
34
- --magritte-shadow-level-1-x-v24-0-0:0px;
35
- --magritte-shadow-level-1-y-v24-0-0:4px;
36
- --magritte-shadow-level-1-blur-v24-0-0:12px;
37
- --magritte-shadow-level-1-spread-v24-0-0:0px;
2
+ --magritte-color-component-button-background-neutral-v24-0-1:#000000;
3
+ --magritte-color-component-button-background-inverse-v24-0-1:#ffffff;
4
+ --magritte-color-component-button-background-state-neutral-disabled-v24-0-1:#DCE3EB;
5
+ --magritte-color-component-button-background-state-neutral-hovered-v24-0-1:#343c43;
6
+ --magritte-color-component-button-background-state-neutral-pressed-v24-0-1:#000000;
7
+ --magritte-color-component-button-background-state-neutral-focused-v24-0-1:#000000;
8
+ --magritte-color-component-button-background-state-inverse-hovered-v24-0-1:#EEF1F7;
9
+ --magritte-color-component-button-background-state-inverse-pressed-v24-0-1:#ffffff;
10
+ --magritte-color-component-button-background-state-inverse-focused-v24-0-1:#ffffff;
11
+ --magritte-color-component-button-background-state-inverse-disabled-v24-0-1:#ffffff;
12
+ --magritte-color-component-button-text-neutral-v24-0-1:#ffffff;
13
+ --magritte-color-component-button-text-inverse-v24-0-1:#0d1115;
14
+ --magritte-color-component-button-icon-neutral-v24-0-1:#ffffff;
15
+ --magritte-color-component-button-icon-inverse-v24-0-1:#0d1115;
16
+ --magritte-color-component-button-loader-icon-neutral-v24-0-1:#ffffff;
17
+ --magritte-color-component-button-loader-icon-inverse-v24-0-1:#000000;
18
+ --magritte-color-component-button-text-state-neutral-disabled-v24-0-1:#8293a2;
19
+ --magritte-color-component-button-text-state-inverse-disabled-v24-0-1:#8da0b0;
20
+ --magritte-color-component-button-icon-state-neutral-disabled-v24-0-1:#8293a2;
21
+ --magritte-color-component-button-icon-state-inverse-disabled-v24-0-1:#8da0b0;
22
+ --magritte-color-component-button-stroke-state-neutral-focused-accessible-v24-0-1:#0070ff7a;
23
+ --magritte-color-component-button-stroke-state-inverse-focused-accessible-v24-0-1:#a4c9fe7a;
24
+ --magritte-color-component-button-postfix-text-neutral-v24-0-1:#AABBCA;
25
+ --magritte-color-component-button-postfix-text-inverse-v24-0-1:#0d1115;
26
+ --magritte-color-component-button-postfix-text-state-neutral-disabled-v24-0-1:#AABBCA;
27
+ --magritte-color-component-button-postfix-text-state-inverse-disabled-v24-0-1:#96aabb;
28
+ --magritte-shadow-level-2-color-v24-0-1:#7090b03d;
29
+ --magritte-shadow-level-2-x-v24-0-1:0px;
30
+ --magritte-shadow-level-2-y-v24-0-1:8px;
31
+ --magritte-shadow-level-2-blur-v24-0-1:16px;
32
+ --magritte-shadow-level-2-spread-v24-0-1:0px;
33
+ --magritte-shadow-level-1-color-v24-0-1:#7090b029;
34
+ --magritte-shadow-level-1-x-v24-0-1:0px;
35
+ --magritte-shadow-level-1-y-v24-0-1:4px;
36
+ --magritte-shadow-level-1-blur-v24-0-1:12px;
37
+ --magritte-shadow-level-1-spread-v24-0-1:0px;
38
38
  }
39
39
 
40
40
  :root{
41
- --magritte-semantic-animation-time-s-duration-v24-0-0:200ms;
42
- --magritte-semantic-animation-ease-base-timing-function-v24-0-0:cubic-bezier(0.4, 0.24, 0, 1);
43
- --magritte-semantic-animation-ease-in-out-100-timing-function-v24-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
44
- --magritte-semantic-animation-ease-in-out-100-duration-v24-0-0:100ms;
45
- --magritte-semantic-animation-ease-in-out-200-timing-function-v24-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
46
- --magritte-semantic-animation-ease-in-out-200-duration-v24-0-0:200ms;
41
+ --magritte-semantic-animation-time-s-duration-v24-0-1:200ms;
42
+ --magritte-semantic-animation-ease-base-timing-function-v24-0-1:cubic-bezier(0.4, 0.24, 0, 1);
43
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v24-0-1:cubic-bezier(0.25, 0.1, 0.25, 1);
44
+ --magritte-semantic-animation-ease-in-out-100-duration-v24-0-1:100ms;
45
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v24-0-1:cubic-bezier(0.25, 0.1, 0.25, 1);
46
+ --magritte-semantic-animation-ease-in-out-200-duration-v24-0-1:200ms;
47
47
  }
48
48
 
49
49
  .magritte-night-theme{
50
- --magritte-color-component-button-background-neutral-v24-0-0:#ffffff;
51
- --magritte-color-component-button-background-inverse-v24-0-0:#303030;
52
- --magritte-color-component-button-background-state-neutral-disabled-v24-0-0:#303030;
53
- --magritte-color-component-button-background-state-inverse-disabled-v24-0-0:#262626;
54
- --magritte-color-component-button-background-state-neutral-hovered-v24-0-0:#F1F1F1;
55
- --magritte-color-component-button-background-state-neutral-pressed-v24-0-0:#ffffff;
56
- --magritte-color-component-button-background-state-neutral-focused-v24-0-0:#ffffff;
57
- --magritte-color-component-button-background-state-inverse-hovered-v24-0-0:#3B3B3B;
58
- --magritte-color-component-button-background-state-inverse-pressed-v24-0-0:#303030;
59
- --magritte-color-component-button-background-state-inverse-focused-v24-0-0:#303030;
60
- --magritte-color-component-button-text-neutral-v24-0-0:#000000;
61
- --magritte-color-component-button-text-inverse-v24-0-0:#ffffff;
62
- --magritte-color-component-button-text-state-neutral-disabled-v24-0-0:#848484;
63
- --magritte-color-component-button-text-state-inverse-disabled-v24-0-0:#848484;
64
- --magritte-color-component-button-icon-state-neutral-disabled-v24-0-0:#848484;
65
- --magritte-color-component-button-icon-state-inverse-disabled-v24-0-0:#848484;
66
- --magritte-color-component-button-icon-neutral-v24-0-0:#000000;
67
- --magritte-color-component-button-icon-inverse-v24-0-0:#ffffff;
68
- --magritte-color-component-button-loader-icon-neutral-v24-0-0:#000000;
69
- --magritte-color-component-button-loader-icon-inverse-v24-0-0:#ffffff;
70
- --magritte-color-component-button-postfix-text-neutral-v24-0-0:#ABABAB;
71
- --magritte-color-component-button-postfix-text-inverse-v24-0-0:#ABABAB;
72
- --magritte-color-component-button-postfix-text-state-neutral-disabled-v24-0-0:#535353;
73
- --magritte-color-component-button-postfix-text-state-inverse-disabled-v24-0-0:#535353;
74
- --magritte-shadow-level-2-color-v24-0-0:#0000003d;
75
- --magritte-shadow-level-1-color-v24-0-0:#00000029;
76
- }
77
- .magritte-wrapper___7m9lC_1-2-6{
50
+ --magritte-color-component-button-background-neutral-v24-0-1:#ffffff;
51
+ --magritte-color-component-button-background-inverse-v24-0-1:#303030;
52
+ --magritte-color-component-button-background-state-neutral-disabled-v24-0-1:#303030;
53
+ --magritte-color-component-button-background-state-inverse-disabled-v24-0-1:#262626;
54
+ --magritte-color-component-button-background-state-neutral-hovered-v24-0-1:#F1F1F1;
55
+ --magritte-color-component-button-background-state-neutral-pressed-v24-0-1:#ffffff;
56
+ --magritte-color-component-button-background-state-neutral-focused-v24-0-1:#ffffff;
57
+ --magritte-color-component-button-background-state-inverse-hovered-v24-0-1:#3B3B3B;
58
+ --magritte-color-component-button-background-state-inverse-pressed-v24-0-1:#303030;
59
+ --magritte-color-component-button-background-state-inverse-focused-v24-0-1:#303030;
60
+ --magritte-color-component-button-text-neutral-v24-0-1:#000000;
61
+ --magritte-color-component-button-text-inverse-v24-0-1:#ffffff;
62
+ --magritte-color-component-button-text-state-neutral-disabled-v24-0-1:#848484;
63
+ --magritte-color-component-button-text-state-inverse-disabled-v24-0-1:#848484;
64
+ --magritte-color-component-button-icon-state-neutral-disabled-v24-0-1:#848484;
65
+ --magritte-color-component-button-icon-state-inverse-disabled-v24-0-1:#848484;
66
+ --magritte-color-component-button-icon-neutral-v24-0-1:#000000;
67
+ --magritte-color-component-button-icon-inverse-v24-0-1:#ffffff;
68
+ --magritte-color-component-button-loader-icon-neutral-v24-0-1:#000000;
69
+ --magritte-color-component-button-loader-icon-inverse-v24-0-1:#ffffff;
70
+ --magritte-color-component-button-postfix-text-neutral-v24-0-1:#ABABAB;
71
+ --magritte-color-component-button-postfix-text-inverse-v24-0-1:#ABABAB;
72
+ --magritte-color-component-button-postfix-text-state-neutral-disabled-v24-0-1:#535353;
73
+ --magritte-color-component-button-postfix-text-state-inverse-disabled-v24-0-1:#535353;
74
+ --magritte-shadow-level-2-color-v24-0-1:#0000003d;
75
+ --magritte-shadow-level-1-color-v24-0-1:#00000029;
76
+ }
77
+ .magritte-wrapper___7m9lC_1-2-8{
78
78
  display:inline-block;
79
79
  position:fixed;
80
80
  }
81
- .magritte-wrapper___7m9lC_1-2-6,
82
- .magritte-animation-timeout___NL8n0_1-2-6{
81
+ .magritte-wrapper___7m9lC_1-2-8,
82
+ .magritte-animation-timeout___NL8n0_1-2-8{
83
83
  --animation-duration:0;
84
84
  }
85
85
  @media (prefers-reduced-motion: no-preference){
86
- .magritte-wrapper___7m9lC_1-2-6,
87
- .magritte-animation-timeout___NL8n0_1-2-6{
88
- --animation-duration:var(--magritte-semantic-animation-time-s-duration-v24-0-0);
86
+ .magritte-wrapper___7m9lC_1-2-8,
87
+ .magritte-animation-timeout___NL8n0_1-2-8{
88
+ --animation-duration:var(--magritte-semantic-animation-time-s-duration-v24-0-1);
89
89
  }
90
90
  }
91
- .magritte-button___nL-Hn_1-2-6{
91
+ .magritte-button___nL-Hn_1-2-8{
92
92
  display:inline-block;
93
93
  padding:12px;
94
94
  border-radius:24px;
95
95
  transition-property:transform;
96
- transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-0-0);
97
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-0-0);
96
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-0-1);
97
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-0-1);
98
98
  }
99
- .magritte-button___nL-Hn_1-2-6:disabled,
100
- .magritte-button___nL-Hn_1-2-6[aria-disabled='true'],
101
- .magritte-button___nL-Hn_1-2-6.magritte-loading___C0oPZ_1-2-6{
99
+ .magritte-button___nL-Hn_1-2-8:disabled,
100
+ .magritte-button___nL-Hn_1-2-8[aria-disabled='true'],
101
+ .magritte-button___nL-Hn_1-2-8.magritte-loading___C0oPZ_1-2-8{
102
102
  pointer-events:none;
103
103
  cursor:not-allowed;
104
104
  }
105
- .magritte-button___nL-Hn_1-2-6:not(:disabled):active,
106
- .magritte-button___nL-Hn_1-2-6:not([aria-disabled='true']):active{
105
+ .magritte-button___nL-Hn_1-2-8:not(:disabled):active,
106
+ .magritte-button___nL-Hn_1-2-8:not([aria-disabled='true']):active{
107
107
  transform:scale(0.96);
108
- transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v24-0-0);
109
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-0-0);
108
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v24-0-1);
109
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-0-1);
110
110
  }
111
- .magritte-withIconAndLabel___Qa-lU_1-2-6{
111
+ .magritte-withIconAndLabel___Qa-lU_1-2-8{
112
112
  padding:12px 16px;
113
113
  }
114
- .magritte-right___3n0Rz_1-2-6{
114
+ .magritte-right___3n0Rz_1-2-8{
115
115
  right:16px;
116
116
  bottom:20px;
117
117
  }
118
118
  @media (min-width: 1020px){
119
- body.magritte-old-layout .magritte-right___3n0Rz_1-2-6{
119
+ body.magritte-old-layout .magritte-right___3n0Rz_1-2-8{
120
120
  right:36px;
121
121
  bottom:32px;
122
122
  }
123
123
  }
124
124
  @media (min-width: 1024px){
125
- body:not(.magritte-old-layout) .magritte-right___3n0Rz_1-2-6{
125
+ body:not(.magritte-old-layout) .magritte-right___3n0Rz_1-2-8{
126
126
  right:36px;
127
127
  bottom:32px;
128
128
  }
129
129
  }
130
- .magritte-right___3n0Rz_1-2-6 .magritte-content___JNpTZ_1-2-6{
130
+ .magritte-right___3n0Rz_1-2-8 .magritte-content___JNpTZ_1-2-8{
131
131
  justify-content:end;
132
132
  }
133
- .magritte-left___GnzU7_1-2-6{
133
+ .magritte-left___GnzU7_1-2-8{
134
134
  left:16px;
135
135
  bottom:20px;
136
136
  }
137
137
  @media (min-width: 1020px){
138
- body.magritte-old-layout .magritte-left___GnzU7_1-2-6{
138
+ body.magritte-old-layout .magritte-left___GnzU7_1-2-8{
139
139
  left:36px;
140
140
  bottom:32px;
141
141
  }
142
142
  }
143
143
  @media (min-width: 1024px){
144
- body:not(.magritte-old-layout) .magritte-left___GnzU7_1-2-6{
144
+ body:not(.magritte-old-layout) .magritte-left___GnzU7_1-2-8{
145
145
  left:36px;
146
146
  bottom:32px;
147
147
  }
148
148
  }
149
- .magritte-left___GnzU7_1-2-6 .magritte-content___JNpTZ_1-2-6{
149
+ .magritte-left___GnzU7_1-2-8 .magritte-content___JNpTZ_1-2-8{
150
150
  justify-content:start;
151
151
  }
152
- .magritte-center___MdA40_1-2-6{
152
+ .magritte-center___MdA40_1-2-8{
153
153
  left:50%;
154
154
  bottom:20px;
155
155
  transform:translateX(-50%);
156
156
  }
157
157
  @media (min-width: 1020px){
158
- body.magritte-old-layout .magritte-center___MdA40_1-2-6{
158
+ body.magritte-old-layout .magritte-center___MdA40_1-2-8{
159
159
  bottom:32px;
160
160
  }
161
161
  }
162
162
  @media (min-width: 1024px){
163
- body:not(.magritte-old-layout) .magritte-center___MdA40_1-2-6{
163
+ body:not(.magritte-old-layout) .magritte-center___MdA40_1-2-8{
164
164
  bottom:32px;
165
165
  }
166
166
  }
167
- .magritte-center___MdA40_1-2-6 .magritte-content___JNpTZ_1-2-6{
167
+ .magritte-center___MdA40_1-2-8 .magritte-content___JNpTZ_1-2-8{
168
168
  justify-content:space-between;
169
169
  }
170
- .magritte-postfix___r0EZ6_1-2-6{
170
+ .magritte-postfix___r0EZ6_1-2-8{
171
171
  padding:0 4px;
172
172
  }
173
- .magritte-icon___VpqJt_1-2-6{
173
+ .magritte-icon___VpqJt_1-2-8{
174
174
  margin-right:4px;
175
175
  }
176
- .magritte-textless___IbYgp_1-2-6 .magritte-icon___VpqJt_1-2-6{
176
+ .magritte-textless___IbYgp_1-2-8 .magritte-icon___VpqJt_1-2-8{
177
177
  margin:0;
178
178
  }
179
- .magritte-label___EPgvj_1-2-6{
179
+ .magritte-label___EPgvj_1-2-8{
180
180
  text-align:left;
181
181
  overflow:hidden;
182
182
  transition-property:padding;
183
183
  transition-duration:var(--animation-duration);
184
- transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-0-0);
184
+ transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-0-1);
185
185
  padding:0 4px;
186
186
  }
187
- .magritte-content___JNpTZ_1-2-6{
187
+ .magritte-content___JNpTZ_1-2-8{
188
188
  display:inline-grid;
189
189
  justify-content:flex-end;
190
190
  grid-template-columns:max-content 1fr;
191
191
  transition-property:grid-template-columns;
192
192
  min-height:24px;
193
193
  transition-duration:var(--animation-duration);
194
- transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-0-0);
194
+ transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-0-1);
195
195
  }
196
- .magritte-withPostfix___PmQAz_1-2-6 .magritte-content___JNpTZ_1-2-6{
196
+ .magritte-withPostfix___PmQAz_1-2-8 .magritte-content___JNpTZ_1-2-8{
197
197
  grid-template-columns:max-content 1fr max-content;
198
198
  }
199
- .magritte-hideLabel___K79XM_1-2-6 .magritte-content___JNpTZ_1-2-6{
199
+ .magritte-hideLabel___K79XM_1-2-8 .magritte-content___JNpTZ_1-2-8{
200
200
  grid-template-columns:max-content 0fr;
201
201
  }
202
- .magritte-hideLabel___K79XM_1-2-6 .magritte-label___EPgvj_1-2-6{
202
+ .magritte-hideLabel___K79XM_1-2-8 .magritte-label___EPgvj_1-2-8{
203
203
  padding:0;
204
204
  }
205
- .magritte-hideLabel___K79XM_1-2-6.magritte-withPostfix___PmQAz_1-2-6 .magritte-content___JNpTZ_1-2-6{
205
+ .magritte-hideLabel___K79XM_1-2-8.magritte-withPostfix___PmQAz_1-2-8 .magritte-content___JNpTZ_1-2-8{
206
206
  grid-template-columns:max-content 0fr max-content;
207
207
  }
208
- .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6).magritte-withIconAndLabel___Qa-lU_1-2-6{
208
+ .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8).magritte-withIconAndLabel___Qa-lU_1-2-8{
209
209
  padding:12px;
210
210
  }
211
- .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6):not(.magritte-withPostfix___PmQAz_1-2-6) .magritte-icon___VpqJt_1-2-6{
211
+ .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8):not(.magritte-withPostfix___PmQAz_1-2-8) .magritte-icon___VpqJt_1-2-8{
212
212
  margin:0;
213
213
  }
214
- .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6) .magritte-content___JNpTZ_1-2-6{
214
+ .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8) .magritte-content___JNpTZ_1-2-8{
215
215
  grid-template-columns:max-content 0fr;
216
216
  }
217
- .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6).magritte-withPostfix___PmQAz_1-2-6 .magritte-content___JNpTZ_1-2-6{
217
+ .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8).magritte-withPostfix___PmQAz_1-2-8 .magritte-content___JNpTZ_1-2-8{
218
218
  grid-template-columns:max-content 0fr max-content;
219
219
  }
220
- .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6) .magritte-label___EPgvj_1-2-6{
220
+ .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8) .magritte-label___EPgvj_1-2-8{
221
221
  padding:0;
222
222
  }
223
223
  @media (min-width: 1020px){
224
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_1-2-6{
224
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_1-2-8{
225
225
  padding:12px 16px;
226
226
  }
227
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_1-2-6{
227
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_1-2-8{
228
228
  margin-right:4px;
229
229
  }
230
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_1-2-6{
230
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_1-2-8{
231
231
  grid-template-columns:max-content 1fr;
232
232
  }
233
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_1-2-6 .magritte-content___JNpTZ_1-2-6{
233
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_1-2-8 .magritte-content___JNpTZ_1-2-8{
234
234
  grid-template-columns:max-content 1fr max-content;
235
235
  }
236
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_1-2-6{
236
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_1-2-8{
237
237
  padding:0 4px;
238
238
  }
239
239
  }
240
240
  @media (min-width: 1024px){
241
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_1-2-6{
241
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_1-2-8{
242
242
  padding:12px 16px;
243
243
  }
244
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_1-2-6{
244
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_1-2-8{
245
245
  margin-right:4px;
246
246
  }
247
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_1-2-6{
247
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_1-2-8{
248
248
  grid-template-columns:max-content 1fr;
249
249
  }
250
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_1-2-6 .magritte-content___JNpTZ_1-2-6{
250
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_1-2-8 .magritte-content___JNpTZ_1-2-8{
251
251
  grid-template-columns:max-content 1fr max-content;
252
252
  }
253
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-6:not(.magritte-hideLabel___K79XM_1-2-6):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_1-2-6{
253
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-8:not(.magritte-hideLabel___K79XM_1-2-8):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_1-2-8{
254
254
  padding:0 4px;
255
255
  }
256
256
  }
257
- .magritte-loading___C0oPZ_1-2-6 .magritte-postfix___r0EZ6_1-2-6,
258
- .magritte-loading___C0oPZ_1-2-6 .magritte-icon___VpqJt_1-2-6,
259
- .magritte-loading___C0oPZ_1-2-6 .magritte-label___EPgvj_1-2-6{
257
+ .magritte-loading___C0oPZ_1-2-8 .magritte-postfix___r0EZ6_1-2-8,
258
+ .magritte-loading___C0oPZ_1-2-8 .magritte-icon___VpqJt_1-2-8,
259
+ .magritte-loading___C0oPZ_1-2-8 .magritte-label___EPgvj_1-2-8{
260
260
  visibility:hidden;
261
261
  }
262
- .magritte-border-radius___ObLLb_1-2-6{
262
+ .magritte-border-radius___ObLLb_1-2-8{
263
263
  border-radius:12px;
264
264
  }
265
- .magritte-loader___EPezG_1-2-6{
265
+ .magritte-loader___EPezG_1-2-8{
266
266
  position:absolute;
267
267
  left:50%;
268
268
  top:50%;
@@ -270,97 +270,97 @@
270
270
  line-height:0;
271
271
  overflow:hidden;
272
272
  }
273
- .magritte-enter-animation___2sPz3_1-2-6{
273
+ .magritte-enter-animation___2sPz3_1-2-8{
274
274
  opacity:0;
275
275
  }
276
- .magritte-enter-animation-active___Lq9eq_1-2-6{
276
+ .magritte-enter-animation-active___Lq9eq_1-2-8{
277
277
  opacity:1;
278
278
  transition-property:opacity;
279
279
  transition-duration:var(--animation-duration);
280
- transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-0-0);
280
+ transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-0-1);
281
281
  }
282
- .magritte-exit-animation___h2-7a_1-2-6{
282
+ .magritte-exit-animation___h2-7a_1-2-8{
283
283
  opacity:1;
284
284
  }
285
- .magritte-exit-animation-active___w0F1a_1-2-6{
285
+ .magritte-exit-animation-active___w0F1a_1-2-8{
286
286
  opacity:0;
287
287
  transition-property:opacity;
288
288
  transition-duration:var(--animation-duration);
289
- transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-0-0);
289
+ transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-0-1);
290
290
  }
291
- .magritte-button_style-neutral___bPUwu_1-2-6{
292
- background:var(--magritte-color-component-button-background-neutral-v24-0-0);
293
- --magritte-ui-text-color-override:var(--magritte-color-component-button-text-neutral-v24-0-0);
294
- --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-neutral-v24-0-0);
295
- box-shadow:var(--magritte-shadow-level-2-x-v24-0-0) var(--magritte-shadow-level-2-y-v24-0-0) var(--magritte-shadow-level-2-blur-v24-0-0) var(--magritte-shadow-level-2-spread-v24-0-0) var(--magritte-shadow-level-2-color-v24-0-0);
296
- --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-neutral-v24-0-0);
291
+ .magritte-button_style-neutral___bPUwu_1-2-8{
292
+ background:var(--magritte-color-component-button-background-neutral-v24-0-1);
293
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-text-neutral-v24-0-1);
294
+ --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-neutral-v24-0-1);
295
+ box-shadow:var(--magritte-shadow-level-2-x-v24-0-1) var(--magritte-shadow-level-2-y-v24-0-1) var(--magritte-shadow-level-2-blur-v24-0-1) var(--magritte-shadow-level-2-spread-v24-0-1) var(--magritte-shadow-level-2-color-v24-0-1);
296
+ --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-neutral-v24-0-1);
297
297
  }
298
- .magritte-button_style-neutral___bPUwu_1-2-6 .magritte-postfix___r0EZ6_1-2-6{
299
- --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-neutral-v24-0-0);
298
+ .magritte-button_style-neutral___bPUwu_1-2-8 .magritte-postfix___r0EZ6_1-2-8{
299
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-neutral-v24-0-1);
300
300
  }
301
- .magritte-button_style-neutral___bPUwu_1-2-6.focus-visible{
302
- outline:4px solid var(--magritte-color-component-button-stroke-state-neutral-focused-accessible-v24-0-0);
303
- background:var(--magritte-color-component-button-background-state-neutral-focused-v24-0-0);
301
+ .magritte-button_style-neutral___bPUwu_1-2-8.focus-visible{
302
+ outline:4px solid var(--magritte-color-component-button-stroke-state-neutral-focused-accessible-v24-0-1);
303
+ background:var(--magritte-color-component-button-background-state-neutral-focused-v24-0-1);
304
304
  }
305
- .magritte-button_style-neutral___bPUwu_1-2-6:not(:disabled):active,
306
- .magritte-button_style-neutral___bPUwu_1-2-6:not([aria-disabled='true']):active{
307
- background:var(--magritte-color-component-button-background-state-neutral-pressed-v24-0-0);
305
+ .magritte-button_style-neutral___bPUwu_1-2-8:not(:disabled):active,
306
+ .magritte-button_style-neutral___bPUwu_1-2-8:not([aria-disabled='true']):active{
307
+ background:var(--magritte-color-component-button-background-state-neutral-pressed-v24-0-1);
308
308
  }
309
- .magritte-button_style-neutral___bPUwu_1-2-6:disabled,
310
- .magritte-button_style-neutral___bPUwu_1-2-6[aria-disabled='true']{
311
- background:var(--magritte-color-component-button-background-state-neutral-disabled-v24-0-0);
312
- --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-neutral-disabled-v24-0-0);
313
- --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-neutral-disabled-v24-0-0);
309
+ .magritte-button_style-neutral___bPUwu_1-2-8:disabled,
310
+ .magritte-button_style-neutral___bPUwu_1-2-8[aria-disabled='true']{
311
+ background:var(--magritte-color-component-button-background-state-neutral-disabled-v24-0-1);
312
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-neutral-disabled-v24-0-1);
313
+ --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-neutral-disabled-v24-0-1);
314
314
  }
315
- .magritte-button_style-neutral___bPUwu_1-2-6:disabled .magritte-postfix___r0EZ6_1-2-6,
316
- .magritte-button_style-neutral___bPUwu_1-2-6[aria-disabled='true'] .magritte-postfix___r0EZ6_1-2-6{
317
- --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-neutral-disabled-v24-0-0);
315
+ .magritte-button_style-neutral___bPUwu_1-2-8:disabled .magritte-postfix___r0EZ6_1-2-8,
316
+ .magritte-button_style-neutral___bPUwu_1-2-8[aria-disabled='true'] .magritte-postfix___r0EZ6_1-2-8{
317
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-neutral-disabled-v24-0-1);
318
318
  }
319
319
  @media (min-width: 1020px){
320
- body.magritte-old-layout .magritte-button_style-neutral___bPUwu_1-2-6:hover:not(:active):not(:disabled):not([aria-disabled='true']){
321
- background:var(--magritte-color-component-button-background-state-neutral-hovered-v24-0-0);
320
+ body.magritte-old-layout .magritte-button_style-neutral___bPUwu_1-2-8:hover:not(:active):not(:disabled):not([aria-disabled='true']){
321
+ background:var(--magritte-color-component-button-background-state-neutral-hovered-v24-0-1);
322
322
  }
323
323
  }
324
324
  @media (min-width: 1024px){
325
- body:not(.magritte-old-layout) .magritte-button_style-neutral___bPUwu_1-2-6:hover:not(:active):not(:disabled):not([aria-disabled='true']){
326
- background:var(--magritte-color-component-button-background-state-neutral-hovered-v24-0-0);
325
+ body:not(.magritte-old-layout) .magritte-button_style-neutral___bPUwu_1-2-8:hover:not(:active):not(:disabled):not([aria-disabled='true']){
326
+ background:var(--magritte-color-component-button-background-state-neutral-hovered-v24-0-1);
327
327
  }
328
328
  }
329
- .magritte-button_style-inverse___Xgf26_1-2-6{
330
- background:var(--magritte-color-component-button-background-inverse-v24-0-0);
331
- --magritte-ui-text-color-override:var(--magritte-color-component-button-text-inverse-v24-0-0);
332
- --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-inverse-v24-0-0);
333
- box-shadow:var(--magritte-shadow-level-1-x-v24-0-0) var(--magritte-shadow-level-1-y-v24-0-0) var(--magritte-shadow-level-1-blur-v24-0-0) var(--magritte-shadow-level-1-spread-v24-0-0) var(--magritte-shadow-level-1-color-v24-0-0);
334
- --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-inverse-v24-0-0);
329
+ .magritte-button_style-inverse___Xgf26_1-2-8{
330
+ background:var(--magritte-color-component-button-background-inverse-v24-0-1);
331
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-text-inverse-v24-0-1);
332
+ --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-inverse-v24-0-1);
333
+ box-shadow:var(--magritte-shadow-level-1-x-v24-0-1) var(--magritte-shadow-level-1-y-v24-0-1) var(--magritte-shadow-level-1-blur-v24-0-1) var(--magritte-shadow-level-1-spread-v24-0-1) var(--magritte-shadow-level-1-color-v24-0-1);
334
+ --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-inverse-v24-0-1);
335
335
  }
336
- .magritte-button_style-inverse___Xgf26_1-2-6 .magritte-postfix___r0EZ6_1-2-6{
337
- --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-inverse-v24-0-0);
336
+ .magritte-button_style-inverse___Xgf26_1-2-8 .magritte-postfix___r0EZ6_1-2-8{
337
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-inverse-v24-0-1);
338
338
  }
339
- .magritte-button_style-inverse___Xgf26_1-2-6.focus-visible{
340
- outline:4px solid var(--magritte-color-component-button-stroke-state-inverse-focused-accessible-v24-0-0);
341
- background:var(--magritte-color-component-button-background-state-inverse-focused-v24-0-0);
339
+ .magritte-button_style-inverse___Xgf26_1-2-8.focus-visible{
340
+ outline:4px solid var(--magritte-color-component-button-stroke-state-inverse-focused-accessible-v24-0-1);
341
+ background:var(--magritte-color-component-button-background-state-inverse-focused-v24-0-1);
342
342
  }
343
- .magritte-button_style-inverse___Xgf26_1-2-6:not(:disabled):active,
344
- .magritte-button_style-inverse___Xgf26_1-2-6:not([aria-disabled='true']):active{
345
- background:var(--magritte-color-component-button-background-state-inverse-pressed-v24-0-0);
343
+ .magritte-button_style-inverse___Xgf26_1-2-8:not(:disabled):active,
344
+ .magritte-button_style-inverse___Xgf26_1-2-8:not([aria-disabled='true']):active{
345
+ background:var(--magritte-color-component-button-background-state-inverse-pressed-v24-0-1);
346
346
  }
347
- .magritte-button_style-inverse___Xgf26_1-2-6:disabled,
348
- .magritte-button_style-inverse___Xgf26_1-2-6[aria-disabled='true']{
349
- background:var(--magritte-color-component-button-background-state-inverse-disabled-v24-0-0);
350
- --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-inverse-disabled-v24-0-0);
351
- --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-inverse-disabled-v24-0-0);
347
+ .magritte-button_style-inverse___Xgf26_1-2-8:disabled,
348
+ .magritte-button_style-inverse___Xgf26_1-2-8[aria-disabled='true']{
349
+ background:var(--magritte-color-component-button-background-state-inverse-disabled-v24-0-1);
350
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-inverse-disabled-v24-0-1);
351
+ --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-inverse-disabled-v24-0-1);
352
352
  }
353
- .magritte-button_style-inverse___Xgf26_1-2-6:disabled .magritte-postfix___r0EZ6_1-2-6,
354
- .magritte-button_style-inverse___Xgf26_1-2-6[aria-disabled='true'] .magritte-postfix___r0EZ6_1-2-6{
355
- --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-inverse-disabled-v24-0-0);
353
+ .magritte-button_style-inverse___Xgf26_1-2-8:disabled .magritte-postfix___r0EZ6_1-2-8,
354
+ .magritte-button_style-inverse___Xgf26_1-2-8[aria-disabled='true'] .magritte-postfix___r0EZ6_1-2-8{
355
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-inverse-disabled-v24-0-1);
356
356
  }
357
357
  @media (min-width: 1020px){
358
- body.magritte-old-layout .magritte-button_style-inverse___Xgf26_1-2-6:hover:not(:active):not(:disabled):not([aria-disabled='true']){
359
- background:var(--magritte-color-component-button-background-state-inverse-hovered-v24-0-0);
358
+ body.magritte-old-layout .magritte-button_style-inverse___Xgf26_1-2-8:hover:not(:active):not(:disabled):not([aria-disabled='true']){
359
+ background:var(--magritte-color-component-button-background-state-inverse-hovered-v24-0-1);
360
360
  }
361
361
  }
362
362
  @media (min-width: 1024px){
363
- body:not(.magritte-old-layout) .magritte-button_style-inverse___Xgf26_1-2-6:hover:not(:active):not(:disabled):not([aria-disabled='true']){
364
- background:var(--magritte-color-component-button-background-state-inverse-hovered-v24-0-0);
363
+ body:not(.magritte-old-layout) .magritte-button_style-inverse___Xgf26_1-2-8:hover:not(:active):not(:disabled):not([aria-disabled='true']){
364
+ background:var(--magritte-color-component-button-background-state-inverse-hovered-v24-0-1);
365
365
  }
366
366
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-floating-button",
3
- "version": "1.2.6",
3
+ "version": "1.2.8",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -20,14 +20,14 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@hh.ru/magritte-common-is-server-env": "1.0.7",
23
- "@hh.ru/magritte-design-tokens": "24.0.0",
23
+ "@hh.ru/magritte-design-tokens": "24.0.1",
24
24
  "@hh.ru/magritte-types": "5.0.5",
25
- "@hh.ru/magritte-ui-badge": "3.2.3",
25
+ "@hh.ru/magritte-ui-badge": "3.2.5",
26
26
  "@hh.ru/magritte-ui-breakpoint": "6.0.1",
27
27
  "@hh.ru/magritte-ui-layer": "3.0.5",
28
- "@hh.ru/magritte-ui-loader": "2.0.15",
28
+ "@hh.ru/magritte-ui-loader": "2.0.17",
29
29
  "@hh.ru/magritte-ui-mock-component": "1.1.5",
30
- "@hh.ru/magritte-ui-typography": "4.2.7"
30
+ "@hh.ru/magritte-ui-typography": "4.3.0"
31
31
  },
32
32
  "peerDependencies": {
33
33
  "classnames": ">=2.3.2",
@@ -38,5 +38,5 @@
38
38
  "publishConfig": {
39
39
  "access": "public"
40
40
  },
41
- "gitHead": "2d36fc4bfdcb463606afab1541531d8ebf916d67"
41
+ "gitHead": "8a0169936e3009404c090e950b82e6b81efc6bc9"
42
42
  }