@utilitywarehouse/hearth-react-native 0.32.1 → 0.32.2

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 (9) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/.turbo/turbo-lint.log +13 -13
  3. package/CHANGELOG.md +22 -0
  4. package/build/components/Badge/Badge.js +2 -2
  5. package/build/components/Tabs/Tab.js +2 -2
  6. package/docs/changelog.mdx +84 -0
  7. package/package.json +8 -8
  8. package/src/components/Badge/Badge.tsx +2 -2
  9. package/src/components/Tabs/Tab.tsx +2 -2
package/.turbo/turbo-build.log CHANGED
@@ -1,4 +1,4 @@
1
1
 
2
- > @utilitywarehouse/hearth-react-native@0.32.1 build /home/runner/work/hearth/hearth/packages/react-native
2
+ > @utilitywarehouse/hearth-react-native@0.32.2 build /home/runner/work/hearth/hearth/packages/react-native
3
3
  > tsc
4
4
 
package/.turbo/turbo-lint.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- > @utilitywarehouse/hearth-react-native@0.32.1 lint /home/runner/work/hearth/hearth/packages/react-native
2
+ > @utilitywarehouse/hearth-react-native@0.32.2 lint /home/runner/work/hearth/hearth/packages/react-native
3
3
  > TIMING=1 eslint .
4
4
 
5
5
 
@@ -45,15 +45,15 @@
45
45
 
46
46
  ✖ 20 problems (0 errors, 20 warnings)
47
47
 
48
- Rule | Time (ms) | Relative
49
- :-----------------------------------------|----------:|--------:
50
- @typescript-eslint/no-unused-vars | 1452.998 | 57.8%
51
- react-hooks/exhaustive-deps | 126.724 | 5.0%
52
- no-global-assign | 93.240 | 3.7%
53
- react-hooks/rules-of-hooks | 91.457 | 3.6%
54
- @typescript-eslint/ban-ts-comment | 64.809 | 2.6%
55
- no-unexpected-multiline | 56.861 | 2.3%
56
- @typescript-eslint/triple-slash-reference | 35.707 | 1.4%
57
- no-misleading-character-class | 35.239 | 1.4%
58
- no-regex-spaces | 34.132 | 1.4%
59
- no-useless-escape | 32.069 | 1.3%
48
+ Rule | Time (ms) | Relative
49
+ :----------------------------------------|----------:|--------:
50
+ @typescript-eslint/no-unused-vars | 1652.894 | 62.0%
51
+ react-hooks/exhaustive-deps | 139.717 | 5.2%
52
+ react-hooks/rules-of-hooks | 103.240 | 3.9%
53
+ no-global-assign | 68.299 | 2.6%
54
+ no-misleading-character-class | 54.368 | 2.0%
55
+ no-unexpected-multiline | 52.346 | 2.0%
56
+ @typescript-eslint/ban-ts-comment | 50.938 | 1.9%
57
+ no-useless-escape | 46.618 | 1.7%
58
+ no-loss-of-precision | 37.323 | 1.4%
59
+ @typescript-eslint/no-unused-expressions | 32.985 | 1.2%
package/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # @utilitywarehouse/hearth-react-native
2
2
 
3
+ ## 0.32.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#1164](https://github.com/utilitywarehouse/hearth/pull/1164) [`c8848d9`](https://github.com/utilitywarehouse/hearth/commit/c8848d9b01611e4c25b9caef7f211b8c623432c4) Thanks [@MichalCiesliczka](https://github.com/MichalCiesliczka)! - 🐛 [FIX]: Badge and Tabs now adapt their height for larger accessibility font sizes.
8
+
9
+ When larger text sizes are enabled (for example in iOS accessibility settings),
10
+ Badge and Tabs no longer clip text within fixed-height layouts. Their containers
11
+ now grow to fit scaled text while keeping the default visual sizing at standard
12
+ font settings.
13
+
14
+ **Components affected**:
15
+ - Badge
16
+ - Tab
17
+
18
+ **Developer changes**:
19
+
20
+ No code changes are required.
21
+
22
+ - Updated dependencies [[`e4167f2`](https://github.com/utilitywarehouse/hearth/commit/e4167f27325dacc0cbc1feae456697387162aa77)]:
23
+ - @utilitywarehouse/hearth-react-native-icons@0.8.1
24
+
3
25
  ## 0.32.1
4
26
 
5
27
  ### Patch Changes
package/build/components/Badge/Badge.js CHANGED
@@ -47,11 +47,11 @@ const styles = StyleSheet.create(theme => ({
47
47
  size: {
48
48
  sm: {
49
49
  paddingVertical: theme.components.badge.sm.paddingVertical,
50
- height: theme.components.badge.sm.height,
50
+ minHeight: theme.components.badge.sm.height,
51
51
  },
52
52
  md: {
53
53
  paddingVertical: theme.components.badge.md.paddingVertical,
54
- height: theme.components.badge.md.height,
54
+ minHeight: theme.components.badge.md.height,
55
55
  },
56
56
  },
57
57
  flatBase: {
package/build/components/Tabs/Tab.js CHANGED
@@ -49,8 +49,8 @@ const styles = StyleSheet.create(theme => ({
49
49
  },
50
50
  variants: {
51
51
  size: {
52
- md: { height: theme.components.tabs.md.height },
53
- lg: { height: theme.components.tabs.lg.height },
52
+ md: { minHeight: theme.components.tabs.md.height },
53
+ lg: { minHeight: theme.components.tabs.lg.height },
54
54
  },
55
55
  pressed: {
56
56
  true: {
package/docs/changelog.mdx CHANGED
@@ -9,6 +9,90 @@ import { BackToTopButton, NextPrevPage } from './components';
9
9
  The changelog for the Hearth React Native library. Here you can find all the changes, improvements, and bug fixes for each version.
10
10
 
11
11
 
12
+ ## 0.32.2
13
+
14
+ ### Patch Changes
15
+
16
+ - [#1164](https://github.com/utilitywarehouse/hearth/pull/1164) [`c8848d9`](https://github.com/utilitywarehouse/hearth/commit/c8848d9b01611e4c25b9caef7f211b8c623432c4) Thanks [@MichalCiesliczka](https://github.com/MichalCiesliczka)! - 🐛 [FIX]: Badge and Tabs now adapt their height for larger accessibility font sizes.
17
+
18
+ When larger text sizes are enabled (for example in iOS accessibility settings),
19
+ Badge and Tabs no longer clip text within fixed-height layouts. Their containers
20
+ now grow to fit scaled text while keeping the default visual sizing at standard
21
+ font settings.
22
+
23
+ **Components affected**:
24
+ - Badge
25
+ - Tab
26
+
27
+ **Developer changes**:
28
+
29
+ No code changes are required.
30
+
31
+ - Updated dependencies [[`e4167f2`](https://github.com/utilitywarehouse/hearth/commit/e4167f27325dacc0cbc1feae456697387162aa77)]:
32
+ - @utilitywarehouse/hearth-react-native-icons@0.8.1
33
+
34
+ ## 0.32.1
35
+
36
+ ### Patch Changes
37
+
38
+ - [#1144](https://github.com/utilitywarehouse/hearth/pull/1144) [`85459f2`](https://github.com/utilitywarehouse/hearth/commit/85459f2f4d7dcd8a99685a11dcda070530cee8dc) Thanks [@jordmccord](https://github.com/jordmccord)! - 🐛 [FIX]: Add the missing `highlight` color scheme support across the `Banner` and `Card` components.
39
+
40
+ ## 0.32.0
41
+
42
+ ### Minor Changes
43
+
44
+ - [#1134](https://github.com/utilitywarehouse/hearth/pull/1134) [`8824186`](https://github.com/utilitywarehouse/hearth/commit/ebccb55afebcbd47508d7992614b2495c7839cc6) Thanks [@jordmccord](https://github.com/jordmccord)! - 🌟 [FEATURE]: Add `Roundel` status indicator component.
45
+
46
+ `Roundel` is a compact status indicator with `success`, `pending`, and `error` variants, intended for inline state cues.
47
+
48
+ **Components affected**:
49
+
50
+ - `Roundel`
51
+
52
+ **Developer changes**:
53
+
54
+ Import and use `Roundel` from `@utilitywarehouse/hearth-react-native`:
55
+
56
+ ```tsx
57
+ import { Roundel } from '@utilitywarehouse/hearth-react-native';
58
+
59
+ <Roundel variant="success" />;
60
+ ```
61
+
62
+ - [#1132](https://github.com/utilitywarehouse/hearth/pull/1132) [`8824186`](https://github.com/utilitywarehouse/hearth/commit/882418633ee8c3a11e204329d07363dc411996dc) Thanks [@jordmccord](https://github.com/jordmccord)! - 🌟 [FEATURE]: Add the `Rating` component
63
+
64
+ **Components affected**:
65
+ - `Rating`
66
+
67
+ **Developer changes**:
68
+
69
+ ```tsx
70
+ import { Rating } from '@utilitywarehouse/hearth-react-native';
71
+
72
+ const MyComponent = () => <Rating value={3} />;
73
+ ```
74
+
75
+ - [#1129](https://github.com/utilitywarehouse/hearth/pull/1129) [`ec385a8`](https://github.com/utilitywarehouse/hearth/commit/ec385a8185bfa4ec7f4d5f1366ecc069a98cbba8) Thanks [@jordmccord](https://github.com/jordmccord)! - 🌟 [FEATURE]: Add `StepperInput` for controlled numeric input with increment and decrement buttons.
76
+
77
+ `StepperInput` is a new React Native form component for adjusting numeric values with direct text entry and dedicated step controls. It supports min and max bounds, configurable step size, validation and helper text through `FormField`, and an opt-in `focusInputOnStepPress` prop for keyboard-first flows.
78
+
79
+ **Components affected**:
80
+ - `StepperInput`
81
+
82
+ **Developer changes**:
83
+
84
+ Import and use `StepperInput` from `@utilitywarehouse/hearth-react-native`:
85
+
86
+ ```tsx
87
+ import { StepperInput } from '@utilitywarehouse/hearth-react-native';
88
+
89
+ <StepperInput label="Guests" min={1} max={10} value={value} onChangeText={setValue} />;
90
+ ```
91
+
92
+ ### Patch Changes
93
+
94
+ - [#1133](https://github.com/utilitywarehouse/hearth/pull/1133) [`5cae98e`](https://github.com/utilitywarehouse/hearth/commit/5cae98e640a708a7d99eaf0395b7b52e71b8e6ec) Thanks [@jordmccord](https://github.com/jordmccord)! - 💅 [ENHANCEMENT]: Add a `defaultHeight` prop to `Textarea` so the initial height can be configured.
95
+
12
96
  ## 0.31.1
13
97
 
14
98
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@utilitywarehouse/hearth-react-native",
3
- "version": "0.32.1",
3
+ "version": "0.32.2",
4
4
  "description": "Utility Warehouse React Native UI library",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",
@@ -60,9 +60,9 @@
60
60
  "vite-plugin-svgr": "^4.5.0",
61
61
  "vitest": "^3.2.4",
62
62
  "@utilitywarehouse/hearth-fonts": "^0.0.4",
63
- "@utilitywarehouse/hearth-react-icons": "^0.8.0",
64
- "@utilitywarehouse/hearth-react-native-icons": "^0.8.0",
65
- "@utilitywarehouse/hearth-svg-assets": "^0.6.0",
63
+ "@utilitywarehouse/hearth-react-icons": "^0.8.1",
64
+ "@utilitywarehouse/hearth-react-native-icons": "^0.8.1",
65
+ "@utilitywarehouse/hearth-svg-assets": "^0.6.1",
66
66
  "@utilitywarehouse/hearth-tokens": "^0.2.4"
67
67
  },
68
68
  "peerDependencies": {
@@ -81,7 +81,7 @@
81
81
  "clean": "rm -rf node_modules rm -rf build .turbo",
82
82
  "generateColours": "node ./scripts/generateColours.js",
83
83
  "copyTokens": "node ./scripts/copyTokens.js",
84
- "copyChangelog": "node ./scripts/copyChangelog.js",
84
+ "copy:changelog": "node ./scripts/copyChangelog.js",
85
85
  "lint:fix": "TIMING=1 eslint --fix .",
86
86
  "lint": "TIMING=1 eslint .",
87
87
  "build": "tsc",
@@ -90,10 +90,10 @@
90
90
  "figma:publish": "figma connect publish",
91
91
  "test": "vitest run --config vitest.unit.config.ts",
92
92
  "test:storybook": "vitest run --project storybook",
93
- "dev": "npm run copyChangelog && storybook dev -p 6006",
93
+ "dev": "npm run copy:changelog && storybook dev -p 6006",
94
94
  "dev:docs": "storybook dev -p 6002 --no-open --docs",
95
- "build:storybook": "npm run copyChangelog && storybook build",
96
- "build:storybook:docs": "npm run copyChangelog && storybook build --docs",
95
+ "build:storybook": "npm run copy:changelog && storybook build",
96
+ "build:storybook:docs": "npm run copy:changelog && storybook build --docs",
97
97
  "chromatic": "npx chromatic --project-token=chpt_cce0fb1ebd95d2a --build-script-name build:storybook"
98
98
  }
99
99
  }
package/src/components/Badge/Badge.tsx CHANGED
@@ -78,11 +78,11 @@ const styles = StyleSheet.create(theme => ({
78
78
  size: {
79
79
  sm: {
80
80
  paddingVertical: theme.components.badge.sm.paddingVertical,
81
- height: theme.components.badge.sm.height,
81
+ minHeight: theme.components.badge.sm.height,
82
82
  },
83
83
  md: {
84
84
  paddingVertical: theme.components.badge.md.paddingVertical,
85
- height: theme.components.badge.md.height,
85
+ minHeight: theme.components.badge.md.height,
86
86
  },
87
87
  },
88
88
  flatBase: {
package/src/components/Tabs/Tab.tsx CHANGED
@@ -87,8 +87,8 @@ const styles = StyleSheet.create(theme => ({
87
87
  },
88
88
  variants: {
89
89
  size: {
90
- md: { height: theme.components.tabs.md.height },
91
- lg: { height: theme.components.tabs.lg.height },
90
+ md: { minHeight: theme.components.tabs.md.height },
91
+ lg: { minHeight: theme.components.tabs.lg.height },
92
92
  },
93
93
  pressed: {
94
94
  true: {