@castui/cast-ui 1.1.1 → 3.0.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 +20 -570
- package/dist/index.d.ts +0 -51
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -32
- package/dist/index.js.map +1 -1
- package/package.json +2 -7
- package/dist/components/Alert/Alert.d.ts +0 -14
- package/dist/components/Alert/Alert.d.ts.map +0 -1
- package/dist/components/Alert/Alert.js +0 -57
- package/dist/components/Alert/Alert.js.map +0 -1
- package/dist/components/AppBar/AppBar.d.ts +0 -11
- package/dist/components/AppBar/AppBar.d.ts.map +0 -1
- package/dist/components/AppBar/AppBar.js +0 -32
- package/dist/components/AppBar/AppBar.js.map +0 -1
- package/dist/components/Autocomplete/Autocomplete.d.ts +0 -18
- package/dist/components/Autocomplete/Autocomplete.d.ts.map +0 -1
- package/dist/components/Autocomplete/Autocomplete.js +0 -72
- package/dist/components/Autocomplete/Autocomplete.js.map +0 -1
- package/dist/components/Backdrop/Backdrop.d.ts +0 -8
- package/dist/components/Backdrop/Backdrop.d.ts.map +0 -1
- package/dist/components/Backdrop/Backdrop.js +0 -25
- package/dist/components/Backdrop/Backdrop.js.map +0 -1
- package/dist/components/Badge/Badge.d.ts +0 -11
- package/dist/components/Badge/Badge.d.ts.map +0 -1
- package/dist/components/Badge/Badge.js +0 -42
- package/dist/components/Badge/Badge.js.map +0 -1
- package/dist/components/Button/Button.d.ts +0 -18
- package/dist/components/Button/Button.d.ts.map +0 -1
- package/dist/components/Button/Button.js +0 -72
- package/dist/components/Button/Button.js.map +0 -1
- package/dist/components/Card/Card.d.ts +0 -20
- package/dist/components/Card/Card.d.ts.map +0 -1
- package/dist/components/Card/Card.js +0 -58
- package/dist/components/Card/Card.js.map +0 -1
- package/dist/components/Checkbox/Checkbox.d.ts +0 -12
- package/dist/components/Checkbox/Checkbox.d.ts.map +0 -1
- package/dist/components/Checkbox/Checkbox.js +0 -39
- package/dist/components/Checkbox/Checkbox.js.map +0 -1
- package/dist/components/Chip/Chip.d.ts +0 -13
- package/dist/components/Chip/Chip.d.ts.map +0 -1
- package/dist/components/Chip/Chip.js +0 -29
- package/dist/components/Chip/Chip.js.map +0 -1
- package/dist/components/Dialog/Dialog.d.ts +0 -15
- package/dist/components/Dialog/Dialog.d.ts.map +0 -1
- package/dist/components/Dialog/Dialog.js +0 -41
- package/dist/components/Dialog/Dialog.js.map +0 -1
- package/dist/components/Divider/Divider.d.ts +0 -6
- package/dist/components/Divider/Divider.d.ts.map +0 -1
- package/dist/components/Divider/Divider.js +0 -25
- package/dist/components/Divider/Divider.js.map +0 -1
- package/dist/components/FAB/FAB.d.ts +0 -14
- package/dist/components/FAB/FAB.d.ts.map +0 -1
- package/dist/components/FAB/FAB.js +0 -55
- package/dist/components/FAB/FAB.js.map +0 -1
- package/dist/components/Icon/Icon.d.ts +0 -11
- package/dist/components/Icon/Icon.d.ts.map +0 -1
- package/dist/components/Icon/Icon.js +0 -29
- package/dist/components/Icon/Icon.js.map +0 -1
- package/dist/components/Link/Link.d.ts +0 -11
- package/dist/components/Link/Link.d.ts.map +0 -1
- package/dist/components/Link/Link.js +0 -26
- package/dist/components/Link/Link.js.map +0 -1
- package/dist/components/Select/Select.d.ts +0 -18
- package/dist/components/Select/Select.d.ts.map +0 -1
- package/dist/components/Select/Select.js +0 -72
- package/dist/components/Select/Select.js.map +0 -1
- package/dist/components/Skeleton/Skeleton.d.ts +0 -11
- package/dist/components/Skeleton/Skeleton.d.ts.map +0 -1
- package/dist/components/Skeleton/Skeleton.js +0 -27
- package/dist/components/Skeleton/Skeleton.js.map +0 -1
- package/dist/components/Snackbar/Snackbar.d.ts +0 -14
- package/dist/components/Snackbar/Snackbar.d.ts.map +0 -1
- package/dist/components/Snackbar/Snackbar.js +0 -40
- package/dist/components/Snackbar/Snackbar.js.map +0 -1
- package/dist/components/SpeedDial/SpeedDial.d.ts +0 -18
- package/dist/components/SpeedDial/SpeedDial.d.ts.map +0 -1
- package/dist/components/SpeedDial/SpeedDial.js +0 -55
- package/dist/components/SpeedDial/SpeedDial.js.map +0 -1
- package/dist/components/Switch/Switch.d.ts +0 -12
- package/dist/components/Switch/Switch.d.ts.map +0 -1
- package/dist/components/Switch/Switch.js +0 -39
- package/dist/components/Switch/Switch.js.map +0 -1
- package/dist/components/Table/Table.d.ts +0 -15
- package/dist/components/Table/Table.d.ts.map +0 -1
- package/dist/components/Table/Table.js +0 -62
- package/dist/components/Table/Table.js.map +0 -1
- package/dist/components/TextField/TextField.d.ts +0 -19
- package/dist/components/TextField/TextField.d.ts.map +0 -1
- package/dist/components/TextField/TextField.js +0 -60
- package/dist/components/TextField/TextField.js.map +0 -1
- package/dist/components/Typography/Typography.d.ts +0 -21
- package/dist/components/Typography/Typography.d.ts.map +0 -1
- package/dist/components/Typography/Typography.js +0 -41
- package/dist/components/Typography/Typography.js.map +0 -1
- package/dist/default.reference.json +0 -421
- package/dist/theme/ThemeProvider.d.ts +0 -34
- package/dist/theme/ThemeProvider.d.ts.map +0 -1
- package/dist/theme/ThemeProvider.js +0 -41
- package/dist/theme/ThemeProvider.js.map +0 -1
- package/dist/theme/createTheme.d.ts +0 -49
- package/dist/theme/createTheme.d.ts.map +0 -1
- package/dist/theme/createTheme.js +0 -85
- package/dist/theme/createTheme.js.map +0 -1
- package/dist/theme/fonts.d.ts +0 -96
- package/dist/theme/fonts.d.ts.map +0 -1
- package/dist/theme/fonts.js +0 -148
- package/dist/theme/fonts.js.map +0 -1
- package/dist/theme/index.d.ts +0 -7
- package/dist/theme/index.d.ts.map +0 -1
- package/dist/theme/index.js +0 -4
- package/dist/theme/index.js.map +0 -1
- package/dist/theme/types.d.ts +0 -471
- package/dist/theme/types.d.ts.map +0 -1
- package/dist/theme/types.js +0 -12
- package/dist/theme/types.js.map +0 -1
- package/dist/tokens/generated/default.d.ts +0 -3
- package/dist/tokens/generated/default.d.ts.map +0 -1
- package/dist/tokens/generated/default.js +0 -422
- package/dist/tokens/generated/default.js.map +0 -1
- package/dist/tokens/generated/index.d.ts +0 -2
- package/dist/tokens/generated/index.d.ts.map +0 -1
- package/dist/tokens/generated/index.js +0 -3
- package/dist/tokens/generated/index.js.map +0 -1
package/dist/index.js
CHANGED
|
@@ -1,33 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
// Cast
|
|
3
|
-
//
|
|
4
|
-
// Theme system
|
|
5
|
-
export { CastThemeProvider, useTheme } from './theme';
|
|
6
|
-
export { createTheme } from './theme';
|
|
7
|
-
export { getThemeFontFamilies, googleFontsUrl, resolveFont, ANDROID_WEIGHT_SUFFIX } from './theme';
|
|
8
|
-
// Theme objects
|
|
9
|
-
export { defaultTheme } from './tokens/generated';
|
|
10
|
-
// Components
|
|
11
|
-
export { Button } from './components/Button/Button';
|
|
12
|
-
export { Card } from './components/Card/Card';
|
|
13
|
-
export { Typography } from './components/Typography/Typography';
|
|
14
|
-
export { TextField } from './components/TextField/TextField';
|
|
15
|
-
export { Checkbox } from './components/Checkbox/Checkbox';
|
|
16
|
-
export { FAB } from './components/FAB/FAB';
|
|
17
|
-
export { Autocomplete } from './components/Autocomplete/Autocomplete';
|
|
18
|
-
export { Select } from './components/Select/Select';
|
|
19
|
-
export { Switch } from './components/Switch/Switch';
|
|
20
|
-
export { Badge } from './components/Badge/Badge';
|
|
21
|
-
export { Chip } from './components/Chip/Chip';
|
|
22
|
-
export { Divider } from './components/Divider/Divider';
|
|
23
|
-
export { Icon } from './components/Icon/Icon';
|
|
24
|
-
export { Table } from './components/Table/Table';
|
|
25
|
-
export { Alert } from './components/Alert/Alert';
|
|
26
|
-
export { Backdrop } from './components/Backdrop/Backdrop';
|
|
27
|
-
export { Skeleton } from './components/Skeleton/Skeleton';
|
|
28
|
-
export { Snackbar } from './components/Snackbar/Snackbar';
|
|
29
|
-
export { Dialog } from './components/Dialog/Dialog';
|
|
30
|
-
export { AppBar } from './components/AppBar/AppBar';
|
|
31
|
-
export { Link } from './components/Link/Link';
|
|
32
|
-
export { SpeedDial } from './components/SpeedDial/SpeedDial';
|
|
1
|
+
"use strict";
|
|
2
|
+
// Cast UI - Component Library
|
|
3
|
+
// Export components here as they are created
|
|
33
4
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,8BAA8B;AAC9B,6CAA6C"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@castui/cast-ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"description": "A cross-platform design system for React Native (iOS, Android, Web) with multi-theme support.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -10,12 +10,9 @@
|
|
|
10
10
|
"LICENSE"
|
|
11
11
|
],
|
|
12
12
|
"scripts": {
|
|
13
|
-
"build:tokens": "node -e \"require('ts-node').register({compilerOptions:{module:'commonjs'}});require('./src/tokens/build.ts');\"",
|
|
14
|
-
"prestorybook": "npm run build:tokens",
|
|
15
13
|
"storybook": "STORYBOOK_DISABLE_TELEMETRY=1 storybook dev -p 6006",
|
|
16
|
-
"prebuild-storybook": "npm run build:tokens",
|
|
17
14
|
"build-storybook": "STORYBOOK_DISABLE_TELEMETRY=1 storybook build",
|
|
18
|
-
"build": "
|
|
15
|
+
"build": "tsc --project tsconfig.build.json",
|
|
19
16
|
"prepublishOnly": "npm run build",
|
|
20
17
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
21
18
|
"zh:track-package": "zh-adoption track-package"
|
|
@@ -58,8 +55,6 @@
|
|
|
58
55
|
"react-native": "^0.84.0",
|
|
59
56
|
"react-native-web": "^0.21.2",
|
|
60
57
|
"storybook": "^10.2.8",
|
|
61
|
-
"style-dictionary": "^5.3.0",
|
|
62
|
-
"ts-node": "^10.9.2",
|
|
63
58
|
"typescript": "^5.9.3"
|
|
64
59
|
}
|
|
65
60
|
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export type AlertSeverity = 'info' | 'success' | 'error' | 'warning';
|
|
3
|
-
export interface AlertProps {
|
|
4
|
-
/** Alert type. @default 'info' */
|
|
5
|
-
severity?: AlertSeverity;
|
|
6
|
-
/** Alert title. */
|
|
7
|
-
title?: string;
|
|
8
|
-
/** Alert body. */
|
|
9
|
-
children: React.ReactNode;
|
|
10
|
-
/** Dismiss handler. */
|
|
11
|
-
onDismiss?: () => void;
|
|
12
|
-
}
|
|
13
|
-
export declare function Alert({ severity, title, children, onDismiss, }: AlertProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
//# sourceMappingURL=Alert.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAErE,MAAM,WAAW,UAAU;IACzB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAiBD,wBAAgB,KAAK,CAAC,EACpB,QAAiB,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,2CA4DZ"}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { View, Text, Pressable, } from 'react-native';
|
|
3
|
-
import { useTheme, resolveFont } from '../../theme';
|
|
4
|
-
// ---------------------------------------------------------------------------
|
|
5
|
-
// Severity → icon mapping
|
|
6
|
-
// ---------------------------------------------------------------------------
|
|
7
|
-
const SEVERITY_ICON = {
|
|
8
|
-
info: '\u2139',
|
|
9
|
-
success: '\u2713',
|
|
10
|
-
error: '\u2717',
|
|
11
|
-
warning: '\u26A0',
|
|
12
|
-
};
|
|
13
|
-
// ---------------------------------------------------------------------------
|
|
14
|
-
// Component
|
|
15
|
-
// ---------------------------------------------------------------------------
|
|
16
|
-
export function Alert({ severity = 'info', title, children, onDismiss, }) {
|
|
17
|
-
const theme = useTheme();
|
|
18
|
-
const al = theme.component.alert;
|
|
19
|
-
const containerStyle = {
|
|
20
|
-
flexDirection: 'row',
|
|
21
|
-
padding: al.padding,
|
|
22
|
-
gap: al.gap,
|
|
23
|
-
borderRadius: al.cornerRadius,
|
|
24
|
-
borderWidth: al.borderWidth,
|
|
25
|
-
backgroundColor: al.background,
|
|
26
|
-
borderColor: al.borderColor,
|
|
27
|
-
alignItems: 'flex-start',
|
|
28
|
-
};
|
|
29
|
-
const iconStyle = {
|
|
30
|
-
fontSize: al.iconSize,
|
|
31
|
-
lineHeight: al.iconSize * 1.2,
|
|
32
|
-
color: al.iconColor,
|
|
33
|
-
};
|
|
34
|
-
const contentStyle = {
|
|
35
|
-
flex: 1,
|
|
36
|
-
gap: 2,
|
|
37
|
-
};
|
|
38
|
-
const titleStyle = {
|
|
39
|
-
fontSize: al.titleSize,
|
|
40
|
-
lineHeight: al.titleLineHeight,
|
|
41
|
-
color: al.titleColor,
|
|
42
|
-
...resolveFont(al.fontFamily, al.titleFontWeight),
|
|
43
|
-
};
|
|
44
|
-
const bodyStyle = {
|
|
45
|
-
fontSize: al.bodySize,
|
|
46
|
-
lineHeight: al.bodyLineHeight,
|
|
47
|
-
color: al.bodyColor,
|
|
48
|
-
...resolveFont(al.fontFamily, al.bodyFontWeight),
|
|
49
|
-
};
|
|
50
|
-
const dismissStyle = {
|
|
51
|
-
fontSize: al.iconSize,
|
|
52
|
-
lineHeight: al.iconSize * 1.2,
|
|
53
|
-
color: al.iconColor,
|
|
54
|
-
};
|
|
55
|
-
return (_jsxs(View, { style: containerStyle, accessibilityRole: "alert", children: [_jsx(Text, { style: iconStyle, children: SEVERITY_ICON[severity] }), _jsxs(View, { style: contentStyle, children: [title ? _jsx(Text, { style: titleStyle, children: title }) : null, _jsx(Text, { style: bodyStyle, children: children })] }), onDismiss ? (_jsx(Pressable, { onPress: onDismiss, accessibilityRole: "button", accessibilityLabel: "Dismiss", children: _jsx(Text, { style: dismissStyle, children: '\u2715' }) })) : null] }));
|
|
56
|
-
}
|
|
57
|
-
//# sourceMappingURL=Alert.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,GAGV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAmBpD,8EAA8E;AAC9E,0BAA0B;AAC1B,8EAA8E;AAE9E,MAAM,aAAa,GAAkC;IACnD,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;CAClB,CAAC;AAEF,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,GAAG,MAAM,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,GACE;IACX,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAEjC,MAAM,cAAc,GAAc;QAChC,aAAa,EAAE,KAAK;QACpB,OAAO,EAAE,EAAE,CAAC,OAAO;QACnB,GAAG,EAAE,EAAE,CAAC,GAAG;QACX,YAAY,EAAE,EAAE,CAAC,YAAY;QAC7B,WAAW,EAAE,EAAE,CAAC,WAAW;QAC3B,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,WAAW,EAAE,EAAE,CAAC,WAAW;QAC3B,UAAU,EAAE,YAAY;KACzB,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,QAAQ,GAAG,GAAG;QAC7B,KAAK,EAAE,EAAE,CAAC,SAAS;KACpB,CAAC;IAEF,MAAM,YAAY,GAAc;QAC9B,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;KACP,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,QAAQ,EAAE,EAAE,CAAC,SAAS;QACtB,UAAU,EAAE,EAAE,CAAC,eAAe;QAC9B,KAAK,EAAE,EAAE,CAAC,UAAU;QACpB,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC;KAClD,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,cAAc;QAC7B,KAAK,EAAE,EAAE,CAAC,SAAS;QACnB,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,cAAc,CAAC;KACjD,CAAC;IAEF,MAAM,YAAY,GAAc;QAC9B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,QAAQ,GAAG,GAAG;QAC7B,KAAK,EAAE,EAAE,CAAC,SAAS;KACpB,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAC,OAAO,aACpD,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,aAAa,CAAC,QAAQ,CAAC,GAAQ,EACxD,MAAC,IAAI,IAAC,KAAK,EAAE,YAAY,aACtB,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EACvD,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,QAAQ,GAAQ,IACpC,EACN,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,SAAS,IAAC,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAC,QAAQ,EAAC,kBAAkB,EAAC,SAAS,YACpF,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAQ,GAClC,CACb,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface AppBarProps {
|
|
3
|
-
/** AppBar title. */
|
|
4
|
-
title: string;
|
|
5
|
-
/** Leading icon/button. */
|
|
6
|
-
leading?: React.ReactNode;
|
|
7
|
-
/** Trailing icons. */
|
|
8
|
-
trailing?: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export declare function AppBar({ title, leading, trailing }: AppBarProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
//# sourceMappingURL=AppBar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../src/components/AppBar/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,WAAW,WAAW;IAC1B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAiC/D"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { View, Text, } from 'react-native';
|
|
3
|
-
import { useTheme, resolveFont } from '../../theme';
|
|
4
|
-
// ---------------------------------------------------------------------------
|
|
5
|
-
// Component
|
|
6
|
-
// ---------------------------------------------------------------------------
|
|
7
|
-
export function AppBar({ title, leading, trailing }) {
|
|
8
|
-
const theme = useTheme();
|
|
9
|
-
const ab = theme.component.appBar;
|
|
10
|
-
const containerStyle = {
|
|
11
|
-
height: ab.height,
|
|
12
|
-
flexDirection: 'row',
|
|
13
|
-
alignItems: 'center',
|
|
14
|
-
paddingHorizontal: ab.paddingHorizontal,
|
|
15
|
-
backgroundColor: ab.background,
|
|
16
|
-
borderBottomWidth: 1,
|
|
17
|
-
borderBottomColor: ab.borderColor,
|
|
18
|
-
elevation: ab.elevation,
|
|
19
|
-
...(ab.elevation > 0
|
|
20
|
-
? { boxShadow: `0 1px ${ab.elevation}px rgba(0,0,0,0.1)` }
|
|
21
|
-
: {}),
|
|
22
|
-
};
|
|
23
|
-
const titleStyle = {
|
|
24
|
-
flex: 1,
|
|
25
|
-
fontSize: ab.titleSize,
|
|
26
|
-
lineHeight: ab.titleLineHeight,
|
|
27
|
-
color: ab.titleColor,
|
|
28
|
-
...resolveFont(ab.titleFontFamily, ab.titleFontWeight),
|
|
29
|
-
};
|
|
30
|
-
return (_jsxs(View, { style: containerStyle, accessibilityRole: "header", children: [leading ?? null, _jsx(Text, { style: titleStyle, children: title }), trailing ?? null] }));
|
|
31
|
-
}
|
|
32
|
-
//# sourceMappingURL=AppBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../../src/components/AppBar/AppBar.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,GAGL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAepD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAe;IAC9D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;IAElC,MAAM,cAAc,GAAc;QAChC,MAAM,EAAE,EAAE,CAAC,MAAM;QACjB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE,CAAC,iBAAiB;QACvC,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,iBAAiB,EAAE,CAAC;QACpB,iBAAiB,EAAE,EAAE,CAAC,WAAW;QACjC,SAAS,EAAE,EAAE,CAAC,SAAS;QACvB,GAAG,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC;YAClB,CAAC,CAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,SAAS,oBAAoB,EAA8B;YACvF,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,EAAE,CAAC,SAAS;QACtB,UAAU,EAAE,EAAE,CAAC,eAAe;QAC9B,KAAK,EAAE,EAAE,CAAC,UAAU;QACpB,GAAG,WAAW,CAAC,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC;KACvD,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAC,QAAQ,aACpD,OAAO,IAAI,IAAI,EAChB,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,EACtC,QAAQ,IAAI,IAAI,IACZ,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export interface AutocompleteOption {
|
|
2
|
-
label: string;
|
|
3
|
-
value: string;
|
|
4
|
-
}
|
|
5
|
-
export interface AutocompleteProps {
|
|
6
|
-
/** Option list. */
|
|
7
|
-
options: AutocompleteOption[];
|
|
8
|
-
/** Selected value. */
|
|
9
|
-
value?: string;
|
|
10
|
-
/** Selection handler. */
|
|
11
|
-
onSelect?: (value: string) => void;
|
|
12
|
-
/** Field label. */
|
|
13
|
-
label?: string;
|
|
14
|
-
/** Placeholder. */
|
|
15
|
-
placeholder?: string;
|
|
16
|
-
}
|
|
17
|
-
export declare function Autocomplete({ options, value, onSelect, label, placeholder, }: AutocompleteProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
//# sourceMappingURL=Autocomplete.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,mBAAmB;IACnB,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,GACZ,EAAE,iBAAiB,2CA0GnB"}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import { View, Text, TextInput, Pressable, } from 'react-native';
|
|
4
|
-
import { useTheme, resolveFont } from '../../theme';
|
|
5
|
-
// ---------------------------------------------------------------------------
|
|
6
|
-
// Component
|
|
7
|
-
// ---------------------------------------------------------------------------
|
|
8
|
-
export function Autocomplete({ options, value, onSelect, label, placeholder, }) {
|
|
9
|
-
const theme = useTheme();
|
|
10
|
-
const ac = theme.component.autocomplete;
|
|
11
|
-
const tf = theme.component.textField;
|
|
12
|
-
const [query, setQuery] = useState('');
|
|
13
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
14
|
-
const selectedOption = options.find((o) => o.value === value);
|
|
15
|
-
const displayValue = query || selectedOption?.label || '';
|
|
16
|
-
const filtered = options.filter((o) => o.label.toLowerCase().includes(query.toLowerCase()));
|
|
17
|
-
const handleSelect = (opt) => {
|
|
18
|
-
onSelect?.(opt.value);
|
|
19
|
-
setQuery('');
|
|
20
|
-
setIsOpen(false);
|
|
21
|
-
};
|
|
22
|
-
// --- styles (input uses textField tokens) ----------------------------------
|
|
23
|
-
const containerStyle = {
|
|
24
|
-
gap: 4,
|
|
25
|
-
};
|
|
26
|
-
const labelStyle = {
|
|
27
|
-
fontSize: tf.labelSize,
|
|
28
|
-
lineHeight: tf.labelLineHeight,
|
|
29
|
-
color: tf.labelColor,
|
|
30
|
-
...resolveFont(tf.labelFontFamily, tf.labelFontWeight),
|
|
31
|
-
};
|
|
32
|
-
const inputContainerStyle = {
|
|
33
|
-
paddingHorizontal: tf.paddingHorizontal,
|
|
34
|
-
paddingVertical: tf.paddingVertical,
|
|
35
|
-
borderRadius: tf.cornerRadius,
|
|
36
|
-
borderWidth: tf.borderWidth,
|
|
37
|
-
backgroundColor: tf.background,
|
|
38
|
-
borderColor: isOpen ? tf.focusBorderColor : tf.borderColor,
|
|
39
|
-
};
|
|
40
|
-
const inputStyle = {
|
|
41
|
-
fontSize: tf.textSize,
|
|
42
|
-
lineHeight: tf.textLineHeight,
|
|
43
|
-
color: tf.textColor,
|
|
44
|
-
padding: 0,
|
|
45
|
-
...resolveFont(tf.fontFamily, tf.textFontWeight),
|
|
46
|
-
};
|
|
47
|
-
// --- styles (dropdown uses autocomplete tokens) ----------------------------
|
|
48
|
-
const dropdownStyle = {
|
|
49
|
-
backgroundColor: ac.dropdownBackground,
|
|
50
|
-
borderRadius: ac.dropdownCornerRadius,
|
|
51
|
-
elevation: ac.dropdownElevation,
|
|
52
|
-
...(ac.dropdownElevation > 0
|
|
53
|
-
? { boxShadow: `0 2px ${ac.dropdownElevation * 2}px rgba(0,0,0,0.15)` }
|
|
54
|
-
: {}),
|
|
55
|
-
marginTop: 4,
|
|
56
|
-
};
|
|
57
|
-
const optionStyle = {
|
|
58
|
-
paddingHorizontal: ac.optionPaddingHorizontal,
|
|
59
|
-
paddingVertical: ac.optionPaddingVertical,
|
|
60
|
-
};
|
|
61
|
-
const optionTextStyle = {
|
|
62
|
-
fontSize: ac.optionTextSize,
|
|
63
|
-
lineHeight: ac.optionLineHeight,
|
|
64
|
-
color: ac.optionTextColor,
|
|
65
|
-
...resolveFont(ac.fontFamily, ac.optionFontWeight),
|
|
66
|
-
};
|
|
67
|
-
return (_jsxs(View, { style: containerStyle, children: [label ? _jsx(Text, { style: labelStyle, children: label }) : null, _jsx(View, { style: inputContainerStyle, children: _jsx(TextInput, { value: displayValue, onChangeText: (text) => {
|
|
68
|
-
setQuery(text);
|
|
69
|
-
setIsOpen(true);
|
|
70
|
-
}, onFocus: () => setIsOpen(true), placeholder: placeholder, placeholderTextColor: tf.placeholderColor, style: inputStyle }) }), isOpen && filtered.length > 0 ? (_jsx(View, { style: dropdownStyle, children: filtered.map((opt) => (_jsx(Pressable, { onPress: () => handleSelect(opt), style: optionStyle, children: _jsx(Text, { style: optionTextStyle, children: opt.label }) }, opt.value))) })) : null] }));
|
|
71
|
-
}
|
|
72
|
-
//# sourceMappingURL=Autocomplete.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export interface BackdropProps {
|
|
2
|
-
/** Show/hide. @default false */
|
|
3
|
-
visible?: boolean;
|
|
4
|
-
/** Press to dismiss. */
|
|
5
|
-
onPress?: () => void;
|
|
6
|
-
}
|
|
7
|
-
export declare function Backdrop({ visible, onPress }: BackdropProps): import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
-
//# sourceMappingURL=Backdrop.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,wBAAgB,QAAQ,CAAC,EAAE,OAAe,EAAE,OAAO,EAAE,EAAE,aAAa,kDAmBnE"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Pressable } from 'react-native';
|
|
3
|
-
import { useTheme } from '../../theme';
|
|
4
|
-
// ---------------------------------------------------------------------------
|
|
5
|
-
// Component
|
|
6
|
-
// ---------------------------------------------------------------------------
|
|
7
|
-
export function Backdrop({ visible = false, onPress }) {
|
|
8
|
-
const theme = useTheme();
|
|
9
|
-
const bk = theme.component.backdrop;
|
|
10
|
-
if (!visible)
|
|
11
|
-
return null;
|
|
12
|
-
const style = {
|
|
13
|
-
...{
|
|
14
|
-
position: 'fixed',
|
|
15
|
-
},
|
|
16
|
-
top: 0,
|
|
17
|
-
left: 0,
|
|
18
|
-
right: 0,
|
|
19
|
-
bottom: 0,
|
|
20
|
-
backgroundColor: bk.color,
|
|
21
|
-
opacity: bk.opacity,
|
|
22
|
-
};
|
|
23
|
-
return _jsx(Pressable, { style: style, onPress: onPress, accessibilityRole: "none" });
|
|
24
|
-
}
|
|
25
|
-
//# sourceMappingURL=Backdrop.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAavC,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAiB;IAClE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;IAEpC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,KAAK,GAAc;QACvB,GAAI;YACF,QAAQ,EAAE,OAAO;SACU;QAC7B,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,EAAE,CAAC,KAAK;QACzB,OAAO,EAAE,EAAE,CAAC,OAAO;KACpB,CAAC;IAEF,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAC,MAAM,GAAG,CAAC;AAChF,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface BadgeProps {
|
|
3
|
-
/** Badge content (omit for dot variant). */
|
|
4
|
-
content?: string | number;
|
|
5
|
-
/** Show/hide badge. @default true */
|
|
6
|
-
visible?: boolean;
|
|
7
|
-
/** Element to badge. */
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export declare function Badge({ content, visible, children, }: BadgeProps): import("react/jsx-runtime").JSX.Element | null;
|
|
11
|
-
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,WAAW,UAAU;IACzB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,OAAc,EACd,QAAQ,GACT,EAAE,UAAU,kDAiDZ"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { View, Text, } from 'react-native';
|
|
3
|
-
import { useTheme, resolveFont } from '../../theme';
|
|
4
|
-
// ---------------------------------------------------------------------------
|
|
5
|
-
// Component
|
|
6
|
-
// ---------------------------------------------------------------------------
|
|
7
|
-
export function Badge({ content, visible = true, children, }) {
|
|
8
|
-
const theme = useTheme();
|
|
9
|
-
const bd = theme.component.badge;
|
|
10
|
-
const isDot = content === undefined || content === null;
|
|
11
|
-
const wrapperStyle = {
|
|
12
|
-
alignSelf: 'flex-start',
|
|
13
|
-
};
|
|
14
|
-
const badgeStyle = {
|
|
15
|
-
position: children ? 'absolute' : 'relative',
|
|
16
|
-
top: children ? -bd.minSize / 2 : 0,
|
|
17
|
-
right: children ? -bd.minSize / 2 : 0,
|
|
18
|
-
minWidth: bd.minSize,
|
|
19
|
-
minHeight: bd.minSize,
|
|
20
|
-
borderRadius: bd.cornerRadius,
|
|
21
|
-
backgroundColor: bd.background,
|
|
22
|
-
alignItems: 'center',
|
|
23
|
-
justifyContent: 'center',
|
|
24
|
-
...(isDot
|
|
25
|
-
? { width: bd.minSize / 2, height: bd.minSize / 2 }
|
|
26
|
-
: { paddingHorizontal: bd.paddingHorizontal }),
|
|
27
|
-
};
|
|
28
|
-
const textStyle = {
|
|
29
|
-
fontSize: bd.textSize,
|
|
30
|
-
lineHeight: bd.lineHeight,
|
|
31
|
-
color: bd.contentColor,
|
|
32
|
-
textAlign: 'center',
|
|
33
|
-
...resolveFont(bd.fontFamily, bd.fontWeight),
|
|
34
|
-
};
|
|
35
|
-
if (!visible)
|
|
36
|
-
return children ? _jsx(View, { style: wrapperStyle, children: children }) : null;
|
|
37
|
-
const badge = (_jsx(View, { style: badgeStyle, children: !isDot ? _jsx(Text, { style: textStyle, children: String(content) }) : null }));
|
|
38
|
-
if (!children)
|
|
39
|
-
return badge;
|
|
40
|
-
return (_jsxs(View, { style: wrapperStyle, children: [children, badge] }));
|
|
41
|
-
}
|
|
42
|
-
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,GAGL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAepD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,KAAK,CAAC,EACpB,OAAO,EACP,OAAO,GAAG,IAAI,EACd,QAAQ,GACG;IACX,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAEjC,MAAM,KAAK,GAAG,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,CAAC;IAExD,MAAM,YAAY,GAAc;QAC9B,SAAS,EAAE,YAAY;KACxB,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;QAC5C,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACnC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACrC,QAAQ,EAAE,EAAE,CAAC,OAAO;QACpB,SAAS,EAAE,EAAE,CAAC,OAAO;QACrB,YAAY,EAAE,EAAE,CAAC,YAAY;QAC7B,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,CAAC,KAAK;YACP,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,EAAE;YACnD,CAAC,CAAC,EAAE,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,EAAE,CAAC;KACjD,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,UAAU;QACzB,KAAK,EAAE,EAAE,CAAC,YAAY;QACtB,SAAS,EAAE,QAAQ;QACnB,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC;KAC7C,CAAC;IAEF,IAAI,CAAC,OAAO;QAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpF,MAAM,KAAK,GAAG,CACZ,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YACpB,CAAC,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,MAAM,CAAC,OAAO,CAAC,GAAQ,CAAC,CAAC,CAAC,IAAI,GAC5D,CACR,CAAC;IAEF,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE5B,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,YAAY,aACtB,QAAQ,EACR,KAAK,IACD,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { type PressableProps } from 'react-native';
|
|
2
|
-
export type ButtonVariant = 'filled' | 'outline' | 'text';
|
|
3
|
-
export interface ButtonProps extends Omit<PressableProps, 'style'> {
|
|
4
|
-
/** Button label text. */
|
|
5
|
-
label: string;
|
|
6
|
-
/** Visual variant. @default 'filled' */
|
|
7
|
-
variant?: ButtonVariant;
|
|
8
|
-
/** Override background color. */
|
|
9
|
-
backgroundColor?: string;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Primary UI component for user interaction.
|
|
13
|
-
*
|
|
14
|
-
* Renders as a React Native `Pressable` with `Text` – works identically
|
|
15
|
-
* on iOS, Android, and Web (via React Native Web).
|
|
16
|
-
*/
|
|
17
|
-
export declare function Button({ label, variant, backgroundColor, disabled, ...pressableProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAChE,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAMD;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAkB,EAClB,eAAe,EACf,QAAgB,EAChB,GAAG,cAAc,EAClB,EAAE,WAAW,2CAuEb"}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import { Pressable, Text, } from 'react-native';
|
|
4
|
-
import { useTheme, resolveFont } from '../../theme';
|
|
5
|
-
// ---------------------------------------------------------------------------
|
|
6
|
-
// Component
|
|
7
|
-
// ---------------------------------------------------------------------------
|
|
8
|
-
/**
|
|
9
|
-
* Primary UI component for user interaction.
|
|
10
|
-
*
|
|
11
|
-
* Renders as a React Native `Pressable` with `Text` – works identically
|
|
12
|
-
* on iOS, Android, and Web (via React Native Web).
|
|
13
|
-
*/
|
|
14
|
-
export function Button({ label, variant = 'filled', backgroundColor, disabled = false, ...pressableProps }) {
|
|
15
|
-
const theme = useTheme();
|
|
16
|
-
const bt = theme.component.button;
|
|
17
|
-
const [hovered, setHovered] = useState(false);
|
|
18
|
-
// --- resolve colours per variant + state -----------------------------------
|
|
19
|
-
const resolveBackground = () => {
|
|
20
|
-
if (disabled)
|
|
21
|
-
return bt.state.disabledBackground;
|
|
22
|
-
if (backgroundColor)
|
|
23
|
-
return backgroundColor;
|
|
24
|
-
const variantTokens = bt[variant];
|
|
25
|
-
const base = variantTokens.background;
|
|
26
|
-
if (hovered)
|
|
27
|
-
return bt.state.hoverBackground;
|
|
28
|
-
return base;
|
|
29
|
-
};
|
|
30
|
-
const resolveContent = () => {
|
|
31
|
-
if (disabled)
|
|
32
|
-
return bt.state.disabledContent;
|
|
33
|
-
return bt[variant].content;
|
|
34
|
-
};
|
|
35
|
-
const resolveBorder = () => {
|
|
36
|
-
if (variant !== 'outline')
|
|
37
|
-
return undefined;
|
|
38
|
-
if (disabled)
|
|
39
|
-
return bt.state.disabledContent;
|
|
40
|
-
return bt.outline.border;
|
|
41
|
-
};
|
|
42
|
-
// --- build styles ----------------------------------------------------------
|
|
43
|
-
const containerStyle = {
|
|
44
|
-
flexDirection: 'row',
|
|
45
|
-
alignItems: 'center',
|
|
46
|
-
justifyContent: 'center',
|
|
47
|
-
gap: bt.gap,
|
|
48
|
-
paddingHorizontal: bt.paddingHorizontal,
|
|
49
|
-
paddingVertical: bt.paddingVertical,
|
|
50
|
-
borderRadius: bt.cornerRadius,
|
|
51
|
-
backgroundColor: resolveBackground(),
|
|
52
|
-
...(variant === 'outline' && {
|
|
53
|
-
borderWidth: bt.borderWidth,
|
|
54
|
-
borderColor: resolveBorder(),
|
|
55
|
-
}),
|
|
56
|
-
...(variant === 'text' && {
|
|
57
|
-
backgroundColor: 'transparent',
|
|
58
|
-
}),
|
|
59
|
-
opacity: disabled ? 0.6 : 1,
|
|
60
|
-
};
|
|
61
|
-
const textStyle = {
|
|
62
|
-
color: resolveContent(),
|
|
63
|
-
fontSize: bt.textSize,
|
|
64
|
-
lineHeight: bt.lineHeight,
|
|
65
|
-
...resolveFont(bt.fontFamily, bt.fontWeight),
|
|
66
|
-
};
|
|
67
|
-
return (_jsx(Pressable, { ...pressableProps, disabled: disabled, style: containerStyle, ...{
|
|
68
|
-
onHoverIn: () => setHovered(true),
|
|
69
|
-
onHoverOut: () => setHovered(false),
|
|
70
|
-
}, accessibilityRole: "button", children: _jsx(Text, { style: textStyle, children: label }) }));
|
|
71
|
-
}
|
|
72
|
-
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type ViewProps } from 'react-native';
|
|
3
|
-
export interface CardProps extends Omit<ViewProps, 'style'> {
|
|
4
|
-
/** Card title text. */
|
|
5
|
-
title: string;
|
|
6
|
-
/** Optional subtitle displayed below the title. */
|
|
7
|
-
subtitle?: string;
|
|
8
|
-
/** Optional body text. */
|
|
9
|
-
body?: string;
|
|
10
|
-
/** Optional actions row (e.g. Button components). */
|
|
11
|
-
actions?: React.ReactNode;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* Card container for grouping related content.
|
|
15
|
-
*
|
|
16
|
-
* Renders as a React Native `View` with `Text` children – works identically
|
|
17
|
-
* on iOS, Android, and Web (via React Native Web).
|
|
18
|
-
*/
|
|
19
|
-
export declare function Card({ title, subtitle, body, actions, ...viewProps }: CardProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACzD,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,GAAG,SAAS,EACb,EAAE,SAAS,2CA0DX"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { View, Text, } from 'react-native';
|
|
3
|
-
import { useTheme, resolveFont } from '../../theme';
|
|
4
|
-
// ---------------------------------------------------------------------------
|
|
5
|
-
// Component
|
|
6
|
-
// ---------------------------------------------------------------------------
|
|
7
|
-
/**
|
|
8
|
-
* Card container for grouping related content.
|
|
9
|
-
*
|
|
10
|
-
* Renders as a React Native `View` with `Text` children – works identically
|
|
11
|
-
* on iOS, Android, and Web (via React Native Web).
|
|
12
|
-
*/
|
|
13
|
-
export function Card({ title, subtitle, body, actions, ...viewProps }) {
|
|
14
|
-
const theme = useTheme();
|
|
15
|
-
const ct = theme.component.card;
|
|
16
|
-
const sem = theme.semantic;
|
|
17
|
-
// --- build styles ----------------------------------------------------------
|
|
18
|
-
const containerStyle = {
|
|
19
|
-
padding: ct.padding,
|
|
20
|
-
gap: ct.gap,
|
|
21
|
-
borderRadius: ct.cornerRadius,
|
|
22
|
-
backgroundColor: ct.background,
|
|
23
|
-
borderWidth: ct.strokeWidth,
|
|
24
|
-
borderColor: ct.stroke,
|
|
25
|
-
elevation: ct.elevation,
|
|
26
|
-
// Web shadow for elevation (React Native Web doesn't map elevation to CSS)
|
|
27
|
-
...(ct.elevation > 0
|
|
28
|
-
? { boxShadow: '0 1px 3px rgba(0,0,0,0.12)' }
|
|
29
|
-
: {}),
|
|
30
|
-
};
|
|
31
|
-
const titleStyle = {
|
|
32
|
-
fontSize: ct.headingSize,
|
|
33
|
-
lineHeight: ct.headingLineHeight,
|
|
34
|
-
letterSpacing: sem.letterSpacing.heading,
|
|
35
|
-
color: ct.headingColor,
|
|
36
|
-
...resolveFont(ct.headingFontFamily, ct.headingWeight),
|
|
37
|
-
};
|
|
38
|
-
const subtitleStyle = {
|
|
39
|
-
fontSize: sem.fontSize.small,
|
|
40
|
-
lineHeight: sem.lineHeight.small,
|
|
41
|
-
letterSpacing: sem.letterSpacing.body,
|
|
42
|
-
color: ct.bodyColor,
|
|
43
|
-
...resolveFont(sem.fontFamily.interface, sem.fontWeight.body),
|
|
44
|
-
};
|
|
45
|
-
const bodyStyle = {
|
|
46
|
-
fontSize: ct.bodySize,
|
|
47
|
-
lineHeight: ct.bodyLineHeight,
|
|
48
|
-
letterSpacing: sem.letterSpacing.body,
|
|
49
|
-
color: ct.bodyColor,
|
|
50
|
-
...resolveFont(ct.bodyFontFamily, ct.bodyWeight),
|
|
51
|
-
};
|
|
52
|
-
const actionsStyle = {
|
|
53
|
-
flexDirection: 'row',
|
|
54
|
-
gap: ct.gap,
|
|
55
|
-
};
|
|
56
|
-
return (_jsxs(View, { ...viewProps, style: containerStyle, accessibilityRole: "summary", children: [_jsx(Text, { style: titleStyle, children: title }), subtitle ? _jsx(Text, { style: subtitleStyle, children: subtitle }) : null, body ? _jsx(Text, { style: bodyStyle, children: body }) : null, actions ? _jsx(View, { style: actionsStyle, children: actions }) : null] }));
|
|
57
|
-
}
|
|
58
|
-
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,GAIL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAiBpD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E;;;;;GAKG;AACH,MAAM,UAAU,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,GAAG,SAAS,EACF;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;IAChC,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC;IAE3B,8EAA8E;IAE9E,MAAM,cAAc,GAAc;QAChC,OAAO,EAAE,EAAE,CAAC,OAAO;QACnB,GAAG,EAAE,EAAE,CAAC,GAAG;QACX,YAAY,EAAE,EAAE,CAAC,YAAY;QAC7B,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,WAAW,EAAE,EAAE,CAAC,WAAW;QAC3B,WAAW,EAAE,EAAE,CAAC,MAAM;QACtB,SAAS,EAAE,EAAE,CAAC,SAAS;QACvB,2EAA2E;QAC3E,GAAG,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC;YAClB,CAAC,CAAE,EAAE,SAAS,EAAE,4BAA4B,EAA8B;YAC1E,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,QAAQ,EAAE,EAAE,CAAC,WAAW;QACxB,UAAU,EAAE,EAAE,CAAC,iBAAiB;QAChC,aAAa,EAAE,GAAG,CAAC,aAAa,CAAC,OAAO;QACxC,KAAK,EAAE,EAAE,CAAC,YAAY;QACtB,GAAG,WAAW,CAAC,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC,aAAa,CAAC;KACvD,CAAC;IAEF,MAAM,aAAa,GAAc;QAC/B,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK;QAC5B,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,KAAK;QAChC,aAAa,EAAE,GAAG,CAAC,aAAa,CAAC,IAAI;QACrC,KAAK,EAAE,EAAE,CAAC,SAAS;QACnB,GAAG,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,EAAE,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC;KAC9D,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,cAAc;QAC7B,aAAa,EAAE,GAAG,CAAC,aAAa,CAAC,IAAI;QACrC,KAAK,EAAE,EAAE,CAAC,SAAS;QACnB,GAAG,WAAW,CAAC,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,UAAU,CAAC;KACjD,CAAC;IAEF,MAAM,YAAY,GAAc;QAC9B,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,EAAE,CAAC,GAAG;KACZ,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAC,SAAS,aACrE,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,EACtC,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,aAAa,YAAG,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/D,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACnD,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,YAAG,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,IACxD,CACR,CAAC;AACJ,CAAC"}
|