@trafilea/afrodita-components 6.32.0 → 6.32.1

package/build/index.d.ts

@@ -196,9 +196,10 @@ declare const Image: React.FC<ImageProps>;
 declare type ToggleProps = {
     onToggle: (value: boolean) => void;
     isChecked?: boolean;
+    color?: string;
 };
 
-declare const ToggleComponent: ({ onToggle, isChecked }: ToggleProps) => JSX.Element;
+declare const ToggleComponent: ({ onToggle, isChecked, color, }: ToggleProps) => JSX.Element;
 
 declare type Props = Omit<IconProps$1, 'name'>;
 declare type IconComponent = react__default.FC<Props>;

package/build/index.esm.js

@@ -3934,17 +3934,20 @@ var templateObject_1$25;
 
 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"])));
 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"])));
-var InputWrapper$1 = newStyled.input(templateObject_3$1a || (templateObject_3$1a = __makeTemplateObject(["\n  opacity: 0;\n  position: absolute;\n\n  &:checked + div {\n    background: #882a2b;\n\n    &:before {\n      transform: translate(14.5px, -50%);\n    }\n  }\n"], ["\n  opacity: 0;\n  position: absolute;\n\n  &:checked + div {\n    background: #882a2b;\n\n    &:before {\n      transform: translate(14.5px, -50%);\n    }\n  }\n"])));
+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) {
+    var $color = _a.$color;
+    return $color;
+});
 var templateObject_1$24, templateObject_2$1v, templateObject_3$1a;
 
 var ToggleComponent = function (_a) {
-    var onToggle = _a.onToggle, _b = _a.isChecked, isChecked = _b === void 0 ? false : _b;
-    var _c = useState(isChecked), checked = _c[0], setChecked = _c[1];
+    var onToggle = _a.onToggle, _b = _a.isChecked, isChecked = _b === void 0 ? false : _b, _c = _a.color, color = _c === void 0 ? '#882a2b' : _c;
+    var _d = useState(isChecked), checked = _d[0], setChecked = _d[1];
     var handleChange = function (e) {
         setChecked(function (value) { return !value; });
         onToggle(e.target.checked);
     };
-    return (jsxs$1(LabelWrapper, { children: [jsx$1(InputWrapper$1, { checked: checked, type: "checkbox", onChange: handleChange, value: "".concat(checked) }, void 0), jsx$1(SwitchWrapper, {}, void 0)] }, void 0));
+    return (jsxs$1(LabelWrapper, { children: [jsx$1(InputWrapper$1, { checked: checked, type: "checkbox", onChange: handleChange, value: "".concat(checked), "$color": color }, void 0), jsx$1(SwitchWrapper, {}, void 0)] }, void 0));
 };
 
 var Add = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "actions/add" }), void 0); };