@butternutbox/pawprint-native 0.16.0 → 0.16.1

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 (8) hide show
  1. package/.turbo/turbo-build.log +6 -6
  2. package/CHANGELOG.md +9 -0
  3. package/dist/index.cjs +6 -2
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.js +6 -2
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/molecules/NumberField/NumberFieldInput.tsx +10 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@butternutbox/pawprint-native",
3
- "version": "0.16.0",
3
+ "version": "0.16.1",
4
4
  "type": "module",
5
5
  "description": "ButternutBox Pawprint Design System - React Native Components",
6
6
  "main": "./dist/index.cjs",
package/src/components/molecules/NumberField/NumberFieldInput.tsx CHANGED
@@ -284,14 +284,22 @@ export const NumberFieldInput = React.forwardRef<
284
284
  style={{
285
285
  position: "absolute",
286
286
  bottom: 4,
287
- width: fieldMinWidth,
287
+ // Span the full field (not the min-width) so the help text
288
+ // centres and never wraps into the value when the field is
289
+ // wider than its min-width (e.g. fullWidth) or the copy is long.
290
+ left: 0,
291
+ right: 0,
288
292
  display: "flex",
289
293
  justifyContent: "center",
290
294
  alignItems: "center"
291
295
  }}
292
296
  >
293
297
  <Typography
294
- token={inputTokens.description.text.default}
298
+ token={
299
+ isLarge
300
+ ? tokens.typography.large.secondaryContent
301
+ : tokens.typography.small.smallLabel
302
+ }
295
303
  color={inputTokens.colour.description.default}
296
304
  >
297
305
  {inlineHelpText}