@xaui/native 0.9.1-alpha.15 → 0.9.1-alpha.17
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-PUER6Y4M.cjs → chunk-2UICXD3Q.cjs} +75 -381
- package/dist/chunk-4K3LZS7M.js +448 -0
- package/dist/chunk-5SU7FXWH.cjs +448 -0
- package/dist/chunk-6PZF4PI7.js +100 -0
- package/dist/chunk-6VTBGBPP.cjs +100 -0
- package/dist/{chunk-E3756MJC.js → chunk-ASXK7XU4.js} +16 -15
- package/dist/{chunk-DDYMIWLW.cjs → chunk-BHAHJHAI.cjs} +9 -5
- package/dist/{chunk-64L44HEI.js → chunk-F432IDIW.js} +89 -389
- package/dist/{chunk-NLFE3CRM.cjs → chunk-IZYRU7S2.cjs} +24 -23
- package/dist/{chunk-UOJBK5Z4.js → chunk-L3AQNVRN.js} +1 -1
- package/dist/{chunk-BAACHVM4.cjs → chunk-M2VYRHVS.cjs} +2 -2
- package/dist/{chunk-4O3PXFQ7.js → chunk-XQE5PXOD.js} +9 -5
- package/dist/components/button/index.cjs +4 -3
- package/dist/components/button/index.d.cts +3 -2
- package/dist/components/button/index.d.ts +3 -2
- package/dist/components/button/index.js +3 -2
- package/dist/components/typography/index.cjs +12 -0
- package/dist/components/typography/index.d.cts +115 -0
- package/dist/components/typography/index.d.ts +115 -0
- package/dist/components/typography/index.js +12 -0
- package/dist/create-recipe-3_ElpCYt.d.cts +117 -0
- package/dist/create-recipe-DImq1AZA.d.ts +117 -0
- package/dist/index.cjs +17 -7
- package/dist/index.d.cts +4 -2
- package/dist/index.d.ts +4 -2
- package/dist/index.js +21 -11
- package/dist/{create-recipe-DD9W6m9b.d.ts → pressable-feedback.type-C9kjAuVQ.d.cts} +3 -116
- package/dist/{create-recipe-BcUu9b2I.d.cts → pressable-feedback.type-KcPvFf6f.d.ts} +3 -116
- package/dist/system/index.cjs +5 -3
- package/dist/system/index.d.cts +5 -3
- package/dist/system/index.d.ts +5 -3
- package/dist/system/index.js +11 -9
- package/dist/theme/index.cjs +2 -2
- package/dist/theme/index.d.cts +6 -6
- package/dist/theme/index.d.ts +6 -6
- package/dist/theme/index.js +1 -1
- package/dist/{theme.type-C9bFJKFm.d.cts → theme.type-C2gNHpEx.d.cts} +1 -1
- package/dist/{theme.type-C9bFJKFm.d.ts → theme.type-C2gNHpEx.d.ts} +1 -1
- package/package.json +11 -1
package/dist/system/index.d.ts
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode, Provider, Ref, RefCallback } from 'react';
|
|
3
|
-
import { b as IconProps, a as IconContextValue,
|
|
4
|
-
export { A as AnimationConfig,
|
|
3
|
+
import { b as IconProps, a as IconContextValue, S as SlotAnimation, F as FeedbackContext, c as AnimationProp, d as ResolvedAnimation } from '../pressable-feedback.type-KcPvFf6f.js';
|
|
4
|
+
export { A as AnimationConfig, I as IconComponentProps, P as PressableFeedbackProps, R as RadiusStyle, e as RippleWave } from '../pressable-feedback.type-KcPvFf6f.js';
|
|
5
|
+
import { V as ViewStyleProps } from '../create-recipe-DImq1AZA.js';
|
|
6
|
+
export { A as Axes, C as CompoundVariant, D as DirectionalStyleKey, I as ImageStyleProps, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, n as StyleProps, o as TextStyleProps, T as TintArgs, k as VariantColors, l as VariantRole, m as VariantTokens, c as createRecipe } from '../create-recipe-DImq1AZA.js';
|
|
5
7
|
import * as react_native from 'react-native';
|
|
6
8
|
import { StyleProp, ViewStyle } from 'react-native';
|
|
7
9
|
import 'react-native-reanimated';
|
|
8
|
-
import '../theme.type-
|
|
10
|
+
import '../theme.type-C2gNHpEx.js';
|
|
9
11
|
|
|
10
12
|
/**
|
|
11
13
|
* The runtime half of R14. The type half lives in `system/style-props/`, and the two are
|
package/dist/system/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import {
|
|
|
2
2
|
Portal,
|
|
3
3
|
PortalContext,
|
|
4
4
|
PortalHost
|
|
5
|
-
} from "../chunk-
|
|
5
|
+
} from "../chunk-L3AQNVRN.js";
|
|
6
6
|
import {
|
|
7
7
|
FEEDBACK_OVERLAY,
|
|
8
8
|
HIGHLIGHT_DURATION,
|
|
@@ -20,21 +20,23 @@ import {
|
|
|
20
20
|
RIPPLE_OPACITY,
|
|
21
21
|
RIPPLE_START_SCALE,
|
|
22
22
|
SCALE_REFERENCE_WIDTH,
|
|
23
|
-
Slot,
|
|
24
|
-
childrenToString,
|
|
25
|
-
createRecipe,
|
|
26
|
-
createSlotContext,
|
|
27
23
|
markOverlay,
|
|
28
|
-
mergeProps,
|
|
29
|
-
mergeRefs,
|
|
30
24
|
pressScaleFor,
|
|
31
25
|
resolveAnimation,
|
|
32
26
|
resolveSlotAnimation,
|
|
33
27
|
rippleRadiusFor,
|
|
34
28
|
useFeedback,
|
|
35
|
-
useIconContext
|
|
29
|
+
useIconContext
|
|
30
|
+
} from "../chunk-F432IDIW.js";
|
|
31
|
+
import {
|
|
32
|
+
Slot,
|
|
33
|
+
childrenToString,
|
|
34
|
+
createRecipe,
|
|
35
|
+
createSlotContext,
|
|
36
|
+
mergeProps,
|
|
37
|
+
mergeRefs,
|
|
36
38
|
useStyleProps
|
|
37
|
-
} from "../chunk-
|
|
39
|
+
} from "../chunk-4K3LZS7M.js";
|
|
38
40
|
import "../chunk-XJARE6SC.js";
|
|
39
41
|
export {
|
|
40
42
|
FEEDBACK_OVERLAY,
|
package/dist/theme/index.cjs
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _chunkBHAHJHAIcjs = require('../chunk-BHAHJHAI.cjs');
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
@@ -33,4 +33,4 @@ var _chunk6N5JXRUZcjs = require('../chunk-6N5JXRUZ.cjs');
|
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
|
|
36
|
-
exports.ThemeContext = _chunk6N5JXRUZcjs.ThemeContext; exports.XAUIProvider =
|
|
36
|
+
exports.ThemeContext = _chunk6N5JXRUZcjs.ThemeContext; exports.XAUIProvider = _chunkBHAHJHAIcjs.XAUIProvider; exports.buildRadius = _chunkBHAHJHAIcjs.buildRadius; exports.buildShadows = _chunkBHAHJHAIcjs.buildShadows; exports.createTheme = _chunkBHAHJHAIcjs.createTheme; exports.defaultTheme = _chunkBHAHJHAIcjs.defaultTheme; exports.deriveColors = _chunkBHAHJHAIcjs.deriveColors; exports.deriveTint = _chunk6N5JXRUZcjs.deriveTint; exports.palette = _chunkBHAHJHAIcjs.palette; exports.primitives = _chunkBHAHJHAIcjs.primitives; exports.sourceKeys = _chunkBHAHJHAIcjs.sourceKeys; exports.tokens = _chunkBHAHJHAIcjs.tokens; exports.useColorMode = _chunk6N5JXRUZcjs.useColorMode; exports.useThemeColor = _chunk6N5JXRUZcjs.useThemeColor; exports.useXAUITheme = _chunk6N5JXRUZcjs.useXAUITheme;
|
package/dist/theme/index.d.cts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import { i as XAUIThemeSet, h as XAUIThemeConfig,
|
|
4
|
-
export { F as FontSizeKey,
|
|
3
|
+
import { i as XAUIThemeSet, h as XAUIThemeConfig, g as XAUISourceColors, c as XAUIDerivedColors, X as XAUITheme, e as XAUIRadius, C as ColorMode, a as XAUIColors } from '../theme.type-C2gNHpEx.cjs';
|
|
4
|
+
export { F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, d as XAUIPrimitiveColors, f as XAUIShadow } from '../theme.type-C2gNHpEx.cjs';
|
|
5
5
|
import 'react-native';
|
|
6
6
|
|
|
7
7
|
/** `'system'` follows the device; the resolved value is never `'system'`. */
|
|
@@ -408,7 +408,7 @@ declare const tokens: {
|
|
|
408
408
|
readonly overlayForeground: "#18181b";
|
|
409
409
|
readonly backdrop: "rgba(0, 0, 0, 0.2)";
|
|
410
410
|
readonly muted: "#71717a";
|
|
411
|
-
readonly default: "#
|
|
411
|
+
readonly default: "#e4e4e7";
|
|
412
412
|
readonly defaultForeground: "#18181b";
|
|
413
413
|
readonly accent: "#9333ea";
|
|
414
414
|
readonly accentForeground: "#faf5ff";
|
|
@@ -432,11 +432,11 @@ declare const tokens: {
|
|
|
432
432
|
readonly successPressed: "#1b753a";
|
|
433
433
|
readonly warningPressed: "#a34d13";
|
|
434
434
|
readonly dangerPressed: "#c72927";
|
|
435
|
-
readonly defaultPressed: "#
|
|
435
|
+
readonly defaultPressed: "#dbdbde";
|
|
436
436
|
readonly surfacePressed: "#eaeaea";
|
|
437
|
-
readonly defaultSoft: "rgba(
|
|
437
|
+
readonly defaultSoft: "rgba(228, 228, 231, 0.5)";
|
|
438
438
|
readonly defaultSoftForeground: "#18181b";
|
|
439
|
-
readonly defaultSoftPressed: "rgba(
|
|
439
|
+
readonly defaultSoftPressed: "rgba(228, 228, 231, 0.6)";
|
|
440
440
|
readonly accentSoft: "rgba(147, 51, 234, 0.15)";
|
|
441
441
|
readonly accentSoftForeground: "#7833bc";
|
|
442
442
|
readonly accentSoftPressed: "rgba(147, 51, 234, 0.2)";
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import { i as XAUIThemeSet, h as XAUIThemeConfig,
|
|
4
|
-
export { F as FontSizeKey,
|
|
3
|
+
import { i as XAUIThemeSet, h as XAUIThemeConfig, g as XAUISourceColors, c as XAUIDerivedColors, X as XAUITheme, e as XAUIRadius, C as ColorMode, a as XAUIColors } from '../theme.type-C2gNHpEx.js';
|
|
4
|
+
export { F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, d as XAUIPrimitiveColors, f as XAUIShadow } from '../theme.type-C2gNHpEx.js';
|
|
5
5
|
import 'react-native';
|
|
6
6
|
|
|
7
7
|
/** `'system'` follows the device; the resolved value is never `'system'`. */
|
|
@@ -408,7 +408,7 @@ declare const tokens: {
|
|
|
408
408
|
readonly overlayForeground: "#18181b";
|
|
409
409
|
readonly backdrop: "rgba(0, 0, 0, 0.2)";
|
|
410
410
|
readonly muted: "#71717a";
|
|
411
|
-
readonly default: "#
|
|
411
|
+
readonly default: "#e4e4e7";
|
|
412
412
|
readonly defaultForeground: "#18181b";
|
|
413
413
|
readonly accent: "#9333ea";
|
|
414
414
|
readonly accentForeground: "#faf5ff";
|
|
@@ -432,11 +432,11 @@ declare const tokens: {
|
|
|
432
432
|
readonly successPressed: "#1b753a";
|
|
433
433
|
readonly warningPressed: "#a34d13";
|
|
434
434
|
readonly dangerPressed: "#c72927";
|
|
435
|
-
readonly defaultPressed: "#
|
|
435
|
+
readonly defaultPressed: "#dbdbde";
|
|
436
436
|
readonly surfacePressed: "#eaeaea";
|
|
437
|
-
readonly defaultSoft: "rgba(
|
|
437
|
+
readonly defaultSoft: "rgba(228, 228, 231, 0.5)";
|
|
438
438
|
readonly defaultSoftForeground: "#18181b";
|
|
439
|
-
readonly defaultSoftPressed: "rgba(
|
|
439
|
+
readonly defaultSoftPressed: "rgba(228, 228, 231, 0.6)";
|
|
440
440
|
readonly accentSoft: "rgba(147, 51, 234, 0.15)";
|
|
441
441
|
readonly accentSoftForeground: "#7833bc";
|
|
442
442
|
readonly accentSoftPressed: "rgba(147, 51, 234, 0.2)";
|
package/dist/theme/index.js
CHANGED
|
@@ -156,4 +156,4 @@ type XAUIThemeSet = {
|
|
|
156
156
|
dark: XAUITheme;
|
|
157
157
|
};
|
|
158
158
|
|
|
159
|
-
export type { ColorMode as C, FontSizeKey as F, RadiusKey as R, Size as S,
|
|
159
|
+
export type { ColorMode as C, FontSizeKey as F, RadiusKey as R, Size as S, XAUITheme as X, XAUIColors as a, FontWeightKey as b, XAUIDerivedColors as c, XAUIPrimitiveColors as d, XAUIRadius as e, XAUIShadow as f, XAUISourceColors as g, XAUIThemeConfig as h, XAUIThemeSet as i };
|
|
@@ -156,4 +156,4 @@ type XAUIThemeSet = {
|
|
|
156
156
|
dark: XAUITheme;
|
|
157
157
|
};
|
|
158
158
|
|
|
159
|
-
export type { ColorMode as C, FontSizeKey as F, RadiusKey as R, Size as S,
|
|
159
|
+
export type { ColorMode as C, FontSizeKey as F, RadiusKey as R, Size as S, XAUITheme as X, XAUIColors as a, FontWeightKey as b, XAUIDerivedColors as c, XAUIPrimitiveColors as d, XAUIRadius as e, XAUIShadow as f, XAUISourceColors as g, XAUIThemeConfig as h, XAUIThemeSet as i };
|
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.17",
|
|
4
4
|
"description": "Composition-first React Native UI components with native animations powered by Reanimated",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -37,6 +37,16 @@
|
|
|
37
37
|
"default": "./dist/components/button/index.cjs"
|
|
38
38
|
}
|
|
39
39
|
},
|
|
40
|
+
"./typography": {
|
|
41
|
+
"import": {
|
|
42
|
+
"types": "./dist/components/typography/index.d.ts",
|
|
43
|
+
"default": "./dist/components/typography/index.js"
|
|
44
|
+
},
|
|
45
|
+
"require": {
|
|
46
|
+
"types": "./dist/components/typography/index.d.cts",
|
|
47
|
+
"default": "./dist/components/typography/index.cjs"
|
|
48
|
+
}
|
|
49
|
+
},
|
|
40
50
|
"./system": {
|
|
41
51
|
"import": {
|
|
42
52
|
"types": "./dist/system/index.d.ts",
|