@hanzogui/button 3.0.3 → 7.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +40 -19
- package/dist/cjs/Button.cjs +195 -188
- package/dist/cjs/Button.native.js +194 -189
- package/dist/cjs/Button.native.js.map +1 -1
- package/dist/cjs/Button.test.cjs +33 -32
- package/dist/cjs/Button.test.native.js +33 -32
- package/dist/cjs/Button.test.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/v1/Button.cjs +216 -213
- package/dist/cjs/v1/Button.native.js +217 -215
- package/dist/cjs/v1/Button.native.js.map +1 -1
- package/dist/cjs/v1/Button.test.cjs +6 -6
- package/dist/cjs/v1/Button.test.native.js +6 -6
- package/dist/cjs/v1/Button.test.native.js.map +1 -1
- package/dist/cjs/v1/index.cjs +7 -5
- package/dist/cjs/v1/index.native.js +7 -5
- package/dist/cjs/v1/index.native.js.map +1 -1
- package/dist/esm/Button.mjs +173 -168
- package/dist/esm/Button.mjs.map +1 -1
- package/dist/esm/Button.native.js +174 -171
- package/dist/esm/Button.native.js.map +1 -1
- package/dist/esm/Button.test.mjs +27 -26
- package/dist/esm/Button.test.mjs.map +1 -1
- package/dist/esm/Button.test.native.js +27 -26
- package/dist/esm/Button.test.native.js.map +1 -1
- package/dist/esm/v1/Button.mjs +194 -193
- package/dist/esm/v1/Button.mjs.map +1 -1
- package/dist/esm/v1/Button.native.js +195 -195
- package/dist/esm/v1/Button.native.js.map +1 -1
- package/dist/esm/v1/Button.test.mjs +2 -2
- package/dist/esm/v1/Button.test.mjs.map +1 -1
- package/dist/esm/v1/Button.test.native.js +2 -2
- package/dist/esm/v1/Button.test.native.js.map +1 -1
- package/dist/jsx/Button.mjs +173 -168
- package/dist/jsx/Button.mjs.map +1 -1
- package/dist/jsx/Button.native.js +194 -189
- package/dist/jsx/Button.native.js.map +1 -1
- package/dist/jsx/Button.test.mjs +27 -26
- package/dist/jsx/Button.test.mjs.map +1 -1
- package/dist/jsx/Button.test.native.js +33 -32
- package/dist/jsx/Button.test.native.js.map +1 -1
- package/dist/jsx/index.native.js +7 -5
- package/dist/jsx/v1/Button.mjs +194 -193
- package/dist/jsx/v1/Button.mjs.map +1 -1
- package/dist/jsx/v1/Button.native.js +217 -215
- package/dist/jsx/v1/Button.native.js.map +1 -1
- package/dist/jsx/v1/Button.test.mjs +2 -2
- package/dist/jsx/v1/Button.test.mjs.map +1 -1
- package/dist/jsx/v1/Button.test.native.js +6 -6
- package/dist/jsx/v1/Button.test.native.js.map +1 -1
- package/dist/jsx/v1/index.native.js +7 -5
- package/package.json +19 -17
- package/src/Button.tsx +5 -5
- package/src/v1/Button.tsx +5 -5
- package/types/Button.d.ts +17 -17
- package/types/Button.d.ts.map +1 -0
- package/types/Button.test.d.ts.map +1 -0
- package/types/index.d.ts.map +1 -0
- package/types/v1/Button.d.ts +24 -24
- package/types/v1/Button.d.ts.map +1 -0
- package/types/v1/Button.test.d.ts.map +1 -0
- package/types/v1/index.d.ts.map +1 -0
|
@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var Button_exports = {};
|
|
24
26
|
__export(Button_exports, {
|
|
@@ -30,141 +32,141 @@ __export(Button_exports, {
|
|
|
30
32
|
useButton: () => useButton
|
|
31
33
|
});
|
|
32
34
|
module.exports = __toCommonJS(Button_exports);
|
|
33
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
35
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
+
var import_font_size = require("@hanzogui/font-size");
|
|
37
|
+
var import_get_button_sized = require("@hanzogui/get-button-sized");
|
|
38
|
+
var import_helpers = require("@hanzogui/helpers");
|
|
39
|
+
var import_component_helpers = require("@hanzogui/component-helpers");
|
|
40
|
+
var import_stacks = require("@hanzogui/stacks");
|
|
41
|
+
var import_text = require("@hanzogui/text");
|
|
42
|
+
var import_web = require("@hanzogui/web");
|
|
43
|
+
var import_react = require("react");
|
|
44
|
+
var import_spacer = require("@hanzogui/spacer");
|
|
45
|
+
var ButtonContext = (0, import_web.createStyledContext)({
|
|
46
|
+
// keeping these here means they work with styled() passing down color to text
|
|
47
|
+
color: void 0,
|
|
48
|
+
ellipsis: void 0,
|
|
49
|
+
fontFamily: void 0,
|
|
50
|
+
fontSize: void 0,
|
|
51
|
+
fontStyle: void 0,
|
|
52
|
+
fontWeight: void 0,
|
|
53
|
+
letterSpacing: void 0,
|
|
54
|
+
maxFontSizeMultiplier: void 0,
|
|
55
|
+
size: void 0,
|
|
56
|
+
textAlign: void 0,
|
|
57
|
+
variant: void 0
|
|
58
|
+
});
|
|
59
|
+
var BUTTON_NAME = "Button";
|
|
60
|
+
var ButtonFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
|
|
61
|
+
name: BUTTON_NAME,
|
|
62
|
+
render: "button",
|
|
63
|
+
context: ButtonContext,
|
|
64
|
+
role: "button",
|
|
65
|
+
focusable: true,
|
|
66
|
+
variants: {
|
|
67
|
+
unstyled: {
|
|
68
|
+
false: {
|
|
69
|
+
size: "$true",
|
|
70
|
+
justifyContent: "center",
|
|
71
|
+
alignItems: "center",
|
|
72
|
+
flexWrap: "nowrap",
|
|
73
|
+
flexDirection: "row",
|
|
74
|
+
cursor: "pointer",
|
|
75
|
+
hoverTheme: true,
|
|
76
|
+
pressTheme: true,
|
|
77
|
+
backgroundColor: "$background",
|
|
78
|
+
borderWidth: 1,
|
|
79
|
+
borderColor: "transparent",
|
|
80
|
+
focusVisibleStyle: {
|
|
81
|
+
outlineColor: "$outlineColor",
|
|
82
|
+
outlineStyle: "solid",
|
|
83
|
+
outlineWidth: 2
|
|
83
84
|
}
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
variant: {
|
|
88
|
+
outlined: {
|
|
89
|
+
backgroundColor: "transparent",
|
|
90
|
+
borderWidth: 2,
|
|
91
|
+
borderColor: "$borderColor",
|
|
92
|
+
hoverStyle: {
|
|
87
93
|
backgroundColor: "transparent",
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
},
|
|
98
|
-
focusVisibleStyle: {
|
|
99
|
-
backgroundColor: "transparent",
|
|
100
|
-
borderColor: "$borderColorFocus"
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
},
|
|
104
|
-
size: {
|
|
105
|
-
"...size": import_gui_get_button_sized.getButtonSized,
|
|
106
|
-
":number": import_gui_get_button_sized.getButtonSized
|
|
107
|
-
},
|
|
108
|
-
disabled: {
|
|
109
|
-
true: {
|
|
110
|
-
pointerEvents: "none"
|
|
94
|
+
borderColor: "$borderColorHover"
|
|
95
|
+
},
|
|
96
|
+
pressStyle: {
|
|
97
|
+
backgroundColor: "transparent",
|
|
98
|
+
borderColor: "$borderColorPress"
|
|
99
|
+
},
|
|
100
|
+
focusVisibleStyle: {
|
|
101
|
+
backgroundColor: "transparent",
|
|
102
|
+
borderColor: "$borderColorFocus"
|
|
111
103
|
}
|
|
112
104
|
}
|
|
113
105
|
},
|
|
114
|
-
|
|
115
|
-
|
|
106
|
+
size: {
|
|
107
|
+
"...size": import_get_button_sized.getButtonSized,
|
|
108
|
+
":number": import_get_button_sized.getButtonSized
|
|
109
|
+
},
|
|
110
|
+
disabled: {
|
|
111
|
+
true: {
|
|
112
|
+
pointerEvents: "none"
|
|
113
|
+
}
|
|
116
114
|
}
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
115
|
+
},
|
|
116
|
+
defaultVariants: {
|
|
117
|
+
unstyled: process.env.GUI_HEADLESS === "1"
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
var ButtonText = (0, import_web.styled)(import_text.SizableText, {
|
|
121
|
+
name: "Button",
|
|
122
|
+
context: ButtonContext,
|
|
123
|
+
variants: {
|
|
124
|
+
unstyled: {
|
|
125
|
+
false: {
|
|
126
|
+
userSelect: "none",
|
|
127
|
+
cursor: "pointer",
|
|
128
|
+
// flexGrow 1 leads to inconsistent native style where text pushes to start of view
|
|
129
|
+
flexGrow: 0,
|
|
130
|
+
flexShrink: 1,
|
|
131
|
+
ellipsis: true,
|
|
132
|
+
color: "$color"
|
|
132
133
|
}
|
|
133
|
-
},
|
|
134
|
-
defaultVariants: {
|
|
135
|
-
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
136
134
|
}
|
|
137
|
-
}),
|
|
138
|
-
ButtonIcon = function (props) {
|
|
139
|
-
var {
|
|
140
|
-
children,
|
|
141
|
-
scaleIcon = 1
|
|
142
|
-
} = props,
|
|
143
|
-
{
|
|
144
|
-
size,
|
|
145
|
-
color
|
|
146
|
-
} = (0, import_react.useContext)(ButtonContext),
|
|
147
|
-
iconSize = (typeof size == "number" ? size * 0.5 : (0, import_gui_font_size.getFontSize)(size)) * scaleIcon,
|
|
148
|
-
getThemedIcon = (0, import_gui_helpers2.useGetThemedIcon)({
|
|
149
|
-
size: iconSize,
|
|
150
|
-
color
|
|
151
|
-
});
|
|
152
|
-
return getThemedIcon(children);
|
|
153
135
|
},
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
136
|
+
defaultVariants: {
|
|
137
|
+
unstyled: process.env.GUI_HEADLESS === "1"
|
|
138
|
+
}
|
|
139
|
+
});
|
|
140
|
+
var ButtonIcon = function (props) {
|
|
141
|
+
var {
|
|
142
|
+
children,
|
|
143
|
+
scaleIcon = 1
|
|
144
|
+
} = props;
|
|
145
|
+
var {
|
|
146
|
+
size,
|
|
147
|
+
color
|
|
148
|
+
} = (0, import_react.useContext)(ButtonContext);
|
|
149
|
+
var iconSize = (typeof size === "number" ? size * 0.5 : (0, import_font_size.getFontSize)(size)) * scaleIcon;
|
|
150
|
+
var getThemedIcon = (0, import_component_helpers.useGetThemedIcon)({
|
|
151
|
+
size: iconSize,
|
|
152
|
+
color
|
|
167
153
|
});
|
|
154
|
+
return getThemedIcon(children);
|
|
155
|
+
};
|
|
156
|
+
var ButtonComponent = ButtonFrame.styleable(function Button(props, ref) {
|
|
157
|
+
var {
|
|
158
|
+
props: buttonProps
|
|
159
|
+
} = useButton(props);
|
|
160
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonFrame, {
|
|
161
|
+
"data-disable-theme": true,
|
|
162
|
+
...buttonProps,
|
|
163
|
+
ref
|
|
164
|
+
});
|
|
165
|
+
});
|
|
166
|
+
var Button2 = (0, import_helpers.withStaticProperties)(ButtonComponent, {
|
|
167
|
+
Text: ButtonText,
|
|
168
|
+
Icon: ButtonIcon
|
|
169
|
+
});
|
|
168
170
|
function useButton(param) {
|
|
169
171
|
var {
|
|
170
172
|
textProps,
|
|
@@ -174,88 +176,88 @@ function useButton(param) {
|
|
|
174
176
|
Text = Button2.Text
|
|
175
177
|
} = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
|
|
176
178
|
Text: Button2.Text
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
179
|
+
};
|
|
180
|
+
var isNested = (0, import_react.useContext)(import_stacks.ButtonNestingContext);
|
|
181
|
+
var propsActive = (0, import_web.useProps)(propsIn, {
|
|
182
|
+
noNormalize: true,
|
|
183
|
+
noExpand: true
|
|
184
|
+
});
|
|
185
|
+
var {
|
|
186
|
+
icon,
|
|
187
|
+
iconAfter,
|
|
188
|
+
gap,
|
|
189
|
+
spaceFlex,
|
|
190
|
+
scaleIcon = 1,
|
|
191
|
+
scaleSpace = 0.66,
|
|
192
|
+
noTextWrap,
|
|
193
|
+
fontFamily,
|
|
194
|
+
fontSize,
|
|
195
|
+
fontWeight,
|
|
196
|
+
fontStyle,
|
|
197
|
+
letterSpacing,
|
|
198
|
+
render,
|
|
199
|
+
ellipsis,
|
|
200
|
+
maxFontSizeMultiplier,
|
|
201
|
+
...restProps
|
|
202
|
+
} = propsActive;
|
|
203
|
+
var size = propsActive.size || (propsActive.unstyled ? void 0 : "$true");
|
|
204
|
+
var color = propsActive.color;
|
|
205
|
+
var iconSize = (typeof size === "number" ? size * 0.5 : (0, import_font_size.getFontSize)(size, {
|
|
206
|
+
font: (fontFamily === null || fontFamily === void 0 ? void 0 : fontFamily[0]) === "$" ? fontFamily : void 0
|
|
207
|
+
})) * scaleIcon;
|
|
208
|
+
var getThemedIcon = (0, import_component_helpers.useGetThemedIcon)({
|
|
209
|
+
size: iconSize,
|
|
210
|
+
color
|
|
211
|
+
});
|
|
212
|
+
var [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
|
|
213
|
+
var spaceSize = gap !== null && gap !== void 0 ? gap : (0, import_web.getVariableValue)(iconSize) * scaleSpace;
|
|
214
|
+
var contents = noTextWrap ? [propsIn.children] : (0, import_text.wrapChildrenInText)(Text, {
|
|
215
|
+
children: propsIn.children,
|
|
216
|
+
fontFamily,
|
|
217
|
+
fontSize,
|
|
218
|
+
textProps,
|
|
219
|
+
fontWeight,
|
|
220
|
+
fontStyle,
|
|
221
|
+
letterSpacing,
|
|
222
|
+
ellipsis,
|
|
223
|
+
maxFontSizeMultiplier
|
|
224
|
+
}, Text === ButtonText && propsActive.unstyled !== true ? {
|
|
225
|
+
unstyled: process.env.GUI_HEADLESS === "1",
|
|
226
|
+
size
|
|
227
|
+
} : void 0);
|
|
228
|
+
var inner = (0, import_spacer.spacedChildren)({
|
|
229
|
+
// a bit arbitrary but scaling to font size is necessary so long as button does
|
|
230
|
+
space: spaceSize,
|
|
231
|
+
spaceFlex,
|
|
232
|
+
ensureKeys: true,
|
|
233
|
+
direction: propsActive.flexDirection === "column" || propsActive.flexDirection === "column-reverse" ? "vertical" : "horizontal",
|
|
234
|
+
// for keys to stay the same we keep indices as similar a possible
|
|
235
|
+
// so even if icons are undefined we still pass them
|
|
236
|
+
children: [themedIcon, ...contents, themedIconAfter]
|
|
237
|
+
});
|
|
238
|
+
var props = {
|
|
239
|
+
size,
|
|
240
|
+
...(propsIn.disabled && {
|
|
241
|
+
// in rnw - false still has keyboard tabIndex, undefined = not actually focusable
|
|
242
|
+
focusable: void 0,
|
|
243
|
+
// even with tabIndex unset, it will keep focusVisibleStyle on web so disable it here
|
|
244
|
+
focusVisibleStyle: {
|
|
245
|
+
borderColor: "$background"
|
|
246
|
+
}
|
|
209
247
|
}),
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
letterSpacing,
|
|
220
|
-
ellipsis,
|
|
221
|
-
maxFontSizeMultiplier
|
|
222
|
-
}, Text === ButtonText && propsActive.unstyled !== !0 ? {
|
|
223
|
-
unstyled: process.env.HANZO_GUI_HEADLESS === "1",
|
|
224
|
-
size
|
|
225
|
-
} : void 0),
|
|
226
|
-
inner = (0, import_gui_spacer.spacedChildren)({
|
|
227
|
-
// a bit arbitrary but scaling to font size is necessary so long as button does
|
|
228
|
-
space: spaceSize,
|
|
229
|
-
spaceFlex,
|
|
230
|
-
ensureKeys: !0,
|
|
231
|
-
direction: propsActive.flexDirection === "column" || propsActive.flexDirection === "column-reverse" ? "vertical" : "horizontal",
|
|
232
|
-
// for keys to stay the same we keep indices as similar a possible
|
|
233
|
-
// so even if icons are undefined we still pass them
|
|
234
|
-
children: [themedIcon, ...contents, themedIconAfter]
|
|
248
|
+
// fixes SSR issue + DOM nesting issue of not allowing button in button
|
|
249
|
+
render: render !== null && render !== void 0 ? render : isNested ? "span" :
|
|
250
|
+
// defaults to <a /> when accessibilityRole = link
|
|
251
|
+
// see https://github.com/hanzoai/gui/issues/505
|
|
252
|
+
propsActive.accessibilityRole === "link" || propsActive.role === "link" ? "a" : "button",
|
|
253
|
+
...restProps,
|
|
254
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.ButtonNestingContext.Provider, {
|
|
255
|
+
value: true,
|
|
256
|
+
children: inner
|
|
235
257
|
}),
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
// in rnw - false still has keyboard tabIndex, undefined = not actually focusable
|
|
240
|
-
focusable: void 0,
|
|
241
|
-
// even with tabIndex unset, it will keep focusVisibleStyle on web so disable it here
|
|
242
|
-
focusVisibleStyle: {
|
|
243
|
-
borderColor: "$background"
|
|
244
|
-
}
|
|
245
|
-
}),
|
|
246
|
-
// fixes SSR issue + DOM nesting issue of not allowing button in button
|
|
247
|
-
render: render ?? (isNested ? "span" :
|
|
248
|
-
// defaults to <a /> when accessibilityRole = link
|
|
249
|
-
// see https://github.com/tamagui/tamagui/issues/505
|
|
250
|
-
propsActive.accessibilityRole === "link" || propsActive.role === "link" ? "a" : "button"),
|
|
251
|
-
...restProps,
|
|
252
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_stacks.ButtonNestingContext.Provider, {
|
|
253
|
-
value: !0,
|
|
254
|
-
children: inner
|
|
255
|
-
}),
|
|
256
|
-
// forces it to be a runtime pressStyle so it passes through context text colors
|
|
257
|
-
disableClassName: !0
|
|
258
|
-
};
|
|
258
|
+
// forces it to be a runtime pressStyle so it passes through context text colors
|
|
259
|
+
disableClassName: true
|
|
260
|
+
};
|
|
259
261
|
return {
|
|
260
262
|
spaceSize,
|
|
261
263
|
isNested,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Button_exports","__export","Button","Button2","ButtonContext","ButtonFrame","ButtonIcon","ButtonText","useButton","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Button_exports","__export","Button","Button2","ButtonContext","ButtonFrame","ButtonIcon","ButtonText","useButton","module","exports","import_jsx_runtime","require","import_font_size","import_get_button_sized","import_helpers","import_component_helpers","import_stacks","import_text","import_web","import_react","import_spacer","createStyledContext","color","ellipsis","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","maxFontSizeMultiplier","size","textAlign","variant","BUTTON_NAME","styled","ThemeableStack","name","render","context","role","focusable","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","hoverTheme","pressTheme","backgroundColor","borderWidth","borderColor","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","hoverStyle","pressStyle","getButtonSized","disabled","true","pointerEvents","defaultVariants","process","env","GUI_HEADLESS","SizableText","userSelect","flexGrow","flexShrink","props","children","scaleIcon","useContext","iconSize","getFontSize","getThemedIcon","useGetThemedIcon","ButtonComponent","styleable","ref","buttonProps","jsx","withStaticProperties","Text","Icon","param","textProps","propsIn","arguments","length","isNested","ButtonNestingContext","propsActive","useProps","noNormalize","noExpand","icon","iconAfter","gap","spaceFlex","scaleSpace","noTextWrap","restProps","font","themedIcon","themedIconAfter","map","spaceSize","getVariableValue","contents","wrapChildrenInText","inner","spacedChildren","space","ensureKeys","direction","accessibilityRole","Provider","disableClassName"],"sources":["../../../src/v1/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const conf = (0,
|
|
1
|
+
var import_config_default = require("@hanzogui/config-default");
|
|
2
|
+
var import_core = require("@hanzogui/core");
|
|
3
|
+
var import_vitest = require("vitest");
|
|
4
|
+
const conf = (0, import_core.createGui)((0, import_config_default.getDefaultGuiConfig)());
|
|
5
5
|
(0, import_vitest.describe)("Button", () => {
|
|
6
|
-
(0, import_vitest.test)(
|
|
7
|
-
(0, import_vitest.expect)(
|
|
6
|
+
(0, import_vitest.test)(`123`, () => {
|
|
7
|
+
(0, import_vitest.expect)(true).toBeTruthy();
|
|
8
8
|
});
|
|
9
9
|
});
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
var import_config_default = require("@hanzogui/config-default");
|
|
4
|
+
var import_core = require("@hanzogui/core");
|
|
5
|
+
var import_vitest = require("vitest");
|
|
6
|
+
var conf = (0, import_core.createGui)((0, import_config_default.getDefaultGuiConfig)());
|
|
7
7
|
(0, import_vitest.describe)("Button", function () {
|
|
8
|
-
(0, import_vitest.test)(
|
|
9
|
-
(0, import_vitest.expect)(
|
|
8
|
+
(0, import_vitest.test)(`123`, function () {
|
|
9
|
+
(0, import_vitest.expect)(true).toBeTruthy();
|
|
10
10
|
});
|
|
11
11
|
});
|
|
12
12
|
//# sourceMappingURL=Button.test.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["import_config_default","require","import_core","import_vitest","conf","createGui","getDefaultGuiConfig","describe","test","expect","toBeTruthy"],"sources":["../../../src/v1/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,qBAA0B,GAAAC,OAAA;AAC1B,IAAAC,WAAA,GAAAD,OAAuC;AAEvC,IAAAE,aAAa,GAAAF,OAAA;AAA+B,IAE5CG,IAAA,OAAAF,WAAA,CAAAG,SAAS,EAAU,IAAAL,qBAAM,CAAAM,mBAAA;AACvB,IAAAH,aAAA,CAAAI,QAAK,UAAO,cAAM;EAChB,IAAAJ,aAAA,CAAAK,IAAA,OAAO,cAAM;IACd,IAAAL,aAAA,CAAAM,MAAA,QAAAC,UAAA;EAWF","ignoreList":[]}
|
package/dist/cjs/v1/index.cjs
CHANGED
|
@@ -3,15 +3,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
|
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
7
8
|
get: () => from[key],
|
|
8
9
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
9
10
|
});
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
}
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
13
15
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
14
|
-
value:
|
|
16
|
+
value: true
|
|
15
17
|
}), mod);
|
|
16
18
|
var v1_exports = {};
|
|
17
19
|
module.exports = __toCommonJS(v1_exports);
|
|
@@ -5,15 +5,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __copyProps = (to, from, except, desc) => {
|
|
8
|
-
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
9
10
|
get: () => from[key],
|
|
10
11
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
12
|
});
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
}
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
17
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
-
value:
|
|
18
|
+
value: true
|
|
17
19
|
}), mod);
|
|
18
20
|
var v1_exports = {};
|
|
19
21
|
module.exports = __toCommonJS(v1_exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","v1_exports","module","exports"],"sources":["../../../src/v1/index.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","v1_exports","module","exports"],"sources":["../../../src/v1/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,UAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,UAAA","ignoreList":[]}
|