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.esm.js
CHANGED
|
@@ -35971,9 +35971,12 @@ const ToggleSwitchLabel = styled.label`
|
|
|
35971
35971
|
position: relative;
|
|
35972
35972
|
cursor: pointer;
|
|
35973
35973
|
user-select: none;
|
|
35974
|
-
opacity: ${
|
|
35975
|
-
|
|
35976
|
-
|
|
35974
|
+
opacity: ${_ref => {
|
|
35975
|
+
let {
|
|
35976
|
+
disabled
|
|
35977
|
+
} = _ref;
|
|
35978
|
+
return disabled ? 0.5 : 1;
|
|
35979
|
+
}};
|
|
35977
35980
|
`;
|
|
35978
35981
|
const ToggleInput = styled.input`
|
|
35979
35982
|
display: none;
|
|
@@ -35981,15 +35984,19 @@ const ToggleInput = styled.input`
|
|
|
35981
35984
|
const ToggleSlider = styled.span`
|
|
35982
35985
|
display: block;
|
|
35983
35986
|
position: relative;
|
|
35984
|
-
background: ${
|
|
35985
|
-
|
|
35986
|
-
|
|
35987
|
-
|
|
35987
|
+
background: ${_ref2 => {
|
|
35988
|
+
let {
|
|
35989
|
+
checked,
|
|
35990
|
+
disabled
|
|
35991
|
+
} = _ref2;
|
|
35992
|
+
return checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc";
|
|
35993
|
+
}};
|
|
35988
35994
|
border-radius: 999px;
|
|
35989
35995
|
transition: background 0.2s;
|
|
35990
|
-
${
|
|
35991
|
-
|
|
35992
|
-
|
|
35996
|
+
${_ref3 => {
|
|
35997
|
+
let {
|
|
35998
|
+
size
|
|
35999
|
+
} = _ref3;
|
|
35993
36000
|
switch (size) {
|
|
35994
36001
|
case "s":
|
|
35995
36002
|
return css`width: 40px; height: 20px;`;
|
|
@@ -36008,9 +36015,10 @@ const ToggleSlider = styled.span`
|
|
|
36008
36015
|
background: #fff;
|
|
36009
36016
|
border-radius: 50%;
|
|
36010
36017
|
transition: left 0.2s, width 0.2s, height 0.2s;
|
|
36011
|
-
${
|
|
36012
|
-
|
|
36013
|
-
|
|
36018
|
+
${_ref4 => {
|
|
36019
|
+
let {
|
|
36020
|
+
size
|
|
36021
|
+
} = _ref4;
|
|
36014
36022
|
switch (size) {
|
|
36015
36023
|
case "s":
|
|
36016
36024
|
return css`width: 14px; height: 14px;`;
|
|
@@ -36020,10 +36028,11 @@ const ToggleSlider = styled.span`
|
|
|
36020
36028
|
return css`width: 20px; height: 20px;`;
|
|
36021
36029
|
}
|
|
36022
36030
|
}}
|
|
36023
|
-
left: ${
|
|
36024
|
-
|
|
36025
|
-
|
|
36026
|
-
|
|
36031
|
+
left: ${_ref5 => {
|
|
36032
|
+
let {
|
|
36033
|
+
checked,
|
|
36034
|
+
size
|
|
36035
|
+
} = _ref5;
|
|
36027
36036
|
if (!checked) return "3px";
|
|
36028
36037
|
switch (size) {
|
|
36029
36038
|
case "s":
|