@butternutbox/pawprint-native 0.15.0 → 0.15.2

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
-ESM dist/index.js     502.55 KB
+ESM dist/index.js     502.93 KB
 ESM dist/index.js.map 1.02 MB
-ESM ⚡️ Build success in 6906ms
-CJS dist/index.cjs     532.19 KB
+ESM ⚡️ Build success in 7939ms
+CJS dist/index.cjs     532.57 KB
 CJS dist/index.cjs.map 1.02 MB
-CJS ⚡️ Build success in 6908ms
-DTS ⚡️ Build success in 18492ms
-DTS dist/index.d.cts 98.50 KB
-DTS dist/index.d.ts  98.50 KB
+CJS ⚡️ Build success in 7939ms
+DTS ⚡️ Build success in 22135ms
+DTS dist/index.d.cts 98.88 KB
+DTS dist/index.d.ts  98.88 KB

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @butternutbox/pawprint-native
 
+## 0.15.2
+
+### Patch Changes
+
+- 9ec51dd: `Tooltip`: widen the `text` prop to accept a `ReactNode` as well as a string.
+  Copy that needs part of it emphasised (bold price, coloured span, underline,
+  etc.) can now be passed as a node — e.g. a nested `<Typography weight="bold">`
+  or a `<Trans>` — which renders inside the tooltip's own `<Typography>`, so it
+  inherits the base font and only the emphasised span overrides it. Plain-string
+  usage is unchanged, and `accessibilityLabel` is still set when `text` is a
+  string.
+
+## 0.15.1
+
+### Patch Changes
+
+- 55734f4: Fix Android text rendering in the design system:
+  - `Typography`: disable `includeFontPadding` and centre text vertically. Android reserves extra ascent/descent padding and top-aligns glyphs, which — with the tall Ida Narrow metrics — squeezed or clipped copy (headings, button labels) that renders fine on one line on iOS. Both props are Android-only, so iOS is unaffected.
+  - `NativeSelectPicker`: render the selected value, placeholder, dialog title and option labels in the brand font. They set `fontWeight` but no resolvable `fontFamily`, so they fell back to the system font — now resolved via `resolveFont` (same fix as `TextArea`).
+
 ## 0.15.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -226,7 +226,10 @@ var VARIANT_DEFAULTS = {
   heading: { size: "md" },
   display: { size: "lg" }
 };
-var StyledText = styled51__default.default(reactNative.Text)({});
+var StyledText = styled51__default.default(reactNative.Text)({
+  includeFontPadding: false,
+  textAlignVertical: "center"
+});
 var Typography = React66__default.default.forwardRef(
   (props, ref) => {
     const theme2 = react.useTheme();
@@ -8911,6 +8914,16 @@ var { dimensions } = semantics;
 var parseSize = (value) => {
   return parseInt(value.replace("px", ""), 10);
 };
+var resolveTypography = (typography) => {
+  var _a, _b;
+  const { fontFamily } = resolveFont(
+    typography.fontFamily,
+    typography.fontWeight
+  );
+  const fontSize = parseSize(typography.fontSize);
+  const letterSpacing = ((_a = typography.letterSpacing) == null ? void 0 : _a.endsWith("%")) ? parseFloat(typography.letterSpacing) / 100 * fontSize : parseFloat((_b = typography.letterSpacing) != null ? _b : "0");
+  return { fontFamily, fontSize, letterSpacing };
+};
 var Wrapper = styled51__default.default(reactNative.View)({
   borderWidth: parseSize(inputTokens.borderWidth.field.selected),
   borderColor: inputTokens.colour.field.border.selected,
@@ -8928,18 +8941,16 @@ var SelectIcon = styled51__default.default(Animated10__default.default.View)({
   right: 0,
   marginRight: 0
 });
-var InputText2 = styled51__default.default(reactNative.Text)({
-  color: inputTokens.colour.field.text.default,
-  fontSize: parseSize(inputTokens.field.placeholder.default.fontSize),
-  fontWeight: inputTokens.field.placeholder.default.fontWeight,
+var InputText2 = styled51__default.default(reactNative.Text)(__spreadProps(__spreadValues({
+  color: inputTokens.colour.field.text.default
+}, resolveTypography(inputTokens.field.placeholder.default)), {
   flex: 1
-});
-var PlaceholderText = styled51__default.default(reactNative.Text)({
-  color: inputTokens.colour.field.text.placeholder,
-  fontSize: parseSize(inputTokens.field.placeholder.default.fontSize),
-  fontWeight: inputTokens.field.placeholder.default.fontWeight,
+}));
+var PlaceholderText = styled51__default.default(reactNative.Text)(__spreadProps(__spreadValues({
+  color: inputTokens.colour.field.text.placeholder
+}, resolveTypography(inputTokens.field.placeholder.default)), {
   flex: 1
-});
+}));
 var ModalOverlay = styled51__default.default(reactNative.View)({
   flex: 1,
   backgroundColor: "rgba(0, 0, 0, 0.32)",
@@ -8955,13 +8966,11 @@ var AndroidDialog = styled51__default.default(reactNative.View)({
   paddingBottom: parseSize(dimensions.spacing.xl),
   paddingHorizontal: parseSize(dimensions.spacing.md)
 });
-var DialogTitle = styled51__default.default(reactNative.Text)({
-  fontSize: parseSize(inputTokens.field.placeholder.default.fontSize),
-  fontWeight: inputTokens.text.label.fontWeight,
+var DialogTitle = styled51__default.default(reactNative.Text)(__spreadProps(__spreadValues({}, resolveTypography(inputTokens.text.label)), {
   color: inputTokens.colour.field.text.default,
   marginBottom: parseSize(dimensions.spacing.md),
   marginLeft: parseSize(dimensions.spacing.xs)
-});
+}));
 var AndroidOptionRow = styled51__default.default(reactNative.View)({
   flexDirection: "row",
   alignItems: "center",
@@ -8987,9 +8996,9 @@ var RadioInner = styled51__default.default(reactNative.View)({
   backgroundColor: inputTokens.colour.field.border.selected
 });
 var AndroidOptionText = styled51__default.default(reactNative.Text)(
-  ({ isSelected }) => ({
-    fontSize: parseSize(inputTokens.field.placeholder.default.fontSize),
-    fontWeight: isSelected ? inputTokens.text.label.fontWeight : inputTokens.field.placeholder.default.fontWeight,
+  ({ isSelected }) => __spreadProps(__spreadValues({}, resolveTypography(
+    isSelected ? inputTokens.text.label : inputTokens.field.placeholder.default
+  )), {
     color: inputTokens.colour.field.text.default,
     flex: 1
   })
@@ -10103,7 +10112,7 @@ var Tooltip = React66__default.default.forwardRef(
         ref,
         accessible: true,
         accessibilityRole: "none",
-        accessibilityLabel: text,
+        accessibilityLabel: typeof text === "string" ? text : void 0,
         accessibilityLiveRegion: "polite"
       }, props), {
         children: [