@impulse-ui-native/primitives 17.0.0 → 17.1.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 +9 -1
- package/dist/types/typography.types.d.mts +2 -2
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -20,7 +20,7 @@ pnpm add react-native-safe-area-context react-native-svg
|
|
|
20
20
|
|
|
21
21
|
- `View` adds theme spacing, dimensions, flex, borders, colors, and shadow props to React Native's view.
|
|
22
22
|
- `SafeAreaView` maps safe-area edges to the theme spacing scale.
|
|
23
|
-
- `Typography` exposes named text presets such as `DisplayLarge`, `Title1`, `Body`, `Caption`, and `Code`.
|
|
23
|
+
- `Typography` exposes named text presets such as `DisplayLarge`, `Title1`, `Body`, `Caption`, and `Code`. All presets accept the same direct margin and padding props as `View`, including side, horizontal, and vertical props. Explicit `style` values take precedence.
|
|
24
24
|
- `Button`, `IconButton`, and `Pressable` provide themed interaction primitives.
|
|
25
25
|
- `Tag` labels categories, filters, and metadata, with optional press and close behavior.
|
|
26
26
|
- `Badge` provides compact semantic labels with visual variants and Input-style prefix and suffix addons.
|
|
@@ -31,6 +31,14 @@ pnpm add react-native-safe-area-context react-native-svg
|
|
|
31
31
|
- `createPreset` creates reusable themed typography presets.
|
|
32
32
|
- Public prop types describe every primitive and control part.
|
|
33
33
|
|
|
34
|
+
All Typography presets support direct spacing props:
|
|
35
|
+
|
|
36
|
+
```tsx
|
|
37
|
+
<Typography.Body marginBottom={8} paddingHorizontal={16}>
|
|
38
|
+
Spaced text
|
|
39
|
+
</Typography.Body>
|
|
40
|
+
```
|
|
41
|
+
|
|
34
42
|
Typography presets update their colors with the active theme:
|
|
35
43
|
|
|
36
44
|
- `Subtitle1`, `Subtitle2`, `BodySmall`, `Caption`, `Helper`, `Overline`, and
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { TextProps as TextProps$1 } from 'react-native';
|
|
2
|
-
import { TypographyProps, FlexProps, ColorProps } from '@impulse-ui-native/theme';
|
|
2
|
+
import { TypographyProps, FlexProps, ColorProps, SpacingProps } from '@impulse-ui-native/theme';
|
|
3
3
|
|
|
4
|
-
interface TextProps extends TextProps$1, TypographyProps, FlexProps, ColorProps {
|
|
4
|
+
interface TextProps extends TextProps$1, TypographyProps, FlexProps, ColorProps, SpacingProps {
|
|
5
5
|
numeric?: boolean;
|
|
6
6
|
}
|
|
7
7
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@impulse-ui-native/primitives",
|
|
3
|
-
"version": "17.
|
|
3
|
+
"version": "17.1.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": "17.
|
|
32
|
-
"@impulse-ui-native/icon": "17.
|
|
33
|
-
"@impulse-ui-native/core": "17.
|
|
31
|
+
"@impulse-ui-native/theme": "17.1.0",
|
|
32
|
+
"@impulse-ui-native/icon": "17.1.0",
|
|
33
|
+
"@impulse-ui-native/core": "17.1.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@impulse-ui-native/eslint-config": "1.0.0",
|