sag_components 2.0.0-beta249 → 2.0.0-beta250
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 +18 -27
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +18 -27
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -36098,19 +36098,15 @@ const ToggleInput = styled.input`
|
|
|
36098
36098
|
const ToggleSlider = styled.span`
|
|
36099
36099
|
display: block;
|
|
36100
36100
|
position: relative;
|
|
36101
|
-
background: ${
|
|
36102
|
-
|
|
36103
|
-
|
|
36104
|
-
|
|
36105
|
-
} = _ref;
|
|
36106
|
-
return checked ? "#006d6a" : disabled ? "#B1B1B1" : "#D0D0D0";
|
|
36107
|
-
}};
|
|
36101
|
+
background: ${({
|
|
36102
|
+
checked,
|
|
36103
|
+
disabled
|
|
36104
|
+
}) => checked ? "#006d6a" : disabled ? "#B1B1B1" : "#D0D0D0"};
|
|
36108
36105
|
border-radius: 999px;
|
|
36109
36106
|
transition: background 0.2s;
|
|
36110
|
-
${
|
|
36111
|
-
|
|
36112
|
-
|
|
36113
|
-
} = _ref2;
|
|
36107
|
+
${({
|
|
36108
|
+
size
|
|
36109
|
+
}) => {
|
|
36114
36110
|
switch (size) {
|
|
36115
36111
|
case "s":
|
|
36116
36112
|
return css`width: 40px; height: 20px;`;
|
|
@@ -36126,18 +36122,14 @@ const ToggleSlider = styled.span`
|
|
|
36126
36122
|
left: 3px;
|
|
36127
36123
|
top: 50%;
|
|
36128
36124
|
transform: translateY(-50%);
|
|
36129
|
-
background: ${
|
|
36130
|
-
|
|
36131
|
-
|
|
36132
|
-
} = _ref3;
|
|
36133
|
-
return disabled ? "#D0D0D0" : "#fff";
|
|
36134
|
-
}};
|
|
36125
|
+
background: ${({
|
|
36126
|
+
disabled
|
|
36127
|
+
}) => disabled ? "#D0D0D0" : "#fff"};
|
|
36135
36128
|
border-radius: 50%;
|
|
36136
36129
|
transition: left 0.2s, width 0.2s, height 0.2s;
|
|
36137
|
-
${
|
|
36138
|
-
|
|
36139
|
-
|
|
36140
|
-
} = _ref4;
|
|
36130
|
+
${({
|
|
36131
|
+
size
|
|
36132
|
+
}) => {
|
|
36141
36133
|
switch (size) {
|
|
36142
36134
|
case "s":
|
|
36143
36135
|
return css`width: 14px; height: 14px;`;
|
|
@@ -36147,11 +36139,10 @@ const ToggleSlider = styled.span`
|
|
|
36147
36139
|
return css`width: 20px; height: 20px;`;
|
|
36148
36140
|
}
|
|
36149
36141
|
}}
|
|
36150
|
-
left: ${
|
|
36151
|
-
|
|
36152
|
-
|
|
36153
|
-
|
|
36154
|
-
} = _ref5;
|
|
36142
|
+
left: ${({
|
|
36143
|
+
checked,
|
|
36144
|
+
size
|
|
36145
|
+
}) => {
|
|
36155
36146
|
if (!checked) return "3px";
|
|
36156
36147
|
switch (size) {
|
|
36157
36148
|
case "s":
|
|
@@ -47422,7 +47413,7 @@ const VendorName$1 = styled.div`
|
|
|
47422
47413
|
max-width: 250px;
|
|
47423
47414
|
}
|
|
47424
47415
|
}
|
|
47425
|
-
font-size:
|
|
47416
|
+
font-size: 14px;
|
|
47426
47417
|
font-weight: 500;
|
|
47427
47418
|
`;
|
|
47428
47419
|
const MarkVendorName = styled.mark`
|