@alfalab/core-components-switch 4.1.0 → 4.1.1
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.
- package/Component.js +1 -1
- package/esm/Component.js +1 -1
- package/esm/index.css +27 -27
- package/index.css +27 -27
- package/modern/Component.js +1 -1
- package/modern/index.css +27 -27
- package/package.json +2 -2
package/Component.js
CHANGED
|
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
15
15
|
var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
|
|
16
16
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
17
17
|
|
|
18
|
-
var styles = {"component":"
|
|
18
|
+
var styles = {"component":"switch__component_1p7d6","start":"switch__start_1p7d6","center":"switch__center_1p7d6","addons":"switch__addons_1p7d6","block":"switch__block_1p7d6","switch":"switch__switch_1p7d6","content":"switch__content_1p7d6","label":"switch__label_1p7d6","hint":"switch__hint_1p7d6","reversed":"switch__reversed_1p7d6","checked":"switch__checked_1p7d6","disabled":"switch__disabled_1p7d6","focused":"switch__focused_1p7d6"};
|
|
19
19
|
require('./index.css')
|
|
20
20
|
|
|
21
21
|
var Switch = React.forwardRef(function (_a, ref) {
|
package/esm/Component.js
CHANGED
|
@@ -5,7 +5,7 @@ import cn from 'classnames';
|
|
|
5
5
|
import { dom } from '@alfalab/core-components-shared/esm';
|
|
6
6
|
import { useFocus } from '@alfalab/hooks';
|
|
7
7
|
|
|
8
|
-
var styles = {"component":"
|
|
8
|
+
var styles = {"component":"switch__component_1p7d6","start":"switch__start_1p7d6","center":"switch__center_1p7d6","addons":"switch__addons_1p7d6","block":"switch__block_1p7d6","switch":"switch__switch_1p7d6","content":"switch__content_1p7d6","label":"switch__label_1p7d6","hint":"switch__hint_1p7d6","reversed":"switch__reversed_1p7d6","checked":"switch__checked_1p7d6","disabled":"switch__disabled_1p7d6","focused":"switch__focused_1p7d6"};
|
|
9
9
|
require('./index.css')
|
|
10
10
|
|
|
11
11
|
var Switch = forwardRef(function (_a, ref) {
|
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1v3m5 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-border-link: #2288fa;
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
/* icon */
|
|
56
56
|
--switch-icon-color: var(--color-static-neutral-1500-inverted);
|
|
57
57
|
--switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
|
|
58
|
-
} .
|
|
58
|
+
} .switch__component_1p7d6 {
|
|
59
59
|
display: inline-flex;
|
|
60
60
|
align-items: flex-start;
|
|
61
61
|
margin: 0;
|
|
@@ -63,20 +63,20 @@
|
|
|
63
63
|
border: 0;
|
|
64
64
|
cursor: pointer;
|
|
65
65
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
66
|
-
} .
|
|
66
|
+
} .switch__component_1p7d6 input {
|
|
67
67
|
opacity: 0;
|
|
68
68
|
position: absolute;
|
|
69
|
-
} .
|
|
69
|
+
} .switch__start_1p7d6 {
|
|
70
70
|
align-items: flex-start;
|
|
71
|
-
} .
|
|
71
|
+
} .switch__center_1p7d6 {
|
|
72
72
|
align-items: center;
|
|
73
|
-
} .
|
|
73
|
+
} .switch__addons_1p7d6 {
|
|
74
74
|
margin-left: auto;
|
|
75
75
|
padding-left: var(--gap-m);
|
|
76
76
|
line-height: 24px;
|
|
77
|
-
} .
|
|
77
|
+
} .switch__block_1p7d6 {
|
|
78
78
|
width: 100%;
|
|
79
|
-
} .
|
|
79
|
+
} .switch__switch_1p7d6 {
|
|
80
80
|
position: relative;
|
|
81
81
|
border-radius: var(--border-radius-xl);
|
|
82
82
|
width: 36px;
|
|
@@ -87,9 +87,9 @@
|
|
|
87
87
|
border: 2px solid var(--switch-border-color);
|
|
88
88
|
transition: background-color 0.2s ease, border-color 0.2s ease;
|
|
89
89
|
box-sizing: border-box
|
|
90
|
-
} .
|
|
90
|
+
} .switch__switch_1p7d6:hover {
|
|
91
91
|
background-color: var(--switch-hover-bg-color);
|
|
92
|
-
} .
|
|
92
|
+
} .switch__switch_1p7d6:before {
|
|
93
93
|
content: '';
|
|
94
94
|
position: absolute;
|
|
95
95
|
top: 0;
|
|
@@ -101,53 +101,53 @@
|
|
|
101
101
|
background-color: var(--switch-icon-color);
|
|
102
102
|
box-sizing: border-box;
|
|
103
103
|
transition: transform 0.2s ease;
|
|
104
|
-
} .
|
|
104
|
+
} .switch__content_1p7d6 {
|
|
105
105
|
margin-left: var(--gap-s);
|
|
106
106
|
flex-grow: 1;
|
|
107
|
-
} .
|
|
107
|
+
} .switch__label_1p7d6 {
|
|
108
108
|
font-size: 16px;
|
|
109
109
|
line-height: 24px;
|
|
110
110
|
font-weight: 400;
|
|
111
111
|
display: block;
|
|
112
112
|
color: var(--switch-label-color);
|
|
113
|
-
} .
|
|
113
|
+
} .switch__label_1p7d6:not(:only-child) {
|
|
114
114
|
margin-bottom: var(--gap-2xs);
|
|
115
|
-
} .
|
|
115
|
+
} .switch__hint_1p7d6 {
|
|
116
116
|
font-size: 14px;
|
|
117
117
|
line-height: 18px;
|
|
118
118
|
font-weight: 400;
|
|
119
119
|
display: block;
|
|
120
120
|
color: var(--switch-hint-color);
|
|
121
|
-
} /* Reversed state */ .
|
|
121
|
+
} /* Reversed state */ .switch__component_1p7d6.switch__reversed_1p7d6 {
|
|
122
122
|
flex-direction: row-reverse;
|
|
123
|
-
} .
|
|
123
|
+
} .switch__reversed_1p7d6 .switch__content_1p7d6 {
|
|
124
124
|
margin-right: var(--gap-m);
|
|
125
125
|
margin-left: 0;
|
|
126
|
-
} .
|
|
126
|
+
} .switch__reversed_1p7d6 .switch__addons_1p7d6 {
|
|
127
127
|
margin-left: 0;
|
|
128
128
|
padding-left: 0;
|
|
129
129
|
margin-right: auto;
|
|
130
130
|
padding-right: var(--gap-m);
|
|
131
|
-
} /* Checked state */ .
|
|
131
|
+
} /* Checked state */ .switch__checked_1p7d6 .switch__switch_1p7d6 {
|
|
132
132
|
background-color: var(--switch-checked-bg-color)
|
|
133
|
-
} .
|
|
133
|
+
} .switch__checked_1p7d6 .switch__switch_1p7d6:hover {
|
|
134
134
|
background-color: var(--switch-checked-hover-bg-color);
|
|
135
|
-
} .
|
|
135
|
+
} .switch__checked_1p7d6 .switch__switch_1p7d6:before {
|
|
136
136
|
/* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
|
|
137
137
|
transform: translateX(16px);
|
|
138
|
-
} /* Disabled state */ .
|
|
138
|
+
} /* Disabled state */ .switch__disabled_1p7d6 {
|
|
139
139
|
cursor: var(--disabled-cursor);
|
|
140
|
-
} .
|
|
140
|
+
} .switch__disabled_1p7d6 .switch__switch_1p7d6 {
|
|
141
141
|
background-color: var(--switch-disabled-bg-color)
|
|
142
|
-
} .
|
|
142
|
+
} .switch__disabled_1p7d6 .switch__switch_1p7d6:before {
|
|
143
143
|
background-color: var(--switch-icon-disabled-color);
|
|
144
|
-
} .
|
|
144
|
+
} .switch__disabled_1p7d6.switch__checked_1p7d6 .switch__switch_1p7d6 {
|
|
145
145
|
background-color: var(--switch-disabled-checked-bg-color);
|
|
146
|
-
} .
|
|
146
|
+
} .switch__disabled_1p7d6 .switch__label_1p7d6 {
|
|
147
147
|
color: var(--switch-disabled-color);
|
|
148
|
-
} .
|
|
148
|
+
} .switch__disabled_1p7d6 .switch__hint_1p7d6 {
|
|
149
149
|
color: var(--switch-disabled-color);
|
|
150
|
-
} /* Focused state */ .
|
|
150
|
+
} /* Focused state */ .switch__focused_1p7d6 .switch__switch_1p7d6 {
|
|
151
151
|
outline: 2px solid var(--focus-color);
|
|
152
152
|
outline-offset: 2px;
|
|
153
153
|
}
|
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1v3m5 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-border-link: #2288fa;
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
/* icon */
|
|
56
56
|
--switch-icon-color: var(--color-static-neutral-1500-inverted);
|
|
57
57
|
--switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
|
|
58
|
-
} .
|
|
58
|
+
} .switch__component_1p7d6 {
|
|
59
59
|
display: inline-flex;
|
|
60
60
|
align-items: flex-start;
|
|
61
61
|
margin: 0;
|
|
@@ -63,20 +63,20 @@
|
|
|
63
63
|
border: 0;
|
|
64
64
|
cursor: pointer;
|
|
65
65
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
66
|
-
} .
|
|
66
|
+
} .switch__component_1p7d6 input {
|
|
67
67
|
opacity: 0;
|
|
68
68
|
position: absolute;
|
|
69
|
-
} .
|
|
69
|
+
} .switch__start_1p7d6 {
|
|
70
70
|
align-items: flex-start;
|
|
71
|
-
} .
|
|
71
|
+
} .switch__center_1p7d6 {
|
|
72
72
|
align-items: center;
|
|
73
|
-
} .
|
|
73
|
+
} .switch__addons_1p7d6 {
|
|
74
74
|
margin-left: auto;
|
|
75
75
|
padding-left: var(--gap-m);
|
|
76
76
|
line-height: 24px;
|
|
77
|
-
} .
|
|
77
|
+
} .switch__block_1p7d6 {
|
|
78
78
|
width: 100%;
|
|
79
|
-
} .
|
|
79
|
+
} .switch__switch_1p7d6 {
|
|
80
80
|
position: relative;
|
|
81
81
|
border-radius: var(--border-radius-xl);
|
|
82
82
|
width: 36px;
|
|
@@ -87,9 +87,9 @@
|
|
|
87
87
|
border: 2px solid var(--switch-border-color);
|
|
88
88
|
transition: background-color 0.2s ease, border-color 0.2s ease;
|
|
89
89
|
box-sizing: border-box
|
|
90
|
-
} .
|
|
90
|
+
} .switch__switch_1p7d6:hover {
|
|
91
91
|
background-color: var(--switch-hover-bg-color);
|
|
92
|
-
} .
|
|
92
|
+
} .switch__switch_1p7d6:before {
|
|
93
93
|
content: '';
|
|
94
94
|
position: absolute;
|
|
95
95
|
top: 0;
|
|
@@ -101,53 +101,53 @@
|
|
|
101
101
|
background-color: var(--switch-icon-color);
|
|
102
102
|
box-sizing: border-box;
|
|
103
103
|
transition: transform 0.2s ease;
|
|
104
|
-
} .
|
|
104
|
+
} .switch__content_1p7d6 {
|
|
105
105
|
margin-left: var(--gap-s);
|
|
106
106
|
flex-grow: 1;
|
|
107
|
-
} .
|
|
107
|
+
} .switch__label_1p7d6 {
|
|
108
108
|
font-size: 16px;
|
|
109
109
|
line-height: 24px;
|
|
110
110
|
font-weight: 400;
|
|
111
111
|
display: block;
|
|
112
112
|
color: var(--switch-label-color);
|
|
113
|
-
} .
|
|
113
|
+
} .switch__label_1p7d6:not(:only-child) {
|
|
114
114
|
margin-bottom: var(--gap-2xs);
|
|
115
|
-
} .
|
|
115
|
+
} .switch__hint_1p7d6 {
|
|
116
116
|
font-size: 14px;
|
|
117
117
|
line-height: 18px;
|
|
118
118
|
font-weight: 400;
|
|
119
119
|
display: block;
|
|
120
120
|
color: var(--switch-hint-color);
|
|
121
|
-
} /* Reversed state */ .
|
|
121
|
+
} /* Reversed state */ .switch__component_1p7d6.switch__reversed_1p7d6 {
|
|
122
122
|
flex-direction: row-reverse;
|
|
123
|
-
} .
|
|
123
|
+
} .switch__reversed_1p7d6 .switch__content_1p7d6 {
|
|
124
124
|
margin-right: var(--gap-m);
|
|
125
125
|
margin-left: 0;
|
|
126
|
-
} .
|
|
126
|
+
} .switch__reversed_1p7d6 .switch__addons_1p7d6 {
|
|
127
127
|
margin-left: 0;
|
|
128
128
|
padding-left: 0;
|
|
129
129
|
margin-right: auto;
|
|
130
130
|
padding-right: var(--gap-m);
|
|
131
|
-
} /* Checked state */ .
|
|
131
|
+
} /* Checked state */ .switch__checked_1p7d6 .switch__switch_1p7d6 {
|
|
132
132
|
background-color: var(--switch-checked-bg-color)
|
|
133
|
-
} .
|
|
133
|
+
} .switch__checked_1p7d6 .switch__switch_1p7d6:hover {
|
|
134
134
|
background-color: var(--switch-checked-hover-bg-color);
|
|
135
|
-
} .
|
|
135
|
+
} .switch__checked_1p7d6 .switch__switch_1p7d6:before {
|
|
136
136
|
/* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
|
|
137
137
|
transform: translateX(16px);
|
|
138
|
-
} /* Disabled state */ .
|
|
138
|
+
} /* Disabled state */ .switch__disabled_1p7d6 {
|
|
139
139
|
cursor: var(--disabled-cursor);
|
|
140
|
-
} .
|
|
140
|
+
} .switch__disabled_1p7d6 .switch__switch_1p7d6 {
|
|
141
141
|
background-color: var(--switch-disabled-bg-color)
|
|
142
|
-
} .
|
|
142
|
+
} .switch__disabled_1p7d6 .switch__switch_1p7d6:before {
|
|
143
143
|
background-color: var(--switch-icon-disabled-color);
|
|
144
|
-
} .
|
|
144
|
+
} .switch__disabled_1p7d6.switch__checked_1p7d6 .switch__switch_1p7d6 {
|
|
145
145
|
background-color: var(--switch-disabled-checked-bg-color);
|
|
146
|
-
} .
|
|
146
|
+
} .switch__disabled_1p7d6 .switch__label_1p7d6 {
|
|
147
147
|
color: var(--switch-disabled-color);
|
|
148
|
-
} .
|
|
148
|
+
} .switch__disabled_1p7d6 .switch__hint_1p7d6 {
|
|
149
149
|
color: var(--switch-disabled-color);
|
|
150
|
-
} /* Focused state */ .
|
|
150
|
+
} /* Focused state */ .switch__focused_1p7d6 .switch__switch_1p7d6 {
|
|
151
151
|
outline: 2px solid var(--focus-color);
|
|
152
152
|
outline-offset: 2px;
|
|
153
153
|
}
|
package/modern/Component.js
CHANGED
|
@@ -4,7 +4,7 @@ import cn from 'classnames';
|
|
|
4
4
|
import { dom } from '@alfalab/core-components-shared/modern';
|
|
5
5
|
import { useFocus } from '@alfalab/hooks';
|
|
6
6
|
|
|
7
|
-
const styles = {"component":"
|
|
7
|
+
const styles = {"component":"switch__component_1p7d6","start":"switch__start_1p7d6","center":"switch__center_1p7d6","addons":"switch__addons_1p7d6","block":"switch__block_1p7d6","switch":"switch__switch_1p7d6","content":"switch__content_1p7d6","label":"switch__label_1p7d6","hint":"switch__hint_1p7d6","reversed":"switch__reversed_1p7d6","checked":"switch__checked_1p7d6","disabled":"switch__disabled_1p7d6","focused":"switch__focused_1p7d6"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
const Switch = forwardRef(({ reversed = false, checked = false, align = 'start', addons, block, disabled, inactive, label, hint, name, value, className, onChange, dataTestId, ...restProps }, ref) => {
|
package/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1v3m5 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-border-link: #2288fa;
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
/* icon */
|
|
56
56
|
--switch-icon-color: var(--color-static-neutral-1500-inverted);
|
|
57
57
|
--switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
|
|
58
|
-
} .
|
|
58
|
+
} .switch__component_1p7d6 {
|
|
59
59
|
display: inline-flex;
|
|
60
60
|
align-items: flex-start;
|
|
61
61
|
margin: 0;
|
|
@@ -63,20 +63,20 @@
|
|
|
63
63
|
border: 0;
|
|
64
64
|
cursor: pointer;
|
|
65
65
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
66
|
-
} .
|
|
66
|
+
} .switch__component_1p7d6 input {
|
|
67
67
|
opacity: 0;
|
|
68
68
|
position: absolute;
|
|
69
|
-
} .
|
|
69
|
+
} .switch__start_1p7d6 {
|
|
70
70
|
align-items: flex-start;
|
|
71
|
-
} .
|
|
71
|
+
} .switch__center_1p7d6 {
|
|
72
72
|
align-items: center;
|
|
73
|
-
} .
|
|
73
|
+
} .switch__addons_1p7d6 {
|
|
74
74
|
margin-left: auto;
|
|
75
75
|
padding-left: var(--gap-m);
|
|
76
76
|
line-height: 24px;
|
|
77
|
-
} .
|
|
77
|
+
} .switch__block_1p7d6 {
|
|
78
78
|
width: 100%;
|
|
79
|
-
} .
|
|
79
|
+
} .switch__switch_1p7d6 {
|
|
80
80
|
position: relative;
|
|
81
81
|
border-radius: var(--border-radius-xl);
|
|
82
82
|
width: 36px;
|
|
@@ -87,9 +87,9 @@
|
|
|
87
87
|
border: 2px solid var(--switch-border-color);
|
|
88
88
|
transition: background-color 0.2s ease, border-color 0.2s ease;
|
|
89
89
|
box-sizing: border-box
|
|
90
|
-
} .
|
|
90
|
+
} .switch__switch_1p7d6:hover {
|
|
91
91
|
background-color: var(--switch-hover-bg-color);
|
|
92
|
-
} .
|
|
92
|
+
} .switch__switch_1p7d6:before {
|
|
93
93
|
content: '';
|
|
94
94
|
position: absolute;
|
|
95
95
|
top: 0;
|
|
@@ -101,53 +101,53 @@
|
|
|
101
101
|
background-color: var(--switch-icon-color);
|
|
102
102
|
box-sizing: border-box;
|
|
103
103
|
transition: transform 0.2s ease;
|
|
104
|
-
} .
|
|
104
|
+
} .switch__content_1p7d6 {
|
|
105
105
|
margin-left: var(--gap-s);
|
|
106
106
|
flex-grow: 1;
|
|
107
|
-
} .
|
|
107
|
+
} .switch__label_1p7d6 {
|
|
108
108
|
font-size: 16px;
|
|
109
109
|
line-height: 24px;
|
|
110
110
|
font-weight: 400;
|
|
111
111
|
display: block;
|
|
112
112
|
color: var(--switch-label-color);
|
|
113
|
-
} .
|
|
113
|
+
} .switch__label_1p7d6:not(:only-child) {
|
|
114
114
|
margin-bottom: var(--gap-2xs);
|
|
115
|
-
} .
|
|
115
|
+
} .switch__hint_1p7d6 {
|
|
116
116
|
font-size: 14px;
|
|
117
117
|
line-height: 18px;
|
|
118
118
|
font-weight: 400;
|
|
119
119
|
display: block;
|
|
120
120
|
color: var(--switch-hint-color);
|
|
121
|
-
} /* Reversed state */ .
|
|
121
|
+
} /* Reversed state */ .switch__component_1p7d6.switch__reversed_1p7d6 {
|
|
122
122
|
flex-direction: row-reverse;
|
|
123
|
-
} .
|
|
123
|
+
} .switch__reversed_1p7d6 .switch__content_1p7d6 {
|
|
124
124
|
margin-right: var(--gap-m);
|
|
125
125
|
margin-left: 0;
|
|
126
|
-
} .
|
|
126
|
+
} .switch__reversed_1p7d6 .switch__addons_1p7d6 {
|
|
127
127
|
margin-left: 0;
|
|
128
128
|
padding-left: 0;
|
|
129
129
|
margin-right: auto;
|
|
130
130
|
padding-right: var(--gap-m);
|
|
131
|
-
} /* Checked state */ .
|
|
131
|
+
} /* Checked state */ .switch__checked_1p7d6 .switch__switch_1p7d6 {
|
|
132
132
|
background-color: var(--switch-checked-bg-color)
|
|
133
|
-
} .
|
|
133
|
+
} .switch__checked_1p7d6 .switch__switch_1p7d6:hover {
|
|
134
134
|
background-color: var(--switch-checked-hover-bg-color);
|
|
135
|
-
} .
|
|
135
|
+
} .switch__checked_1p7d6 .switch__switch_1p7d6:before {
|
|
136
136
|
/* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
|
|
137
137
|
transform: translateX(16px);
|
|
138
|
-
} /* Disabled state */ .
|
|
138
|
+
} /* Disabled state */ .switch__disabled_1p7d6 {
|
|
139
139
|
cursor: var(--disabled-cursor);
|
|
140
|
-
} .
|
|
140
|
+
} .switch__disabled_1p7d6 .switch__switch_1p7d6 {
|
|
141
141
|
background-color: var(--switch-disabled-bg-color)
|
|
142
|
-
} .
|
|
142
|
+
} .switch__disabled_1p7d6 .switch__switch_1p7d6:before {
|
|
143
143
|
background-color: var(--switch-icon-disabled-color);
|
|
144
|
-
} .
|
|
144
|
+
} .switch__disabled_1p7d6.switch__checked_1p7d6 .switch__switch_1p7d6 {
|
|
145
145
|
background-color: var(--switch-disabled-checked-bg-color);
|
|
146
|
-
} .
|
|
146
|
+
} .switch__disabled_1p7d6 .switch__label_1p7d6 {
|
|
147
147
|
color: var(--switch-disabled-color);
|
|
148
|
-
} .
|
|
148
|
+
} .switch__disabled_1p7d6 .switch__hint_1p7d6 {
|
|
149
149
|
color: var(--switch-disabled-color);
|
|
150
|
-
} /* Focused state */ .
|
|
150
|
+
} /* Focused state */ .switch__focused_1p7d6 .switch__switch_1p7d6 {
|
|
151
151
|
outline: 2px solid var(--focus-color);
|
|
152
152
|
outline-offset: 2px;
|
|
153
153
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-switch",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"gitHead": "f054fef20200664c65e2501ef1f916c555cdf05d",
|
|
6
6
|
"keywords": [],
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@alfalab/hooks": "^1.13.0",
|
|
19
|
-
"@alfalab/core-components-shared": "^0.9.
|
|
19
|
+
"@alfalab/core-components-shared": "^0.9.1",
|
|
20
20
|
"classnames": "^2.3.1",
|
|
21
21
|
"react-merge-refs": "^1.1.0",
|
|
22
22
|
"tslib": "^2.4.0"
|