@utilitywarehouse/hearth-react-native 0.28.3 → 0.28.4

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 (19) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/.turbo/turbo-lint.log +13 -13
  3. package/CHANGELOG.md +16 -0
  4. package/build/components/Checkbox/CheckboxTileRoot.js +1 -1
  5. package/build/components/CurrencyInput/CurrencyInput.js +3 -3
  6. package/build/components/PillGroup/Pill.js +0 -1
  7. package/build/components/Radio/RadioTileRoot.js +1 -1
  8. package/build/tokens/components/light/checkbox.d.ts +2 -2
  9. package/build/tokens/components/light/checkbox.js +2 -2
  10. package/build/tokens/components/light/radio.d.ts +1 -1
  11. package/build/tokens/components/light/radio.js +1 -1
  12. package/package.json +1 -1
  13. package/src/components/Checkbox/CheckboxTileRoot.tsx +1 -1
  14. package/src/components/CurrencyInput/CurrencyInput.tsx +3 -3
  15. package/src/components/PillGroup/Pill.tsx +0 -1
  16. package/src/components/Radio/RadioRoot.tsx +1 -1
  17. package/src/components/Radio/RadioTileRoot.tsx +1 -1
  18. package/src/tokens/components/light/checkbox.ts +2 -2
  19. package/src/tokens/components/light/radio.ts +1 -1
package/.turbo/turbo-build.log CHANGED
@@ -1,4 +1,4 @@
1
1
 
2
- > @utilitywarehouse/hearth-react-native@0.28.3 build /home/runner/work/hearth/hearth/packages/react-native
2
+ > @utilitywarehouse/hearth-react-native@0.28.4 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.28.3 lint /home/runner/work/hearth/hearth/packages/react-native
2
+ > @utilitywarehouse/hearth-react-native@0.28.4 lint /home/runner/work/hearth/hearth/packages/react-native
3
3
  > TIMING=1 eslint .
4
4
 
5
5
 
@@ -54,15 +54,15 @@
54
54
 
55
55
  ✖ 23 problems (0 errors, 23 warnings)
56
56
 
57
- Rule | Time (ms) | Relative
58
- :-----------------------------------------|----------:|--------:
59
- @typescript-eslint/no-unused-vars | 1554.353 | 59.2%
60
- react-hooks/exhaustive-deps | 144.027 | 5.5%
61
- no-global-assign | 113.457 | 4.3%
62
- react-hooks/rules-of-hooks | 91.927 | 3.5%
63
- @typescript-eslint/ban-ts-comment | 60.650 | 2.3%
64
- no-fallthrough | 48.638 | 1.9%
65
- no-unexpected-multiline | 47.691 | 1.8%
66
- no-misleading-character-class | 45.726 | 1.7%
67
- @typescript-eslint/no-unused-expressions | 29.696 | 1.1%
68
- @typescript-eslint/triple-slash-reference | 29.272 | 1.1%
57
+ Rule | Time (ms) | Relative
58
+ :----------------------------------------|----------:|--------:
59
+ @typescript-eslint/no-unused-vars | 1479.249 | 61.1%
60
+ react-hooks/exhaustive-deps | 101.901 | 4.2%
61
+ no-global-assign | 87.369 | 3.6%
62
+ react-hooks/rules-of-hooks | 73.797 | 3.0%
63
+ no-unexpected-multiline | 55.808 | 2.3%
64
+ no-misleading-character-class | 45.927 | 1.9%
65
+ @typescript-eslint/ban-ts-comment | 37.234 | 1.5%
66
+ @typescript-eslint/no-unused-expressions | 35.516 | 1.5%
67
+ no-useless-escape | 29.525 | 1.2%
68
+ no-control-regex | 28.394 | 1.2%
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @utilitywarehouse/hearth-react-native
2
2
 
3
+ ## 0.28.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#1034](https://github.com/utilitywarehouse/hearth/pull/1034) [`76598eb`](https://github.com/utilitywarehouse/hearth/commit/76598eb0374c79f9e6c2c23c421f2b9602fbb113) Thanks [@jordmccord](https://github.com/jordmccord)! - 🐛 [FIX]: The `CheckboxTile` spacing now uses the tile gap token instead of the base checkbox gap token.
8
+
9
+ - [#1034](https://github.com/utilitywarehouse/hearth/pull/1034) [`76598eb`](https://github.com/utilitywarehouse/hearth/commit/76598eb0374c79f9e6c2c23c421f2b9602fbb113) Thanks [@jordmccord](https://github.com/jordmccord)! - 🐛 [FIX]: The `Combobox` trigger outline so it is only shown when the control is focused.
10
+
11
+ - [#1034](https://github.com/utilitywarehouse/hearth/pull/1034) [`76598eb`](https://github.com/utilitywarehouse/hearth/commit/76598eb0374c79f9e6c2c23c421f2b9602fbb113) Thanks [@jordmccord](https://github.com/jordmccord)! - 🐛 [FIX]: The `RadioTile` spacing now uses the tile gap token instead of the base radio gap token.
12
+
13
+ - [#1036](https://github.com/utilitywarehouse/hearth/pull/1036) [`b7636e6`](https://github.com/utilitywarehouse/hearth/commit/b7636e6185879264e8d929c3be44fd0d1a354c22) Thanks [@jordmccord](https://github.com/jordmccord)! - 🐛 [FIX]: The `CurrencyInput` font size.
14
+
15
+ - [#1039](https://github.com/utilitywarehouse/hearth/pull/1039) [`3a895bc`](https://github.com/utilitywarehouse/hearth/commit/3a895bcb8dcceb7d55a454ec63de9256d2d8322f) Thanks [@jordmccord](https://github.com/jordmccord)! - 💅 [ENHANCEMENT]: Align all `Radio` and `Checkbox` default and tile gap sizes.
16
+
17
+ - [#1035](https://github.com/utilitywarehouse/hearth/pull/1035) [`01633a7`](https://github.com/utilitywarehouse/hearth/commit/01633a73153563d9b2286f42b764ad771e48ff82) Thanks [@jordmccord](https://github.com/jordmccord)! - 🐛 [FIX]: The `Pill` component no longer applies extra vertical padding and fixes vertical alignment.
18
+
3
19
  ## 0.28.3
4
20
 
5
21
  ### Patch Changes
package/build/components/Checkbox/CheckboxTileRoot.js CHANGED
@@ -17,7 +17,7 @@ const styles = StyleSheet.create(theme => ({
17
17
  flexDirection: 'row',
18
18
  justifyContent: 'flex-start',
19
19
  alignSelf: 'stretch',
20
- gap: theme.components.checkbox.gap,
20
+ gap: theme.components.checkbox.tile.gap,
21
21
  padding: theme.components.checkbox.tile.padding,
22
22
  borderWidth: theme.components.checkbox.tile.borderWidth,
23
23
  borderColor: theme.color.border.strong,
package/build/components/CurrencyInput/CurrencyInput.js CHANGED
@@ -17,7 +17,7 @@ const CurrencyInput = ({ validationStatus = 'initial', disabled, focused, readon
17
17
  }
18
18
  };
19
19
  const displayValue = !disableGroupSeparator && typeof value === 'string' ? formatThousands(value) : value;
20
- return (_jsxs(Input, { validationStatus: validationStatus, disabled: disabled, readonly: readonly, focused: focused, required: required, style: styles.wrap, label: label, labelVariant: labelVariant, helperText: helperText, helperIcon: helperIcon, validText: validText, invalidText: invalidText, children: [_jsx(InputSlot, { children: _jsx(DetailText, { size: "4xl", style: styles.text, accessible: false, children: "\u00A3" }) }), _jsx(InputField, { ref: ref, inputMode: "decimal", inBottomSheet: inBottomSheet, accessibilityHint: 'Enter the amount in pounds and pence, for example "10.99"', ...rest, placeholder: getPlaceholder, keyboardType: "decimal-pad", style: styles.input, value: displayValue, onChangeText: handleChangeText })] }));
20
+ return (_jsxs(Input, { validationStatus: validationStatus, disabled: disabled, readonly: readonly, focused: focused, required: required, style: styles.wrap, label: label, labelVariant: labelVariant, helperText: helperText, helperIcon: helperIcon, validText: validText, invalidText: invalidText, children: [_jsx(InputSlot, { children: _jsx(DetailText, { size: "3xl", style: styles.text, accessible: false, children: "\u00A3" }) }), _jsx(InputField, { ref: ref, inputMode: "decimal", inBottomSheet: inBottomSheet, accessibilityHint: 'Enter the amount in pounds and pence, for example "10.99"', ...rest, placeholder: getPlaceholder, keyboardType: "decimal-pad", style: styles.input, value: displayValue, onChangeText: handleChangeText })] }));
21
21
  };
22
22
  CurrencyInput.displayName = 'CurrencyInput';
23
23
  const styles = StyleSheet.create(theme => ({
@@ -26,13 +26,13 @@ const styles = StyleSheet.create(theme => ({
26
26
  gap: theme.components.input.currency.gap,
27
27
  },
28
28
  text: {
29
- ...(Platform.OS === 'ios' && { lineHeight: 46 }),
29
+ ...(Platform.OS === 'ios' && { lineHeight: 40 }),
30
30
  _web: {
31
31
  marginTop: 1,
32
32
  },
33
33
  },
34
34
  input: {
35
- fontSize: theme.typography.mobile.detailText['4xl'].fontSize,
35
+ fontSize: theme.typography.mobile.detailText['3xl'].fontSize,
36
36
  fontFamily: theme.typography.mobile.detailText.fontFamily,
37
37
  fontWeight: `${theme.typography.mobile.detailText.fontWeight}`,
38
38
  paddingTop: 0,
package/build/components/PillGroup/Pill.js CHANGED
@@ -26,7 +26,6 @@ const styles = StyleSheet.create(theme => ({
26
26
  minWidth: theme.components.pill.minWidth,
27
27
  gap: theme.components.pill.gap,
28
28
  paddingHorizontal: theme.components.pill.paddingHorizontal,
29
- paddingVertical: theme.components.pill.paddingVertical,
30
29
  borderRadius: theme.components.pill.borderRadius,
31
30
  borderWidth: theme.components.pill.borderWidth,
32
31
  borderColor: theme.color.interactive.neutral.border.subtle,
package/build/components/Radio/RadioTileRoot.js CHANGED
@@ -17,7 +17,7 @@ const styles = StyleSheet.create(theme => ({
17
17
  flexDirection: 'row',
18
18
  justifyContent: 'flex-start',
19
19
  alignSelf: 'stretch',
20
- gap: theme.components.radio.gap,
20
+ gap: theme.components.radio.tile.gap,
21
21
  padding: theme.components.radio.tile.padding,
22
22
  borderWidth: theme.components.radio.tile.borderWidth,
23
23
  borderColor: theme.color.border.strong,
package/build/tokens/components/light/checkbox.d.ts CHANGED
@@ -10,7 +10,7 @@ declare const _default: {
10
10
  readonly color: "#fcfbf2";
11
11
  };
12
12
  };
13
- readonly gap: 12;
13
+ readonly gap: 8;
14
14
  readonly group: {
15
15
  readonly gap: 16;
16
16
  readonly stack: {
@@ -24,7 +24,7 @@ declare const _default: {
24
24
  readonly borderRadius: 8;
25
25
  readonly borderWidth: 1;
26
26
  readonly borderWidthSelected: 2;
27
- readonly gap: 12;
27
+ readonly gap: 8;
28
28
  readonly group: {
29
29
  readonly gap: 6;
30
30
  readonly heading: {
package/build/tokens/components/light/checkbox.js CHANGED
@@ -10,7 +10,7 @@ export default {
10
10
  color: '#fcfbf2',
11
11
  },
12
12
  },
13
- gap: 12,
13
+ gap: 8,
14
14
  group: {
15
15
  gap: 16,
16
16
  stack: {
@@ -24,7 +24,7 @@ export default {
24
24
  borderRadius: 8,
25
25
  borderWidth: 1,
26
26
  borderWidthSelected: 2,
27
- gap: 12,
27
+ gap: 8,
28
28
  group: {
29
29
  gap: 6,
30
30
  heading: {
package/build/tokens/components/light/radio.d.ts CHANGED
@@ -7,7 +7,7 @@ declare const _default: {
7
7
  readonly checked: {
8
8
  readonly color: "#101010";
9
9
  };
10
- readonly gap: 12;
10
+ readonly gap: 8;
11
11
  readonly group: {
12
12
  readonly gap: 16;
13
13
  readonly stack: {
package/build/tokens/components/light/radio.js CHANGED
@@ -7,7 +7,7 @@ export default {
7
7
  checked: {
8
8
  color: '#101010',
9
9
  },
10
- gap: 12,
10
+ gap: 8,
11
11
  group: {
12
12
  gap: 16,
13
13
  stack: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@utilitywarehouse/hearth-react-native",
3
- "version": "0.28.3",
3
+ "version": "0.28.4",
4
4
  "description": "Utility Warehouse React Native UI library",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",
package/src/components/Checkbox/CheckboxTileRoot.tsx CHANGED
@@ -18,7 +18,7 @@ const styles = StyleSheet.create(theme => ({
18
18
  flexDirection: 'row',
19
19
  justifyContent: 'flex-start',
20
20
  alignSelf: 'stretch',
21
- gap: theme.components.checkbox.gap,
21
+ gap: theme.components.checkbox.tile.gap,
22
22
  padding: theme.components.checkbox.tile.padding,
23
23
  borderWidth: theme.components.checkbox.tile.borderWidth,
24
24
  borderColor: theme.color.border.strong,
package/src/components/CurrencyInput/CurrencyInput.tsx CHANGED
@@ -56,7 +56,7 @@ const CurrencyInput = ({
56
56
  invalidText={invalidText}
57
57
  >
58
58
  <InputSlot>
59
- <DetailText size="4xl" style={styles.text} accessible={false}>
59
+ <DetailText size="3xl" style={styles.text} accessible={false}>
60
60
  £
61
61
  </DetailText>
62
62
  </InputSlot>
@@ -83,13 +83,13 @@ const styles = StyleSheet.create(theme => ({
83
83
  gap: theme.components.input.currency.gap,
84
84
  },
85
85
  text: {
86
- ...(Platform.OS === 'ios' && { lineHeight: 46 }),
86
+ ...(Platform.OS === 'ios' && { lineHeight: 40 }),
87
87
  _web: {
88
88
  marginTop: 1,
89
89
  },
90
90
  },
91
91
  input: {
92
- fontSize: theme.typography.mobile.detailText['4xl'].fontSize,
92
+ fontSize: theme.typography.mobile.detailText['3xl'].fontSize,
93
93
  fontFamily: theme.typography.mobile.detailText.fontFamily,
94
94
  fontWeight: `${theme.typography.mobile.detailText.fontWeight}`,
95
95
  paddingTop: 0,
package/src/components/PillGroup/Pill.tsx CHANGED
@@ -52,7 +52,6 @@ const styles = StyleSheet.create(theme => ({
52
52
  minWidth: theme.components.pill.minWidth,
53
53
  gap: theme.components.pill.gap,
54
54
  paddingHorizontal: theme.components.pill.paddingHorizontal,
55
- paddingVertical: theme.components.pill.paddingVertical,
56
55
  borderRadius: theme.components.pill.borderRadius,
57
56
  borderWidth: theme.components.pill.borderWidth,
58
57
  borderColor: theme.color.interactive.neutral.border.subtle,
package/src/components/Radio/RadioRoot.tsx CHANGED
@@ -2,8 +2,8 @@ import { useMemo } from 'react';
2
2
  import { StyleSheet } from 'react-native-unistyles';
3
3
 
4
4
  import { Pressable, ViewStyle } from 'react-native';
5
- import type RadioProps from './Radio.props';
6
5
  import { RadioContext } from './Radio.context';
6
+ import type RadioProps from './Radio.props';
7
7
  import { useRadioGroupContext } from './RadioGroup.context';
8
8
 
9
9
  const RadioRoot = ({
package/src/components/Radio/RadioTileRoot.tsx CHANGED
@@ -18,7 +18,7 @@ const styles = StyleSheet.create(theme => ({
18
18
  flexDirection: 'row',
19
19
  justifyContent: 'flex-start',
20
20
  alignSelf: 'stretch',
21
- gap: theme.components.radio.gap,
21
+ gap: theme.components.radio.tile.gap,
22
22
  padding: theme.components.radio.tile.padding,
23
23
  borderWidth: theme.components.radio.tile.borderWidth,
24
24
  borderColor: theme.color.border.strong,
package/src/tokens/components/light/checkbox.ts CHANGED
@@ -11,7 +11,7 @@ export default {
11
11
  color: '#fcfbf2',
12
12
  },
13
13
  },
14
- gap: 12,
14
+ gap: 8,
15
15
  group: {
16
16
  gap: 16,
17
17
  stack: {
@@ -25,7 +25,7 @@ export default {
25
25
  borderRadius: 8,
26
26
  borderWidth: 1,
27
27
  borderWidthSelected: 2,
28
- gap: 12,
28
+ gap: 8,
29
29
  group: {
30
30
  gap: 6,
31
31
  heading: {
package/src/tokens/components/light/radio.ts CHANGED
@@ -8,7 +8,7 @@ export default {
8
8
  checked: {
9
9
  color: '#101010',
10
10
  },
11
- gap: 12,
11
+ gap: 8,
12
12
  group: {
13
13
  gap: 16,
14
14
  stack: {