@idealyst/components 1.2.18 → 1.2.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/components",
-  "version": "1.2.18",
+  "version": "1.2.20",
   "description": "Shared component library for React and React Native",
   "documentation": "https://github.com/IdealystIO/idealyst-framework/tree/main/packages/components#readme",
   "readme": "README.md",
@@ -56,7 +56,7 @@
     "publish:npm": "npm publish"
   },
   "peerDependencies": {
-    "@idealyst/theme": "^1.2.18",
+    "@idealyst/theme": "^1.2.20",
     "@mdi/js": ">=7.0.0",
     "@mdi/react": ">=1.0.0",
     "@react-native-vector-icons/common": ">=12.0.0",
@@ -106,7 +106,7 @@
     }
   },
   "devDependencies": {
-    "@idealyst/theme": "^1.2.18",
+    "@idealyst/theme": "^1.2.20",
     "@idealyst/tooling": "^1.2.4",
     "@mdi/react": "^1.6.1",
     "@types/react": "^19.1.0",

package/src/Input/Input.styles.tsx

@@ -116,6 +116,7 @@ export const inputStyles = defineStyle('Input', (theme: Theme) => ({
         flexShrink: 0,
         variants: {
             size: {
+                width: theme.sizes.$input.iconSize,
                 marginRight: theme.sizes.$input.iconMargin,
             },
         },
@@ -128,6 +129,7 @@ export const inputStyles = defineStyle('Input', (theme: Theme) => ({
         flexShrink: 0,
         variants: {
             size: {
+                width: theme.sizes.$input.iconSize,
                 marginLeft: theme.sizes.$input.iconMargin,
             },
         },

package/src/Text/Text.web.tsx

@@ -1,40 +1,16 @@
 import React, { forwardRef } from 'react';
 import { getWebProps } from 'react-native-unistyles/web';
-import type { Typography, Size } from '@idealyst/theme';
-import { TextProps, TextSizeVariant } from './types';
+import { TextProps } from './types';
 import { textStyles } from './Text.styles';
 import useMergeRefs from '../hooks/useMergeRefs';
 
-// Map Size values to Typography values
-const SIZE_TO_TYPOGRAPHY: Record<Size, Typography> = {
-  'xs': 'caption',
-  'sm': 'body2',
-  'md': 'body1',
-  'lg': 'subtitle1',
-  'xl': 'h5',
-  '2xl': 'h4',
-  '3xl': 'h3',
-};
-
-// Convert TextSizeVariant to Typography (handles both Size and Typography values)
-function resolveTypography(value: TextSizeVariant | undefined): Typography {
-  if (!value) return 'body1';
-  // If it's a Size value, map it to Typography
-  if (value in SIZE_TO_TYPOGRAPHY) {
-    return SIZE_TO_TYPOGRAPHY[value as Size];
-  }
-  // Otherwise it's already a Typography value
-  return value as Typography;
-}
-
 /**
  * Typography component for displaying text with predefined styles and semantic variants.
  * Supports multiple typography scales, colors, weights, and alignments.
  */
 const Text = forwardRef<HTMLSpanElement, TextProps>(({
   children,
-  typography: typographyProp,
-  size,
+  typography,
   weight,
   color = 'primary',
   align = 'left',
@@ -47,8 +23,6 @@ const Text = forwardRef<HTMLSpanElement, TextProps>(({
   testID,
   id,
 }, ref) => {
-  // size is an alias for typography - size takes precedence if both are set
-  const typography = resolveTypography(size ?? typographyProp);
 
   textStyles.useVariants({
     typography,

package/src/Text/types.ts

@@ -31,13 +31,6 @@ export interface TextProps extends TextSpacingStyleProps {
    */
   typography?: TextTypographyVariant;
 
-  /**
-   * Text size - accepts Typography names or Size shorthand.
-   * Typography: 'h1', 'h2', 'body1', 'caption', etc.
-   * Size: 'xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'
-   */
-  size?: TextSizeVariant;
-
   /**
    * The weight of the text.
    * Overrides the weight from typography if both are set.