@xaui/native 0.1.5 → 0.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 +109 -113
- package/dist/alert/index.cjs +6 -9
- package/dist/alert/index.js +4 -7
- package/dist/app-bar/index.cjs +4 -4
- package/dist/app-bar/index.js +2 -2
- package/dist/autocomplete/index.cjs +20 -25
- package/dist/autocomplete/index.d.cts +1 -1
- package/dist/autocomplete/index.d.ts +1 -1
- package/dist/autocomplete/index.js +11 -16
- package/dist/avatar/index.cjs +9 -9
- package/dist/avatar/index.js +5 -5
- package/dist/badge/index.cjs +13 -14
- package/dist/badge/index.js +10 -11
- package/dist/bottom-sheet/index.cjs +3 -3
- package/dist/bottom-sheet/index.js +2 -2
- package/dist/bottom-tab-bar/index.cjs +2 -2
- package/dist/bottom-tab-bar/index.js +1 -1
- package/dist/button/index.cjs +19 -22
- package/dist/button/index.d.cts +3 -3
- package/dist/button/index.d.ts +3 -3
- package/dist/button/index.js +12 -15
- package/dist/card/index.cjs +8 -8
- package/dist/card/index.js +3 -3
- package/dist/carousel/index.cjs +2 -2
- package/dist/carousel/index.js +1 -1
- package/dist/checkbox/index.cjs +11 -11
- package/dist/checkbox/index.js +6 -6
- package/dist/chip/index.cjs +11 -11
- package/dist/chip/index.js +9 -9
- package/dist/{chunk-K24VDBNN.js → chunk-4JFWQ5XT.js} +2 -2
- package/dist/{chunk-RZJFCDFS.cjs → chunk-7UFBLUMV.cjs} +13 -19
- package/dist/{chunk-M6A23KUM.js → chunk-A45TVXU5.js} +29 -5
- package/dist/{chunk-3XWF77Y3.cjs → chunk-BYWUAPC4.cjs} +4 -4
- package/dist/{chunk-X5KNZ6YJ.cjs → chunk-DJ4Q37UT.cjs} +2 -2
- package/dist/{chunk-LVNBYERF.js → chunk-RBSA4NH4.js} +13 -19
- package/dist/{chunk-HYL4EU3Y.cjs → chunk-UGEINZM7.cjs} +14 -13
- package/dist/{chunk-WGWXGIZ3.js → chunk-UU4HHBDN.js} +10 -9
- package/dist/{chunk-J3BOFXIH.js → chunk-VSZEXOUN.js} +4 -4
- package/dist/{chunk-FBTBWI3P.cjs → chunk-YIEUN3G5.cjs} +7 -7
- package/dist/{chunk-43I45LX7.cjs → chunk-ZH6ZSV2Q.cjs} +33 -9
- package/dist/{chunk-2JKWVIPB.js → chunk-ZY7IUTAT.js} +1 -1
- package/dist/color-picker/index.cjs +7 -7
- package/dist/color-picker/index.d.cts +1 -1
- package/dist/color-picker/index.d.ts +1 -1
- package/dist/color-picker/index.js +4 -4
- package/dist/core/index.cjs +2 -2
- package/dist/core/index.d.cts +1 -2
- package/dist/core/index.d.ts +1 -2
- package/dist/core/index.js +1 -1
- package/dist/datepicker/index.cjs +28 -30
- package/dist/datepicker/index.d.cts +1 -1
- package/dist/datepicker/index.d.ts +1 -1
- package/dist/datepicker/index.js +17 -19
- package/dist/dialog/index.cjs +5 -5
- package/dist/dialog/index.js +1 -1
- package/dist/divider/index.cjs +3 -3
- package/dist/divider/index.js +2 -2
- package/dist/drawer/index.cjs +4 -4
- package/dist/drawer/index.js +3 -3
- package/dist/expansion-panel/index.cjs +12 -12
- package/dist/expansion-panel/index.js +3 -3
- package/dist/fab/index.cjs +4 -4
- package/dist/fab/index.js +3 -3
- package/dist/fab-menu/index.cjs +8 -8
- package/dist/fab-menu/index.js +4 -4
- package/dist/feature-discovery/index.cjs +6 -6
- package/dist/feature-discovery/index.js +5 -5
- package/dist/indicator/index.cjs +3 -3
- package/dist/indicator/index.js +2 -2
- package/dist/input/index.cjs +38 -20
- package/dist/input/index.d.cts +2 -2
- package/dist/input/index.d.ts +2 -2
- package/dist/input/index.js +36 -18
- package/dist/input-trigger/index.cjs +193 -4
- package/dist/input-trigger/index.d.cts +5 -3
- package/dist/input-trigger/index.d.ts +5 -3
- package/dist/input-trigger/index.js +192 -3
- package/dist/{input-trigger.type-BL70fHE9.d.cts → input-trigger.type-By_1ZjKd.d.cts} +86 -3
- package/dist/{input-trigger.type-BODYStHk.d.ts → input-trigger.type-DlSqg2eG.d.ts} +86 -3
- package/dist/list/index.cjs +6 -6
- package/dist/list/index.js +2 -2
- package/dist/menu/index.cjs +4 -4
- package/dist/menu/index.js +2 -2
- package/dist/menubox/index.cjs +7 -7
- package/dist/menubox/index.d.cts +1 -1
- package/dist/menubox/index.d.ts +1 -1
- package/dist/menubox/index.js +3 -3
- package/dist/picker/index.cjs +7 -7
- package/dist/picker/index.d.cts +1 -1
- package/dist/picker/index.d.ts +1 -1
- package/dist/picker/index.js +4 -4
- package/dist/progress/index.cjs +3 -3
- package/dist/progress/index.js +2 -2
- package/dist/radio/index.cjs +9 -9
- package/dist/radio/index.js +3 -3
- package/dist/refresh-control/index.cjs +45 -0
- package/dist/refresh-control/index.d.cts +55 -0
- package/dist/refresh-control/index.d.ts +55 -0
- package/dist/refresh-control/index.js +45 -0
- package/dist/segment-button/index.cjs +8 -8
- package/dist/segment-button/index.js +5 -5
- package/dist/select/index.cjs +50 -58
- package/dist/select/index.d.cts +2 -2
- package/dist/select/index.d.ts +2 -2
- package/dist/select/index.js +37 -45
- package/dist/skeleton/index.cjs +4 -4
- package/dist/skeleton/index.js +3 -3
- package/dist/slider/index.cjs +5 -5
- package/dist/slider/index.js +1 -1
- package/dist/snackbar/index.cjs +6 -6
- package/dist/snackbar/index.js +4 -4
- package/dist/snippet/index.cjs +4 -4
- package/dist/snippet/index.js +2 -2
- package/dist/stepper/index.cjs +3 -3
- package/dist/stepper/index.js +2 -2
- package/dist/switch/index.cjs +8 -8
- package/dist/switch/index.js +2 -2
- package/dist/tabs/index.cjs +7 -7
- package/dist/tabs/index.js +4 -4
- package/dist/timepicker/index.cjs +7 -7
- package/dist/timepicker/index.js +4 -4
- package/dist/toolbar/index.cjs +3 -3
- package/dist/toolbar/index.js +2 -2
- package/dist/typography/index.cjs +3 -3
- package/dist/typography/index.js +1 -1
- package/dist/view/index.cjs +4 -4
- package/dist/view/index.js +2 -2
- package/package.json +8 -3
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkYIEUN3G5cjs = require('./chunk-YIEUN3G5.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunk7UFBLUMVcjs = require('./chunk-7UFBLUMV.cjs');
|
|
7
7
|
|
|
8
8
|
// src/components/fab/fab.tsx
|
|
9
9
|
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
@@ -39,7 +39,7 @@ var styles = _reactnative.StyleSheet.create({
|
|
|
39
39
|
|
|
40
40
|
var _core = require('@xaui/core');
|
|
41
41
|
function useFabSizeStyles(size) {
|
|
42
|
-
const theme =
|
|
42
|
+
const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
|
|
43
43
|
const sizeStyles = _react.useMemo.call(void 0, () => {
|
|
44
44
|
const sizes = {
|
|
45
45
|
sm: {
|
|
@@ -95,18 +95,17 @@ function useFabSizeStyles(size) {
|
|
|
95
95
|
return { sizeStyles, extendedSizeStyles };
|
|
96
96
|
}
|
|
97
97
|
function useFabVariantStyles(themeColor, variant, elevation = 0) {
|
|
98
|
-
const theme =
|
|
98
|
+
const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
|
|
99
99
|
const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
|
|
100
100
|
const colorScheme = theme.colors[safeThemeColor];
|
|
101
101
|
const variantStyles = _react.useMemo.call(void 0, () => {
|
|
102
|
-
const isDark = theme.mode === "dark";
|
|
103
102
|
const variantMap = {
|
|
104
103
|
solid: {
|
|
105
|
-
backgroundColor:
|
|
104
|
+
backgroundColor: colorScheme.main,
|
|
106
105
|
borderWidth: 0
|
|
107
106
|
},
|
|
108
107
|
flat: {
|
|
109
|
-
backgroundColor:
|
|
108
|
+
backgroundColor: colorScheme.container,
|
|
110
109
|
borderWidth: 0
|
|
111
110
|
},
|
|
112
111
|
outlined: {
|
|
@@ -127,20 +126,22 @@ function useFabVariantStyles(themeColor, variant, elevation = 0) {
|
|
|
127
126
|
return variantStyles;
|
|
128
127
|
}
|
|
129
128
|
function useFabIconColor(themeColor, variant) {
|
|
130
|
-
const theme =
|
|
129
|
+
const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
|
|
131
130
|
const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
|
|
132
131
|
const colorScheme = theme.colors[safeThemeColor];
|
|
133
132
|
const iconColor = _react.useMemo.call(void 0, () => {
|
|
134
|
-
const isDark = theme.mode === "dark";
|
|
135
133
|
if (variant === "solid") {
|
|
136
|
-
return
|
|
134
|
+
return colorScheme.onMain;
|
|
135
|
+
}
|
|
136
|
+
if (variant === "flat") {
|
|
137
|
+
return colorScheme.onContainer;
|
|
137
138
|
}
|
|
138
139
|
return colorScheme.main;
|
|
139
|
-
}, [variant, colorScheme
|
|
140
|
+
}, [variant, colorScheme]);
|
|
140
141
|
return { iconColor };
|
|
141
142
|
}
|
|
142
143
|
function useFabRadiusValue(radius, fallback) {
|
|
143
|
-
const theme =
|
|
144
|
+
const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
|
|
144
145
|
return _react.useMemo.call(void 0, () => {
|
|
145
146
|
if (!radius) return fallback;
|
|
146
147
|
const radiusMap = {
|
|
@@ -260,7 +261,7 @@ var Fab = ({
|
|
|
260
261
|
]
|
|
261
262
|
},
|
|
262
263
|
isLoading ? /* @__PURE__ */ _react2.default.createElement(
|
|
263
|
-
|
|
264
|
+
_chunkYIEUN3G5cjs.ActivityIndicator,
|
|
264
265
|
{
|
|
265
266
|
variant: "circular",
|
|
266
267
|
themeColor: variant === "solid" ? void 0 : themeColor,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ActivityIndicator
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-VSZEXOUN.js";
|
|
4
4
|
import {
|
|
5
5
|
useXUITheme
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-RBSA4NH4.js";
|
|
7
7
|
|
|
8
8
|
// src/components/fab/fab.tsx
|
|
9
9
|
import React from "react";
|
|
@@ -37,7 +37,7 @@ var styles = StyleSheet.create({
|
|
|
37
37
|
|
|
38
38
|
// src/components/fab/fab.hook.ts
|
|
39
39
|
import { useMemo } from "react";
|
|
40
|
-
import { getSafeThemeColor
|
|
40
|
+
import { getSafeThemeColor } from "@xaui/core";
|
|
41
41
|
function useFabSizeStyles(size) {
|
|
42
42
|
const theme = useXUITheme();
|
|
43
43
|
const sizeStyles = useMemo(() => {
|
|
@@ -99,14 +99,13 @@ function useFabVariantStyles(themeColor, variant, elevation = 0) {
|
|
|
99
99
|
const safeThemeColor = getSafeThemeColor(themeColor);
|
|
100
100
|
const colorScheme = theme.colors[safeThemeColor];
|
|
101
101
|
const variantStyles = useMemo(() => {
|
|
102
|
-
const isDark = theme.mode === "dark";
|
|
103
102
|
const variantMap = {
|
|
104
103
|
solid: {
|
|
105
|
-
backgroundColor:
|
|
104
|
+
backgroundColor: colorScheme.main,
|
|
106
105
|
borderWidth: 0
|
|
107
106
|
},
|
|
108
107
|
flat: {
|
|
109
|
-
backgroundColor:
|
|
108
|
+
backgroundColor: colorScheme.container,
|
|
110
109
|
borderWidth: 0
|
|
111
110
|
},
|
|
112
111
|
outlined: {
|
|
@@ -131,12 +130,14 @@ function useFabIconColor(themeColor, variant) {
|
|
|
131
130
|
const safeThemeColor = getSafeThemeColor(themeColor);
|
|
132
131
|
const colorScheme = theme.colors[safeThemeColor];
|
|
133
132
|
const iconColor = useMemo(() => {
|
|
134
|
-
const isDark = theme.mode === "dark";
|
|
135
133
|
if (variant === "solid") {
|
|
136
|
-
return
|
|
134
|
+
return colorScheme.onMain;
|
|
135
|
+
}
|
|
136
|
+
if (variant === "flat") {
|
|
137
|
+
return colorScheme.onContainer;
|
|
137
138
|
}
|
|
138
139
|
return colorScheme.main;
|
|
139
|
-
}, [variant, colorScheme
|
|
140
|
+
}, [variant, colorScheme]);
|
|
140
141
|
return { iconColor };
|
|
141
142
|
}
|
|
142
143
|
function useFabRadiusValue(radius, fallback) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useXUITheme
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-RBSA4NH4.js";
|
|
4
4
|
|
|
5
5
|
// src/components/indicator/indicator.tsx
|
|
6
6
|
import React3 from "react";
|
|
@@ -71,7 +71,7 @@ var CircularActivityIndicator = ({
|
|
|
71
71
|
const safeThemeColor = getSafeThemeColor(themeColor);
|
|
72
72
|
const colorScheme = theme.colors[safeThemeColor];
|
|
73
73
|
const mainColor = color || colorScheme.main;
|
|
74
|
-
const trackColor = showTrack ? backgroundColor ?? colorScheme.
|
|
74
|
+
const trackColor = showTrack ? backgroundColor ?? colorScheme.container : "transparent";
|
|
75
75
|
const strokeWidth = size * 0.1;
|
|
76
76
|
const frames = 60 * DURATION / 1e3;
|
|
77
77
|
const easing = Easing.bezier(0.4, 0, 0.7, 1);
|
|
@@ -283,7 +283,7 @@ var LinearActivityIndicator = ({
|
|
|
283
283
|
const { primaryTranslateX, primaryScaleX, secondaryTranslateX, secondaryScaleX } = useLinearActivityIndicatorAnimation(disableAnimation);
|
|
284
284
|
const colorScheme = theme.colors[themeColor];
|
|
285
285
|
const mainColor = color || colorScheme.main;
|
|
286
|
-
const trackColor = showTrack ? backgroundColor ?? colorScheme.
|
|
286
|
+
const trackColor = showTrack ? backgroundColor ?? colorScheme.container : "transparent";
|
|
287
287
|
const barStyle = {
|
|
288
288
|
...StyleSheet2.absoluteFillObject,
|
|
289
289
|
backgroundColor: mainColor,
|
|
@@ -332,7 +332,7 @@ var ActivityIndicator = (props) => {
|
|
|
332
332
|
const theme = useXUITheme();
|
|
333
333
|
const colorScheme = theme.colors[themeColor];
|
|
334
334
|
const mainColor = color ?? colorScheme.main;
|
|
335
|
-
const trackColor = backgroundColor ?? (showTrack ? colorScheme.
|
|
335
|
+
const trackColor = backgroundColor ?? (showTrack ? colorScheme.container : "transparent");
|
|
336
336
|
if (variant === "circular") {
|
|
337
337
|
const circleSize = size ?? 40;
|
|
338
338
|
return /* @__PURE__ */ React3.createElement(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunk7UFBLUMVcjs = require('./chunk-7UFBLUMV.cjs');
|
|
4
4
|
|
|
5
5
|
// src/components/indicator/indicator.tsx
|
|
6
6
|
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
@@ -44,7 +44,7 @@ var CircularActivityIndicator = ({
|
|
|
44
44
|
disableAnimation = false,
|
|
45
45
|
showTrack = true
|
|
46
46
|
}) => {
|
|
47
|
-
const theme =
|
|
47
|
+
const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
|
|
48
48
|
const { current: timer } = _react.useRef.call(void 0, new _reactnative.Animated.Value(0));
|
|
49
49
|
const rotation = _react.useRef.call(void 0, void 0);
|
|
50
50
|
const startRotation = _react2.default.useCallback(() => {
|
|
@@ -71,7 +71,7 @@ var CircularActivityIndicator = ({
|
|
|
71
71
|
const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
|
|
72
72
|
const colorScheme = theme.colors[safeThemeColor];
|
|
73
73
|
const mainColor = color || colorScheme.main;
|
|
74
|
-
const trackColor = showTrack ? _nullishCoalesce(backgroundColor, () => ( colorScheme.
|
|
74
|
+
const trackColor = showTrack ? _nullishCoalesce(backgroundColor, () => ( colorScheme.container)) : "transparent";
|
|
75
75
|
const strokeWidth = size * 0.1;
|
|
76
76
|
const frames = 60 * DURATION / 1e3;
|
|
77
77
|
const easing = _reactnative.Easing.bezier(0.4, 0, 0.7, 1);
|
|
@@ -279,11 +279,11 @@ var LinearActivityIndicator = ({
|
|
|
279
279
|
borderRadius = 0,
|
|
280
280
|
showTrack = true
|
|
281
281
|
}) => {
|
|
282
|
-
const theme =
|
|
282
|
+
const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
|
|
283
283
|
const { primaryTranslateX, primaryScaleX, secondaryTranslateX, secondaryScaleX } = useLinearActivityIndicatorAnimation(disableAnimation);
|
|
284
284
|
const colorScheme = theme.colors[themeColor];
|
|
285
285
|
const mainColor = color || colorScheme.main;
|
|
286
|
-
const trackColor = showTrack ? _nullishCoalesce(backgroundColor, () => ( colorScheme.
|
|
286
|
+
const trackColor = showTrack ? _nullishCoalesce(backgroundColor, () => ( colorScheme.container)) : "transparent";
|
|
287
287
|
const barStyle = {
|
|
288
288
|
..._reactnative.StyleSheet.absoluteFillObject,
|
|
289
289
|
backgroundColor: mainColor,
|
|
@@ -329,10 +329,10 @@ var ActivityIndicator = (props) => {
|
|
|
329
329
|
borderRadius,
|
|
330
330
|
showTrack
|
|
331
331
|
} = props;
|
|
332
|
-
const theme =
|
|
332
|
+
const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
|
|
333
333
|
const colorScheme = theme.colors[themeColor];
|
|
334
334
|
const mainColor = _nullishCoalesce(color, () => ( colorScheme.main));
|
|
335
|
-
const trackColor = _nullishCoalesce(backgroundColor, () => ( (showTrack ? colorScheme.
|
|
335
|
+
const trackColor = _nullishCoalesce(backgroundColor, () => ( (showTrack ? colorScheme.container : "transparent")));
|
|
336
336
|
if (variant === "circular") {
|
|
337
337
|
const circleSize = _nullishCoalesce(size, () => ( 40));
|
|
338
338
|
return /* @__PURE__ */ _react2.default.createElement(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunk7UFBLUMVcjs = require('./chunk-7UFBLUMV.cjs');
|
|
4
4
|
|
|
5
5
|
// src/components/input-trigger/input-trigger.tsx
|
|
6
6
|
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
@@ -10,7 +10,7 @@ var _reactnative = require('react-native');
|
|
|
10
10
|
|
|
11
11
|
var _core = require('@xaui/core');
|
|
12
12
|
var useInputTriggerSizeStyles = (size) => {
|
|
13
|
-
const theme =
|
|
13
|
+
const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
|
|
14
14
|
return _react.useMemo.call(void 0, () => {
|
|
15
15
|
const sizeMap = {
|
|
16
16
|
sm: {
|
|
@@ -45,7 +45,7 @@ var useInputTriggerSizeStyles = (size) => {
|
|
|
45
45
|
}, [size, theme]);
|
|
46
46
|
};
|
|
47
47
|
var useInputTriggerRadiusStyles = (radius) => {
|
|
48
|
-
const theme =
|
|
48
|
+
const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
|
|
49
49
|
return _react.useMemo.call(void 0, () => {
|
|
50
50
|
if (radius === "full") {
|
|
51
51
|
return { borderRadius: theme.borderRadius.full };
|
|
@@ -59,10 +59,11 @@ var useInputTriggerVariantStyles = ({
|
|
|
59
59
|
isInvalid,
|
|
60
60
|
isDisabled
|
|
61
61
|
}) => {
|
|
62
|
-
const theme =
|
|
62
|
+
const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
|
|
63
63
|
const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
|
|
64
64
|
const colorScheme = theme.colors[safeThemeColor];
|
|
65
65
|
return _react.useMemo.call(void 0, () => {
|
|
66
|
+
const isDark = theme.mode === "dark";
|
|
66
67
|
const neutralBorder = _core.withOpacity.call(void 0, theme.colors.foreground, 0.1);
|
|
67
68
|
const textColor = isDisabled ? _core.withOpacity.call(void 0, theme.colors.foreground, 0.55) : theme.colors.foreground;
|
|
68
69
|
const placeholderColor = _core.withOpacity.call(void 0, theme.colors.foreground, 0.45);
|
|
@@ -96,10 +97,9 @@ var useInputTriggerVariantStyles = ({
|
|
|
96
97
|
helperColor
|
|
97
98
|
};
|
|
98
99
|
}
|
|
99
|
-
if (variant === "
|
|
100
|
+
if (variant === "light") {
|
|
100
101
|
return {
|
|
101
102
|
container: {
|
|
102
|
-
backgroundColor: _core.withOpacity.call(void 0, colorScheme.background, 0.68),
|
|
103
103
|
borderColor: isInvalid ? theme.colors.danger.main : "transparent",
|
|
104
104
|
borderWidth: isInvalid ? theme.borderWidth.md : 0
|
|
105
105
|
},
|
|
@@ -112,7 +112,7 @@ var useInputTriggerVariantStyles = ({
|
|
|
112
112
|
}
|
|
113
113
|
return {
|
|
114
114
|
container: {
|
|
115
|
-
backgroundColor: colorScheme.
|
|
115
|
+
backgroundColor: _core.withOpacity.call(void 0, colorScheme.container, isDark ? 0.25 : 0.4),
|
|
116
116
|
borderColor: isInvalid ? _core.withPaletteNumber.call(void 0, theme.colors.danger.main, 500) : "transparent",
|
|
117
117
|
borderWidth: isInvalid ? theme.borderWidth.md : 0
|
|
118
118
|
},
|
|
@@ -145,6 +145,26 @@ var styles = _reactnative.StyleSheet.create({
|
|
|
145
145
|
flexDirection: "row",
|
|
146
146
|
alignItems: "center"
|
|
147
147
|
},
|
|
148
|
+
fileTrigger: {
|
|
149
|
+
alignItems: "center",
|
|
150
|
+
justifyContent: "center"
|
|
151
|
+
},
|
|
152
|
+
filePlusButton: {
|
|
153
|
+
alignItems: "center",
|
|
154
|
+
justifyContent: "center"
|
|
155
|
+
},
|
|
156
|
+
fileContent: {
|
|
157
|
+
textAlign: "center"
|
|
158
|
+
},
|
|
159
|
+
fileCustomContent: {
|
|
160
|
+
alignItems: "center"
|
|
161
|
+
},
|
|
162
|
+
fileSelectedContent: {
|
|
163
|
+
width: "100%",
|
|
164
|
+
alignItems: "center",
|
|
165
|
+
justifyContent: "center",
|
|
166
|
+
overflow: "hidden"
|
|
167
|
+
},
|
|
148
168
|
underlinedWrapper: {
|
|
149
169
|
borderBottomLeftRadius: 0,
|
|
150
170
|
borderBottomRightRadius: 0,
|
|
@@ -177,7 +197,7 @@ var InputTrigger = ({
|
|
|
177
197
|
startContent,
|
|
178
198
|
endContent,
|
|
179
199
|
themeColor = "primary",
|
|
180
|
-
variant = "
|
|
200
|
+
variant = "colored",
|
|
181
201
|
size = "md",
|
|
182
202
|
radius = "md",
|
|
183
203
|
isDisabled = false,
|
|
@@ -310,4 +330,8 @@ var InputTrigger = ({
|
|
|
310
330
|
|
|
311
331
|
|
|
312
332
|
|
|
313
|
-
|
|
333
|
+
|
|
334
|
+
|
|
335
|
+
|
|
336
|
+
|
|
337
|
+
exports.useInputTriggerSizeStyles = useInputTriggerSizeStyles; exports.useInputTriggerRadiusStyles = useInputTriggerRadiusStyles; exports.useInputTriggerVariantStyles = useInputTriggerVariantStyles; exports.styles = styles; exports.InputTrigger = InputTrigger;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkZH6ZSV2Qcjs = require('../chunk-ZH6ZSV2Q.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunkBYWUAPC4cjs = require('../chunk-BYWUAPC4.cjs');
|
|
7
7
|
require('../chunk-56RPWZD2.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
|
|
11
11
|
|
|
12
12
|
// src/components/color-picker/color-picker.tsx
|
|
13
13
|
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
@@ -327,7 +327,7 @@ var ColorPicker = ({
|
|
|
327
327
|
colorGroups = defaultColorGroups,
|
|
328
328
|
sheetTitle = "Pick a color",
|
|
329
329
|
themeColor = "primary",
|
|
330
|
-
variant = "
|
|
330
|
+
variant = "colored",
|
|
331
331
|
size = "md",
|
|
332
332
|
radius = "md",
|
|
333
333
|
isOpened,
|
|
@@ -341,7 +341,7 @@ var ColorPicker = ({
|
|
|
341
341
|
onClose
|
|
342
342
|
}) => {
|
|
343
343
|
const [isOpen, setIsOpen] = _react.useState.call(void 0, _nullishCoalesce(isOpened, () => ( false)));
|
|
344
|
-
const theme =
|
|
344
|
+
const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
|
|
345
345
|
const sheetBackground = theme.mode === "dark" ? theme.colors.background : "#ffffff";
|
|
346
346
|
_react.useEffect.call(void 0, () => {
|
|
347
347
|
if (isOpened !== void 0) {
|
|
@@ -379,7 +379,7 @@ var ColorPicker = ({
|
|
|
379
379
|
}
|
|
380
380
|
);
|
|
381
381
|
return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(
|
|
382
|
-
|
|
382
|
+
_chunkZH6ZSV2Qcjs.InputTrigger,
|
|
383
383
|
{
|
|
384
384
|
value: value ? "" : void 0,
|
|
385
385
|
placeholder,
|
|
@@ -412,7 +412,7 @@ var ColorPicker = ({
|
|
|
412
412
|
onPress: handleOpen
|
|
413
413
|
}
|
|
414
414
|
), /* @__PURE__ */ _react2.default.createElement(
|
|
415
|
-
|
|
415
|
+
_chunkBYWUAPC4cjs.BottomSheet,
|
|
416
416
|
{
|
|
417
417
|
isOpen,
|
|
418
418
|
snapPoints: [0.75],
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle } from 'react-native';
|
|
3
3
|
import { T as ThemeColor, R as Radius } from '../index-DyU3sW3_.cjs';
|
|
4
|
-
import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-
|
|
4
|
+
import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-By_1ZjKd.cjs';
|
|
5
5
|
|
|
6
6
|
type ColorGroup = {
|
|
7
7
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ViewStyle } from 'react-native';
|
|
3
3
|
import { T as ThemeColor, R as Radius } from '../index-DyU3sW3_.js';
|
|
4
|
-
import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-
|
|
4
|
+
import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-DlSqg2eG.js';
|
|
5
5
|
|
|
6
6
|
type ColorGroup = {
|
|
7
7
|
/**
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
InputTrigger
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-A45TVXU5.js";
|
|
4
4
|
import {
|
|
5
5
|
BottomSheet
|
|
6
|
-
} from "../chunk-
|
|
6
|
+
} from "../chunk-4JFWQ5XT.js";
|
|
7
7
|
import "../chunk-SHBDANQN.js";
|
|
8
8
|
import {
|
|
9
9
|
useXUITheme
|
|
10
|
-
} from "../chunk-
|
|
10
|
+
} from "../chunk-RBSA4NH4.js";
|
|
11
11
|
|
|
12
12
|
// src/components/color-picker/color-picker.tsx
|
|
13
13
|
import React, { useEffect, useState } from "react";
|
|
@@ -327,7 +327,7 @@ var ColorPicker = ({
|
|
|
327
327
|
colorGroups = defaultColorGroups,
|
|
328
328
|
sheetTitle = "Pick a color",
|
|
329
329
|
themeColor = "primary",
|
|
330
|
-
variant = "
|
|
330
|
+
variant = "colored",
|
|
331
331
|
size = "md",
|
|
332
332
|
radius = "md",
|
|
333
333
|
isOpened,
|
package/dist/core/index.cjs
CHANGED
|
@@ -10,7 +10,7 @@ var _chunk56RPWZD2cjs = require('../chunk-56RPWZD2.cjs');
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
@@ -21,4 +21,4 @@ var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
|
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
24
|
-
exports.Portal =
|
|
24
|
+
exports.Portal = _chunk7UFBLUMVcjs.Portal; exports.PortalHost = _chunk7UFBLUMVcjs.PortalHost; exports.XUIProvider = _chunk7UFBLUMVcjs.XUIProvider; exports.defaultDarkTheme = _chunk56RPWZD2cjs.defaultDarkTheme; exports.defaultTheme = _chunk56RPWZD2cjs.defaultTheme; exports.palette = _chunk56RPWZD2cjs.colors; exports.useColorMode = _chunk7UFBLUMVcjs.useColorMode; exports.useXUIColors = _chunk7UFBLUMVcjs.useXUIColors; exports.useXUITheme = _chunk7UFBLUMVcjs.useXUITheme;
|
package/dist/core/index.d.cts
CHANGED
|
@@ -9,9 +9,8 @@ type DeepPartial<T> = {
|
|
|
9
9
|
interface XUIProviderProps {
|
|
10
10
|
children: ReactNode;
|
|
11
11
|
theme?: DeepPartial<XUITheme>;
|
|
12
|
-
darkTheme?: DeepPartial<XUITheme>;
|
|
13
12
|
}
|
|
14
|
-
declare function XUIProvider({ children, theme
|
|
13
|
+
declare function XUIProvider({ children, theme }: XUIProviderProps): React.JSX.Element;
|
|
15
14
|
|
|
16
15
|
type ColorMode = 'light' | 'dark';
|
|
17
16
|
declare function useColorMode(): ColorMode;
|
package/dist/core/index.d.ts
CHANGED
|
@@ -9,9 +9,8 @@ type DeepPartial<T> = {
|
|
|
9
9
|
interface XUIProviderProps {
|
|
10
10
|
children: ReactNode;
|
|
11
11
|
theme?: DeepPartial<XUITheme>;
|
|
12
|
-
darkTheme?: DeepPartial<XUITheme>;
|
|
13
12
|
}
|
|
14
|
-
declare function XUIProvider({ children, theme
|
|
13
|
+
declare function XUIProvider({ children, theme }: XUIProviderProps): React.JSX.Element;
|
|
15
14
|
|
|
16
15
|
type ColorMode = 'light' | 'dark';
|
|
17
16
|
declare function useColorMode(): ColorMode;
|