@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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@utilitywarehouse/hearth-react-native",
|
|
3
|
-
"version": "0.36.
|
|
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 {
|
|
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
|
-
<
|
|
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
|
-
</
|
|
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.
|
|
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
|
|