@utilitywarehouse/hearth-react-native 0.35.8 → 0.36.0

package/public/llms/components/heading.md

@@ -70,6 +70,16 @@ The `Heading` component has different sizes to style the text.
       Hello there, I'm a heading!
     </Heading>
   </VariantTitle>
+  <VariantTitle title="2XL">
+    <Heading {...args} size="2xl">
+      Hello there, I'm a heading!
+    </Heading>
+  </VariantTitle>
+  <VariantTitle title="Underline">
+    <Heading {...args} underline>
+      Hello there, an underlined Heading!
+    </Heading>
+  </VariantTitle>
 </Box>
 ```
 

package/public/llms/components/icon-button.md

@@ -135,6 +135,45 @@ const MyComponent = () => {
         ))}
     </Flex>
   ))}
+  <VariantTitle title="Service icon buttons">
+    <ButtonGroup spacing="md">
+      <IconButton
+        icon={ElectricityMediumIcon}
+        backgroundColor="energyBlue200"
+        activeBackgroundColor="energyBlue300"
+        variant="emphasis"
+        shadowColor="energyBlue300"
+      />
+      <IconButton
+        icon={BroadbandMediumIcon}
+        backgroundColor="broadbandGreen200"
+        activeBackgroundColor="broadbandGreen300"
+        variant="emphasis"
+        shadowColor="broadbandGreen300"
+      />
+      <IconButton
+        icon={MobileMediumIcon}
+        backgroundColor="mobileRose200"
+        activeBackgroundColor="mobileRose300"
+        variant="emphasis"
+        shadowColor="mobileRose400"
+      />
+      <IconButton
+        icon={InsuranceMediumIcon}
+        backgroundColor="insuranceOrange300"
+        activeBackgroundColor="insuranceOrange400"
+        variant="emphasis"
+        shadowColor="insuranceOrange400"
+      />
+      <IconButton
+        icon={CashbackCardMediumIcon}
+        backgroundColor="cashbackLilac300"
+        activeBackgroundColor="cashbackLilac400"
+        variant="emphasis"
+        shadowColor="cashbackLilac500"
+      />
+    </ButtonGroup>
+  </VariantTitle>
 </Flex>
 ```
 

package/public/llms/components/icon-container.md

@@ -95,5 +95,21 @@ Use the matrix below to compare every combination of size, variant, and color.
       </VariantTitle>
     </Box>
   ))}
+  <Box gap="300">
+    <VariantTitle title="Radius none">
+      <Flex direction="row" wrap="wrap" spacing="md">
+        {colors.map(color => (
+          <IconContainer
+            key={`radius-none-${color}`}
+            icon={icon}
+            size="md"
+            variant="subtle"
+            color={color}
+            radiusNone
+          />
+        ))}
+      </Flex>
+    </VariantTitle>
+  </Box>
 </Flex>
 ```

package/public/llms/components/themed-image.md

@@ -93,12 +93,8 @@ function MyComponent() {
 // Example usage
 <Box gap="200">
   <ThemedImage
-    light={{
-      uri: pig,
-    }}
-    dark={{
-      uri: pig,
-    }}
+    light={pig as ImageSourcePropType}
+    dark={pig as ImageSourcePropType}
     width={200}
     height={200}
     style={{ width: 200, height: 200, borderRadius: 8 }}

package/public/llms/docs/{ai-tooling.md → ai-toolkit.md}

@@ -1,4 +1,4 @@
-# AI Tooling
+# AI Toolkit
 
 - [Plugin](#plugin)
   - [Claude CLI](#claude-cli)
@@ -17,7 +17,7 @@ This should be the first step, since it gives your agent direct access to the
 design you're implementing. You can read more information about setting this up
 in the [root AI Toolkit documentation](https://hearth.prod.uw.systems/?path=/docs/ai-toolkit--docs).
 
-Hearth's own AI tooling then supplements it for most use cases, filling in the
+Hearth's own AI toolkit then supplements it for most use cases, filling in the
 parts of the Hearth React Native API and usage guidance that the design alone
 doesn't capture:
 

package/public/llms/docs/introduction.md

@@ -1,7 +1,7 @@
 # Hearth React Native
 
 React Native component library for building UIs at Utility Warehouse.<br/>
-Current version: v0.35.8
+Current version: v0.36.0
 
 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.
 

package/public/llms.txt

@@ -7,7 +7,7 @@
 - [Adding Shadows](llms/docs/adding-shadows.md)
   - Using Predefined Shadows
   - Components with Shadow Props
-- [AI Tooling](llms/docs/ai-tooling.md)
+- [AI Toolkit](llms/docs/ai-toolkit.md)
   - Plugin
   - llms.txt and markdown docs
   - Agent Skill