@hh.ru/magritte-ui-floating-button 1.0.1 → 1.0.2

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 +172 -172
  3. package/package.json +7 -7
package/FloatingButton.js CHANGED
@@ -6,7 +6,7 @@ import { useServerEnv } from '@hh.ru/magritte-common-is-server-env';
6
6
  import { Loader } from '@hh.ru/magritte-ui-loader';
7
7
  import { Text } from '@hh.ru/magritte-ui-typography';
8
8
 
9
- var styles = {"button":"magritte-button___nL-Hn_1-0-1","loading":"magritte-loading___C0oPZ_1-0-1","postfix":"magritte-postfix___r0EZ6_1-0-1","icon":"magritte-icon___VpqJt_1-0-1","label":"magritte-label___EPgvj_1-0-1","border-radius":"magritte-border-radius___ObLLb_1-0-1","borderRadius":"magritte-border-radius___ObLLb_1-0-1","content":"magritte-content___JNpTZ_1-0-1","withLabel":"magritte-withLabel___3gZML_1-0-1","loader":"magritte-loader___EPezG_1-0-1","button_style-neutral":"magritte-button_style-neutral___bPUwu_1-0-1","buttonStyleNeutral":"magritte-button_style-neutral___bPUwu_1-0-1","button_style-inverse":"magritte-button_style-inverse___Xgf26_1-0-1","buttonStyleInverse":"magritte-button_style-inverse___Xgf26_1-0-1"};
9
+ var styles = {"button":"magritte-button___nL-Hn_1-0-2","loading":"magritte-loading___C0oPZ_1-0-2","postfix":"magritte-postfix___r0EZ6_1-0-2","icon":"magritte-icon___VpqJt_1-0-2","label":"magritte-label___EPgvj_1-0-2","border-radius":"magritte-border-radius___ObLLb_1-0-2","borderRadius":"magritte-border-radius___ObLLb_1-0-2","content":"magritte-content___JNpTZ_1-0-2","withLabel":"magritte-withLabel___3gZML_1-0-2","loader":"magritte-loader___EPezG_1-0-2","button_style-neutral":"magritte-button_style-neutral___bPUwu_1-0-2","buttonStyleNeutral":"magritte-button_style-neutral___bPUwu_1-0-2","button_style-inverse":"magritte-button_style-inverse___Xgf26_1-0-2","buttonStyleInverse":"magritte-button_style-inverse___Xgf26_1-0-2"};
10
10
 
11
11
  const FloatingButton = (props) => {
12
12
  const { Element = 'button', style = 'neutral', disabled, borderRadius, icon: IconComponent, postfix, loading, host, children, className, inlineStyle, } = props;
package/index.css CHANGED
@@ -1,124 +1,124 @@
1
1
  :root{
2
- --magritte-color-component-button-background-neutral-v23-2-0:#000000;
3
- --magritte-color-component-button-background-inverse-v23-2-0:#ffffff;
4
- --magritte-color-component-button-background-state-neutral-disabled-v23-2-0:#DCE3EB;
5
- --magritte-color-component-button-background-state-neutral-hovered-v23-2-0:#343c43;
6
- --magritte-color-component-button-background-state-neutral-pressed-v23-2-0:#000000;
7
- --magritte-color-component-button-background-state-neutral-focused-v23-2-0:#000000;
8
- --magritte-color-component-button-background-state-inverse-hovered-v23-2-0:#EEF1F7;
9
- --magritte-color-component-button-background-state-inverse-pressed-v23-2-0:#ffffff;
10
- --magritte-color-component-button-background-state-inverse-focused-v23-2-0:#ffffff;
11
- --magritte-color-component-button-background-state-inverse-disabled-v23-2-0:#ffffff;
12
- --magritte-color-component-button-text-neutral-v23-2-0:#ffffff;
13
- --magritte-color-component-button-text-inverse-v23-2-0:#0d1115;
14
- --magritte-color-component-button-icon-neutral-v23-2-0:#ffffff;
15
- --magritte-color-component-button-icon-inverse-v23-2-0:#0d1115;
16
- --magritte-color-component-button-loader-icon-neutral-v23-2-0:#ffffff;
17
- --magritte-color-component-button-loader-icon-inverse-v23-2-0:#000000;
18
- --magritte-color-component-button-text-state-neutral-disabled-v23-2-0:#8293a2;
19
- --magritte-color-component-button-text-state-inverse-disabled-v23-2-0:#8da0b0;
20
- --magritte-color-component-button-icon-state-neutral-disabled-v23-2-0:#8293a2;
21
- --magritte-color-component-button-icon-state-inverse-disabled-v23-2-0:#8da0b0;
22
- --magritte-color-component-button-stroke-state-neutral-focused-accessible-v23-2-0:#0070ff7a;
23
- --magritte-color-component-button-stroke-state-inverse-focused-accessible-v23-2-0:#a4c9fe7a;
24
- --magritte-color-component-button-postfix-text-neutral-v23-2-0:#AABBCA;
25
- --magritte-color-component-button-postfix-text-inverse-v23-2-0:#0d1115;
26
- --magritte-color-component-button-postfix-text-state-neutral-disabled-v23-2-0:#AABBCA;
27
- --magritte-color-component-button-postfix-text-state-inverse-disabled-v23-2-0:#96aabb;
28
- --magritte-shadow-level-2-color-v23-2-0:#7090b03d;
29
- --magritte-shadow-level-2-x-v23-2-0:0px;
30
- --magritte-shadow-level-2-y-v23-2-0:8px;
31
- --magritte-shadow-level-2-blur-v23-2-0:16px;
32
- --magritte-shadow-level-2-spread-v23-2-0:0px;
33
- --magritte-shadow-level-1-color-v23-2-0:#7090b029;
34
- --magritte-shadow-level-1-x-v23-2-0:0px;
35
- --magritte-shadow-level-1-y-v23-2-0:4px;
36
- --magritte-shadow-level-1-blur-v23-2-0:12px;
37
- --magritte-shadow-level-1-spread-v23-2-0:0px;
2
+ --magritte-color-component-button-background-neutral-v23-2-1:#000000;
3
+ --magritte-color-component-button-background-inverse-v23-2-1:#ffffff;
4
+ --magritte-color-component-button-background-state-neutral-disabled-v23-2-1:#DCE3EB;
5
+ --magritte-color-component-button-background-state-neutral-hovered-v23-2-1:#343c43;
6
+ --magritte-color-component-button-background-state-neutral-pressed-v23-2-1:#000000;
7
+ --magritte-color-component-button-background-state-neutral-focused-v23-2-1:#000000;
8
+ --magritte-color-component-button-background-state-inverse-hovered-v23-2-1:#EEF1F7;
9
+ --magritte-color-component-button-background-state-inverse-pressed-v23-2-1:#ffffff;
10
+ --magritte-color-component-button-background-state-inverse-focused-v23-2-1:#ffffff;
11
+ --magritte-color-component-button-background-state-inverse-disabled-v23-2-1:#ffffff;
12
+ --magritte-color-component-button-text-neutral-v23-2-1:#ffffff;
13
+ --magritte-color-component-button-text-inverse-v23-2-1:#0d1115;
14
+ --magritte-color-component-button-icon-neutral-v23-2-1:#ffffff;
15
+ --magritte-color-component-button-icon-inverse-v23-2-1:#0d1115;
16
+ --magritte-color-component-button-loader-icon-neutral-v23-2-1:#ffffff;
17
+ --magritte-color-component-button-loader-icon-inverse-v23-2-1:#000000;
18
+ --magritte-color-component-button-text-state-neutral-disabled-v23-2-1:#8293a2;
19
+ --magritte-color-component-button-text-state-inverse-disabled-v23-2-1:#8da0b0;
20
+ --magritte-color-component-button-icon-state-neutral-disabled-v23-2-1:#8293a2;
21
+ --magritte-color-component-button-icon-state-inverse-disabled-v23-2-1:#8da0b0;
22
+ --magritte-color-component-button-stroke-state-neutral-focused-accessible-v23-2-1:#0070ff7a;
23
+ --magritte-color-component-button-stroke-state-inverse-focused-accessible-v23-2-1:#a4c9fe7a;
24
+ --magritte-color-component-button-postfix-text-neutral-v23-2-1:#AABBCA;
25
+ --magritte-color-component-button-postfix-text-inverse-v23-2-1:#0d1115;
26
+ --magritte-color-component-button-postfix-text-state-neutral-disabled-v23-2-1:#AABBCA;
27
+ --magritte-color-component-button-postfix-text-state-inverse-disabled-v23-2-1:#96aabb;
28
+ --magritte-shadow-level-2-color-v23-2-1:#7090b03d;
29
+ --magritte-shadow-level-2-x-v23-2-1:0px;
30
+ --magritte-shadow-level-2-y-v23-2-1:8px;
31
+ --magritte-shadow-level-2-blur-v23-2-1:16px;
32
+ --magritte-shadow-level-2-spread-v23-2-1:0px;
33
+ --magritte-shadow-level-1-color-v23-2-1:#7090b029;
34
+ --magritte-shadow-level-1-x-v23-2-1:0px;
35
+ --magritte-shadow-level-1-y-v23-2-1:4px;
36
+ --magritte-shadow-level-1-blur-v23-2-1:12px;
37
+ --magritte-shadow-level-1-spread-v23-2-1:0px;
38
38
  }
39
39
 
40
40
  :root{
41
- --magritte-semantic-border-width-tab-focused-v23-2-0:4px;
41
+ --magritte-semantic-border-width-tab-focused-v23-2-1:4px;
42
42
  }
43
43
 
44
44
  .magritte-night-theme{
45
- --magritte-color-component-button-background-neutral-v23-2-0:#ffffff;
46
- --magritte-color-component-button-background-inverse-v23-2-0:#303030;
47
- --magritte-color-component-button-background-state-neutral-disabled-v23-2-0:#303030;
48
- --magritte-color-component-button-background-state-inverse-disabled-v23-2-0:#262626;
49
- --magritte-color-component-button-background-state-neutral-hovered-v23-2-0:#F1F1F1;
50
- --magritte-color-component-button-background-state-neutral-pressed-v23-2-0:#ffffff;
51
- --magritte-color-component-button-background-state-neutral-focused-v23-2-0:#ffffff;
52
- --magritte-color-component-button-background-state-inverse-hovered-v23-2-0:#3B3B3B;
53
- --magritte-color-component-button-background-state-inverse-pressed-v23-2-0:#303030;
54
- --magritte-color-component-button-background-state-inverse-focused-v23-2-0:#303030;
55
- --magritte-color-component-button-text-neutral-v23-2-0:#000000;
56
- --magritte-color-component-button-text-inverse-v23-2-0:#ffffff;
57
- --magritte-color-component-button-text-state-neutral-disabled-v23-2-0:#848484;
58
- --magritte-color-component-button-text-state-inverse-disabled-v23-2-0:#848484;
59
- --magritte-color-component-button-icon-state-neutral-disabled-v23-2-0:#848484;
60
- --magritte-color-component-button-icon-state-inverse-disabled-v23-2-0:#848484;
61
- --magritte-color-component-button-stroke-state-neutral-focused-accessible-v23-2-0:#0070ff7a;
62
- --magritte-color-component-button-stroke-state-inverse-focused-accessible-v23-2-0:#a4c9fe7a;
63
- --magritte-color-component-button-icon-neutral-v23-2-0:#000000;
64
- --magritte-color-component-button-icon-inverse-v23-2-0:#ffffff;
65
- --magritte-color-component-button-loader-icon-neutral-v23-2-0:#000000;
66
- --magritte-color-component-button-loader-icon-inverse-v23-2-0:#ffffff;
67
- --magritte-color-component-button-postfix-text-neutral-v23-2-0:#ABABAB;
68
- --magritte-color-component-button-postfix-text-inverse-v23-2-0:#ABABAB;
69
- --magritte-color-component-button-postfix-text-state-neutral-disabled-v23-2-0:#535353;
70
- --magritte-color-component-button-postfix-text-state-inverse-disabled-v23-2-0:#535353;
71
- --magritte-shadow-level-2-color-v23-2-0:#0000003d;
72
- --magritte-shadow-level-2-x-v23-2-0:0px;
73
- --magritte-shadow-level-2-y-v23-2-0:8px;
74
- --magritte-shadow-level-2-blur-v23-2-0:16px;
75
- --magritte-shadow-level-2-spread-v23-2-0:0px;
76
- --magritte-shadow-level-1-color-v23-2-0:#00000029;
77
- --magritte-shadow-level-1-x-v23-2-0:0px;
78
- --magritte-shadow-level-1-y-v23-2-0:4px;
79
- --magritte-shadow-level-1-blur-v23-2-0:12px;
80
- --magritte-shadow-level-1-spread-v23-2-0:0px;
45
+ --magritte-color-component-button-background-neutral-v23-2-1:#ffffff;
46
+ --magritte-color-component-button-background-inverse-v23-2-1:#303030;
47
+ --magritte-color-component-button-background-state-neutral-disabled-v23-2-1:#303030;
48
+ --magritte-color-component-button-background-state-inverse-disabled-v23-2-1:#262626;
49
+ --magritte-color-component-button-background-state-neutral-hovered-v23-2-1:#F1F1F1;
50
+ --magritte-color-component-button-background-state-neutral-pressed-v23-2-1:#ffffff;
51
+ --magritte-color-component-button-background-state-neutral-focused-v23-2-1:#ffffff;
52
+ --magritte-color-component-button-background-state-inverse-hovered-v23-2-1:#3B3B3B;
53
+ --magritte-color-component-button-background-state-inverse-pressed-v23-2-1:#303030;
54
+ --magritte-color-component-button-background-state-inverse-focused-v23-2-1:#303030;
55
+ --magritte-color-component-button-text-neutral-v23-2-1:#000000;
56
+ --magritte-color-component-button-text-inverse-v23-2-1:#ffffff;
57
+ --magritte-color-component-button-text-state-neutral-disabled-v23-2-1:#848484;
58
+ --magritte-color-component-button-text-state-inverse-disabled-v23-2-1:#848484;
59
+ --magritte-color-component-button-icon-state-neutral-disabled-v23-2-1:#848484;
60
+ --magritte-color-component-button-icon-state-inverse-disabled-v23-2-1:#848484;
61
+ --magritte-color-component-button-stroke-state-neutral-focused-accessible-v23-2-1:#0070ff7a;
62
+ --magritte-color-component-button-stroke-state-inverse-focused-accessible-v23-2-1:#a4c9fe7a;
63
+ --magritte-color-component-button-icon-neutral-v23-2-1:#000000;
64
+ --magritte-color-component-button-icon-inverse-v23-2-1:#ffffff;
65
+ --magritte-color-component-button-loader-icon-neutral-v23-2-1:#000000;
66
+ --magritte-color-component-button-loader-icon-inverse-v23-2-1:#ffffff;
67
+ --magritte-color-component-button-postfix-text-neutral-v23-2-1:#ABABAB;
68
+ --magritte-color-component-button-postfix-text-inverse-v23-2-1:#ABABAB;
69
+ --magritte-color-component-button-postfix-text-state-neutral-disabled-v23-2-1:#535353;
70
+ --magritte-color-component-button-postfix-text-state-inverse-disabled-v23-2-1:#535353;
71
+ --magritte-shadow-level-2-color-v23-2-1:#0000003d;
72
+ --magritte-shadow-level-2-x-v23-2-1:0px;
73
+ --magritte-shadow-level-2-y-v23-2-1:8px;
74
+ --magritte-shadow-level-2-blur-v23-2-1:16px;
75
+ --magritte-shadow-level-2-spread-v23-2-1:0px;
76
+ --magritte-shadow-level-1-color-v23-2-1:#00000029;
77
+ --magritte-shadow-level-1-x-v23-2-1:0px;
78
+ --magritte-shadow-level-1-y-v23-2-1:4px;
79
+ --magritte-shadow-level-1-blur-v23-2-1:12px;
80
+ --magritte-shadow-level-1-spread-v23-2-1:0px;
81
81
  }
82
82
 
83
83
  .magritte-zp-day-theme{
84
- --magritte-color-component-button-background-neutral-v23-2-0:#000000;
85
- --magritte-color-component-button-background-inverse-v23-2-0:#ffffff;
86
- --magritte-color-component-button-background-state-neutral-disabled-v23-2-0:#DCE3EB;
87
- --magritte-color-component-button-background-state-inverse-disabled-v23-2-0:#ffffff;
88
- --magritte-color-component-button-background-state-neutral-hovered-v23-2-0:#343c43;
89
- --magritte-color-component-button-background-state-neutral-pressed-v23-2-0:#000000;
90
- --magritte-color-component-button-background-state-neutral-focused-v23-2-0:#000000;
91
- --magritte-color-component-button-background-state-inverse-hovered-v23-2-0:#EEF1F7;
92
- --magritte-color-component-button-background-state-inverse-pressed-v23-2-0:#ffffff;
93
- --magritte-color-component-button-background-state-inverse-focused-v23-2-0:#ffffff;
94
- --magritte-color-component-button-text-neutral-v23-2-0:#ffffff;
95
- --magritte-color-component-button-text-inverse-v23-2-0:#0d1115;
96
- --magritte-color-component-button-icon-neutral-v23-2-0:#ffffff;
97
- --magritte-color-component-button-icon-inverse-v23-2-0:#0d1115;
98
- --magritte-color-component-button-loader-icon-neutral-v23-2-0:#ffffff;
99
- --magritte-color-component-button-loader-icon-inverse-v23-2-0:#000000;
100
- --magritte-color-component-button-text-state-neutral-disabled-v23-2-0:#8293a2;
101
- --magritte-color-component-button-text-state-inverse-disabled-v23-2-0:#8da0b0;
102
- --magritte-color-component-button-icon-state-neutral-disabled-v23-2-0:#8293a2;
103
- --magritte-color-component-button-icon-state-inverse-disabled-v23-2-0:#8da0b0;
104
- --magritte-color-component-button-stroke-state-neutral-focused-accessible-v23-2-0:#0070ff7a;
105
- --magritte-color-component-button-stroke-state-inverse-focused-accessible-v23-2-0:#a4c9fe7a;
106
- --magritte-color-component-button-postfix-text-neutral-v23-2-0:#AABBCA;
107
- --magritte-color-component-button-postfix-text-inverse-v23-2-0:#0d1115;
108
- --magritte-color-component-button-postfix-text-state-neutral-disabled-v23-2-0:#AABBCA;
109
- --magritte-color-component-button-postfix-text-state-inverse-disabled-v23-2-0:#96aabb;
110
- --magritte-shadow-level-2-color-v23-2-0:#7090b03d;
111
- --magritte-shadow-level-2-x-v23-2-0:0px;
112
- --magritte-shadow-level-2-y-v23-2-0:8px;
113
- --magritte-shadow-level-2-blur-v23-2-0:16px;
114
- --magritte-shadow-level-2-spread-v23-2-0:0px;
115
- --magritte-shadow-level-1-color-v23-2-0:#7090b029;
116
- --magritte-shadow-level-1-x-v23-2-0:0px;
117
- --magritte-shadow-level-1-y-v23-2-0:4px;
118
- --magritte-shadow-level-1-blur-v23-2-0:12px;
119
- --magritte-shadow-level-1-spread-v23-2-0:0px;
120
- }
121
- .magritte-button___nL-Hn_1-0-1{
84
+ --magritte-color-component-button-background-neutral-v23-2-1:#000000;
85
+ --magritte-color-component-button-background-inverse-v23-2-1:#ffffff;
86
+ --magritte-color-component-button-background-state-neutral-disabled-v23-2-1:#DCE3EB;
87
+ --magritte-color-component-button-background-state-inverse-disabled-v23-2-1:#ffffff;
88
+ --magritte-color-component-button-background-state-neutral-hovered-v23-2-1:#343c43;
89
+ --magritte-color-component-button-background-state-neutral-pressed-v23-2-1:#000000;
90
+ --magritte-color-component-button-background-state-neutral-focused-v23-2-1:#000000;
91
+ --magritte-color-component-button-background-state-inverse-hovered-v23-2-1:#EEF1F7;
92
+ --magritte-color-component-button-background-state-inverse-pressed-v23-2-1:#ffffff;
93
+ --magritte-color-component-button-background-state-inverse-focused-v23-2-1:#ffffff;
94
+ --magritte-color-component-button-text-neutral-v23-2-1:#ffffff;
95
+ --magritte-color-component-button-text-inverse-v23-2-1:#0d1115;
96
+ --magritte-color-component-button-icon-neutral-v23-2-1:#ffffff;
97
+ --magritte-color-component-button-icon-inverse-v23-2-1:#0d1115;
98
+ --magritte-color-component-button-loader-icon-neutral-v23-2-1:#ffffff;
99
+ --magritte-color-component-button-loader-icon-inverse-v23-2-1:#000000;
100
+ --magritte-color-component-button-text-state-neutral-disabled-v23-2-1:#8293a2;
101
+ --magritte-color-component-button-text-state-inverse-disabled-v23-2-1:#8da0b0;
102
+ --magritte-color-component-button-icon-state-neutral-disabled-v23-2-1:#8293a2;
103
+ --magritte-color-component-button-icon-state-inverse-disabled-v23-2-1:#8da0b0;
104
+ --magritte-color-component-button-stroke-state-neutral-focused-accessible-v23-2-1:#0070ff7a;
105
+ --magritte-color-component-button-stroke-state-inverse-focused-accessible-v23-2-1:#a4c9fe7a;
106
+ --magritte-color-component-button-postfix-text-neutral-v23-2-1:#AABBCA;
107
+ --magritte-color-component-button-postfix-text-inverse-v23-2-1:#0d1115;
108
+ --magritte-color-component-button-postfix-text-state-neutral-disabled-v23-2-1:#AABBCA;
109
+ --magritte-color-component-button-postfix-text-state-inverse-disabled-v23-2-1:#96aabb;
110
+ --magritte-shadow-level-2-color-v23-2-1:#7090b03d;
111
+ --magritte-shadow-level-2-x-v23-2-1:0px;
112
+ --magritte-shadow-level-2-y-v23-2-1:8px;
113
+ --magritte-shadow-level-2-blur-v23-2-1:16px;
114
+ --magritte-shadow-level-2-spread-v23-2-1:0px;
115
+ --magritte-shadow-level-1-color-v23-2-1:#7090b029;
116
+ --magritte-shadow-level-1-x-v23-2-1:0px;
117
+ --magritte-shadow-level-1-y-v23-2-1:4px;
118
+ --magritte-shadow-level-1-blur-v23-2-1:12px;
119
+ --magritte-shadow-level-1-spread-v23-2-1:0px;
120
+ }
121
+ .magritte-button___nL-Hn_1-0-2{
122
122
  display:inline-block;
123
123
  padding:12px;
124
124
  border-radius:24px;
@@ -127,48 +127,48 @@
127
127
  bottom:20px;
128
128
  }
129
129
  @media (min-width: 1020px){
130
- body.magritte-old-layout .magritte-button___nL-Hn_1-0-1{
130
+ body.magritte-old-layout .magritte-button___nL-Hn_1-0-2{
131
131
  right:36px;
132
132
  bottom:32px;
133
133
  }
134
134
  }
135
135
  @media (min-width: 1024px){
136
- body:not(.magritte-old-layout) .magritte-button___nL-Hn_1-0-1{
136
+ body:not(.magritte-old-layout) .magritte-button___nL-Hn_1-0-2{
137
137
  right:36px;
138
138
  bottom:32px;
139
139
  }
140
140
  }
141
- .magritte-button___nL-Hn_1-0-1:disabled,
142
- .magritte-button___nL-Hn_1-0-1.magritte-loading___C0oPZ_1-0-1{
141
+ .magritte-button___nL-Hn_1-0-2:disabled,
142
+ .magritte-button___nL-Hn_1-0-2.magritte-loading___C0oPZ_1-0-2{
143
143
  pointer-events:none;
144
144
  cursor:not-allowed;
145
145
  }
146
- .magritte-loading___C0oPZ_1-0-1 .magritte-postfix___r0EZ6_1-0-1,
147
- .magritte-loading___C0oPZ_1-0-1 .magritte-icon___VpqJt_1-0-1,
148
- .magritte-loading___C0oPZ_1-0-1 .magritte-label___EPgvj_1-0-1{
146
+ .magritte-loading___C0oPZ_1-0-2 .magritte-postfix___r0EZ6_1-0-2,
147
+ .magritte-loading___C0oPZ_1-0-2 .magritte-icon___VpqJt_1-0-2,
148
+ .magritte-loading___C0oPZ_1-0-2 .magritte-label___EPgvj_1-0-2{
149
149
  visibility:hidden;
150
150
  }
151
- .magritte-border-radius___ObLLb_1-0-1{
151
+ .magritte-border-radius___ObLLb_1-0-2{
152
152
  border-radius:12px;
153
153
  }
154
- .magritte-content___JNpTZ_1-0-1{
154
+ .magritte-content___JNpTZ_1-0-2{
155
155
  display:flex;
156
156
  position:relative;
157
157
  }
158
- .magritte-withLabel___3gZML_1-0-1 .magritte-icon___VpqJt_1-0-1{
158
+ .magritte-withLabel___3gZML_1-0-2 .magritte-icon___VpqJt_1-0-2{
159
159
  padding-left:4px;
160
160
  }
161
- .magritte-label___EPgvj_1-0-1{
161
+ .magritte-label___EPgvj_1-0-2{
162
162
  padding:1px 4px;
163
163
  }
164
- .magritte-postfix___r0EZ6_1-0-1{
164
+ .magritte-postfix___r0EZ6_1-0-2{
165
165
  padding:1px 4px;
166
166
  }
167
- .magritte-icon___VpqJt_1-0-1 + .magritte-label___EPgvj_1-0-1,
168
- .magritte-icon___VpqJt_1-0-1 + .magritte-postfix___r0EZ6_1-0-1{
167
+ .magritte-icon___VpqJt_1-0-2 + .magritte-label___EPgvj_1-0-2,
168
+ .magritte-icon___VpqJt_1-0-2 + .magritte-postfix___r0EZ6_1-0-2{
169
169
  padding-left:8px;
170
170
  }
171
- .magritte-loader___EPezG_1-0-1{
171
+ .magritte-loader___EPezG_1-0-2{
172
172
  position:absolute;
173
173
  left:50%;
174
174
  top:50%;
@@ -176,73 +176,73 @@
176
176
  line-height:0;
177
177
  overflow:hidden;
178
178
  }
179
- .magritte-button_style-neutral___bPUwu_1-0-1{
180
- background:var(--magritte-color-component-button-background-neutral-v23-2-0);
181
- --magritte-ui-text-color-override:var(--magritte-color-component-button-text-neutral-v23-2-0);
182
- --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-neutral-v23-2-0);
183
- box-shadow:var(--magritte-shadow-level-2-x-v23-2-0) var(--magritte-shadow-level-2-y-v23-2-0) var(--magritte-shadow-level-2-blur-v23-2-0) var(--magritte-shadow-level-2-spread-v23-2-0) var(--magritte-shadow-level-2-color-v23-2-0);
184
- --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-neutral-v23-2-0);
179
+ .magritte-button_style-neutral___bPUwu_1-0-2{
180
+ background:var(--magritte-color-component-button-background-neutral-v23-2-1);
181
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-text-neutral-v23-2-1);
182
+ --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-neutral-v23-2-1);
183
+ box-shadow:var(--magritte-shadow-level-2-x-v23-2-1) var(--magritte-shadow-level-2-y-v23-2-1) var(--magritte-shadow-level-2-blur-v23-2-1) var(--magritte-shadow-level-2-spread-v23-2-1) var(--magritte-shadow-level-2-color-v23-2-1);
184
+ --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-neutral-v23-2-1);
185
185
  }
186
- .magritte-button_style-neutral___bPUwu_1-0-1 .magritte-postfix___r0EZ6_1-0-1{
187
- --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-neutral-v23-2-0);
186
+ .magritte-button_style-neutral___bPUwu_1-0-2 .magritte-postfix___r0EZ6_1-0-2{
187
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-neutral-v23-2-1);
188
188
  }
189
- .magritte-button_style-neutral___bPUwu_1-0-1.focus-visible{
190
- outline:var(--magritte-semantic-border-width-tab-focused-v23-2-0) solid var(--magritte-color-component-button-stroke-state-neutral-focused-accessible-v23-2-0);
191
- background:var(--magritte-color-component-button-background-state-neutral-focused-v23-2-0);
189
+ .magritte-button_style-neutral___bPUwu_1-0-2.focus-visible{
190
+ outline:var(--magritte-semantic-border-width-tab-focused-v23-2-1) solid var(--magritte-color-component-button-stroke-state-neutral-focused-accessible-v23-2-1);
191
+ background:var(--magritte-color-component-button-background-state-neutral-focused-v23-2-1);
192
192
  }
193
- .magritte-button_style-neutral___bPUwu_1-0-1:not(:disabled):active{
194
- background:var(--magritte-color-component-button-background-state-neutral-pressed-v23-2-0);
193
+ .magritte-button_style-neutral___bPUwu_1-0-2:not(:disabled):active{
194
+ background:var(--magritte-color-component-button-background-state-neutral-pressed-v23-2-1);
195
195
  }
196
- .magritte-button_style-neutral___bPUwu_1-0-1:disabled{
197
- background:var(--magritte-color-component-button-background-state-neutral-disabled-v23-2-0);
198
- --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-neutral-disabled-v23-2-0);
199
- --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-neutral-disabled-v23-2-0);
196
+ .magritte-button_style-neutral___bPUwu_1-0-2:disabled{
197
+ background:var(--magritte-color-component-button-background-state-neutral-disabled-v23-2-1);
198
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-neutral-disabled-v23-2-1);
199
+ --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-neutral-disabled-v23-2-1);
200
200
  }
201
- .magritte-button_style-neutral___bPUwu_1-0-1:disabled .magritte-postfix___r0EZ6_1-0-1{
202
- --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-neutral-disabled-v23-2-0);
201
+ .magritte-button_style-neutral___bPUwu_1-0-2:disabled .magritte-postfix___r0EZ6_1-0-2{
202
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-neutral-disabled-v23-2-1);
203
203
  }
204
204
  @media (min-width: 1020px){
205
- body.magritte-old-layout .magritte-button_style-neutral___bPUwu_1-0-1:hover:not(:active):not(:disabled):not([aria-disabled='true']){
206
- background:var(--magritte-color-component-button-background-state-neutral-hovered-v23-2-0);
205
+ body.magritte-old-layout .magritte-button_style-neutral___bPUwu_1-0-2:hover:not(:active):not(:disabled):not([aria-disabled='true']){
206
+ background:var(--magritte-color-component-button-background-state-neutral-hovered-v23-2-1);
207
207
  }
208
208
  }
209
209
  @media (min-width: 1024px){
210
- body:not(.magritte-old-layout) .magritte-button_style-neutral___bPUwu_1-0-1:hover:not(:active):not(:disabled):not([aria-disabled='true']){
211
- background:var(--magritte-color-component-button-background-state-neutral-hovered-v23-2-0);
210
+ body:not(.magritte-old-layout) .magritte-button_style-neutral___bPUwu_1-0-2:hover:not(:active):not(:disabled):not([aria-disabled='true']){
211
+ background:var(--magritte-color-component-button-background-state-neutral-hovered-v23-2-1);
212
212
  }
213
213
  }
214
- .magritte-button_style-inverse___Xgf26_1-0-1{
215
- background:var(--magritte-color-component-button-background-inverse-v23-2-0);
216
- --magritte-ui-text-color-override:var(--magritte-color-component-button-text-inverse-v23-2-0);
217
- --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-inverse-v23-2-0);
218
- box-shadow:var(--magritte-shadow-level-1-x-v23-2-0) var(--magritte-shadow-level-1-y-v23-2-0) var(--magritte-shadow-level-1-blur-v23-2-0) var(--magritte-shadow-level-1-spread-v23-2-0) var(--magritte-shadow-level-1-color-v23-2-0);
219
- --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-inverse-v23-2-0);
214
+ .magritte-button_style-inverse___Xgf26_1-0-2{
215
+ background:var(--magritte-color-component-button-background-inverse-v23-2-1);
216
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-text-inverse-v23-2-1);
217
+ --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-inverse-v23-2-1);
218
+ box-shadow:var(--magritte-shadow-level-1-x-v23-2-1) var(--magritte-shadow-level-1-y-v23-2-1) var(--magritte-shadow-level-1-blur-v23-2-1) var(--magritte-shadow-level-1-spread-v23-2-1) var(--magritte-shadow-level-1-color-v23-2-1);
219
+ --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-inverse-v23-2-1);
220
220
  }
221
- .magritte-button_style-inverse___Xgf26_1-0-1 .magritte-postfix___r0EZ6_1-0-1{
222
- --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-inverse-v23-2-0);
221
+ .magritte-button_style-inverse___Xgf26_1-0-2 .magritte-postfix___r0EZ6_1-0-2{
222
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-inverse-v23-2-1);
223
223
  }
224
- .magritte-button_style-inverse___Xgf26_1-0-1.focus-visible{
225
- outline:var(--magritte-semantic-border-width-tab-focused-v23-2-0) solid var(--magritte-color-component-button-stroke-state-inverse-focused-accessible-v23-2-0);
226
- background:var(--magritte-color-component-button-background-state-inverse-focused-v23-2-0);
224
+ .magritte-button_style-inverse___Xgf26_1-0-2.focus-visible{
225
+ outline:var(--magritte-semantic-border-width-tab-focused-v23-2-1) solid var(--magritte-color-component-button-stroke-state-inverse-focused-accessible-v23-2-1);
226
+ background:var(--magritte-color-component-button-background-state-inverse-focused-v23-2-1);
227
227
  }
228
- .magritte-button_style-inverse___Xgf26_1-0-1:not(:disabled):active{
229
- background:var(--magritte-color-component-button-background-state-inverse-pressed-v23-2-0);
228
+ .magritte-button_style-inverse___Xgf26_1-0-2:not(:disabled):active{
229
+ background:var(--magritte-color-component-button-background-state-inverse-pressed-v23-2-1);
230
230
  }
231
- .magritte-button_style-inverse___Xgf26_1-0-1:disabled{
232
- background:var(--magritte-color-component-button-background-state-inverse-disabled-v23-2-0);
233
- --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-inverse-disabled-v23-2-0);
234
- --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-inverse-disabled-v23-2-0);
231
+ .magritte-button_style-inverse___Xgf26_1-0-2:disabled{
232
+ background:var(--magritte-color-component-button-background-state-inverse-disabled-v23-2-1);
233
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-inverse-disabled-v23-2-1);
234
+ --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-inverse-disabled-v23-2-1);
235
235
  }
236
- .magritte-button_style-inverse___Xgf26_1-0-1:disabled .magritte-postfix___r0EZ6_1-0-1{
237
- --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-inverse-disabled-v23-2-0);
236
+ .magritte-button_style-inverse___Xgf26_1-0-2:disabled .magritte-postfix___r0EZ6_1-0-2{
237
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-inverse-disabled-v23-2-1);
238
238
  }
239
239
  @media (min-width: 1020px){
240
- body.magritte-old-layout .magritte-button_style-inverse___Xgf26_1-0-1:hover:not(:active):not(:disabled):not([aria-disabled='true']){
241
- background:var(--magritte-color-component-button-background-state-inverse-hovered-v23-2-0);
240
+ body.magritte-old-layout .magritte-button_style-inverse___Xgf26_1-0-2:hover:not(:active):not(:disabled):not([aria-disabled='true']){
241
+ background:var(--magritte-color-component-button-background-state-inverse-hovered-v23-2-1);
242
242
  }
243
243
  }
244
244
  @media (min-width: 1024px){
245
- body:not(.magritte-old-layout) .magritte-button_style-inverse___Xgf26_1-0-1:hover:not(:active):not(:disabled):not([aria-disabled='true']){
246
- background:var(--magritte-color-component-button-background-state-inverse-hovered-v23-2-0);
245
+ body:not(.magritte-old-layout) .magritte-button_style-inverse___Xgf26_1-0-2:hover:not(:active):not(:disabled):not([aria-disabled='true']){
246
+ background:var(--magritte-color-component-button-background-state-inverse-hovered-v23-2-1);
247
247
  }
248
248
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-floating-button",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -20,12 +20,12 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@hh.ru/magritte-common-is-server-env": "1.0.7",
23
- "@hh.ru/magritte-design-tokens": "23.2.0",
23
+ "@hh.ru/magritte-design-tokens": "23.2.1",
24
24
  "@hh.ru/magritte-types": "5.0.4",
25
- "@hh.ru/magritte-ui-badge": "3.1.2",
26
- "@hh.ru/magritte-ui-breakpoint": "6.0.0",
27
- "@hh.ru/magritte-ui-loader": "2.0.6",
28
- "@hh.ru/magritte-ui-typography": "4.2.1"
25
+ "@hh.ru/magritte-ui-badge": "3.1.3",
26
+ "@hh.ru/magritte-ui-breakpoint": "6.0.1",
27
+ "@hh.ru/magritte-ui-loader": "2.0.7",
28
+ "@hh.ru/magritte-ui-typography": "4.2.2"
29
29
  },
30
30
  "peerDependencies": {
31
31
  "classnames": ">=2.3.2",
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "8cf6122feeba29a8a936c172d0d6d0e2583463b9"
38
+ "gitHead": "18a4c9f53b8572077ce0fba28266865c1b619cee"
39
39
  }