sag_components 2.0.0-beta207 → 2.0.0-beta208
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/dist/index.esm.js +26 -17
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +26 -17
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -35981,9 +35981,12 @@ const ToggleSwitchLabel = styled__default["default"].label`
|
|
|
35981
35981
|
position: relative;
|
|
35982
35982
|
cursor: pointer;
|
|
35983
35983
|
user-select: none;
|
|
35984
|
-
opacity: ${
|
|
35985
|
-
|
|
35986
|
-
|
|
35984
|
+
opacity: ${_ref => {
|
|
35985
|
+
let {
|
|
35986
|
+
disabled
|
|
35987
|
+
} = _ref;
|
|
35988
|
+
return disabled ? 0.5 : 1;
|
|
35989
|
+
}};
|
|
35987
35990
|
`;
|
|
35988
35991
|
const ToggleInput = styled__default["default"].input`
|
|
35989
35992
|
display: none;
|
|
@@ -35991,15 +35994,19 @@ const ToggleInput = styled__default["default"].input`
|
|
|
35991
35994
|
const ToggleSlider = styled__default["default"].span`
|
|
35992
35995
|
display: block;
|
|
35993
35996
|
position: relative;
|
|
35994
|
-
background: ${
|
|
35995
|
-
|
|
35996
|
-
|
|
35997
|
-
|
|
35997
|
+
background: ${_ref2 => {
|
|
35998
|
+
let {
|
|
35999
|
+
checked,
|
|
36000
|
+
disabled
|
|
36001
|
+
} = _ref2;
|
|
36002
|
+
return checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc";
|
|
36003
|
+
}};
|
|
35998
36004
|
border-radius: 999px;
|
|
35999
36005
|
transition: background 0.2s;
|
|
36000
|
-
${
|
|
36001
|
-
|
|
36002
|
-
|
|
36006
|
+
${_ref3 => {
|
|
36007
|
+
let {
|
|
36008
|
+
size
|
|
36009
|
+
} = _ref3;
|
|
36003
36010
|
switch (size) {
|
|
36004
36011
|
case "s":
|
|
36005
36012
|
return styled.css`width: 40px; height: 20px;`;
|
|
@@ -36018,9 +36025,10 @@ const ToggleSlider = styled__default["default"].span`
|
|
|
36018
36025
|
background: #fff;
|
|
36019
36026
|
border-radius: 50%;
|
|
36020
36027
|
transition: left 0.2s, width 0.2s, height 0.2s;
|
|
36021
|
-
${
|
|
36022
|
-
|
|
36023
|
-
|
|
36028
|
+
${_ref4 => {
|
|
36029
|
+
let {
|
|
36030
|
+
size
|
|
36031
|
+
} = _ref4;
|
|
36024
36032
|
switch (size) {
|
|
36025
36033
|
case "s":
|
|
36026
36034
|
return styled.css`width: 14px; height: 14px;`;
|
|
@@ -36030,10 +36038,11 @@ const ToggleSlider = styled__default["default"].span`
|
|
|
36030
36038
|
return styled.css`width: 20px; height: 20px;`;
|
|
36031
36039
|
}
|
|
36032
36040
|
}}
|
|
36033
|
-
left: ${
|
|
36034
|
-
|
|
36035
|
-
|
|
36036
|
-
|
|
36041
|
+
left: ${_ref5 => {
|
|
36042
|
+
let {
|
|
36043
|
+
checked,
|
|
36044
|
+
size
|
|
36045
|
+
} = _ref5;
|
|
36037
36046
|
if (!checked) return "3px";
|
|
36038
36047
|
switch (size) {
|
|
36039
36048
|
case "s":
|