@tamagui/demos 1.95.3 → 1.97.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/cjs/AccordionDemo.js +8 -4
- package/dist/cjs/AccordionDemo.js.map +1 -1
- package/dist/cjs/AccordionDemo.native.js +20 -6
- package/dist/cjs/AccordionDemo.native.js.map +2 -2
- package/dist/cjs/NewInputsDemo.js +46 -0
- package/dist/cjs/NewInputsDemo.js.map +6 -0
- package/dist/cjs/NewInputsDemo.native.js +67 -0
- package/dist/cjs/NewInputsDemo.native.js.map +6 -0
- package/dist/cjs/RadioGroupHeadlessDemo.js +109 -0
- package/dist/cjs/RadioGroupHeadlessDemo.js.map +6 -0
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +168 -0
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +6 -0
- package/dist/cjs/RadioGroupUnstyledDemo.js +107 -0
- package/dist/cjs/RadioGroupUnstyledDemo.js.map +6 -0
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +139 -0
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +6 -0
- package/dist/cjs/SelectDemo.js +0 -22
- package/dist/cjs/SelectDemo.js.map +1 -1
- package/dist/cjs/SelectDemo.native.js +0 -66
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.js +4 -2
- package/dist/cjs/TokensDemo.js.map +1 -1
- package/dist/cjs/TokensDemo.native.js +5 -5
- package/dist/cjs/TokensDemo.native.js.map +2 -2
- package/dist/cjs/index.js +3 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +6 -0
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/AccordionDemo.js +8 -4
- package/dist/esm/AccordionDemo.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +20 -6
- package/dist/esm/AccordionDemo.native.js +20 -6
- package/dist/esm/AccordionDemo.native.js.map +2 -2
- package/dist/esm/NewInputsDemo.js +32 -0
- package/dist/esm/NewInputsDemo.js.map +6 -0
- package/dist/esm/NewInputsDemo.mjs +37 -0
- package/dist/esm/NewInputsDemo.native.js +48 -0
- package/dist/esm/NewInputsDemo.native.js.map +6 -0
- package/dist/esm/RadioGroupHeadlessDemo.js +102 -0
- package/dist/esm/RadioGroupHeadlessDemo.js.map +6 -0
- package/dist/esm/RadioGroupHeadlessDemo.mjs +133 -0
- package/dist/esm/RadioGroupHeadlessDemo.native.js +152 -0
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +6 -0
- package/dist/esm/RadioGroupUnstyledDemo.js +93 -0
- package/dist/esm/RadioGroupUnstyledDemo.js.map +6 -0
- package/dist/esm/RadioGroupUnstyledDemo.mjs +118 -0
- package/dist/esm/RadioGroupUnstyledDemo.native.js +121 -0
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +6 -0
- package/dist/esm/SelectDemo.js +0 -22
- package/dist/esm/SelectDemo.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +0 -44
- package/dist/esm/SelectDemo.native.js +0 -66
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/TokensDemo.js +4 -2
- package/dist/esm/TokensDemo.js.map +1 -1
- package/dist/esm/TokensDemo.mjs +4 -4
- package/dist/esm/TokensDemo.native.js +5 -5
- package/dist/esm/TokensDemo.native.js.map +2 -2
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +3 -0
- package/dist/esm/index.native.js +3 -0
- package/dist/esm/index.native.js.map +1 -1
- package/dist/jsx/AccordionDemo.js +8 -4
- package/dist/jsx/AccordionDemo.js.map +1 -1
- package/dist/jsx/AccordionDemo.mjs +20 -6
- package/dist/jsx/AccordionDemo.native.js +20 -6
- package/dist/jsx/AccordionDemo.native.js.map +2 -2
- package/dist/jsx/NewInputsDemo.js +32 -0
- package/dist/jsx/NewInputsDemo.js.map +6 -0
- package/dist/jsx/NewInputsDemo.mjs +37 -0
- package/dist/jsx/NewInputsDemo.native.js +48 -0
- package/dist/jsx/NewInputsDemo.native.js.map +6 -0
- package/dist/jsx/RadioGroupHeadlessDemo.js +102 -0
- package/dist/jsx/RadioGroupHeadlessDemo.js.map +6 -0
- package/dist/jsx/RadioGroupHeadlessDemo.mjs +133 -0
- package/dist/jsx/RadioGroupHeadlessDemo.native.js +152 -0
- package/dist/jsx/RadioGroupHeadlessDemo.native.js.map +6 -0
- package/dist/jsx/RadioGroupUnstyledDemo.js +93 -0
- package/dist/jsx/RadioGroupUnstyledDemo.js.map +6 -0
- package/dist/jsx/RadioGroupUnstyledDemo.mjs +118 -0
- package/dist/jsx/RadioGroupUnstyledDemo.native.js +121 -0
- package/dist/jsx/RadioGroupUnstyledDemo.native.js.map +6 -0
- package/dist/jsx/SelectDemo.js +0 -22
- package/dist/jsx/SelectDemo.js.map +1 -1
- package/dist/jsx/SelectDemo.mjs +0 -44
- package/dist/jsx/SelectDemo.native.js +0 -66
- package/dist/jsx/SelectDemo.native.js.map +1 -1
- package/dist/jsx/TokensDemo.js +4 -2
- package/dist/jsx/TokensDemo.js.map +1 -1
- package/dist/jsx/TokensDemo.mjs +4 -4
- package/dist/jsx/TokensDemo.native.js +5 -5
- package/dist/jsx/TokensDemo.native.js.map +2 -2
- package/dist/jsx/index.js +3 -0
- package/dist/jsx/index.js.map +1 -1
- package/dist/jsx/index.mjs +3 -0
- package/dist/jsx/index.native.js +3 -0
- package/dist/jsx/index.native.js.map +1 -1
- package/package.json +18 -19
- package/src/AccordionDemo.tsx +26 -14
- package/src/NewInputsDemo.tsx +30 -0
- package/src/RadioGroupHeadlessDemo.tsx +133 -0
- package/src/RadioGroupUnstyledDemo.tsx +126 -0
- package/src/SelectDemo.tsx +0 -22
- package/src/TokensDemo.tsx +7 -5
- package/src/index.tsx +3 -0
- package/types/AccordionDemo.d.ts.map +1 -1
- package/types/CheckboxUnstyledDemo.d.ts +4 -4
- package/types/NewInputsDemo.d.ts +2 -0
- package/types/NewInputsDemo.d.ts.map +1 -0
- package/types/RadioGroupHeadlessDemo.d.ts +2 -0
- package/types/RadioGroupHeadlessDemo.d.ts.map +1 -0
- package/types/RadioGroupUnstyledDemo.d.ts +2 -0
- package/types/RadioGroupUnstyledDemo.d.ts.map +1 -0
- package/types/SwitchUnstyledDemo.d.ts +4 -4
- package/types/index.d.ts +3 -0
- package/types/index.d.ts.map +1 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/RadioGroupHeadlessDemo.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["useRadioGroup", "useRadioGroupItem", "useRadioGroupItemIndicator", "RovingFocusGroup", "createContext", "StyleSheet", "View", "Pressable", "Text", "isWeb", "useTheme", "RadioGroupContext", "RadioGroupItemContext", "checked", "disabled", "RadioGroupHeadlessDemo", "orientation", "name", "defaultValue", "providerValue", "frameAttrs", "rovingFocusGroupAttrs", "Provider", "value", "style", "styles", "radioGroup", "RadioGroupItem", "id", "label", "props", "theme", "radioGroupContext", "native", "bubbleInput", "isFormControl", "radioGroupItemContainer", "Item", "radioGroupItem", "borderColor", "get", "borderWidth", "backgroundColor", "background", "onFocus", "RadioGroupItemIndicator", "color", "params", "radioGroupItemContext", "radioGroupItemIndicator", "create", "flexDirection", "gap", "alignItems", "width", "height", "justifyContent"]
|
|
6
|
+
}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { Label, ThemeableStack, XStack, YStack, styled } from "tamagui";
|
|
2
|
+
import { createRadioGroup } from "@tamagui/radio-group";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = styled(ThemeableStack, {
|
|
5
|
+
name: RADIO_GROUP_ITEM_NAME,
|
|
6
|
+
tag: "button",
|
|
7
|
+
borderRadius: 1e3,
|
|
8
|
+
backgroundColor: "$background",
|
|
9
|
+
alignItems: "center",
|
|
10
|
+
justifyContent: "center",
|
|
11
|
+
borderWidth: 1,
|
|
12
|
+
borderColor: "$borderColor",
|
|
13
|
+
padding: 0,
|
|
14
|
+
hoverStyle: {
|
|
15
|
+
borderColor: "$borderColorHover",
|
|
16
|
+
backgroundColor: "$backgroundHover"
|
|
17
|
+
},
|
|
18
|
+
focusStyle: {
|
|
19
|
+
borderColor: "$borderColorHover",
|
|
20
|
+
backgroundColor: "$backgroundHover"
|
|
21
|
+
},
|
|
22
|
+
focusVisibleStyle: {
|
|
23
|
+
outlineStyle: "solid",
|
|
24
|
+
outlineWidth: 2,
|
|
25
|
+
outlineColor: "$outlineColor"
|
|
26
|
+
},
|
|
27
|
+
pressStyle: {
|
|
28
|
+
borderColor: "$borderColorFocus",
|
|
29
|
+
backgroundColor: "$backgroundFocus"
|
|
30
|
+
},
|
|
31
|
+
variants: {
|
|
32
|
+
disabled: {
|
|
33
|
+
true: {
|
|
34
|
+
pointerEvents: "none",
|
|
35
|
+
userSelect: "none",
|
|
36
|
+
cursor: "not-allowed",
|
|
37
|
+
hoverStyle: {
|
|
38
|
+
borderColor: "$borderColor",
|
|
39
|
+
backgroundColor: "$background"
|
|
40
|
+
},
|
|
41
|
+
pressStyle: {
|
|
42
|
+
borderColor: "$borderColor",
|
|
43
|
+
backgroundColor: "$background"
|
|
44
|
+
},
|
|
45
|
+
focusVisibleStyle: {
|
|
46
|
+
outlineWidth: 0
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = styled(ThemeableStack, {
|
|
52
|
+
name: RADIO_GROUP_INDICATOR_NAME,
|
|
53
|
+
width: "53%",
|
|
54
|
+
height: "53%",
|
|
55
|
+
borderRadius: 1e3,
|
|
56
|
+
backgroundColor: "$color",
|
|
57
|
+
pressTheme: !0
|
|
58
|
+
}), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = styled(ThemeableStack, {
|
|
59
|
+
name: RADIO_GROUP_NAME,
|
|
60
|
+
variants: {
|
|
61
|
+
orientation: {
|
|
62
|
+
horizontal: {
|
|
63
|
+
flexDirection: "row",
|
|
64
|
+
spaceDirection: "horizontal"
|
|
65
|
+
},
|
|
66
|
+
vertical: {
|
|
67
|
+
flexDirection: "column",
|
|
68
|
+
spaceDirection: "vertical"
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}), RadioGroup = createRadioGroup({
|
|
73
|
+
Frame: RadioGroupFrame,
|
|
74
|
+
Indicator: RadioGroupIndicatorFrame,
|
|
75
|
+
Item: RadioGroupItemFrame
|
|
76
|
+
});
|
|
77
|
+
function RadioGroupUnstyledDemo() {
|
|
78
|
+
return /* @__PURE__ */ jsx(RadioGroup, { "aria-labelledby": "Select one item", defaultValue: "3", name: "form", children: /* @__PURE__ */ jsxs(YStack, { width: 200, alignItems: "center", space: "$2", children: [
|
|
79
|
+
/* @__PURE__ */ jsx(RadioGroupItemWithLabel, { value: "2", label: "Option One" }),
|
|
80
|
+
/* @__PURE__ */ jsx(RadioGroupItemWithLabel, { value: "3", label: "Option Two" })
|
|
81
|
+
] }) });
|
|
82
|
+
}
|
|
83
|
+
function RadioGroupItemWithLabel(props) {
|
|
84
|
+
const id = `radiogroup-${props.value}`;
|
|
85
|
+
return /* @__PURE__ */ jsxs(XStack, { width: 300, alignItems: "center", gap: "$4", children: [
|
|
86
|
+
/* @__PURE__ */ jsx(RadioGroup.Item, { value: props.value, id, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {}) }),
|
|
87
|
+
/* @__PURE__ */ jsx(Label, { htmlFor: id, children: props.label })
|
|
88
|
+
] });
|
|
89
|
+
}
|
|
90
|
+
export {
|
|
91
|
+
RadioGroupUnstyledDemo
|
|
92
|
+
};
|
|
93
|
+
//# sourceMappingURL=RadioGroupUnstyledDemo.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/RadioGroupUnstyledDemo.tsx"],
|
|
4
|
+
"mappings": "AACA,SAAS,OAAO,gBAAgB,QAAQ,QAAQ,cAAc;AAE9D,SAAS,wBAAwB;AAoG3B,SACE,KADF;AAlGN,MAAM,wBAAwB,kBAExB,sBAAsB,OAAO,gBAAgB;AAAA,EACjD,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,SAAS;AAAA,EAET,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAU,GAEJ,6BAA6B,uBAE7B,2BAA2B,OAAO,gBAAgB;AAAA,EACtD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,YAAY;AACd,CAAC,GAEK,mBAAmB,cAEnB,kBAAkB,OAAO,gBAAgB;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,IACR,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;AACF,CAAC,GAEK,aAAa,iBAAiB;AAAA,EAClC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AACR,CAAC;AAEM,SAAS,yBAAyB;AACvC,SACE,oBAAC,cAAW,mBAAgB,mBAAkB,cAAa,KAAI,MAAK,QAClE,+BAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,2BAAwB,OAAM,KAAI,OAAM,cAAa;AAAA,IACtD,oBAAC,2BAAwB,OAAM,KAAI,OAAM,cAAa;AAAA,KACxD,GACF;AAEJ;AAEA,SAAS,wBAAwB,OAG9B;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IACnC,8BAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,oBAAC,SAAM,SAAS,IAAK,gBAAM,OAAM;AAAA,KACnC;AAEJ;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { Label, ThemeableStack, XStack, YStack, styled } from "tamagui";
|
|
2
|
+
import { createRadioGroup } from "@tamagui/radio-group";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
const RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
|
|
5
|
+
RadioGroupItemFrame = styled(ThemeableStack, {
|
|
6
|
+
name: RADIO_GROUP_ITEM_NAME,
|
|
7
|
+
tag: "button",
|
|
8
|
+
borderRadius: 1e3,
|
|
9
|
+
backgroundColor: "$background",
|
|
10
|
+
alignItems: "center",
|
|
11
|
+
justifyContent: "center",
|
|
12
|
+
borderWidth: 1,
|
|
13
|
+
borderColor: "$borderColor",
|
|
14
|
+
padding: 0,
|
|
15
|
+
hoverStyle: {
|
|
16
|
+
borderColor: "$borderColorHover",
|
|
17
|
+
backgroundColor: "$backgroundHover"
|
|
18
|
+
},
|
|
19
|
+
focusStyle: {
|
|
20
|
+
borderColor: "$borderColorHover",
|
|
21
|
+
backgroundColor: "$backgroundHover"
|
|
22
|
+
},
|
|
23
|
+
focusVisibleStyle: {
|
|
24
|
+
outlineStyle: "solid",
|
|
25
|
+
outlineWidth: 2,
|
|
26
|
+
outlineColor: "$outlineColor"
|
|
27
|
+
},
|
|
28
|
+
pressStyle: {
|
|
29
|
+
borderColor: "$borderColorFocus",
|
|
30
|
+
backgroundColor: "$backgroundFocus"
|
|
31
|
+
},
|
|
32
|
+
variants: {
|
|
33
|
+
disabled: {
|
|
34
|
+
true: {
|
|
35
|
+
pointerEvents: "none",
|
|
36
|
+
userSelect: "none",
|
|
37
|
+
cursor: "not-allowed",
|
|
38
|
+
hoverStyle: {
|
|
39
|
+
borderColor: "$borderColor",
|
|
40
|
+
backgroundColor: "$background"
|
|
41
|
+
},
|
|
42
|
+
pressStyle: {
|
|
43
|
+
borderColor: "$borderColor",
|
|
44
|
+
backgroundColor: "$background"
|
|
45
|
+
},
|
|
46
|
+
focusVisibleStyle: {
|
|
47
|
+
outlineWidth: 0
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}),
|
|
53
|
+
RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator",
|
|
54
|
+
RadioGroupIndicatorFrame = styled(ThemeableStack, {
|
|
55
|
+
name: RADIO_GROUP_INDICATOR_NAME,
|
|
56
|
+
width: "53%",
|
|
57
|
+
height: "53%",
|
|
58
|
+
borderRadius: 1e3,
|
|
59
|
+
backgroundColor: "$color",
|
|
60
|
+
pressTheme: !0
|
|
61
|
+
}),
|
|
62
|
+
RADIO_GROUP_NAME = "RadioGroup",
|
|
63
|
+
RadioGroupFrame = styled(ThemeableStack, {
|
|
64
|
+
name: RADIO_GROUP_NAME,
|
|
65
|
+
variants: {
|
|
66
|
+
orientation: {
|
|
67
|
+
horizontal: {
|
|
68
|
+
flexDirection: "row",
|
|
69
|
+
spaceDirection: "horizontal"
|
|
70
|
+
},
|
|
71
|
+
vertical: {
|
|
72
|
+
flexDirection: "column",
|
|
73
|
+
spaceDirection: "vertical"
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}),
|
|
78
|
+
RadioGroup = createRadioGroup({
|
|
79
|
+
Frame: RadioGroupFrame,
|
|
80
|
+
Indicator: RadioGroupIndicatorFrame,
|
|
81
|
+
Item: RadioGroupItemFrame
|
|
82
|
+
});
|
|
83
|
+
function RadioGroupUnstyledDemo() {
|
|
84
|
+
return /* @__PURE__ */jsx(RadioGroup, {
|
|
85
|
+
"aria-labelledby": "Select one item",
|
|
86
|
+
defaultValue: "3",
|
|
87
|
+
name: "form",
|
|
88
|
+
children: /* @__PURE__ */jsxs(YStack, {
|
|
89
|
+
width: 200,
|
|
90
|
+
alignItems: "center",
|
|
91
|
+
space: "$2",
|
|
92
|
+
children: [/* @__PURE__ */jsx(RadioGroupItemWithLabel, {
|
|
93
|
+
value: "2",
|
|
94
|
+
label: "Option One"
|
|
95
|
+
}), /* @__PURE__ */jsx(RadioGroupItemWithLabel, {
|
|
96
|
+
value: "3",
|
|
97
|
+
label: "Option Two"
|
|
98
|
+
})]
|
|
99
|
+
})
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
function RadioGroupItemWithLabel(props) {
|
|
103
|
+
const id = `radiogroup-${props.value}`;
|
|
104
|
+
return /* @__PURE__ */jsxs(XStack, {
|
|
105
|
+
width: 300,
|
|
106
|
+
alignItems: "center",
|
|
107
|
+
gap: "$4",
|
|
108
|
+
children: [/* @__PURE__ */jsx(RadioGroup.Item, {
|
|
109
|
+
value: props.value,
|
|
110
|
+
id,
|
|
111
|
+
children: /* @__PURE__ */jsx(RadioGroup.Indicator, {})
|
|
112
|
+
}), /* @__PURE__ */jsx(Label, {
|
|
113
|
+
htmlFor: id,
|
|
114
|
+
children: props.label
|
|
115
|
+
})]
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
export { RadioGroupUnstyledDemo };
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Label, ThemeableStack, XStack, YStack, styled } from "tamagui";
|
|
3
|
+
import { createRadioGroup } from "@tamagui/radio-group";
|
|
4
|
+
var RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = styled(ThemeableStack, {
|
|
5
|
+
name: RADIO_GROUP_ITEM_NAME,
|
|
6
|
+
tag: "button",
|
|
7
|
+
borderRadius: 1e3,
|
|
8
|
+
backgroundColor: "$background",
|
|
9
|
+
alignItems: "center",
|
|
10
|
+
justifyContent: "center",
|
|
11
|
+
borderWidth: 1,
|
|
12
|
+
borderColor: "$borderColor",
|
|
13
|
+
padding: 0,
|
|
14
|
+
hoverStyle: {
|
|
15
|
+
borderColor: "$borderColorHover",
|
|
16
|
+
backgroundColor: "$backgroundHover"
|
|
17
|
+
},
|
|
18
|
+
focusStyle: {
|
|
19
|
+
borderColor: "$borderColorHover",
|
|
20
|
+
backgroundColor: "$backgroundHover"
|
|
21
|
+
},
|
|
22
|
+
focusVisibleStyle: {
|
|
23
|
+
outlineStyle: "solid",
|
|
24
|
+
outlineWidth: 2,
|
|
25
|
+
outlineColor: "$outlineColor"
|
|
26
|
+
},
|
|
27
|
+
pressStyle: {
|
|
28
|
+
borderColor: "$borderColorFocus",
|
|
29
|
+
backgroundColor: "$backgroundFocus"
|
|
30
|
+
},
|
|
31
|
+
variants: {
|
|
32
|
+
disabled: {
|
|
33
|
+
true: {
|
|
34
|
+
pointerEvents: "none",
|
|
35
|
+
userSelect: "none",
|
|
36
|
+
cursor: "not-allowed",
|
|
37
|
+
hoverStyle: {
|
|
38
|
+
borderColor: "$borderColor",
|
|
39
|
+
backgroundColor: "$background"
|
|
40
|
+
},
|
|
41
|
+
pressStyle: {
|
|
42
|
+
borderColor: "$borderColor",
|
|
43
|
+
backgroundColor: "$background"
|
|
44
|
+
},
|
|
45
|
+
focusVisibleStyle: {
|
|
46
|
+
outlineWidth: 0
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = styled(ThemeableStack, {
|
|
52
|
+
name: RADIO_GROUP_INDICATOR_NAME,
|
|
53
|
+
width: "53%",
|
|
54
|
+
height: "53%",
|
|
55
|
+
borderRadius: 1e3,
|
|
56
|
+
backgroundColor: "$color",
|
|
57
|
+
pressTheme: !0
|
|
58
|
+
}), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = styled(ThemeableStack, {
|
|
59
|
+
name: RADIO_GROUP_NAME,
|
|
60
|
+
variants: {
|
|
61
|
+
orientation: {
|
|
62
|
+
horizontal: {
|
|
63
|
+
flexDirection: "row",
|
|
64
|
+
spaceDirection: "horizontal"
|
|
65
|
+
},
|
|
66
|
+
vertical: {
|
|
67
|
+
flexDirection: "column",
|
|
68
|
+
spaceDirection: "vertical"
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}), RadioGroup = createRadioGroup({
|
|
73
|
+
Frame: RadioGroupFrame,
|
|
74
|
+
Indicator: RadioGroupIndicatorFrame,
|
|
75
|
+
Item: RadioGroupItemFrame
|
|
76
|
+
});
|
|
77
|
+
function RadioGroupUnstyledDemo() {
|
|
78
|
+
return /* @__PURE__ */ _jsx(RadioGroup, {
|
|
79
|
+
"aria-labelledby": "Select one item",
|
|
80
|
+
defaultValue: "3",
|
|
81
|
+
name: "form",
|
|
82
|
+
children: /* @__PURE__ */ _jsxs(YStack, {
|
|
83
|
+
width: 200,
|
|
84
|
+
alignItems: "center",
|
|
85
|
+
space: "$2",
|
|
86
|
+
children: [
|
|
87
|
+
/* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
|
|
88
|
+
value: "2",
|
|
89
|
+
label: "Option One"
|
|
90
|
+
}),
|
|
91
|
+
/* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
|
|
92
|
+
value: "3",
|
|
93
|
+
label: "Option Two"
|
|
94
|
+
})
|
|
95
|
+
]
|
|
96
|
+
})
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
function RadioGroupItemWithLabel(props) {
|
|
100
|
+
var id = "radiogroup-".concat(props.value);
|
|
101
|
+
return /* @__PURE__ */ _jsxs(XStack, {
|
|
102
|
+
width: 300,
|
|
103
|
+
alignItems: "center",
|
|
104
|
+
gap: "$4",
|
|
105
|
+
children: [
|
|
106
|
+
/* @__PURE__ */ _jsx(RadioGroup.Item, {
|
|
107
|
+
value: props.value,
|
|
108
|
+
id,
|
|
109
|
+
children: /* @__PURE__ */ _jsx(RadioGroup.Indicator, {})
|
|
110
|
+
}),
|
|
111
|
+
/* @__PURE__ */ _jsx(Label, {
|
|
112
|
+
htmlFor: id,
|
|
113
|
+
children: props.label
|
|
114
|
+
})
|
|
115
|
+
]
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
export {
|
|
119
|
+
RadioGroupUnstyledDemo
|
|
120
|
+
};
|
|
121
|
+
//# sourceMappingURL=RadioGroupUnstyledDemo.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/RadioGroupUnstyledDemo.tsx"],
|
|
4
|
+
"mappings": ";AACA,SAASA,OAAOC,gBAAgBC,QAAQC,QAAQC,cAAc;AAE9D,SAASC,wBAAwB;AAEjC,IAAMC,wBAAwB,kBAExBC,sBAAsBH,OAAOH,gBAAgB;EACjDO,MAAMF;EACNG,KAAK;EAELC,cAAc;EACdC,iBAAiB;EACjBC,YAAY;EACZC,gBAAgB;EAChBC,aAAa;EACbC,aAAa;EACbC,SAAS;EAETC,YAAY;IACVF,aAAa;IACbJ,iBAAiB;EACnB;EAEAO,YAAY;IACVH,aAAa;IACbJ,iBAAiB;EACnB;EAEAQ,mBAAmB;IACjBC,cAAc;IACdC,cAAc;IACdC,cAAc;EAChB;EAEAC,YAAY;IACVR,aAAa;IACbJ,iBAAiB;EACnB;EAEAa,UAAU;IACRC,UAAU;MACRC,MAAM;QACJC,eAAe;QACfC,YAAY;QACZC,QAAQ;QAERZ,YAAY;UACVF,aAAa;UACbJ,iBAAiB;QACnB;QAEAY,YAAY;UACVR,aAAa;UACbJ,iBAAiB;QACnB;QAEAQ,mBAAmB;UACjBE,cAAc;QAChB;MACF;IACF;EACF;AACF,CAAA,GAEMS,6BAA6B,uBAE7BC,2BAA2B3B,OAAOH,gBAAgB;EACtDO,MAAMsB;EACNE,OAAO;EACPC,QAAQ;EACRvB,cAAc;EACdC,iBAAiB;EACjBuB,YAAY;AACd,CAAA,GAEMC,mBAAmB,cAEnBC,kBAAkBhC,OAAOH,gBAAgB;EAC7CO,MAAM2B;EACNX,UAAU;IACRa,aAAa;MACXC,YAAY;QACVC,eAAe;QACfC,gBAAgB;MAClB;MACAC,UAAU;QACRF,eAAe;QACfC,gBAAgB;MAClB;IACF;EACF;AACF,CAAA,GAEME,aAAarC,iBAAiB;EAClCsC,OAAOP;EACPQ,WAAWb;EACXc,MAAMtC;AACR,CAAA;AAEO,SAASuC,yBAAAA;AACd,SACE,qBAACJ,YAAAA;IAAWK,mBAAgB;IAAkBC,cAAa;IAAIxC,MAAK;cAClE,sBAACL,QAAAA;MAAO6B,OAAO;MAAKpB,YAAW;MAASqC,OAAM;;QAC5C,qBAACC,yBAAAA;UAAwBC,OAAM;UAAIC,OAAM;;QACzC,qBAACF,yBAAAA;UAAwBC,OAAM;UAAIC,OAAM;;;;;AAIjD;AAEA,SAASF,wBAAwBG,OAGhC;AACC,MAAMC,KAAM,cAAyB,OAAZD,MAAMF,KAAK;AACpC,SACE,sBAACjD,QAAAA;IAAO8B,OAAO;IAAKpB,YAAW;IAAS2C,KAAI;;MAC1C,qBAACb,WAAWG,MAAI;QAACM,OAAOE,MAAMF;QAAOG;kBACnC,qBAACZ,WAAWE,WAAS,CAAA,CAAA;;MAGvB,qBAAC5C,OAAAA;QAAMwD,SAASF;kBAAKD,MAAMD;;;;AAGjC;",
|
|
5
|
+
"names": ["Label", "ThemeableStack", "XStack", "YStack", "styled", "createRadioGroup", "RADIO_GROUP_ITEM_NAME", "RadioGroupItemFrame", "name", "tag", "borderRadius", "backgroundColor", "alignItems", "justifyContent", "borderWidth", "borderColor", "padding", "hoverStyle", "focusStyle", "focusVisibleStyle", "outlineStyle", "outlineWidth", "outlineColor", "pressStyle", "variants", "disabled", "true", "pointerEvents", "userSelect", "cursor", "RADIO_GROUP_INDICATOR_NAME", "RadioGroupIndicatorFrame", "width", "height", "pressTheme", "RADIO_GROUP_NAME", "RadioGroupFrame", "orientation", "horizontal", "flexDirection", "spaceDirection", "vertical", "RadioGroup", "Frame", "Indicator", "Item", "RadioGroupUnstyledDemo", "aria-labelledby", "defaultValue", "space", "RadioGroupItemWithLabel", "value", "label", "props", "id", "gap", "htmlFor"]
|
|
6
|
+
}
|
package/dist/jsx/SelectDemo.js
CHANGED
|
@@ -140,28 +140,6 @@ function SelectDemoItem(props) {
|
|
|
140
140
|
] });
|
|
141
141
|
}
|
|
142
142
|
const items = [
|
|
143
|
-
{ name: "Apple" },
|
|
144
|
-
{ name: "Pear" },
|
|
145
|
-
{ name: "Blackberry" },
|
|
146
|
-
{ name: "Peach" },
|
|
147
|
-
{ name: "Apricot" },
|
|
148
|
-
{ name: "Melon" },
|
|
149
|
-
{ name: "Honeydew" },
|
|
150
|
-
{ name: "Starfruit" },
|
|
151
|
-
{ name: "Blueberry" },
|
|
152
|
-
{ name: "Raspberry" },
|
|
153
|
-
{ name: "Strawberry" },
|
|
154
|
-
{ name: "Mango" },
|
|
155
|
-
{ name: "Pineapple" },
|
|
156
|
-
{ name: "Lime" },
|
|
157
|
-
{ name: "Lemon" },
|
|
158
|
-
{ name: "Coconut" },
|
|
159
|
-
{ name: "Guava" },
|
|
160
|
-
{ name: "Papaya" },
|
|
161
|
-
{ name: "Orange" },
|
|
162
|
-
{ name: "Grape" },
|
|
163
|
-
{ name: "Jackfruit" },
|
|
164
|
-
{ name: "Durian" },
|
|
165
143
|
{ name: "Apple" },
|
|
166
144
|
{ name: "Pear" },
|
|
167
145
|
{ name: "Blackberry" },
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "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
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/SelectDemo.mjs
CHANGED
|
@@ -188,49 +188,5 @@ const items = [{
|
|
|
188
188
|
name: "Jackfruit"
|
|
189
189
|
}, {
|
|
190
190
|
name: "Durian"
|
|
191
|
-
}, {
|
|
192
|
-
name: "Apple"
|
|
193
|
-
}, {
|
|
194
|
-
name: "Pear"
|
|
195
|
-
}, {
|
|
196
|
-
name: "Blackberry"
|
|
197
|
-
}, {
|
|
198
|
-
name: "Peach"
|
|
199
|
-
}, {
|
|
200
|
-
name: "Apricot"
|
|
201
|
-
}, {
|
|
202
|
-
name: "Melon"
|
|
203
|
-
}, {
|
|
204
|
-
name: "Honeydew"
|
|
205
|
-
}, {
|
|
206
|
-
name: "Starfruit"
|
|
207
|
-
}, {
|
|
208
|
-
name: "Blueberry"
|
|
209
|
-
}, {
|
|
210
|
-
name: "Raspberry"
|
|
211
|
-
}, {
|
|
212
|
-
name: "Strawberry"
|
|
213
|
-
}, {
|
|
214
|
-
name: "Mango"
|
|
215
|
-
}, {
|
|
216
|
-
name: "Pineapple"
|
|
217
|
-
}, {
|
|
218
|
-
name: "Lime"
|
|
219
|
-
}, {
|
|
220
|
-
name: "Lemon"
|
|
221
|
-
}, {
|
|
222
|
-
name: "Coconut"
|
|
223
|
-
}, {
|
|
224
|
-
name: "Guava"
|
|
225
|
-
}, {
|
|
226
|
-
name: "Papaya"
|
|
227
|
-
}, {
|
|
228
|
-
name: "Orange"
|
|
229
|
-
}, {
|
|
230
|
-
name: "Grape"
|
|
231
|
-
}, {
|
|
232
|
-
name: "Jackfruit"
|
|
233
|
-
}, {
|
|
234
|
-
name: "Durian"
|
|
235
191
|
}];
|
|
236
192
|
export { SelectDemo, SelectDemoItem };
|
|
@@ -292,72 +292,6 @@ function SelectDemoItem(props) {
|
|
|
292
292
|
}));
|
|
293
293
|
}
|
|
294
294
|
var items = [
|
|
295
|
-
{
|
|
296
|
-
name: "Apple"
|
|
297
|
-
},
|
|
298
|
-
{
|
|
299
|
-
name: "Pear"
|
|
300
|
-
},
|
|
301
|
-
{
|
|
302
|
-
name: "Blackberry"
|
|
303
|
-
},
|
|
304
|
-
{
|
|
305
|
-
name: "Peach"
|
|
306
|
-
},
|
|
307
|
-
{
|
|
308
|
-
name: "Apricot"
|
|
309
|
-
},
|
|
310
|
-
{
|
|
311
|
-
name: "Melon"
|
|
312
|
-
},
|
|
313
|
-
{
|
|
314
|
-
name: "Honeydew"
|
|
315
|
-
},
|
|
316
|
-
{
|
|
317
|
-
name: "Starfruit"
|
|
318
|
-
},
|
|
319
|
-
{
|
|
320
|
-
name: "Blueberry"
|
|
321
|
-
},
|
|
322
|
-
{
|
|
323
|
-
name: "Raspberry"
|
|
324
|
-
},
|
|
325
|
-
{
|
|
326
|
-
name: "Strawberry"
|
|
327
|
-
},
|
|
328
|
-
{
|
|
329
|
-
name: "Mango"
|
|
330
|
-
},
|
|
331
|
-
{
|
|
332
|
-
name: "Pineapple"
|
|
333
|
-
},
|
|
334
|
-
{
|
|
335
|
-
name: "Lime"
|
|
336
|
-
},
|
|
337
|
-
{
|
|
338
|
-
name: "Lemon"
|
|
339
|
-
},
|
|
340
|
-
{
|
|
341
|
-
name: "Coconut"
|
|
342
|
-
},
|
|
343
|
-
{
|
|
344
|
-
name: "Guava"
|
|
345
|
-
},
|
|
346
|
-
{
|
|
347
|
-
name: "Papaya"
|
|
348
|
-
},
|
|
349
|
-
{
|
|
350
|
-
name: "Orange"
|
|
351
|
-
},
|
|
352
|
-
{
|
|
353
|
-
name: "Grape"
|
|
354
|
-
},
|
|
355
|
-
{
|
|
356
|
-
name: "Jackfruit"
|
|
357
|
-
},
|
|
358
|
-
{
|
|
359
|
-
name: "Durian"
|
|
360
|
-
},
|
|
361
295
|
{
|
|
362
296
|
name: "Apple"
|
|
363
297
|
},
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "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
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["Check", "ChevronDown", "ChevronUp", "useMemo", "useState", "Adapt", "Label", "Select", "Sheet", "XStack", "YStack", "getFontSize", "LinearGradient", "SelectDemo", "gap", "ai", "htmlFor", "f", "miw", "SelectDemoItem", "id", "native", "props", "val", "setVal", "value", "onValueChange", "disablePreventBodyScroll", "Trigger", "width", "iconAfter", "Value", "placeholder", "when", "platform", "modal", "dismissOnSnapToBottom", "animationConfig", "type", "damping", "mass", "stiffness", "Frame", "ScrollView", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "zIndex", "ScrollUpButton", "alignItems", "justifyContent", "position", "height", "size", "start", "end", "fullscreen", "colors", "borderRadius", "Viewport", "minWidth", "Group", "items", "map", "item", "i", "Item", "index", "name", "toLowerCase", "ItemText", "ItemIndicator", "marginLeft", "right", "top", "bottom", "pointerEvents", "ScrollDownButton"]
|
|
6
6
|
}
|
package/dist/jsx/TokensDemo.js
CHANGED
|
@@ -37,7 +37,9 @@ function TokensDemo() {
|
|
|
37
37
|
] });
|
|
38
38
|
}
|
|
39
39
|
function SizeSection({ section }) {
|
|
40
|
-
const allTokens = getConfig().tokens, tokens = allTokens[section.startsWith("space") ? "space" : section], st = Object.keys(tokens).sort(
|
|
40
|
+
const allTokens = getConfig().tokens, tokens = allTokens[section.startsWith("space") ? "space" : section], st = Object.keys(tokens).sort(
|
|
41
|
+
(a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1
|
|
42
|
+
), spaceTokens = st.filter((t) => Number.parseFloat(t) >= 0), spaceTokensNegative = st.filter((t) => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
|
|
41
43
|
return /* @__PURE__ */ jsxs(YStack, { flex: 1, space: !0, children: [
|
|
42
44
|
/* @__PURE__ */ jsx(H2, { children: "Sizes" }),
|
|
43
45
|
/* @__PURE__ */ jsx(YStack, { width: "100%", space: "$2", separator: /* @__PURE__ */ jsx(Separator, {}), children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(
|
|
@@ -58,7 +60,7 @@ function SizeSection({ section }) {
|
|
|
58
60
|
...section === "spaceNegative" && {
|
|
59
61
|
backgroundColor: "$red5",
|
|
60
62
|
size: -tokens[spaceTokensNegative.find(
|
|
61
|
-
(t) => parseFloat(t) === -parseFloat(token)
|
|
63
|
+
(t) => Number.parseFloat(t) === -Number.parseFloat(token)
|
|
62
64
|
) ?? token]?.val
|
|
63
65
|
},
|
|
64
66
|
...section === "radius" && {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TokensDemo.tsx"],
|
|
4
|
-
"mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,IAAI,WAAW,QAAQ,QAAQ,QAAQ,cAAc;AA2B1E,SAKU,KALV;AAvBJ,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,MAAM;AAEtD,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,UAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,oBAAC,OAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,YAAY,MAAM,WAAW;AAAA,QACpC,YAAW;AAAA,QACX,SAAS,MAAM,WAAW,GAAG;AAAA,QAE5B;AAAA;AAAA,IACH,KARgB,GASlB,CAEH,GACH;AAAA,KAEE,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,oBAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,YAAY,UAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE,
|
|
4
|
+
"mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,IAAI,WAAW,QAAQ,QAAQ,QAAQ,cAAc;AA2B1E,SAKU,KALV;AAvBJ,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,MAAM;AAEtD,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,UAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,oBAAC,OAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,YAAY,MAAM,WAAW;AAAA,QACpC,YAAW;AAAA,QACX,SAAS,MAAM,WAAW,GAAG;AAAA,QAE5B;AAAA;AAAA,IACH,KARgB,GASlB,CAEH,GACH;AAAA,KAEE,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,oBAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,YAAY,UAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE;AAAA,IAAK,CAAC,GAAG,MACtC,OAAO,WAAW,CAAC,IAAI,OAAO,WAAW,CAAC,IAAI,IAAI;AAAA,EACpD,GACM,cAAc,GAAG,OAAO,CAAC,MAAM,OAAO,WAAW,CAAC,KAAK,CAAC,GACxD,sBAAsB,GACzB,OAAO,CAAC,MAAM,OAAO,WAAW,CAAC,IAAI,CAAC,EACtC,KAAK,CAAC,GAAG,MAAO,OAAO,WAAW,CAAC,IAAI,OAAO,WAAW,CAAC,IAAI,KAAK,CAAE;AAExE,SACE,qBAAC,UAAO,MAAM,GAAG,OAAK,IACpB;AAAA,wBAAC,MAAG,mBAAK;AAAA,IACT,oBAAC,UAAO,OAAM,QAAO,OAAM,MAAK,WAAW,oBAAC,aAAU,GAClD,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAEG,qBAAC,UAAO,OAAM,QAAO,YAAW,UAC9B;AAAA,4BAAC,UAAO,OAAM,OACZ,+BAAC,MAAG,MAAK,MAAK;AAAA;AAAA,UAAE;AAAA,WAAM,GACxB;AAAA,QACA,oBAAC,UAAO,OAAM,OACZ,+BAAC,MAAG,MAAK,MAAM;AAAA,iBAAO,KAAK,GAAG;AAAA,UAAI;AAAA,WAAE,GACtC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,OAAO,KAAK,GAAG;AAAA,YACrB,iBAAgB;AAAA,YACf,GAAI,YAAY,mBAAmB;AAAA,cAClC,iBAAiB;AAAA,cACjB,MACE,CAAC,OACC,oBAAoB;AAAA,gBAClB,CAAC,MAAM,OAAO,WAAW,CAAC,MAAM,CAAC,OAAO,WAAW,KAAK;AAAA,cAC1D,KAAK,KACP,GAAG;AAAA,YACP;AAAA,YACC,GAAI,YAAY,YAAY;AAAA,cAC3B,MAAM,UAAU,KAAK,KAAK,GAAG;AAAA,cAC7B,cAAc,OAAO,KAAK,GAAG;AAAA,YAC/B;AAAA;AAAA,QACF;AAAA,WAvB4C,KAwB9C;AAAA,IAGN,GACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/TokensDemo.mjs
CHANGED
|
@@ -44,9 +44,9 @@ function SizeSection({
|
|
|
44
44
|
}) {
|
|
45
45
|
const allTokens = getConfig().tokens,
|
|
46
46
|
tokens = allTokens[section.startsWith("space") ? "space" : section],
|
|
47
|
-
st = Object.keys(tokens).sort((a, b) => parseFloat(a) > parseFloat(b) ? 1 : -1),
|
|
48
|
-
spaceTokens = st.filter(t => parseFloat(t) >= 0),
|
|
49
|
-
spaceTokensNegative = st.filter(t => parseFloat(t) < 0).sort((a, b) => parseFloat(a) > parseFloat(b) ? -1 : 1);
|
|
47
|
+
st = Object.keys(tokens).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1),
|
|
48
|
+
spaceTokens = st.filter(t => Number.parseFloat(t) >= 0),
|
|
49
|
+
spaceTokensNegative = st.filter(t => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
|
|
50
50
|
return /* @__PURE__ */jsxs(YStack, {
|
|
51
51
|
flex: 1,
|
|
52
52
|
space: !0,
|
|
@@ -76,7 +76,7 @@ function SizeSection({
|
|
|
76
76
|
backgroundColor: "$color5",
|
|
77
77
|
...(section === "spaceNegative" && {
|
|
78
78
|
backgroundColor: "$red5",
|
|
79
|
-
size: -tokens[spaceTokensNegative.find(t => parseFloat(t) === -parseFloat(token)) ?? token]?.val
|
|
79
|
+
size: -tokens[spaceTokensNegative.find(t => Number.parseFloat(t) === -Number.parseFloat(token)) ?? token]?.val
|
|
80
80
|
}),
|
|
81
81
|
...(section === "radius" && {
|
|
82
82
|
size: allTokens.size[token]?.val,
|
|
@@ -117,13 +117,13 @@ function TokensDemo() {
|
|
|
117
117
|
}
|
|
118
118
|
function SizeSection(param) {
|
|
119
119
|
var section = param.section, allTokens = getConfig().tokens, tokens = allTokens[section.startsWith("space") ? "space" : section], st = Object.keys(tokens).sort(function(a, b) {
|
|
120
|
-
return parseFloat(a) > parseFloat(b) ? 1 : -1;
|
|
120
|
+
return Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1;
|
|
121
121
|
}), spaceTokens = st.filter(function(t) {
|
|
122
|
-
return parseFloat(t) >= 0;
|
|
122
|
+
return Number.parseFloat(t) >= 0;
|
|
123
123
|
}), spaceTokensNegative = st.filter(function(t) {
|
|
124
|
-
return parseFloat(t) < 0;
|
|
124
|
+
return Number.parseFloat(t) < 0;
|
|
125
125
|
}).sort(function(a, b) {
|
|
126
|
-
return parseFloat(a) > parseFloat(b) ? -1 : 1;
|
|
126
|
+
return Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1;
|
|
127
127
|
});
|
|
128
128
|
return /* @__PURE__ */ _jsxs(YStack, {
|
|
129
129
|
flex: 1,
|
|
@@ -168,7 +168,7 @@ function SizeSection(param) {
|
|
|
168
168
|
}, section === "spaceNegative" && {
|
|
169
169
|
backgroundColor: "$red5",
|
|
170
170
|
size: -((_tokens_ = tokens[(_spaceTokensNegative_find = spaceTokensNegative.find(function(t) {
|
|
171
|
-
return parseFloat(t) === -parseFloat(token);
|
|
171
|
+
return Number.parseFloat(t) === -Number.parseFloat(token);
|
|
172
172
|
})) !== null && _spaceTokensNegative_find !== void 0 ? _spaceTokensNegative_find : token]) === null || _tokens_ === void 0 ? void 0 : _tokens_.val)
|
|
173
173
|
}, section === "radius" && {
|
|
174
174
|
size: (_allTokens_size_token = allTokens.size[token]) === null || _allTokens_size_token === void 0 ? void 0 : _allTokens_size_token.val,
|