@idealyst/components 1.0.24 → 1.0.26

package/src/Text/Text.native.tsx

@@ -1,36 +1,36 @@
-import React from 'react';
-import { StyleSheet } from 'react-native-unistyles';
-import { Text as RNText } from 'react-native';
-import { TextProps } from './types';
-import textStyles from './Text.styles';
-
-const Text: React.FC<TextProps> = ({
-  children,
-  size = 'medium',
-  weight = 'normal',
-  color,
-  align = 'left',
-  style,
-  testID,
-}) => {
-  textStyles.useVariants({
-    size,
-    weight,
-    align,
-    color: color
-  });
-
-  return (
-    <RNText 
-      style={[
-        textStyles.text,
-        style,
-      ]} 
-      testID={testID}
-    >
-      {children}
-    </RNText>
-  );
-};
-
+import React from 'react';
+import { StyleSheet } from 'react-native-unistyles';
+import { Text as RNText } from 'react-native';
+import { TextProps } from './types';
+import textStyles from './Text.styles';
+
+const Text: React.FC<TextProps> = ({
+  children,
+  size = 'medium',
+  weight = 'normal',
+  color,
+  align = 'left',
+  style,
+  testID,
+}) => {
+  textStyles.useVariants({
+    size,
+    weight,
+    align,
+    color: color
+  });
+
+  return (
+    <RNText 
+      style={[
+        textStyles.text,
+        style,
+      ]} 
+      testID={testID}
+    >
+      {children}
+    </RNText>
+  );
+};
+
 export default Text; 

package/src/Text/Text.styles.tsx

@@ -1,67 +1,67 @@
-import { StyleSheet } from "react-native-unistyles";
-import { generateColorVariants } from "../theme/variantHelpers";
-
-const textStyles = StyleSheet.create((theme) => ({
-  text: {
-    variants: {
-      size: {
-        small: {
-          fontSize: theme.typography.fontSize.xs,
-          lineHeight: theme.typography.fontSize.xs * 1.33,
-        },
-        medium: {
-          fontSize: theme.typography.fontSize.md,
-          lineHeight: theme.typography.fontSize.md * 1.5,
-        },
-        large: {
-          fontSize: theme.typography.fontSize.lg,
-          lineHeight: theme.typography.fontSize.lg * 1.4,
-        },
-        xlarge: {
-          fontSize: theme.typography.fontSize.xl,
-          lineHeight: theme.typography.fontSize.xl * 1.33,
-        },
-      },
-      weight: {
-        light: {
-          fontWeight: theme.typography.fontWeight.light,
-        },
-        normal: {
-          fontWeight: theme.typography.fontWeight.regular,
-        },
-        medium: {
-          fontWeight: theme.typography.fontWeight.medium,
-        },
-        semibold: {
-          fontWeight: theme.typography.fontWeight.semibold,
-        },
-        bold: {
-          fontWeight: theme.typography.fontWeight.bold,
-        },
-      },
-      align: {
-        left: {
-          textAlign: 'left',
-        },
-        center: {
-          textAlign: 'center',
-        },
-        right: {
-          textAlign: 'right',
-        },
-      },
-      // Dynamically generated color variants
-      color: generateColorVariants(theme),
-    },
-    color: theme.colors.text.primary, // Default text color
-    margin: 0,
-    padding: 0,
-    // Web-specific styles
-    _web: {
-      fontFamily: 'inherit',
-      lineHeight: 'inherit',
-    },
-  },
-}));
-
+import { StyleSheet } from "react-native-unistyles";
+import { generateColorVariants } from "../theme/variantHelpers";
+
+const textStyles = StyleSheet.create((theme) => ({
+  text: {
+    variants: {
+      size: {
+        small: {
+          fontSize: theme.typography.fontSize.xs,
+          lineHeight: theme.typography.fontSize.xs * 1.33,
+        },
+        medium: {
+          fontSize: theme.typography.fontSize.md,
+          lineHeight: theme.typography.fontSize.md * 1.5,
+        },
+        large: {
+          fontSize: theme.typography.fontSize.lg,
+          lineHeight: theme.typography.fontSize.lg * 1.4,
+        },
+        xlarge: {
+          fontSize: theme.typography.fontSize.xl,
+          lineHeight: theme.typography.fontSize.xl * 1.33,
+        },
+      },
+      weight: {
+        light: {
+          fontWeight: theme.typography.fontWeight.light,
+        },
+        normal: {
+          fontWeight: theme.typography.fontWeight.regular,
+        },
+        medium: {
+          fontWeight: theme.typography.fontWeight.medium,
+        },
+        semibold: {
+          fontWeight: theme.typography.fontWeight.semibold,
+        },
+        bold: {
+          fontWeight: theme.typography.fontWeight.bold,
+        },
+      },
+      align: {
+        left: {
+          textAlign: 'left',
+        },
+        center: {
+          textAlign: 'center',
+        },
+        right: {
+          textAlign: 'right',
+        },
+      },
+      // Dynamically generated color variants
+      color: generateColorVariants(theme),
+    },
+    color: theme.colors.text.primary, // Default text color
+    margin: 0,
+    padding: 0,
+    // Web-specific styles
+    _web: {
+      fontFamily: 'inherit',
+      lineHeight: 'inherit',
+    },
+  },
+}));
+
 export default textStyles; 

package/src/Text/Text.web.tsx

@@ -1,41 +1,41 @@
-import React from 'react';
-import { getWebProps } from 'react-native-unistyles/web';
-import { TextProps } from './types';
-import textStyles from './Text.styles';
-
-const Text: React.FC<TextProps> = ({
-  children,
-  size = 'medium',
-  weight = 'normal',
-  color,
-  align = 'left',
-  style,
-  testID,
-}) => {
-  textStyles.useVariants({
-    size,
-    weight,
-    align,
-    color: color
-  });
-
-  // Create the style array following the official documentation pattern
-  const textStyleArray = [
-    textStyles.text,
-    style,
-  ];
-
-  // Use getWebProps to generate className and ref for web
-  const webProps = getWebProps(textStyleArray);
-
-  return (
-    <span
-      {...webProps}
-      data-testid={testID}
-    >
-      {children}
-    </span>
-  );
-};
-
+import React from 'react';
+import { getWebProps } from 'react-native-unistyles/web';
+import { TextProps } from './types';
+import textStyles from './Text.styles';
+
+const Text: React.FC<TextProps> = ({
+  children,
+  size = 'medium',
+  weight = 'normal',
+  color,
+  align = 'left',
+  style,
+  testID,
+}) => {
+  textStyles.useVariants({
+    size,
+    weight,
+    align,
+    color: color
+  });
+
+  // Create the style array following the official documentation pattern
+  const textStyleArray = [
+    textStyles.text,
+    style,
+  ];
+
+  // Use getWebProps to generate className and ref for web
+  const webProps = getWebProps(textStyleArray);
+
+  return (
+    <span
+      {...webProps}
+      data-testid={testID}
+    >
+      {children}
+    </span>
+  );
+};
+
 export default Text; 

package/src/Text/index.native.ts

@@ -1,3 +1,3 @@
-// React Native-specific Text export
-export { default } from './Text.native';
+// React Native-specific Text export
+export { default } from './Text.native';
 export * from './types'; 

package/src/Text/index.ts

@@ -1,5 +1,5 @@
-// Platform-agnostic Text export
-// Bundlers will resolve to index.web.ts (web) or index.native.ts (React Native)
-// This file serves as fallback for web environments
-export { default } from './Text.web';
+// Platform-agnostic Text export
+// Bundlers will resolve to index.web.ts (web) or index.native.ts (React Native)
+// This file serves as fallback for web environments
+export { default } from './Text.web';
 export * from './types'; 

package/src/Text/index.web.ts

@@ -1,3 +1,3 @@
-// Web-specific Text export
-export { default } from './Text.web';
+// Web-specific Text export
+export { default } from './Text.web';
 export * from './types'; 

package/src/Text/types.ts

@@ -1,39 +1,39 @@
-import { ReactNode } from 'react';
-import type { DisplayColorVariant } from '../theme/variants';
-
-export interface TextProps {
-  /**
-   * The text content to display
-   */
-  children: ReactNode;
-  
-  /**
-   * The size variant of the text
-   */
-  size?: 'small' | 'medium' | 'large' | 'xlarge';
-  
-  /**
-   * The weight of the text
-   */
-  weight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
-  
-  /**
-   * The color of the text
-   */
-  color?: DisplayColorVariant;
-  
-  /**
-   * Text alignment
-   */
-  align?: 'left' | 'center' | 'right';
-  
-  /**
-   * Additional styles (platform-specific)
-   */
-  style?: any;
-  
-  /**
-   * Test ID for testing
-   */
-  testID?: string;
+import { ReactNode } from 'react';
+import type { DisplayColorVariant } from '../theme/variants';
+
+export interface TextProps {
+  /**
+   * The text content to display
+   */
+  children: ReactNode;
+  
+  /**
+   * The size variant of the text
+   */
+  size?: 'small' | 'medium' | 'large' | 'xlarge';
+  
+  /**
+   * The weight of the text
+   */
+  weight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
+  
+  /**
+   * The color of the text
+   */
+  color?: DisplayColorVariant;
+  
+  /**
+   * Text alignment
+   */
+  align?: 'left' | 'center' | 'right';
+  
+  /**
+   * Additional styles (platform-specific)
+   */
+  style?: any;
+  
+  /**
+   * Test ID for testing
+   */
+  testID?: string;
 } 

package/src/View/View.native.tsx

@@ -1,56 +1,56 @@
-import React from 'react';
-import { View as RNView } from 'react-native';
-import { ViewProps } from './types';
-import viewStyles from './View.styles';
-
-const View: React.FC<ViewProps> = ({
-  children,
-  spacing = 'none',
-  marginVariant = 'none',
-  background = 'transparent',
-  radius = 'none',
-  border = 'none',
-  backgroundColor,
-  padding,
-  margin,
-  borderRadius,
-  borderWidth,
-  borderColor,
-  style,
-  testID,
-}) => {
-  viewStyles.useVariants({
-    spacing,
-    margin: marginVariant,
-    background,
-    radius,
-    border,
-  });
-
-  const getStyles = (): ViewStyle => {
-    const baseStyles: ViewStyle = {};
-    
-    if (backgroundColor) baseStyles.backgroundColor = backgroundColor;
-    if (padding !== undefined) baseStyles.padding = padding;
-    if (margin !== undefined) baseStyles.margin = margin;
-    if (borderRadius !== undefined) baseStyles.borderRadius = borderRadius;
-    if (borderWidth !== undefined) baseStyles.borderWidth = borderWidth;
-    if (borderColor) baseStyles.borderColor = borderColor;
-    
-    return baseStyles;
-  };
-
-  const viewStyleArray = [
-    viewStyles.view,
-    getStyles(),
-    style,
-  ];
-
-  return (
-    <RNView style={viewStyleArray} testID={testID}>
-      {children}
-    </RNView>
-  );
-};
-
+import React from 'react';
+import { View as RNView } from 'react-native';
+import { ViewProps } from './types';
+import viewStyles from './View.styles';
+
+const View: React.FC<ViewProps> = ({
+  children,
+  spacing = 'none',
+  marginVariant = 'none',
+  background = 'transparent',
+  radius = 'none',
+  border = 'none',
+  backgroundColor,
+  padding,
+  margin,
+  borderRadius,
+  borderWidth,
+  borderColor,
+  style,
+  testID,
+}) => {
+  viewStyles.useVariants({
+    spacing,
+    margin: marginVariant,
+    background,
+    radius,
+    border,
+  });
+
+  const getStyles = (): ViewStyle => {
+    const baseStyles: ViewStyle = {};
+    
+    if (backgroundColor) baseStyles.backgroundColor = backgroundColor;
+    if (padding !== undefined) baseStyles.padding = padding;
+    if (margin !== undefined) baseStyles.margin = margin;
+    if (borderRadius !== undefined) baseStyles.borderRadius = borderRadius;
+    if (borderWidth !== undefined) baseStyles.borderWidth = borderWidth;
+    if (borderColor) baseStyles.borderColor = borderColor;
+    
+    return baseStyles;
+  };
+
+  const viewStyleArray = [
+    viewStyles.view,
+    getStyles(),
+    style,
+  ];
+
+  return (
+    <RNView style={viewStyleArray} testID={testID}>
+      {children}
+    </RNView>
+  );
+};
+
 export default View;