@impulse-ui-native/primitives 14.0.0 → 14.1.0

package/README.md

@@ -169,10 +169,11 @@ In a column, fields stretch horizontally by default without growing vertically.
 In a row, set `flex={1}` on each field to share the available width. If the
 parent centers its children, use `alignSelf="stretch"` or an explicit `width`.
 
-## Pressable layout
+## Pressable styling
 
-`Pressable` accepts flex and positioning props directly, alongside its existing
-spacing, dimension, and shadow props. Native `style` objects or callbacks override
+`Pressable` accepts the same direct styling props as `View`: spacing, colors,
+opacity, shadows, borders, radii, flex layout, positioning, and dimensions. Both
+share the exported `ViewStyleProps` contract. Native `style` objects or callbacks override
 direct style props; `pressedStyle` applies last while pressed.
 
 ```tsx
@@ -182,11 +183,17 @@ direct style props; `pressedStyle` applies last while pressed.
   alignItems="center"
   gap={8}
   padding={16}
+  backgroundColor={colors.surface.subtle.value}
+  borderColor={colors.border.default.value}
+  borderWidth={1}
+  borderRadius={radii.md}
 >
   <Typography.Master>Continue</Typography.Master>
 </Pressable>
 ```
 
+Text and icons keep their own foreground styling, as with `View`.
+
 ## Field appearance
 
 Rectangular fields support `variant="outlined" | "soft" | "filled"` and

package/dist/components/atoms/badge/addon.d.mts

@@ -4,6 +4,7 @@ import { IconProps } from '@impulse-ui-native/icon/types';
 import { PressableCoreProps } from '../../../types/button.types.mjs';
 import 'react-native';
 import '@impulse-ui-native/theme';
+import '../../../types/view.types.mjs';
 
 interface BadgeAddonProps {
     color: string | undefined;

package/dist/components/atoms/badge/index.d.mts

@@ -6,5 +6,5 @@ import '@impulse-ui-native/theme';
 import '../../../types/control-components.types.mjs';
 import '@impulse-ui-native/icon/types';
 import '../../../types/button.types.mjs';
-import '../../../types/spinner.types.mjs';
 import '../../../types/view.types.mjs';
+import '../../../types/spinner.types.mjs';

package/dist/components/atoms/badge/root.d.mts

@@ -5,8 +5,8 @@ import '@impulse-ui-native/theme';
 import '../../../types/control-components.types.mjs';
 import '@impulse-ui-native/icon/types';
 import '../../../types/button.types.mjs';
-import '../../../types/spinner.types.mjs';
 import '../../../types/view.types.mjs';
+import '../../../types/spinner.types.mjs';
 
 declare const BadgeRoot: react.MemoExoticComponent<({ backgroundColor, children, color, Prefix, PrefixIcon, onPressPrefix, onPressSuffix, size, style, Suffix, SuffixIcon, tone, variant, ...props }: BadgeProps) => react.JSX.Element>;
 

package/dist/components/atoms/button.d.mts

@@ -3,6 +3,7 @@ import { PropsWithChildren } from 'react';
 import { ButtonProps } from '../../types/button.types.mjs';
 import 'react-native';
 import '@impulse-ui-native/theme';
+import '../../types/view.types.mjs';
 
 declare const Button: react.MemoExoticComponent<({ size, variant, tone, disabled, loading, children, style, ...props }: PropsWithChildren<ButtonProps>) => react.JSX.Element>;
 

package/dist/components/atoms/icon-button.d.mts

@@ -5,6 +5,7 @@ import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../../types/button.types.mjs';
 import 'react-native';
+import '../../types/view.types.mjs';
 
 declare const IconButton: react.MemoExoticComponent<({ size, variant, tone, disabled, loading, style, icon, ...props }: PropsWithChildren<IconButtonProps>) => react.JSX.Element>;
 

package/dist/components/atoms/pressable.d.mts

@@ -2,6 +2,7 @@ import { NamedExoticComponent, PropsWithoutRef, RefAttributes, ComponentRef } fr
 import { Pressable as Pressable$1 } from 'react-native';
 import { PressableCoreProps } from '../../types/button.types.mjs';
 import '@impulse-ui-native/theme';
+import '../../types/view.types.mjs';
 
 declare const Pressable: NamedExoticComponent<PropsWithoutRef<PressableCoreProps> & RefAttributes<ComponentRef<typeof Pressable$1>>>;
 

package/dist/components/controls/addon.d.mts

@@ -4,6 +4,7 @@ import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../../types/button.types.mjs';
+import '../../types/view.types.mjs';
 import '../../types/spinner.types.mjs';
 
 declare const ControlAddon: react.MemoExoticComponent<({ children, disabled, hitSlop, onPress, style, ...props }: ControlAddonProps) => react.JSX.Element>;

package/dist/components/controls/container.d.mts

@@ -4,6 +4,7 @@ import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../../types/button.types.mjs';
+import '../../types/view.types.mjs';
 import '../../types/spinner.types.mjs';
 
 declare const ControlContainer: react.MemoExoticComponent<({ style, ...props }: ControlContainerProps) => react.JSX.Element>;

package/dist/components/controls/error.d.mts

@@ -4,6 +4,7 @@ import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../../types/button.types.mjs';
+import '../../types/view.types.mjs';
 import '../../types/spinner.types.mjs';
 
 declare const ControlError: react.MemoExoticComponent<(props: ControlErrorLabelProps) => react.JSX.Element>;

package/dist/components/controls/field.d.mts

@@ -4,6 +4,7 @@ import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../../types/button.types.mjs';
+import '../../types/view.types.mjs';
 import '../../types/spinner.types.mjs';
 
 declare const ControlField: react.MemoExoticComponent<({ children, disabled, error, label, onPress, onPressPrefix, onPressSuffix, prefix, size, suffix, variant, tone, ...props }: ControlFieldProps) => react.JSX.Element>;

package/dist/components/controls/icon.d.mts

@@ -4,6 +4,7 @@ import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../../types/button.types.mjs';
+import '../../types/view.types.mjs';
 import '../../types/spinner.types.mjs';
 
 declare const ControlIcon: react.MemoExoticComponent<({ color, ...props }: ControlIconProps) => react.JSX.Element>;

package/dist/components/controls/input.d.mts

@@ -4,6 +4,7 @@ import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../../types/button.types.mjs';
+import '../../types/view.types.mjs';
 import '../../types/spinner.types.mjs';
 
 declare const ControlInput: react.MemoExoticComponent<(props: ControlInputProps) => react.JSX.Element>;

package/dist/components/controls/label.d.mts

@@ -4,6 +4,7 @@ import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../../types/button.types.mjs';
+import '../../types/view.types.mjs';
 import '../../types/spinner.types.mjs';
 
 declare const ControlLabel: react.MemoExoticComponent<(props: ControlLabelProps) => react.JSX.Element | null>;

package/dist/components/controls/loader.d.mts

@@ -4,6 +4,7 @@ import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../../types/button.types.mjs';
+import '../../types/view.types.mjs';
 import '../../types/spinner.types.mjs';
 
 declare const ControlLoader: react.MemoExoticComponent<(props: ControlLoaderProps) => react.JSX.Element>;

package/dist/components/controls/placeholder.d.mts

@@ -4,6 +4,7 @@ import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../../types/button.types.mjs';
+import '../../types/view.types.mjs';
 import '../../types/spinner.types.mjs';
 
 declare const ControlPlaceholder: react.MemoExoticComponent<(props: ControlPlaceholderProps) => react.JSX.Element>;

package/dist/components/controls/provider.d.mts

@@ -5,6 +5,7 @@ import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../../types/button.types.mjs';
+import '../../types/view.types.mjs';
 import '../../types/spinner.types.mjs';
 
 declare const ControlProvider: react.MemoExoticComponent<(props: PropsWithChildren<ControlComponentProps>) => react.JSX.Element>;

package/dist/components/controls/trigger.d.mts

@@ -4,6 +4,7 @@ import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../../types/button.types.mjs';
+import '../../types/view.types.mjs';
 import '../../types/spinner.types.mjs';
 
 declare const ControlTrigger: react.MemoExoticComponent<({ disabled: disabledProp, style, ...props }: ControlTriggerProps) => react.JSX.Element>;

package/dist/components/controls/value.d.mts

@@ -4,6 +4,7 @@ import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../../types/button.types.mjs';
+import '../../types/view.types.mjs';
 import '../../types/spinner.types.mjs';
 
 declare const ControlValue: react.MemoExoticComponent<(props: ControlValueProps) => react.JSX.Element>;

package/dist/contexts/control.context.d.mts

@@ -4,6 +4,7 @@ import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../types/button.types.mjs';
+import '../types/view.types.mjs';
 import '../types/spinner.types.mjs';
 
 declare const ControlContext: react.Context<ControlContextData | undefined>;

package/dist/hooks/use-control-context.hook.d.mts

@@ -4,6 +4,7 @@ import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/theme';
 import '../types/button.types.mjs';
+import '../types/view.types.mjs';
 import '../types/spinner.types.mjs';
 
 declare function useControlContext(): ControlContextData;

package/dist/index.d.mts

@@ -15,7 +15,7 @@ export { createPreset } from './hocs/create-preset.hoc.mjs';
 export { EdgeToShorthandKeyMap, EdgeToSpacingKeyMap } from './constants/safe-area-view.constants.mjs';
 export { AvatarImageProps, AvatarProps } from './types/avatar.types.mjs';
 export { BadgeProps, BadgeThemeProps } from './types/badge.types.mjs';
-export { ViewProps } from './types/view.types.mjs';
+export { ViewProps, ViewStyleProps } from './types/view.types.mjs';
 export { SafeAreaViewProps } from './types/safe-area-view.types.mjs';
 export { TextProps } from './types/typography.types.mjs';
 export { ButtonProps, ButtonThemeProps, PressableCoreProps } from './types/button.types.mjs';

package/dist/types/button.types.d.mts

@@ -1,5 +1,6 @@
 import { PressableProps, ViewStyle, StyleProp } from 'react-native';
-import { DimensionProps, SpacingProps, ShadowProps, ComponentSize, ActionVariant, ButtonTone, FlexProps } from '@impulse-ui-native/theme';
+import { DimensionProps, SpacingProps, ShadowProps, ComponentSize, ActionVariant, ButtonTone } from '@impulse-ui-native/theme';
+import { ViewStyleProps } from './view.types.mjs';
 
 interface ButtonProps extends PressableProps, DimensionProps, SpacingProps, ShadowProps {
     size?: ComponentSize;
@@ -16,7 +17,7 @@ interface ButtonThemeProps {
     disabled?: boolean;
     loading: boolean;
 }
-interface PressableCoreProps extends PressableProps, Omit<ButtonProps, "style" | "tone">, FlexProps {
+interface PressableCoreProps extends PressableProps, Omit<ButtonProps, "style" | "tone">, ViewStyleProps {
     disabled?: boolean;
     pressedStyle?: StyleProp<ViewStyle>;
 }

package/dist/types/control-components.types.d.mts

@@ -4,6 +4,7 @@ import { IconProps } from '@impulse-ui-native/icon/types';
 import { FlexProps, DimensionProps, SpacingProps, ComponentSize, FieldVariant, FieldTone } from '@impulse-ui-native/theme';
 import { PressableCoreProps } from './button.types.mjs';
 import { SpinnerProps } from './spinner.types.mjs';
+import './view.types.mjs';
 
 type ControlLayoutProps = FlexProps & DimensionProps & SpacingProps;
 interface ControlComponentCommonProps extends ControlLayoutProps {

package/dist/types/icon-button.types.d.mts

@@ -2,6 +2,7 @@ import { IconProps } from '@impulse-ui-native/icon/types';
 import { ComponentSize, ActionVariant, ButtonTone } from '@impulse-ui-native/theme';
 import { ButtonProps } from './button.types.mjs';
 import 'react-native';
+import './view.types.mjs';
 
 interface IconButtonProps extends ButtonProps {
     icon: IconProps["icon"];

package/dist/types/index.d.mts

@@ -1,6 +1,6 @@
 export { AvatarImageProps, AvatarProps } from './avatar.types.mjs';
 export { BadgeProps, BadgeThemeProps } from './badge.types.mjs';
-export { ViewProps } from './view.types.mjs';
+export { ViewProps, ViewStyleProps } from './view.types.mjs';
 export { SafeAreaViewProps } from './safe-area-view.types.mjs';
 export { TextProps } from './typography.types.mjs';
 export { ButtonProps, ButtonThemeProps, PressableCoreProps } from './button.types.mjs';

package/dist/types/view.types.d.mts

@@ -1,6 +1,7 @@
 import { ViewProps as ViewProps$1 } from 'react-native';
 import { SpacingProps, ColorProps, ShadowProps, BorderProps, FlexProps, DimensionProps } from '@impulse-ui-native/theme';
 
-type ViewProps = ViewProps$1 & SpacingProps & ColorProps & ShadowProps & BorderProps & FlexProps & DimensionProps;
+type ViewStyleProps = SpacingProps & ColorProps & ShadowProps & BorderProps & FlexProps & DimensionProps;
+type ViewProps = ViewProps$1 & ViewStyleProps;
 
-export type { ViewProps };
+export type { ViewProps, ViewStyleProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/primitives",
-  "version": "14.0.0",
+  "version": "14.1.0",
   "description": "Foundational UI primitives for building ImpulseUI Native components.",
   "keywords": [
     "react-native",
@@ -28,9 +28,9 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/theme": "14.0.0",
-    "@impulse-ui-native/icon": "14.0.0",
-    "@impulse-ui-native/core": "14.0.0"
+    "@impulse-ui-native/theme": "14.1.0",
+    "@impulse-ui-native/icon": "14.1.0",
+    "@impulse-ui-native/core": "14.1.0"
   },
   "devDependencies": {
     "@impulse-ui-native/eslint-config": "1.0.0",