@castui/cast-ui 2.0.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -570
- package/dist/components/Button/Button.d.ts +36 -14
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +87 -66
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/Button/index.js +2 -0
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/Icon/Icon.d.ts +22 -8
- package/dist/components/Icon/Icon.d.ts.map +1 -1
- package/dist/components/Icon/Icon.js +25 -26
- package/dist/components/Icon/Icon.js.map +1 -1
- package/dist/components/Icon/index.d.ts +2 -0
- package/dist/components/Icon/index.d.ts.map +1 -0
- package/dist/components/Icon/index.js +2 -0
- package/dist/components/Icon/index.js.map +1 -0
- package/dist/index.d.ts +4 -51
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -31
- package/dist/index.js.map +1 -1
- package/dist/theme/ThemeContext.d.ts +59 -0
- package/dist/theme/ThemeContext.d.ts.map +1 -0
- package/dist/theme/ThemeContext.js +92 -0
- package/dist/theme/ThemeContext.js.map +1 -0
- package/dist/theme/index.d.ts +3 -6
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +2 -3
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/themes.d.ts +14 -0
- package/dist/theme/themes.d.ts.map +1 -0
- package/dist/theme/themes.js +98 -0
- package/dist/theme/themes.js.map +1 -0
- package/dist/theme/types.d.ts +30 -467
- package/dist/theme/types.d.ts.map +1 -1
- package/dist/theme/types.js +3 -7
- package/dist/theme/types.js.map +1 -1
- package/dist/tokens/colors.d.ts +35 -0
- package/dist/tokens/colors.d.ts.map +1 -0
- package/dist/tokens/colors.js +74 -0
- package/dist/tokens/colors.js.map +1 -0
- package/dist/tokens/index.d.ts +3 -0
- package/dist/tokens/index.d.ts.map +1 -0
- package/dist/tokens/index.js +3 -0
- package/dist/tokens/index.js.map +1 -0
- package/dist/tokens/typography.d.ts +27 -0
- package/dist/tokens/typography.d.ts.map +1 -0
- package/dist/tokens/typography.js +30 -0
- package/dist/tokens/typography.js.map +1 -0
- 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/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/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/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
|
@@ -1,40 +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
|
-
// Component
|
|
6
|
-
// ---------------------------------------------------------------------------
|
|
7
|
-
export function Snackbar({ message, action, onAction, visible = false, }) {
|
|
8
|
-
const theme = useTheme();
|
|
9
|
-
const sn = theme.component.snackbar;
|
|
10
|
-
const sem = theme.semantic;
|
|
11
|
-
if (!visible)
|
|
12
|
-
return null;
|
|
13
|
-
const containerStyle = {
|
|
14
|
-
flexDirection: 'row',
|
|
15
|
-
alignItems: 'center',
|
|
16
|
-
padding: sn.padding,
|
|
17
|
-
gap: sn.gap,
|
|
18
|
-
borderRadius: sn.cornerRadius,
|
|
19
|
-
backgroundColor: sn.background,
|
|
20
|
-
elevation: sn.elevation,
|
|
21
|
-
...(sn.elevation > 0
|
|
22
|
-
? { boxShadow: `0 ${sn.elevation}px ${sn.elevation * 2}px rgba(0,0,0,0.15)` }
|
|
23
|
-
: {}),
|
|
24
|
-
};
|
|
25
|
-
const messageStyle = {
|
|
26
|
-
flex: 1,
|
|
27
|
-
fontSize: sn.textSize,
|
|
28
|
-
lineHeight: sn.lineHeight,
|
|
29
|
-
color: sn.contentColour,
|
|
30
|
-
...resolveFont(sn.fontFamily, sn.fontWeight),
|
|
31
|
-
};
|
|
32
|
-
const actionStyle = {
|
|
33
|
-
fontSize: sem.fontSize.button,
|
|
34
|
-
lineHeight: sem.lineHeight.button,
|
|
35
|
-
color: sn.actionColour,
|
|
36
|
-
...resolveFont(sn.fontFamily, sem.fontWeight.button),
|
|
37
|
-
};
|
|
38
|
-
return (_jsxs(View, { style: containerStyle, accessibilityRole: "alert", children: [_jsx(Text, { style: messageStyle, children: message }), action ? (_jsx(Pressable, { onPress: onAction, accessibilityRole: "button", children: _jsx(Text, { style: actionStyle, children: action }) })) : null] }));
|
|
39
|
-
}
|
|
40
|
-
//# sourceMappingURL=Snackbar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.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,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,KAAK,GACD;IACd,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;IACpC,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC;IAE3B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,cAAc,GAAc;QAChC,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,EAAE,CAAC,OAAO;QACnB,GAAG,EAAE,EAAE,CAAC,GAAG;QACX,YAAY,EAAE,EAAE,CAAC,YAAY;QAC7B,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,SAAS,EAAE,EAAE,CAAC,SAAS;QACvB,GAAG,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC;YAClB,CAAC,CAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,GAAG,CAAC,qBAAqB,EAA8B;YAC1G,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,MAAM,YAAY,GAAc;QAC9B,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,UAAU;QACzB,KAAK,EAAE,EAAE,CAAC,aAAa;QACvB,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC;KAC7C,CAAC;IAEF,MAAM,WAAW,GAAc;QAC7B,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,MAAM;QAC7B,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,MAAM;QACjC,KAAK,EAAE,EAAE,CAAC,YAAY;QACtB,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;KACrD,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAC,OAAO,aACpD,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,YAAG,OAAO,GAAQ,EAC1C,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,SAAS,IAAC,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAC,QAAQ,YACtD,KAAC,IAAI,IAAC,KAAK,EAAE,WAAW,YAAG,MAAM,GAAQ,GAC/B,CACb,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface SpeedDialAction {
|
|
3
|
-
icon: React.ReactNode;
|
|
4
|
-
label?: string;
|
|
5
|
-
onPress: () => void;
|
|
6
|
-
}
|
|
7
|
-
export interface SpeedDialProps {
|
|
8
|
-
/** Main FAB icon. */
|
|
9
|
-
icon: React.ReactNode;
|
|
10
|
-
/** Action items. */
|
|
11
|
-
actions: SpeedDialAction[];
|
|
12
|
-
/** Open state. @default false */
|
|
13
|
-
open?: boolean;
|
|
14
|
-
/** Open state change handler. */
|
|
15
|
-
onOpenChange?: (open: boolean) => void;
|
|
16
|
-
}
|
|
17
|
-
export declare function SpeedDial({ icon, actions, open, onOpenChange, }: SpeedDialProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
//# sourceMappingURL=SpeedDial.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SpeedDial.d.ts","sourceRoot":"","sources":["../../../src/components/SpeedDial/SpeedDial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,qBAAqB;IACrB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,oBAAoB;IACpB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAMD,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,IAAY,EACZ,YAAY,GACb,EAAE,cAAc,2CAuEhB"}
|
|
@@ -1,55 +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
|
-
// Component
|
|
6
|
-
// ---------------------------------------------------------------------------
|
|
7
|
-
export function SpeedDial({ icon, actions, open = false, onOpenChange, }) {
|
|
8
|
-
const theme = useTheme();
|
|
9
|
-
const sd = theme.component.speedDial;
|
|
10
|
-
const ft = theme.component.fab;
|
|
11
|
-
const sem = theme.semantic;
|
|
12
|
-
const containerStyle = {
|
|
13
|
-
alignItems: 'center',
|
|
14
|
-
gap: sd.gap,
|
|
15
|
-
};
|
|
16
|
-
const actionStyle = {
|
|
17
|
-
flexDirection: 'row',
|
|
18
|
-
alignItems: 'center',
|
|
19
|
-
gap: sd.gap,
|
|
20
|
-
};
|
|
21
|
-
const actionButtonStyle = {
|
|
22
|
-
width: sd.actionSize,
|
|
23
|
-
height: sd.actionSize,
|
|
24
|
-
borderRadius: sd.actionCornerRadius,
|
|
25
|
-
backgroundColor: sd.actionBackground,
|
|
26
|
-
alignItems: 'center',
|
|
27
|
-
justifyContent: 'center',
|
|
28
|
-
elevation: sd.actionElevation,
|
|
29
|
-
...(sd.actionElevation > 0
|
|
30
|
-
? { boxShadow: `0 1px ${sd.actionElevation * 2}px rgba(0,0,0,0.15)` }
|
|
31
|
-
: {}),
|
|
32
|
-
};
|
|
33
|
-
const labelStyle = {
|
|
34
|
-
fontSize: sem.fontSize.caption,
|
|
35
|
-
lineHeight: sem.lineHeight.caption,
|
|
36
|
-
color: sem.colour.onSurface,
|
|
37
|
-
...resolveFont(sem.fontFamily.interface, sem.fontWeight.body),
|
|
38
|
-
};
|
|
39
|
-
const mainButtonStyle = {
|
|
40
|
-
width: ft.size,
|
|
41
|
-
height: ft.size,
|
|
42
|
-
borderRadius: ft.cornerRadius,
|
|
43
|
-
backgroundColor: ft.background,
|
|
44
|
-
alignItems: 'center',
|
|
45
|
-
justifyContent: 'center',
|
|
46
|
-
elevation: ft.elevation,
|
|
47
|
-
...(ft.elevation > 0
|
|
48
|
-
? { boxShadow: `0 ${ft.elevation}px ${ft.elevation * 2}px rgba(0,0,0,0.15)` }
|
|
49
|
-
: {}),
|
|
50
|
-
};
|
|
51
|
-
return (_jsxs(View, { style: containerStyle, children: [open
|
|
52
|
-
? actions.map((a, i) => (_jsxs(View, { style: actionStyle, children: [a.label ? _jsx(Text, { style: labelStyle, children: a.label }) : null, _jsx(Pressable, { onPress: a.onPress, style: actionButtonStyle, accessibilityRole: "button", children: a.icon })] }, i)))
|
|
53
|
-
: null, _jsx(Pressable, { onPress: () => onOpenChange?.(!open), style: mainButtonStyle, accessibilityRole: "button", children: icon })] }));
|
|
54
|
-
}
|
|
55
|
-
//# sourceMappingURL=SpeedDial.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SpeedDial.js","sourceRoot":"","sources":["../../../src/components/SpeedDial/SpeedDial.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export interface SwitchProps {
|
|
2
|
-
/** On/off state. @default false */
|
|
3
|
-
value?: boolean;
|
|
4
|
-
/** Toggle handler. */
|
|
5
|
-
onValueChange?: (value: boolean) => void;
|
|
6
|
-
/** Label text. */
|
|
7
|
-
label?: string;
|
|
8
|
-
/** Disabled state. @default false */
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare function Switch({ value, onValueChange, label, disabled, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,WAAW;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sBAAsB;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,wBAAgB,MAAM,CAAC,EACrB,KAAa,EACb,aAAa,EACb,KAAK,EACL,QAAgB,GACjB,EAAE,WAAW,2CAgDb"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Pressable, View, Text, } from 'react-native';
|
|
3
|
-
import { useTheme, resolveFont } from '../../theme';
|
|
4
|
-
// ---------------------------------------------------------------------------
|
|
5
|
-
// Component
|
|
6
|
-
// ---------------------------------------------------------------------------
|
|
7
|
-
export function Switch({ value = false, onValueChange, label, disabled = false, }) {
|
|
8
|
-
const theme = useTheme();
|
|
9
|
-
const sw = theme.component.switch;
|
|
10
|
-
const containerStyle = {
|
|
11
|
-
flexDirection: 'row',
|
|
12
|
-
alignItems: 'center',
|
|
13
|
-
gap: sw.gap,
|
|
14
|
-
opacity: disabled ? theme.semantic.opacity.disabled / 100 : 1,
|
|
15
|
-
};
|
|
16
|
-
const trackStyle = {
|
|
17
|
-
width: sw.trackWidth,
|
|
18
|
-
height: sw.trackHeight,
|
|
19
|
-
borderRadius: sw.trackCornerRadius,
|
|
20
|
-
backgroundColor: value ? sw.trackOnBackground : sw.trackOffBackground,
|
|
21
|
-
paddingHorizontal: sw.thumbOffset,
|
|
22
|
-
justifyContent: 'center',
|
|
23
|
-
};
|
|
24
|
-
const thumbStyle = {
|
|
25
|
-
width: sw.thumbSize,
|
|
26
|
-
height: sw.thumbSize,
|
|
27
|
-
borderRadius: sw.thumbCornerRadius,
|
|
28
|
-
backgroundColor: value ? sw.thumbOnBackground : sw.thumbOffBackground,
|
|
29
|
-
alignSelf: value ? 'flex-end' : 'flex-start',
|
|
30
|
-
};
|
|
31
|
-
const labelStyle = {
|
|
32
|
-
fontSize: sw.labelSize,
|
|
33
|
-
lineHeight: sw.labelLineHeight,
|
|
34
|
-
color: sw.labelColour,
|
|
35
|
-
...resolveFont(sw.labelFontFamily, sw.labelFontWeight),
|
|
36
|
-
};
|
|
37
|
-
return (_jsxs(Pressable, { onPress: () => !disabled && onValueChange?.(!value), style: containerStyle, accessibilityRole: "switch", accessibilityState: { checked: value, disabled }, children: [_jsx(View, { style: trackStyle, children: _jsx(View, { style: thumbStyle }) }), label ? _jsx(Text, { style: labelStyle, children: label }) : null] }));
|
|
38
|
-
}
|
|
39
|
-
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,IAAI,GAGL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAiBpD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,MAAM,CAAC,EACrB,KAAK,GAAG,KAAK,EACb,aAAa,EACb,KAAK,EACL,QAAQ,GAAG,KAAK,GACJ;IACZ,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;IAElC,MAAM,cAAc,GAAc;QAChC,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE,CAAC,GAAG;QACX,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;KAC9D,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,KAAK,EAAE,EAAE,CAAC,UAAU;QACpB,MAAM,EAAE,EAAE,CAAC,WAAW;QACtB,YAAY,EAAE,EAAE,CAAC,iBAAiB;QAClC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,kBAAkB;QACrE,iBAAiB,EAAE,EAAE,CAAC,WAAW;QACjC,cAAc,EAAE,QAAQ;KACzB,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,KAAK,EAAE,EAAE,CAAC,SAAS;QACnB,MAAM,EAAE,EAAE,CAAC,SAAS;QACpB,YAAY,EAAE,EAAE,CAAC,iBAAiB;QAClC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,kBAAkB;QACrE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;KAC7C,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,QAAQ,EAAE,EAAE,CAAC,SAAS;QACtB,UAAU,EAAE,EAAE,CAAC,eAAe;QAC9B,KAAK,EAAE,EAAE,CAAC,WAAW;QACrB,GAAG,WAAW,CAAC,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC;KACvD,CAAC;IAEF,OAAO,CACL,MAAC,SAAS,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,EACnD,KAAK,EAAE,cAAc,EACrB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,aAEhD,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YACrB,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,GAAI,GACtB,EACN,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC7C,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export interface TableColumn {
|
|
2
|
-
key: string;
|
|
3
|
-
header: string;
|
|
4
|
-
width?: number;
|
|
5
|
-
}
|
|
6
|
-
export interface TableProps {
|
|
7
|
-
/** Column definitions. */
|
|
8
|
-
columns: TableColumn[];
|
|
9
|
-
/** Row data. */
|
|
10
|
-
data: Record<string, unknown>[];
|
|
11
|
-
/** Row press handler. */
|
|
12
|
-
onRowPress?: (row: Record<string, unknown>) => void;
|
|
13
|
-
}
|
|
14
|
-
export declare function Table({ columns, data, onRowPress }: TableProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,0BAA0B;IAC1B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,yBAAyB;IACzB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACrD;AAMD,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,UAAU,2CAsF9D"}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import { View, Text, Pressable, } from 'react-native';
|
|
4
|
-
import { useTheme, resolveFont } from '../../theme';
|
|
5
|
-
// ---------------------------------------------------------------------------
|
|
6
|
-
// Component
|
|
7
|
-
// ---------------------------------------------------------------------------
|
|
8
|
-
export function Table({ columns, data, onRowPress }) {
|
|
9
|
-
const theme = useTheme();
|
|
10
|
-
const tb = theme.component.table;
|
|
11
|
-
const [hoveredRow, setHoveredRow] = useState(null);
|
|
12
|
-
// --- styles ----------------------------------------------------------------
|
|
13
|
-
const tableStyle = {
|
|
14
|
-
borderRadius: tb.cornerRadius,
|
|
15
|
-
overflow: 'hidden',
|
|
16
|
-
};
|
|
17
|
-
const headerRowStyle = {
|
|
18
|
-
flexDirection: 'row',
|
|
19
|
-
backgroundColor: tb.headerBackground,
|
|
20
|
-
};
|
|
21
|
-
const headerCellStyle = (col) => ({
|
|
22
|
-
paddingHorizontal: tb.cellPaddingHorizontal,
|
|
23
|
-
paddingVertical: tb.cellPaddingVertical,
|
|
24
|
-
...(col.width ? { width: col.width } : { flex: 1 }),
|
|
25
|
-
});
|
|
26
|
-
const headerTextStyle = {
|
|
27
|
-
fontSize: tb.headerTextSize,
|
|
28
|
-
lineHeight: tb.headerLineHeight,
|
|
29
|
-
color: tb.headerTextColour,
|
|
30
|
-
...resolveFont(tb.fontFamily, tb.headerFontWeight),
|
|
31
|
-
};
|
|
32
|
-
const rowStyle = (index) => ({
|
|
33
|
-
flexDirection: 'row',
|
|
34
|
-
borderTopWidth: tb.rowBorderWidth,
|
|
35
|
-
borderTopColor: tb.rowBorderColour,
|
|
36
|
-
...(hoveredRow === index ? { backgroundColor: tb.rowHoverBackground } : {}),
|
|
37
|
-
});
|
|
38
|
-
const cellStyle = (col) => ({
|
|
39
|
-
paddingHorizontal: tb.cellPaddingHorizontal,
|
|
40
|
-
paddingVertical: tb.cellPaddingVertical,
|
|
41
|
-
...(col.width ? { width: col.width } : { flex: 1 }),
|
|
42
|
-
});
|
|
43
|
-
const cellTextStyle = {
|
|
44
|
-
fontSize: tb.cellTextSize,
|
|
45
|
-
lineHeight: tb.cellLineHeight,
|
|
46
|
-
color: tb.cellTextColour,
|
|
47
|
-
...resolveFont(tb.fontFamily, tb.cellFontWeight),
|
|
48
|
-
};
|
|
49
|
-
return (_jsxs(View, { style: tableStyle, children: [_jsx(View, { style: headerRowStyle, children: columns.map((col) => (_jsx(View, { style: headerCellStyle(col), children: _jsx(Text, { style: headerTextStyle, children: col.header }) }, col.key))) }), data.map((row, index) => {
|
|
50
|
-
const RowWrapper = onRowPress ? Pressable : View;
|
|
51
|
-
return (_jsx(RowWrapper, { style: rowStyle(index), ...(onRowPress
|
|
52
|
-
? {
|
|
53
|
-
onPress: () => onRowPress(row),
|
|
54
|
-
...{
|
|
55
|
-
onHoverIn: () => setHoveredRow(index),
|
|
56
|
-
onHoverOut: () => setHoveredRow(null),
|
|
57
|
-
},
|
|
58
|
-
}
|
|
59
|
-
: {}), children: columns.map((col) => (_jsx(View, { style: cellStyle(col), children: _jsx(Text, { style: cellTextStyle, children: String(row[col.key] ?? '') }) }, col.key))) }, index));
|
|
60
|
-
})] }));
|
|
61
|
-
}
|
|
62
|
-
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { type TextInputProps } from 'react-native';
|
|
2
|
-
export interface TextFieldProps extends Omit<TextInputProps, 'style'> {
|
|
3
|
-
/** Input value. */
|
|
4
|
-
value?: string;
|
|
5
|
-
/** Change handler. */
|
|
6
|
-
onChangeText?: (text: string) => void;
|
|
7
|
-
/** Field label displayed above the input. */
|
|
8
|
-
label?: string;
|
|
9
|
-
/** Placeholder text. */
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
/** Helper or error message displayed below the input. */
|
|
12
|
-
helperText?: string;
|
|
13
|
-
/** Error state. @default false */
|
|
14
|
-
error?: boolean;
|
|
15
|
-
/** Disabled state. @default false */
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
}
|
|
18
|
-
export declare function TextField({ value, onChangeText, label, placeholder, helperText, error, disabled, ...inputProps }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
//# sourceMappingURL=TextField.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACnE,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,KAAK,EACL,WAAW,EACX,UAAU,EACV,KAAa,EACb,QAAgB,EAChB,GAAG,UAAU,EACd,EAAE,cAAc,2CA4EhB"}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import { View, TextInput, Text, } from 'react-native';
|
|
4
|
-
import { useTheme, resolveFont } from '../../theme';
|
|
5
|
-
// ---------------------------------------------------------------------------
|
|
6
|
-
// Component
|
|
7
|
-
// ---------------------------------------------------------------------------
|
|
8
|
-
export function TextField({ value, onChangeText, label, placeholder, helperText, error = false, disabled = false, ...inputProps }) {
|
|
9
|
-
const theme = useTheme();
|
|
10
|
-
const tf = theme.component.textField;
|
|
11
|
-
const sem = theme.semantic;
|
|
12
|
-
const [focused, setFocused] = useState(false);
|
|
13
|
-
const resolveBorderColor = () => {
|
|
14
|
-
if (error)
|
|
15
|
-
return tf.errorBorderColour;
|
|
16
|
-
if (focused)
|
|
17
|
-
return tf.focusBorderColour;
|
|
18
|
-
return tf.borderColour;
|
|
19
|
-
};
|
|
20
|
-
// --- styles ----------------------------------------------------------------
|
|
21
|
-
const containerStyle = {
|
|
22
|
-
gap: 4,
|
|
23
|
-
opacity: disabled ? sem.opacity.disabled / 100 : 1,
|
|
24
|
-
};
|
|
25
|
-
const labelStyle = {
|
|
26
|
-
fontSize: tf.labelSize,
|
|
27
|
-
lineHeight: tf.labelLineHeight,
|
|
28
|
-
color: tf.labelColour,
|
|
29
|
-
...resolveFont(tf.labelFontFamily, tf.labelFontWeight),
|
|
30
|
-
};
|
|
31
|
-
const inputContainerStyle = {
|
|
32
|
-
paddingHorizontal: tf.paddingHorizontal,
|
|
33
|
-
paddingVertical: tf.paddingVertical,
|
|
34
|
-
borderRadius: tf.cornerRadius,
|
|
35
|
-
borderWidth: tf.borderWidth,
|
|
36
|
-
backgroundColor: tf.background,
|
|
37
|
-
borderColor: resolveBorderColor(),
|
|
38
|
-
};
|
|
39
|
-
const inputStyle = {
|
|
40
|
-
fontSize: tf.textSize,
|
|
41
|
-
lineHeight: tf.textLineHeight,
|
|
42
|
-
color: tf.textColour,
|
|
43
|
-
padding: 0,
|
|
44
|
-
...resolveFont(tf.fontFamily, tf.textFontWeight),
|
|
45
|
-
};
|
|
46
|
-
const helperStyle = {
|
|
47
|
-
fontSize: tf.helperSize,
|
|
48
|
-
lineHeight: tf.helperLineHeight,
|
|
49
|
-
color: error ? tf.errorColour : tf.helperColour,
|
|
50
|
-
...resolveFont(tf.helperFontFamily, tf.helperFontWeight),
|
|
51
|
-
};
|
|
52
|
-
return (_jsxs(View, { style: containerStyle, children: [label ? _jsx(Text, { style: labelStyle, children: label }) : null, _jsx(View, { style: inputContainerStyle, children: _jsx(TextInput, { ...inputProps, value: value, onChangeText: onChangeText, placeholder: placeholder, placeholderTextColor: tf.placeholderColour, editable: !disabled, onFocus: (e) => {
|
|
53
|
-
setFocused(true);
|
|
54
|
-
inputProps.onFocus?.(e);
|
|
55
|
-
}, onBlur: (e) => {
|
|
56
|
-
setFocused(false);
|
|
57
|
-
inputProps.onBlur?.(e);
|
|
58
|
-
}, style: inputStyle }) }), helperText ? _jsx(Text, { style: helperStyle, children: helperText }) : null] }));
|
|
59
|
-
}
|
|
60
|
-
//# sourceMappingURL=TextField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { type TextProps } from 'react-native';
|
|
2
|
-
export type TypographyVariant = 'display' | 'h1' | 'h2' | 'h3' | 'subtitle' | 'body' | 'small' | 'caption' | 'overline' | 'label';
|
|
3
|
-
export interface TypographyProps extends Omit<TextProps, 'style'> {
|
|
4
|
-
/** Text style variant. @default 'body' */
|
|
5
|
-
variant?: TypographyVariant;
|
|
6
|
-
/** Override text color. */
|
|
7
|
-
color?: string;
|
|
8
|
-
/** Text alignment. @default 'left' */
|
|
9
|
-
align?: 'left' | 'center' | 'right';
|
|
10
|
-
/** Text content. */
|
|
11
|
-
children: React.ReactNode;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* Typography component for rendering themed text.
|
|
15
|
-
*
|
|
16
|
-
* Maps each variant to the Cast semantic text tokens (fontSize, fontWeight,
|
|
17
|
-
* lineHeight, letterSpacing, fontFamily). Uses `resolveFont()` for
|
|
18
|
-
* cross-platform font handling.
|
|
19
|
-
*/
|
|
20
|
-
export declare function Typography({ variant, color, align, children, ...textProps }: TypographyProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
//# sourceMappingURL=Typography.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAOpE,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,UAAU,GACV,MAAM,GACN,OAAO,GACP,SAAS,GACT,UAAU,GACV,OAAO,CAAC;AAEZ,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC/D,0CAA0C;IAC1C,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAiCD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAgB,EAChB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,eAAe,2CAuBjB"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Text } from 'react-native';
|
|
3
|
-
import { useTheme, resolveFont } from '../../theme';
|
|
4
|
-
const VARIANT_MAP = {
|
|
5
|
-
display: { fontWeight: 'heading', letterSpacing: 'heading', fontFamily: 'brand' },
|
|
6
|
-
h1: { fontWeight: 'heading', letterSpacing: 'heading', fontFamily: 'brand' },
|
|
7
|
-
h2: { fontWeight: 'heading', letterSpacing: 'heading', fontFamily: 'brand' },
|
|
8
|
-
h3: { fontWeight: 'heading', letterSpacing: 'heading', fontFamily: 'brand' },
|
|
9
|
-
subtitle: { fontWeight: 'button', letterSpacing: 'body', fontFamily: 'interface' },
|
|
10
|
-
body: { fontWeight: 'body', letterSpacing: 'body', fontFamily: 'interface' },
|
|
11
|
-
small: { fontWeight: 'body', letterSpacing: 'body', fontFamily: 'interface' },
|
|
12
|
-
caption: { fontWeight: 'body', letterSpacing: 'body', fontFamily: 'interface' },
|
|
13
|
-
overline: { fontWeight: 'button', letterSpacing: 'label', fontFamily: 'interface' },
|
|
14
|
-
label: { fontWeight: 'button', letterSpacing: 'body', fontFamily: 'interface' },
|
|
15
|
-
};
|
|
16
|
-
// ---------------------------------------------------------------------------
|
|
17
|
-
// Component
|
|
18
|
-
// ---------------------------------------------------------------------------
|
|
19
|
-
/**
|
|
20
|
-
* Typography component for rendering themed text.
|
|
21
|
-
*
|
|
22
|
-
* Maps each variant to the Cast semantic text tokens (fontSize, fontWeight,
|
|
23
|
-
* lineHeight, letterSpacing, fontFamily). Uses `resolveFont()` for
|
|
24
|
-
* cross-platform font handling.
|
|
25
|
-
*/
|
|
26
|
-
export function Typography({ variant = 'body', color, align, children, ...textProps }) {
|
|
27
|
-
const theme = useTheme();
|
|
28
|
-
const sem = theme.semantic;
|
|
29
|
-
const mapping = VARIANT_MAP[variant];
|
|
30
|
-
const textStyle = {
|
|
31
|
-
fontSize: sem.fontSize[variant],
|
|
32
|
-
lineHeight: sem.lineHeight[variant],
|
|
33
|
-
letterSpacing: sem.letterSpacing[mapping.letterSpacing],
|
|
34
|
-
color: color ?? sem.colour.onSurface,
|
|
35
|
-
...(align && { textAlign: align }),
|
|
36
|
-
...(variant === 'overline' && { textTransform: 'uppercase' }),
|
|
37
|
-
...resolveFont(sem.fontFamily[mapping.fontFamily], sem.fontWeight[mapping.fontWeight]),
|
|
38
|
-
};
|
|
39
|
-
return (_jsx(Text, { ...textProps, style: textStyle, children: children }));
|
|
40
|
-
}
|
|
41
|
-
//# sourceMappingURL=Typography.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AA2CpD,MAAM,WAAW,GAA8C;IAC7D,OAAO,EAAG,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE;IAClF,EAAE,EAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE;IAClF,EAAE,EAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE;IAClF,EAAE,EAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE;IAClF,QAAQ,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAG,aAAa,EAAE,MAAM,EAAK,UAAU,EAAE,WAAW,EAAE;IACtF,IAAI,EAAM,EAAE,UAAU,EAAE,MAAM,EAAK,aAAa,EAAE,MAAM,EAAK,UAAU,EAAE,WAAW,EAAE;IACtF,KAAK,EAAK,EAAE,UAAU,EAAE,MAAM,EAAK,aAAa,EAAE,MAAM,EAAK,UAAU,EAAE,WAAW,EAAE;IACtF,OAAO,EAAG,EAAE,UAAU,EAAE,MAAM,EAAK,aAAa,EAAE,MAAM,EAAK,UAAU,EAAE,WAAW,EAAE;IACtF,QAAQ,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAG,aAAa,EAAE,OAAO,EAAI,UAAU,EAAE,WAAW,EAAE;IACtF,KAAK,EAAK,EAAE,UAAU,EAAE,QAAQ,EAAG,aAAa,EAAE,MAAM,EAAK,UAAU,EAAE,WAAW,EAAE;CACvF,CAAC;AAEF,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,GAAG,MAAM,EAChB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,SAAS,EACI;IAChB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC;IAC3B,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IAErC,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC;QAC/B,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC;QACnC,aAAa,EAAE,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;QACvD,KAAK,EAAE,KAAK,IAAI,GAAG,CAAC,MAAM,CAAC,SAAS;QACpC,GAAG,CAAC,KAAK,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QAClC,GAAG,CAAC,OAAO,KAAK,UAAU,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;QAC7D,GAAG,WAAW,CACZ,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,EAClC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,CACnC;KACF,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,SAAS,YAClC,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}
|