@cleartrip/ct-design-switch-button 1.1.0
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/ct-design-switch-button.browser.cjs.js +2 -0
- package/dist/ct-design-switch-button.browser.cjs.js.map +1 -0
- package/dist/ct-design-switch-button.browser.esm.js +2 -0
- package/dist/ct-design-switch-button.browser.esm.js.map +1 -0
- package/dist/ct-design-switch-button.cjs.js +71 -0
- package/dist/ct-design-switch-button.cjs.js.map +1 -0
- package/dist/ct-design-switch-button.esm.js +64 -0
- package/dist/ct-design-switch-button.esm.js.map +1 -0
- package/dist/ct-design-switch-button.umd.js +111 -0
- package/dist/ct-design-switch-button.umd.js.map +1 -0
- package/dist/src/BaseSwitch/BaseSwitch.d.ts +5 -0
- package/dist/src/BaseSwitch/BaseSwitch.d.ts.map +1 -0
- package/dist/src/BaseSwitch/index.d.ts +2 -0
- package/dist/src/BaseSwitch/index.d.ts.map +1 -0
- package/dist/src/BaseSwitch/type.d.ts +14 -0
- package/dist/src/BaseSwitch/type.d.ts.map +1 -0
- package/dist/src/ToggleSwitch.d.ts +5 -0
- package/dist/src/ToggleSwitch.d.ts.map +1 -0
- package/dist/src/index.d.ts +3 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/svg/Cross.d.ts +9 -0
- package/dist/src/svg/Cross.d.ts.map +1 -0
- package/dist/src/svg/Tick.d.ts +9 -0
- package/dist/src/svg/Tick.d.ts.map +1 -0
- package/dist/src/type.d.ts +17 -0
- package/dist/src/type.d.ts.map +1 -0
- package/dist/stats.html +4838 -0
- package/dist/stories/SwitchButton.stories.d.ts +6 -0
- package/dist/stories/SwitchButton.stories.d.ts.map +1 -0
- package/package.json +39 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var n=require("tslib"),e=require("react/jsx-runtime"),t=require("@cleartrip/ct-design-use-theme"),i=require("@cleartrip/ct-design-container"),r=require("@cleartrip/ct-design-typography"),a=require("styled-components");function s(n){return n&&n.__esModule?n:{default:n}}var o,l=s(t),c=s(a);!function(n){n.SMALL="small",n.LARGE="large"}(o||(o={}));var d,u,p,g,h,m,b,f,_,x,k,j=c.default.div(m||(m=n.__makeTemplateObject(["\n ","\n display: flex;\n align-items: center;\n transition: all ease-in-out 0.3s;\n position: relative;\n ","\n ","\n\t","\n"],["\n ","\n display: flex;\n align-items: center;\n transition: all ease-in-out 0.3s;\n position: relative;\n ","\n ","\n\t","\n"])),(function(e){var t=e.theme;return a.css(d||(d=n.__makeTemplateObject(["\n background: ",";\n border-radius: ",";\n "],["\n background: ",";\n border-radius: ",";\n "])),t.color.background.defaultDark,t.size[5])}),(function(e){var t=e.theme;return e.value?a.css(u||(u=n.__makeTemplateObject(["\n background: ",";\n "],["\n background: ",";\n "])),t.color.background.primary):a.css(p||(p=n.__makeTemplateObject(["\n left: 1px;\n "],["\n left: 1px;\n "])))}),(function(e){var t=e.theme,i=e.size;return a.css(g||(g=n.__makeTemplateObject(["\n min-width: ",";\n width: ",";\n height: ",";\n "],["\n min-width: ",";\n width: ",";\n height: ",";\n "])),i===o.LARGE?t.size[10]:t.size[9],i===o.LARGE?t.size[10]:t.size[9],i===o.LARGE?t.size[6]:t.size[5])}),(function(e){var t=e.theme;return e.disabled&&a.css(h||(h=n.__makeTemplateObject(["\n background: ",";\n "],["\n background: ",";\n "])),t.color.background.disabled)})),v=c.default.label(x||(x=n.__makeTemplateObject(["\n ","\n position: absolute;\n transition: all ease-in-out 0.3s;\n cursor: pointer;\n border-radius: 50%;\n left: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n ","\n ","\n"],["\n ","\n position: absolute;\n transition: all ease-in-out 0.3s;\n cursor: pointer;\n border-radius: 50%;\n left: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n ","\n ","\n"])),(function(e){var t=e.theme;return a.css(b||(b=n.__makeTemplateObject(["\n background: ",";\n "],["\n background: ",";\n "])),t.color.background.neutral)}),(function(e){return e.value&&a.css(f||(f=n.__makeTemplateObject(["\n left: 18px;\n "],["\n left: 18px;\n "])))}),(function(e){e.theme;var t=e.size;return a.css(_||(_=n.__makeTemplateObject(["\n height: ",";\n width: ",";\n "],["\n height: ",";\n width: ",";\n "])),t===o.LARGE?"20px":"16px",t===o.LARGE?"20px":"16px")})),y=c.default.input(k||(k=n.__makeTemplateObject(["\n display: none;\n"],["\n display: none;\n"]))),w=function(t){var i=t.height,r=void 0===i?10:i,a=t.width,s=void 0===a?10:a,o=t.crossColor;return e.jsx("svg",n.__assign({width:s,height:r,viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{d:"M7 1L4 4M4 4L1 7M4 4L1 1M4 4L7 7",stroke:o,"stroke-linecap":"round","stroke-linejoin":"round"})}))},L=function(t){var i=t.height,r=void 0===i?7.5:i,a=t.width,s=void 0===a?10:a,o=t.crossColor;return e.jsx("svg",n.__assign({width:s,height:r,viewBox:"0 0 10 7",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{d:"M9 1L3.5 6.5L1 4",stroke:o,"stroke-linecap":"round","stroke-linejoin":"round"})}))};exports.SwitchButton=function(t){var a=t.id,s=t.label,c=void 0===s?"":s,d=t.name,u=t.checked,p=t.disabled,g=void 0!==p&&p,h=t.gap,m=t.onChange,b=t.size,f=void 0===b?o.SMALL:b,_=t.iconVisibility,x=l.default();return e.jsx(i.Container,n.__assign({display:"flex",alignItems:"center",justifyContent:"center",width:"fit-content"},{children:e.jsx("label",{children:e.jsxs(i.Container,n.__assign({display:"flex",alignItems:"center",justifyContent:"center"},{children:[e.jsx(j,n.__assign({value:u,disabled:g,size:f,theme:x},{children:e.jsxs(v,n.__assign({value:u,size:f,theme:x},{children:[e.jsx(y,{type:"checkbox",name:d,id:a,onChange:m}),_?u?e.jsx(L,{crossColor:"".concat(g?x.color.background.disabledSecondaryLight:x.color.background.primary)}):e.jsx(w,{crossColor:"".concat(g?x.color.background.disabledSecondaryLight:x.color.background.defaultDark)}):null]}))})),c&&e.jsx(i.Container,n.__assign({paddingLeft:"".concat(h,"px")||x.spacing[2],display:"flex",alignItems:"center",justifyContent:"center"},{children:e.jsx(r.Typography,n.__assign({variant:"B2"},{children:c}))}))]}))})}))};
|
|
2
|
+
//# sourceMappingURL=ct-design-switch-button.browser.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ct-design-switch-button.browser.cjs.js","sources":["../../packages/components/SwitchButton/src/BaseSwitch/type.ts","../../packages/components/SwitchButton/src/BaseSwitch/BaseSwitch.tsx","../../packages/components/SwitchButton/src/svg/Cross.tsx","../../packages/components/SwitchButton/src/svg/Tick.tsx","../../packages/components/SwitchButton/src/ToggleSwitch.tsx"],"sourcesContent":[null,null,null,null,null],"names":["ButtonSize","ParentLayer","styled","div","templateObject_6","__makeTemplateObject","_a","theme","css","color","background","defaultDark","size","value","templateObject_2","primary","templateObject_3","templateObject_4","LARGE","disabled","templateObject_5","Label","label","templateObject_10","templateObject_7","neutral","templateObject_9","Input","default","input","templateObject_11","Cross","_b","height","_c","width","crossColor","_jsx","jsx","__assign","viewBox","fill","xmlns","children","d","stroke","Tick","id","name","checked","gap","onChange","_d","SMALL","iconVisibility","useTheme","Container","display","alignItems","justifyContent","_jsxs","jsxs","type","disabledSecondaryLight","concat","paddingLeft","spacing","Typography","variant"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{__makeTemplateObject as n,__assign as e}from"tslib";import{jsx as t,jsxs as i}from"react/jsx-runtime";import r from"@cleartrip/ct-design-use-theme";import{Container as o}from"@cleartrip/ct-design-container";import{Typography as a}from"@cleartrip/ct-design-typography";import l,{css as s}from"styled-components";var d;!function(n){n.SMALL="small",n.LARGE="large"}(d||(d={}));var c,u,h,p,g,f,m,b,v,k,x,y=l.div(f||(f=n(["\n ","\n display: flex;\n align-items: center;\n transition: all ease-in-out 0.3s;\n position: relative;\n ","\n ","\n\t","\n"],["\n ","\n display: flex;\n align-items: center;\n transition: all ease-in-out 0.3s;\n position: relative;\n ","\n ","\n\t","\n"])),(function(e){var t=e.theme;return s(c||(c=n(["\n background: ",";\n border-radius: ",";\n "],["\n background: ",";\n border-radius: ",";\n "])),t.color.background.defaultDark,t.size[5])}),(function(e){var t=e.theme;return e.value?s(u||(u=n(["\n background: ",";\n "],["\n background: ",";\n "])),t.color.background.primary):s(h||(h=n(["\n left: 1px;\n "],["\n left: 1px;\n "])))}),(function(e){var t=e.theme,i=e.size;return s(p||(p=n(["\n min-width: ",";\n width: ",";\n height: ",";\n "],["\n min-width: ",";\n width: ",";\n height: ",";\n "])),i===d.LARGE?t.size[10]:t.size[9],i===d.LARGE?t.size[10]:t.size[9],i===d.LARGE?t.size[6]:t.size[5])}),(function(e){var t=e.theme;return e.disabled&&s(g||(g=n(["\n background: ",";\n "],["\n background: ",";\n "])),t.color.background.disabled)})),w=l.label(k||(k=n(["\n ","\n position: absolute;\n transition: all ease-in-out 0.3s;\n cursor: pointer;\n border-radius: 50%;\n left: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n ","\n ","\n"],["\n ","\n position: absolute;\n transition: all ease-in-out 0.3s;\n cursor: pointer;\n border-radius: 50%;\n left: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n ","\n ","\n"])),(function(e){var t=e.theme;return s(m||(m=n(["\n background: ",";\n "],["\n background: ",";\n "])),t.color.background.neutral)}),(function(e){return e.value&&s(b||(b=n(["\n left: 18px;\n "],["\n left: 18px;\n "])))}),(function(e){e.theme;var t=e.size;return s(v||(v=n(["\n height: ",";\n width: ",";\n "],["\n height: ",";\n width: ",";\n "])),t===d.LARGE?"20px":"16px",t===d.LARGE?"20px":"16px")})),L=l.input(x||(x=n(["\n display: none;\n"],["\n display: none;\n"]))),z=function(n){var i=n.height,r=void 0===i?10:i,o=n.width,a=void 0===o?10:o,l=n.crossColor;return t("svg",e({width:a,height:r,viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M7 1L4 4M4 4L1 7M4 4L1 1M4 4L7 7",stroke:l,"stroke-linecap":"round","stroke-linejoin":"round"})}))},C=function(n){var i=n.height,r=void 0===i?7.5:i,o=n.width,a=void 0===o?10:o,l=n.crossColor;return t("svg",e({width:a,height:r,viewBox:"0 0 10 7",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M9 1L3.5 6.5L1 4",stroke:l,"stroke-linecap":"round","stroke-linejoin":"round"})}))},j=function(n){var l=n.id,s=n.label,c=void 0===s?"":s,u=n.name,h=n.checked,p=n.disabled,g=void 0!==p&&p,f=n.gap,m=n.onChange,b=n.size,v=void 0===b?d.SMALL:b,k=n.iconVisibility,x=r();return t(o,e({display:"flex",alignItems:"center",justifyContent:"center",width:"fit-content"},{children:t("label",{children:i(o,e({display:"flex",alignItems:"center",justifyContent:"center"},{children:[t(y,e({value:h,disabled:g,size:v,theme:x},{children:i(w,e({value:h,size:v,theme:x},{children:[t(L,{type:"checkbox",name:u,id:l,onChange:m}),k?h?t(C,{crossColor:"".concat(g?x.color.background.disabledSecondaryLight:x.color.background.primary)}):t(z,{crossColor:"".concat(g?x.color.background.disabledSecondaryLight:x.color.background.defaultDark)}):null]}))})),c&&t(o,e({paddingLeft:"".concat(f,"px")||x.spacing[2],display:"flex",alignItems:"center",justifyContent:"center"},{children:t(a,e({variant:"B2"},{children:c}))}))]}))})}))};export{j as SwitchButton};
|
|
2
|
+
//# sourceMappingURL=ct-design-switch-button.browser.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ct-design-switch-button.browser.esm.js","sources":["../../packages/components/SwitchButton/src/BaseSwitch/type.ts","../../packages/components/SwitchButton/src/BaseSwitch/BaseSwitch.tsx","../../packages/components/SwitchButton/src/svg/Cross.tsx","../../packages/components/SwitchButton/src/svg/Tick.tsx","../../packages/components/SwitchButton/src/ToggleSwitch.tsx"],"sourcesContent":[null,null,null,null,null],"names":["ButtonSize","ParentLayer","styled","div","templateObject_6","__makeTemplateObject","_a","theme","css","color","background","defaultDark","size","value","templateObject_2","primary","templateObject_3","templateObject_4","LARGE","disabled","templateObject_5","Label","label","templateObject_10","templateObject_7","neutral","templateObject_9","Input","input","templateObject_11","Cross","_b","height","_c","width","crossColor","_jsx","__assign","viewBox","fill","xmlns","children","d","stroke","Tick","ToggleSwitch","id","name","checked","gap","onChange","_d","SMALL","iconVisibility","useTheme","Container","display","alignItems","justifyContent","_jsxs","type","disabledSecondaryLight","concat","paddingLeft","spacing","Typography","variant"],"mappings":"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"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var useTheme = require('@cleartrip/ct-design-use-theme');
|
|
6
|
+
var ctDesignContainer = require('@cleartrip/ct-design-container');
|
|
7
|
+
var ctDesignTypography = require('@cleartrip/ct-design-typography');
|
|
8
|
+
var styled = require('styled-components');
|
|
9
|
+
|
|
10
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
|
|
12
|
+
var useTheme__default = /*#__PURE__*/_interopDefault(useTheme);
|
|
13
|
+
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
14
|
+
|
|
15
|
+
var ButtonSize;
|
|
16
|
+
(function (ButtonSize) {
|
|
17
|
+
ButtonSize["SMALL"] = "small";
|
|
18
|
+
ButtonSize["LARGE"] = "large";
|
|
19
|
+
})(ButtonSize || (ButtonSize = {}));
|
|
20
|
+
|
|
21
|
+
var ParentLayer = styled__default.default.div(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n ", "\n display: flex;\n align-items: center;\n transition: all ease-in-out 0.3s;\n position: relative;\n ", "\n ", "\n\t", "\n"], ["\n ", "\n display: flex;\n align-items: center;\n transition: all ease-in-out 0.3s;\n position: relative;\n ", "\n ", "\n\t", "\n"])), function (_a) {
|
|
22
|
+
var theme = _a.theme;
|
|
23
|
+
return styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n background: ", ";\n border-radius: ", ";\n "], ["\n background: ", ";\n border-radius: ", ";\n "])), theme.color.background.defaultDark, theme.size[5]);
|
|
24
|
+
}, function (_a) {
|
|
25
|
+
var theme = _a.theme, value = _a.value;
|
|
26
|
+
return value
|
|
27
|
+
? styled.css(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), theme.color.background.primary) : styled.css(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n left: 1px;\n "], ["\n left: 1px;\n "])));
|
|
28
|
+
}, function (_a) {
|
|
29
|
+
var theme = _a.theme, size = _a.size;
|
|
30
|
+
return styled.css(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n min-width: ", ";\n width: ", ";\n height: ", ";\n "], ["\n min-width: ", ";\n width: ", ";\n height: ", ";\n "])), size === ButtonSize.LARGE ? theme.size[10] : theme.size[9], size === ButtonSize.LARGE ? theme.size[10] : theme.size[9], size === ButtonSize.LARGE ? theme.size[6] : theme.size[5]);
|
|
31
|
+
}, function (_a) {
|
|
32
|
+
var theme = _a.theme, disabled = _a.disabled;
|
|
33
|
+
return (disabled && styled.css(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), theme.color.background.disabled));
|
|
34
|
+
});
|
|
35
|
+
var Label = styled__default.default.label(templateObject_10 || (templateObject_10 = tslib.__makeTemplateObject(["\n ", "\n position: absolute;\n transition: all ease-in-out 0.3s;\n cursor: pointer;\n border-radius: 50%;\n left: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n ", "\n ", "\n"], ["\n ", "\n position: absolute;\n transition: all ease-in-out 0.3s;\n cursor: pointer;\n border-radius: 50%;\n left: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n ", "\n ", "\n"])), function (_a) {
|
|
36
|
+
var theme = _a.theme;
|
|
37
|
+
return styled.css(templateObject_7 || (templateObject_7 = tslib.__makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), theme.color.background.neutral);
|
|
38
|
+
}, function (_a) {
|
|
39
|
+
var value = _a.value;
|
|
40
|
+
return (value && styled.css(templateObject_8 || (templateObject_8 = tslib.__makeTemplateObject(["\n left: 18px;\n "], ["\n left: 18px;\n "]))));
|
|
41
|
+
}, function (_a) {
|
|
42
|
+
_a.theme; var size = _a.size;
|
|
43
|
+
return styled.css(templateObject_9 || (templateObject_9 = tslib.__makeTemplateObject(["\n height: ", ";\n width: ", ";\n "], ["\n height: ", ";\n width: ", ";\n "])), size === ButtonSize.LARGE ? '20px' : '16px', size === ButtonSize.LARGE ? '20px' : '16px');
|
|
44
|
+
});
|
|
45
|
+
var Input = styled__default.default.input(templateObject_11 || (templateObject_11 = tslib.__makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
46
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
47
|
+
|
|
48
|
+
var Cross = function (_a) {
|
|
49
|
+
var _b = _a.height, height = _b === void 0 ? 10 : _b, _c = _a.width, width = _c === void 0 ? 10 : _c, crossColor = _a.crossColor;
|
|
50
|
+
return (jsxRuntime.jsx("svg", tslib.__assign({ width: width, height: height, viewBox: '0 0 8 8', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, { children: jsxRuntime.jsx("path", { d: 'M7 1L4 4M4 4L1 7M4 4L1 1M4 4L7 7', stroke: crossColor, "stroke-linecap": 'round', "stroke-linejoin": 'round' }) })));
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
var Tick = function (_a) {
|
|
54
|
+
var _b = _a.height, height = _b === void 0 ? 7.5 : _b, _c = _a.width, width = _c === void 0 ? 10 : _c, crossColor = _a.crossColor;
|
|
55
|
+
return (jsxRuntime.jsx("svg", tslib.__assign({ width: width, height: height, viewBox: '0 0 10 7', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, { children: jsxRuntime.jsx("path", { d: 'M9 1L3.5 6.5L1 4', stroke: crossColor, "stroke-linecap": 'round', "stroke-linejoin": 'round' }) })));
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
var ToggleSwitch = function (_a) {
|
|
59
|
+
var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, name = _a.name, checked = _a.checked, _c = _a.disabled, disabled = _c === void 0 ? false : _c, gap = _a.gap, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? ButtonSize.SMALL : _d, iconVisibility = _a.iconVisibility;
|
|
60
|
+
var theme = useTheme__default.default();
|
|
61
|
+
var showIcon = function () {
|
|
62
|
+
if (iconVisibility) {
|
|
63
|
+
return checked ? (jsxRuntime.jsx(Tick, { crossColor: disabled ? "".concat(theme.color.background.disabledSecondaryLight) : "".concat(theme.color.background.primary) })) : (jsxRuntime.jsx(Cross, { crossColor: disabled ? "".concat(theme.color.background.disabledSecondaryLight) : "".concat(theme.color.background.defaultDark) }));
|
|
64
|
+
}
|
|
65
|
+
return null;
|
|
66
|
+
};
|
|
67
|
+
return (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', width: 'fit-content' }, { children: jsxRuntime.jsx("label", { children: jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', justifyContent: 'center' }, { children: [jsxRuntime.jsx(ParentLayer, tslib.__assign({ value: checked, disabled: disabled, size: size, theme: theme }, { children: jsxRuntime.jsxs(Label, tslib.__assign({ value: checked, size: size, theme: theme }, { children: [jsxRuntime.jsx(Input, { type: 'checkbox', name: name, id: id, onChange: onChange }), showIcon()] })) })), label && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ paddingLeft: "".concat(gap, "px") || theme.spacing[2], display: 'flex', alignItems: 'center', justifyContent: 'center' }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'B2' }, { children: label })) })))] })) }) })));
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
exports.SwitchButton = ToggleSwitch;
|
|
71
|
+
//# sourceMappingURL=ct-design-switch-button.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ct-design-switch-button.cjs.js","sources":["../../packages/components/SwitchButton/src/BaseSwitch/type.ts","../../packages/components/SwitchButton/src/BaseSwitch/BaseSwitch.tsx","../../packages/components/SwitchButton/src/svg/Cross.tsx","../../packages/components/SwitchButton/src/svg/Tick.tsx","../../packages/components/SwitchButton/src/ToggleSwitch.tsx"],"sourcesContent":[null,null,null,null,null],"names":["styled","__makeTemplateObject","css","_jsx","__assign","useTheme","Container","_jsxs","Typography"],"mappings":"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"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { __makeTemplateObject, __assign } from 'tslib';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
import useTheme from '@cleartrip/ct-design-use-theme';
|
|
4
|
+
import { Container } from '@cleartrip/ct-design-container';
|
|
5
|
+
import { Typography } from '@cleartrip/ct-design-typography';
|
|
6
|
+
import styled, { css } from 'styled-components';
|
|
7
|
+
|
|
8
|
+
var ButtonSize;
|
|
9
|
+
(function (ButtonSize) {
|
|
10
|
+
ButtonSize["SMALL"] = "small";
|
|
11
|
+
ButtonSize["LARGE"] = "large";
|
|
12
|
+
})(ButtonSize || (ButtonSize = {}));
|
|
13
|
+
|
|
14
|
+
var ParentLayer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n display: flex;\n align-items: center;\n transition: all ease-in-out 0.3s;\n position: relative;\n ", "\n ", "\n\t", "\n"], ["\n ", "\n display: flex;\n align-items: center;\n transition: all ease-in-out 0.3s;\n position: relative;\n ", "\n ", "\n\t", "\n"])), function (_a) {
|
|
15
|
+
var theme = _a.theme;
|
|
16
|
+
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", ";\n border-radius: ", ";\n "], ["\n background: ", ";\n border-radius: ", ";\n "])), theme.color.background.defaultDark, theme.size[5]);
|
|
17
|
+
}, function (_a) {
|
|
18
|
+
var theme = _a.theme, value = _a.value;
|
|
19
|
+
return value
|
|
20
|
+
? css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), theme.color.background.primary) : css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n left: 1px;\n "], ["\n left: 1px;\n "])));
|
|
21
|
+
}, function (_a) {
|
|
22
|
+
var theme = _a.theme, size = _a.size;
|
|
23
|
+
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n min-width: ", ";\n width: ", ";\n height: ", ";\n "], ["\n min-width: ", ";\n width: ", ";\n height: ", ";\n "])), size === ButtonSize.LARGE ? theme.size[10] : theme.size[9], size === ButtonSize.LARGE ? theme.size[10] : theme.size[9], size === ButtonSize.LARGE ? theme.size[6] : theme.size[5]);
|
|
24
|
+
}, function (_a) {
|
|
25
|
+
var theme = _a.theme, disabled = _a.disabled;
|
|
26
|
+
return (disabled && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), theme.color.background.disabled));
|
|
27
|
+
});
|
|
28
|
+
var Label = styled.label(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n position: absolute;\n transition: all ease-in-out 0.3s;\n cursor: pointer;\n border-radius: 50%;\n left: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n ", "\n ", "\n"], ["\n ", "\n position: absolute;\n transition: all ease-in-out 0.3s;\n cursor: pointer;\n border-radius: 50%;\n left: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n ", "\n ", "\n"])), function (_a) {
|
|
29
|
+
var theme = _a.theme;
|
|
30
|
+
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), theme.color.background.neutral);
|
|
31
|
+
}, function (_a) {
|
|
32
|
+
var value = _a.value;
|
|
33
|
+
return (value && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n left: 18px;\n "], ["\n left: 18px;\n "]))));
|
|
34
|
+
}, function (_a) {
|
|
35
|
+
_a.theme; var size = _a.size;
|
|
36
|
+
return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n "], ["\n height: ", ";\n width: ", ";\n "])), size === ButtonSize.LARGE ? '20px' : '16px', size === ButtonSize.LARGE ? '20px' : '16px');
|
|
37
|
+
});
|
|
38
|
+
var Input = styled.input(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
39
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
40
|
+
|
|
41
|
+
var Cross = function (_a) {
|
|
42
|
+
var _b = _a.height, height = _b === void 0 ? 10 : _b, _c = _a.width, width = _c === void 0 ? 10 : _c, crossColor = _a.crossColor;
|
|
43
|
+
return (jsx("svg", __assign({ width: width, height: height, viewBox: '0 0 8 8', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, { children: jsx("path", { d: 'M7 1L4 4M4 4L1 7M4 4L1 1M4 4L7 7', stroke: crossColor, "stroke-linecap": 'round', "stroke-linejoin": 'round' }) })));
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
var Tick = function (_a) {
|
|
47
|
+
var _b = _a.height, height = _b === void 0 ? 7.5 : _b, _c = _a.width, width = _c === void 0 ? 10 : _c, crossColor = _a.crossColor;
|
|
48
|
+
return (jsx("svg", __assign({ width: width, height: height, viewBox: '0 0 10 7', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, { children: jsx("path", { d: 'M9 1L3.5 6.5L1 4', stroke: crossColor, "stroke-linecap": 'round', "stroke-linejoin": 'round' }) })));
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
var ToggleSwitch = function (_a) {
|
|
52
|
+
var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, name = _a.name, checked = _a.checked, _c = _a.disabled, disabled = _c === void 0 ? false : _c, gap = _a.gap, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? ButtonSize.SMALL : _d, iconVisibility = _a.iconVisibility;
|
|
53
|
+
var theme = useTheme();
|
|
54
|
+
var showIcon = function () {
|
|
55
|
+
if (iconVisibility) {
|
|
56
|
+
return checked ? (jsx(Tick, { crossColor: disabled ? "".concat(theme.color.background.disabledSecondaryLight) : "".concat(theme.color.background.primary) })) : (jsx(Cross, { crossColor: disabled ? "".concat(theme.color.background.disabledSecondaryLight) : "".concat(theme.color.background.defaultDark) }));
|
|
57
|
+
}
|
|
58
|
+
return null;
|
|
59
|
+
};
|
|
60
|
+
return (jsx(Container, __assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', width: 'fit-content' }, { children: jsx("label", { children: jsxs(Container, __assign({ display: 'flex', alignItems: 'center', justifyContent: 'center' }, { children: [jsx(ParentLayer, __assign({ value: checked, disabled: disabled, size: size, theme: theme }, { children: jsxs(Label, __assign({ value: checked, size: size, theme: theme }, { children: [jsx(Input, { type: 'checkbox', name: name, id: id, onChange: onChange }), showIcon()] })) })), label && (jsx(Container, __assign({ paddingLeft: "".concat(gap, "px") || theme.spacing[2], display: 'flex', alignItems: 'center', justifyContent: 'center' }, { children: jsx(Typography, __assign({ variant: 'B2' }, { children: label })) })))] })) }) })));
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
export { ToggleSwitch as SwitchButton };
|
|
64
|
+
//# sourceMappingURL=ct-design-switch-button.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ct-design-switch-button.esm.js","sources":["../../packages/components/SwitchButton/src/BaseSwitch/type.ts","../../packages/components/SwitchButton/src/BaseSwitch/BaseSwitch.tsx","../../packages/components/SwitchButton/src/svg/Cross.tsx","../../packages/components/SwitchButton/src/svg/Tick.tsx","../../packages/components/SwitchButton/src/ToggleSwitch.tsx"],"sourcesContent":[null,null,null,null,null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('@cleartrip/ct-design-use-theme'), require('@cleartrip/ct-design-container'), require('@cleartrip/ct-design-typography'), require('styled-components')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', '@cleartrip/ct-design-use-theme', '@cleartrip/ct-design-container', '@cleartrip/ct-design-typography', 'styled-components'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemSwitchButton = {}, global.jsxRuntime, global.useTheme, global.ctDesignContainer, global.ctDesignTypography, global.styled));
|
|
5
|
+
})(this, (function (exports, jsxRuntime, useTheme, ctDesignContainer, ctDesignTypography, styled) { 'use strict';
|
|
6
|
+
|
|
7
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
|
+
|
|
9
|
+
var useTheme__default = /*#__PURE__*/_interopDefault(useTheme);
|
|
10
|
+
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
11
|
+
|
|
12
|
+
/******************************************************************************
|
|
13
|
+
Copyright (c) Microsoft Corporation.
|
|
14
|
+
|
|
15
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
16
|
+
purpose with or without fee is hereby granted.
|
|
17
|
+
|
|
18
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
19
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
20
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
21
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
22
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
23
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
24
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
25
|
+
***************************************************************************** */
|
|
26
|
+
/* global Reflect, Promise, SuppressedError, Symbol */
|
|
27
|
+
|
|
28
|
+
var __assign = function () {
|
|
29
|
+
__assign = Object.assign || function __assign(t) {
|
|
30
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
31
|
+
s = arguments[i];
|
|
32
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
36
|
+
return __assign.apply(this, arguments);
|
|
37
|
+
};
|
|
38
|
+
function __makeTemplateObject(cooked, raw) {
|
|
39
|
+
if (Object.defineProperty) {
|
|
40
|
+
Object.defineProperty(cooked, "raw", {
|
|
41
|
+
value: raw
|
|
42
|
+
});
|
|
43
|
+
} else {
|
|
44
|
+
cooked.raw = raw;
|
|
45
|
+
}
|
|
46
|
+
return cooked;
|
|
47
|
+
}
|
|
48
|
+
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
49
|
+
var e = new Error(message);
|
|
50
|
+
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
var ButtonSize;
|
|
54
|
+
(function (ButtonSize) {
|
|
55
|
+
ButtonSize["SMALL"] = "small";
|
|
56
|
+
ButtonSize["LARGE"] = "large";
|
|
57
|
+
})(ButtonSize || (ButtonSize = {}));
|
|
58
|
+
|
|
59
|
+
var ParentLayer = styled__default.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n display: flex;\n align-items: center;\n transition: all ease-in-out 0.3s;\n position: relative;\n ", "\n ", "\n\t", "\n"], ["\n ", "\n display: flex;\n align-items: center;\n transition: all ease-in-out 0.3s;\n position: relative;\n ", "\n ", "\n\t", "\n"])), function (_a) {
|
|
60
|
+
var theme = _a.theme;
|
|
61
|
+
return styled.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", ";\n border-radius: ", ";\n "], ["\n background: ", ";\n border-radius: ", ";\n "])), theme.color.background.defaultDark, theme.size[5]);
|
|
62
|
+
}, function (_a) {
|
|
63
|
+
var theme = _a.theme, value = _a.value;
|
|
64
|
+
return value
|
|
65
|
+
? styled.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), theme.color.background.primary) : styled.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n left: 1px;\n "], ["\n left: 1px;\n "])));
|
|
66
|
+
}, function (_a) {
|
|
67
|
+
var theme = _a.theme, size = _a.size;
|
|
68
|
+
return styled.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n min-width: ", ";\n width: ", ";\n height: ", ";\n "], ["\n min-width: ", ";\n width: ", ";\n height: ", ";\n "])), size === ButtonSize.LARGE ? theme.size[10] : theme.size[9], size === ButtonSize.LARGE ? theme.size[10] : theme.size[9], size === ButtonSize.LARGE ? theme.size[6] : theme.size[5]);
|
|
69
|
+
}, function (_a) {
|
|
70
|
+
var theme = _a.theme, disabled = _a.disabled;
|
|
71
|
+
return (disabled && styled.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), theme.color.background.disabled));
|
|
72
|
+
});
|
|
73
|
+
var Label = styled__default.default.label(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n position: absolute;\n transition: all ease-in-out 0.3s;\n cursor: pointer;\n border-radius: 50%;\n left: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n ", "\n ", "\n"], ["\n ", "\n position: absolute;\n transition: all ease-in-out 0.3s;\n cursor: pointer;\n border-radius: 50%;\n left: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n ", "\n ", "\n"])), function (_a) {
|
|
74
|
+
var theme = _a.theme;
|
|
75
|
+
return styled.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), theme.color.background.neutral);
|
|
76
|
+
}, function (_a) {
|
|
77
|
+
var value = _a.value;
|
|
78
|
+
return (value && styled.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n left: 18px;\n "], ["\n left: 18px;\n "]))));
|
|
79
|
+
}, function (_a) {
|
|
80
|
+
_a.theme; var size = _a.size;
|
|
81
|
+
return styled.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n "], ["\n height: ", ";\n width: ", ";\n "])), size === ButtonSize.LARGE ? '20px' : '16px', size === ButtonSize.LARGE ? '20px' : '16px');
|
|
82
|
+
});
|
|
83
|
+
var Input = styled__default.default.input(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
84
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
85
|
+
|
|
86
|
+
var Cross = function (_a) {
|
|
87
|
+
var _b = _a.height, height = _b === void 0 ? 10 : _b, _c = _a.width, width = _c === void 0 ? 10 : _c, crossColor = _a.crossColor;
|
|
88
|
+
return (jsxRuntime.jsx("svg", __assign({ width: width, height: height, viewBox: '0 0 8 8', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, { children: jsxRuntime.jsx("path", { d: 'M7 1L4 4M4 4L1 7M4 4L1 1M4 4L7 7', stroke: crossColor, "stroke-linecap": 'round', "stroke-linejoin": 'round' }) })));
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
var Tick = function (_a) {
|
|
92
|
+
var _b = _a.height, height = _b === void 0 ? 7.5 : _b, _c = _a.width, width = _c === void 0 ? 10 : _c, crossColor = _a.crossColor;
|
|
93
|
+
return (jsxRuntime.jsx("svg", __assign({ width: width, height: height, viewBox: '0 0 10 7', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, { children: jsxRuntime.jsx("path", { d: 'M9 1L3.5 6.5L1 4', stroke: crossColor, "stroke-linecap": 'round', "stroke-linejoin": 'round' }) })));
|
|
94
|
+
};
|
|
95
|
+
|
|
96
|
+
var ToggleSwitch = function (_a) {
|
|
97
|
+
var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, name = _a.name, checked = _a.checked, _c = _a.disabled, disabled = _c === void 0 ? false : _c, gap = _a.gap, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? ButtonSize.SMALL : _d, iconVisibility = _a.iconVisibility;
|
|
98
|
+
var theme = useTheme__default.default();
|
|
99
|
+
var showIcon = function () {
|
|
100
|
+
if (iconVisibility) {
|
|
101
|
+
return checked ? (jsxRuntime.jsx(Tick, { crossColor: disabled ? "".concat(theme.color.background.disabledSecondaryLight) : "".concat(theme.color.background.primary) })) : (jsxRuntime.jsx(Cross, { crossColor: disabled ? "".concat(theme.color.background.disabledSecondaryLight) : "".concat(theme.color.background.defaultDark) }));
|
|
102
|
+
}
|
|
103
|
+
return null;
|
|
104
|
+
};
|
|
105
|
+
return (jsxRuntime.jsx(ctDesignContainer.Container, __assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', width: 'fit-content' }, { children: jsxRuntime.jsx("label", { children: jsxRuntime.jsxs(ctDesignContainer.Container, __assign({ display: 'flex', alignItems: 'center', justifyContent: 'center' }, { children: [jsxRuntime.jsx(ParentLayer, __assign({ value: checked, disabled: disabled, size: size, theme: theme }, { children: jsxRuntime.jsxs(Label, __assign({ value: checked, size: size, theme: theme }, { children: [jsxRuntime.jsx(Input, { type: 'checkbox', name: name, id: id, onChange: onChange }), showIcon()] })) })), label && (jsxRuntime.jsx(ctDesignContainer.Container, __assign({ paddingLeft: "".concat(gap, "px") || theme.spacing[2], display: 'flex', alignItems: 'center', justifyContent: 'center' }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: 'B2' }, { children: label })) })))] })) }) })));
|
|
106
|
+
};
|
|
107
|
+
|
|
108
|
+
exports.SwitchButton = ToggleSwitch;
|
|
109
|
+
|
|
110
|
+
}));
|
|
111
|
+
//# sourceMappingURL=ct-design-switch-button.umd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ct-design-switch-button.umd.js","sources":["../../../../node_modules/.pnpm/@rollup+plugin-typescript@9.0.2_rollup@3.29.4_tslib@2.6.2_typescript@4.9.5/node_modules/tslib/tslib.es6.js","../../packages/components/SwitchButton/src/BaseSwitch/type.ts","../../packages/components/SwitchButton/src/BaseSwitch/BaseSwitch.tsx","../../packages/components/SwitchButton/src/svg/Cross.tsx","../../packages/components/SwitchButton/src/svg/Tick.tsx","../../packages/components/SwitchButton/src/ToggleSwitch.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n function next() {\r\n while (env.stack.length) {\r\n var rec = env.stack.pop();\r\n try {\r\n var result = rec.dispose && rec.dispose.call(rec.value);\r\n if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n};\r\n",null,null,null,null,null],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","__makeTemplateObject","cooked","raw","defineProperty","value","SuppressedError","error","suppressed","message","e","Error","name","styled","css","_jsx","useTheme","Container","_jsxs","Typography"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { BaseToggleSwitchProps } from './type';
|
|
2
|
+
export declare const ParentLayer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BaseToggleSwitchProps, never>;
|
|
3
|
+
export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, BaseToggleSwitchProps, never>;
|
|
4
|
+
export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
//# sourceMappingURL=BaseSwitch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseSwitch.d.ts","sourceRoot":"","sources":["../../../packages/components/SwitchButton/src/BaseSwitch/BaseSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAc,MAAM,QAAQ,CAAC;AAE3D,eAAO,MAAM,WAAW,4HAmCvB,CAAC;AAEF,eAAO,MAAM,KAAK,8HA4BjB,CAAC;AAEF,eAAO,MAAM,KAAK,2GAEjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/components/SwitchButton/src/BaseSwitch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CSSObject } from 'styled-components';
|
|
2
|
+
export declare enum ButtonSize {
|
|
3
|
+
SMALL = "small",
|
|
4
|
+
LARGE = "large"
|
|
5
|
+
}
|
|
6
|
+
type ButtonType = ButtonSize;
|
|
7
|
+
export interface BaseToggleSwitchProps {
|
|
8
|
+
cursor?: CSSObject['cursor'];
|
|
9
|
+
value?: Boolean;
|
|
10
|
+
disabled?: Boolean;
|
|
11
|
+
size?: ButtonType;
|
|
12
|
+
}
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../packages/components/SwitchButton/src/BaseSwitch/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AACD,KAAK,UAAU,GAAG,UAAU,CAAC;AAE7B,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../packages/components/SwitchButton/src/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE3C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuD7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/SwitchButton/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Cross.d.ts","sourceRoot":"","sources":["../../../packages/components/SwitchButton/src/svg/Cross.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,UAAU;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAM/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tick.d.ts","sourceRoot":"","sources":["../../../packages/components/SwitchButton/src/svg/Tick.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAM7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ChangeEvent, ReactNode } from 'react';
|
|
2
|
+
import { ButtonSize } from './BaseSwitch/type';
|
|
3
|
+
type ButtonType = ButtonSize;
|
|
4
|
+
export interface ToggleSwitchProps {
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
id?: string;
|
|
7
|
+
name?: string;
|
|
8
|
+
label?: string;
|
|
9
|
+
checked?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
gap?: number;
|
|
12
|
+
onChange: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
13
|
+
size?: ButtonType;
|
|
14
|
+
iconVisibility?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/SwitchButton/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,KAAK,UAAU,GAAG,UAAU,CAAC;AAE7B,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}
|