@hero-design/rn-work-uikit 1.8.1 → 1.9.1

package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap

@@ -142,6 +142,7 @@ exports[`TextInput when user applies custom styling should respect user-provided
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
           Amount (AUD)
@@ -211,7 +212,7 @@ exports[`TextInput when user applies custom styling should respect user-provided
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -300,6 +301,7 @@ exports[`TextInput when user applies custom styling should respect user-provided
         }
         themeFontWeight="regular"
         themeIntent="body"
+        themeIsItalic={false}
       >
         This is helper text
       </Text>
@@ -331,6 +333,7 @@ exports[`TextInput when user applies custom styling should respect user-provided
         }
         themeFontWeight="regular"
         themeIntent="body"
+        themeIsItalic={false}
         themeState="filled"
       >
         4
@@ -498,6 +501,7 @@ exports[`TextInput when user chooses textarea variant should provide multiline t
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
           Amount (AUD)
@@ -527,6 +531,7 @@ exports[`TextInput when user chooses textarea variant should provide multiline t
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
            (Optional)
@@ -777,6 +782,7 @@ exports[`TextInput when user encounters a disabled field should display content
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="disabled"
         >
           Amount (AUD)
@@ -806,6 +812,7 @@ exports[`TextInput when user encounters a disabled field should display content
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="disabled"
         >
            (Optional)
@@ -1055,6 +1062,7 @@ exports[`TextInput when user encounters a read-only field should display content
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="readonly"
         >
           Amount (AUD)
@@ -1084,6 +1092,7 @@ exports[`TextInput when user encounters a read-only field should display content
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="readonly"
         >
            (Optional)
@@ -1153,7 +1162,7 @@ exports[`TextInput when user encounters a read-only field should display content
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -1269,7 +1278,7 @@ exports[`TextInput when user encounters a read-only field should display content
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -1417,6 +1426,7 @@ exports[`TextInput when user has entered text should show the input content and
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
           Amount (AUD)
@@ -1446,6 +1456,7 @@ exports[`TextInput when user has entered text should show the input content and
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
            (Optional)
@@ -1515,7 +1526,7 @@ exports[`TextInput when user has entered text should show the input content and
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -1631,7 +1642,7 @@ exports[`TextInput when user has entered text should show the input content and
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -1779,6 +1790,7 @@ exports[`TextInput when user interacts with placeholder text starting from empty
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="default"
         >
           Amount (AUD)
@@ -1848,7 +1860,7 @@ exports[`TextInput when user interacts with placeholder text starting from empty
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -1934,6 +1946,7 @@ exports[`TextInput when user interacts with placeholder text starting from empty
         }
         themeFontWeight="regular"
         themeIntent="body"
+        themeIsItalic={false}
       >
         This is helper text
       </Text>
@@ -2098,6 +2111,7 @@ exports[`TextInput when user needs programmatic control should provide ref metho
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
           Amount (AUD)
@@ -2127,6 +2141,7 @@ exports[`TextInput when user needs programmatic control should provide ref metho
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
            (Optional)
@@ -2376,6 +2391,7 @@ exports[`TextInput when user provides default values starting with pre-filled co
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
           Amount (AUD)
@@ -2445,7 +2461,7 @@ exports[`TextInput when user provides default values starting with pre-filled co
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -2533,6 +2549,7 @@ exports[`TextInput when user provides default values starting with pre-filled co
         }
         themeFontWeight="regular"
         themeIntent="body"
+        themeIsItalic={false}
       >
         This is helper text
       </Text>
@@ -2564,6 +2581,7 @@ exports[`TextInput when user provides default values starting with pre-filled co
         }
         themeFontWeight="regular"
         themeIntent="body"
+        themeIsItalic={false}
         themeState="filled"
       >
         4
@@ -2731,6 +2749,7 @@ exports[`TextInput when user provides default values when both default and contr
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
           Amount (AUD)
@@ -2800,7 +2819,7 @@ exports[`TextInput when user provides default values when both default and contr
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -2889,6 +2908,7 @@ exports[`TextInput when user provides default values when both default and contr
         }
         themeFontWeight="regular"
         themeIntent="body"
+        themeIsItalic={false}
       >
         This is helper text
       </Text>
@@ -2920,6 +2940,7 @@ exports[`TextInput when user provides default values when both default and contr
         }
         themeFontWeight="regular"
         themeIntent="body"
+        themeIsItalic={false}
         themeState="filled"
       >
         4
@@ -3087,6 +3108,7 @@ exports[`TextInput when user sees a loading state should show loading indicator
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="readonly"
         >
           Amount (AUD)
@@ -3116,6 +3138,7 @@ exports[`TextInput when user sees a loading state should show loading indicator
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="readonly"
         >
            (Optional)
@@ -3185,7 +3208,7 @@ exports[`TextInput when user sees a loading state should show loading indicator
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -3319,7 +3342,7 @@ exports[`TextInput when user sees a loading state should show loading indicator
         themeIntent="text"
         themeSize="medium"
       >
-        
+        
       </Text>
     </AnimatedView>
   </View>
@@ -3468,6 +3491,7 @@ exports[`TextInput when user sees a required field should indicate the field is
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="default"
         >
           Amount (AUD)
@@ -3537,7 +3561,7 @@ exports[`TextInput when user sees a required field should indicate the field is
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -3652,7 +3676,7 @@ exports[`TextInput when user sees a required field should indicate the field is
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -3800,6 +3824,7 @@ exports[`TextInput when user sees a textarea with character count should display
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
           Amount (AUD)
@@ -3829,6 +3854,7 @@ exports[`TextInput when user sees a textarea with character count should display
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
            (Optional)
@@ -3898,7 +3924,7 @@ exports[`TextInput when user sees a textarea with character count should display
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -3997,6 +4023,7 @@ exports[`TextInput when user sees a textarea with character count should display
         }
         themeFontWeight="regular"
         themeIntent="body"
+        themeIsItalic={false}
         themeState="filled"
       >
         3
@@ -4051,7 +4078,7 @@ exports[`TextInput when user sees a textarea with character count should display
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -4199,6 +4226,7 @@ exports[`TextInput when user sees a textarea with character count should hide ch
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
           Amount (AUD)
@@ -4228,6 +4256,7 @@ exports[`TextInput when user sees a textarea with character count should hide ch
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
            (Optional)
@@ -4297,7 +4326,7 @@ exports[`TextInput when user sees a textarea with character count should hide ch
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -4415,7 +4444,7 @@ exports[`TextInput when user sees a textarea with character count should hide ch
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -4565,6 +4594,7 @@ exports[`TextInput when user sees an empty input field should display label and
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="default"
         >
           Amount (AUD)
@@ -4594,6 +4624,7 @@ exports[`TextInput when user sees an empty input field should display label and
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="default"
         >
            (Optional)
@@ -4663,7 +4694,7 @@ exports[`TextInput when user sees an empty input field should display label and
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -4778,7 +4809,7 @@ exports[`TextInput when user sees an empty input field should display label and
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -4926,6 +4957,7 @@ exports[`TextInput when user sees an error state should display error message to
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="error"
         >
           Amount (AUD)
@@ -4995,7 +5027,7 @@ exports[`TextInput when user sees an error state should display error message to
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -5138,6 +5170,7 @@ exports[`TextInput when user sees an error state should display error message to
           testID="input-error-message"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
         >
           This field is required
         </Text>
@@ -5303,6 +5336,7 @@ exports[`TextInput when user sees helper text should display guidance text to as
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="default"
         >
           Amount (AUD)
@@ -5372,7 +5406,7 @@ exports[`TextInput when user sees helper text should display guidance text to as
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -5458,6 +5492,7 @@ exports[`TextInput when user sees helper text should display guidance text to as
         }
         themeFontWeight="regular"
         themeIntent="body"
+        themeIsItalic={false}
       >
         This is helper text
       </Text>
@@ -5622,6 +5657,7 @@ exports[`TextInput when user sees input with custom prefix and suffix elements s
           testID="input-label-text"
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="default"
         >
           Amount (AUD)

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap

@@ -1742,45 +1742,53 @@ exports[`theme returns correct theme object 1`] = `
         "xxxxxlarge": 31.384615384615387,
       },
       "fontWeights": {
-        "body": {
-          "neutral": {
-            "regular": "BeVietnamPro-Regular",
-            "semiBold": "BeVietnamPro-SemiBold",
-          },
-          "playful": {
-            "regular": "Saiga-Regular",
-            "semiBold": "Saiga-Medium",
-          },
-        },
         "titles": {
           "neutral": {
             "h1": "BeVietnamPro-Regular",
+            "h1Italic": "BeVietnamPro-RegularItalic",
             "h2": "BeVietnamPro-SemiBold",
+            "h2Italic": "BeVietnamPro-SemiBoldItalic",
             "h3": "BeVietnamPro-SemiBold",
+            "h3Italic": "BeVietnamPro-SemiBoldItalic",
             "h4": "BeVietnamPro-SemiBold",
+            "h4Italic": "BeVietnamPro-SemiBoldItalic",
             "h5": "BeVietnamPro-SemiBold",
+            "h5Italic": "BeVietnamPro-SemiBoldItalic",
             "h6": "BeVietnamPro-Regular",
+            "h6Italic": "BeVietnamPro-RegularItalic",
           },
           "playful": {
             "h1": "Saiga-Medium",
+            "h1Italic": "Saiga-MediumItalic",
             "h2": "Saiga-Medium",
+            "h2Italic": "Saiga-MediumItalic",
             "h3": "Saiga-Medium",
+            "h3Italic": "Saiga-MediumItalic",
             "h4": "Saiga-Medium",
+            "h4Italic": "Saiga-MediumItalic",
             "h5": "Saiga-Medium",
+            "h5Italic": "Saiga-MediumItalic",
             "h6": "Saiga-Regular",
+            "h6Italic": "Saiga-RegularItalic",
           },
         },
       },
       "fonts": {
         "neutral": {
           "light": "BeVietnamPro-Light",
+          "lightItalic": "BeVietnamPro-LightItalic",
           "regular": "BeVietnamPro-Regular",
+          "regularItalic": "BeVietnamPro-RegularItalic",
           "semiBold": "BeVietnamPro-SemiBold",
+          "semiBoldItalic": "BeVietnamPro-SemiBoldItalic",
         },
         "playful": {
           "light": "Saiga-Light",
+          "lightItalic": "Saiga-LightItalic",
           "regular": "Saiga-Regular",
+          "regularItalic": "Saiga-RegularItalic",
           "semiBold": "Saiga-Medium",
+          "semiBoldItalic": "Saiga-MediumItalic",
         },
       },
       "letterSpacings": {
@@ -1925,13 +1933,19 @@ exports[`theme returns correct theme object 1`] = `
   "fonts": {
     "neutral": {
       "light": "BeVietnamPro-Light",
+      "lightItalic": "BeVietnamPro-LightItalic",
       "regular": "BeVietnamPro-Regular",
+      "regularItalic": "BeVietnamPro-RegularItalic",
       "semiBold": "BeVietnamPro-SemiBold",
+      "semiBoldItalic": "BeVietnamPro-SemiBoldItalic",
     },
     "playful": {
       "light": "Saiga-Light",
+      "lightItalic": "Saiga-LightItalic",
       "regular": "Saiga-Regular",
+      "regularItalic": "Saiga-RegularItalic",
       "semiBold": "Saiga-Medium",
+      "semiBoldItalic": "Saiga-MediumItalic",
     },
   },
   "lineHeights": {

package/.cursorrules

@@ -1,57 +0,0 @@
-# RN Work UIKit Specific Rules
-
-## Package Context
-This is the work-specific React Native component library that extends @hero-design/rn with work-focused components like TextInput, specialized themes, and work-specific patterns.
-
-## Testing Rules for RN Work UIKit
-- Write user-behavior focused tests that describe what users see and experience
-- Use descriptive test names like "when user sees an empty input field" instead of "idle state"
-- Group related assertions with explanatory comments about user expectations
-- Focus on user interactions and outcomes rather than implementation details
-- Use `@testing-library/react-native` for all component testing
-- Use `renderWithTheme()` from `../../../../testUtils/renderWithTheme` for components that need theme context
-- Use semantic matchers like `toBeDisabled()`, `toHaveProp()` when available
-- For complex React Native styles, use manual checking when `toHaveStyle()` doesn't work
-- Handle React Native's nested style arrays with `StyleSheet.flatten()` or custom helpers
-- Aim for 100% line coverage on main component files
-- Create dedicated test files for each component (not just integration tests)
-- Test edge cases: undefined props, complex styles, error states
-- Test imperative APIs: ref methods, focus/blur behavior
-- Test accessibility: screen reader support, keyboard navigation
-
-## Component Development Rules
-- Import `styled` from `@hero-design/rn` for consistency with base theme
-- Use `useTheme()` hook instead of prop drilling theme
-- Extend base components from `@hero-design/rn` when possible
-- Follow work-specific design patterns and accessibility requirements
-- Use TypeScript strictly - no `any` types without good reason
-- Fix linting errors immediately
-- Use proper React Native components (`Text`, `View`) instead of HTML elements
-
-## Documentation Rules
-- Document Props interfaces with JSDoc comments directly on each property: `/** Description */`
-- Use simplified @param comments: `@param props - The component props (see [ComponentName]Props interface for details)`
-- Avoid mentioning implementation details like "memoized component" in JSDoc comments
-- Focus JSDoc comments on what the component does, not how it's implemented
-- Keep type information in the Props interface, not duplicated in @param comments
-
-## File Organization
-- Separate large test files by component responsibility
-- Use consistent naming: `ComponentName.spec.tsx`
-- Keep test utilities in `testUtils/` directory at package root
-- Use snapshot testing for visual regression prevention
-- Create README.md files in test directories explaining testing approach
-
-## Work-Specific Patterns
-- Components should work with work theme overrides
-- Test with work-specific color palettes and spacing
-- Ensure compatibility with work app requirements
-- Follow work accessibility guidelines
-- Test performance with work-typical data sizes
-
-## Quality Gates
-- All tests must pass with 100% coverage on main components
-- No linting errors
-- No TypeScript errors
-- Components must work with both base and work themes
-- Accessibility compliance for work environment 

package/src/utils/hooks.ts

@@ -1,10 +0,0 @@
-import { useEffect } from 'react';
-
-export const useDeprecation = (message: string, cond = true) => {
-  useEffect(() => {
-    // eslint-disable-next-line no-console
-    if (cond) {
-      console.warn(message);
-    }
-  }, [message, cond]);
-};