tamagui 3.0.5 → 3.0.7
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/components/Button.cjs +5 -1
- package/dist/cjs/components/Button.native.cjs +5 -1
- package/dist/cjs/components/Button.native.js +5 -1
- package/dist/cjs/components/Button.native.js.map +1 -1
- package/dist/cjs/components/ListItem.cjs +2 -1
- package/dist/cjs/components/ListItem.native.cjs +2 -1
- package/dist/cjs/components/ListItem.native.js +2 -1
- package/dist/cjs/components/ListItem.native.js.map +1 -1
- package/dist/esm/components/Button.mjs +5 -1
- package/dist/esm/components/Button.mjs.map +1 -1
- package/dist/esm/components/Button.native.js +5 -1
- package/dist/esm/components/Button.native.js.map +1 -1
- package/dist/esm/components/ListItem.mjs +2 -1
- package/dist/esm/components/ListItem.mjs.map +1 -1
- package/dist/esm/components/ListItem.native.js +2 -1
- package/dist/esm/components/ListItem.native.js.map +1 -1
- package/dist/jsx/components/Button.mjs +5 -1
- package/dist/jsx/components/Button.mjs.map +1 -1
- package/dist/jsx/components/Button.native.cjs +5 -1
- package/dist/jsx/components/Button.native.js +5 -1
- package/dist/jsx/components/Button.native.js.map +1 -1
- package/dist/jsx/components/ListItem.mjs +2 -1
- package/dist/jsx/components/ListItem.mjs.map +1 -1
- package/dist/jsx/components/ListItem.native.cjs +2 -1
- package/dist/jsx/components/ListItem.native.js +2 -1
- package/dist/jsx/components/ListItem.native.js.map +1 -1
- package/dist/native.cjs +87 -83
- package/dist/test.cjs +87 -83
- package/package.json +67 -67
- package/src/components/Button.tsx +2 -1
- package/src/components/ListItem.tsx +3 -1
- package/types/components/Button.d.ts.map +1 -1
- package/types/components/ListItem.d.ts.map +1 -1
|
@@ -35,6 +35,7 @@ module.exports = __toCommonJS(Button_exports);
|
|
|
35
35
|
var import_button = require("@tamagui/button");
|
|
36
36
|
var import_core = require("@tamagui/core");
|
|
37
37
|
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
38
|
+
var import_text = require("@tamagui/text");
|
|
38
39
|
var import_react = __toESM(require("react"), 1);
|
|
39
40
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
40
41
|
const ButtonContext = (0, import_core.createStyledContext)({ size: "md" });
|
|
@@ -133,7 +134,10 @@ const ButtonComponent = (0, import_core.createStyledHOC)(ButtonFrame, function B
|
|
|
133
134
|
name: theme,
|
|
134
135
|
children: content
|
|
135
136
|
}) : content;
|
|
136
|
-
}, {
|
|
137
|
+
}, {
|
|
138
|
+
disableTheme: true,
|
|
139
|
+
staticConfig: { inlineProps: import_text.textParentInlineProps }
|
|
140
|
+
});
|
|
137
141
|
const ButtonInner = import_react.default.forwardRef(function ButtonInner2({ buttonBehaviorProps }, ref) {
|
|
138
142
|
const size = buttonBehaviorProps.size ?? ButtonContext.useStyledContext()?.size ?? "md";
|
|
139
143
|
const { props: buttonProps } = (0, import_button.useButton)(buttonBehaviorProps, {
|
|
@@ -38,6 +38,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
38
38
|
var import_button = require("@tamagui/button");
|
|
39
39
|
var import_core = require("@tamagui/core");
|
|
40
40
|
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
41
|
+
var import_text = require("@tamagui/text");
|
|
41
42
|
var import_react = __toESM(require("react"), 1);
|
|
42
43
|
var ButtonContext = (0, import_core.createStyledContext)({ size: "md" });
|
|
43
44
|
var buttonSizing = function(size, env) {
|
|
@@ -140,7 +141,10 @@ var ButtonComponent = (0, import_core.createStyledHOC)(ButtonFrame, function But
|
|
|
140
141
|
name: theme,
|
|
141
142
|
children: content
|
|
142
143
|
}) : content;
|
|
143
|
-
}, {
|
|
144
|
+
}, {
|
|
145
|
+
disableTheme: true,
|
|
146
|
+
staticConfig: { inlineProps: import_text.textParentInlineProps }
|
|
147
|
+
});
|
|
144
148
|
var ButtonInner = /* @__PURE__ */ import_react.default.forwardRef(function ButtonInner2(param, ref) {
|
|
145
149
|
var { buttonBehaviorProps } = param;
|
|
146
150
|
var _ButtonContext_useStyledContext, _buttonSizing;
|
|
@@ -38,6 +38,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
38
38
|
var import_button = require("@tamagui/button");
|
|
39
39
|
var import_core = require("@tamagui/core");
|
|
40
40
|
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
41
|
+
var import_text = require("@tamagui/text");
|
|
41
42
|
var import_react = __toESM(require("react"), 1);
|
|
42
43
|
var ButtonContext = (0, import_core.createStyledContext)({ size: "md" });
|
|
43
44
|
var buttonSizing = function(size, env) {
|
|
@@ -140,7 +141,10 @@ var ButtonComponent = (0, import_core.createStyledHOC)(ButtonFrame, function But
|
|
|
140
141
|
name: theme,
|
|
141
142
|
children: content
|
|
142
143
|
}) : content;
|
|
143
|
-
}, {
|
|
144
|
+
}, {
|
|
145
|
+
disableTheme: true,
|
|
146
|
+
staticConfig: { inlineProps: import_text.textParentInlineProps }
|
|
147
|
+
});
|
|
144
148
|
var ButtonInner = /* @__PURE__ */ import_react.default.forwardRef(function ButtonInner2(param, ref) {
|
|
145
149
|
var { buttonBehaviorProps } = param;
|
|
146
150
|
var _ButtonContext_useStyledContext, _buttonSizing;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.native.js","names":[],"sources":["cjs/components/Button.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Button_exports = {};\n__export(Button_exports, {\n Button: () => Button2,\n ButtonFrame: () => ButtonFrame,\n ButtonIcon: () => ButtonIcon,\n ButtonText: () => ButtonText\n});\nmodule.exports = __toCommonJS(Button_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_button = require(\"@tamagui/button\");\nvar import_core = require(\"@tamagui/core\");\nvar import_helpers_tamagui = require(\"@tamagui/helpers-tamagui\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar ButtonContext = (0, import_core.createStyledContext)({\n size: \"md\"\n});\nvar buttonSizing = function(size, env) {\n var _resolveSizing;\n return (_resolveSizing = (0, import_core.resolveSizing)(size, env)) !== null && _resolveSizing !== void 0 ? _resolveSizing : (0, import_core.resolveSizing)(void 0, env);\n};\nvar getButtonFrameSize = import_core.styled.dynamic(function(val, env) {\n var sizing = (0, import_core.resolveSizing)(val, env);\n if (!sizing) return;\n return {\n paddingInline: sizing.paddingInline,\n paddingBlock: sizing.paddingBlock,\n borderRadius: sizing.radius,\n gap: sizing.gap,\n // keep text buttons at the same outer height as circular buttons: the\n // text's line box plus vertical padding, plus the frame's 1px border\n minHeight: sizing.height + 2,\n // `size` is a control preset, not square geometry. keep the frame's width\n // content-driven even if an outer styled layer also recognizes `size` as\n // the generic width/height shorthand.\n width: \"auto\"\n };\n});\nvar getButtonTextSize = import_core.styled.dynamic(function(val, env) {\n var sizing = (0, import_core.resolveSizing)(val, env);\n if (!sizing) return;\n return {\n fontSize: sizing.fontSize,\n lineHeight: sizing.lineHeight\n };\n});\nvar ButtonFrameBase = (0, import_core.styled)(import_button.ButtonFrame, {\n context: ButtonContext,\n displayName: \"ButtonFrame\",\n className: \"tm-button\",\n backgroundColor: \"background hover:background-hover press:background-press\",\n // flat by default, the way current libraries draw a button (shadcn's\n // default variant has no border): the fill carries it, and the outlined\n // variant adds the border back. the transparent border keeps the 1px every\n // height below accounts for, so the variants line up\n borderColor: \"transparent\",\n borderStyle: \"solid\",\n borderWidth: 1,\n cursor: \"web:pointer\",\n opacity: \"press:0.7\",\n outlineColor: \"focus-visible:outline-color\",\n outlineStyle: \"focus-visible:solid\",\n outlineWidth: \"focus-visible:2px\",\n variants: {\n size: getButtonFrameSize,\n circular: import_core.styled.dynamic(),\n disabled: {\n true: {\n opacity: 0.35\n }\n },\n variant: {\n outlined: {\n backgroundColor: \"transparent\",\n borderColor: \"border-color\"\n },\n quiet: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\"\n }\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ButtonFrame = ButtonFrameBase.resolve(function(props, env) {\n if (!props.circular) return;\n var sizing = buttonSizing(props.size, env);\n if (!sizing) return;\n var side = sizing.height + 2;\n return {\n borderRadius: 1e3,\n paddingHorizontal: 0,\n height: side,\n maxHeight: side,\n maxWidth: side,\n minWidth: side,\n width: side\n };\n});\nvar ButtonText = (0, import_core.styled)(import_button.ButtonText, {\n context: ButtonContext,\n displayName: \"ButtonText\",\n color: \"color\",\n fontWeight: \"600\",\n userSelect: \"none\",\n variants: {\n size: getButtonTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ButtonIcon = function(param) {\n var { size, ...props } = param;\n var _buttonSizing;\n var context = ButtonContext.useStyledContext();\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.ButtonIcon, {\n ...props,\n size: size !== null && size !== void 0 ? size : (0, import_helpers_tamagui.getThemedIconSize)((_buttonSizing = buttonSizing(context === null || context === void 0 ? void 0 : context.size)) === null || _buttonSizing === void 0 ? void 0 : _buttonSizing.icon)\n });\n};\nvar ButtonComponent = (0, import_core.createStyledHOC)(ButtonFrame, function Button(props, ref) {\n var { theme, ...buttonBehaviorProps } = props;\n var content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {\n name: \"level2\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonInner, {\n ref,\n buttonBehaviorProps\n })\n });\n return theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {\n name: theme,\n children: content\n }) : content;\n}, {\n disableTheme: true\n});\nvar ButtonInner = /* @__PURE__ */ import_react.default.forwardRef(function ButtonInner2(param, ref) {\n var { buttonBehaviorProps } = param;\n var _ButtonContext_useStyledContext, _buttonSizing;\n var _buttonBehaviorProps_size, _ref;\n var size = (_ref = (_buttonBehaviorProps_size = buttonBehaviorProps.size) !== null && _buttonBehaviorProps_size !== void 0 ? _buttonBehaviorProps_size : (_ButtonContext_useStyledContext = ButtonContext.useStyledContext()) === null || _ButtonContext_useStyledContext === void 0 ? void 0 : _ButtonContext_useStyledContext.size) !== null && _ref !== void 0 ? _ref : \"md\";\n var { props: buttonProps } = (0, import_button.useButton)(buttonBehaviorProps, {\n Text: ButtonText,\n iconSize: (0, import_helpers_tamagui.getThemedIconSize)((_buttonSizing = buttonSizing(size)) === null || _buttonSizing === void 0 ? void 0 : _buttonSizing.icon)\n });\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonFrame, {\n ref,\n ...buttonProps\n });\n});\nvar Button2 = (0, import_core.withStaticProperties)(ButtonComponent, {\n Frame: ButtonFrame,\n Icon: ButtonIcon,\n Text: ButtonText\n});\n//# sourceMappingURL=Button.js.map\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Button.native.js","names":[],"sources":["cjs/components/Button.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Button_exports = {};\n__export(Button_exports, {\n Button: () => Button2,\n ButtonFrame: () => ButtonFrame,\n ButtonIcon: () => ButtonIcon,\n ButtonText: () => ButtonText\n});\nmodule.exports = __toCommonJS(Button_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_button = require(\"@tamagui/button\");\nvar import_core = require(\"@tamagui/core\");\nvar import_helpers_tamagui = require(\"@tamagui/helpers-tamagui\");\nvar import_text = require(\"@tamagui/text\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar ButtonContext = (0, import_core.createStyledContext)({\n size: \"md\"\n});\nvar buttonSizing = function(size, env) {\n var _resolveSizing;\n return (_resolveSizing = (0, import_core.resolveSizing)(size, env)) !== null && _resolveSizing !== void 0 ? _resolveSizing : (0, import_core.resolveSizing)(void 0, env);\n};\nvar getButtonFrameSize = import_core.styled.dynamic(function(val, env) {\n var sizing = (0, import_core.resolveSizing)(val, env);\n if (!sizing) return;\n return {\n paddingInline: sizing.paddingInline,\n paddingBlock: sizing.paddingBlock,\n borderRadius: sizing.radius,\n gap: sizing.gap,\n // keep text buttons at the same outer height as circular buttons: the\n // text's line box plus vertical padding, plus the frame's 1px border\n minHeight: sizing.height + 2,\n // `size` is a control preset, not square geometry. keep the frame's width\n // content-driven even if an outer styled layer also recognizes `size` as\n // the generic width/height shorthand.\n width: \"auto\"\n };\n});\nvar getButtonTextSize = import_core.styled.dynamic(function(val, env) {\n var sizing = (0, import_core.resolveSizing)(val, env);\n if (!sizing) return;\n return {\n fontSize: sizing.fontSize,\n lineHeight: sizing.lineHeight\n };\n});\nvar ButtonFrameBase = (0, import_core.styled)(import_button.ButtonFrame, {\n context: ButtonContext,\n displayName: \"ButtonFrame\",\n className: \"tm-button\",\n backgroundColor: \"background hover:background-hover press:background-press\",\n // flat by default, the way current libraries draw a button (shadcn's\n // default variant has no border): the fill carries it, and the outlined\n // variant adds the border back. the transparent border keeps the 1px every\n // height below accounts for, so the variants line up\n borderColor: \"transparent\",\n borderStyle: \"solid\",\n borderWidth: 1,\n cursor: \"web:pointer\",\n opacity: \"press:0.7\",\n outlineColor: \"focus-visible:outline-color\",\n outlineStyle: \"focus-visible:solid\",\n outlineWidth: \"focus-visible:2px\",\n variants: {\n size: getButtonFrameSize,\n circular: import_core.styled.dynamic(),\n disabled: {\n true: {\n opacity: 0.35\n }\n },\n variant: {\n outlined: {\n backgroundColor: \"transparent\",\n borderColor: \"border-color\"\n },\n quiet: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\"\n }\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ButtonFrame = ButtonFrameBase.resolve(function(props, env) {\n if (!props.circular) return;\n var sizing = buttonSizing(props.size, env);\n if (!sizing) return;\n var side = sizing.height + 2;\n return {\n borderRadius: 1e3,\n paddingHorizontal: 0,\n height: side,\n maxHeight: side,\n maxWidth: side,\n minWidth: side,\n width: side\n };\n});\nvar ButtonText = (0, import_core.styled)(import_button.ButtonText, {\n context: ButtonContext,\n displayName: \"ButtonText\",\n color: \"color\",\n fontWeight: \"600\",\n userSelect: \"none\",\n variants: {\n size: getButtonTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ButtonIcon = function(param) {\n var { size, ...props } = param;\n var _buttonSizing;\n var context = ButtonContext.useStyledContext();\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.ButtonIcon, {\n ...props,\n size: size !== null && size !== void 0 ? size : (0, import_helpers_tamagui.getThemedIconSize)((_buttonSizing = buttonSizing(context === null || context === void 0 ? void 0 : context.size)) === null || _buttonSizing === void 0 ? void 0 : _buttonSizing.icon)\n });\n};\nvar ButtonComponent = (0, import_core.createStyledHOC)(ButtonFrame, function Button(props, ref) {\n var { theme, ...buttonBehaviorProps } = props;\n var content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {\n name: \"level2\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonInner, {\n ref,\n buttonBehaviorProps\n })\n });\n return theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {\n name: theme,\n children: content\n }) : content;\n}, {\n disableTheme: true,\n staticConfig: {\n inlineProps: import_text.textParentInlineProps\n }\n});\nvar ButtonInner = /* @__PURE__ */ import_react.default.forwardRef(function ButtonInner2(param, ref) {\n var { buttonBehaviorProps } = param;\n var _ButtonContext_useStyledContext, _buttonSizing;\n var _buttonBehaviorProps_size, _ref;\n var size = (_ref = (_buttonBehaviorProps_size = buttonBehaviorProps.size) !== null && _buttonBehaviorProps_size !== void 0 ? _buttonBehaviorProps_size : (_ButtonContext_useStyledContext = ButtonContext.useStyledContext()) === null || _ButtonContext_useStyledContext === void 0 ? void 0 : _ButtonContext_useStyledContext.size) !== null && _ref !== void 0 ? _ref : \"md\";\n var { props: buttonProps } = (0, import_button.useButton)(buttonBehaviorProps, {\n Text: ButtonText,\n iconSize: (0, import_helpers_tamagui.getThemedIconSize)((_buttonSizing = buttonSizing(size)) === null || _buttonSizing === void 0 ? void 0 : _buttonSizing.icon)\n });\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonFrame, {\n ref,\n ...buttonProps\n });\n});\nvar Button2 = (0, import_core.withStaticProperties)(ButtonComponent, {\n Frame: ButtonFrame,\n Icon: ButtonIcon,\n Text: ButtonText\n});\n//# sourceMappingURL=Button.js.map\n"],"mappings":"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"}
|
|
@@ -31,6 +31,7 @@ module.exports = __toCommonJS(ListItem_exports);
|
|
|
31
31
|
var import_core = require("@tamagui/core");
|
|
32
32
|
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
33
33
|
var import_list_item = require("@tamagui/list-item");
|
|
34
|
+
var import_text = require("@tamagui/text");
|
|
34
35
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
35
36
|
const getListItemFrameSize = import_core.styled.dynamic((val, env) => {
|
|
36
37
|
const sizing = (0, import_core.resolveSizing)(val, env);
|
|
@@ -129,7 +130,7 @@ const ListItemComponent = (0, import_core.createStyledHOC)(ListItemFrame, functi
|
|
|
129
130
|
ref,
|
|
130
131
|
...listItemProps
|
|
131
132
|
});
|
|
132
|
-
});
|
|
133
|
+
}, { staticConfig: { inlineProps: import_text.textParentInlineProps } });
|
|
133
134
|
const ListItem2 = (0, import_core.withStaticProperties)(ListItemComponent, {
|
|
134
135
|
Apply: import_list_item.ListItemContext.Provider,
|
|
135
136
|
Frame: ListItemFrame,
|
|
@@ -34,6 +34,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
34
34
|
var import_core = require("@tamagui/core");
|
|
35
35
|
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
36
36
|
var import_list_item = require("@tamagui/list-item");
|
|
37
|
+
var import_text = require("@tamagui/text");
|
|
37
38
|
var getListItemFrameSize = import_core.styled.dynamic(function(val, env) {
|
|
38
39
|
var sizing = (0, import_core.resolveSizing)(val, env);
|
|
39
40
|
if (!sizing) return;
|
|
@@ -140,7 +141,7 @@ var ListItemComponent = (0, import_core.createStyledHOC)(ListItemFrame, function
|
|
|
140
141
|
ref,
|
|
141
142
|
...listItemProps
|
|
142
143
|
});
|
|
143
|
-
});
|
|
144
|
+
}, { staticConfig: { inlineProps: import_text.textParentInlineProps } });
|
|
144
145
|
var ListItem2 = (0, import_core.withStaticProperties)(ListItemComponent, {
|
|
145
146
|
Apply: import_list_item.ListItemContext.Provider,
|
|
146
147
|
Frame: ListItemFrame,
|
|
@@ -34,6 +34,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
34
34
|
var import_core = require("@tamagui/core");
|
|
35
35
|
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
36
36
|
var import_list_item = require("@tamagui/list-item");
|
|
37
|
+
var import_text = require("@tamagui/text");
|
|
37
38
|
var getListItemFrameSize = import_core.styled.dynamic(function(val, env) {
|
|
38
39
|
var sizing = (0, import_core.resolveSizing)(val, env);
|
|
39
40
|
if (!sizing) return;
|
|
@@ -140,7 +141,7 @@ var ListItemComponent = (0, import_core.createStyledHOC)(ListItemFrame, function
|
|
|
140
141
|
ref,
|
|
141
142
|
...listItemProps
|
|
142
143
|
});
|
|
143
|
-
});
|
|
144
|
+
}, { staticConfig: { inlineProps: import_text.textParentInlineProps } });
|
|
144
145
|
var ListItem2 = (0, import_core.withStaticProperties)(ListItemComponent, {
|
|
145
146
|
Apply: import_list_item.ListItemContext.Provider,
|
|
146
147
|
Frame: ListItemFrame,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.native.js","names":[],"sources":["cjs/components/ListItem.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ListItem_exports = {};\n__export(ListItem_exports, {\n ListItem: () => ListItem2,\n ListItemFrame: () => ListItemFrame,\n ListItemIcon: () => ListItemIcon,\n ListItemSubtitle: () => ListItemSubtitle,\n ListItemText: () => ListItemText,\n ListItemTitle: () => ListItemTitle\n});\nmodule.exports = __toCommonJS(ListItem_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_helpers_tamagui = require(\"@tamagui/helpers-tamagui\");\nvar import_list_item = require(\"@tamagui/list-item\");\nvar getListItemFrameSize = import_core.styled.dynamic(function(val, env) {\n var sizing = (0, import_core.resolveSizing)(val, env);\n if (!sizing) return;\n return {\n paddingInline: sizing.paddingInline,\n paddingBlock: sizing.paddingBlock,\n gap: sizing.gap\n };\n});\nvar getListItemTextSize = import_core.styled.dynamic(function(val, env) {\n var sizing = (0, import_core.resolveSizing)(val, env);\n if (!sizing) return;\n return {\n fontSize: sizing.fontSize,\n lineHeight: sizing.lineHeight\n };\n});\nvar getListItemSubtitleSize = import_core.styled.dynamic(function(val, env) {\n var _env_sizing_sizes_prev;\n var sizing = (0, import_core.resolveSizing)(val, env);\n if (!sizing) return;\n var names = Object.keys(env.sizing.sizes);\n var prev = names[Math.max(0, names.indexOf(sizing.name) - 1)];\n var prevKey = prev != null ? (_env_sizing_sizes_prev = env.sizing.sizes[prev]) === null || _env_sizing_sizes_prev === void 0 ? void 0 : _env_sizing_sizes_prev.fontSize : void 0;\n var key = prevKey !== null && prevKey !== void 0 ? prevKey : sizing.fontSize;\n return {\n fontSize: key,\n lineHeight: key\n };\n});\nvar listItemIconPx = function(size) {\n var scaleIcon = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;\n var _resolveSizing, _resolveSizing1;\n if (typeof size === \"number\") return size * scaleIcon;\n var _resolveSizing_icon;\n var icon = (_resolveSizing_icon = (_resolveSizing = (0, import_core.resolveSizing)(size)) === null || _resolveSizing === void 0 ? void 0 : _resolveSizing.icon) !== null && _resolveSizing_icon !== void 0 ? _resolveSizing_icon : (_resolveSizing1 = (0, import_core.resolveSizing)(void 0)) === null || _resolveSizing1 === void 0 ? void 0 : _resolveSizing1.icon;\n return icon == null ? void 0 : icon * scaleIcon;\n};\nvar outlined = {\n backgroundColor: \"transparent hover:transparent press:transparent\",\n borderWidth: 1,\n borderColor: \"border-color hover:border-color-hover press:border-color-press\"\n};\nvar ListItemFrame = (0, import_core.styled)(import_list_item.ListItemFrame, {\n context: import_list_item.ListItemContext,\n displayName: \"ListItem\",\n backgroundColor: \"background hover:background-hover press:background-press\",\n borderColor: \"border-color hover:border-color-hover press:border-color-press\",\n color: \"color\",\n cursor: \"default\",\n variants: {\n size: getListItemFrameSize,\n variant: {\n outlined\n },\n active: {\n true: {\n backgroundColor: \"hover:background\"\n }\n },\n disabled: {\n true: {\n opacity: 0.5,\n pointerEvents: \"none\"\n }\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemText = (0, import_core.styled)(import_list_item.ListItemText, {\n context: import_list_item.ListItemContext,\n displayName: \"ListItemText\",\n variants: {\n size: getListItemTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemTitle = (0, import_core.styled)(import_list_item.ListItemTitle, {\n context: import_list_item.ListItemContext,\n displayName: \"ListItemTitle\",\n variants: {\n size: getListItemTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemSubtitle = (0, import_core.styled)(import_list_item.ListItemSubtitle, {\n context: import_list_item.ListItemContext,\n displayName: \"ListItemSubtitle\",\n variants: {\n size: getListItemSubtitleSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemIcon = function(param) {\n var { children, size, scaleIcon = 1 } = param;\n var context = import_list_item.ListItemContext.useStyledContext();\n var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({\n size: listItemIconPx(size !== null && size !== void 0 ? size : context.size, scaleIcon),\n color: context.color\n });\n return getThemedIcon(children);\n};\nvar ListItemComponent = (0, import_core.createStyledHOC)(ListItemFrame, function ListItem(props, ref) {\n var _ListItemContext_useStyledContext;\n var contextSize = (_ListItemContext_useStyledContext = import_list_item.ListItemContext.useStyledContext()) === null || _ListItemContext_useStyledContext === void 0 ? void 0 : _ListItemContext_useStyledContext.size;\n var _props_size, _ref;\n var size = (_ref = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : contextSize) !== null && _ref !== void 0 ? _ref : \"md\";\n var _props_scaleIcon;\n var scaleIcon = (_props_scaleIcon = props.scaleIcon) !== null && _props_scaleIcon !== void 0 ? _props_scaleIcon : 1;\n var _props_iconSize;\n var iconSize = (_props_iconSize = props.iconSize) !== null && _props_iconSize !== void 0 ? _props_iconSize : listItemIconPx(size, scaleIcon);\n var { props: listItemProps } = (0, import_list_item.useListItem)({\n ...props,\n iconSize,\n scaleIcon: props.iconSize == null ? 1 : scaleIcon\n });\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemFrame, {\n ref,\n ...listItemProps\n });\n});\nvar ListItem2 = (0, import_core.withStaticProperties)(ListItemComponent, {\n Apply: import_list_item.ListItemContext.Provider,\n Frame: ListItemFrame,\n Icon: ListItemIcon,\n Subtitle: ListItemSubtitle,\n Text: ListItemText,\n Title: ListItemTitle\n});\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ListItem.native.js","names":[],"sources":["cjs/components/ListItem.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ListItem_exports = {};\n__export(ListItem_exports, {\n ListItem: () => ListItem2,\n ListItemFrame: () => ListItemFrame,\n ListItemIcon: () => ListItemIcon,\n ListItemSubtitle: () => ListItemSubtitle,\n ListItemText: () => ListItemText,\n ListItemTitle: () => ListItemTitle\n});\nmodule.exports = __toCommonJS(ListItem_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_helpers_tamagui = require(\"@tamagui/helpers-tamagui\");\nvar import_list_item = require(\"@tamagui/list-item\");\nvar import_text = require(\"@tamagui/text\");\nvar getListItemFrameSize = import_core.styled.dynamic(function(val, env) {\n var sizing = (0, import_core.resolveSizing)(val, env);\n if (!sizing) return;\n return {\n paddingInline: sizing.paddingInline,\n paddingBlock: sizing.paddingBlock,\n gap: sizing.gap\n };\n});\nvar getListItemTextSize = import_core.styled.dynamic(function(val, env) {\n var sizing = (0, import_core.resolveSizing)(val, env);\n if (!sizing) return;\n return {\n fontSize: sizing.fontSize,\n lineHeight: sizing.lineHeight\n };\n});\nvar getListItemSubtitleSize = import_core.styled.dynamic(function(val, env) {\n var _env_sizing_sizes_prev;\n var sizing = (0, import_core.resolveSizing)(val, env);\n if (!sizing) return;\n var names = Object.keys(env.sizing.sizes);\n var prev = names[Math.max(0, names.indexOf(sizing.name) - 1)];\n var prevKey = prev != null ? (_env_sizing_sizes_prev = env.sizing.sizes[prev]) === null || _env_sizing_sizes_prev === void 0 ? void 0 : _env_sizing_sizes_prev.fontSize : void 0;\n var key = prevKey !== null && prevKey !== void 0 ? prevKey : sizing.fontSize;\n return {\n fontSize: key,\n lineHeight: key\n };\n});\nvar listItemIconPx = function(size) {\n var scaleIcon = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;\n var _resolveSizing, _resolveSizing1;\n if (typeof size === \"number\") return size * scaleIcon;\n var _resolveSizing_icon;\n var icon = (_resolveSizing_icon = (_resolveSizing = (0, import_core.resolveSizing)(size)) === null || _resolveSizing === void 0 ? void 0 : _resolveSizing.icon) !== null && _resolveSizing_icon !== void 0 ? _resolveSizing_icon : (_resolveSizing1 = (0, import_core.resolveSizing)(void 0)) === null || _resolveSizing1 === void 0 ? void 0 : _resolveSizing1.icon;\n return icon == null ? void 0 : icon * scaleIcon;\n};\nvar outlined = {\n backgroundColor: \"transparent hover:transparent press:transparent\",\n borderWidth: 1,\n borderColor: \"border-color hover:border-color-hover press:border-color-press\"\n};\nvar ListItemFrame = (0, import_core.styled)(import_list_item.ListItemFrame, {\n context: import_list_item.ListItemContext,\n displayName: \"ListItem\",\n backgroundColor: \"background hover:background-hover press:background-press\",\n borderColor: \"border-color hover:border-color-hover press:border-color-press\",\n color: \"color\",\n cursor: \"default\",\n variants: {\n size: getListItemFrameSize,\n variant: {\n outlined\n },\n active: {\n true: {\n backgroundColor: \"hover:background\"\n }\n },\n disabled: {\n true: {\n opacity: 0.5,\n pointerEvents: \"none\"\n }\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemText = (0, import_core.styled)(import_list_item.ListItemText, {\n context: import_list_item.ListItemContext,\n displayName: \"ListItemText\",\n variants: {\n size: getListItemTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemTitle = (0, import_core.styled)(import_list_item.ListItemTitle, {\n context: import_list_item.ListItemContext,\n displayName: \"ListItemTitle\",\n variants: {\n size: getListItemTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemSubtitle = (0, import_core.styled)(import_list_item.ListItemSubtitle, {\n context: import_list_item.ListItemContext,\n displayName: \"ListItemSubtitle\",\n variants: {\n size: getListItemSubtitleSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemIcon = function(param) {\n var { children, size, scaleIcon = 1 } = param;\n var context = import_list_item.ListItemContext.useStyledContext();\n var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({\n size: listItemIconPx(size !== null && size !== void 0 ? size : context.size, scaleIcon),\n color: context.color\n });\n return getThemedIcon(children);\n};\nvar ListItemComponent = (0, import_core.createStyledHOC)(ListItemFrame, function ListItem(props, ref) {\n var _ListItemContext_useStyledContext;\n var contextSize = (_ListItemContext_useStyledContext = import_list_item.ListItemContext.useStyledContext()) === null || _ListItemContext_useStyledContext === void 0 ? void 0 : _ListItemContext_useStyledContext.size;\n var _props_size, _ref;\n var size = (_ref = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : contextSize) !== null && _ref !== void 0 ? _ref : \"md\";\n var _props_scaleIcon;\n var scaleIcon = (_props_scaleIcon = props.scaleIcon) !== null && _props_scaleIcon !== void 0 ? _props_scaleIcon : 1;\n var _props_iconSize;\n var iconSize = (_props_iconSize = props.iconSize) !== null && _props_iconSize !== void 0 ? _props_iconSize : listItemIconPx(size, scaleIcon);\n var { props: listItemProps } = (0, import_list_item.useListItem)({\n ...props,\n iconSize,\n scaleIcon: props.iconSize == null ? 1 : scaleIcon\n });\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemFrame, {\n ref,\n ...listItemProps\n });\n}, {\n staticConfig: {\n inlineProps: import_text.textParentInlineProps\n }\n});\nvar ListItem2 = (0, import_core.withStaticProperties)(ListItemComponent, {\n Apply: import_list_item.ListItemContext.Provider,\n Frame: ListItemFrame,\n Icon: ListItemIcon,\n Subtitle: ListItemSubtitle,\n Text: ListItemText,\n Title: ListItemTitle\n});\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ButtonFrame as ButtonFrame$1, ButtonIcon as ButtonIcon$1, ButtonText as ButtonText$1, useButton } from "@tamagui/button";
|
|
2
2
|
import { Theme, createStyledContext, createStyledHOC, resolveSizing, styled, withStaticProperties } from "@tamagui/core";
|
|
3
3
|
import { getThemedIconSize } from "@tamagui/helpers-tamagui";
|
|
4
|
+
import { textParentInlineProps } from "@tamagui/text";
|
|
4
5
|
import React from "react";
|
|
5
6
|
import { jsx } from "react/jsx-runtime";
|
|
6
7
|
|
|
@@ -100,7 +101,10 @@ const ButtonComponent = createStyledHOC(ButtonFrame, function Button(props, ref)
|
|
|
100
101
|
name: theme,
|
|
101
102
|
children: content
|
|
102
103
|
}) : content;
|
|
103
|
-
}, {
|
|
104
|
+
}, {
|
|
105
|
+
disableTheme: true,
|
|
106
|
+
staticConfig: { inlineProps: textParentInlineProps }
|
|
107
|
+
});
|
|
104
108
|
const ButtonInner = React.forwardRef(function ButtonInner2({ buttonBehaviorProps }, ref) {
|
|
105
109
|
const size = buttonBehaviorProps.size ?? ButtonContext.useStyledContext()?.size ?? "md";
|
|
106
110
|
const { props: buttonProps } = useButton(buttonBehaviorProps, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["ButtonBehaviorFrame","ButtonBehaviorText","ButtonBehaviorIcon"],"sources":["esm/components/Button.js"],"sourcesContent":["import {\n ButtonFrame as ButtonBehaviorFrame,\n ButtonIcon as ButtonBehaviorIcon,\n ButtonText as ButtonBehaviorText,\n useButton\n} from \"@tamagui/button\";\nimport {\n createStyledContext,\n createStyledHOC,\n resolveSizing,\n styled,\n Theme,\n withStaticProperties\n} from \"@tamagui/core\";\nimport { getThemedIconSize } from \"@tamagui/helpers-tamagui\";\nimport React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst ButtonContext = createStyledContext({ size: \"md\" });\nconst buttonSizing = (size, env) => resolveSizing(size, env) ?? resolveSizing(void 0, env);\nconst getButtonFrameSize = styled.dynamic((val, env) => {\n const sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n paddingInline: sizing.paddingInline,\n paddingBlock: sizing.paddingBlock,\n borderRadius: sizing.radius,\n gap: sizing.gap,\n // keep text buttons at the same outer height as circular buttons: the\n // text's line box plus vertical padding, plus the frame's 1px border\n minHeight: sizing.height + 2,\n // `size` is a control preset, not square geometry. keep the frame's width\n // content-driven even if an outer styled layer also recognizes `size` as\n // the generic width/height shorthand.\n width: \"auto\"\n };\n});\nconst getButtonTextSize = styled.dynamic((val, env) => {\n const sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n fontSize: sizing.fontSize,\n lineHeight: sizing.lineHeight\n };\n});\nconst ButtonFrameBase = styled(ButtonBehaviorFrame, {\n context: ButtonContext,\n displayName: \"ButtonFrame\",\n className: \"tm-button\",\n backgroundColor: \"background hover:background-hover press:background-press\",\n // flat by default, the way current libraries draw a button (shadcn's\n // default variant has no border): the fill carries it, and the outlined\n // variant adds the border back. the transparent border keeps the 1px every\n // height below accounts for, so the variants line up\n borderColor: \"transparent\",\n borderStyle: \"solid\",\n borderWidth: 1,\n cursor: \"web:pointer\",\n opacity: \"press:0.7\",\n outlineColor: \"focus-visible:outline-color\",\n outlineStyle: \"focus-visible:solid\",\n outlineWidth: \"focus-visible:2px\",\n variants: {\n size: getButtonFrameSize,\n circular: styled.dynamic(),\n disabled: {\n true: {\n opacity: 0.35\n }\n },\n variant: {\n outlined: {\n backgroundColor: \"transparent\",\n borderColor: \"border-color\"\n },\n quiet: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\"\n }\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ButtonFrame = ButtonFrameBase.resolve((props, env) => {\n if (!props.circular) return;\n const sizing = buttonSizing(props.size, env);\n if (!sizing) return;\n const side = sizing.height + 2;\n return {\n borderRadius: 1e3,\n paddingHorizontal: 0,\n height: side,\n maxHeight: side,\n maxWidth: side,\n minWidth: side,\n width: side\n };\n});\nconst ButtonText = styled(ButtonBehaviorText, {\n context: ButtonContext,\n displayName: \"ButtonText\",\n color: \"color\",\n fontWeight: \"600\",\n userSelect: \"none\",\n variants: {\n size: getButtonTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ButtonIcon = ({ size, ...props }) => {\n const context = ButtonContext.useStyledContext();\n return /* @__PURE__ */ jsx(\n ButtonBehaviorIcon,\n {\n ...props,\n size: size ?? getThemedIconSize(buttonSizing(context?.size)?.icon)\n }\n );\n};\nconst ButtonComponent = createStyledHOC(\n ButtonFrame,\n function Button(props, ref) {\n const { theme, ...buttonBehaviorProps } = props;\n const content = /* @__PURE__ */ jsx(Theme, { name: \"level2\", children: /* @__PURE__ */ jsx(ButtonInner, { ref, buttonBehaviorProps }) });\n return theme ? /* @__PURE__ */ jsx(Theme, { name: theme, children: content }) : content;\n },\n { disableTheme: true }\n);\nconst ButtonInner = React.forwardRef(function ButtonInner2({ buttonBehaviorProps }, ref) {\n const size = buttonBehaviorProps.size ?? ButtonContext.useStyledContext()?.size ?? \"md\";\n const { props: buttonProps } = useButton(buttonBehaviorProps, {\n Text: ButtonText,\n iconSize: getThemedIconSize(buttonSizing(size)?.icon)\n });\n return /* @__PURE__ */ jsx(ButtonFrame, { ref, ...buttonProps });\n});\nconst Button2 = withStaticProperties(ButtonComponent, {\n Frame: ButtonFrame,\n Icon: ButtonIcon,\n Text: ButtonText\n});\nexport {\n Button2 as Button,\n ButtonFrame,\n ButtonIcon,\n ButtonText\n};\n//# sourceMappingURL=Button.js.map\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","names":["ButtonBehaviorFrame","ButtonBehaviorText","ButtonBehaviorIcon"],"sources":["esm/components/Button.js"],"sourcesContent":["import {\n ButtonFrame as ButtonBehaviorFrame,\n ButtonIcon as ButtonBehaviorIcon,\n ButtonText as ButtonBehaviorText,\n useButton\n} from \"@tamagui/button\";\nimport {\n createStyledContext,\n createStyledHOC,\n resolveSizing,\n styled,\n Theme,\n withStaticProperties\n} from \"@tamagui/core\";\nimport { getThemedIconSize } from \"@tamagui/helpers-tamagui\";\nimport { textParentInlineProps } from \"@tamagui/text\";\nimport React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst ButtonContext = createStyledContext({ size: \"md\" });\nconst buttonSizing = (size, env) => resolveSizing(size, env) ?? resolveSizing(void 0, env);\nconst getButtonFrameSize = styled.dynamic((val, env) => {\n const sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n paddingInline: sizing.paddingInline,\n paddingBlock: sizing.paddingBlock,\n borderRadius: sizing.radius,\n gap: sizing.gap,\n // keep text buttons at the same outer height as circular buttons: the\n // text's line box plus vertical padding, plus the frame's 1px border\n minHeight: sizing.height + 2,\n // `size` is a control preset, not square geometry. keep the frame's width\n // content-driven even if an outer styled layer also recognizes `size` as\n // the generic width/height shorthand.\n width: \"auto\"\n };\n});\nconst getButtonTextSize = styled.dynamic((val, env) => {\n const sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n fontSize: sizing.fontSize,\n lineHeight: sizing.lineHeight\n };\n});\nconst ButtonFrameBase = styled(ButtonBehaviorFrame, {\n context: ButtonContext,\n displayName: \"ButtonFrame\",\n className: \"tm-button\",\n backgroundColor: \"background hover:background-hover press:background-press\",\n // flat by default, the way current libraries draw a button (shadcn's\n // default variant has no border): the fill carries it, and the outlined\n // variant adds the border back. the transparent border keeps the 1px every\n // height below accounts for, so the variants line up\n borderColor: \"transparent\",\n borderStyle: \"solid\",\n borderWidth: 1,\n cursor: \"web:pointer\",\n opacity: \"press:0.7\",\n outlineColor: \"focus-visible:outline-color\",\n outlineStyle: \"focus-visible:solid\",\n outlineWidth: \"focus-visible:2px\",\n variants: {\n size: getButtonFrameSize,\n circular: styled.dynamic(),\n disabled: {\n true: {\n opacity: 0.35\n }\n },\n variant: {\n outlined: {\n backgroundColor: \"transparent\",\n borderColor: \"border-color\"\n },\n quiet: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\"\n }\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ButtonFrame = ButtonFrameBase.resolve((props, env) => {\n if (!props.circular) return;\n const sizing = buttonSizing(props.size, env);\n if (!sizing) return;\n const side = sizing.height + 2;\n return {\n borderRadius: 1e3,\n paddingHorizontal: 0,\n height: side,\n maxHeight: side,\n maxWidth: side,\n minWidth: side,\n width: side\n };\n});\nconst ButtonText = styled(ButtonBehaviorText, {\n context: ButtonContext,\n displayName: \"ButtonText\",\n color: \"color\",\n fontWeight: \"600\",\n userSelect: \"none\",\n variants: {\n size: getButtonTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ButtonIcon = ({ size, ...props }) => {\n const context = ButtonContext.useStyledContext();\n return /* @__PURE__ */ jsx(\n ButtonBehaviorIcon,\n {\n ...props,\n size: size ?? getThemedIconSize(buttonSizing(context?.size)?.icon)\n }\n );\n};\nconst ButtonComponent = createStyledHOC(\n ButtonFrame,\n function Button(props, ref) {\n const { theme, ...buttonBehaviorProps } = props;\n const content = /* @__PURE__ */ jsx(Theme, { name: \"level2\", children: /* @__PURE__ */ jsx(ButtonInner, { ref, buttonBehaviorProps }) });\n return theme ? /* @__PURE__ */ jsx(Theme, { name: theme, children: content }) : content;\n },\n { disableTheme: true, staticConfig: { inlineProps: textParentInlineProps } }\n);\nconst ButtonInner = React.forwardRef(function ButtonInner2({ buttonBehaviorProps }, ref) {\n const size = buttonBehaviorProps.size ?? ButtonContext.useStyledContext()?.size ?? \"md\";\n const { props: buttonProps } = useButton(buttonBehaviorProps, {\n Text: ButtonText,\n iconSize: getThemedIconSize(buttonSizing(size)?.icon)\n });\n return /* @__PURE__ */ jsx(ButtonFrame, { ref, ...buttonProps });\n});\nconst Button2 = withStaticProperties(ButtonComponent, {\n Frame: ButtonFrame,\n Icon: ButtonIcon,\n Text: ButtonText\n});\nexport {\n Button2 as Button,\n ButtonFrame,\n ButtonIcon,\n ButtonText\n};\n//# sourceMappingURL=Button.js.map\n"],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { ButtonFrame as ButtonFrame$1, ButtonIcon as ButtonIcon$1, ButtonText as ButtonText$1, useButton } from "@tamagui/button";
|
|
3
3
|
import { Theme, createStyledContext, createStyledHOC, resolveSizing, styled, withStaticProperties } from "@tamagui/core";
|
|
4
4
|
import { getThemedIconSize } from "@tamagui/helpers-tamagui";
|
|
5
|
+
import { textParentInlineProps } from "@tamagui/text";
|
|
5
6
|
import React from "react";
|
|
6
7
|
|
|
7
8
|
var ButtonContext = createStyledContext({ size: "md" });
|
|
@@ -105,7 +106,10 @@ var ButtonComponent = createStyledHOC(ButtonFrame, function Button(props, ref) {
|
|
|
105
106
|
name: theme,
|
|
106
107
|
children: content
|
|
107
108
|
}) : content;
|
|
108
|
-
}, {
|
|
109
|
+
}, {
|
|
110
|
+
disableTheme: true,
|
|
111
|
+
staticConfig: { inlineProps: textParentInlineProps }
|
|
112
|
+
});
|
|
109
113
|
var ButtonInner = /* @__PURE__ */ React.forwardRef(function ButtonInner2(param, ref) {
|
|
110
114
|
var { buttonBehaviorProps } = param;
|
|
111
115
|
var _ButtonContext_useStyledContext, _buttonSizing;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.native.js","names":["ButtonBehaviorFrame","ButtonBehaviorText","ButtonBehaviorIcon"],"sources":["esm/components/Button.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ButtonFrame as ButtonBehaviorFrame, ButtonIcon as ButtonBehaviorIcon, ButtonText as ButtonBehaviorText, useButton } from \"@tamagui/button\";\nimport { createStyledContext, createStyledHOC, resolveSizing, styled, Theme, withStaticProperties } from \"@tamagui/core\";\nimport { getThemedIconSize } from \"@tamagui/helpers-tamagui\";\nimport React from \"react\";\nvar ButtonContext = createStyledContext({\n size: \"md\"\n});\nvar buttonSizing = function(size, env) {\n var _resolveSizing;\n return (_resolveSizing = resolveSizing(size, env)) !== null && _resolveSizing !== void 0 ? _resolveSizing : resolveSizing(void 0, env);\n};\nvar getButtonFrameSize = styled.dynamic(function(val, env) {\n var sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n paddingInline: sizing.paddingInline,\n paddingBlock: sizing.paddingBlock,\n borderRadius: sizing.radius,\n gap: sizing.gap,\n // keep text buttons at the same outer height as circular buttons: the\n // text's line box plus vertical padding, plus the frame's 1px border\n minHeight: sizing.height + 2,\n // `size` is a control preset, not square geometry. keep the frame's width\n // content-driven even if an outer styled layer also recognizes `size` as\n // the generic width/height shorthand.\n width: \"auto\"\n };\n});\nvar getButtonTextSize = styled.dynamic(function(val, env) {\n var sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n fontSize: sizing.fontSize,\n lineHeight: sizing.lineHeight\n };\n});\nvar ButtonFrameBase = styled(ButtonBehaviorFrame, {\n context: ButtonContext,\n displayName: \"ButtonFrame\",\n className: \"tm-button\",\n backgroundColor: \"background hover:background-hover press:background-press\",\n // flat by default, the way current libraries draw a button (shadcn's\n // default variant has no border): the fill carries it, and the outlined\n // variant adds the border back. the transparent border keeps the 1px every\n // height below accounts for, so the variants line up\n borderColor: \"transparent\",\n borderStyle: \"solid\",\n borderWidth: 1,\n cursor: \"web:pointer\",\n opacity: \"press:0.7\",\n outlineColor: \"focus-visible:outline-color\",\n outlineStyle: \"focus-visible:solid\",\n outlineWidth: \"focus-visible:2px\",\n variants: {\n size: getButtonFrameSize,\n circular: styled.dynamic(),\n disabled: {\n true: {\n opacity: 0.35\n }\n },\n variant: {\n outlined: {\n backgroundColor: \"transparent\",\n borderColor: \"border-color\"\n },\n quiet: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\"\n }\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ButtonFrame = ButtonFrameBase.resolve(function(props, env) {\n if (!props.circular) return;\n var sizing = buttonSizing(props.size, env);\n if (!sizing) return;\n var side = sizing.height + 2;\n return {\n borderRadius: 1e3,\n paddingHorizontal: 0,\n height: side,\n maxHeight: side,\n maxWidth: side,\n minWidth: side,\n width: side\n };\n});\nvar ButtonText = styled(ButtonBehaviorText, {\n context: ButtonContext,\n displayName: \"ButtonText\",\n color: \"color\",\n fontWeight: \"600\",\n userSelect: \"none\",\n variants: {\n size: getButtonTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ButtonIcon = function(param) {\n var { size, ...props } = param;\n var _buttonSizing;\n var context = ButtonContext.useStyledContext();\n return /* @__PURE__ */ _jsx(ButtonBehaviorIcon, {\n ...props,\n size: size !== null && size !== void 0 ? size : getThemedIconSize((_buttonSizing = buttonSizing(context === null || context === void 0 ? void 0 : context.size)) === null || _buttonSizing === void 0 ? void 0 : _buttonSizing.icon)\n });\n};\nvar ButtonComponent = createStyledHOC(ButtonFrame, function Button(props, ref) {\n var { theme, ...buttonBehaviorProps } = props;\n var content = /* @__PURE__ */ _jsx(Theme, {\n name: \"level2\",\n children: /* @__PURE__ */ _jsx(ButtonInner, {\n ref,\n buttonBehaviorProps\n })\n });\n return theme ? /* @__PURE__ */ _jsx(Theme, {\n name: theme,\n children: content\n }) : content;\n}, {\n disableTheme: true\n});\nvar ButtonInner = /* @__PURE__ */ React.forwardRef(function ButtonInner2(param, ref) {\n var { buttonBehaviorProps } = param;\n var _ButtonContext_useStyledContext, _buttonSizing;\n var _buttonBehaviorProps_size, _ref;\n var size = (_ref = (_buttonBehaviorProps_size = buttonBehaviorProps.size) !== null && _buttonBehaviorProps_size !== void 0 ? _buttonBehaviorProps_size : (_ButtonContext_useStyledContext = ButtonContext.useStyledContext()) === null || _ButtonContext_useStyledContext === void 0 ? void 0 : _ButtonContext_useStyledContext.size) !== null && _ref !== void 0 ? _ref : \"md\";\n var { props: buttonProps } = useButton(buttonBehaviorProps, {\n Text: ButtonText,\n iconSize: getThemedIconSize((_buttonSizing = buttonSizing(size)) === null || _buttonSizing === void 0 ? void 0 : _buttonSizing.icon)\n });\n return /* @__PURE__ */ _jsx(ButtonFrame, {\n ref,\n ...buttonProps\n });\n});\nvar Button2 = withStaticProperties(ButtonComponent, {\n Frame: ButtonFrame,\n Icon: ButtonIcon,\n Text: ButtonText\n});\nexport {\n Button2 as Button,\n ButtonFrame,\n ButtonIcon,\n ButtonText\n};\n//# sourceMappingURL=Button.js.map\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.native.js","names":["ButtonBehaviorFrame","ButtonBehaviorText","ButtonBehaviorIcon"],"sources":["esm/components/Button.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ButtonFrame as ButtonBehaviorFrame, ButtonIcon as ButtonBehaviorIcon, ButtonText as ButtonBehaviorText, useButton } from \"@tamagui/button\";\nimport { createStyledContext, createStyledHOC, resolveSizing, styled, Theme, withStaticProperties } from \"@tamagui/core\";\nimport { getThemedIconSize } from \"@tamagui/helpers-tamagui\";\nimport { textParentInlineProps } from \"@tamagui/text\";\nimport React from \"react\";\nvar ButtonContext = createStyledContext({\n size: \"md\"\n});\nvar buttonSizing = function(size, env) {\n var _resolveSizing;\n return (_resolveSizing = resolveSizing(size, env)) !== null && _resolveSizing !== void 0 ? _resolveSizing : resolveSizing(void 0, env);\n};\nvar getButtonFrameSize = styled.dynamic(function(val, env) {\n var sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n paddingInline: sizing.paddingInline,\n paddingBlock: sizing.paddingBlock,\n borderRadius: sizing.radius,\n gap: sizing.gap,\n // keep text buttons at the same outer height as circular buttons: the\n // text's line box plus vertical padding, plus the frame's 1px border\n minHeight: sizing.height + 2,\n // `size` is a control preset, not square geometry. keep the frame's width\n // content-driven even if an outer styled layer also recognizes `size` as\n // the generic width/height shorthand.\n width: \"auto\"\n };\n});\nvar getButtonTextSize = styled.dynamic(function(val, env) {\n var sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n fontSize: sizing.fontSize,\n lineHeight: sizing.lineHeight\n };\n});\nvar ButtonFrameBase = styled(ButtonBehaviorFrame, {\n context: ButtonContext,\n displayName: \"ButtonFrame\",\n className: \"tm-button\",\n backgroundColor: \"background hover:background-hover press:background-press\",\n // flat by default, the way current libraries draw a button (shadcn's\n // default variant has no border): the fill carries it, and the outlined\n // variant adds the border back. the transparent border keeps the 1px every\n // height below accounts for, so the variants line up\n borderColor: \"transparent\",\n borderStyle: \"solid\",\n borderWidth: 1,\n cursor: \"web:pointer\",\n opacity: \"press:0.7\",\n outlineColor: \"focus-visible:outline-color\",\n outlineStyle: \"focus-visible:solid\",\n outlineWidth: \"focus-visible:2px\",\n variants: {\n size: getButtonFrameSize,\n circular: styled.dynamic(),\n disabled: {\n true: {\n opacity: 0.35\n }\n },\n variant: {\n outlined: {\n backgroundColor: \"transparent\",\n borderColor: \"border-color\"\n },\n quiet: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\"\n }\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ButtonFrame = ButtonFrameBase.resolve(function(props, env) {\n if (!props.circular) return;\n var sizing = buttonSizing(props.size, env);\n if (!sizing) return;\n var side = sizing.height + 2;\n return {\n borderRadius: 1e3,\n paddingHorizontal: 0,\n height: side,\n maxHeight: side,\n maxWidth: side,\n minWidth: side,\n width: side\n };\n});\nvar ButtonText = styled(ButtonBehaviorText, {\n context: ButtonContext,\n displayName: \"ButtonText\",\n color: \"color\",\n fontWeight: \"600\",\n userSelect: \"none\",\n variants: {\n size: getButtonTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ButtonIcon = function(param) {\n var { size, ...props } = param;\n var _buttonSizing;\n var context = ButtonContext.useStyledContext();\n return /* @__PURE__ */ _jsx(ButtonBehaviorIcon, {\n ...props,\n size: size !== null && size !== void 0 ? size : getThemedIconSize((_buttonSizing = buttonSizing(context === null || context === void 0 ? void 0 : context.size)) === null || _buttonSizing === void 0 ? void 0 : _buttonSizing.icon)\n });\n};\nvar ButtonComponent = createStyledHOC(ButtonFrame, function Button(props, ref) {\n var { theme, ...buttonBehaviorProps } = props;\n var content = /* @__PURE__ */ _jsx(Theme, {\n name: \"level2\",\n children: /* @__PURE__ */ _jsx(ButtonInner, {\n ref,\n buttonBehaviorProps\n })\n });\n return theme ? /* @__PURE__ */ _jsx(Theme, {\n name: theme,\n children: content\n }) : content;\n}, {\n disableTheme: true,\n staticConfig: {\n inlineProps: textParentInlineProps\n }\n});\nvar ButtonInner = /* @__PURE__ */ React.forwardRef(function ButtonInner2(param, ref) {\n var { buttonBehaviorProps } = param;\n var _ButtonContext_useStyledContext, _buttonSizing;\n var _buttonBehaviorProps_size, _ref;\n var size = (_ref = (_buttonBehaviorProps_size = buttonBehaviorProps.size) !== null && _buttonBehaviorProps_size !== void 0 ? _buttonBehaviorProps_size : (_ButtonContext_useStyledContext = ButtonContext.useStyledContext()) === null || _ButtonContext_useStyledContext === void 0 ? void 0 : _ButtonContext_useStyledContext.size) !== null && _ref !== void 0 ? _ref : \"md\";\n var { props: buttonProps } = useButton(buttonBehaviorProps, {\n Text: ButtonText,\n iconSize: getThemedIconSize((_buttonSizing = buttonSizing(size)) === null || _buttonSizing === void 0 ? void 0 : _buttonSizing.icon)\n });\n return /* @__PURE__ */ _jsx(ButtonFrame, {\n ref,\n ...buttonProps\n });\n});\nvar Button2 = withStaticProperties(ButtonComponent, {\n Frame: ButtonFrame,\n Icon: ButtonIcon,\n Text: ButtonText\n});\nexport {\n Button2 as Button,\n ButtonFrame,\n ButtonIcon,\n ButtonText\n};\n//# sourceMappingURL=Button.js.map\n"],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { createStyledHOC, resolveSizing, styled, withStaticProperties } from "@tamagui/core";
|
|
2
2
|
import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
3
3
|
import { ListItemContext, ListItemFrame as ListItemFrame$1, ListItemSubtitle as ListItemSubtitle$1, ListItemText as ListItemText$1, ListItemTitle as ListItemTitle$1, useListItem } from "@tamagui/list-item";
|
|
4
|
+
import { textParentInlineProps } from "@tamagui/text";
|
|
4
5
|
import { jsx } from "react/jsx-runtime";
|
|
5
6
|
|
|
6
7
|
const getListItemFrameSize = styled.dynamic((val, env) => {
|
|
@@ -100,7 +101,7 @@ const ListItemComponent = createStyledHOC(ListItemFrame, function ListItem(props
|
|
|
100
101
|
ref,
|
|
101
102
|
...listItemProps
|
|
102
103
|
});
|
|
103
|
-
});
|
|
104
|
+
}, { staticConfig: { inlineProps: textParentInlineProps } });
|
|
104
105
|
const ListItem2 = withStaticProperties(ListItemComponent, {
|
|
105
106
|
Apply: ListItemContext.Provider,
|
|
106
107
|
Frame: ListItemFrame,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","names":["ListItemBehaviorFrame","ListItemBehaviorText","ListItemBehaviorTitle","ListItemBehaviorSubtitle"],"sources":["esm/components/ListItem.js"],"sourcesContent":["import {\n createStyledHOC,\n resolveSizing,\n styled,\n withStaticProperties\n} from \"@tamagui/core\";\nimport { useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport {\n ListItemContext,\n ListItemFrame as ListItemBehaviorFrame,\n ListItemSubtitle as ListItemBehaviorSubtitle,\n ListItemText as ListItemBehaviorText,\n ListItemTitle as ListItemBehaviorTitle,\n useListItem\n} from \"@tamagui/list-item\";\nimport { jsx } from \"react/jsx-runtime\";\nconst getListItemFrameSize = styled.dynamic((val, env) => {\n const sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n paddingInline: sizing.paddingInline,\n paddingBlock: sizing.paddingBlock,\n gap: sizing.gap\n };\n});\nconst getListItemTextSize = styled.dynamic((val, env) => {\n const sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n fontSize: sizing.fontSize,\n lineHeight: sizing.lineHeight\n };\n});\nconst getListItemSubtitleSize = styled.dynamic((val, env) => {\n const sizing = resolveSizing(val, env);\n if (!sizing) return;\n const names = Object.keys(env.sizing.sizes);\n const prev = names[Math.max(0, names.indexOf(sizing.name) - 1)];\n const prevKey = prev != null ? env.sizing.sizes[prev]?.fontSize : void 0;\n const key = prevKey ?? sizing.fontSize;\n return {\n fontSize: key,\n lineHeight: key\n };\n});\nconst listItemIconPx = (size, scaleIcon = 1) => {\n if (typeof size === \"number\") return size * scaleIcon;\n const icon = resolveSizing(size)?.icon ?? resolveSizing(void 0)?.icon;\n return icon == null ? void 0 : icon * scaleIcon;\n};\nconst outlined = {\n backgroundColor: \"transparent hover:transparent press:transparent\",\n borderWidth: 1,\n borderColor: \"border-color hover:border-color-hover press:border-color-press\"\n};\nconst ListItemFrame = styled(ListItemBehaviorFrame, {\n context: ListItemContext,\n displayName: \"ListItem\",\n backgroundColor: \"background hover:background-hover press:background-press\",\n borderColor: \"border-color hover:border-color-hover press:border-color-press\",\n color: \"color\",\n cursor: \"default\",\n variants: {\n size: getListItemFrameSize,\n variant: {\n outlined\n },\n active: {\n true: {\n backgroundColor: \"hover:background\"\n }\n },\n disabled: {\n true: {\n opacity: 0.5,\n pointerEvents: \"none\"\n }\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ListItemText = styled(ListItemBehaviorText, {\n context: ListItemContext,\n displayName: \"ListItemText\",\n variants: {\n size: getListItemTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ListItemTitle = styled(ListItemBehaviorTitle, {\n context: ListItemContext,\n displayName: \"ListItemTitle\",\n variants: {\n size: getListItemTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ListItemSubtitle = styled(ListItemBehaviorSubtitle, {\n context: ListItemContext,\n displayName: \"ListItemSubtitle\",\n variants: {\n size: getListItemSubtitleSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ListItemIcon = ({\n children,\n size,\n scaleIcon = 1\n}) => {\n const context = ListItemContext.useStyledContext();\n const getThemedIcon = useGetThemedIcon({\n size: listItemIconPx(size ?? context.size, scaleIcon),\n color: context.color\n });\n return getThemedIcon(children);\n};\nconst ListItemComponent = createStyledHOC(\n ListItemFrame,\n function ListItem(props, ref) {\n const contextSize = ListItemContext.useStyledContext()?.size;\n const size = props.size ?? contextSize ?? \"md\";\n const scaleIcon = props.scaleIcon ?? 1;\n const iconSize = props.iconSize ?? listItemIconPx(size, scaleIcon);\n const { props: listItemProps } = useListItem({\n ...props,\n iconSize,\n scaleIcon: props.iconSize == null ? 1 : scaleIcon\n });\n return /* @__PURE__ */ jsx(ListItemFrame, { ref, ...listItemProps });\n }\n);\nconst ListItem2 = withStaticProperties(ListItemComponent, {\n Apply: ListItemContext.Provider,\n Frame: ListItemFrame,\n Icon: ListItemIcon,\n Subtitle: ListItemSubtitle,\n Text: ListItemText,\n Title: ListItemTitle\n});\nexport {\n ListItem2 as ListItem,\n ListItemFrame,\n ListItemIcon,\n ListItemSubtitle,\n ListItemText,\n ListItemTitle\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ListItem.js","names":["ListItemBehaviorFrame","ListItemBehaviorText","ListItemBehaviorTitle","ListItemBehaviorSubtitle"],"sources":["esm/components/ListItem.js"],"sourcesContent":["import {\n createStyledHOC,\n resolveSizing,\n styled,\n withStaticProperties\n} from \"@tamagui/core\";\nimport { useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport {\n ListItemContext,\n ListItemFrame as ListItemBehaviorFrame,\n ListItemSubtitle as ListItemBehaviorSubtitle,\n ListItemText as ListItemBehaviorText,\n ListItemTitle as ListItemBehaviorTitle,\n useListItem\n} from \"@tamagui/list-item\";\nimport { textParentInlineProps } from \"@tamagui/text\";\nimport { jsx } from \"react/jsx-runtime\";\nconst getListItemFrameSize = styled.dynamic((val, env) => {\n const sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n paddingInline: sizing.paddingInline,\n paddingBlock: sizing.paddingBlock,\n gap: sizing.gap\n };\n});\nconst getListItemTextSize = styled.dynamic((val, env) => {\n const sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n fontSize: sizing.fontSize,\n lineHeight: sizing.lineHeight\n };\n});\nconst getListItemSubtitleSize = styled.dynamic((val, env) => {\n const sizing = resolveSizing(val, env);\n if (!sizing) return;\n const names = Object.keys(env.sizing.sizes);\n const prev = names[Math.max(0, names.indexOf(sizing.name) - 1)];\n const prevKey = prev != null ? env.sizing.sizes[prev]?.fontSize : void 0;\n const key = prevKey ?? sizing.fontSize;\n return {\n fontSize: key,\n lineHeight: key\n };\n});\nconst listItemIconPx = (size, scaleIcon = 1) => {\n if (typeof size === \"number\") return size * scaleIcon;\n const icon = resolveSizing(size)?.icon ?? resolveSizing(void 0)?.icon;\n return icon == null ? void 0 : icon * scaleIcon;\n};\nconst outlined = {\n backgroundColor: \"transparent hover:transparent press:transparent\",\n borderWidth: 1,\n borderColor: \"border-color hover:border-color-hover press:border-color-press\"\n};\nconst ListItemFrame = styled(ListItemBehaviorFrame, {\n context: ListItemContext,\n displayName: \"ListItem\",\n backgroundColor: \"background hover:background-hover press:background-press\",\n borderColor: \"border-color hover:border-color-hover press:border-color-press\",\n color: \"color\",\n cursor: \"default\",\n variants: {\n size: getListItemFrameSize,\n variant: {\n outlined\n },\n active: {\n true: {\n backgroundColor: \"hover:background\"\n }\n },\n disabled: {\n true: {\n opacity: 0.5,\n pointerEvents: \"none\"\n }\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ListItemText = styled(ListItemBehaviorText, {\n context: ListItemContext,\n displayName: \"ListItemText\",\n variants: {\n size: getListItemTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ListItemTitle = styled(ListItemBehaviorTitle, {\n context: ListItemContext,\n displayName: \"ListItemTitle\",\n variants: {\n size: getListItemTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ListItemSubtitle = styled(ListItemBehaviorSubtitle, {\n context: ListItemContext,\n displayName: \"ListItemSubtitle\",\n variants: {\n size: getListItemSubtitleSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ListItemIcon = ({\n children,\n size,\n scaleIcon = 1\n}) => {\n const context = ListItemContext.useStyledContext();\n const getThemedIcon = useGetThemedIcon({\n size: listItemIconPx(size ?? context.size, scaleIcon),\n color: context.color\n });\n return getThemedIcon(children);\n};\nconst ListItemComponent = createStyledHOC(\n ListItemFrame,\n function ListItem(props, ref) {\n const contextSize = ListItemContext.useStyledContext()?.size;\n const size = props.size ?? contextSize ?? \"md\";\n const scaleIcon = props.scaleIcon ?? 1;\n const iconSize = props.iconSize ?? listItemIconPx(size, scaleIcon);\n const { props: listItemProps } = useListItem({\n ...props,\n iconSize,\n scaleIcon: props.iconSize == null ? 1 : scaleIcon\n });\n return /* @__PURE__ */ jsx(ListItemFrame, { ref, ...listItemProps });\n },\n { staticConfig: { inlineProps: textParentInlineProps } }\n);\nconst ListItem2 = withStaticProperties(ListItemComponent, {\n Apply: ListItemContext.Provider,\n Frame: ListItemFrame,\n Icon: ListItemIcon,\n Subtitle: ListItemSubtitle,\n Text: ListItemText,\n Title: ListItemTitle\n});\nexport {\n ListItem2 as ListItem,\n ListItemFrame,\n ListItemIcon,\n ListItemSubtitle,\n ListItemText,\n ListItemTitle\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { createStyledHOC, resolveSizing, styled, withStaticProperties } from "@tamagui/core";
|
|
3
3
|
import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
4
4
|
import { ListItemContext, ListItemFrame as ListItemFrame$1, ListItemSubtitle as ListItemSubtitle$1, ListItemText as ListItemText$1, ListItemTitle as ListItemTitle$1, useListItem } from "@tamagui/list-item";
|
|
5
|
+
import { textParentInlineProps } from "@tamagui/text";
|
|
5
6
|
|
|
6
7
|
var getListItemFrameSize = styled.dynamic(function(val, env) {
|
|
7
8
|
var sizing = resolveSizing(val, env);
|
|
@@ -109,7 +110,7 @@ var ListItemComponent = createStyledHOC(ListItemFrame, function ListItem(props,
|
|
|
109
110
|
ref,
|
|
110
111
|
...listItemProps
|
|
111
112
|
});
|
|
112
|
-
});
|
|
113
|
+
}, { staticConfig: { inlineProps: textParentInlineProps } });
|
|
113
114
|
var ListItem2 = withStaticProperties(ListItemComponent, {
|
|
114
115
|
Apply: ListItemContext.Provider,
|
|
115
116
|
Frame: ListItemFrame,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.native.js","names":["ListItemBehaviorFrame","ListItemBehaviorText","ListItemBehaviorTitle","ListItemBehaviorSubtitle"],"sources":["esm/components/ListItem.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createStyledHOC, resolveSizing, styled, withStaticProperties } from \"@tamagui/core\";\nimport { useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { ListItemContext, ListItemFrame as ListItemBehaviorFrame, ListItemSubtitle as ListItemBehaviorSubtitle, ListItemText as ListItemBehaviorText, ListItemTitle as ListItemBehaviorTitle, useListItem } from \"@tamagui/list-item\";\nvar getListItemFrameSize = styled.dynamic(function(val, env) {\n var sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n paddingInline: sizing.paddingInline,\n paddingBlock: sizing.paddingBlock,\n gap: sizing.gap\n };\n});\nvar getListItemTextSize = styled.dynamic(function(val, env) {\n var sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n fontSize: sizing.fontSize,\n lineHeight: sizing.lineHeight\n };\n});\nvar getListItemSubtitleSize = styled.dynamic(function(val, env) {\n var _env_sizing_sizes_prev;\n var sizing = resolveSizing(val, env);\n if (!sizing) return;\n var names = Object.keys(env.sizing.sizes);\n var prev = names[Math.max(0, names.indexOf(sizing.name) - 1)];\n var prevKey = prev != null ? (_env_sizing_sizes_prev = env.sizing.sizes[prev]) === null || _env_sizing_sizes_prev === void 0 ? void 0 : _env_sizing_sizes_prev.fontSize : void 0;\n var key = prevKey !== null && prevKey !== void 0 ? prevKey : sizing.fontSize;\n return {\n fontSize: key,\n lineHeight: key\n };\n});\nvar listItemIconPx = function(size) {\n var scaleIcon = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;\n var _resolveSizing, _resolveSizing1;\n if (typeof size === \"number\") return size * scaleIcon;\n var _resolveSizing_icon;\n var icon = (_resolveSizing_icon = (_resolveSizing = resolveSizing(size)) === null || _resolveSizing === void 0 ? void 0 : _resolveSizing.icon) !== null && _resolveSizing_icon !== void 0 ? _resolveSizing_icon : (_resolveSizing1 = resolveSizing(void 0)) === null || _resolveSizing1 === void 0 ? void 0 : _resolveSizing1.icon;\n return icon == null ? void 0 : icon * scaleIcon;\n};\nvar outlined = {\n backgroundColor: \"transparent hover:transparent press:transparent\",\n borderWidth: 1,\n borderColor: \"border-color hover:border-color-hover press:border-color-press\"\n};\nvar ListItemFrame = styled(ListItemBehaviorFrame, {\n context: ListItemContext,\n displayName: \"ListItem\",\n backgroundColor: \"background hover:background-hover press:background-press\",\n borderColor: \"border-color hover:border-color-hover press:border-color-press\",\n color: \"color\",\n cursor: \"default\",\n variants: {\n size: getListItemFrameSize,\n variant: {\n outlined\n },\n active: {\n true: {\n backgroundColor: \"hover:background\"\n }\n },\n disabled: {\n true: {\n opacity: 0.5,\n pointerEvents: \"none\"\n }\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemText = styled(ListItemBehaviorText, {\n context: ListItemContext,\n displayName: \"ListItemText\",\n variants: {\n size: getListItemTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemTitle = styled(ListItemBehaviorTitle, {\n context: ListItemContext,\n displayName: \"ListItemTitle\",\n variants: {\n size: getListItemTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemSubtitle = styled(ListItemBehaviorSubtitle, {\n context: ListItemContext,\n displayName: \"ListItemSubtitle\",\n variants: {\n size: getListItemSubtitleSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemIcon = function(param) {\n var { children, size, scaleIcon = 1 } = param;\n var context = ListItemContext.useStyledContext();\n var getThemedIcon = useGetThemedIcon({\n size: listItemIconPx(size !== null && size !== void 0 ? size : context.size, scaleIcon),\n color: context.color\n });\n return getThemedIcon(children);\n};\nvar ListItemComponent = createStyledHOC(ListItemFrame, function ListItem(props, ref) {\n var _ListItemContext_useStyledContext;\n var contextSize = (_ListItemContext_useStyledContext = ListItemContext.useStyledContext()) === null || _ListItemContext_useStyledContext === void 0 ? void 0 : _ListItemContext_useStyledContext.size;\n var _props_size, _ref;\n var size = (_ref = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : contextSize) !== null && _ref !== void 0 ? _ref : \"md\";\n var _props_scaleIcon;\n var scaleIcon = (_props_scaleIcon = props.scaleIcon) !== null && _props_scaleIcon !== void 0 ? _props_scaleIcon : 1;\n var _props_iconSize;\n var iconSize = (_props_iconSize = props.iconSize) !== null && _props_iconSize !== void 0 ? _props_iconSize : listItemIconPx(size, scaleIcon);\n var { props: listItemProps } = useListItem({\n ...props,\n iconSize,\n scaleIcon: props.iconSize == null ? 1 : scaleIcon\n });\n return /* @__PURE__ */ _jsx(ListItemFrame, {\n ref,\n ...listItemProps\n });\n});\nvar ListItem2 = withStaticProperties(ListItemComponent, {\n Apply: ListItemContext.Provider,\n Frame: ListItemFrame,\n Icon: ListItemIcon,\n Subtitle: ListItemSubtitle,\n Text: ListItemText,\n Title: ListItemTitle\n});\nexport {\n ListItem2 as ListItem,\n ListItemFrame,\n ListItemIcon,\n ListItemSubtitle,\n ListItemText,\n ListItemTitle\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ListItem.native.js","names":["ListItemBehaviorFrame","ListItemBehaviorText","ListItemBehaviorTitle","ListItemBehaviorSubtitle"],"sources":["esm/components/ListItem.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createStyledHOC, resolveSizing, styled, withStaticProperties } from \"@tamagui/core\";\nimport { useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { ListItemContext, ListItemFrame as ListItemBehaviorFrame, ListItemSubtitle as ListItemBehaviorSubtitle, ListItemText as ListItemBehaviorText, ListItemTitle as ListItemBehaviorTitle, useListItem } from \"@tamagui/list-item\";\nimport { textParentInlineProps } from \"@tamagui/text\";\nvar getListItemFrameSize = styled.dynamic(function(val, env) {\n var sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n paddingInline: sizing.paddingInline,\n paddingBlock: sizing.paddingBlock,\n gap: sizing.gap\n };\n});\nvar getListItemTextSize = styled.dynamic(function(val, env) {\n var sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n fontSize: sizing.fontSize,\n lineHeight: sizing.lineHeight\n };\n});\nvar getListItemSubtitleSize = styled.dynamic(function(val, env) {\n var _env_sizing_sizes_prev;\n var sizing = resolveSizing(val, env);\n if (!sizing) return;\n var names = Object.keys(env.sizing.sizes);\n var prev = names[Math.max(0, names.indexOf(sizing.name) - 1)];\n var prevKey = prev != null ? (_env_sizing_sizes_prev = env.sizing.sizes[prev]) === null || _env_sizing_sizes_prev === void 0 ? void 0 : _env_sizing_sizes_prev.fontSize : void 0;\n var key = prevKey !== null && prevKey !== void 0 ? prevKey : sizing.fontSize;\n return {\n fontSize: key,\n lineHeight: key\n };\n});\nvar listItemIconPx = function(size) {\n var scaleIcon = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;\n var _resolveSizing, _resolveSizing1;\n if (typeof size === \"number\") return size * scaleIcon;\n var _resolveSizing_icon;\n var icon = (_resolveSizing_icon = (_resolveSizing = resolveSizing(size)) === null || _resolveSizing === void 0 ? void 0 : _resolveSizing.icon) !== null && _resolveSizing_icon !== void 0 ? _resolveSizing_icon : (_resolveSizing1 = resolveSizing(void 0)) === null || _resolveSizing1 === void 0 ? void 0 : _resolveSizing1.icon;\n return icon == null ? void 0 : icon * scaleIcon;\n};\nvar outlined = {\n backgroundColor: \"transparent hover:transparent press:transparent\",\n borderWidth: 1,\n borderColor: \"border-color hover:border-color-hover press:border-color-press\"\n};\nvar ListItemFrame = styled(ListItemBehaviorFrame, {\n context: ListItemContext,\n displayName: \"ListItem\",\n backgroundColor: \"background hover:background-hover press:background-press\",\n borderColor: \"border-color hover:border-color-hover press:border-color-press\",\n color: \"color\",\n cursor: \"default\",\n variants: {\n size: getListItemFrameSize,\n variant: {\n outlined\n },\n active: {\n true: {\n backgroundColor: \"hover:background\"\n }\n },\n disabled: {\n true: {\n opacity: 0.5,\n pointerEvents: \"none\"\n }\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemText = styled(ListItemBehaviorText, {\n context: ListItemContext,\n displayName: \"ListItemText\",\n variants: {\n size: getListItemTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemTitle = styled(ListItemBehaviorTitle, {\n context: ListItemContext,\n displayName: \"ListItemTitle\",\n variants: {\n size: getListItemTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemSubtitle = styled(ListItemBehaviorSubtitle, {\n context: ListItemContext,\n displayName: \"ListItemSubtitle\",\n variants: {\n size: getListItemSubtitleSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar ListItemIcon = function(param) {\n var { children, size, scaleIcon = 1 } = param;\n var context = ListItemContext.useStyledContext();\n var getThemedIcon = useGetThemedIcon({\n size: listItemIconPx(size !== null && size !== void 0 ? size : context.size, scaleIcon),\n color: context.color\n });\n return getThemedIcon(children);\n};\nvar ListItemComponent = createStyledHOC(ListItemFrame, function ListItem(props, ref) {\n var _ListItemContext_useStyledContext;\n var contextSize = (_ListItemContext_useStyledContext = ListItemContext.useStyledContext()) === null || _ListItemContext_useStyledContext === void 0 ? void 0 : _ListItemContext_useStyledContext.size;\n var _props_size, _ref;\n var size = (_ref = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : contextSize) !== null && _ref !== void 0 ? _ref : \"md\";\n var _props_scaleIcon;\n var scaleIcon = (_props_scaleIcon = props.scaleIcon) !== null && _props_scaleIcon !== void 0 ? _props_scaleIcon : 1;\n var _props_iconSize;\n var iconSize = (_props_iconSize = props.iconSize) !== null && _props_iconSize !== void 0 ? _props_iconSize : listItemIconPx(size, scaleIcon);\n var { props: listItemProps } = useListItem({\n ...props,\n iconSize,\n scaleIcon: props.iconSize == null ? 1 : scaleIcon\n });\n return /* @__PURE__ */ _jsx(ListItemFrame, {\n ref,\n ...listItemProps\n });\n}, {\n staticConfig: {\n inlineProps: textParentInlineProps\n }\n});\nvar ListItem2 = withStaticProperties(ListItemComponent, {\n Apply: ListItemContext.Provider,\n Frame: ListItemFrame,\n Icon: ListItemIcon,\n Subtitle: ListItemSubtitle,\n Text: ListItemText,\n Title: ListItemTitle\n});\nexport {\n ListItem2 as ListItem,\n ListItemFrame,\n ListItemIcon,\n ListItemSubtitle,\n ListItemText,\n ListItemTitle\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ButtonFrame as ButtonFrame$1, ButtonIcon as ButtonIcon$1, ButtonText as ButtonText$1, useButton } from "@tamagui/button";
|
|
2
2
|
import { Theme, createStyledContext, createStyledHOC, resolveSizing, styled, withStaticProperties } from "@tamagui/core";
|
|
3
3
|
import { getThemedIconSize } from "@tamagui/helpers-tamagui";
|
|
4
|
+
import { textParentInlineProps } from "@tamagui/text";
|
|
4
5
|
import React from "react";
|
|
5
6
|
import { jsx } from "react/jsx-runtime";
|
|
6
7
|
|
|
@@ -100,7 +101,10 @@ const ButtonComponent = createStyledHOC(ButtonFrame, function Button(props, ref)
|
|
|
100
101
|
name: theme,
|
|
101
102
|
children: content
|
|
102
103
|
}) : content;
|
|
103
|
-
}, {
|
|
104
|
+
}, {
|
|
105
|
+
disableTheme: true,
|
|
106
|
+
staticConfig: { inlineProps: textParentInlineProps }
|
|
107
|
+
});
|
|
104
108
|
const ButtonInner = React.forwardRef(function ButtonInner2({ buttonBehaviorProps }, ref) {
|
|
105
109
|
const size = buttonBehaviorProps.size ?? ButtonContext.useStyledContext()?.size ?? "md";
|
|
106
110
|
const { props: buttonProps } = useButton(buttonBehaviorProps, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["ButtonBehaviorFrame","ButtonBehaviorText","ButtonBehaviorIcon"],"sources":["jsx/components/Button.js"],"sourcesContent":["import {\n ButtonFrame as ButtonBehaviorFrame,\n ButtonIcon as ButtonBehaviorIcon,\n ButtonText as ButtonBehaviorText,\n useButton\n} from \"@tamagui/button\";\nimport {\n createStyledContext,\n createStyledHOC,\n resolveSizing,\n styled,\n Theme,\n withStaticProperties\n} from \"@tamagui/core\";\nimport { getThemedIconSize } from \"@tamagui/helpers-tamagui\";\nimport React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst ButtonContext = createStyledContext({ size: \"md\" });\nconst buttonSizing = (size, env) => resolveSizing(size, env) ?? resolveSizing(void 0, env);\nconst getButtonFrameSize = styled.dynamic((val, env) => {\n const sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n paddingInline: sizing.paddingInline,\n paddingBlock: sizing.paddingBlock,\n borderRadius: sizing.radius,\n gap: sizing.gap,\n // keep text buttons at the same outer height as circular buttons: the\n // text's line box plus vertical padding, plus the frame's 1px border\n minHeight: sizing.height + 2,\n // `size` is a control preset, not square geometry. keep the frame's width\n // content-driven even if an outer styled layer also recognizes `size` as\n // the generic width/height shorthand.\n width: \"auto\"\n };\n});\nconst getButtonTextSize = styled.dynamic((val, env) => {\n const sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n fontSize: sizing.fontSize,\n lineHeight: sizing.lineHeight\n };\n});\nconst ButtonFrameBase = styled(ButtonBehaviorFrame, {\n context: ButtonContext,\n displayName: \"ButtonFrame\",\n className: \"tm-button\",\n backgroundColor: \"background hover:background-hover press:background-press\",\n // flat by default, the way current libraries draw a button (shadcn's\n // default variant has no border): the fill carries it, and the outlined\n // variant adds the border back. the transparent border keeps the 1px every\n // height below accounts for, so the variants line up\n borderColor: \"transparent\",\n borderStyle: \"solid\",\n borderWidth: 1,\n cursor: \"web:pointer\",\n opacity: \"press:0.7\",\n outlineColor: \"focus-visible:outline-color\",\n outlineStyle: \"focus-visible:solid\",\n outlineWidth: \"focus-visible:2px\",\n variants: {\n size: getButtonFrameSize,\n circular: styled.dynamic(),\n disabled: {\n true: {\n opacity: 0.35\n }\n },\n variant: {\n outlined: {\n backgroundColor: \"transparent\",\n borderColor: \"border-color\"\n },\n quiet: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\"\n }\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ButtonFrame = ButtonFrameBase.resolve((props, env) => {\n if (!props.circular) return;\n const sizing = buttonSizing(props.size, env);\n if (!sizing) return;\n const side = sizing.height + 2;\n return {\n borderRadius: 1e3,\n paddingHorizontal: 0,\n height: side,\n maxHeight: side,\n maxWidth: side,\n minWidth: side,\n width: side\n };\n});\nconst ButtonText = styled(ButtonBehaviorText, {\n context: ButtonContext,\n displayName: \"ButtonText\",\n color: \"color\",\n fontWeight: \"600\",\n userSelect: \"none\",\n variants: {\n size: getButtonTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ButtonIcon = ({ size, ...props }) => {\n const context = ButtonContext.useStyledContext();\n return /* @__PURE__ */ jsx(\n ButtonBehaviorIcon,\n {\n ...props,\n size: size ?? getThemedIconSize(buttonSizing(context?.size)?.icon)\n }\n );\n};\nconst ButtonComponent = createStyledHOC(\n ButtonFrame,\n function Button(props, ref) {\n const { theme, ...buttonBehaviorProps } = props;\n const content = /* @__PURE__ */ jsx(Theme, { name: \"level2\", children: /* @__PURE__ */ jsx(ButtonInner, { ref, buttonBehaviorProps }) });\n return theme ? /* @__PURE__ */ jsx(Theme, { name: theme, children: content }) : content;\n },\n { disableTheme: true }\n);\nconst ButtonInner = React.forwardRef(function ButtonInner2({ buttonBehaviorProps }, ref) {\n const size = buttonBehaviorProps.size ?? ButtonContext.useStyledContext()?.size ?? \"md\";\n const { props: buttonProps } = useButton(buttonBehaviorProps, {\n Text: ButtonText,\n iconSize: getThemedIconSize(buttonSizing(size)?.icon)\n });\n return /* @__PURE__ */ jsx(ButtonFrame, { ref, ...buttonProps });\n});\nconst Button2 = withStaticProperties(ButtonComponent, {\n Frame: ButtonFrame,\n Icon: ButtonIcon,\n Text: ButtonText\n});\nexport {\n Button2 as Button,\n ButtonFrame,\n ButtonIcon,\n ButtonText\n};\n//# sourceMappingURL=Button.js.map\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","names":["ButtonBehaviorFrame","ButtonBehaviorText","ButtonBehaviorIcon"],"sources":["jsx/components/Button.js"],"sourcesContent":["import {\n ButtonFrame as ButtonBehaviorFrame,\n ButtonIcon as ButtonBehaviorIcon,\n ButtonText as ButtonBehaviorText,\n useButton\n} from \"@tamagui/button\";\nimport {\n createStyledContext,\n createStyledHOC,\n resolveSizing,\n styled,\n Theme,\n withStaticProperties\n} from \"@tamagui/core\";\nimport { getThemedIconSize } from \"@tamagui/helpers-tamagui\";\nimport { textParentInlineProps } from \"@tamagui/text\";\nimport React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst ButtonContext = createStyledContext({ size: \"md\" });\nconst buttonSizing = (size, env) => resolveSizing(size, env) ?? resolveSizing(void 0, env);\nconst getButtonFrameSize = styled.dynamic((val, env) => {\n const sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n paddingInline: sizing.paddingInline,\n paddingBlock: sizing.paddingBlock,\n borderRadius: sizing.radius,\n gap: sizing.gap,\n // keep text buttons at the same outer height as circular buttons: the\n // text's line box plus vertical padding, plus the frame's 1px border\n minHeight: sizing.height + 2,\n // `size` is a control preset, not square geometry. keep the frame's width\n // content-driven even if an outer styled layer also recognizes `size` as\n // the generic width/height shorthand.\n width: \"auto\"\n };\n});\nconst getButtonTextSize = styled.dynamic((val, env) => {\n const sizing = resolveSizing(val, env);\n if (!sizing) return;\n return {\n fontSize: sizing.fontSize,\n lineHeight: sizing.lineHeight\n };\n});\nconst ButtonFrameBase = styled(ButtonBehaviorFrame, {\n context: ButtonContext,\n displayName: \"ButtonFrame\",\n className: \"tm-button\",\n backgroundColor: \"background hover:background-hover press:background-press\",\n // flat by default, the way current libraries draw a button (shadcn's\n // default variant has no border): the fill carries it, and the outlined\n // variant adds the border back. the transparent border keeps the 1px every\n // height below accounts for, so the variants line up\n borderColor: \"transparent\",\n borderStyle: \"solid\",\n borderWidth: 1,\n cursor: \"web:pointer\",\n opacity: \"press:0.7\",\n outlineColor: \"focus-visible:outline-color\",\n outlineStyle: \"focus-visible:solid\",\n outlineWidth: \"focus-visible:2px\",\n variants: {\n size: getButtonFrameSize,\n circular: styled.dynamic(),\n disabled: {\n true: {\n opacity: 0.35\n }\n },\n variant: {\n outlined: {\n backgroundColor: \"transparent\",\n borderColor: \"border-color\"\n },\n quiet: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\"\n }\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ButtonFrame = ButtonFrameBase.resolve((props, env) => {\n if (!props.circular) return;\n const sizing = buttonSizing(props.size, env);\n if (!sizing) return;\n const side = sizing.height + 2;\n return {\n borderRadius: 1e3,\n paddingHorizontal: 0,\n height: side,\n maxHeight: side,\n maxWidth: side,\n minWidth: side,\n width: side\n };\n});\nconst ButtonText = styled(ButtonBehaviorText, {\n context: ButtonContext,\n displayName: \"ButtonText\",\n color: \"color\",\n fontWeight: \"600\",\n userSelect: \"none\",\n variants: {\n size: getButtonTextSize\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst ButtonIcon = ({ size, ...props }) => {\n const context = ButtonContext.useStyledContext();\n return /* @__PURE__ */ jsx(\n ButtonBehaviorIcon,\n {\n ...props,\n size: size ?? getThemedIconSize(buttonSizing(context?.size)?.icon)\n }\n );\n};\nconst ButtonComponent = createStyledHOC(\n ButtonFrame,\n function Button(props, ref) {\n const { theme, ...buttonBehaviorProps } = props;\n const content = /* @__PURE__ */ jsx(Theme, { name: \"level2\", children: /* @__PURE__ */ jsx(ButtonInner, { ref, buttonBehaviorProps }) });\n return theme ? /* @__PURE__ */ jsx(Theme, { name: theme, children: content }) : content;\n },\n { disableTheme: true, staticConfig: { inlineProps: textParentInlineProps } }\n);\nconst ButtonInner = React.forwardRef(function ButtonInner2({ buttonBehaviorProps }, ref) {\n const size = buttonBehaviorProps.size ?? ButtonContext.useStyledContext()?.size ?? \"md\";\n const { props: buttonProps } = useButton(buttonBehaviorProps, {\n Text: ButtonText,\n iconSize: getThemedIconSize(buttonSizing(size)?.icon)\n });\n return /* @__PURE__ */ jsx(ButtonFrame, { ref, ...buttonProps });\n});\nconst Button2 = withStaticProperties(ButtonComponent, {\n Frame: ButtonFrame,\n Icon: ButtonIcon,\n Text: ButtonText\n});\nexport {\n Button2 as Button,\n ButtonFrame,\n ButtonIcon,\n ButtonText\n};\n//# sourceMappingURL=Button.js.map\n"],"mappings":"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"}
|
|
@@ -38,6 +38,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
38
38
|
var import_button = require("@tamagui/button");
|
|
39
39
|
var import_core = require("@tamagui/core");
|
|
40
40
|
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
41
|
+
var import_text = require("@tamagui/text");
|
|
41
42
|
var import_react = __toESM(require("react"), 1);
|
|
42
43
|
var ButtonContext = (0, import_core.createStyledContext)({ size: "md" });
|
|
43
44
|
var buttonSizing = function(size, env) {
|
|
@@ -140,7 +141,10 @@ var ButtonComponent = (0, import_core.createStyledHOC)(ButtonFrame, function But
|
|
|
140
141
|
name: theme,
|
|
141
142
|
children: content
|
|
142
143
|
}) : content;
|
|
143
|
-
}, {
|
|
144
|
+
}, {
|
|
145
|
+
disableTheme: true,
|
|
146
|
+
staticConfig: { inlineProps: import_text.textParentInlineProps }
|
|
147
|
+
});
|
|
144
148
|
var ButtonInner = /* @__PURE__ */ import_react.default.forwardRef(function ButtonInner2(param, ref) {
|
|
145
149
|
var { buttonBehaviorProps } = param;
|
|
146
150
|
var _ButtonContext_useStyledContext, _buttonSizing;
|
|
@@ -38,6 +38,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
38
38
|
var import_button = require("@tamagui/button");
|
|
39
39
|
var import_core = require("@tamagui/core");
|
|
40
40
|
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
41
|
+
var import_text = require("@tamagui/text");
|
|
41
42
|
var import_react = __toESM(require("react"), 1);
|
|
42
43
|
var ButtonContext = (0, import_core.createStyledContext)({ size: "md" });
|
|
43
44
|
var buttonSizing = function(size, env) {
|
|
@@ -140,7 +141,10 @@ var ButtonComponent = (0, import_core.createStyledHOC)(ButtonFrame, function But
|
|
|
140
141
|
name: theme,
|
|
141
142
|
children: content
|
|
142
143
|
}) : content;
|
|
143
|
-
}, {
|
|
144
|
+
}, {
|
|
145
|
+
disableTheme: true,
|
|
146
|
+
staticConfig: { inlineProps: import_text.textParentInlineProps }
|
|
147
|
+
});
|
|
144
148
|
var ButtonInner = /* @__PURE__ */ import_react.default.forwardRef(function ButtonInner2(param, ref) {
|
|
145
149
|
var { buttonBehaviorProps } = param;
|
|
146
150
|
var _ButtonContext_useStyledContext, _buttonSizing;
|