@tamagui/list-item 2.0.0-rc.3 → 2.0.0-rc.31
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/ListItem.cjs +10 -10
- package/dist/cjs/ListItem.native.js +7 -3
- package/dist/cjs/ListItem.native.js.map +1 -1
- package/dist/esm/ListItem.mjs +11 -11
- package/dist/esm/ListItem.mjs.map +1 -1
- package/dist/esm/ListItem.native.js +8 -4
- package/dist/esm/ListItem.native.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -6
- package/dist/jsx/ListItem.mjs +11 -11
- package/dist/jsx/ListItem.mjs.map +1 -1
- package/dist/jsx/ListItem.native.js +7 -3
- package/dist/jsx/ListItem.native.js.map +1 -1
- package/dist/jsx/index.js +1 -1
- package/dist/jsx/index.js.map +1 -6
- package/package.json +13 -16
- package/src/ListItem.tsx +8 -4
- package/types/ListItem.d.ts.map +1 -1
- package/dist/cjs/ListItem.js +0 -203
- package/dist/cjs/ListItem.js.map +0 -6
- package/dist/cjs/index.js +0 -15
- package/dist/cjs/index.js.map +0 -6
- package/dist/esm/ListItem.js +0 -195
- package/dist/esm/ListItem.js.map +0 -6
- package/dist/jsx/ListItem.js +0 -195
- package/dist/jsx/ListItem.js.map +0 -6
package/dist/cjs/ListItem.cjs
CHANGED
|
@@ -176,10 +176,11 @@ const NAME = "ListItem",
|
|
|
176
176
|
styledContext = context.useStyledContext();
|
|
177
177
|
if (!styledContext) throw new Error("ListItem.Icon must be used within a ListItem");
|
|
178
178
|
const sizeToken = size ?? styledContext.size ?? "$true",
|
|
179
|
+
iconColor = (0, import_helpers_tamagui.useCurrentColor)(styledContext.color),
|
|
179
180
|
iconSize = (0, import_font_size.getFontSize)(sizeToken) * scaleIcon;
|
|
180
181
|
return (0, import_helpers_tamagui.getIcon)(children, {
|
|
181
182
|
size: iconSize,
|
|
182
|
-
color:
|
|
183
|
+
color: iconColor
|
|
183
184
|
});
|
|
184
185
|
},
|
|
185
186
|
ListItemComponent = ListItemFrame.styleable(function (propsIn, ref) {
|
|
@@ -196,16 +197,15 @@ const NAME = "ListItem",
|
|
|
196
197
|
} = propsIn,
|
|
197
198
|
size = propsIn.size || "$true",
|
|
198
199
|
styledContext = context.useStyledContext(),
|
|
200
|
+
iconColor = (0, import_helpers_tamagui.useCurrentColor)(styledContext?.color),
|
|
199
201
|
iconSizeNumber = (0, import_font_size.getFontSize)(iconSize || size) * scaleIcon,
|
|
200
|
-
[themedIcon, themedIconAfter] = [icon, iconAfter].map((icon2, i) => {
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
});
|
|
208
|
-
}),
|
|
202
|
+
[themedIcon, themedIconAfter] = [icon, iconAfter].map((icon2, i) => icon2 ? (0, import_helpers_tamagui.getIcon)(icon2, {
|
|
203
|
+
size: iconSizeNumber,
|
|
204
|
+
color: iconColor,
|
|
205
|
+
style: {
|
|
206
|
+
[i === 0 ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
|
|
207
|
+
}
|
|
208
|
+
}) : null),
|
|
209
209
|
wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {
|
|
210
210
|
children
|
|
211
211
|
}, propsIn.unstyled !== !0 ? {
|
|
@@ -183,10 +183,11 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
183
183
|
if (!styledContext) throw new Error("ListItem.Icon must be used within a ListItem");
|
|
184
184
|
var _ref,
|
|
185
185
|
sizeToken = (_ref = size ?? styledContext.size) !== null && _ref !== void 0 ? _ref : "$true",
|
|
186
|
+
iconColor = (0, import_helpers_tamagui.useCurrentColor)(styledContext.color),
|
|
186
187
|
iconSize = (0, import_font_size.getFontSize)(sizeToken) * scaleIcon;
|
|
187
188
|
return (0, import_helpers_tamagui.getIcon)(children, {
|
|
188
189
|
size: iconSize,
|
|
189
|
-
color:
|
|
190
|
+
color: iconColor
|
|
190
191
|
});
|
|
191
192
|
},
|
|
192
193
|
ListItemComponent = ListItemFrame.styleable(function (propsIn, ref) {
|
|
@@ -203,14 +204,17 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
203
204
|
} = propsIn,
|
|
204
205
|
size = propsIn.size || "$true",
|
|
205
206
|
styledContext = context.useStyledContext(),
|
|
207
|
+
iconColor = (0, import_helpers_tamagui.useCurrentColor)(styledContext?.color),
|
|
206
208
|
iconSizeNumber = (0, import_font_size.getFontSize)(iconSize || size) * scaleIcon,
|
|
207
209
|
[themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2, i) {
|
|
208
210
|
if (!icon2) return null;
|
|
209
211
|
var isBefore = i === 0;
|
|
210
212
|
return (0, import_helpers_tamagui.getIcon)(icon2, {
|
|
211
213
|
size: iconSizeNumber,
|
|
212
|
-
color:
|
|
213
|
-
|
|
214
|
+
color: iconColor,
|
|
215
|
+
style: {
|
|
216
|
+
[isBefore ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
|
|
217
|
+
}
|
|
214
218
|
});
|
|
215
219
|
}),
|
|
216
220
|
wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ListItem_exports","__export","ListItem","ListItem2","module","exports","import_jsx_runtime","require","import_font_size","import_get_font_sized","import_get_token","import_helpers","import_helpers_tamagui","import_stacks","import_text","import_web","NAME","context","createStyledContext","size","variant","color","ListItemFrame","styled","View","name","render","role","variants","unstyled","false","alignItems","justifyContent","flexWrap","borderColor","width","maxWidth","overflow","flexDirection","backgroundColor","cursor","hoverStyle","pressStyle","outlined","process","env","TAMAGUI_HEADLESS","borderWidth","...size","val","param","tokens","minHeight","paddingHorizontal","space","paddingVertical","getSpace","shift","active","true","disabled","opacity","pointerEvents","defaultVariants","ListItemText","SizableText","flexGrow","flexShrink","ellipsis","ListItemSubtitle","extras","oneSmaller","getSize","excludeHalfSteps","fontStyle","getFontSized","key","ListItemTitle","ListItemIcon","props","children","scaleIcon","styledContext","useStyledContext","Error","_ref","sizeToken","iconSize","getFontSize","getIcon","ListItemComponent","styleable","propsIn","ref","icon","iconAfter","subTitle","title","rest","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","i","isBefore","wrappedChildren","wrapChildrenInText","fontSize","jsxs","YStack","flex","jsx","Fragment"],"sources":["../../src/ListItem.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA4B,CAAAK,gBAAA;AA0B5B,IAAAM,kBAAa,GAEPC,OAAA,oBAAU;EAAAC,gBAIb,GAAAD,OAAA;EAAAE,qBAAA,GAAAF,OAAA;EAAAG,gBAAA,GAAAH,OAAA;EAAAI,cAAA,GAAAJ,OAAA;EAAAK,sBAAA,GAAAL,OAAA;EAAAM,aAAA,GAAAN,OAAA;EAAAO,WAAA,GAAAP,OAAA;EAAAQ,UAAA,GAAAR,OAAA;EAAAS,IAAA;EAAAC,OAAA,OAAAF,UAAA,CAAAG,mBAAA;IACDC,IAAA,EAAM;IACNC,OAAA,EAAS;IACTC,KAAA,EAAO;EACT,CAAC;EAEKC,aAAA,OAAgBP,UAAA,CAAAQ,MAAA,EAAOR,UAAA,CAAAS,IAAA,EAAM;IACjCP,OAAA;IACAQ,IAAA,EAAMT,IAAA;IACNU,MAAA,EAAQ;IACRC,IAAA,EAAM;IAENC,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLX,IAAA,EAAM;UACNY,UAAA,EAAY;UACZC,cAAA,EAAgB;UAChBC,QAAA,EAAU;UACVC,WAAA,EAAa;UACbC,KAAA,EAAO;UACPC,QAAA,EAAU;UACVC,QAAA,EAAU;UACVC,aAAA,EAAe;UACfC,eAAA,EAAiB;UACjBC,MAAA,EAAQ;UAERC,UAAA,EAAY;YACVF,eAAA,EAAiB;YACjBL,WAAA,EAAa;UACf;UAEAQ,UAAA,EAAY;YACVH,eAAA,EAAiB;YACjBL,WAAA,EAAa;UACf;QACF;MACF;MAEAd,OAAA,EAAS;QACPuB,QAAA,EACEC,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB,MAC7B,CAAC,IACD;UACEP,eAAA,EAAiB;UACjBQ,WAAA,EAAa;UACbb,WAAA,EAAa;UAEbO,UAAA,EAAY;YACVF,eAAA,EAAiB;YACjBL,WAAA,EAAa;UACf;UAEAQ,UAAA,EAAY;YACVH,eAAA,EAAiB;YACjBL,WAAA,EAAa;UACf;QACF;MACR;MAEAf,IAAA,EAAM;QACJ,WAAW,SAAA6B,CAAoBC,GAAA,EAAAC,KAAO;UAElC;YAAAC;UAAW,IAAAD,KAAO;UAClB;YACAE,SAAA,EAAAD,MAAA,CAAAhC,IAAiB,CAAA8B,GAAA;YACfI,iBAAO,EAAAF,MAAA,CAAAG,KAAA,CAAAL,GAAA;YACRM,eAAA,MAAA7C,gBAAA,CAAA8C,QAAA,EAAAL,MAAA,CAAAG,KAAA,CAAAL,GAAA;cACHQ,KAAA;YAEJ;UAEA;QACE;MAAM;MACQC,MACV;QAAiBC,IACnB;UACFlB,UAAA;YACFF,eAAA;UAEA;QACE;MAAM;MACKqB,QACT;QACFD,IAAA;UACFE,OAAA;UACFC,aAAA;QAEA;MACE;IACF;IACDC,eAEK;MACJlC,QAAA,EAAAe,OAAA,CAAAC,GAAA,CAAAC,gBAAA;IACA;EAAM,EAEN;EAAAkB,YAAU,OAAAjD,UAAA,CAAAQ,MAAA,EAAAT,WAAA,CAAAmD,WAAA;IAAAhD,OACR;IAAUQ,IACR,gBAAO;IAAAG,QACL;MAAOC,QACP,EAAM;QAAAC,KACN;UACAT,KAAA,UAAY;UACZF,IAAA,SAAU;UACV+C,QAAQ;UACVC,UAAA;UACFC,QAAA;UACF5B,MAAA;QAEA;MACE;IACF;IACDuB,eAEK;MACJlC,QAAM,EAAAe,OAAA,CAAAC,GAAA,CAAAC,gBAAA;IACN;EAAA,EACA;EAAAuB,gBAAU,OAAAtD,UAAA,CAAAQ,MAAA,EAAAyC,YAAA;IAAAvC,IACR,oBAAU;IAAAR,OACR;IAAOW,QACL;MAASC,QACT;QAAUC,KACV;UACF+B,OAAA;UACFzB,QAAA;UAEAf,KAAM;QACJ;MACE;MAAgCF,IAAA,EAC9B;QAAO,SACP,WAAA6B,CAAAC,GAAkB,EAAAqB,MAAA;UACpB,IAACC,UAAA,OAAA7D,gBAAA,CAAA8D,OAAA,EAAAvB,GAAA;cAEDQ,KAAA,IADkB;cAEpBgB,gBAAA;YACF;YAAAC,SAAA,OAAAjE,qBAAA,CAAAkE,YAAA,EAAAJ,UAAA,CAAAK,GAAA,EAAAN,MAAA;UACF,OAAAI,SAAA;QAEA;MACE;IACF;IACDX,eAEK;MACJlC,QAAM,EAAAe,OAAA,CAAAC,GAAA,CAAAC,gBAAA;IACN;EAAA,EACA;EAAA+B,aAAU,OAAA9D,UAAA,CAAAQ,MAAA,EAAAyC,YAAA;IAAAvC,IACR,iBAAU;IAAAR,OACR;IAAQW,QACV;MACFC,QAAA;QACAC,KAAA;MACE;IACF;IACDiC,eAEK,EAAe;MAKnBlC,QAAQ,EAAAe,OAAU,CAAAC,GAAA,CAAMC,gBAAc,KAAI;IAE1C;EACE;EAAAgC,YAAU,YAAAA,CAAMC,KAAA;IAGlB;QAAMC,QAAA;QAAA7D,IAAY;QAAA8D,SAAQ;MAAA,IAAcF,KAAA;MAAAG,
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ListItem_exports","__export","ListItem","ListItem2","module","exports","import_jsx_runtime","require","import_font_size","import_get_font_sized","import_get_token","import_helpers","import_helpers_tamagui","import_stacks","import_text","import_web","NAME","context","createStyledContext","size","variant","color","ListItemFrame","styled","View","name","render","role","variants","unstyled","false","alignItems","justifyContent","flexWrap","borderColor","width","maxWidth","overflow","flexDirection","backgroundColor","cursor","hoverStyle","pressStyle","outlined","process","env","TAMAGUI_HEADLESS","borderWidth","...size","val","param","tokens","minHeight","paddingHorizontal","space","paddingVertical","getSpace","shift","active","true","disabled","opacity","pointerEvents","defaultVariants","ListItemText","SizableText","flexGrow","flexShrink","ellipsis","ListItemSubtitle","extras","oneSmaller","getSize","excludeHalfSteps","fontStyle","getFontSized","key","ListItemTitle","ListItemIcon","props","children","scaleIcon","styledContext","useStyledContext","Error","_ref","sizeToken","iconColor","useCurrentColor","iconSize","getFontSize","getIcon","ListItemComponent","styleable","propsIn","ref","icon","iconAfter","subTitle","title","rest","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","i","isBefore","style","wrappedChildren","wrapChildrenInText","fontSize","jsxs","YStack","flex","jsx","Fragment"],"sources":["../../src/ListItem.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/ListItem.mjs
CHANGED
|
@@ -2,7 +2,7 @@ import { getFontSize } from "@tamagui/font-size";
|
|
|
2
2
|
import { getFontSized } from "@tamagui/get-font-sized";
|
|
3
3
|
import { getSize, getSpace } from "@tamagui/get-token";
|
|
4
4
|
import { withStaticProperties } from "@tamagui/helpers";
|
|
5
|
-
import { getIcon } from "@tamagui/helpers-tamagui";
|
|
5
|
+
import { getIcon, useCurrentColor } from "@tamagui/helpers-tamagui";
|
|
6
6
|
import { YStack } from "@tamagui/stacks";
|
|
7
7
|
import { SizableText, wrapChildrenInText } from "@tamagui/text";
|
|
8
8
|
import { createStyledContext, styled, View } from "@tamagui/web";
|
|
@@ -151,10 +151,11 @@ const NAME = "ListItem",
|
|
|
151
151
|
styledContext = context.useStyledContext();
|
|
152
152
|
if (!styledContext) throw new Error("ListItem.Icon must be used within a ListItem");
|
|
153
153
|
const sizeToken = size ?? styledContext.size ?? "$true",
|
|
154
|
+
iconColor = useCurrentColor(styledContext.color),
|
|
154
155
|
iconSize = getFontSize(sizeToken) * scaleIcon;
|
|
155
156
|
return getIcon(children, {
|
|
156
157
|
size: iconSize,
|
|
157
|
-
color:
|
|
158
|
+
color: iconColor
|
|
158
159
|
});
|
|
159
160
|
},
|
|
160
161
|
ListItemComponent = ListItemFrame.styleable(function (propsIn, ref) {
|
|
@@ -171,16 +172,15 @@ const NAME = "ListItem",
|
|
|
171
172
|
} = propsIn,
|
|
172
173
|
size = propsIn.size || "$true",
|
|
173
174
|
styledContext = context.useStyledContext(),
|
|
175
|
+
iconColor = useCurrentColor(styledContext?.color),
|
|
174
176
|
iconSizeNumber = getFontSize(iconSize || size) * scaleIcon,
|
|
175
|
-
[themedIcon, themedIconAfter] = [icon, iconAfter].map((icon2, i) => {
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
});
|
|
183
|
-
}),
|
|
177
|
+
[themedIcon, themedIconAfter] = [icon, iconAfter].map((icon2, i) => icon2 ? getIcon(icon2, {
|
|
178
|
+
size: iconSizeNumber,
|
|
179
|
+
color: iconColor,
|
|
180
|
+
style: {
|
|
181
|
+
[i === 0 ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
|
|
182
|
+
}
|
|
183
|
+
}) : null),
|
|
184
184
|
wrappedChildren = wrapChildrenInText(ListItemText, {
|
|
185
185
|
children
|
|
186
186
|
}, propsIn.unstyled !== !0 ? {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getFontSize","getFontSized","getSize","getSpace","withStaticProperties","getIcon","YStack","SizableText","wrapChildrenInText","createStyledContext","styled","View","Fragment","jsx","jsxs","NAME","context","size","variant","color","ListItemFrame","name","render","role","variants","unstyled","false","alignItems","justifyContent","flexWrap","borderColor","width","maxWidth","overflow","flexDirection","backgroundColor","cursor","hoverStyle","pressStyle","outlined","process","env","TAMAGUI_HEADLESS","borderWidth","...size","val","tokens","minHeight","paddingHorizontal","space","paddingVertical","shift","active","true","disabled","opacity","pointerEvents","defaultVariants","ListItemText","flexGrow","flexShrink","ellipsis","ListItemSubtitle","extras","oneSmaller","excludeHalfSteps","key","ListItemTitle","ListItemIcon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconSize","ListItemComponent","styleable","propsIn","ref","icon","iconAfter","subTitle","title","rest","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","i","
|
|
1
|
+
{"version":3,"names":["getFontSize","getFontSized","getSize","getSpace","withStaticProperties","getIcon","useCurrentColor","YStack","SizableText","wrapChildrenInText","createStyledContext","styled","View","Fragment","jsx","jsxs","NAME","context","size","variant","color","ListItemFrame","name","render","role","variants","unstyled","false","alignItems","justifyContent","flexWrap","borderColor","width","maxWidth","overflow","flexDirection","backgroundColor","cursor","hoverStyle","pressStyle","outlined","process","env","TAMAGUI_HEADLESS","borderWidth","...size","val","tokens","minHeight","paddingHorizontal","space","paddingVertical","shift","active","true","disabled","opacity","pointerEvents","defaultVariants","ListItemText","flexGrow","flexShrink","ellipsis","ListItemSubtitle","extras","oneSmaller","excludeHalfSteps","key","ListItemTitle","ListItemIcon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColor","iconSize","ListItemComponent","styleable","propsIn","ref","icon","iconAfter","subTitle","title","rest","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","i","style","wrappedChildren","fontSize","flex","ListItem2","Apply","Provider","Frame","Text","Subtitle","Icon","Title"],"sources":["../../src/ListItem.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@ import { getFontSize } from "@tamagui/font-size";
|
|
|
3
3
|
import { getFontSized } from "@tamagui/get-font-sized";
|
|
4
4
|
import { getSize, getSpace } from "@tamagui/get-token";
|
|
5
5
|
import { withStaticProperties } from "@tamagui/helpers";
|
|
6
|
-
import { getIcon } from "@tamagui/helpers-tamagui";
|
|
6
|
+
import { getIcon, useCurrentColor } from "@tamagui/helpers-tamagui";
|
|
7
7
|
import { YStack } from "@tamagui/stacks";
|
|
8
8
|
import { SizableText, wrapChildrenInText } from "@tamagui/text";
|
|
9
9
|
import { createStyledContext, styled, View } from "@tamagui/web";
|
|
@@ -156,10 +156,11 @@ var NAME = "ListItem",
|
|
|
156
156
|
if (!styledContext) throw new Error("ListItem.Icon must be used within a ListItem");
|
|
157
157
|
var _ref,
|
|
158
158
|
sizeToken = (_ref = size ?? styledContext.size) !== null && _ref !== void 0 ? _ref : "$true",
|
|
159
|
+
iconColor = useCurrentColor(styledContext.color),
|
|
159
160
|
iconSize = getFontSize(sizeToken) * scaleIcon;
|
|
160
161
|
return getIcon(children, {
|
|
161
162
|
size: iconSize,
|
|
162
|
-
color:
|
|
163
|
+
color: iconColor
|
|
163
164
|
});
|
|
164
165
|
},
|
|
165
166
|
ListItemComponent = ListItemFrame.styleable(function (propsIn, ref) {
|
|
@@ -176,14 +177,17 @@ var NAME = "ListItem",
|
|
|
176
177
|
} = propsIn,
|
|
177
178
|
size = propsIn.size || "$true",
|
|
178
179
|
styledContext = context.useStyledContext(),
|
|
180
|
+
iconColor = useCurrentColor(styledContext?.color),
|
|
179
181
|
iconSizeNumber = getFontSize(iconSize || size) * scaleIcon,
|
|
180
182
|
[themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2, i) {
|
|
181
183
|
if (!icon2) return null;
|
|
182
184
|
var isBefore = i === 0;
|
|
183
185
|
return getIcon(icon2, {
|
|
184
186
|
size: iconSizeNumber,
|
|
185
|
-
color:
|
|
186
|
-
|
|
187
|
+
color: iconColor,
|
|
188
|
+
style: {
|
|
189
|
+
[isBefore ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
|
|
190
|
+
}
|
|
187
191
|
});
|
|
188
192
|
}),
|
|
189
193
|
wrappedChildren = wrapChildrenInText(ListItemText, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","getFontSize","getFontSized","getSize","getSpace","withStaticProperties","getIcon","YStack","SizableText","wrapChildrenInText","createStyledContext","styled","View","NAME","context","size","variant","color","ListItemFrame","name","render","role","variants","unstyled","false","alignItems","justifyContent","flexWrap","borderColor","width","maxWidth","overflow","flexDirection","backgroundColor","cursor","hoverStyle","pressStyle","outlined","process","env","TAMAGUI_HEADLESS","borderWidth","...size","val","param","tokens","minHeight","paddingHorizontal","space","paddingVertical","shift","active","true","disabled","opacity","pointerEvents","defaultVariants","ListItemText","flexGrow","flexShrink","ellipsis","ListItemSubtitle","extras","oneSmaller","excludeHalfSteps","fontStyle","key","ListItemTitle","ListItemIcon","props","children","scaleIcon","styledContext","useStyledContext","Error","_ref","sizeToken","iconSize","ListItemComponent","styleable","propsIn","ref","icon","iconAfter","subTitle","title","rest","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","i","isBefore","wrappedChildren","fontSize","flex"],"sources":["../../src/ListItem.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAmBC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAC5B,SAASC,WAAA,4BAAoB;AAC7B,SAASC,YAAS,iCAAgB;AAClC,SAASC,OAAA,EAAAC,QAAA,4BAA4B;AACrC,SAASC,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","getFontSize","getFontSized","getSize","getSpace","withStaticProperties","getIcon","useCurrentColor","YStack","SizableText","wrapChildrenInText","createStyledContext","styled","View","NAME","context","size","variant","color","ListItemFrame","name","render","role","variants","unstyled","false","alignItems","justifyContent","flexWrap","borderColor","width","maxWidth","overflow","flexDirection","backgroundColor","cursor","hoverStyle","pressStyle","outlined","process","env","TAMAGUI_HEADLESS","borderWidth","...size","val","param","tokens","minHeight","paddingHorizontal","space","paddingVertical","shift","active","true","disabled","opacity","pointerEvents","defaultVariants","ListItemText","flexGrow","flexShrink","ellipsis","ListItemSubtitle","extras","oneSmaller","excludeHalfSteps","fontStyle","key","ListItemTitle","ListItemIcon","props","children","scaleIcon","styledContext","useStyledContext","Error","_ref","sizeToken","iconColor","iconSize","ListItemComponent","styleable","propsIn","ref","icon","iconAfter","subTitle","title","rest","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","i","isBefore","style","wrappedChildren","fontSize","flex"],"sources":["../../src/ListItem.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./ListItem";
|
|
1
|
+
export * from "./ListItem.mjs";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
package/dist/jsx/ListItem.mjs
CHANGED
|
@@ -2,7 +2,7 @@ import { getFontSize } from "@tamagui/font-size";
|
|
|
2
2
|
import { getFontSized } from "@tamagui/get-font-sized";
|
|
3
3
|
import { getSize, getSpace } from "@tamagui/get-token";
|
|
4
4
|
import { withStaticProperties } from "@tamagui/helpers";
|
|
5
|
-
import { getIcon } from "@tamagui/helpers-tamagui";
|
|
5
|
+
import { getIcon, useCurrentColor } from "@tamagui/helpers-tamagui";
|
|
6
6
|
import { YStack } from "@tamagui/stacks";
|
|
7
7
|
import { SizableText, wrapChildrenInText } from "@tamagui/text";
|
|
8
8
|
import { createStyledContext, styled, View } from "@tamagui/web";
|
|
@@ -151,10 +151,11 @@ const NAME = "ListItem",
|
|
|
151
151
|
styledContext = context.useStyledContext();
|
|
152
152
|
if (!styledContext) throw new Error("ListItem.Icon must be used within a ListItem");
|
|
153
153
|
const sizeToken = size ?? styledContext.size ?? "$true",
|
|
154
|
+
iconColor = useCurrentColor(styledContext.color),
|
|
154
155
|
iconSize = getFontSize(sizeToken) * scaleIcon;
|
|
155
156
|
return getIcon(children, {
|
|
156
157
|
size: iconSize,
|
|
157
|
-
color:
|
|
158
|
+
color: iconColor
|
|
158
159
|
});
|
|
159
160
|
},
|
|
160
161
|
ListItemComponent = ListItemFrame.styleable(function (propsIn, ref) {
|
|
@@ -171,16 +172,15 @@ const NAME = "ListItem",
|
|
|
171
172
|
} = propsIn,
|
|
172
173
|
size = propsIn.size || "$true",
|
|
173
174
|
styledContext = context.useStyledContext(),
|
|
175
|
+
iconColor = useCurrentColor(styledContext?.color),
|
|
174
176
|
iconSizeNumber = getFontSize(iconSize || size) * scaleIcon,
|
|
175
|
-
[themedIcon, themedIconAfter] = [icon, iconAfter].map((icon2, i) => {
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
});
|
|
183
|
-
}),
|
|
177
|
+
[themedIcon, themedIconAfter] = [icon, iconAfter].map((icon2, i) => icon2 ? getIcon(icon2, {
|
|
178
|
+
size: iconSizeNumber,
|
|
179
|
+
color: iconColor,
|
|
180
|
+
style: {
|
|
181
|
+
[i === 0 ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
|
|
182
|
+
}
|
|
183
|
+
}) : null),
|
|
184
184
|
wrappedChildren = wrapChildrenInText(ListItemText, {
|
|
185
185
|
children
|
|
186
186
|
}, propsIn.unstyled !== !0 ? {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getFontSize","getFontSized","getSize","getSpace","withStaticProperties","getIcon","YStack","SizableText","wrapChildrenInText","createStyledContext","styled","View","Fragment","jsx","jsxs","NAME","context","size","variant","color","ListItemFrame","name","render","role","variants","unstyled","false","alignItems","justifyContent","flexWrap","borderColor","width","maxWidth","overflow","flexDirection","backgroundColor","cursor","hoverStyle","pressStyle","outlined","process","env","TAMAGUI_HEADLESS","borderWidth","...size","val","tokens","minHeight","paddingHorizontal","space","paddingVertical","shift","active","true","disabled","opacity","pointerEvents","defaultVariants","ListItemText","flexGrow","flexShrink","ellipsis","ListItemSubtitle","extras","oneSmaller","excludeHalfSteps","key","ListItemTitle","ListItemIcon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconSize","ListItemComponent","styleable","propsIn","ref","icon","iconAfter","subTitle","title","rest","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","i","
|
|
1
|
+
{"version":3,"names":["getFontSize","getFontSized","getSize","getSpace","withStaticProperties","getIcon","useCurrentColor","YStack","SizableText","wrapChildrenInText","createStyledContext","styled","View","Fragment","jsx","jsxs","NAME","context","size","variant","color","ListItemFrame","name","render","role","variants","unstyled","false","alignItems","justifyContent","flexWrap","borderColor","width","maxWidth","overflow","flexDirection","backgroundColor","cursor","hoverStyle","pressStyle","outlined","process","env","TAMAGUI_HEADLESS","borderWidth","...size","val","tokens","minHeight","paddingHorizontal","space","paddingVertical","shift","active","true","disabled","opacity","pointerEvents","defaultVariants","ListItemText","flexGrow","flexShrink","ellipsis","ListItemSubtitle","extras","oneSmaller","excludeHalfSteps","key","ListItemTitle","ListItemIcon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColor","iconSize","ListItemComponent","styleable","propsIn","ref","icon","iconAfter","subTitle","title","rest","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","i","style","wrappedChildren","fontSize","flex","ListItem2","Apply","Provider","Frame","Text","Subtitle","Icon","Title"],"sources":["../../src/ListItem.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -183,10 +183,11 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
183
183
|
if (!styledContext) throw new Error("ListItem.Icon must be used within a ListItem");
|
|
184
184
|
var _ref,
|
|
185
185
|
sizeToken = (_ref = size ?? styledContext.size) !== null && _ref !== void 0 ? _ref : "$true",
|
|
186
|
+
iconColor = (0, import_helpers_tamagui.useCurrentColor)(styledContext.color),
|
|
186
187
|
iconSize = (0, import_font_size.getFontSize)(sizeToken) * scaleIcon;
|
|
187
188
|
return (0, import_helpers_tamagui.getIcon)(children, {
|
|
188
189
|
size: iconSize,
|
|
189
|
-
color:
|
|
190
|
+
color: iconColor
|
|
190
191
|
});
|
|
191
192
|
},
|
|
192
193
|
ListItemComponent = ListItemFrame.styleable(function (propsIn, ref) {
|
|
@@ -203,14 +204,17 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
203
204
|
} = propsIn,
|
|
204
205
|
size = propsIn.size || "$true",
|
|
205
206
|
styledContext = context.useStyledContext(),
|
|
207
|
+
iconColor = (0, import_helpers_tamagui.useCurrentColor)(styledContext?.color),
|
|
206
208
|
iconSizeNumber = (0, import_font_size.getFontSize)(iconSize || size) * scaleIcon,
|
|
207
209
|
[themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2, i) {
|
|
208
210
|
if (!icon2) return null;
|
|
209
211
|
var isBefore = i === 0;
|
|
210
212
|
return (0, import_helpers_tamagui.getIcon)(icon2, {
|
|
211
213
|
size: iconSizeNumber,
|
|
212
|
-
color:
|
|
213
|
-
|
|
214
|
+
color: iconColor,
|
|
215
|
+
style: {
|
|
216
|
+
[isBefore ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
|
|
217
|
+
}
|
|
214
218
|
});
|
|
215
219
|
}),
|
|
216
220
|
wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ListItem_exports","ListItem","ListItem2","module","exports","import_jsx_runtime","require","import_font_size","import_get_font_sized","import_get_token","import_helpers","import_helpers_tamagui","import_stacks","import_text","import_web","NAME","context","createStyledContext","size","variant","color","ListItemFrame","styled","View","render","role","variants","unstyled","false","alignItems","justifyContent","flexWrap","borderColor","width","maxWidth","overflow","flexDirection","backgroundColor","cursor","hoverStyle","pressStyle","outlined","process","env","TAMAGUI_HEADLESS","borderWidth","...size","val","param","tokens","minHeight","paddingHorizontal","space","paddingVertical","getSpace","shift","active","true","disabled","opacity","pointerEvents","defaultVariants","ListItemText","SizableText","flexGrow","flexShrink","ellipsis","ListItemSubtitle","extras","oneSmaller","getSize","excludeHalfSteps","fontStyle","getFontSized","ListItemTitle","ListItemIcon","props","children","scaleIcon","styledContext","useStyledContext","Error","_ref","sizeToken","iconSize","getFontSize","getIcon","ListItemComponent","styleable","propsIn","ref","icon","iconAfter","subTitle","title","rest","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","i","isBefore","wrappedChildren","wrapChildrenInText","fontSize","jsxs","YStack","flex","jsx"
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ListItem_exports","ListItem","ListItem2","module","exports","import_jsx_runtime","require","import_font_size","import_get_font_sized","import_get_token","import_helpers","import_helpers_tamagui","import_stacks","import_text","import_web","NAME","context","createStyledContext","size","variant","color","ListItemFrame","styled","View","render","role","variants","unstyled","false","alignItems","justifyContent","flexWrap","borderColor","width","maxWidth","overflow","flexDirection","backgroundColor","cursor","hoverStyle","pressStyle","outlined","process","env","TAMAGUI_HEADLESS","borderWidth","...size","val","param","tokens","minHeight","paddingHorizontal","space","paddingVertical","getSpace","shift","active","true","disabled","opacity","pointerEvents","defaultVariants","ListItemText","SizableText","flexGrow","flexShrink","ellipsis","ListItemSubtitle","extras","oneSmaller","getSize","excludeHalfSteps","fontStyle","getFontSized","ListItemTitle","ListItemIcon","props","children","scaleIcon","styledContext","useStyledContext","Error","_ref","sizeToken","iconColor","useCurrentColor","iconSize","getFontSize","getIcon","ListItemComponent","styleable","propsIn","ref","icon","iconAfter","subTitle","title","rest","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","i","isBefore","style","wrappedChildren","wrapChildrenInText","fontSize","jsxs","YStack","flex","jsx"],"sources":["../../src/ListItem.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/jsx/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./ListItem";
|
|
1
|
+
export * from "./ListItem.mjs";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/jsx/index.js.map
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/list-item",
|
|
3
|
-
"version": "2.0.0-rc.
|
|
3
|
+
"version": "2.0.0-rc.31",
|
|
4
4
|
"gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"files": [
|
|
@@ -19,15 +19,12 @@
|
|
|
19
19
|
"./package.json": "./package.json",
|
|
20
20
|
".": {
|
|
21
21
|
"types": "./types/index.d.ts",
|
|
22
|
-
"react-native":
|
|
23
|
-
|
|
24
|
-
"import": "./dist/esm/index.native.js",
|
|
25
|
-
"require": "./dist/cjs/index.native.js"
|
|
26
|
-
},
|
|
22
|
+
"react-native": "./dist/esm/index.native.js",
|
|
23
|
+
"browser": "./dist/esm/index.mjs",
|
|
27
24
|
"module": "./dist/esm/index.mjs",
|
|
28
25
|
"import": "./dist/esm/index.mjs",
|
|
29
26
|
"require": "./dist/cjs/index.cjs",
|
|
30
|
-
"default": "./dist/
|
|
27
|
+
"default": "./dist/esm/index.mjs"
|
|
31
28
|
}
|
|
32
29
|
},
|
|
33
30
|
"publishConfig": {
|
|
@@ -40,17 +37,17 @@
|
|
|
40
37
|
"clean:build": "tamagui-build clean:build"
|
|
41
38
|
},
|
|
42
39
|
"dependencies": {
|
|
43
|
-
"@tamagui/font-
|
|
44
|
-
"@tamagui/get-
|
|
45
|
-
"@tamagui/
|
|
46
|
-
"@tamagui/helpers": "2.0.0-rc.
|
|
47
|
-
"@tamagui/
|
|
48
|
-
"@tamagui/
|
|
49
|
-
"@tamagui/
|
|
50
|
-
"@tamagui/web": "2.0.0-rc.
|
|
40
|
+
"@tamagui/get-font-sized": "2.0.0-rc.31",
|
|
41
|
+
"@tamagui/get-token": "2.0.0-rc.31",
|
|
42
|
+
"@tamagui/helpers": "2.0.0-rc.31",
|
|
43
|
+
"@tamagui/helpers-tamagui": "2.0.0-rc.31",
|
|
44
|
+
"@tamagui/stacks": "2.0.0-rc.31",
|
|
45
|
+
"@tamagui/text": "2.0.0-rc.31",
|
|
46
|
+
"@tamagui/font-size": "2.0.0-rc.31",
|
|
47
|
+
"@tamagui/web": "2.0.0-rc.31"
|
|
51
48
|
},
|
|
52
49
|
"devDependencies": {
|
|
53
|
-
"@tamagui/build": "2.0.0-rc.
|
|
50
|
+
"@tamagui/build": "2.0.0-rc.31",
|
|
54
51
|
"react": ">=19"
|
|
55
52
|
},
|
|
56
53
|
"peerDependencies": {
|
package/src/ListItem.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import { getFontSize } from '@tamagui/font-size'
|
|
|
2
2
|
import { getFontSized } from '@tamagui/get-font-sized'
|
|
3
3
|
import { getSize, getSpace } from '@tamagui/get-token'
|
|
4
4
|
import { withStaticProperties } from '@tamagui/helpers'
|
|
5
|
-
import { getIcon } from '@tamagui/helpers-tamagui'
|
|
5
|
+
import { getIcon, useCurrentColor } from '@tamagui/helpers-tamagui'
|
|
6
6
|
import { YStack } from '@tamagui/stacks'
|
|
7
7
|
import { SizableText, wrapChildrenInText } from '@tamagui/text'
|
|
8
8
|
import type { ColorTokens, FontSizeTokens, GetProps, SizeTokens } from '@tamagui/web'
|
|
@@ -199,12 +199,13 @@ const ListItemIcon = (props: {
|
|
|
199
199
|
}
|
|
200
200
|
|
|
201
201
|
const sizeToken = size ?? styledContext.size ?? '$true'
|
|
202
|
+
const iconColor = useCurrentColor(styledContext.color)
|
|
202
203
|
|
|
203
204
|
const iconSize = getFontSize(sizeToken as any) * scaleIcon
|
|
204
205
|
|
|
205
206
|
return getIcon(children, {
|
|
206
207
|
size: iconSize,
|
|
207
|
-
color:
|
|
208
|
+
color: iconColor,
|
|
208
209
|
})
|
|
209
210
|
}
|
|
210
211
|
|
|
@@ -224,6 +225,7 @@ const ListItemComponent = ListItemFrame.styleable<ListItemExtraProps>(
|
|
|
224
225
|
|
|
225
226
|
const size = propsIn.size || '$true'
|
|
226
227
|
const styledContext = context.useStyledContext()
|
|
228
|
+
const iconColor = useCurrentColor(styledContext?.color)
|
|
227
229
|
const iconSizeNumber = getFontSize(iconSize || (size as any)) * scaleIcon
|
|
228
230
|
|
|
229
231
|
const [themedIcon, themedIconAfter] = [icon, iconAfter].map((icon, i) => {
|
|
@@ -231,8 +233,10 @@ const ListItemComponent = ListItemFrame.styleable<ListItemExtraProps>(
|
|
|
231
233
|
const isBefore = i === 0
|
|
232
234
|
return getIcon(icon, {
|
|
233
235
|
size: iconSizeNumber,
|
|
234
|
-
color:
|
|
235
|
-
|
|
236
|
+
color: iconColor,
|
|
237
|
+
style: {
|
|
238
|
+
[isBefore ? 'marginRight' : 'marginLeft']: `${iconSizeNumber * 0.4}%`,
|
|
239
|
+
},
|
|
236
240
|
})
|
|
237
241
|
})
|
|
238
242
|
|
package/types/ListItem.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErF,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9D,KAAK,QAAQ,GAAG,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,GAAG,IAAI,CAAA;AAEnF,KAAK,eAAe,GAAG,UAAU,CAAA;AAEjC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,UAAU,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,GAAG,kBAAkB,CAAA;AAc/E,QAAA,MAAM,aAAa;;;;;;6CAqFjB,CAAA;
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErF,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9D,KAAK,QAAQ,GAAG,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,GAAG,IAAI,CAAA;AAEnF,KAAK,eAAe,GAAG,UAAU,CAAA;AAEjC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,UAAU,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,GAAG,kBAAkB,CAAA;AAc/E,QAAA,MAAM,aAAa;;;;;;6CAqFjB,CAAA;AAsKF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eApQZ,UAAU;kBACP,eAAe;gBACjB,WAAW,GAAG,MAAM;;eAFrB,UAAU;kBACP,eAAe;gBACjB,WAAW,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;kBA8JD;QAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;QACzB,IAAI,CAAC,EAAE,UAAU,CAAA;QACjB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB;;;;;CAuGC,CAAA"}
|
package/dist/cjs/ListItem.js
DELETED
|
@@ -1,203 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var ListItem_exports = {};
|
|
16
|
-
__export(ListItem_exports, {
|
|
17
|
-
ListItem: () => ListItem2
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(ListItem_exports);
|
|
20
|
-
var import_font_size = require("@tamagui/font-size"), import_get_font_sized = require("@tamagui/get-font-sized"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_web = require("@tamagui/web"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
|
-
const NAME = "ListItem", context = (0, import_web.createStyledContext)({
|
|
22
|
-
size: void 0,
|
|
23
|
-
variant: void 0,
|
|
24
|
-
color: void 0
|
|
25
|
-
}), ListItemFrame = (0, import_web.styled)(import_web.View, {
|
|
26
|
-
context,
|
|
27
|
-
name: NAME,
|
|
28
|
-
render: "li",
|
|
29
|
-
role: "listitem",
|
|
30
|
-
variants: {
|
|
31
|
-
unstyled: {
|
|
32
|
-
false: {
|
|
33
|
-
size: "$true",
|
|
34
|
-
alignItems: "center",
|
|
35
|
-
justifyContent: "space-between",
|
|
36
|
-
flexWrap: "nowrap",
|
|
37
|
-
borderColor: "$borderColor",
|
|
38
|
-
width: "100%",
|
|
39
|
-
maxWidth: "100%",
|
|
40
|
-
overflow: "hidden",
|
|
41
|
-
flexDirection: "row",
|
|
42
|
-
backgroundColor: "$background",
|
|
43
|
-
cursor: "default",
|
|
44
|
-
hoverStyle: {
|
|
45
|
-
backgroundColor: "$backgroundHover",
|
|
46
|
-
borderColor: "$borderColorHover"
|
|
47
|
-
},
|
|
48
|
-
pressStyle: {
|
|
49
|
-
backgroundColor: "$backgroundPress",
|
|
50
|
-
borderColor: "$borderColorPress"
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
variant: {
|
|
55
|
-
outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
|
|
56
|
-
backgroundColor: "transparent",
|
|
57
|
-
borderWidth: 1,
|
|
58
|
-
borderColor: "$borderColor",
|
|
59
|
-
hoverStyle: {
|
|
60
|
-
backgroundColor: "transparent",
|
|
61
|
-
borderColor: "$borderColorHover"
|
|
62
|
-
},
|
|
63
|
-
pressStyle: {
|
|
64
|
-
backgroundColor: "transparent",
|
|
65
|
-
borderColor: "$borderColorPress"
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
size: {
|
|
70
|
-
"...size": (val, { tokens }) => ({
|
|
71
|
-
minHeight: tokens.size[val],
|
|
72
|
-
paddingHorizontal: tokens.space[val],
|
|
73
|
-
paddingVertical: (0, import_get_token.getSpace)(tokens.space[val], {
|
|
74
|
-
shift: -4
|
|
75
|
-
})
|
|
76
|
-
})
|
|
77
|
-
},
|
|
78
|
-
active: {
|
|
79
|
-
true: {
|
|
80
|
-
hoverStyle: {
|
|
81
|
-
backgroundColor: "$background"
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
},
|
|
85
|
-
disabled: {
|
|
86
|
-
true: {
|
|
87
|
-
opacity: 0.5,
|
|
88
|
-
pointerEvents: "none"
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
},
|
|
92
|
-
defaultVariants: {
|
|
93
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
94
|
-
}
|
|
95
|
-
}), ListItemText = (0, import_web.styled)(import_text.SizableText, {
|
|
96
|
-
context,
|
|
97
|
-
name: "ListItemText",
|
|
98
|
-
variants: {
|
|
99
|
-
unstyled: {
|
|
100
|
-
false: {
|
|
101
|
-
color: "$color",
|
|
102
|
-
size: "$true",
|
|
103
|
-
flexGrow: 1,
|
|
104
|
-
flexShrink: 1,
|
|
105
|
-
ellipsis: !0,
|
|
106
|
-
cursor: "inherit"
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
defaultVariants: {
|
|
111
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
112
|
-
}
|
|
113
|
-
}), ListItemSubtitle = (0, import_web.styled)(ListItemText, {
|
|
114
|
-
name: "ListItemSubtitle",
|
|
115
|
-
context,
|
|
116
|
-
variants: {
|
|
117
|
-
unstyled: {
|
|
118
|
-
false: {
|
|
119
|
-
opacity: 0.6,
|
|
120
|
-
maxWidth: "100%",
|
|
121
|
-
color: "$color"
|
|
122
|
-
}
|
|
123
|
-
},
|
|
124
|
-
size: {
|
|
125
|
-
"...size": (val, extras) => {
|
|
126
|
-
const oneSmaller = (0, import_get_token.getSize)(val, {
|
|
127
|
-
shift: -1,
|
|
128
|
-
excludeHalfSteps: !0
|
|
129
|
-
});
|
|
130
|
-
return (0, import_get_font_sized.getFontSized)(oneSmaller.key, extras);
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
},
|
|
134
|
-
defaultVariants: {
|
|
135
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
136
|
-
}
|
|
137
|
-
}), ListItemTitle = (0, import_web.styled)(ListItemText, {
|
|
138
|
-
name: "ListItemTitle",
|
|
139
|
-
context,
|
|
140
|
-
variants: {
|
|
141
|
-
unstyled: {
|
|
142
|
-
false: {}
|
|
143
|
-
}
|
|
144
|
-
},
|
|
145
|
-
defaultVariants: {
|
|
146
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
147
|
-
}
|
|
148
|
-
}), ListItemIcon = (props) => {
|
|
149
|
-
const { children, size, scaleIcon = 1 } = props, styledContext = context.useStyledContext();
|
|
150
|
-
if (!styledContext)
|
|
151
|
-
throw new Error("ListItem.Icon must be used within a ListItem");
|
|
152
|
-
const sizeToken = size ?? styledContext.size ?? "$true", iconSize = (0, import_font_size.getFontSize)(sizeToken) * scaleIcon;
|
|
153
|
-
return (0, import_helpers_tamagui.getIcon)(children, {
|
|
154
|
-
size: iconSize,
|
|
155
|
-
color: styledContext.color
|
|
156
|
-
});
|
|
157
|
-
}, ListItemComponent = ListItemFrame.styleable(
|
|
158
|
-
function(propsIn, ref) {
|
|
159
|
-
const {
|
|
160
|
-
children,
|
|
161
|
-
icon,
|
|
162
|
-
iconAfter,
|
|
163
|
-
scaleIcon = 1,
|
|
164
|
-
unstyled = !1,
|
|
165
|
-
subTitle,
|
|
166
|
-
title,
|
|
167
|
-
iconSize,
|
|
168
|
-
...rest
|
|
169
|
-
} = propsIn, size = propsIn.size || "$true", styledContext = context.useStyledContext(), iconSizeNumber = (0, import_font_size.getFontSize)(iconSize || size) * scaleIcon, [themedIcon, themedIconAfter] = [icon, iconAfter].map((icon2, i) => {
|
|
170
|
-
if (!icon2) return null;
|
|
171
|
-
const isBefore = i === 0;
|
|
172
|
-
return (0, import_helpers_tamagui.getIcon)(icon2, {
|
|
173
|
-
size: iconSizeNumber,
|
|
174
|
-
color: styledContext?.color,
|
|
175
|
-
[isBefore ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
|
|
176
|
-
});
|
|
177
|
-
}), wrappedChildren = (0, import_text.wrapChildrenInText)(
|
|
178
|
-
ListItemText,
|
|
179
|
-
{ children },
|
|
180
|
-
propsIn.unstyled !== !0 ? {
|
|
181
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1",
|
|
182
|
-
fontSize: propsIn.size
|
|
183
|
-
} : void 0
|
|
184
|
-
);
|
|
185
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ListItemFrame, { ref, ...rest, children: [
|
|
186
|
-
themedIcon,
|
|
187
|
-
title || subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stacks.YStack, { flex: 1, children: [
|
|
188
|
-
title ? typeof title == "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemTitle, { unstyled, size, children: title }) : title : null,
|
|
189
|
-
subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: typeof subTitle == "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemSubtitle, { unstyled, size, children: subTitle }) : subTitle }) : null,
|
|
190
|
-
wrappedChildren
|
|
191
|
-
] }) : wrappedChildren,
|
|
192
|
-
themedIconAfter
|
|
193
|
-
] });
|
|
194
|
-
}
|
|
195
|
-
), ListItem2 = (0, import_helpers.withStaticProperties)(ListItemComponent, {
|
|
196
|
-
Apply: context.Provider,
|
|
197
|
-
Frame: ListItemFrame,
|
|
198
|
-
Text: ListItemText,
|
|
199
|
-
Subtitle: ListItemSubtitle,
|
|
200
|
-
Icon: ListItemIcon,
|
|
201
|
-
Title: ListItemTitle
|
|
202
|
-
});
|
|
203
|
-
//# sourceMappingURL=ListItem.js.map
|
package/dist/cjs/ListItem.js.map
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/ListItem.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": ["ListItem", "icon"]
|
|
6
|
-
}
|
package/dist/cjs/index.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
7
|
-
for (let key of __getOwnPropNames(from))
|
|
8
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
9
|
-
return to;
|
|
10
|
-
}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
11
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
12
|
-
var index_exports = {};
|
|
13
|
-
module.exports = __toCommonJS(index_exports);
|
|
14
|
-
__reExport(index_exports, require("./ListItem"), module.exports);
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
DELETED
package/dist/esm/ListItem.js
DELETED
|
@@ -1,195 +0,0 @@
|
|
|
1
|
-
import { getFontSize } from "@tamagui/font-size";
|
|
2
|
-
import { getFontSized } from "@tamagui/get-font-sized";
|
|
3
|
-
import { getSize, getSpace } from "@tamagui/get-token";
|
|
4
|
-
import { withStaticProperties } from "@tamagui/helpers";
|
|
5
|
-
import { getIcon } from "@tamagui/helpers-tamagui";
|
|
6
|
-
import { YStack } from "@tamagui/stacks";
|
|
7
|
-
import { SizableText, wrapChildrenInText } from "@tamagui/text";
|
|
8
|
-
import { createStyledContext, styled, View } from "@tamagui/web";
|
|
9
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
-
const NAME = "ListItem", context = createStyledContext({
|
|
11
|
-
size: void 0,
|
|
12
|
-
variant: void 0,
|
|
13
|
-
color: void 0
|
|
14
|
-
}), ListItemFrame = styled(View, {
|
|
15
|
-
context,
|
|
16
|
-
name: NAME,
|
|
17
|
-
render: "li",
|
|
18
|
-
role: "listitem",
|
|
19
|
-
variants: {
|
|
20
|
-
unstyled: {
|
|
21
|
-
false: {
|
|
22
|
-
size: "$true",
|
|
23
|
-
alignItems: "center",
|
|
24
|
-
justifyContent: "space-between",
|
|
25
|
-
flexWrap: "nowrap",
|
|
26
|
-
borderColor: "$borderColor",
|
|
27
|
-
width: "100%",
|
|
28
|
-
maxWidth: "100%",
|
|
29
|
-
overflow: "hidden",
|
|
30
|
-
flexDirection: "row",
|
|
31
|
-
backgroundColor: "$background",
|
|
32
|
-
cursor: "default",
|
|
33
|
-
hoverStyle: {
|
|
34
|
-
backgroundColor: "$backgroundHover",
|
|
35
|
-
borderColor: "$borderColorHover"
|
|
36
|
-
},
|
|
37
|
-
pressStyle: {
|
|
38
|
-
backgroundColor: "$backgroundPress",
|
|
39
|
-
borderColor: "$borderColorPress"
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
variant: {
|
|
44
|
-
outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
|
|
45
|
-
backgroundColor: "transparent",
|
|
46
|
-
borderWidth: 1,
|
|
47
|
-
borderColor: "$borderColor",
|
|
48
|
-
hoverStyle: {
|
|
49
|
-
backgroundColor: "transparent",
|
|
50
|
-
borderColor: "$borderColorHover"
|
|
51
|
-
},
|
|
52
|
-
pressStyle: {
|
|
53
|
-
backgroundColor: "transparent",
|
|
54
|
-
borderColor: "$borderColorPress"
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
size: {
|
|
59
|
-
"...size": (val, { tokens }) => ({
|
|
60
|
-
minHeight: tokens.size[val],
|
|
61
|
-
paddingHorizontal: tokens.space[val],
|
|
62
|
-
paddingVertical: getSpace(tokens.space[val], {
|
|
63
|
-
shift: -4
|
|
64
|
-
})
|
|
65
|
-
})
|
|
66
|
-
},
|
|
67
|
-
active: {
|
|
68
|
-
true: {
|
|
69
|
-
hoverStyle: {
|
|
70
|
-
backgroundColor: "$background"
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
},
|
|
74
|
-
disabled: {
|
|
75
|
-
true: {
|
|
76
|
-
opacity: 0.5,
|
|
77
|
-
pointerEvents: "none"
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
},
|
|
81
|
-
defaultVariants: {
|
|
82
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
83
|
-
}
|
|
84
|
-
}), ListItemText = styled(SizableText, {
|
|
85
|
-
context,
|
|
86
|
-
name: "ListItemText",
|
|
87
|
-
variants: {
|
|
88
|
-
unstyled: {
|
|
89
|
-
false: {
|
|
90
|
-
color: "$color",
|
|
91
|
-
size: "$true",
|
|
92
|
-
flexGrow: 1,
|
|
93
|
-
flexShrink: 1,
|
|
94
|
-
ellipsis: !0,
|
|
95
|
-
cursor: "inherit"
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
defaultVariants: {
|
|
100
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
101
|
-
}
|
|
102
|
-
}), ListItemSubtitle = styled(ListItemText, {
|
|
103
|
-
name: "ListItemSubtitle",
|
|
104
|
-
context,
|
|
105
|
-
variants: {
|
|
106
|
-
unstyled: {
|
|
107
|
-
false: {
|
|
108
|
-
opacity: 0.6,
|
|
109
|
-
maxWidth: "100%",
|
|
110
|
-
color: "$color"
|
|
111
|
-
}
|
|
112
|
-
},
|
|
113
|
-
size: {
|
|
114
|
-
"...size": (val, extras) => {
|
|
115
|
-
const oneSmaller = getSize(val, {
|
|
116
|
-
shift: -1,
|
|
117
|
-
excludeHalfSteps: !0
|
|
118
|
-
});
|
|
119
|
-
return getFontSized(oneSmaller.key, extras);
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
},
|
|
123
|
-
defaultVariants: {
|
|
124
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
125
|
-
}
|
|
126
|
-
}), ListItemTitle = styled(ListItemText, {
|
|
127
|
-
name: "ListItemTitle",
|
|
128
|
-
context,
|
|
129
|
-
variants: {
|
|
130
|
-
unstyled: {
|
|
131
|
-
false: {}
|
|
132
|
-
}
|
|
133
|
-
},
|
|
134
|
-
defaultVariants: {
|
|
135
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
136
|
-
}
|
|
137
|
-
}), ListItemIcon = (props) => {
|
|
138
|
-
const { children, size, scaleIcon = 1 } = props, styledContext = context.useStyledContext();
|
|
139
|
-
if (!styledContext)
|
|
140
|
-
throw new Error("ListItem.Icon must be used within a ListItem");
|
|
141
|
-
const sizeToken = size ?? styledContext.size ?? "$true", iconSize = getFontSize(sizeToken) * scaleIcon;
|
|
142
|
-
return getIcon(children, {
|
|
143
|
-
size: iconSize,
|
|
144
|
-
color: styledContext.color
|
|
145
|
-
});
|
|
146
|
-
}, ListItemComponent = ListItemFrame.styleable(
|
|
147
|
-
function(propsIn, ref) {
|
|
148
|
-
const {
|
|
149
|
-
children,
|
|
150
|
-
icon,
|
|
151
|
-
iconAfter,
|
|
152
|
-
scaleIcon = 1,
|
|
153
|
-
unstyled = !1,
|
|
154
|
-
subTitle,
|
|
155
|
-
title,
|
|
156
|
-
iconSize,
|
|
157
|
-
...rest
|
|
158
|
-
} = propsIn, size = propsIn.size || "$true", styledContext = context.useStyledContext(), iconSizeNumber = getFontSize(iconSize || size) * scaleIcon, [themedIcon, themedIconAfter] = [icon, iconAfter].map((icon2, i) => {
|
|
159
|
-
if (!icon2) return null;
|
|
160
|
-
const isBefore = i === 0;
|
|
161
|
-
return getIcon(icon2, {
|
|
162
|
-
size: iconSizeNumber,
|
|
163
|
-
color: styledContext?.color,
|
|
164
|
-
[isBefore ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
|
|
165
|
-
});
|
|
166
|
-
}), wrappedChildren = wrapChildrenInText(
|
|
167
|
-
ListItemText,
|
|
168
|
-
{ children },
|
|
169
|
-
propsIn.unstyled !== !0 ? {
|
|
170
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1",
|
|
171
|
-
fontSize: propsIn.size
|
|
172
|
-
} : void 0
|
|
173
|
-
);
|
|
174
|
-
return /* @__PURE__ */ jsxs(ListItemFrame, { ref, ...rest, children: [
|
|
175
|
-
themedIcon,
|
|
176
|
-
title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [
|
|
177
|
-
title ? typeof title == "string" ? /* @__PURE__ */ jsx(ListItemTitle, { unstyled, size, children: title }) : title : null,
|
|
178
|
-
subTitle ? /* @__PURE__ */ jsx(Fragment, { children: typeof subTitle == "string" ? /* @__PURE__ */ jsx(ListItemSubtitle, { unstyled, size, children: subTitle }) : subTitle }) : null,
|
|
179
|
-
wrappedChildren
|
|
180
|
-
] }) : wrappedChildren,
|
|
181
|
-
themedIconAfter
|
|
182
|
-
] });
|
|
183
|
-
}
|
|
184
|
-
), ListItem2 = withStaticProperties(ListItemComponent, {
|
|
185
|
-
Apply: context.Provider,
|
|
186
|
-
Frame: ListItemFrame,
|
|
187
|
-
Text: ListItemText,
|
|
188
|
-
Subtitle: ListItemSubtitle,
|
|
189
|
-
Icon: ListItemIcon,
|
|
190
|
-
Title: ListItemTitle
|
|
191
|
-
});
|
|
192
|
-
export {
|
|
193
|
-
ListItem2 as ListItem
|
|
194
|
-
};
|
|
195
|
-
//# sourceMappingURL=ListItem.js.map
|
package/dist/esm/ListItem.js.map
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/ListItem.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": ["icon", "ListItem"]
|
|
6
|
-
}
|
package/dist/jsx/ListItem.js
DELETED
|
@@ -1,195 +0,0 @@
|
|
|
1
|
-
import { getFontSize } from "@tamagui/font-size";
|
|
2
|
-
import { getFontSized } from "@tamagui/get-font-sized";
|
|
3
|
-
import { getSize, getSpace } from "@tamagui/get-token";
|
|
4
|
-
import { withStaticProperties } from "@tamagui/helpers";
|
|
5
|
-
import { getIcon } from "@tamagui/helpers-tamagui";
|
|
6
|
-
import { YStack } from "@tamagui/stacks";
|
|
7
|
-
import { SizableText, wrapChildrenInText } from "@tamagui/text";
|
|
8
|
-
import { createStyledContext, styled, View } from "@tamagui/web";
|
|
9
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
-
const NAME = "ListItem", context = createStyledContext({
|
|
11
|
-
size: void 0,
|
|
12
|
-
variant: void 0,
|
|
13
|
-
color: void 0
|
|
14
|
-
}), ListItemFrame = styled(View, {
|
|
15
|
-
context,
|
|
16
|
-
name: NAME,
|
|
17
|
-
render: "li",
|
|
18
|
-
role: "listitem",
|
|
19
|
-
variants: {
|
|
20
|
-
unstyled: {
|
|
21
|
-
false: {
|
|
22
|
-
size: "$true",
|
|
23
|
-
alignItems: "center",
|
|
24
|
-
justifyContent: "space-between",
|
|
25
|
-
flexWrap: "nowrap",
|
|
26
|
-
borderColor: "$borderColor",
|
|
27
|
-
width: "100%",
|
|
28
|
-
maxWidth: "100%",
|
|
29
|
-
overflow: "hidden",
|
|
30
|
-
flexDirection: "row",
|
|
31
|
-
backgroundColor: "$background",
|
|
32
|
-
cursor: "default",
|
|
33
|
-
hoverStyle: {
|
|
34
|
-
backgroundColor: "$backgroundHover",
|
|
35
|
-
borderColor: "$borderColorHover"
|
|
36
|
-
},
|
|
37
|
-
pressStyle: {
|
|
38
|
-
backgroundColor: "$backgroundPress",
|
|
39
|
-
borderColor: "$borderColorPress"
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
variant: {
|
|
44
|
-
outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
|
|
45
|
-
backgroundColor: "transparent",
|
|
46
|
-
borderWidth: 1,
|
|
47
|
-
borderColor: "$borderColor",
|
|
48
|
-
hoverStyle: {
|
|
49
|
-
backgroundColor: "transparent",
|
|
50
|
-
borderColor: "$borderColorHover"
|
|
51
|
-
},
|
|
52
|
-
pressStyle: {
|
|
53
|
-
backgroundColor: "transparent",
|
|
54
|
-
borderColor: "$borderColorPress"
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
size: {
|
|
59
|
-
"...size": (val, { tokens }) => ({
|
|
60
|
-
minHeight: tokens.size[val],
|
|
61
|
-
paddingHorizontal: tokens.space[val],
|
|
62
|
-
paddingVertical: getSpace(tokens.space[val], {
|
|
63
|
-
shift: -4
|
|
64
|
-
})
|
|
65
|
-
})
|
|
66
|
-
},
|
|
67
|
-
active: {
|
|
68
|
-
true: {
|
|
69
|
-
hoverStyle: {
|
|
70
|
-
backgroundColor: "$background"
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
},
|
|
74
|
-
disabled: {
|
|
75
|
-
true: {
|
|
76
|
-
opacity: 0.5,
|
|
77
|
-
pointerEvents: "none"
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
},
|
|
81
|
-
defaultVariants: {
|
|
82
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
83
|
-
}
|
|
84
|
-
}), ListItemText = styled(SizableText, {
|
|
85
|
-
context,
|
|
86
|
-
name: "ListItemText",
|
|
87
|
-
variants: {
|
|
88
|
-
unstyled: {
|
|
89
|
-
false: {
|
|
90
|
-
color: "$color",
|
|
91
|
-
size: "$true",
|
|
92
|
-
flexGrow: 1,
|
|
93
|
-
flexShrink: 1,
|
|
94
|
-
ellipsis: !0,
|
|
95
|
-
cursor: "inherit"
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
defaultVariants: {
|
|
100
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
101
|
-
}
|
|
102
|
-
}), ListItemSubtitle = styled(ListItemText, {
|
|
103
|
-
name: "ListItemSubtitle",
|
|
104
|
-
context,
|
|
105
|
-
variants: {
|
|
106
|
-
unstyled: {
|
|
107
|
-
false: {
|
|
108
|
-
opacity: 0.6,
|
|
109
|
-
maxWidth: "100%",
|
|
110
|
-
color: "$color"
|
|
111
|
-
}
|
|
112
|
-
},
|
|
113
|
-
size: {
|
|
114
|
-
"...size": (val, extras) => {
|
|
115
|
-
const oneSmaller = getSize(val, {
|
|
116
|
-
shift: -1,
|
|
117
|
-
excludeHalfSteps: !0
|
|
118
|
-
});
|
|
119
|
-
return getFontSized(oneSmaller.key, extras);
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
},
|
|
123
|
-
defaultVariants: {
|
|
124
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
125
|
-
}
|
|
126
|
-
}), ListItemTitle = styled(ListItemText, {
|
|
127
|
-
name: "ListItemTitle",
|
|
128
|
-
context,
|
|
129
|
-
variants: {
|
|
130
|
-
unstyled: {
|
|
131
|
-
false: {}
|
|
132
|
-
}
|
|
133
|
-
},
|
|
134
|
-
defaultVariants: {
|
|
135
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
136
|
-
}
|
|
137
|
-
}), ListItemIcon = (props) => {
|
|
138
|
-
const { children, size, scaleIcon = 1 } = props, styledContext = context.useStyledContext();
|
|
139
|
-
if (!styledContext)
|
|
140
|
-
throw new Error("ListItem.Icon must be used within a ListItem");
|
|
141
|
-
const sizeToken = size ?? styledContext.size ?? "$true", iconSize = getFontSize(sizeToken) * scaleIcon;
|
|
142
|
-
return getIcon(children, {
|
|
143
|
-
size: iconSize,
|
|
144
|
-
color: styledContext.color
|
|
145
|
-
});
|
|
146
|
-
}, ListItemComponent = ListItemFrame.styleable(
|
|
147
|
-
function(propsIn, ref) {
|
|
148
|
-
const {
|
|
149
|
-
children,
|
|
150
|
-
icon,
|
|
151
|
-
iconAfter,
|
|
152
|
-
scaleIcon = 1,
|
|
153
|
-
unstyled = !1,
|
|
154
|
-
subTitle,
|
|
155
|
-
title,
|
|
156
|
-
iconSize,
|
|
157
|
-
...rest
|
|
158
|
-
} = propsIn, size = propsIn.size || "$true", styledContext = context.useStyledContext(), iconSizeNumber = getFontSize(iconSize || size) * scaleIcon, [themedIcon, themedIconAfter] = [icon, iconAfter].map((icon2, i) => {
|
|
159
|
-
if (!icon2) return null;
|
|
160
|
-
const isBefore = i === 0;
|
|
161
|
-
return getIcon(icon2, {
|
|
162
|
-
size: iconSizeNumber,
|
|
163
|
-
color: styledContext?.color,
|
|
164
|
-
[isBefore ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
|
|
165
|
-
});
|
|
166
|
-
}), wrappedChildren = wrapChildrenInText(
|
|
167
|
-
ListItemText,
|
|
168
|
-
{ children },
|
|
169
|
-
propsIn.unstyled !== !0 ? {
|
|
170
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1",
|
|
171
|
-
fontSize: propsIn.size
|
|
172
|
-
} : void 0
|
|
173
|
-
);
|
|
174
|
-
return /* @__PURE__ */ jsxs(ListItemFrame, { ref, ...rest, children: [
|
|
175
|
-
themedIcon,
|
|
176
|
-
title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [
|
|
177
|
-
title ? typeof title == "string" ? /* @__PURE__ */ jsx(ListItemTitle, { unstyled, size, children: title }) : title : null,
|
|
178
|
-
subTitle ? /* @__PURE__ */ jsx(Fragment, { children: typeof subTitle == "string" ? /* @__PURE__ */ jsx(ListItemSubtitle, { unstyled, size, children: subTitle }) : subTitle }) : null,
|
|
179
|
-
wrappedChildren
|
|
180
|
-
] }) : wrappedChildren,
|
|
181
|
-
themedIconAfter
|
|
182
|
-
] });
|
|
183
|
-
}
|
|
184
|
-
), ListItem2 = withStaticProperties(ListItemComponent, {
|
|
185
|
-
Apply: context.Provider,
|
|
186
|
-
Frame: ListItemFrame,
|
|
187
|
-
Text: ListItemText,
|
|
188
|
-
Subtitle: ListItemSubtitle,
|
|
189
|
-
Icon: ListItemIcon,
|
|
190
|
-
Title: ListItemTitle
|
|
191
|
-
});
|
|
192
|
-
export {
|
|
193
|
-
ListItem2 as ListItem
|
|
194
|
-
};
|
|
195
|
-
//# sourceMappingURL=ListItem.js.map
|
package/dist/jsx/ListItem.js.map
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/ListItem.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": ["icon", "ListItem"]
|
|
6
|
-
}
|