@tamagui/switch 2.0.0-rc.4 → 2.0.0-rc.40
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/cjs/StyledContext.cjs +14 -12
- package/dist/cjs/StyledContext.native.js +20 -18
- package/dist/cjs/StyledContext.native.js.map +1 -1
- package/dist/cjs/Switch.cjs +76 -74
- package/dist/cjs/Switch.native.js +81 -80
- package/dist/cjs/Switch.native.js.map +1 -1
- package/dist/cjs/createSwitch.cjs +156 -144
- package/dist/cjs/createSwitch.native.js +161 -153
- package/dist/cjs/createSwitch.native.js.map +1 -1
- package/dist/cjs/index.cjs +15 -13
- package/dist/cjs/index.native.js +20 -18
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +7 -5
- package/dist/cjs/types.native.js +7 -5
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/useSwitchNative.cjs +12 -10
- package/dist/cjs/useSwitchNative.native.js +40 -33
- package/dist/cjs/useSwitchNative.native.js.map +1 -1
- package/dist/esm/StyledContext.mjs +2 -2
- package/dist/esm/StyledContext.native.js +2 -2
- package/dist/esm/Switch.mjs +61 -61
- package/dist/esm/Switch.mjs.map +1 -1
- package/dist/esm/Switch.native.js +65 -66
- package/dist/esm/Switch.native.js.map +1 -1
- package/dist/esm/createSwitch.mjs +124 -114
- package/dist/esm/createSwitch.mjs.map +1 -1
- package/dist/esm/createSwitch.native.js +129 -123
- package/dist/esm/createSwitch.native.js.map +1 -1
- package/dist/esm/index.js +8 -11
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/useSwitchNative.native.js +11 -6
- package/dist/esm/useSwitchNative.native.js.map +1 -1
- package/dist/jsx/StyledContext.mjs +2 -2
- package/dist/jsx/StyledContext.native.js +20 -18
- package/dist/jsx/StyledContext.native.js.map +1 -1
- package/dist/jsx/Switch.mjs +61 -61
- package/dist/jsx/Switch.mjs.map +1 -1
- package/dist/jsx/Switch.native.js +81 -80
- package/dist/jsx/Switch.native.js.map +1 -1
- package/dist/jsx/createSwitch.mjs +124 -114
- package/dist/jsx/createSwitch.mjs.map +1 -1
- package/dist/jsx/createSwitch.native.js +161 -153
- package/dist/jsx/createSwitch.native.js.map +1 -1
- package/dist/jsx/index.js +8 -11
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +20 -18
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/types.native.js +7 -5
- package/dist/jsx/useSwitchNative.native.js +40 -33
- package/dist/jsx/useSwitchNative.native.js.map +1 -1
- package/package.json +17 -20
- package/types/createSwitch.d.ts +4 -4
- package/types/index.d.ts +4 -4
- package/dist/cjs/StyledContext.js +0 -28
- package/dist/cjs/StyledContext.js.map +0 -6
- package/dist/cjs/Switch.js +0 -93
- package/dist/cjs/Switch.js.map +0 -6
- package/dist/cjs/createSwitch.js +0 -146
- package/dist/cjs/createSwitch.js.map +0 -6
- package/dist/cjs/index.js +0 -31
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/types.js +0 -14
- package/dist/cjs/types.js.map +0 -6
- package/dist/cjs/useSwitchNative.js +0 -23
- package/dist/cjs/useSwitchNative.js.map +0 -6
- package/dist/esm/StyledContext.js +0 -12
- package/dist/esm/StyledContext.js.map +0 -6
- package/dist/esm/Switch.js +0 -79
- package/dist/esm/Switch.js.map +0 -6
- package/dist/esm/createSwitch.js +0 -135
- package/dist/esm/createSwitch.js.map +0 -6
- package/dist/esm/types.js +0 -1
- package/dist/esm/types.js.map +0 -6
- package/dist/esm/useSwitchNative.js +0 -7
- package/dist/esm/useSwitchNative.js.map +0 -6
- package/dist/jsx/StyledContext.js +0 -12
- package/dist/jsx/StyledContext.js.map +0 -6
- package/dist/jsx/Switch.js +0 -79
- package/dist/jsx/Switch.js.map +0 -6
- package/dist/jsx/createSwitch.js +0 -135
- package/dist/jsx/createSwitch.js.map +0 -6
- package/dist/jsx/types.js +0 -1
- package/dist/jsx/types.js.map +0 -6
- package/dist/jsx/useSwitchNative.js +0 -7
- package/dist/jsx/useSwitchNative.js.map +0 -6
|
@@ -4,43 +4,45 @@ var __create = Object.create;
|
|
|
4
4
|
var __defProp = Object.defineProperty;
|
|
5
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
8
|
-
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
9
|
var __export = (target, all) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: true
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
var __copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
17
18
|
get: () => from[key],
|
|
18
19
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
20
|
});
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
}
|
|
22
|
+
return to;
|
|
23
|
+
};
|
|
22
24
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
+
value: mod,
|
|
31
|
+
enumerable: true
|
|
32
|
+
}) : target, mod));
|
|
33
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
+
value: true
|
|
35
|
+
}), mod);
|
|
34
36
|
var useSwitchNative_native_exports = {};
|
|
35
37
|
__export(useSwitchNative_native_exports, {
|
|
36
38
|
useSwitchNative: () => useSwitchNative
|
|
37
39
|
});
|
|
38
40
|
module.exports = __toCommonJS(useSwitchNative_native_exports);
|
|
39
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
+
var import_core = require("@tamagui/core");
|
|
43
|
+
var import_focusable = require("@tamagui/focusable");
|
|
44
|
+
var React = __toESM(require("react"), 1);
|
|
45
|
+
var import_react_native = require("react-native");
|
|
44
46
|
function useSwitchNative(props) {
|
|
45
47
|
var {
|
|
46
48
|
id,
|
|
@@ -51,7 +53,9 @@ function useSwitchNative(props) {
|
|
|
51
53
|
setChecked
|
|
52
54
|
} = props;
|
|
53
55
|
React.useEffect(function () {
|
|
54
|
-
if (id
|
|
56
|
+
if (!id) return;
|
|
57
|
+
if (disabled) return;
|
|
58
|
+
return (0, import_focusable.registerFocusable)(id, {
|
|
55
59
|
focusAndSelect: function () {
|
|
56
60
|
setChecked(function (value) {
|
|
57
61
|
return !value;
|
|
@@ -61,10 +65,13 @@ function useSwitchNative(props) {
|
|
|
61
65
|
});
|
|
62
66
|
}, [id, disabled, setChecked]);
|
|
63
67
|
var renderNative = (0, import_core.shouldRenderNativePlatform)(native);
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
68
|
+
if (renderNative === "android" || renderNative === "ios") {
|
|
69
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Switch, {
|
|
70
|
+
value: checked,
|
|
71
|
+
onValueChange: setChecked,
|
|
72
|
+
...nativeProps
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
return null;
|
|
69
76
|
}
|
|
70
77
|
//# sourceMappingURL=useSwitchNative.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useSwitchNative_native_exports","__export","useSwitchNative","module","exports","__toCommonJS","import_jsx_runtime","require","import_core","import_focusable","React","__toESM","import_react_native","props","id","disabled","native","nativeProps","checked","setChecked","useEffect","registerFocusable","focusAndSelect","value","focus","renderNative","shouldRenderNativePlatform","jsx","Switch","onValueChange"],"sources":["../../src/useSwitchNative.native.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["useSwitchNative_native_exports","__export","useSwitchNative","module","exports","__toCommonJS","import_jsx_runtime","require","import_core","import_focusable","React","__toESM","import_react_native","props","id","disabled","native","nativeProps","checked","setChecked","useEffect","registerFocusable","focusAndSelect","value","focus","renderNative","shouldRenderNativePlatform","jsx","Switch","onValueChange"],"sources":["../../src/useSwitchNative.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,8BAAA;AAAA,IAAAM,kBAAA,GAA4BC,OAAA;AAC5B,IAAAC,WAAA,GAA2CD,OAAA;AAC3C,IAAAE,gBAAA,GAAkCF,OAAA;AAClC,IAAAG,KAAA,GAAuBC,OAAA,CAAAJ,OAAA;AACvB,IAAAK,mBAAA,GAAuCL,OAAA;AAG5B,SAASL,gBAAgBW,KAAA,EAAO;EACvC,IAAI;IAAEC,EAAA;IAAIC,QAAA;IAAUC,MAAA;IAAQC,WAAA;IAAaC,OAAA;IAASC;EAAW,IAAIN,KAAA;EACjEH,KAAA,CAAMU,SAAA,CAAU,YAAW;IACvB,IAAI,CAACN,EAAA,EAAI;IACT,IAAIC,QAAA,EAAU;IACd,WAAON,gBAAA,CAAAY,iBAAA,EAAkBP,EAAA,EAAI;MACzBQ,cAAA,EAAgB,SAAAA,CAAA,EAAW;QACvBH,UAAA,CAAW,UAASI,KAAA,EAAO;UACvB,OAAO,CAACA,KAAA;QACZ,CAAC;MACL;MACAC,KAAA,EAAO,SAAAA,CAAA,EAAW,CAAC;IACvB,CAAC;EACL,GAAG,CACCV,EAAA,EACAC,QAAA,EACAI,UAAA,CACH;EACD,IAAIM,YAAA,OAAejB,WAAA,CAAAkB,0BAAA,EAA2BV,MAAM;EACpD,IAAIS,YAAA,KAAiB,aAAaA,YAAA,KAAiB,OAAO;IACtD,OAAqB,mBAAAnB,kBAAA,CAAAqB,GAAA,EAAKf,mBAAA,CAAAgB,MAAA,EAAc;MACpCL,KAAA,EAAOL,OAAA;MACPW,aAAA,EAAeV,UAAA;MACf,GAAGF;IACP,CAAC;EACL;EACA,OAAO;AACX","ignoreList":[]}
|
package/dist/esm/Switch.mjs
CHANGED
|
@@ -2,73 +2,73 @@ import { getVariableValue, styled } from "@tamagui/core";
|
|
|
2
2
|
import { getSize } from "@tamagui/get-token";
|
|
3
3
|
import { YStack } from "@tamagui/stacks";
|
|
4
4
|
const SwitchThumb = styled(YStack, {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
size: {
|
|
15
|
-
"...size": val => {
|
|
16
|
-
const size = getSwitchHeight(val);
|
|
17
|
-
return {
|
|
18
|
-
height: size,
|
|
19
|
-
width: size
|
|
20
|
-
};
|
|
21
|
-
}
|
|
5
|
+
name: "SwitchThumb",
|
|
6
|
+
variants: {
|
|
7
|
+
unstyled: {
|
|
8
|
+
false: {
|
|
9
|
+
size: "$true",
|
|
10
|
+
backgroundColor: "$background",
|
|
11
|
+
borderRadius: 1e3
|
|
22
12
|
}
|
|
23
13
|
},
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
14
|
+
size: {
|
|
15
|
+
"...size": val => {
|
|
16
|
+
const size = getSwitchHeight(val);
|
|
17
|
+
return {
|
|
18
|
+
height: size,
|
|
19
|
+
width: size
|
|
20
|
+
};
|
|
21
|
+
}
|
|
30
22
|
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
const height = getSwitchHeight(val),
|
|
56
|
-
width = getSwitchWidth(val);
|
|
57
|
-
return {
|
|
58
|
-
height,
|
|
59
|
-
minHeight: height,
|
|
60
|
-
width
|
|
61
|
-
};
|
|
23
|
+
},
|
|
24
|
+
defaultVariants: {
|
|
25
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
26
|
+
}
|
|
27
|
+
}, {
|
|
28
|
+
accept: {
|
|
29
|
+
activeStyle: "style"
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
const getSwitchHeight = val => Math.round(getVariableValue(getSize(val)) * 0.65);
|
|
33
|
+
const getSwitchWidth = val => getSwitchHeight(val) * 2;
|
|
34
|
+
const SwitchFrame = styled(YStack, {
|
|
35
|
+
name: "Switch",
|
|
36
|
+
render: "button",
|
|
37
|
+
tabIndex: 0,
|
|
38
|
+
variants: {
|
|
39
|
+
unstyled: {
|
|
40
|
+
false: {
|
|
41
|
+
borderRadius: 1e3,
|
|
42
|
+
backgroundColor: "$background",
|
|
43
|
+
focusVisibleStyle: {
|
|
44
|
+
outlineColor: "$outlineColor",
|
|
45
|
+
outlineStyle: "solid",
|
|
46
|
+
outlineWidth: 2
|
|
62
47
|
}
|
|
63
48
|
}
|
|
64
49
|
},
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
50
|
+
size: {
|
|
51
|
+
"...size": (val, {
|
|
52
|
+
props
|
|
53
|
+
}) => {
|
|
54
|
+
if (props["unstyled"]) return;
|
|
55
|
+
const height = getSwitchHeight(val);
|
|
56
|
+
const width = getSwitchWidth(val);
|
|
57
|
+
return {
|
|
58
|
+
height,
|
|
59
|
+
minHeight: height,
|
|
60
|
+
width
|
|
61
|
+
};
|
|
62
|
+
}
|
|
71
63
|
}
|
|
72
|
-
}
|
|
64
|
+
},
|
|
65
|
+
defaultVariants: {
|
|
66
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
67
|
+
}
|
|
68
|
+
}, {
|
|
69
|
+
accept: {
|
|
70
|
+
activeStyle: "style"
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
73
|
export { SwitchFrame, SwitchThumb };
|
|
74
74
|
//# sourceMappingURL=Switch.mjs.map
|
package/dist/esm/Switch.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getVariableValue","styled","getSize","YStack","SwitchThumb","name","variants","unstyled","false","size","backgroundColor","borderRadius","val","getSwitchHeight","height","width","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","Math","round","getSwitchWidth","SwitchFrame","render","tabIndex","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","...size","props","minHeight"],"sources":["../../src/Switch.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEhB,MAAMC,WAAA,GAAcH,MAAA,CACzBE,MAAA,EACA;
|
|
1
|
+
{"version":3,"names":["getVariableValue","styled","getSize","YStack","SwitchThumb","name","variants","unstyled","false","size","backgroundColor","borderRadius","val","getSwitchHeight","height","width","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","Math","round","getSwitchWidth","SwitchFrame","render","tabIndex","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","...size","props","minHeight"],"sources":["../../src/Switch.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEhB,MAAMC,WAAA,GAAcH,MAAA,CACzBE,MAAA,EACA;EACEE,IAAA,EAAM;EAENC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,eAAA,EAAiB;QACjBC,YAAA,EAAc;MAChB;IACF;IAEAF,IAAA,EAAM;MACJ,WAAYG,GAAA,IAAQ;QAClB,MAAMH,IAAA,GAAOI,eAAA,CAAgBD,GAAG;QAChC,OAAO;UACLE,MAAA,EAAQL,IAAA;UACRM,KAAA,EAAON;QACT;MACF;IACF;EACF;EAEAO,eAAA,EAAiB;IACfT,QAAA,EAAUU,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,GACA;EACEC,MAAA,EAAQ;IACNC,WAAA,EAAa;EACf;AACF,CACF;AAEA,MAAMR,eAAA,GAAmBD,GAAA,IACvBU,IAAA,CAAKC,KAAA,CAAMvB,gBAAA,CAAiBE,OAAA,CAAQU,GAAG,CAAC,IAAI,IAAI;AAElD,MAAMY,cAAA,GAAkBZ,GAAA,IAAoBC,eAAA,CAAgBD,GAAG,IAAI;AAE5D,MAAMa,WAAA,GAAcxB,MAAA,CACzBE,MAAA,EACA;EACEE,IAAA,EAAM;EACNqB,MAAA,EAAQ;EACRC,QAAA,EAAU;EAEVrB,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLG,YAAA,EAAc;QACdD,eAAA,EAAiB;QAEjBkB,iBAAA,EAAmB;UACjBC,YAAA,EAAc;UACdC,YAAA,EAAc;UACdC,YAAA,EAAc;QAChB;MACF;IACF;IAEAtB,IAAA,EAAM;MACJ,WAAWuB,CAACpB,GAAA,EAAK;QAAEqB;MAAM,MAAM;QAC7B,IAAIA,KAAA,CAAM,UAAU,GAAG;QACvB,MAAMnB,MAAA,GAASD,eAAA,CAAgBD,GAAG;QAClC,MAAMG,KAAA,GAAQS,cAAA,CAAeZ,GAAG;QAChC,OAAO;UACLE,MAAA;UACAoB,SAAA,EAAWpB,MAAA;UACXC;QACF;MACF;IACF;EACF;EAEAC,eAAA,EAAiB;IACfT,QAAA,EAAUU,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,GACA;EACEC,MAAA,EAAQ;IACNC,WAAA,EAAa;EACf;AACF,CACF","ignoreList":[]}
|
|
@@ -2,79 +2,78 @@ import { getVariableValue, styled } from "@tamagui/core";
|
|
|
2
2
|
import { getSize } from "@tamagui/get-token";
|
|
3
3
|
import { YStack } from "@tamagui/stacks";
|
|
4
4
|
var SwitchThumb = styled(YStack, {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
size: {
|
|
15
|
-
"...size": function (val) {
|
|
16
|
-
var size = getSwitchHeight(val);
|
|
17
|
-
return {
|
|
18
|
-
height: size,
|
|
19
|
-
width: size
|
|
20
|
-
};
|
|
21
|
-
}
|
|
5
|
+
name: "SwitchThumb",
|
|
6
|
+
variants: {
|
|
7
|
+
unstyled: {
|
|
8
|
+
false: {
|
|
9
|
+
size: "$true",
|
|
10
|
+
backgroundColor: "$background",
|
|
11
|
+
borderRadius: 1e3
|
|
22
12
|
}
|
|
23
13
|
},
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
14
|
+
size: {
|
|
15
|
+
"...size": function (val) {
|
|
16
|
+
var size = getSwitchHeight(val);
|
|
17
|
+
return {
|
|
18
|
+
height: size,
|
|
19
|
+
width: size
|
|
20
|
+
};
|
|
21
|
+
}
|
|
30
22
|
}
|
|
31
|
-
}),
|
|
32
|
-
getSwitchHeight = function (val) {
|
|
33
|
-
return Math.round(getVariableValue(getSize(val)) * 0.65);
|
|
34
|
-
},
|
|
35
|
-
getSwitchWidth = function (val) {
|
|
36
|
-
return getSwitchHeight(val) * 2;
|
|
37
23
|
},
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
width
|
|
66
|
-
};
|
|
67
|
-
}
|
|
24
|
+
defaultVariants: {
|
|
25
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
26
|
+
}
|
|
27
|
+
}, {
|
|
28
|
+
accept: {
|
|
29
|
+
activeStyle: "style"
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
var getSwitchHeight = function (val) {
|
|
33
|
+
return Math.round(getVariableValue(getSize(val)) * 0.65);
|
|
34
|
+
};
|
|
35
|
+
var getSwitchWidth = function (val) {
|
|
36
|
+
return getSwitchHeight(val) * 2;
|
|
37
|
+
};
|
|
38
|
+
var SwitchFrame = styled(YStack, {
|
|
39
|
+
name: "Switch",
|
|
40
|
+
render: "button",
|
|
41
|
+
tabIndex: 0,
|
|
42
|
+
variants: {
|
|
43
|
+
unstyled: {
|
|
44
|
+
false: {
|
|
45
|
+
borderRadius: 1e3,
|
|
46
|
+
backgroundColor: "$background",
|
|
47
|
+
focusVisibleStyle: {
|
|
48
|
+
outlineColor: "$outlineColor",
|
|
49
|
+
outlineStyle: "solid",
|
|
50
|
+
outlineWidth: 2
|
|
68
51
|
}
|
|
69
52
|
}
|
|
70
53
|
},
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
54
|
+
size: {
|
|
55
|
+
"...size": function (val, param) {
|
|
56
|
+
var {
|
|
57
|
+
props
|
|
58
|
+
} = param;
|
|
59
|
+
if (props["unstyled"]) return;
|
|
60
|
+
var height = getSwitchHeight(val);
|
|
61
|
+
var width = getSwitchWidth(val);
|
|
62
|
+
return {
|
|
63
|
+
height,
|
|
64
|
+
minHeight: height,
|
|
65
|
+
width
|
|
66
|
+
};
|
|
67
|
+
}
|
|
77
68
|
}
|
|
78
|
-
}
|
|
69
|
+
},
|
|
70
|
+
defaultVariants: {
|
|
71
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
72
|
+
}
|
|
73
|
+
}, {
|
|
74
|
+
accept: {
|
|
75
|
+
activeStyle: "style"
|
|
76
|
+
}
|
|
77
|
+
});
|
|
79
78
|
export { SwitchFrame, SwitchThumb };
|
|
80
79
|
//# sourceMappingURL=Switch.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getVariableValue","styled","getSize","YStack","SwitchThumb","name","variants","unstyled","false","size","backgroundColor","borderRadius","...size","val","getSwitchHeight","height","width","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","Math","round","getSwitchWidth","SwitchFrame","render","tabIndex","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","param","props","minHeight"],"sources":["../../src/Switch.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEhB,IAAAC,WAAM,GAAAH,MAAc,CAAAE,MAAA;
|
|
1
|
+
{"version":3,"names":["getVariableValue","styled","getSize","YStack","SwitchThumb","name","variants","unstyled","false","size","backgroundColor","borderRadius","...size","val","getSwitchHeight","height","width","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","Math","round","getSwitchWidth","SwitchFrame","render","tabIndex","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","param","props","minHeight"],"sources":["../../src/Switch.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEhB,IAAAC,WAAM,GAAAH,MAAc,CAAAE,MAAA;EACzBE,IAAA;EACAC,QAAA;IACEC,QAAM;MAENC,KAAA;QACEC,IAAA,SAAU;QACRC,eAAO;QAAAC,YACC;MAAA;IACW;IACHF,IAChB;MACF,oBAAAG,CAAAC,GAAA;QAEA,IAAMJ,IAAA,GAAAK,eAAA,CAAAD,GAAA;QACJ;UACEE,MAAM,EAAAN,IAAA;UACNO,KAAA,EAAOP;QAAA;MACG;IACD;EACT;EACFQ,eACF;IACFV,QAAA,EAAAW,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EAAA;AAEiB;EAC4BC,MAC7C;IACFC,WAAA;EACA;AAAA;AACU,IAAAR,eACO,YAAAA,CAAAD,GAAA;EAAA,OACfU,IAAA,CAAAC,KAAA,CAAAxB,gBAAA,CAAAE,OAAA,CAAAW,GAAA;AAAA;AAEJ,IAAAY,cAAA,YAAAA,CAAAZ,GAAA;EAEA,OAAMC,eAAkB,CAACD,GAAA,KACvB;AAEF;AAEO,IAAAa,WAAM,GAAAzB,MAAc,CAAAE,MAAA;EACzBE,IAAA;EACAsB,MAAA;EAAAC,QACQ;EAAAtB,QACN,EAAQ;IACRC,QAAA,EAAU;MAEVC,KAAA;QACEG,YAAU;QACRD,eAAO;QAAAmB,iBACS;UACdC,YAAA,iBAAiB;UAEjBC,YAAA,SAAmB;UAAAC,YACjB;QAAc;MACA;IACA;IAChBvB,IACF;MACF,oBAAAG,CAAAC,GAAA,EAAAoB,KAAA;QAEA,IAAM;UAAAC;QAAA,IAAAD,KAAA;QACJ,IAAAC,KAAA,WAAmB;QACjB,IAAAnB,MAAI,GAAMD,eAAa,CAAAD,GAAA;QACvB,IAAAG,KAAM,GAAAS,cAAS,CAAAZ,GAAA;QACf;UACAE,MAAA;UAAOoB,SACL,EAAApB,MAAA;UAAAC;QACW;MACX;IACF;EACF;EACFC,eACF;IAEAV,QAAA,EAAAW,OAAiB,CAAAC,GAAA,CAAAC,gBAAA;EAAA;AAC4B;EAE/CC,MAAA;IACAC,WAAA;EAAA;AACU;AACO,SAEjBI,WAAA,EACFtB,WAAA","ignoreList":[]}
|