@idealyst/components 1.2.79 → 1.2.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/components",
-  "version": "1.2.79",
+  "version": "1.2.81",
   "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.79",
+    "@idealyst/theme": "^1.2.81",
     "@mdi/js": ">=7.0.0",
     "@mdi/react": ">=1.0.0",
     "@react-native-vector-icons/common": ">=12.0.0",
@@ -107,8 +107,8 @@
   },
   "devDependencies": {
     "@idealyst/blur": "^1.2.40",
-    "@idealyst/theme": "^1.2.79",
-    "@idealyst/tooling": "^1.2.79",
+    "@idealyst/theme": "^1.2.81",
+    "@idealyst/tooling": "^1.2.81",
     "@mdi/react": "^1.6.1",
     "@types/react": "^19.1.0",
     "react": "^19.1.0",

package/src/Menu/Menu.native.tsx

@@ -111,7 +111,6 @@ const Menu = forwardRef<IdealystElement, MenuProps>(({
           <BoundedModalContent
             top={menuPosition.top}
             left={menuPosition.left}
-            width={menuPosition.width}
             maxHeight={300}
             style={[
               (menuStyles.menu as any)({}),

package/src/Menu/Menu.styles.tsx

@@ -148,6 +148,7 @@ export const menuStyles = defineStyle('Menu', (theme: Theme) => ({
         justifyContent: 'center' as const,
         flexShrink: 0,
         marginRight: 8,
+        color: theme.colors.text.primary,
         variants: {
             size: {
                 width: theme.sizes.$menu.iconSize,

package/src/Menu/MenuItem.native.tsx

@@ -31,6 +31,7 @@ const MenuItem = forwardRef<IdealystElement, MenuItemProps>(({ item, onPress, si
       return (
         <MaterialDesignIcons
           name={item.icon as any}
+          color={iconStyle.color}
           style={iconStyle}
         />
       );

package/src/Menu/MenuItem.styles.tsx

@@ -111,6 +111,7 @@ export const menuItemStyles = defineStyle('MenuItem', (theme: Theme) => ({
         justifyContent: 'center' as const,
         flexShrink: 0,
         marginRight: 12,
+        color: theme.colors.text.primary,
         variants: {
             size: {
                 width: theme.sizes.$menu.iconSize,

package/src/Pressable/Pressable.styles.tsx

@@ -22,7 +22,13 @@ export type PressableDynamicProps = {
  * Pressable styles with spacing variants.
  */
 export const pressableStyles = defineStyle('Pressable', (theme: Theme) => ({
-    pressable: (_props: PressableDynamicProps) => ({
+    pressable: (props: PressableDynamicProps & { disabled?: boolean }) => ({
+        cursor: props.disabled ? 'default' : 'pointer',
+        outline: 'none',
+        userSelect: 'none',
+        WebkitUserSelect: 'none',
+        WebkitTapHighlightColor: 'transparent',
+        opacity: props.disabled ? 0.5 : 1,
         variants: {
             // $iterator expands for each view size
             padding: {

package/src/Pressable/Pressable.web.tsx

@@ -63,16 +63,7 @@ const Pressable = forwardRef<IdealystElement, PressableProps>(({
     paddingHorizontal,
   });
 
-  const webProps = getWebProps([(pressableStyles.pressable as any)({}), flattenStyle(style)]);
-
-  const baseStyle: React.CSSProperties = {
-    cursor: disabled ? 'default' : 'pointer',
-    outline: 'none',
-    userSelect: 'none',
-    WebkitUserSelect: 'none',
-    WebkitTapHighlightColor: 'transparent',
-    opacity: disabled ? 0.5 : 1,
-  };
+  const webProps = getWebProps([(pressableStyles.pressable as any)({ disabled }), flattenStyle(style)]);
 
   // Merge ref from getWebProps with forwarded ref
   const mergedRef = useMergeRefs(ref as any, webProps.ref as any);
@@ -84,7 +75,6 @@ const Pressable = forwardRef<IdealystElement, PressableProps>(({
       id={id}
       role={accessibilityRole}
       tabIndex={disabled ? -1 : 0}
-      style={baseStyle}
       onMouseDown={handleMouseDown}
       onMouseUp={handleMouseUp}
       onMouseLeave={handleMouseUp} // Handle mouse leave as press out

package/src/internal/PositionedPortal.tsx

@@ -240,7 +240,7 @@ export const PositionedPortal: React.FC<PositionedPortalProps> = ({
         position: 'fixed',
         top: position.top,
         left: position.left,
-        width: position.width,
+        ...(position.width != null && { width: position.width }),
         zIndex,
         opacity: isPositioned ? 1 : 0,
         pointerEvents: isPositioned ? 'auto' : 'none',