@utilitywarehouse/hearth-react-native 0.34.1 → 0.34.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/CHANGELOG.md +9 -0
  2. package/build/components/BodyText/BodyText.js +4 -0
  3. package/build/components/BodyText/BodyText.props.d.ts +1 -1
  4. package/docs/changelog.mdx +9 -0
  5. package/package.json +3 -3
  6. package/src/components/BodyText/BodyText.docs.mdx +1 -1
  7. package/src/components/BodyText/BodyText.props.ts +1 -1
  8. package/src/components/BodyText/BodyText.stories.tsx +6 -1
  9. package/src/components/BodyText/BodyText.tsx +4 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @utilitywarehouse/hearth-react-native
2
2
 
3
+ ## 0.34.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#1349](https://github.com/utilitywarehouse/hearth/pull/1349) [`bed03da`](https://github.com/utilitywarehouse/hearth/commit/bed03da1252280145ca55bb50f4a9d3eb53440b2) Thanks [@robphoenix](https://github.com/robphoenix)! - 🌟 [FEATURE]: `BodyText` `xl` size (20px / 28px line-height)
8
+
9
+ A new `xl` size is now available for the `BodyText` component, matching the
10
+ existing `xl` body text token (20px font size, 28px line height).
11
+
3
12
  ## 0.34.1
4
13
 
5
14
  ### Patch Changes
package/build/components/BodyText/BodyText.js CHANGED
@@ -42,6 +42,10 @@ const styles = StyleSheet.create(theme => ({
42
42
  fontStyle: 'normal',
43
43
  variants: {
44
44
  size: {
45
+ xl: {
46
+ fontSize: theme.typography.mobile.bodyText.xl.fontSize,
47
+ lineHeight: theme.typography.mobile.bodyText.xl.lineHeight,
48
+ },
45
49
  lg: {
46
50
  fontSize: theme.typography.mobile.bodyText.lg.fontSize,
47
51
  lineHeight: theme.typography.mobile.bodyText.lg.lineHeight,
package/build/components/BodyText/BodyText.props.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { CommonTextProps } from '../../types';
2
2
  interface BodyTextProps extends CommonTextProps {
3
3
  /** Text size variant. */
4
- size?: 'sm' | 'md' | 'lg';
4
+ size?: 'sm' | 'md' | 'lg' | 'xl';
5
5
  /** Font weight variant. */
6
6
  weight?: 'regular' | 'semibold' | 'bold';
7
7
  }
package/docs/changelog.mdx CHANGED
@@ -9,6 +9,15 @@ 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.34.2
13
+
14
+ ### Patch Changes
15
+
16
+ - [#1349](https://github.com/utilitywarehouse/hearth/pull/1349) [`bed03da`](https://github.com/utilitywarehouse/hearth/commit/bed03da1252280145ca55bb50f4a9d3eb53440b2) Thanks [@robphoenix](https://github.com/robphoenix)! - 🌟 [FEATURE]: `BodyText` `xl` size (20px / 28px line-height)
17
+
18
+ A new `xl` size is now available for the `BodyText` component, matching the
19
+ existing `xl` body text token (20px font size, 28px line height).
20
+
12
21
  ## 0.34.1
13
22
 
14
23
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@utilitywarehouse/hearth-react-native",
3
- "version": "0.34.1",
3
+ "version": "0.34.2",
4
4
  "description": "Utility Warehouse React Native UI library",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",
@@ -60,10 +60,10 @@
60
60
  "vite-plugin-svgr": "^4.5.0",
61
61
  "vitest": "^4.1.7",
62
62
  "@utilitywarehouse/hearth-storybook-utils": "0.0.0",
63
- "@utilitywarehouse/hearth-fonts": "^0.1.1",
64
- "@utilitywarehouse/hearth-react-icons": "^0.8.4",
65
63
  "@utilitywarehouse/hearth-react-native-icons": "^0.8.3",
64
+ "@utilitywarehouse/hearth-fonts": "^0.1.1",
66
65
  "@utilitywarehouse/hearth-svg-assets": "^0.6.3",
66
+ "@utilitywarehouse/hearth-react-icons": "^0.8.4",
67
67
  "@utilitywarehouse/hearth-tokens": "^0.4.1"
68
68
  },
69
69
  "peerDependencies": {
package/src/components/BodyText/BodyText.docs.mdx CHANGED
@@ -52,7 +52,7 @@ const MyComponent = () => (
52
52
 
53
53
  | Property | Type | Description | Default |
54
54
  | --------------------- | --------------------------------------------------------------------- | ----------------------------------- | ------------ |
55
- | `size` | `'sm' \| 'md' \| 'lg'` | The size of the text. | `'md'` |
55
+ | `size` | `'sm' \| 'md' \| 'lg' \| 'xl'` | The size of the text. | `'md'` |
56
56
  | `strikeThrough` | `boolean` | Strike through the text. | `false` |
57
57
  | `truncated` | `boolean` | Truncate the text with an ellipsis. | `false` |
58
58
  | `underline` | `boolean` | Underline the text. | `false` |
package/src/components/BodyText/BodyText.props.ts CHANGED
@@ -2,7 +2,7 @@ import type { CommonTextProps } from '../../types';
2
2
 
3
3
  interface BodyTextProps extends CommonTextProps {
4
4
  /** Text size variant. */
5
- size?: 'sm' | 'md' | 'lg';
5
+ size?: 'sm' | 'md' | 'lg' | 'xl';
6
6
  /** Font weight variant. */
7
7
  weight?: 'regular' | 'semibold' | 'bold';
8
8
  }
package/src/components/BodyText/BodyText.stories.tsx CHANGED
@@ -16,7 +16,7 @@ const meta = {
16
16
  // More on argTypes: https://storybook.js.org/docs/api/argtypes
17
17
  argTypes: {
18
18
  size: {
19
- options: ['sm', 'md', 'lg'],
19
+ options: ['sm', 'md', 'lg', 'xl'],
20
20
  control: 'select',
21
21
  description: 'The size of the text.',
22
22
  },
@@ -123,6 +123,11 @@ export const KitchenSink: Story = {
123
123
  Hello there, I'm some body text!
124
124
  </BodyText>
125
125
  </VariantTitle>
126
+ <VariantTitle title="XL">
127
+ <BodyText {...args} size="xl">
128
+ Hello there, I'm some body text!
129
+ </BodyText>
130
+ </VariantTitle>
126
131
  </Box>
127
132
  ),
128
133
  };
package/src/components/BodyText/BodyText.tsx CHANGED
@@ -75,6 +75,10 @@ const styles = StyleSheet.create(theme => ({
75
75
  fontStyle: 'normal',
76
76
  variants: {
77
77
  size: {
78
+ xl: {
79
+ fontSize: theme.typography.mobile.bodyText.xl.fontSize,
80
+ lineHeight: theme.typography.mobile.bodyText.xl.lineHeight,
81
+ },
78
82
  lg: {
79
83
  fontSize: theme.typography.mobile.bodyText.lg.fontSize,
80
84
  lineHeight: theme.typography.mobile.bodyText.lg.lineHeight,