@tamagui/toggle-group 1.143.0 → 2.0.0-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/dist/cjs/Toggle.cjs +16 -24
- package/dist/cjs/Toggle.js +16 -21
- package/dist/cjs/Toggle.js.map +2 -2
- package/dist/cjs/Toggle.native.js +18 -27
- package/dist/cjs/Toggle.native.js.map +1 -1
- package/dist/cjs/ToggleGroup.cjs +29 -41
- package/dist/cjs/ToggleGroup.js +31 -35
- package/dist/cjs/ToggleGroup.js.map +2 -2
- package/dist/cjs/ToggleGroup.native.js +30 -43
- package/dist/cjs/ToggleGroup.native.js.map +1 -1
- package/dist/esm/Toggle.js +16 -21
- package/dist/esm/Toggle.js.map +2 -2
- package/dist/esm/Toggle.mjs +16 -24
- package/dist/esm/Toggle.mjs.map +1 -1
- package/dist/esm/Toggle.native.js +18 -27
- package/dist/esm/Toggle.native.js.map +1 -1
- package/dist/esm/ToggleGroup.js +39 -37
- package/dist/esm/ToggleGroup.js.map +1 -1
- package/dist/esm/ToggleGroup.mjs +31 -43
- package/dist/esm/ToggleGroup.mjs.map +1 -1
- package/dist/esm/ToggleGroup.native.js +32 -45
- package/dist/esm/ToggleGroup.native.js.map +1 -1
- package/dist/jsx/Toggle.js +16 -21
- package/dist/jsx/Toggle.js.map +2 -2
- package/dist/jsx/Toggle.mjs +16 -24
- package/dist/jsx/Toggle.mjs.map +1 -1
- package/dist/jsx/Toggle.native.js +18 -27
- package/dist/jsx/Toggle.native.js.map +1 -1
- package/dist/jsx/ToggleGroup.js +39 -37
- package/dist/jsx/ToggleGroup.js.map +1 -1
- package/dist/jsx/ToggleGroup.mjs +31 -43
- package/dist/jsx/ToggleGroup.mjs.map +1 -1
- package/dist/jsx/ToggleGroup.native.js +30 -43
- package/dist/jsx/ToggleGroup.native.js.map +1 -1
- package/package.json +15 -15
- package/src/Toggle.tsx +20 -22
- package/src/ToggleGroup.tsx +93 -101
- package/types/Toggle.d.ts +21 -43
- package/types/Toggle.d.ts.map +1 -1
- package/types/ToggleGroup.d.ts +10 -239
- package/types/ToggleGroup.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","useTheme","React","Toggle","ToggleFrame","
|
|
1
|
+
{"version":3,"names":["isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","usePropsAndStyle","useTheme","React","Toggle","ToggleFrame","jsx","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","ToggleGroupContext","useStyledContext","useToggleGroupContext","ToggleGroupItem","styleable","props","forwardedRef","_","color","disablePassStyles","rest","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","pressed","value","includes","disabled","groupItemProps","size","sizeProps","unstyled","width","height","padding","iconSize","theme","getThemedIcon","children","Children","toArray","map","child","isValidElement","cloneElement","active","commonProps","inner","ToggleGroupItemImpl","ref","tabIndex","scope","rovingFocus","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","forwardRef","itemProps","singleProps","typeProps","type","onPressedChange","onItemActivate","onItemDeactivate","ToggleGroup","toggleGroupProps","useEffect","id","focus","ToggleGroupImplSingle","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","handleButtonDeactivate","filter","value2","ToggleGroupImplElementFrame","name","variants","false","backgroundColor","orientation","vertical","flexDirection","spaceDirection","horizontal","defaultVariants","process","env","TAMAGUI_HEADLESS","dir","loop","sizeProp","sizeAdjust","direction","role","adjustedSize","shift","Math","round"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -9,9 +9,9 @@ import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
|
9
9
|
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
10
10
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
11
11
|
import { useDirection } from "@tamagui/use-direction";
|
|
12
|
-
import { createStyledContext, getVariableValue, styled, useTheme } from "@tamagui/web";
|
|
12
|
+
import { createStyledContext, getVariableValue, styled, usePropsAndStyle, useTheme } from "@tamagui/web";
|
|
13
13
|
import React from "react";
|
|
14
|
-
import { Toggle, ToggleFrame
|
|
14
|
+
import { Toggle, ToggleFrame } from "./Toggle.native.js";
|
|
15
15
|
var TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
16
16
|
TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem",
|
|
17
17
|
TOGGLE_GROUP_CONTEXT = "ToggleGroup",
|
|
@@ -23,17 +23,16 @@ var TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
23
23
|
useStyledContext: useToggleGroupContext
|
|
24
24
|
} = createStyledContext(),
|
|
25
25
|
ToggleGroupItem = ToggleFrame.styleable(function (props, forwardedRef) {
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
pressed = valueContext?.value.includes(props.value),
|
|
30
|
-
toggledStyle = props.toggledStyle || toggleContext.toggledStyle,
|
|
31
|
-
color = props.color || toggleContext.color,
|
|
26
|
+
var [_, {
|
|
27
|
+
color
|
|
28
|
+
}] = usePropsAndStyle(props),
|
|
32
29
|
{
|
|
33
30
|
disablePassStyles,
|
|
34
|
-
toggledStyle: _,
|
|
35
31
|
...rest
|
|
36
32
|
} = props,
|
|
33
|
+
valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
|
|
34
|
+
context = useToggleGroupContext(props.__scopeToggleGroup),
|
|
35
|
+
pressed = valueContext?.value.includes(props.value),
|
|
37
36
|
disabled = context.disabled || props.disabled || !1,
|
|
38
37
|
groupItemProps = useGroupItem({
|
|
39
38
|
disabled
|
|
@@ -47,11 +46,9 @@ var TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
47
46
|
},
|
|
48
47
|
iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2,
|
|
49
48
|
theme = useTheme(),
|
|
50
|
-
toggledColor = toggledStyle?.color,
|
|
51
|
-
activeColor = pressed && toggledColor ? toggledColor : color,
|
|
52
49
|
getThemedIcon = useGetThemedIcon({
|
|
53
50
|
size: iconSize,
|
|
54
|
-
color:
|
|
51
|
+
color: color ?? theme.color
|
|
55
52
|
}),
|
|
56
53
|
childrens = React.Children.toArray(props.children),
|
|
57
54
|
children = childrens.map(function (child) {
|
|
@@ -76,17 +73,13 @@ var TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
|
76
73
|
});
|
|
77
74
|
return /* @__PURE__ */_jsx(ToggleGroupItemProvider, {
|
|
78
75
|
scope: props.__scopeToggleGroup,
|
|
79
|
-
children: /* @__PURE__ */_jsx(
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
active: pressed,
|
|
87
|
-
children: inner
|
|
88
|
-
}) : inner
|
|
89
|
-
})
|
|
76
|
+
children: context.rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup.Item, {
|
|
77
|
+
asChild: "except-style",
|
|
78
|
+
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
79
|
+
focusable: !disabled,
|
|
80
|
+
active: pressed,
|
|
81
|
+
children: inner
|
|
82
|
+
}) : inner
|
|
90
83
|
});
|
|
91
84
|
});
|
|
92
85
|
ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
|
|
@@ -247,8 +240,6 @@ var ToggleGroupImplElementFrame = styled(Group, {
|
|
|
247
240
|
unstyled = !1,
|
|
248
241
|
size: sizeProp = "$true",
|
|
249
242
|
sizeAdjust = 0,
|
|
250
|
-
toggledStyle,
|
|
251
|
-
color,
|
|
252
243
|
...toggleGroupProps
|
|
253
244
|
} = props,
|
|
254
245
|
direction = useDirection(dir),
|
|
@@ -266,32 +257,28 @@ var ToggleGroupImplElementFrame = styled(Group, {
|
|
|
266
257
|
rovingFocus,
|
|
267
258
|
disabled,
|
|
268
259
|
size,
|
|
269
|
-
children: /* @__PURE__ */_jsx(
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
dir: direction,
|
|
277
|
-
loop,
|
|
278
|
-
children: /* @__PURE__ */_jsx(ToggleGroupImplElementFrame, {
|
|
279
|
-
"aria-orientation": orientation,
|
|
280
|
-
orientation,
|
|
281
|
-
// axis={orientation}
|
|
282
|
-
ref: forwardedRef,
|
|
283
|
-
"data-disabled": disabled ? "" : void 0,
|
|
284
|
-
unstyled,
|
|
285
|
-
...commonProps
|
|
286
|
-
})
|
|
287
|
-
}) : /* @__PURE__ */_jsx(ToggleGroupImplElementFrame, {
|
|
260
|
+
children: rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup, {
|
|
261
|
+
asChild: "except-style",
|
|
262
|
+
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
263
|
+
orientation,
|
|
264
|
+
dir: direction,
|
|
265
|
+
loop,
|
|
266
|
+
children: /* @__PURE__ */_jsx(ToggleGroupImplElementFrame, {
|
|
288
267
|
"aria-orientation": orientation,
|
|
289
|
-
ref: forwardedRef,
|
|
290
268
|
orientation,
|
|
269
|
+
// axis={orientation}
|
|
270
|
+
ref: forwardedRef,
|
|
291
271
|
"data-disabled": disabled ? "" : void 0,
|
|
292
272
|
unstyled,
|
|
293
273
|
...commonProps
|
|
294
274
|
})
|
|
275
|
+
}) : /* @__PURE__ */_jsx(ToggleGroupImplElementFrame, {
|
|
276
|
+
"aria-orientation": orientation,
|
|
277
|
+
ref: forwardedRef,
|
|
278
|
+
orientation,
|
|
279
|
+
"data-disabled": disabled ? "" : void 0,
|
|
280
|
+
unstyled,
|
|
281
|
+
...commonProps
|
|
295
282
|
})
|
|
296
283
|
});
|
|
297
284
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","useTheme","React","Toggle","ToggleFrame","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","usePropsAndStyle","useTheme","React","Toggle","ToggleFrame","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","ToggleGroupContext","useStyledContext","useToggleGroupContext","ToggleGroupItem","styleable","props","forwardedRef","_","color","disablePassStyles","rest","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","pressed","value","includes","disabled","groupItemProps","_props_size","size","sizeProps","unstyled","width","height","padding","iconSize","theme","getThemedIcon","childrens","Children","toArray","children","map","child","isValidElement","cloneElement","active","commonProps","inner","ToggleGroupItemImpl","ref","tabIndex","scope","rovingFocus","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","forwardRef","itemProps","singleProps","typeProps","type","onPressedChange","onItemActivate","onItemDeactivate","ToggleGroup","toggleGroupProps","useEffect","id","focus","ToggleGroupImplSingle","multipleProps","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","arguments","length","handleButtonDeactivate","filter","value2","ToggleGroupImplElementFrame","name","variants","false","backgroundColor","orientation","vertical","flexDirection","spaceDirection","horizontal","defaultVariants","process","env","TAMAGUI_HEADLESS","dir","loop","sizeProp","sizeAdjust","direction","role","adjustedSize","shift","Math","round"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/jsx/Toggle.js
CHANGED
|
@@ -5,8 +5,7 @@ import { createStyledContext, styled } from "@tamagui/web";
|
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
7
|
const context = createStyledContext({
|
|
8
|
-
color: ""
|
|
9
|
-
toggledStyle: null
|
|
8
|
+
color: ""
|
|
10
9
|
}), NAME = "Toggle", ToggleFrame = styled(ThemeableStack, {
|
|
11
10
|
name: NAME,
|
|
12
11
|
tag: "button",
|
|
@@ -38,23 +37,19 @@ const context = createStyledContext({
|
|
|
38
37
|
}
|
|
39
38
|
}
|
|
40
39
|
},
|
|
40
|
+
color: {
|
|
41
|
+
"...color": () => ({})
|
|
42
|
+
},
|
|
41
43
|
active: {
|
|
42
|
-
true:
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
focusStyle: {
|
|
52
|
-
backgroundColor: "$background",
|
|
53
|
-
borderColor: "$borderColor"
|
|
54
|
-
}
|
|
55
|
-
},
|
|
56
|
-
...toggledStyle
|
|
57
|
-
};
|
|
44
|
+
true: {
|
|
45
|
+
zIndex: 1,
|
|
46
|
+
hoverStyle: {
|
|
47
|
+
backgroundColor: "$background"
|
|
48
|
+
},
|
|
49
|
+
focusStyle: {
|
|
50
|
+
borderColor: "$borderColor",
|
|
51
|
+
backgroundColor: "$background"
|
|
52
|
+
}
|
|
58
53
|
}
|
|
59
54
|
},
|
|
60
55
|
orientation: {
|
|
@@ -87,17 +82,17 @@ const context = createStyledContext({
|
|
|
87
82
|
ToggleFrame,
|
|
88
83
|
{
|
|
89
84
|
...!props.unstyled && {
|
|
90
|
-
theme: pressed ? "
|
|
85
|
+
theme: pressed ? "accent" : null,
|
|
91
86
|
themeShallow: !0
|
|
92
87
|
},
|
|
93
|
-
active: pressed,
|
|
88
|
+
active: props.unstyled ? void 0 : pressed,
|
|
94
89
|
"aria-pressed": pressed,
|
|
95
90
|
"data-state": pressed ? "on" : "off",
|
|
96
91
|
"data-disabled": props.disabled ? "" : void 0,
|
|
97
92
|
...buttonProps,
|
|
98
93
|
ref: forwardedRef,
|
|
99
94
|
onPress: composeEventHandlers(props.onPress ?? void 0, () => {
|
|
100
|
-
props.disabled || setPressed(
|
|
95
|
+
props.disabled || setPressed(!pressed);
|
|
101
96
|
})
|
|
102
97
|
}
|
|
103
98
|
);
|
package/dist/jsx/Toggle.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Toggle.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAErC,SAAS,qBAAqB,cAAoB;AAClD,YAAY,WAAW;
|
|
5
|
-
"names": [
|
|
4
|
+
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAErC,SAAS,qBAAqB,cAAoB;AAClD,YAAY,WAAW;AA+GjB;AA7GC,MAAM,UAAU,oBAAoB;AAAA,EACzC,OAAO;AACT,CAAC,GAMK,OAAO,UAEA,cAAc,OAAO,gBAAgB;AAAA,EAChD,MAAM;AAAA,EACN,KAAK;AAAA,EACL;AAAA,EAEA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,QACf;AAAA,QACA,mBAAmB;AAAA,UACjB,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,OAAO;AAAA,MACL,YAAY,OACH,CAAC;AAAA,IAEZ;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAcY,SAAS,MAAM;AAAA,EAC1B,SAAgB,OAAO,cAAc;AACnC,UAAM;AAAA,MACJ,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OAEE,CAAC,UAAU,IAAO,UAAU,IAAI,qBAAqB;AAAA,MACzD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAI,CAAC,MAAM,YAAY;AAAA,UACtB,OAAO,UAAU,WAAW;AAAA,UAC5B,cAAc;AAAA,QAChB;AAAA,QACA,QAAS,MAAM,WAAqB,SAAV;AAAA,QAC1B,gBAAc;AAAA,QACd,cAAY,UAAU,OAAO;AAAA,QAC7B,iBAAe,MAAM,WAAW,KAAK;AAAA,QACpC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,SAAS,qBAAqB,MAAM,WAAW,QAAW,MAAM;AAC9D,UAAK,MAAM,YACT,WAAW,CAAC,OAAO;AAAA,QAEvB,CAAC;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;",
|
|
5
|
+
"names": []
|
|
6
6
|
}
|
package/dist/jsx/Toggle.mjs
CHANGED
|
@@ -5,8 +5,7 @@ import { createStyledContext, styled } from "@tamagui/web";
|
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
7
|
const context = createStyledContext({
|
|
8
|
-
color: ""
|
|
9
|
-
toggledStyle: null
|
|
8
|
+
color: ""
|
|
10
9
|
}),
|
|
11
10
|
NAME = "Toggle",
|
|
12
11
|
ToggleFrame = styled(ThemeableStack, {
|
|
@@ -40,26 +39,19 @@ const context = createStyledContext({
|
|
|
40
39
|
}
|
|
41
40
|
}
|
|
42
41
|
},
|
|
42
|
+
color: {
|
|
43
|
+
"...color": () => ({})
|
|
44
|
+
},
|
|
43
45
|
active: {
|
|
44
|
-
true:
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
hoverStyle: {
|
|
54
|
-
backgroundColor: "$background"
|
|
55
|
-
},
|
|
56
|
-
focusStyle: {
|
|
57
|
-
backgroundColor: "$background",
|
|
58
|
-
borderColor: "$borderColor"
|
|
59
|
-
}
|
|
60
|
-
}),
|
|
61
|
-
...toggledStyle
|
|
62
|
-
};
|
|
46
|
+
true: {
|
|
47
|
+
zIndex: 1,
|
|
48
|
+
hoverStyle: {
|
|
49
|
+
backgroundColor: "$background"
|
|
50
|
+
},
|
|
51
|
+
focusStyle: {
|
|
52
|
+
borderColor: "$borderColor",
|
|
53
|
+
backgroundColor: "$background"
|
|
54
|
+
}
|
|
63
55
|
}
|
|
64
56
|
},
|
|
65
57
|
orientation: {
|
|
@@ -91,17 +83,17 @@ const context = createStyledContext({
|
|
|
91
83
|
});
|
|
92
84
|
return /* @__PURE__ */jsx(ToggleFrame, {
|
|
93
85
|
...(!props.unstyled && {
|
|
94
|
-
theme: pressed ? "
|
|
86
|
+
theme: pressed ? "accent" : null,
|
|
95
87
|
themeShallow: !0
|
|
96
88
|
}),
|
|
97
|
-
active: pressed,
|
|
89
|
+
active: props.unstyled ? void 0 : pressed,
|
|
98
90
|
"aria-pressed": pressed,
|
|
99
91
|
"data-state": pressed ? "on" : "off",
|
|
100
92
|
"data-disabled": props.disabled ? "" : void 0,
|
|
101
93
|
...buttonProps,
|
|
102
94
|
ref: forwardedRef,
|
|
103
95
|
onPress: composeEventHandlers(props.onPress ?? void 0, () => {
|
|
104
|
-
props.disabled || setPressed(
|
|
96
|
+
props.disabled || setPressed(!pressed);
|
|
105
97
|
})
|
|
106
98
|
});
|
|
107
99
|
});
|
package/dist/jsx/Toggle.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["composeEventHandlers","ThemeableStack","useControllableState","createStyledContext","styled","React","jsx","context","color","
|
|
1
|
+
{"version":3,"names":["composeEventHandlers","ThemeableStack","useControllableState","createStyledContext","styled","React","jsx","context","color","NAME","ToggleFrame","name","tag","variants","unstyled","false","pressTheme","backgroundColor","alignItems","justifyContent","display","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","...color","active","true","zIndex","orientation","horizontal","flexDirection","spaceDirection","vertical","defaultVariants","process","env","TAMAGUI_HEADLESS","Toggle","forwardRef","props","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","prop","onChange","defaultProp","theme","themeShallow","disabled","ref","onPress"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,oBAAA,QAA4B;AACrC,SAASC,cAAA,QAAsB;AAC/B,SAASC,oBAAA,QAA4B;AAErC,SAASC,mBAAA,EAAqBC,MAAA,QAAoB;AAClD,YAAYC,KAAA,MAAW;AA+GjB,SAAAC,GAAA;AA7GC,MAAMC,OAAA,GAAUJ,mBAAA,CAAoB;IACzCK,KAAA,EAAO;EACT,CAAC;EAMKC,IAAA,GAAO;EAEAC,WAAA,GAAcN,MAAA,CAAOH,cAAA,EAAgB;IAChDU,IAAA,EAAMF,IAAA;IACNG,GAAA,EAAK;IACLL,OAAA;IAEAM,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,eAAA,EAAiB;UACjBC,UAAA,EAAY;UACZC,cAAA,EAAgB;UAChBC,OAAA,EAAS;UACTC,WAAA,EAAa;UACbC,WAAA,EAAa;UACbC,MAAA,EAAQ;UACRC,UAAA,EAAY;YACVP,eAAA,EAAiB;UACnB;UACAQ,UAAA,EAAY;YACVR,eAAA,EAAiB;UACnB;UACAS,UAAA,EAAY;YACVL,WAAA,EAAa;UACf;UACAM,iBAAA,EAAmB;YACjBC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,YAAA,EAAc;UAChB;QACF;MACF;MAEAtB,KAAA,EAAO;QACL,YAAYuB,CAAA,MACH,CAAC;MAEZ;MAEAC,MAAA,EAAQ;QACNC,IAAA,EAAM;UACJC,MAAA,EAAQ;UAERV,UAAA,EAAY;YACVP,eAAA,EAAiB;UACnB;UAEAS,UAAA,EAAY;YACVL,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;QACF;MACF;MAEAkB,WAAA,EAAa;QACXC,UAAA,EAAY;UACVC,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;QACAC,QAAA,EAAU;UACRF,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;MACF;IACF;IAEAE,eAAA,EAAiB;MACf1B,QAAA,EAAU2B,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,CAAC;EAcYC,MAAA,GAASvC,KAAA,CAAMwC,UAAA,CAC1B,UAAgBC,KAAA,EAAOC,YAAA,EAAc;IACnC,MAAM;QACJC,OAAA,EAASC,WAAA;QACTC,cAAA,GAAiB;QACjBC,eAAA;QACA,GAAGC;MACL,IAAIN,KAAA;MAEE,CAACE,OAAA,GAAU,IAAOK,UAAU,IAAInD,oBAAA,CAAqB;QACzDoD,IAAA,EAAML,WAAA;QACNM,QAAA,EAAUJ,eAAA;QACVK,WAAA,EAAaN;MACf,CAAC;IAED,OACE,eAAA5C,GAAA,CAACI,WAAA;MACE,IAAI,CAACoC,KAAA,CAAMhC,QAAA,IAAY;QACtB2C,KAAA,EAAOT,OAAA,GAAU,WAAW;QAC5BU,YAAA,EAAc;MAChB;MACA1B,MAAA,EAASc,KAAA,CAAMhC,QAAA,GAAqB,SAAVkC,OAAA;MAC1B,gBAAcA,OAAA;MACd,cAAYA,OAAA,GAAU,OAAO;MAC7B,iBAAeF,KAAA,CAAMa,QAAA,GAAW,KAAK;MACpC,GAAGP,WAAA;MACJQ,GAAA,EAAKb,YAAA;MACLc,OAAA,EAAS7D,oBAAA,CAAqB8C,KAAA,CAAMe,OAAA,IAAW,QAAW,MAAM;QACzDf,KAAA,CAAMa,QAAA,IACTN,UAAA,CAAW,CAACL,OAAO;MAEvB,CAAC;IAAA,CACH;EAEJ,CACF","ignoreList":[]}
|
|
@@ -45,8 +45,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
45
45
|
import_web = require("@tamagui/web"),
|
|
46
46
|
React = __toESM(require("react"), 1),
|
|
47
47
|
context = (0, import_web.createStyledContext)({
|
|
48
|
-
color: ""
|
|
49
|
-
toggledStyle: null
|
|
48
|
+
color: ""
|
|
50
49
|
}),
|
|
51
50
|
NAME = "Toggle",
|
|
52
51
|
ToggleFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
|
|
@@ -80,27 +79,21 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
80
79
|
}
|
|
81
80
|
}
|
|
82
81
|
},
|
|
82
|
+
color: {
|
|
83
|
+
"...color": function () {
|
|
84
|
+
return {};
|
|
85
|
+
}
|
|
86
|
+
},
|
|
83
87
|
active: {
|
|
84
|
-
true:
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
backgroundColor: "$background",
|
|
94
|
-
hoverStyle: {
|
|
95
|
-
backgroundColor: "$background"
|
|
96
|
-
},
|
|
97
|
-
focusStyle: {
|
|
98
|
-
backgroundColor: "$background",
|
|
99
|
-
borderColor: "$borderColor"
|
|
100
|
-
}
|
|
101
|
-
}),
|
|
102
|
-
...toggledStyle
|
|
103
|
-
};
|
|
88
|
+
true: {
|
|
89
|
+
zIndex: 1,
|
|
90
|
+
hoverStyle: {
|
|
91
|
+
backgroundColor: "$background"
|
|
92
|
+
},
|
|
93
|
+
focusStyle: {
|
|
94
|
+
borderColor: "$borderColor",
|
|
95
|
+
backgroundColor: "$background"
|
|
96
|
+
}
|
|
104
97
|
}
|
|
105
98
|
},
|
|
106
99
|
orientation: {
|
|
@@ -133,19 +126,17 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
133
126
|
_props_onPress;
|
|
134
127
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleFrame, {
|
|
135
128
|
...(!props.unstyled && {
|
|
136
|
-
theme: pressed ? "
|
|
129
|
+
theme: pressed ? "accent" : null,
|
|
137
130
|
themeShallow: !0
|
|
138
131
|
}),
|
|
139
|
-
active: pressed,
|
|
132
|
+
active: props.unstyled ? void 0 : pressed,
|
|
140
133
|
"aria-pressed": pressed,
|
|
141
134
|
"data-state": pressed ? "on" : "off",
|
|
142
135
|
"data-disabled": props.disabled ? "" : void 0,
|
|
143
136
|
...buttonProps,
|
|
144
137
|
ref: forwardedRef,
|
|
145
138
|
onPress: (0, import_helpers.composeEventHandlers)((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
|
|
146
|
-
props.disabled || setPressed(
|
|
147
|
-
return !prev;
|
|
148
|
-
});
|
|
139
|
+
props.disabled || setPressed(!pressed);
|
|
149
140
|
})
|
|
150
141
|
});
|
|
151
142
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Toggle_exports","Toggle","ToggleFrame","context","module","exports","import_jsx_runtime","require","import_helpers","import_stacks","import_use_controllable_state","import_web","React","createStyledContext","color","
|
|
1
|
+
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Toggle_exports","Toggle","ToggleFrame","context","module","exports","import_jsx_runtime","require","import_helpers","import_stacks","import_use_controllable_state","import_web","React","createStyledContext","color","NAME","styled","ThemeableStack","tag","variants","unstyled","false","pressTheme","backgroundColor","alignItems","justifyContent","display","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","...color","active","true","zIndex","orientation","horizontal","flexDirection","spaceDirection","vertical","defaultVariants","process","env","TAMAGUI_HEADLESS","forwardRef","props","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","useControllableState","prop","onChange","defaultProp","_props_onPress"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|