@impulse-ui-native/primitives 11.1.0 → 11.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -0
- package/dist/types/button.types.d.mts +2 -2
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -164,3 +164,15 @@ to change `Typography.Code` globally; its default remains `monospace`.
|
|
|
164
164
|
In a column, fields stretch horizontally by default without growing vertically.
|
|
165
165
|
In a row, set `flex={1}` on each field to share the available width. If the
|
|
166
166
|
parent centers its children, use `alignSelf="stretch"` or an explicit `width`.
|
|
167
|
+
|
|
168
|
+
## Pressable layout
|
|
169
|
+
|
|
170
|
+
`Pressable` accepts flex and positioning props directly, alongside its existing
|
|
171
|
+
spacing, dimension, and shadow props. Native `style` objects or callbacks override
|
|
172
|
+
direct style props; `pressedStyle` applies last while pressed.
|
|
173
|
+
|
|
174
|
+
```tsx
|
|
175
|
+
<Pressable flex={1} flexDirection="row" alignItems="center" gap={8} padding={16}>
|
|
176
|
+
<Typography.Master>Continue</Typography.Master>
|
|
177
|
+
</Pressable>
|
|
178
|
+
```
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PressableProps, ViewStyle, StyleProp } from 'react-native';
|
|
2
|
-
import { DimensionProps, SpacingProps, ShadowProps, ComponentSize, ActionVariant } from '@impulse-ui-native/theme';
|
|
2
|
+
import { DimensionProps, SpacingProps, ShadowProps, ComponentSize, ActionVariant, FlexProps } from '@impulse-ui-native/theme';
|
|
3
3
|
|
|
4
4
|
interface ButtonProps extends PressableProps, DimensionProps, SpacingProps, ShadowProps {
|
|
5
5
|
size?: ComponentSize;
|
|
@@ -14,7 +14,7 @@ interface ButtonThemeProps {
|
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
loading: boolean;
|
|
16
16
|
}
|
|
17
|
-
interface PressableCoreProps extends PressableProps, Omit<ButtonProps, "style"
|
|
17
|
+
interface PressableCoreProps extends PressableProps, Omit<ButtonProps, "style">, FlexProps {
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
pressedStyle?: StyleProp<ViewStyle>;
|
|
20
20
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@impulse-ui-native/primitives",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.2.0",
|
|
4
4
|
"description": "Foundational UI primitives for building ImpulseUI Native components.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -28,9 +28,9 @@
|
|
|
28
28
|
],
|
|
29
29
|
"sideEffects": false,
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@impulse-ui-native/theme": "11.
|
|
32
|
-
"@impulse-ui-native/icon": "11.
|
|
33
|
-
"@impulse-ui-native/core": "11.
|
|
31
|
+
"@impulse-ui-native/theme": "11.2.0",
|
|
32
|
+
"@impulse-ui-native/icon": "11.2.0",
|
|
33
|
+
"@impulse-ui-native/core": "11.2.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@impulse-ui-native/eslint-config": "1.0.0",
|