@trafilea/afrodita-components 6.32.0 → 6.32.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/build/index.d.ts +2 -1
- package/build/index.esm.js +7 -4
- package/build/index.esm.js.map +1 -1
- package/build/index.js +7 -4
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -3960,17 +3960,20 @@ var templateObject_1$25;
|
|
|
3960
3960
|
|
|
3961
3961
|
var LabelWrapper = newStyled.label(templateObject_1$24 || (templateObject_1$24 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n"], ["\n display: flex;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n"])));
|
|
3962
3962
|
var SwitchWrapper = newStyled.div(templateObject_2$1v || (templateObject_2$1v = __makeTemplateObject(["\n position: relative;\n width: 36px;\n height: 20px;\n background: #949494;\n border-radius: 60px;\n padding: 4px;\n transition: 300ms all;\n\n &:before {\n transition: 300ms all;\n content: '';\n position: absolute;\n width: 16px;\n height: 16px;\n border-radius: 35px;\n top: 50%;\n left: 2.5px;\n background: white;\n transform: translate(0, -50%);\n }\n"], ["\n position: relative;\n width: 36px;\n height: 20px;\n background: #949494;\n border-radius: 60px;\n padding: 4px;\n transition: 300ms all;\n\n &:before {\n transition: 300ms all;\n content: '';\n position: absolute;\n width: 16px;\n height: 16px;\n border-radius: 35px;\n top: 50%;\n left: 2.5px;\n background: white;\n transform: translate(0, -50%);\n }\n"])));
|
|
3963
|
-
var InputWrapper$1 = newStyled.input(templateObject_3$1a || (templateObject_3$1a = __makeTemplateObject(["\n opacity: 0;\n position: absolute;\n\n &:checked + div {\n background:
|
|
3963
|
+
var InputWrapper$1 = newStyled.input(templateObject_3$1a || (templateObject_3$1a = __makeTemplateObject(["\n opacity: 0;\n position: absolute;\n\n &:checked + div {\n background: ", ";\n\n &:before {\n transform: translate(14.5px, -50%);\n }\n }\n"], ["\n opacity: 0;\n position: absolute;\n\n &:checked + div {\n background: ", ";\n\n &:before {\n transform: translate(14.5px, -50%);\n }\n }\n"])), function (_a) {
|
|
3964
|
+
var $color = _a.$color;
|
|
3965
|
+
return $color;
|
|
3966
|
+
});
|
|
3964
3967
|
var templateObject_1$24, templateObject_2$1v, templateObject_3$1a;
|
|
3965
3968
|
|
|
3966
3969
|
var ToggleComponent = function (_a) {
|
|
3967
|
-
var onToggle = _a.onToggle, _b = _a.isChecked, isChecked = _b === void 0 ? false : _b;
|
|
3968
|
-
var
|
|
3970
|
+
var onToggle = _a.onToggle, _b = _a.isChecked, isChecked = _b === void 0 ? false : _b, _c = _a.color, color = _c === void 0 ? '#882a2b' : _c;
|
|
3971
|
+
var _d = React$2.useState(isChecked), checked = _d[0], setChecked = _d[1];
|
|
3969
3972
|
var handleChange = function (e) {
|
|
3970
3973
|
setChecked(function (value) { return !value; });
|
|
3971
3974
|
onToggle(e.target.checked);
|
|
3972
3975
|
};
|
|
3973
|
-
return (jsxRuntime.jsxs(LabelWrapper, { children: [jsxRuntime.jsx(InputWrapper$1, { checked: checked, type: "checkbox", onChange: handleChange, value: "".concat(checked) }, void 0), jsxRuntime.jsx(SwitchWrapper, {}, void 0)] }, void 0));
|
|
3976
|
+
return (jsxRuntime.jsxs(LabelWrapper, { children: [jsxRuntime.jsx(InputWrapper$1, { checked: checked, type: "checkbox", onChange: handleChange, value: "".concat(checked), "$color": color }, void 0), jsxRuntime.jsx(SwitchWrapper, {}, void 0)] }, void 0));
|
|
3974
3977
|
};
|
|
3975
3978
|
|
|
3976
3979
|
var Add = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "actions/add" }), void 0); };
|