@utilitywarehouse/hearth-react-native 0.36.0 → 0.36.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.
@@ -137,7 +137,6 @@ const styles = StyleSheet.create((theme, rt) => ({
137
137
  {
138
138
  noButtons: true,
139
139
  useSafeAreaInsets: true,
140
- stickyFooter: false,
141
140
  styles: {
142
141
  paddingBottom: rt.insets.bottom +
143
142
  theme.components.modal.padding +
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@utilitywarehouse/hearth-react-native",
3
- "version": "0.36.0",
3
+ "version": "0.36.1",
4
4
  "description": "Utility Warehouse React Native UI library",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -78,10 +78,10 @@
78
78
  "vite": "^7.1.3",
79
79
  "vite-plugin-svgr": "^4.5.0",
80
80
  "vitest": "^4.1.7",
81
+ "@utilitywarehouse/hearth-react-icons": "^0.9.2",
81
82
  "@utilitywarehouse/hearth-fonts": "^0.1.1",
82
- "@utilitywarehouse/hearth-react-native-icons": "^0.9.2",
83
83
  "@utilitywarehouse/hearth-svg-assets": "^0.6.6",
84
- "@utilitywarehouse/hearth-react-icons": "^0.9.2",
84
+ "@utilitywarehouse/hearth-react-native-icons": "^0.9.2",
85
85
  "@utilitywarehouse/hearth-storybook-utils": "0.0.0",
86
86
  "@utilitywarehouse/hearth-tokens": "^0.4.6"
87
87
  },
@@ -121,7 +121,12 @@ The `CheckboxGroup` component is used to group multiple checkbox inputs together
121
121
 
122
122
  ```jsx
123
123
  // Example usage
124
- import { Checkbox, CheckboxGroup, CheckboxIndicator, CheckboxLabel, } from '@utilitywarehouse/hearth-react-native';
124
+ import {
125
+ Checkbox,
126
+ CheckboxGroup,
127
+ CheckboxIndicator,
128
+ CheckboxLabel,
129
+ } from '@utilitywarehouse/hearth-react-native';
125
130
 
126
131
  import { TickSmallIcon } from '@utilitywarehouse/hearth-react-native-icons';
127
132
 
@@ -407,7 +407,7 @@ If you need to use the `ExpandableCard` component in a more advanced way, you ca
407
407
 
408
408
  ```tsx
409
409
  // Example usage
410
- <div style={{ display: 'flex', flexDirection: 'column', gap: 16, width: 350 }}>
410
+ <View style={{ display: 'flex', flexDirection: 'column', gap: 16, width: 350 }}>
411
411
  <ExpandableCard
412
412
  expanded={triggerContentExpanded}
413
413
  onExpandedChange={setTriggerContentExpanded}
@@ -446,7 +446,7 @@ If you need to use the `ExpandableCard` component in a more advanced way, you ca
446
446
  <BodyText>Last Updated: 12/11/25</BodyText>
447
447
  </ExpandableCardExpandedContent>
448
448
  </ExpandableCard>
449
- </div>
449
+ </View>
450
450
  ```
451
451
 
452
452
  ```tsx
@@ -300,6 +300,7 @@ Use the `image` prop to display an image-centric modal with centered content:
300
300
  showCloseButton
301
301
  primaryButtonText="Primary"
302
302
  secondaryButtonText="Cancel"
303
+ loadingHeading="Loading"
303
304
  onPressCloseButton={() => null}
304
305
  onPressPrimaryButton={() => null}
305
306
  onPressSecondaryButton={() => null}
@@ -396,6 +397,7 @@ Add custom content between the header and footer sections:
396
397
  showCloseButton
397
398
  primaryButtonText="Primary"
398
399
  secondaryButtonText="Cancel"
400
+ loadingHeading="Loading"
399
401
  onPressCloseButton={() => null}
400
402
  onPressPrimaryButton={() => null}
401
403
  onPressSecondaryButton={() => null}
@@ -460,6 +462,7 @@ Replace the built-in buttons with a custom sticky footer when you need custom la
460
462
  showCloseButton
461
463
  primaryButtonText="Primary"
462
464
  secondaryButtonText="Cancel"
465
+ loadingHeading="Loading"
463
466
  onPressCloseButton={() => null}
464
467
  onPressPrimaryButton={() => null}
465
468
  onPressSecondaryButton={() => null}
@@ -519,6 +522,7 @@ Show a loading spinner while processing:
519
522
  showCloseButton
520
523
  primaryButtonText="Primary"
521
524
  secondaryButtonText="Cancel"
525
+ loadingHeading="Loading"
522
526
  onPressCloseButton={() => null}
523
527
  onPressPrimaryButton={() => null}
524
528
  onPressSecondaryButton={() => null}
@@ -1,7 +1,7 @@
1
1
  # Hearth React Native
2
2
 
3
3
  React Native component library for building UIs at Utility Warehouse.<br/>
4
- Current version: v0.36.0
4
+ Current version: v0.36.1
5
5
 
6
6
  Hearth React Native is a comprehensive design system library for React Native, providing reusable components, consistent styling, and tools to streamline UI development. It is built to enhance productivity and maintain design consistency across projects.
7
7