@xaui/native 0.9.1-alpha.25 → 0.9.1-alpha.26
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/dist/chunk-3LKGVKQY.cjs +145 -0
- package/dist/{chunk-GSEK6OCY.cjs → chunk-5OXZIZRZ.cjs} +7 -7
- package/dist/{chunk-YEW5LPWL.cjs → chunk-JCKVYYZO.cjs} +42 -4
- package/dist/{chunk-MRYLLKML.js → chunk-PQHC65AG.js} +15 -15
- package/dist/{chunk-ZDCGPK5Z.js → chunk-TR2TGPDQ.js} +1 -1
- package/dist/{chunk-2OY76YNB.js → chunk-V2FQN6ZK.js} +42 -4
- package/dist/chunk-WEMZ4VMC.js +145 -0
- package/dist/{chunk-EWBBDVTM.cjs → chunk-WVCAFORA.cjs} +15 -15
- package/dist/components/alert/index.cjs +1 -1
- package/dist/components/alert/index.js +1 -1
- package/dist/components/button/index.cjs +3 -3
- package/dist/components/button/index.js +2 -2
- package/dist/components/chip/index.cjs +3 -3
- package/dist/components/chip/index.js +2 -2
- package/dist/components/input/index.cjs +2 -2
- package/dist/components/input/index.d.cts +3 -3
- package/dist/components/input/index.d.ts +3 -3
- package/dist/components/input/index.js +1 -1
- package/dist/components/input-group/index.cjs +26 -0
- package/dist/components/input-group/index.d.cts +270 -0
- package/dist/components/input-group/index.d.ts +270 -0
- package/dist/components/input-group/index.js +26 -0
- package/dist/components/text-area/index.cjs +3 -3
- package/dist/components/text-area/index.d.cts +1 -1
- package/dist/components/text-area/index.d.ts +1 -1
- package/dist/components/text-area/index.js +2 -2
- package/dist/index.cjs +27 -9
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +39 -21
- package/dist/{input.type-BpJeUIe8.d.cts → input.type-BUMDlzL9.d.cts} +18 -2
- package/dist/{input.type-DjyZ6P2C.d.ts → input.type-D2qgi03E.d.ts} +18 -2
- package/dist/system/index.cjs +2 -2
- package/dist/system/index.js +5 -5
- package/package.json +11 -1
- package/dist/{chunk-4J26FA6O.js → chunk-3WISQT22.js} +3 -3
- package/dist/{chunk-AV5LMFS3.cjs → chunk-I7G77Q65.cjs} +2 -2
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { StyleProp, TextStyle, TextInputProps, TextProps,
|
|
2
|
+
import { StyleProp, TextStyle, ViewStyle, TextInputProps, TextProps, ViewProps } from 'react-native';
|
|
3
3
|
import { T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.cjs';
|
|
4
4
|
import { S as Size, R as RadiusKey } from './theme.type-C2gNHpEx.cjs';
|
|
5
5
|
|
|
6
|
-
type InputSlot = 'root' | 'label' | 'field' | 'textArea' | 'placeholder' | 'description' | 'error';
|
|
6
|
+
type InputSlot = 'root' | 'label' | 'field' | 'textArea' | 'placeholder' | 'description' | 'error' | 'prefix' | 'suffix' | 'icon';
|
|
7
7
|
/**
|
|
8
8
|
* The library's four emphasis levels, narrowed like the `Card`'s (§1 bis). A field
|
|
9
9
|
* **reports nothing** — an error is `isInvalid`, which is a state and not a variant — so
|
|
@@ -125,6 +125,22 @@ type InputContextValue = {
|
|
|
125
125
|
};
|
|
126
126
|
descriptionStyle: StyleProp<TextStyle>;
|
|
127
127
|
errorStyle: StyleProp<TextStyle>;
|
|
128
|
+
/**
|
|
129
|
+
* The two decorators of an `InputGroup`, already pinned to their edge and inset by the
|
|
130
|
+
* field's own padding. They are resolved here, on the root, because the size that
|
|
131
|
+
* decides that padding is the root's — the group itself adds no axis of its own.
|
|
132
|
+
*/
|
|
133
|
+
prefixStyle: StyleProp<ViewStyle>;
|
|
134
|
+
suffixStyle: StyleProp<ViewStyle>;
|
|
135
|
+
/**
|
|
136
|
+
* Values, not a style: an icon is a third party's component, and `size` and `color` are
|
|
137
|
+
* props it takes rather than a style it accepts. Flattened once here, the way the `Chip`
|
|
138
|
+
* and the `Alert` publish theirs.
|
|
139
|
+
*/
|
|
140
|
+
icon: {
|
|
141
|
+
size: number | undefined;
|
|
142
|
+
color: string | undefined;
|
|
143
|
+
};
|
|
128
144
|
/**
|
|
129
145
|
* A value and not a style: `placeholderTextColor` is a `TextInput` prop, so the root
|
|
130
146
|
* flattens its placeholder slot once here rather than in the field.
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { StyleProp, TextStyle, TextInputProps, TextProps,
|
|
2
|
+
import { StyleProp, TextStyle, ViewStyle, TextInputProps, TextProps, ViewProps } from 'react-native';
|
|
3
3
|
import { T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.js';
|
|
4
4
|
import { S as Size, R as RadiusKey } from './theme.type-C2gNHpEx.js';
|
|
5
5
|
|
|
6
|
-
type InputSlot = 'root' | 'label' | 'field' | 'textArea' | 'placeholder' | 'description' | 'error';
|
|
6
|
+
type InputSlot = 'root' | 'label' | 'field' | 'textArea' | 'placeholder' | 'description' | 'error' | 'prefix' | 'suffix' | 'icon';
|
|
7
7
|
/**
|
|
8
8
|
* The library's four emphasis levels, narrowed like the `Card`'s (§1 bis). A field
|
|
9
9
|
* **reports nothing** — an error is `isInvalid`, which is a state and not a variant — so
|
|
@@ -125,6 +125,22 @@ type InputContextValue = {
|
|
|
125
125
|
};
|
|
126
126
|
descriptionStyle: StyleProp<TextStyle>;
|
|
127
127
|
errorStyle: StyleProp<TextStyle>;
|
|
128
|
+
/**
|
|
129
|
+
* The two decorators of an `InputGroup`, already pinned to their edge and inset by the
|
|
130
|
+
* field's own padding. They are resolved here, on the root, because the size that
|
|
131
|
+
* decides that padding is the root's — the group itself adds no axis of its own.
|
|
132
|
+
*/
|
|
133
|
+
prefixStyle: StyleProp<ViewStyle>;
|
|
134
|
+
suffixStyle: StyleProp<ViewStyle>;
|
|
135
|
+
/**
|
|
136
|
+
* Values, not a style: an icon is a third party's component, and `size` and `color` are
|
|
137
|
+
* props it takes rather than a style it accepts. Flattened once here, the way the `Chip`
|
|
138
|
+
* and the `Alert` publish theirs.
|
|
139
|
+
*/
|
|
140
|
+
icon: {
|
|
141
|
+
size: number | undefined;
|
|
142
|
+
color: string | undefined;
|
|
143
|
+
};
|
|
128
144
|
/**
|
|
129
145
|
* A value and not a style: `placeholderTextColor` is a `TextInput` prop, so the root
|
|
130
146
|
* flattens its placeholder slot once here rather than in the field.
|
package/dist/system/index.cjs
CHANGED
|
@@ -11,7 +11,6 @@ var _chunkJ2JJLKLGcjs = require('../chunk-J2JJLKLG.cjs');
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
var _chunkB4W2XNBPcjs = require('../chunk-B4W2XNBP.cjs');
|
|
15
14
|
|
|
16
15
|
|
|
17
16
|
|
|
@@ -29,11 +28,12 @@ var _chunkB4W2XNBPcjs = require('../chunk-B4W2XNBP.cjs');
|
|
|
29
28
|
|
|
30
29
|
|
|
31
30
|
|
|
31
|
+
var _chunkIG4Q3WQOcjs = require('../chunk-IG4Q3WQO.cjs');
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
|
|
36
|
-
var
|
|
36
|
+
var _chunkB4W2XNBPcjs = require('../chunk-B4W2XNBP.cjs');
|
|
37
37
|
require('../chunk-EJQCQPET.cjs');
|
|
38
38
|
|
|
39
39
|
|
package/dist/system/index.js
CHANGED
|
@@ -7,11 +7,6 @@ import {
|
|
|
7
7
|
CloseButton,
|
|
8
8
|
closeButtonBase
|
|
9
9
|
} from "../chunk-A4RGJBP2.js";
|
|
10
|
-
import {
|
|
11
|
-
Icon,
|
|
12
|
-
IconContext,
|
|
13
|
-
useIconContext
|
|
14
|
-
} from "../chunk-ICR42HHG.js";
|
|
15
10
|
import {
|
|
16
11
|
FEEDBACK_OVERLAY,
|
|
17
12
|
HIGHLIGHT_DURATION,
|
|
@@ -34,6 +29,11 @@ import {
|
|
|
34
29
|
rippleRadiusFor,
|
|
35
30
|
useFeedback
|
|
36
31
|
} from "../chunk-4HELPMAK.js";
|
|
32
|
+
import {
|
|
33
|
+
Icon,
|
|
34
|
+
IconContext,
|
|
35
|
+
useIconContext
|
|
36
|
+
} from "../chunk-ICR42HHG.js";
|
|
37
37
|
import "../chunk-EGLLDKN6.js";
|
|
38
38
|
import {
|
|
39
39
|
createRecipe,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xaui/native",
|
|
3
|
-
"version": "0.9.1-alpha.
|
|
3
|
+
"version": "0.9.1-alpha.26",
|
|
4
4
|
"description": "Composition-first React Native UI components with native animations powered by Reanimated",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -77,6 +77,16 @@
|
|
|
77
77
|
"default": "./dist/components/input/index.cjs"
|
|
78
78
|
}
|
|
79
79
|
},
|
|
80
|
+
"./input-group": {
|
|
81
|
+
"import": {
|
|
82
|
+
"types": "./dist/components/input-group/index.d.ts",
|
|
83
|
+
"default": "./dist/components/input-group/index.js"
|
|
84
|
+
},
|
|
85
|
+
"require": {
|
|
86
|
+
"types": "./dist/components/input-group/index.d.cts",
|
|
87
|
+
"default": "./dist/components/input-group/index.cjs"
|
|
88
|
+
}
|
|
89
|
+
},
|
|
80
90
|
"./input-otp": {
|
|
81
91
|
"import": {
|
|
82
92
|
"types": "./dist/components/input-otp/index.d.ts",
|
|
@@ -2,13 +2,13 @@ import {
|
|
|
2
2
|
CloseButton,
|
|
3
3
|
closeButtonBase
|
|
4
4
|
} from "./chunk-A4RGJBP2.js";
|
|
5
|
-
import {
|
|
6
|
-
Icon
|
|
7
|
-
} from "./chunk-ICR42HHG.js";
|
|
8
5
|
import {
|
|
9
6
|
PressableFeedback,
|
|
10
7
|
usePressState
|
|
11
8
|
} from "./chunk-4HELPMAK.js";
|
|
9
|
+
import {
|
|
10
|
+
Icon
|
|
11
|
+
} from "./chunk-ICR42HHG.js";
|
|
12
12
|
import {
|
|
13
13
|
warnDev
|
|
14
14
|
} from "./chunk-EGLLDKN6.js";
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
var _chunkJ2JJLKLGcjs = require('./chunk-J2JJLKLG.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
|
|
8
7
|
|
|
8
|
+
var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
|