@hanzogui/button 7.3.1 → 8.0.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.
Files changed (58) hide show
  1. package/dist/cjs/Button.cjs +82 -18
  2. package/dist/cjs/Button.native.js +88 -20
  3. package/dist/cjs/Button.native.js.map +1 -1
  4. package/dist/esm/Button.mjs +82 -18
  5. package/dist/esm/Button.mjs.map +1 -1
  6. package/dist/esm/Button.native.js +88 -20
  7. package/dist/esm/Button.native.js.map +1 -1
  8. package/dist/jsx/Button.mjs +82 -18
  9. package/dist/jsx/Button.mjs.map +1 -1
  10. package/dist/jsx/Button.native.js +88 -20
  11. package/dist/jsx/Button.native.js.map +1 -1
  12. package/package.json +18 -22
  13. package/src/Button.tsx +115 -24
  14. package/types/Button.d.ts +140 -40
  15. package/types/Button.d.ts.map +1 -1
  16. package/LICENSE +0 -42
  17. package/dist/cjs/v1/Button.cjs +0 -262
  18. package/dist/cjs/v1/Button.native.js +0 -267
  19. package/dist/cjs/v1/Button.native.js.map +0 -1
  20. package/dist/cjs/v1/Button.test.cjs +0 -9
  21. package/dist/cjs/v1/Button.test.native.js +0 -12
  22. package/dist/cjs/v1/Button.test.native.js.map +0 -1
  23. package/dist/cjs/v1/index.cjs +0 -20
  24. package/dist/cjs/v1/index.native.js +0 -23
  25. package/dist/cjs/v1/index.native.js.map +0 -1
  26. package/dist/esm/v1/Button.mjs +0 -232
  27. package/dist/esm/v1/Button.mjs.map +0 -1
  28. package/dist/esm/v1/Button.native.js +0 -234
  29. package/dist/esm/v1/Button.native.js.map +0 -1
  30. package/dist/esm/v1/Button.test.mjs +0 -10
  31. package/dist/esm/v1/Button.test.mjs.map +0 -1
  32. package/dist/esm/v1/Button.test.native.js +0 -10
  33. package/dist/esm/v1/Button.test.native.js.map +0 -1
  34. package/dist/esm/v1/index.mjs +0 -2
  35. package/dist/esm/v1/index.mjs.map +0 -1
  36. package/dist/esm/v1/index.native.js +0 -2
  37. package/dist/esm/v1/index.native.js.map +0 -1
  38. package/dist/jsx/v1/Button.mjs +0 -232
  39. package/dist/jsx/v1/Button.mjs.map +0 -1
  40. package/dist/jsx/v1/Button.native.js +0 -267
  41. package/dist/jsx/v1/Button.native.js.map +0 -1
  42. package/dist/jsx/v1/Button.test.mjs +0 -10
  43. package/dist/jsx/v1/Button.test.mjs.map +0 -1
  44. package/dist/jsx/v1/Button.test.native.js +0 -12
  45. package/dist/jsx/v1/Button.test.native.js.map +0 -1
  46. package/dist/jsx/v1/index.mjs +0 -2
  47. package/dist/jsx/v1/index.mjs.map +0 -1
  48. package/dist/jsx/v1/index.native.js +0 -23
  49. package/dist/jsx/v1/index.native.js.map +0 -1
  50. package/src/v1/Button.test.tsx +0 -21
  51. package/src/v1/Button.tsx +0 -336
  52. package/src/v1/index.ts +0 -1
  53. package/types/v1/Button.d.ts +0 -302
  54. package/types/v1/Button.d.ts.map +0 -1
  55. package/types/v1/Button.test.d.ts +0 -2
  56. package/types/v1/Button.test.d.ts.map +0 -1
  57. package/types/v1/index.d.ts +0 -2
  58. package/types/v1/index.d.ts.map +0 -1
@@ -10,7 +10,15 @@ var context = createStyledContext({
10
10
  size: void 0,
11
11
  variant: void 0,
12
12
  color: void 0,
13
- elevation: void 0
13
+ elevation: void 0,
14
+ ellipsis: void 0,
15
+ fontFamily: void 0,
16
+ fontSize: void 0,
17
+ fontStyle: void 0,
18
+ fontWeight: void 0,
19
+ letterSpacing: void 0,
20
+ maxFontSizeMultiplier: void 0,
21
+ textAlign: void 0
14
22
  });
15
23
  var Frame = styled(View, {
16
24
  context,
@@ -22,16 +30,24 @@ var Frame = styled(View, {
22
30
  tabIndex: 0,
23
31
  variants: {
24
32
  unstyled: {
33
+ true: {
34
+ // reset browser <button> defaults
35
+ outlineWidth: 0,
36
+ borderWidth: 0,
37
+ backgroundColor: "transparent"
38
+ },
25
39
  false: {
26
40
  size: "$true",
27
41
  justifyContent: "center",
28
42
  alignItems: "center",
29
43
  flexWrap: "nowrap",
30
44
  flexDirection: "row",
31
- cursor: "pointer",
32
45
  backgroundColor: "$background",
33
46
  borderWidth: 1,
34
47
  borderColor: "transparent",
48
+ "$platform-web": {
49
+ cursor: "pointer"
50
+ },
35
51
  hoverStyle: {
36
52
  backgroundColor: "$backgroundHover",
37
53
  borderColor: "$borderColorHover"
@@ -104,12 +120,14 @@ var Text = styled(SizableText, {
104
120
  unstyled: {
105
121
  false: {
106
122
  userSelect: "none",
107
- cursor: "pointer",
108
123
  // flexGrow 1 leads to inconsistent native style where text pushes to start of view
109
124
  flexGrow: 0,
110
125
  flexShrink: 1,
111
126
  ellipsis: true,
112
- color: "$color"
127
+ color: "$color",
128
+ "$platform-web": {
129
+ cursor: "pointer"
130
+ }
113
131
  }
114
132
  }
115
133
  },
@@ -128,7 +146,8 @@ var Icon = function (props) {
128
146
  throw new Error("Button.Icon must be used within a Button");
129
147
  }
130
148
  var sizeToken = size !== null && size !== void 0 ? size : styledContext.size;
131
- var iconColor = useCurrentColor(styledContext.color);
149
+ var iconColorProp = styledContext.color === "unset" || typeof styledContext.color === "number" ? void 0 : styledContext.color;
150
+ var iconColor = useCurrentColor(iconColorProp);
132
151
  var iconSize = (typeof sizeToken === "number" ? sizeToken * 0.5 : getFontSize(sizeToken)) * scaleIcon;
133
152
  return getIcon(children, {
134
153
  size: iconSize,
@@ -152,13 +171,27 @@ var ButtonComponent = Frame.styleable(function (propsIn, ref) {
152
171
  icon,
153
172
  iconAfter,
154
173
  scaleIcon = 1,
174
+ noTextWrap,
175
+ textProps,
176
+ color,
177
+ ellipsis,
178
+ fontFamily,
179
+ fontSize,
180
+ fontStyle,
181
+ fontWeight,
182
+ letterSpacing,
183
+ maxFontSizeMultiplier,
184
+ textAlign,
155
185
  ...props
156
186
  } = processedProps;
157
187
  var size = propsIn.size || (propsIn.unstyled ? void 0 : "$true");
158
188
  var styledContext = context.useStyledContext();
159
- var iconColor = useCurrentColor(styledContext === null || styledContext === void 0 ? void 0 : styledContext.color);
160
189
  var _ref;
161
- var finalSize = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : size) !== null && _ref !== void 0 ? _ref : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size;
190
+ var contextColor = (_ref = color !== null && color !== void 0 ? color : propsIn.color) !== null && _ref !== void 0 ? _ref : styledContext === null || styledContext === void 0 ? void 0 : styledContext.color;
191
+ var iconColorProp = contextColor === "unset" || typeof contextColor === "number" ? void 0 : contextColor;
192
+ var iconColor = useCurrentColor(iconColorProp);
193
+ var _ref1;
194
+ var finalSize = (_ref1 = iconSize !== null && iconSize !== void 0 ? iconSize : size) !== null && _ref1 !== void 0 ? _ref1 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size;
162
195
  var iconSizeNumber = (typeof finalSize === "number" ? finalSize * 0.5 : getFontSize(finalSize)) * scaleIcon;
163
196
  var [themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2) {
164
197
  if (!icon2) return null;
@@ -167,26 +200,61 @@ var ButtonComponent = Frame.styleable(function (propsIn, ref) {
167
200
  color: iconColor
168
201
  });
169
202
  });
203
+ var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9;
170
204
  var wrappedChildren = wrapChildrenInText(Text, {
171
- children
205
+ children,
206
+ color: contextColor,
207
+ ellipsis: (_ref2 = ellipsis !== null && ellipsis !== void 0 ? ellipsis : propsIn.ellipsis) !== null && _ref2 !== void 0 ? _ref2 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.ellipsis,
208
+ fontFamily: (_ref3 = fontFamily !== null && fontFamily !== void 0 ? fontFamily : propsIn.fontFamily) !== null && _ref3 !== void 0 ? _ref3 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontFamily,
209
+ fontSize: (_ref4 = fontSize !== null && fontSize !== void 0 ? fontSize : propsIn.fontSize) !== null && _ref4 !== void 0 ? _ref4 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontSize,
210
+ fontStyle: (_ref5 = fontStyle !== null && fontStyle !== void 0 ? fontStyle : propsIn.fontStyle) !== null && _ref5 !== void 0 ? _ref5 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontStyle,
211
+ fontWeight: (_ref6 = fontWeight !== null && fontWeight !== void 0 ? fontWeight : propsIn.fontWeight) !== null && _ref6 !== void 0 ? _ref6 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontWeight,
212
+ letterSpacing: (_ref7 = letterSpacing !== null && letterSpacing !== void 0 ? letterSpacing : propsIn.letterSpacing) !== null && _ref7 !== void 0 ? _ref7 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.letterSpacing,
213
+ maxFontSizeMultiplier: (_ref8 = maxFontSizeMultiplier !== null && maxFontSizeMultiplier !== void 0 ? maxFontSizeMultiplier : propsIn.maxFontSizeMultiplier) !== null && _ref8 !== void 0 ? _ref8 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.maxFontSizeMultiplier,
214
+ noTextWrap: noTextWrap !== null && noTextWrap !== void 0 ? noTextWrap : propsIn.noTextWrap,
215
+ textAlign: (_ref9 = textAlign !== null && textAlign !== void 0 ? textAlign : propsIn.textAlign) !== null && _ref9 !== void 0 ? _ref9 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.textAlign,
216
+ textProps: textProps !== null && textProps !== void 0 ? textProps : propsIn.textProps
172
217
  }, {
173
218
  unstyled: process.env.GUI_HEADLESS === "1",
174
219
  size: finalSize !== null && finalSize !== void 0 ? finalSize : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size
175
220
  });
221
+ var _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17;
222
+ var textContext = {
223
+ color: contextColor,
224
+ ellipsis: (_ref10 = ellipsis !== null && ellipsis !== void 0 ? ellipsis : propsIn.ellipsis) !== null && _ref10 !== void 0 ? _ref10 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.ellipsis,
225
+ fontFamily: (_ref11 = fontFamily !== null && fontFamily !== void 0 ? fontFamily : propsIn.fontFamily) !== null && _ref11 !== void 0 ? _ref11 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontFamily,
226
+ fontSize: (_ref12 = fontSize !== null && fontSize !== void 0 ? fontSize : propsIn.fontSize) !== null && _ref12 !== void 0 ? _ref12 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontSize,
227
+ fontStyle: (_ref13 = fontStyle !== null && fontStyle !== void 0 ? fontStyle : propsIn.fontStyle) !== null && _ref13 !== void 0 ? _ref13 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontStyle,
228
+ fontWeight: (_ref14 = fontWeight !== null && fontWeight !== void 0 ? fontWeight : propsIn.fontWeight) !== null && _ref14 !== void 0 ? _ref14 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontWeight,
229
+ letterSpacing: (_ref15 = letterSpacing !== null && letterSpacing !== void 0 ? letterSpacing : propsIn.letterSpacing) !== null && _ref15 !== void 0 ? _ref15 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.letterSpacing,
230
+ maxFontSizeMultiplier: (_ref16 = maxFontSizeMultiplier !== null && maxFontSizeMultiplier !== void 0 ? maxFontSizeMultiplier : propsIn.maxFontSizeMultiplier) !== null && _ref16 !== void 0 ? _ref16 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.maxFontSizeMultiplier,
231
+ textAlign: (_ref17 = textAlign !== null && textAlign !== void 0 ? textAlign : propsIn.textAlign) !== null && _ref17 !== void 0 ? _ref17 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.textAlign
232
+ };
233
+ var _props_size, _ref18, _props_variant, _ref19, _props_elevation, _ref20;
234
+ var buttonContext = {
235
+ ...styledContext,
236
+ ...textContext,
237
+ size: (_ref18 = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : propsIn.size) !== null && _ref18 !== void 0 ? _ref18 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size,
238
+ variant: (_ref19 = (_props_variant = props.variant) !== null && _props_variant !== void 0 ? _props_variant : propsIn.variant) !== null && _ref19 !== void 0 ? _ref19 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.variant,
239
+ elevation: (_ref20 = (_props_elevation = props.elevation) !== null && _props_elevation !== void 0 ? _props_elevation : propsIn.elevation) !== null && _ref20 !== void 0 ? _ref20 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.elevation
240
+ };
176
241
  return /* @__PURE__ */_jsx(ButtonNestingContext.Provider, {
177
242
  value: true,
178
- children: /* @__PURE__ */_jsxs(Frame, {
179
- ref,
180
- ...props,
181
- ...(isNested && {
182
- render: "span"
183
- }),
184
- // Pass resolved size to circular variant when no explicit size provided
185
- ...(props.circular && !propsIn.size && {
186
- size
187
- }),
188
- tabIndex: 0,
189
- children: [themedIcon, wrappedChildren, themedIconAfter]
243
+ children: /* @__PURE__ */_jsx(context.Provider, {
244
+ ...buttonContext,
245
+ children: /* @__PURE__ */_jsxs(Frame, {
246
+ ref,
247
+ ...props,
248
+ ...(isNested && {
249
+ render: "span"
250
+ }),
251
+ // pass resolved size to circular variant when no explicit size provided
252
+ ...(props.circular && !propsIn.size && {
253
+ size
254
+ }),
255
+ tabIndex: 0,
256
+ children: [themedIcon, wrappedChildren, themedIconAfter]
257
+ })
190
258
  })
191
259
  });
192
260
  });
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","getFontSize","getButtonSized","getIcon","useCurrentColor","ButtonNestingContext","getElevation","themeableVariants","SizableText","wrapChildrenInText","createStyledContext","getTokenValue","styled","useProps","View","withStaticProperties","useContext","context","size","variant","color","elevation","Frame","name","role","render","type","tabIndex","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","backgroundColor","borderWidth","borderColor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","process","env","GUI_HEADLESS","circular","chromeless","...size","val","extras","buttonStyle","gap",":number","disabled","true","pointerEvents","defaultVariants","Text","userSelect","flexGrow","flexShrink","ellipsis","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColor","iconSize","ButtonContext","ButtonComponent","styleable","propsIn","ref","isNested","processedProps","noNormalize","noExpand","icon","iconAfter","_ref","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","wrappedChildren","Provider","value","Button","Apply"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","getFontSize","getButtonSized","getIcon","useCurrentColor","ButtonNestingContext","getElevation","themeableVariants","SizableText","wrapChildrenInText","createStyledContext","getTokenValue","styled","useProps","View","withStaticProperties","useContext","context","size","variant","color","elevation","ellipsis","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","maxFontSizeMultiplier","textAlign","Frame","name","role","render","type","tabIndex","variants","unstyled","true","outlineWidth","borderWidth","backgroundColor","false","justifyContent","alignItems","flexWrap","flexDirection","borderColor","cursor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlined","process","env","GUI_HEADLESS","circular","chromeless","...size","val","extras","buttonStyle","gap",":number","disabled","pointerEvents","defaultVariants","Text","userSelect","flexGrow","flexShrink","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColorProp","iconColor","iconSize","ButtonContext","ButtonComponent","styleable","propsIn","ref","isNested","processedProps","noNormalize","noExpand","icon","iconAfter","noTextWrap","textProps","_ref","contextColor","_ref1","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","_ref2","_ref3","_ref4","_ref5","_ref6","_ref7","_ref8","_ref9","wrappedChildren","_ref10","_ref11","_ref12","_ref13","_ref14","_ref15","_ref16","_ref17","textContext","_props_size","_ref18","_props_variant","_ref19","_props_elevation","_ref20","buttonContext","Provider","value","Button","Apply"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -10,7 +10,15 @@ const context = createStyledContext({
10
10
  size: void 0,
11
11
  variant: void 0,
12
12
  color: void 0,
13
- elevation: void 0
13
+ elevation: void 0,
14
+ ellipsis: void 0,
15
+ fontFamily: void 0,
16
+ fontSize: void 0,
17
+ fontStyle: void 0,
18
+ fontWeight: void 0,
19
+ letterSpacing: void 0,
20
+ maxFontSizeMultiplier: void 0,
21
+ textAlign: void 0
14
22
  });
15
23
  const Frame = styled(View, {
16
24
  context,
@@ -22,16 +30,24 @@ const Frame = styled(View, {
22
30
  tabIndex: 0,
23
31
  variants: {
24
32
  unstyled: {
33
+ true: {
34
+ // reset browser <button> defaults
35
+ outlineWidth: 0,
36
+ borderWidth: 0,
37
+ backgroundColor: "transparent"
38
+ },
25
39
  false: {
26
40
  size: "$true",
27
41
  justifyContent: "center",
28
42
  alignItems: "center",
29
43
  flexWrap: "nowrap",
30
44
  flexDirection: "row",
31
- cursor: "pointer",
32
45
  backgroundColor: "$background",
33
46
  borderWidth: 1,
34
47
  borderColor: "transparent",
48
+ "$platform-web": {
49
+ cursor: "pointer"
50
+ },
35
51
  hoverStyle: {
36
52
  backgroundColor: "$backgroundHover",
37
53
  borderColor: "$borderColorHover"
@@ -104,12 +120,14 @@ const Text = styled(SizableText, {
104
120
  unstyled: {
105
121
  false: {
106
122
  userSelect: "none",
107
- cursor: "pointer",
108
123
  // flexGrow 1 leads to inconsistent native style where text pushes to start of view
109
124
  flexGrow: 0,
110
125
  flexShrink: 1,
111
126
  ellipsis: true,
112
- color: "$color"
127
+ color: "$color",
128
+ "$platform-web": {
129
+ cursor: "pointer"
130
+ }
113
131
  }
114
132
  }
115
133
  },
@@ -128,7 +146,8 @@ const Icon = props => {
128
146
  throw new Error("Button.Icon must be used within a Button");
129
147
  }
130
148
  const sizeToken = size ?? styledContext.size;
131
- const iconColor = useCurrentColor(styledContext.color);
149
+ const iconColorProp = styledContext.color === "unset" || typeof styledContext.color === "number" ? void 0 : styledContext.color;
150
+ const iconColor = useCurrentColor(iconColorProp);
132
151
  const iconSize = (typeof sizeToken === "number" ? sizeToken * 0.5 : getFontSize(sizeToken)) * scaleIcon;
133
152
  return getIcon(children, {
134
153
  size: iconSize,
@@ -152,11 +171,24 @@ const ButtonComponent = Frame.styleable((propsIn, ref) => {
152
171
  icon,
153
172
  iconAfter,
154
173
  scaleIcon = 1,
174
+ noTextWrap,
175
+ textProps,
176
+ color,
177
+ ellipsis,
178
+ fontFamily,
179
+ fontSize,
180
+ fontStyle,
181
+ fontWeight,
182
+ letterSpacing,
183
+ maxFontSizeMultiplier,
184
+ textAlign,
155
185
  ...props
156
186
  } = processedProps;
157
187
  const size = propsIn.size || (propsIn.unstyled ? void 0 : "$true");
158
188
  const styledContext = context.useStyledContext();
159
- const iconColor = useCurrentColor(styledContext?.color);
189
+ const contextColor = color ?? propsIn.color ?? styledContext?.color;
190
+ const iconColorProp = contextColor === "unset" || typeof contextColor === "number" ? void 0 : contextColor;
191
+ const iconColor = useCurrentColor(iconColorProp);
160
192
  const finalSize = iconSize ?? size ?? styledContext?.size;
161
193
  const iconSizeNumber = (typeof finalSize === "number" ? finalSize * 0.5 : getFontSize(finalSize)) * scaleIcon;
162
194
  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(icon2 => {
@@ -168,24 +200,56 @@ const ButtonComponent = Frame.styleable((propsIn, ref) => {
168
200
  });
169
201
  });
170
202
  const wrappedChildren = wrapChildrenInText(Text, {
171
- children
203
+ children,
204
+ color: contextColor,
205
+ ellipsis: ellipsis ?? propsIn.ellipsis ?? styledContext?.ellipsis,
206
+ fontFamily: fontFamily ?? propsIn.fontFamily ?? styledContext?.fontFamily,
207
+ fontSize: fontSize ?? propsIn.fontSize ?? styledContext?.fontSize,
208
+ fontStyle: fontStyle ?? propsIn.fontStyle ?? styledContext?.fontStyle,
209
+ fontWeight: fontWeight ?? propsIn.fontWeight ?? styledContext?.fontWeight,
210
+ letterSpacing: letterSpacing ?? propsIn.letterSpacing ?? styledContext?.letterSpacing,
211
+ maxFontSizeMultiplier: maxFontSizeMultiplier ?? propsIn.maxFontSizeMultiplier ?? styledContext?.maxFontSizeMultiplier,
212
+ noTextWrap: noTextWrap ?? propsIn.noTextWrap,
213
+ textAlign: textAlign ?? propsIn.textAlign ?? styledContext?.textAlign,
214
+ textProps: textProps ?? propsIn.textProps
172
215
  }, {
173
216
  unstyled: process.env.GUI_HEADLESS === "1",
174
217
  size: finalSize ?? styledContext?.size
175
218
  });
219
+ const textContext = {
220
+ color: contextColor,
221
+ ellipsis: ellipsis ?? propsIn.ellipsis ?? styledContext?.ellipsis,
222
+ fontFamily: fontFamily ?? propsIn.fontFamily ?? styledContext?.fontFamily,
223
+ fontSize: fontSize ?? propsIn.fontSize ?? styledContext?.fontSize,
224
+ fontStyle: fontStyle ?? propsIn.fontStyle ?? styledContext?.fontStyle,
225
+ fontWeight: fontWeight ?? propsIn.fontWeight ?? styledContext?.fontWeight,
226
+ letterSpacing: letterSpacing ?? propsIn.letterSpacing ?? styledContext?.letterSpacing,
227
+ maxFontSizeMultiplier: maxFontSizeMultiplier ?? propsIn.maxFontSizeMultiplier ?? styledContext?.maxFontSizeMultiplier,
228
+ textAlign: textAlign ?? propsIn.textAlign ?? styledContext?.textAlign
229
+ };
230
+ const buttonContext = {
231
+ ...styledContext,
232
+ ...textContext,
233
+ size: props.size ?? propsIn.size ?? styledContext?.size,
234
+ variant: props.variant ?? propsIn.variant ?? styledContext?.variant,
235
+ elevation: props.elevation ?? propsIn.elevation ?? styledContext?.elevation
236
+ };
176
237
  return /* @__PURE__ */jsx(ButtonNestingContext.Provider, {
177
238
  value: true,
178
- children: /* @__PURE__ */jsxs(Frame, {
179
- ref,
180
- ...props,
181
- ...(isNested && {
182
- render: "span"
183
- }),
184
- ...(props.circular && !propsIn.size && {
185
- size
186
- }),
187
- tabIndex: 0,
188
- children: [themedIcon, wrappedChildren, themedIconAfter]
239
+ children: /* @__PURE__ */jsx(context.Provider, {
240
+ ...buttonContext,
241
+ children: /* @__PURE__ */jsxs(Frame, {
242
+ ref,
243
+ ...props,
244
+ ...(isNested && {
245
+ render: "span"
246
+ }),
247
+ ...(props.circular && !propsIn.size && {
248
+ size
249
+ }),
250
+ tabIndex: 0,
251
+ children: [themedIcon, wrappedChildren, themedIconAfter]
252
+ })
189
253
  })
190
254
  });
191
255
  });
@@ -1 +1 @@
1
- {"version":3,"names":["getFontSize","getButtonSized","getIcon","useCurrentColor","ButtonNestingContext","getElevation","themeableVariants","SizableText","wrapChildrenInText","createStyledContext","getTokenValue","styled","useProps","View","withStaticProperties","useContext","jsx","jsxs","context","size","variant","color","elevation","Frame","name","role","render","type","tabIndex","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","backgroundColor","borderWidth","borderColor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","process","env","GUI_HEADLESS","circular","chromeless","...size","val","extras","buttonStyle","gap",":number","disabled","true","pointerEvents","defaultVariants","Text","userSelect","flexGrow","flexShrink","ellipsis","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColor","iconSize","ButtonContext","ButtonComponent","styleable","propsIn","ref","isNested","processedProps","noNormalize","noExpand","icon","iconAfter","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","wrappedChildren","Provider","value","Button","Apply"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,QAAmB;AAC5B,SAASC,cAAA,QAAsB;AAC/B,SAASC,OAAA,EAASC,eAAA,QAAuB;AACzC,SAASC,oBAAA,EAAsBC,YAAA,EAAcC,iBAAA,QAAyB;AACtE,SAASC,WAAA,EAAaC,kBAAA,QAA0B;AAEhD,SACEC,mBAAA,EACAC,aAAA,EACAC,MAAA,EACAC,QAAA,EACAC,IAAA,EACAC,oBAAA,QACK;AAEP,SAASC,UAAA,QAAkB;AAoBjB,SAAAC,GAAA,EAqNJC,IAAA,QArNI;AAhBV,MAAMC,OAAA,GAAUT,mBAAA,CAKb;EACDU,IAAA,EAAM;EACNC,OAAA,EAAS;EACTC,KAAA,EAAO;EACPC,SAAA,EAAW;AACb,CAAC;AAED,MAAMC,KAAA,GAAQZ,MAAA,CAAOE,IAAA,EAAM;EACzBK,OAAA;EACAM,IAAA,EAAM;EACNC,IAAA,EAAM;EACNC,MAAA,EAAQ,eAAAV,GAAA,CAAC;IAAOW,IAAA,EAAK;EAAA,CAAS;EAC9BC,QAAA,EAAU;EAEVC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLZ,IAAA,EAAM;QACNa,cAAA,EAAgB;QAChBC,UAAA,EAAY;QACZC,QAAA,EAAU;QACVC,aAAA,EAAe;QACfC,MAAA,EAAQ;QACRC,eAAA,EAAiB;QACjBC,WAAA,EAAa;QACbC,WAAA,EAAa;QAEbC,UAAA,EAAY;UACVH,eAAA,EAAiB;UACjBE,WAAA,EAAa;QACf;QAEAE,UAAA,EAAY;UACVJ,eAAA,EAAiB;UACjBE,WAAA,EAAa;QACf;QAEAG,iBAAA,EAAmB;UACjBC,YAAA,EAAc;UACdC,YAAA,EAAc;UACdC,YAAA,EAAc;QAChB;MACF;IACF;IAEAzB,OAAA,EAAS;MACP0B,QAAA,EACEC,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB,MACzB,CAAC,IACD;QACEZ,eAAA,EAAiB;QACjBC,WAAA,EAAa;QACbC,WAAA,EAAa;QAEbC,UAAA,EAAY;UACVH,eAAA,EAAiB;UACjBE,WAAA,EAAa;QACf;QAEAE,UAAA,EAAY;UACVJ,eAAA,EAAiB;UACjBE,WAAA,EAAa;QACf;MACF;IACR;IAEAW,QAAA,EAAU5C,iBAAA,CAAkB4C,QAAA;IAE5BC,UAAA,EAAY7C,iBAAA,CAAkB6C,UAAA;IAE9BhC,IAAA,EAAM;MACJ,WAAWiC,CAACC,GAAA,EAAKC,MAAA,KAAW;QAC1B,MAAMC,WAAA,GAActD,cAAA,CAAeoD,GAAA,EAAKC,MAAM;QAC9C,MAAME,GAAA,GAAM9C,aAAA,CAAc2C,GAAY;QACtC,OAAO;UACL,GAAGE,WAAA;UACHC;QACF;MACF;MACA,WAAWC,CAACJ,GAAA,EAAKC,MAAA,KAAW;QAC1B,MAAMC,WAAA,GAActD,cAAA,CAAeoD,GAAA,EAAKC,MAAM;QAC9C,MAAME,GAAA,GAAMH,GAAA,GAAM;QAClB,OAAO;UACL,GAAGE,WAAA;UACHC;QACF;MACF;IACF;IAEAlC,SAAA,EAAW;MACT,WAAWjB,YAAA;MACX,WAAWA;IACb;IAEAqD,QAAA,EAAU;MACRC,IAAA,EAAM;QACJC,aAAA,EAAe;QAAA;QAEf,iBAAiB;MACnB;IACF;EACF;EAEAC,eAAA,EAAiB;IACf/B,QAAA,EAAUiB,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB;EACzC;AACF,CAAC;AAED,MAAMa,IAAA,GAAOnD,MAAA,CAAOJ,WAAA,EAAa;EAC/BW,OAAA;EAEAW,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLgC,UAAA,EAAY;QACZ3B,MAAA,EAAQ;QAAA;QAER4B,QAAA,EAAU;QACVC,UAAA,EAAY;QACZC,QAAA,EAAU;QACV7C,KAAA,EAAO;MACT;IACF;EACF;EAEAwC,eAAA,EAAiB;IACf/B,QAAA,EAAUiB,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB;EACzC;AACF,CAAC;AAED,MAAMkB,IAAA,GAAQC,KAAA,IAIR;EACJ,MAAM;IAAEC,QAAA;IAAUC,SAAA,GAAY;IAAGnD;EAAK,IAAIiD,KAAA;EAC1C,MAAMG,aAAA,GAAgBrD,OAAA,CAAQsD,gBAAA,CAAiB;EAC/C,IAAI,CAACD,aAAA,EAAe;IAClB,MAAM,IAAIE,KAAA,CAAM,0CAA0C;EAC5D;EAEA,MAAMC,SAAA,GAAYvD,IAAA,IAAQoD,aAAA,CAAcpD,IAAA;EACxC,MAAMwD,SAAA,GAAYxE,eAAA,CAAgBoE,aAAA,CAAclD,KAAK;EAErD,MAAMuD,QAAA,IACH,OAAOF,SAAA,KAAc,WAAWA,SAAA,GAAY,MAAM1E,WAAA,CAAY0E,SAAkB,KACjFJ,SAAA;EAEF,OAAOpE,OAAA,CAAQmE,QAAA,EAAU;IACvBlD,IAAA,EAAMyD,QAAA;IACNvD,KAAA,EAAOsD;EACT,CAAC;AACH;AAEO,MAAME,aAAA,GAAgBpE,mBAAA,CAI1B;EACDU,IAAA,EAAM;EACNC,OAAA,EAAS;EACTC,KAAA,EAAO;AACT,CAAC;AAsBD,MAAMyD,eAAA,GAAkBvD,KAAA,CAAMwD,SAAA,CAA4B,CAACC,OAAA,EAASC,GAAA,KAAQ;EAC1E,MAAMC,QAAA,GAAWnE,UAAA,CAAWX,oBAAoB;EAGhD,MAAM+E,cAAA,GAAiBvE,QAAA,CAASoE,OAAA,EAAS;IACvCI,WAAA,EAAa;IACbC,QAAA,EAAU;EACZ,CAAC;EAED,MAAM;IAAEhB,QAAA;IAAUO,QAAA;IAAUU,IAAA;IAAMC,SAAA;IAAWjB,SAAA,GAAY;IAAG,GAAGF;EAAM,IAAIe,cAAA;EAEzE,MAAMhE,IAAA,GAAO6D,OAAA,CAAQ7D,IAAA,KAAS6D,OAAA,CAAQlD,QAAA,GAAW,SAAY;EAE7D,MAAMyC,aAAA,GAAgBrD,OAAA,CAAQsD,gBAAA,CAAiB;EAC/C,MAAMG,SAAA,GAAYxE,eAAA,CAAgBoE,aAAA,EAAelD,KAAK;EACtD,MAAMmE,SAAA,GAAYZ,QAAA,IAAYzD,IAAA,IAAQoD,aAAA,EAAepD,IAAA;EACrD,MAAMsE,cAAA,IACH,OAAOD,SAAA,KAAc,WAAWA,SAAA,GAAY,MAAMxF,WAAA,CAAYwF,SAAkB,KACjFlB,SAAA;EAEF,MAAM,CAACoB,UAAA,EAAYC,eAAe,IAAI,CAACL,IAAA,EAAMC,SAAS,EAAEK,GAAA,CAAKN,KAAA,IAAS;IACpE,IAAI,CAACA,KAAA,EAAM,OAAO;IAClB,OAAOpF,OAAA,CAAQoF,KAAA,EAAM;MACnBnE,IAAA,EAAMsE,cAAA;MACNpE,KAAA,EAAOsD;MAAA;IAET,CAAC;EACH,CAAC;EAED,MAAMkB,eAAA,GAAkBrF,kBAAA,CACtBsD,IAAA,EACA;IAAEO;EAAS,GACX;IACEvC,QAAA,EAAUiB,OAAA,CAAQC,GAAA,CAAIC,YAAA,KAAiB;IACvC9B,IAAA,EAAMqE,SAAA,IAAajB,aAAA,EAAepD;EACpC,CACF;EAEA,OACE,eAAAH,GAAA,CAACZ,oBAAA,CAAqB0F,QAAA,EAArB;IAA8BC,KAAA,EAAO;IACpC1B,QAAA,iBAAApD,IAAA,CAACM,KAAA;MACC0D,GAAA;MACC,GAAGb,KAAA;MACH,IAAIc,QAAA,IAAY;QAAExD,MAAA,EAAQ;MAAO;MAEjC,IAAI0C,KAAA,CAAMlB,QAAA,IAAY,CAAC8B,OAAA,CAAQ7D,IAAA,IAAQ;QAAEA;MAAK;MAC/CS,QAAA,EAAU;MAETyC,QAAA,GAAAqB,UAAA,EACAG,eAAA,EACAF,eAAA;IAAA,CACH;EAAA,CACF;AAEJ,CAAC;AAEM,MAAMK,MAAA,GAASlF,oBAAA,CAAqBgE,eAAA,EAAiB;EAC1DmB,KAAA,EAAO/E,OAAA,CAAQ4E,QAAA;EACfvE,KAAA;EACAuC,IAAA;EACAK;AACF,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["getFontSize","getButtonSized","getIcon","useCurrentColor","ButtonNestingContext","getElevation","themeableVariants","SizableText","wrapChildrenInText","createStyledContext","getTokenValue","styled","useProps","View","withStaticProperties","useContext","jsx","jsxs","context","size","variant","color","elevation","ellipsis","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","maxFontSizeMultiplier","textAlign","Frame","name","role","render","type","tabIndex","variants","unstyled","true","outlineWidth","borderWidth","backgroundColor","false","justifyContent","alignItems","flexWrap","flexDirection","borderColor","cursor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlined","process","env","GUI_HEADLESS","circular","chromeless","...size","val","extras","buttonStyle","gap",":number","disabled","pointerEvents","defaultVariants","Text","userSelect","flexGrow","flexShrink","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColorProp","iconColor","iconSize","ButtonContext","ButtonComponent","styleable","propsIn","ref","isNested","processedProps","noNormalize","noExpand","icon","iconAfter","noTextWrap","textProps","contextColor","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","wrappedChildren","textContext","buttonContext","Provider","value","Button","Apply"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -40,7 +40,15 @@ var context = (0, import_web.createStyledContext)({
40
40
  size: void 0,
41
41
  variant: void 0,
42
42
  color: void 0,
43
- elevation: void 0
43
+ elevation: void 0,
44
+ ellipsis: void 0,
45
+ fontFamily: void 0,
46
+ fontSize: void 0,
47
+ fontStyle: void 0,
48
+ fontWeight: void 0,
49
+ letterSpacing: void 0,
50
+ maxFontSizeMultiplier: void 0,
51
+ textAlign: void 0
44
52
  });
45
53
  var Frame = (0, import_web.styled)(import_web.View, {
46
54
  context,
@@ -52,16 +60,24 @@ var Frame = (0, import_web.styled)(import_web.View, {
52
60
  tabIndex: 0,
53
61
  variants: {
54
62
  unstyled: {
63
+ true: {
64
+ // reset browser <button> defaults
65
+ outlineWidth: 0,
66
+ borderWidth: 0,
67
+ backgroundColor: "transparent"
68
+ },
55
69
  false: {
56
70
  size: "$true",
57
71
  justifyContent: "center",
58
72
  alignItems: "center",
59
73
  flexWrap: "nowrap",
60
74
  flexDirection: "row",
61
- cursor: "pointer",
62
75
  backgroundColor: "$background",
63
76
  borderWidth: 1,
64
77
  borderColor: "transparent",
78
+ "$platform-web": {
79
+ cursor: "pointer"
80
+ },
65
81
  hoverStyle: {
66
82
  backgroundColor: "$backgroundHover",
67
83
  borderColor: "$borderColorHover"
@@ -134,12 +150,14 @@ var Text = (0, import_web.styled)(import_text.SizableText, {
134
150
  unstyled: {
135
151
  false: {
136
152
  userSelect: "none",
137
- cursor: "pointer",
138
153
  // flexGrow 1 leads to inconsistent native style where text pushes to start of view
139
154
  flexGrow: 0,
140
155
  flexShrink: 1,
141
156
  ellipsis: true,
142
- color: "$color"
157
+ color: "$color",
158
+ "$platform-web": {
159
+ cursor: "pointer"
160
+ }
143
161
  }
144
162
  }
145
163
  },
@@ -158,7 +176,8 @@ var Icon = function (props) {
158
176
  throw new Error("Button.Icon must be used within a Button");
159
177
  }
160
178
  var sizeToken = size !== null && size !== void 0 ? size : styledContext.size;
161
- var iconColor = (0, import_component_helpers.useCurrentColor)(styledContext.color);
179
+ var iconColorProp = styledContext.color === "unset" || typeof styledContext.color === "number" ? void 0 : styledContext.color;
180
+ var iconColor = (0, import_component_helpers.useCurrentColor)(iconColorProp);
162
181
  var iconSize = (typeof sizeToken === "number" ? sizeToken * 0.5 : (0, import_font_size.getFontSize)(sizeToken)) * scaleIcon;
163
182
  return (0, import_component_helpers.getIcon)(children, {
164
183
  size: iconSize,
@@ -182,13 +201,27 @@ var ButtonComponent = Frame.styleable(function (propsIn, ref) {
182
201
  icon,
183
202
  iconAfter,
184
203
  scaleIcon = 1,
204
+ noTextWrap,
205
+ textProps,
206
+ color,
207
+ ellipsis,
208
+ fontFamily,
209
+ fontSize,
210
+ fontStyle,
211
+ fontWeight,
212
+ letterSpacing,
213
+ maxFontSizeMultiplier,
214
+ textAlign,
185
215
  ...props
186
216
  } = processedProps;
187
217
  var size = propsIn.size || (propsIn.unstyled ? void 0 : "$true");
188
218
  var styledContext = context.useStyledContext();
189
- var iconColor = (0, import_component_helpers.useCurrentColor)(styledContext === null || styledContext === void 0 ? void 0 : styledContext.color);
190
219
  var _ref;
191
- var finalSize = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : size) !== null && _ref !== void 0 ? _ref : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size;
220
+ var contextColor = (_ref = color !== null && color !== void 0 ? color : propsIn.color) !== null && _ref !== void 0 ? _ref : styledContext === null || styledContext === void 0 ? void 0 : styledContext.color;
221
+ var iconColorProp = contextColor === "unset" || typeof contextColor === "number" ? void 0 : contextColor;
222
+ var iconColor = (0, import_component_helpers.useCurrentColor)(iconColorProp);
223
+ var _ref1;
224
+ var finalSize = (_ref1 = iconSize !== null && iconSize !== void 0 ? iconSize : size) !== null && _ref1 !== void 0 ? _ref1 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size;
192
225
  var iconSizeNumber = (typeof finalSize === "number" ? finalSize * 0.5 : (0, import_font_size.getFontSize)(finalSize)) * scaleIcon;
193
226
  var [themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2) {
194
227
  if (!icon2) return null;
@@ -197,26 +230,61 @@ var ButtonComponent = Frame.styleable(function (propsIn, ref) {
197
230
  color: iconColor
198
231
  });
199
232
  });
233
+ var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9;
200
234
  var wrappedChildren = (0, import_text.wrapChildrenInText)(Text, {
201
- children
235
+ children,
236
+ color: contextColor,
237
+ ellipsis: (_ref2 = ellipsis !== null && ellipsis !== void 0 ? ellipsis : propsIn.ellipsis) !== null && _ref2 !== void 0 ? _ref2 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.ellipsis,
238
+ fontFamily: (_ref3 = fontFamily !== null && fontFamily !== void 0 ? fontFamily : propsIn.fontFamily) !== null && _ref3 !== void 0 ? _ref3 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontFamily,
239
+ fontSize: (_ref4 = fontSize !== null && fontSize !== void 0 ? fontSize : propsIn.fontSize) !== null && _ref4 !== void 0 ? _ref4 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontSize,
240
+ fontStyle: (_ref5 = fontStyle !== null && fontStyle !== void 0 ? fontStyle : propsIn.fontStyle) !== null && _ref5 !== void 0 ? _ref5 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontStyle,
241
+ fontWeight: (_ref6 = fontWeight !== null && fontWeight !== void 0 ? fontWeight : propsIn.fontWeight) !== null && _ref6 !== void 0 ? _ref6 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontWeight,
242
+ letterSpacing: (_ref7 = letterSpacing !== null && letterSpacing !== void 0 ? letterSpacing : propsIn.letterSpacing) !== null && _ref7 !== void 0 ? _ref7 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.letterSpacing,
243
+ maxFontSizeMultiplier: (_ref8 = maxFontSizeMultiplier !== null && maxFontSizeMultiplier !== void 0 ? maxFontSizeMultiplier : propsIn.maxFontSizeMultiplier) !== null && _ref8 !== void 0 ? _ref8 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.maxFontSizeMultiplier,
244
+ noTextWrap: noTextWrap !== null && noTextWrap !== void 0 ? noTextWrap : propsIn.noTextWrap,
245
+ textAlign: (_ref9 = textAlign !== null && textAlign !== void 0 ? textAlign : propsIn.textAlign) !== null && _ref9 !== void 0 ? _ref9 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.textAlign,
246
+ textProps: textProps !== null && textProps !== void 0 ? textProps : propsIn.textProps
202
247
  }, {
203
248
  unstyled: process.env.GUI_HEADLESS === "1",
204
249
  size: finalSize !== null && finalSize !== void 0 ? finalSize : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size
205
250
  });
251
+ var _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17;
252
+ var textContext = {
253
+ color: contextColor,
254
+ ellipsis: (_ref10 = ellipsis !== null && ellipsis !== void 0 ? ellipsis : propsIn.ellipsis) !== null && _ref10 !== void 0 ? _ref10 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.ellipsis,
255
+ fontFamily: (_ref11 = fontFamily !== null && fontFamily !== void 0 ? fontFamily : propsIn.fontFamily) !== null && _ref11 !== void 0 ? _ref11 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontFamily,
256
+ fontSize: (_ref12 = fontSize !== null && fontSize !== void 0 ? fontSize : propsIn.fontSize) !== null && _ref12 !== void 0 ? _ref12 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontSize,
257
+ fontStyle: (_ref13 = fontStyle !== null && fontStyle !== void 0 ? fontStyle : propsIn.fontStyle) !== null && _ref13 !== void 0 ? _ref13 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontStyle,
258
+ fontWeight: (_ref14 = fontWeight !== null && fontWeight !== void 0 ? fontWeight : propsIn.fontWeight) !== null && _ref14 !== void 0 ? _ref14 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.fontWeight,
259
+ letterSpacing: (_ref15 = letterSpacing !== null && letterSpacing !== void 0 ? letterSpacing : propsIn.letterSpacing) !== null && _ref15 !== void 0 ? _ref15 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.letterSpacing,
260
+ maxFontSizeMultiplier: (_ref16 = maxFontSizeMultiplier !== null && maxFontSizeMultiplier !== void 0 ? maxFontSizeMultiplier : propsIn.maxFontSizeMultiplier) !== null && _ref16 !== void 0 ? _ref16 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.maxFontSizeMultiplier,
261
+ textAlign: (_ref17 = textAlign !== null && textAlign !== void 0 ? textAlign : propsIn.textAlign) !== null && _ref17 !== void 0 ? _ref17 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.textAlign
262
+ };
263
+ var _props_size, _ref18, _props_variant, _ref19, _props_elevation, _ref20;
264
+ var buttonContext = {
265
+ ...styledContext,
266
+ ...textContext,
267
+ size: (_ref18 = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : propsIn.size) !== null && _ref18 !== void 0 ? _ref18 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size,
268
+ variant: (_ref19 = (_props_variant = props.variant) !== null && _props_variant !== void 0 ? _props_variant : propsIn.variant) !== null && _ref19 !== void 0 ? _ref19 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.variant,
269
+ elevation: (_ref20 = (_props_elevation = props.elevation) !== null && _props_elevation !== void 0 ? _props_elevation : propsIn.elevation) !== null && _ref20 !== void 0 ? _ref20 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.elevation
270
+ };
206
271
  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.ButtonNestingContext.Provider, {
207
272
  value: true,
208
- children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Frame, {
209
- ref,
210
- ...props,
211
- ...(isNested && {
212
- render: "span"
213
- }),
214
- // Pass resolved size to circular variant when no explicit size provided
215
- ...(props.circular && !propsIn.size && {
216
- size
217
- }),
218
- tabIndex: 0,
219
- children: [themedIcon, wrappedChildren, themedIconAfter]
273
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(context.Provider, {
274
+ ...buttonContext,
275
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Frame, {
276
+ ref,
277
+ ...props,
278
+ ...(isNested && {
279
+ render: "span"
280
+ }),
281
+ // pass resolved size to circular variant when no explicit size provided
282
+ ...(props.circular && !propsIn.size && {
283
+ size
284
+ }),
285
+ tabIndex: 0,
286
+ children: [themedIcon, wrappedChildren, themedIconAfter]
287
+ })
220
288
  })
221
289
  });
222
290
  });