@proulr/sdui-components 0.1.8 → 0.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proulr/sdui-components",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "main": "./src/renderer/index.ts",
   "types": "./src/renderer/index.ts",
   "exports": {

package/src/renderer/ui/DateField.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TextInput, TextInputProps, ViewStyle } from 'react-native';
+import { TextInput, TextInputProps, type StyleProp, type ViewStyle } from 'react-native';
 import { maskDateBR } from '../lib/brazilian-date-input';
 import { TextField } from './TextField';
 
@@ -15,7 +15,7 @@ export function DateField({
   value: string;
   onChange: (masked: string) => void;
   placeholder?: string;
-  containerStyle?: ViewStyle;
+  containerStyle?: StyleProp<ViewStyle>;
   inputRef?: React.Ref<TextInput>;
   returnKeyType?: TextInputProps['returnKeyType'];
   onSubmitEditing?: TextInputProps['onSubmitEditing'];

package/src/renderer/ui/compose-pill-input.tsx

@@ -11,6 +11,7 @@ import {
   View,
   type StyleProp,
   type TextInputProps,
+  type TextStyle,
   type ViewStyle,
 } from 'react-native';
 import { AppIcon } from './app-icon';
@@ -138,7 +139,7 @@ export type ComposePillTextFieldProps = Omit<TextInputProps, 'multiline' | 'styl
   maxLines?: number;
   inputRef?: ComposePillTextInputRef;
   layout?: ComposePillLineLayoutState;
-  style?: StyleProp<ViewStyle>;
+  style?: StyleProp<TextStyle>;
 };
 
 export function ComposePillTextField({

package/src/renderer/ui/floating-create-menu.tsx

@@ -53,7 +53,7 @@ export function FloatingCreateMenu({
         <Text style={[styles.mainFabGlyph]}>{open ? '\u2715' : '\u002B'}</Text>
       </Pressable>
 
-      <Modal visible={open} animationType="fade" onRequestClose={close}>
+      <Modal visible={open} transparent animationType="fade" onRequestClose={close}>
         <View style={styles.overlay}>
           <Pressable style={styles.backdrop} onPress={close} accessibilityLabel="Fechar menu" />
 
@@ -121,6 +121,7 @@ const styles = StyleSheet.create({
   },
   backdrop: {
     ...StyleSheet.absoluteFill,
+    backgroundColor: m3Colors.scrim,
   },
   stack: {
     position: 'absolute',