@dangerousthings/react-native 0.2.1 → 0.4.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 +17 -1
- package/dist/components/DTAccordion.d.ts.map +1 -1
- package/dist/components/DTAccordion.js +7 -7
- package/dist/components/DTAccordion.js.map +1 -1
- package/dist/components/DTBadgeOverlay.d.ts +29 -0
- package/dist/components/DTBadgeOverlay.d.ts.map +1 -0
- package/dist/components/DTBadgeOverlay.js +12 -0
- package/dist/components/DTBadgeOverlay.js.map +1 -0
- package/dist/components/DTButton.d.ts +14 -20
- package/dist/components/DTButton.d.ts.map +1 -1
- package/dist/components/DTButton.js +90 -28
- package/dist/components/DTButton.js.map +1 -1
- package/dist/components/DTCard.d.ts +21 -3
- package/dist/components/DTCard.d.ts.map +1 -1
- package/dist/components/DTCard.js +150 -9
- package/dist/components/DTCard.js.map +1 -1
- package/dist/components/DTCheckbox.d.ts.map +1 -1
- package/dist/components/DTCheckbox.js +21 -8
- package/dist/components/DTCheckbox.js.map +1 -1
- package/dist/components/DTChip.d.ts +2 -2
- package/dist/components/DTChip.d.ts.map +1 -1
- package/dist/components/DTChip.js +6 -11
- package/dist/components/DTChip.js.map +1 -1
- package/dist/components/DTDrawer.d.ts.map +1 -1
- package/dist/components/DTDrawer.js +13 -9
- package/dist/components/DTDrawer.js.map +1 -1
- package/dist/components/DTFeatureLegend.d.ts +41 -0
- package/dist/components/DTFeatureLegend.d.ts.map +1 -0
- package/dist/components/DTFeatureLegend.js +55 -0
- package/dist/components/DTFeatureLegend.js.map +1 -0
- package/dist/components/DTGallery.d.ts +6 -1
- package/dist/components/DTGallery.d.ts.map +1 -1
- package/dist/components/DTGallery.js +27 -8
- package/dist/components/DTGallery.js.map +1 -1
- package/dist/components/DTHexagon.d.ts.map +1 -1
- package/dist/components/DTHexagon.js +3 -1
- package/dist/components/DTHexagon.js.map +1 -1
- package/dist/components/DTLabel.d.ts.map +1 -1
- package/dist/components/DTLabel.js +13 -8
- package/dist/components/DTLabel.js.map +1 -1
- package/dist/components/DTMediaFrame.d.ts.map +1 -1
- package/dist/components/DTMediaFrame.js +14 -7
- package/dist/components/DTMediaFrame.js.map +1 -1
- package/dist/components/DTMenu.d.ts.map +1 -1
- package/dist/components/DTMenu.js +9 -9
- package/dist/components/DTMenu.js.map +1 -1
- package/dist/components/DTMobileFilterOverlay.d.ts +35 -0
- package/dist/components/DTMobileFilterOverlay.d.ts.map +1 -0
- package/dist/components/DTMobileFilterOverlay.js +135 -0
- package/dist/components/DTMobileFilterOverlay.js.map +1 -0
- package/dist/components/DTModal.d.ts.map +1 -1
- package/dist/components/DTModal.js +6 -5
- package/dist/components/DTModal.js.map +1 -1
- package/dist/components/DTProgressBar.d.ts.map +1 -1
- package/dist/components/DTProgressBar.js +7 -7
- package/dist/components/DTProgressBar.js.map +1 -1
- package/dist/components/DTQuantityStepper.d.ts.map +1 -1
- package/dist/components/DTQuantityStepper.js +15 -5
- package/dist/components/DTQuantityStepper.js.map +1 -1
- package/dist/components/DTRadioGroup.d.ts.map +1 -1
- package/dist/components/DTRadioGroup.js +16 -10
- package/dist/components/DTRadioGroup.js.map +1 -1
- package/dist/components/DTSearchInput.d.ts.map +1 -1
- package/dist/components/DTSearchInput.js +7 -7
- package/dist/components/DTSearchInput.js.map +1 -1
- package/dist/components/DTStaggerContainer.d.ts +28 -0
- package/dist/components/DTStaggerContainer.d.ts.map +1 -0
- package/dist/components/DTStaggerContainer.js +28 -0
- package/dist/components/DTStaggerContainer.js.map +1 -0
- package/dist/components/DTSwitch.js +6 -5
- package/dist/components/DTSwitch.js.map +1 -1
- package/dist/components/DTTextInput.d.ts.map +1 -1
- package/dist/components/DTTextInput.js +8 -9
- package/dist/components/DTTextInput.js.map +1 -1
- package/dist/index.d.ts +7 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -1
- package/dist/index.js.map +1 -1
- package/dist/theme/paperTheme.d.ts +8 -0
- package/dist/theme/paperTheme.d.ts.map +1 -1
- package/dist/theme/paperTheme.js +6 -0
- package/dist/theme/paperTheme.js.map +1 -1
- package/dist/utils/animations.d.ts +22 -0
- package/dist/utils/animations.d.ts.map +1 -0
- package/dist/utils/animations.js +62 -0
- package/dist/utils/animations.js.map +1 -0
- package/dist/utils/variantColors.d.ts +6 -4
- package/dist/utils/variantColors.d.ts.map +1 -1
- package/dist/utils/variantColors.js +10 -10
- package/dist/utils/variantColors.js.map +1 -1
- package/package.json +22 -1
|
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
9
9
|
import { useRef, useEffect } from 'react';
|
|
10
10
|
import { StyleSheet, Pressable, Animated, } from 'react-native';
|
|
11
11
|
import { Text } from 'react-native-paper';
|
|
12
|
-
import {
|
|
12
|
+
import { useDTTheme } from '../theme/DTThemeProvider';
|
|
13
13
|
import { getVariantColor } from '../utils/variantColors';
|
|
14
14
|
const TRACK_WIDTH = 48;
|
|
15
15
|
const TRACK_HEIGHT = 26;
|
|
@@ -25,7 +25,8 @@ const THUMB_MARGIN = 3;
|
|
|
25
25
|
* <DTSwitch value={true} onValueChange={toggle} variant="success" />
|
|
26
26
|
*/
|
|
27
27
|
export function DTSwitch({ value, onValueChange, variant = 'normal', disabled = false, label, color, style, }) {
|
|
28
|
-
const
|
|
28
|
+
const theme = useDTTheme();
|
|
29
|
+
const accentColor = getVariantColor(theme, variant, color);
|
|
29
30
|
const thumbAnim = useRef(new Animated.Value(value ? 1 : 0)).current;
|
|
30
31
|
useEffect(() => {
|
|
31
32
|
Animated.timing(thumbAnim, {
|
|
@@ -40,13 +41,13 @@ export function DTSwitch({ value, onValueChange, variant = 'normal', disabled =
|
|
|
40
41
|
});
|
|
41
42
|
const trackColor = thumbAnim.interpolate({
|
|
42
43
|
inputRange: [0, 1],
|
|
43
|
-
outputRange: [
|
|
44
|
+
outputRange: [theme.colors.surfaceDisabled, accentColor],
|
|
44
45
|
});
|
|
45
46
|
return (_jsxs(Pressable, { onPress: () => !disabled && onValueChange(!value), style: ({ pressed }) => [
|
|
46
47
|
styles.container,
|
|
47
48
|
{ opacity: disabled ? 0.5 : pressed ? 0.7 : 1 },
|
|
48
49
|
style,
|
|
49
|
-
], children: [label && (_jsx(Text, { style: [styles.label, { color:
|
|
50
|
+
], children: [label && (_jsx(Text, { style: [styles.label, { color: theme.colors.onSurface }], children: label })), _jsx(Animated.View, { style: [
|
|
50
51
|
styles.track,
|
|
51
52
|
{
|
|
52
53
|
backgroundColor: trackColor,
|
|
@@ -55,7 +56,7 @@ export function DTSwitch({ value, onValueChange, variant = 'normal', disabled =
|
|
|
55
56
|
], children: _jsx(Animated.View, { style: [
|
|
56
57
|
styles.thumb,
|
|
57
58
|
{
|
|
58
|
-
backgroundColor: value ?
|
|
59
|
+
backgroundColor: value ? theme.colors.onPrimary : theme.colors.onSurface,
|
|
59
60
|
transform: [{ translateX: thumbTranslateX }],
|
|
60
61
|
},
|
|
61
62
|
] }) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DTSwitch.js","sourceRoot":"","sources":["../../src/components/DTSwitch.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,EAAC,MAAM,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,UAAU,EAGV,SAAS,EACT,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,IAAI,EAAC,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"DTSwitch.js","sourceRoot":"","sources":["../../src/components/DTSwitch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DTTextInput.d.ts","sourceRoot":"","sources":["../../src/components/DTTextInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAGL,SAAS,EACT,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAY,cAAc,EAAC,MAAM,oBAAoB,CAAC;AAE7D,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAEvE,UAAU,gBACR,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;IAChE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAkB,EAClB,KAAK,EACL,WAAe,EACf,KAAa,EACb,YAAY,EACZ,cAAc,EACd,UAAU,EACV,OAAO,EACP,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"DTTextInput.d.ts","sourceRoot":"","sources":["../../src/components/DTTextInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAGL,SAAS,EACT,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAY,cAAc,EAAC,MAAM,oBAAoB,CAAC;AAE7D,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAEvE,UAAU,gBACR,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;IAChE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAkB,EAClB,KAAK,EACL,WAAe,EACf,KAAa,EACb,YAAY,EACZ,cAAc,EACd,UAAU,EACV,OAAO,EACP,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAuElB"}
|
|
@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { useState, useRef, useEffect } from 'react';
|
|
14
14
|
import { StyleSheet, View, Animated, } from 'react-native';
|
|
15
15
|
import { TextInput } from 'react-native-paper';
|
|
16
|
-
import {
|
|
16
|
+
import { useDTTheme } from '../theme/DTThemeProvider';
|
|
17
17
|
import { getVariantColor } from '../utils/variantColors';
|
|
18
18
|
/**
|
|
19
19
|
* DT-styled TextInput wrapping React Native Paper TextInput
|
|
@@ -25,11 +25,12 @@ import { getVariantColor } from '../utils/variantColors';
|
|
|
25
25
|
* <DTTextInput variant="warning" error errorMessage="Required field" label="Email" />
|
|
26
26
|
*/
|
|
27
27
|
export function DTTextInput({ variant = 'normal', color, borderWidth = 2, error = false, errorMessage, containerStyle, inputStyle, onFocus, onBlur, style, ...props }) {
|
|
28
|
+
const theme = useDTTheme();
|
|
28
29
|
const [focused, setFocused] = useState(false);
|
|
29
30
|
const focusAnim = useRef(new Animated.Value(0)).current;
|
|
30
31
|
const accentColor = error
|
|
31
|
-
?
|
|
32
|
-
: getVariantColor(variant, color);
|
|
32
|
+
? theme.custom.modeWarning
|
|
33
|
+
: getVariantColor(theme, variant, color);
|
|
33
34
|
useEffect(() => {
|
|
34
35
|
const anim = Animated.timing(focusAnim, {
|
|
35
36
|
toValue: focused ? 1 : 0,
|
|
@@ -41,14 +42,14 @@ export function DTTextInput({ variant = 'normal', color, borderWidth = 2, error
|
|
|
41
42
|
}, [focused, focusAnim]);
|
|
42
43
|
return (_jsxs(View, { style: containerStyle, children: [_jsx(View, { style: [
|
|
43
44
|
styles.inputWrapper,
|
|
44
|
-
{ borderColor: accentColor, borderWidth },
|
|
45
|
+
{ borderColor: accentColor, borderWidth, backgroundColor: theme.colors.background },
|
|
45
46
|
], children: _jsx(TextInput, { ...props, mode: "flat", error: false, onFocus: e => {
|
|
46
47
|
setFocused(true);
|
|
47
48
|
onFocus?.(e);
|
|
48
49
|
}, onBlur: e => {
|
|
49
50
|
setFocused(false);
|
|
50
51
|
onBlur?.(e);
|
|
51
|
-
}, style: [styles.input, inputStyle, style], textColor:
|
|
52
|
+
}, style: [styles.input, inputStyle, style], textColor: theme.colors.onSurface, placeholderTextColor: theme.colors.onSurfaceDisabled, activeUnderlineColor: "transparent", underlineColor: "transparent", theme: {
|
|
52
53
|
colors: {
|
|
53
54
|
primary: accentColor,
|
|
54
55
|
onSurfaceVariant: accentColor,
|
|
@@ -60,12 +61,10 @@ export function DTTextInput({ variant = 'normal', color, borderWidth = 2, error
|
|
|
60
61
|
backgroundColor: accentColor,
|
|
61
62
|
opacity: focusAnim,
|
|
62
63
|
},
|
|
63
|
-
] }), error && errorMessage && (_jsx(View, { style: styles.errorContainer, children: _jsx(Animated.Text, { style: [styles.errorText, { color:
|
|
64
|
+
] }), error && errorMessage && (_jsx(View, { style: styles.errorContainer, children: _jsx(Animated.Text, { style: [styles.errorText, { color: theme.custom.modeWarning }], children: errorMessage }) }))] }));
|
|
64
65
|
}
|
|
65
66
|
const styles = StyleSheet.create({
|
|
66
|
-
inputWrapper: {
|
|
67
|
-
backgroundColor: DTColors.dark,
|
|
68
|
-
},
|
|
67
|
+
inputWrapper: {},
|
|
69
68
|
input: {
|
|
70
69
|
backgroundColor: 'transparent',
|
|
71
70
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DTTextInput.js","sourceRoot":"","sources":["../../src/components/DTTextInput.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,EACL,UAAU,EACV,IAAI,EAIJ,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,SAAS,EAAiB,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"DTTextInput.js","sourceRoot":"","sources":["../../src/components/DTTextInput.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -12,9 +12,10 @@ export { DTDarkTheme, DTExtendedDarkTheme, usePaperTheme, } from './theme/paperT
|
|
|
12
12
|
export type { DTExtendedTheme } from './theme/paperTheme';
|
|
13
13
|
export { DTThemeProvider, useDTTheme } from './theme/DTThemeProvider';
|
|
14
14
|
export type { DTVariant } from './utils/variantColors';
|
|
15
|
-
export {
|
|
15
|
+
export { getVariantColor } from './utils/variantColors';
|
|
16
16
|
export { buildBeveledRectPath } from './utils/bevelPaths';
|
|
17
17
|
export { useComponentLayout } from './utils/useComponentLayout';
|
|
18
|
+
export { useScaleIn, usePulse } from './utils/animations';
|
|
18
19
|
export { DTCard, DTCardClipPath } from './components/DTCard';
|
|
19
20
|
export { DTButton } from './components/DTButton';
|
|
20
21
|
export { DTChip } from './components/DTChip';
|
|
@@ -28,11 +29,16 @@ export { DTProgressBar } from './components/DTProgressBar';
|
|
|
28
29
|
export { DTMediaFrame } from './components/DTMediaFrame';
|
|
29
30
|
export { DTAccordion } from './components/DTAccordion';
|
|
30
31
|
export type { DTAccordionSection } from './components/DTAccordion';
|
|
32
|
+
export { DTBadgeOverlay } from './components/DTBadgeOverlay';
|
|
33
|
+
export { DTStaggerContainer } from './components/DTStaggerContainer';
|
|
31
34
|
export { DTModal } from './components/DTModal';
|
|
32
35
|
export { DTDrawer } from './components/DTDrawer';
|
|
33
36
|
export { DTGallery } from './components/DTGallery';
|
|
34
37
|
export type { DTGalleryItem } from './components/DTGallery';
|
|
35
38
|
export { DTSearchInput } from './components/DTSearchInput';
|
|
39
|
+
export { DTFeatureLegend } from './components/DTFeatureLegend';
|
|
40
|
+
export type { DTFeatureItem } from './components/DTFeatureLegend';
|
|
41
|
+
export { DTMobileFilterOverlay } from './components/DTMobileFilterOverlay';
|
|
36
42
|
export { DTMenu, DTMenuDropdown } from './components/DTMenu';
|
|
37
43
|
export type { DTMenuItem } from './components/DTMenu';
|
|
38
44
|
export { DTHexagon } from './components/DTHexagon';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,OAAO,EACP,aAAa,GACd,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,aAAa,GACd,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGtE,YAAY,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,OAAO,EACP,aAAa,GACd,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,aAAa,GACd,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGtE,YAAY,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGhE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAGrE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,YAAY,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC7D,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,OAAO,EACL,IAAI,EACJ,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,GACV,MAAM,oBAAoB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -9,9 +9,10 @@ export { DTColors, getColor } from './theme/colors';
|
|
|
9
9
|
export { DTTypography, DTFonts, DTFontWeights, } from './theme/typography';
|
|
10
10
|
export { DTDarkTheme, DTExtendedDarkTheme, usePaperTheme, } from './theme/paperTheme';
|
|
11
11
|
export { DTThemeProvider, useDTTheme } from './theme/DTThemeProvider';
|
|
12
|
-
export {
|
|
12
|
+
export { getVariantColor } from './utils/variantColors';
|
|
13
13
|
export { buildBeveledRectPath } from './utils/bevelPaths';
|
|
14
14
|
export { useComponentLayout } from './utils/useComponentLayout';
|
|
15
|
+
export { useScaleIn, usePulse } from './utils/animations';
|
|
15
16
|
// Component exports — existing
|
|
16
17
|
export { DTCard, DTCardClipPath } from './components/DTCard';
|
|
17
18
|
export { DTButton } from './components/DTButton';
|
|
@@ -27,11 +28,17 @@ export { DTQuantityStepper } from './components/DTQuantityStepper';
|
|
|
27
28
|
export { DTProgressBar } from './components/DTProgressBar';
|
|
28
29
|
export { DTMediaFrame } from './components/DTMediaFrame';
|
|
29
30
|
export { DTAccordion } from './components/DTAccordion';
|
|
31
|
+
// Component exports — positioning & animation containers
|
|
32
|
+
export { DTBadgeOverlay } from './components/DTBadgeOverlay';
|
|
33
|
+
export { DTStaggerContainer } from './components/DTStaggerContainer';
|
|
30
34
|
// Component exports — complex interactive
|
|
31
35
|
export { DTModal } from './components/DTModal';
|
|
32
36
|
export { DTDrawer } from './components/DTDrawer';
|
|
33
37
|
export { DTGallery } from './components/DTGallery';
|
|
34
38
|
export { DTSearchInput } from './components/DTSearchInput';
|
|
39
|
+
// Component exports — filter & feature
|
|
40
|
+
export { DTFeatureLegend } from './components/DTFeatureLegend';
|
|
41
|
+
export { DTMobileFilterOverlay } from './components/DTMobileFilterOverlay';
|
|
35
42
|
// Component exports — navigation & decorative
|
|
36
43
|
export { DTMenu, DTMenuDropdown } from './components/DTMenu';
|
|
37
44
|
export { DTHexagon } from './components/DTHexagon';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,gBAAgB;AAChB,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAGpD,OAAO,EACL,YAAY,EACZ,OAAO,EACP,aAAa,GACd,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,aAAa,GACd,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAItE,OAAO,EAAE,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,gBAAgB;AAChB,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAGpD,OAAO,EACL,YAAY,EACZ,OAAO,EACP,aAAa,GACd,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,aAAa,GACd,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAItE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE1D,+BAA+B;AAC/B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEhE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,0CAA0C;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,yDAAyD;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE,0CAA0C;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,uCAAuC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3E,8CAA8C;AAC9C,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,2DAA2D;AAC3D,OAAO,EACL,IAAI,EACJ,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,GACV,MAAM,oBAAoB,CAAC"}
|
|
@@ -28,6 +28,14 @@ export interface DTExtendedTheme extends MD3Theme {
|
|
|
28
28
|
modeOther: string;
|
|
29
29
|
border: string;
|
|
30
30
|
borderEmphasis: string;
|
|
31
|
+
/** Bevel sizes in pixels (0 = no bevels, use borderRadius instead) */
|
|
32
|
+
bevelSm: number;
|
|
33
|
+
bevelMd: number;
|
|
34
|
+
bevelLg: number;
|
|
35
|
+
/** Border radius in pixels (0 = angular/beveled) */
|
|
36
|
+
radiusSm: number;
|
|
37
|
+
radius: number;
|
|
38
|
+
radiusLg: number;
|
|
31
39
|
};
|
|
32
40
|
}
|
|
33
41
|
export declare const DTExtendedDarkTheme: DTExtendedTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paperTheme.d.ts","sourceRoot":"","sources":["../../src/theme/paperTheme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAgB,QAAQ,EAAkB,MAAM,oBAAoB,CAAC;AA2B5E;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,QAoEzB,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,cAAc,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"paperTheme.d.ts","sourceRoot":"","sources":["../../src/theme/paperTheme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAgB,QAAQ,EAAkB,MAAM,oBAAoB,CAAC;AA2B5E;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,QAoEzB,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,cAAc,EAAE,MAAM,CAAC;QACvB,sEAAsE;QACtE,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,oDAAoD;QACpD,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,eAAO,MAAM,mBAAmB,EAAE,eAmBjC,CAAC;AAEF;;;GAGG;AACH,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
|
package/dist/theme/paperTheme.js
CHANGED
|
@@ -106,6 +106,12 @@ export const DTExtendedDarkTheme = {
|
|
|
106
106
|
modeOther: DTColors.modeOther,
|
|
107
107
|
border: DTColors.border,
|
|
108
108
|
borderEmphasis: DTColors.borderEmphasis,
|
|
109
|
+
bevelSm: 16,
|
|
110
|
+
bevelMd: 32,
|
|
111
|
+
bevelLg: 40,
|
|
112
|
+
radiusSm: 0,
|
|
113
|
+
radius: 0,
|
|
114
|
+
radiusLg: 0,
|
|
109
115
|
},
|
|
110
116
|
};
|
|
111
117
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paperTheme.js","sourceRoot":"","sources":["../../src/theme/paperTheme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,YAAY,EAAY,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAErD;;;GAGG;AACH,MAAM,UAAU,GAAG;IACjB,UAAU,EAAE,OAAO,CAAC,OAAO;IAC3B,YAAY,EAAE,YAAY,CAAC,YAAY;IACvC,aAAa,EAAE,YAAY,CAAC,aAAa;IACzC,YAAY,EAAE,YAAY,CAAC,YAAY;IACvC,aAAa,EAAE,YAAY,CAAC,aAAa;IACzC,cAAc,EAAE,YAAY,CAAC,cAAc;IAC3C,aAAa,EAAE,YAAY,CAAC,aAAa;IACzC,UAAU,EAAE,YAAY,CAAC,UAAU;IACnC,WAAW,EAAE,YAAY,CAAC,WAAW;IACrC,UAAU,EAAE,YAAY,CAAC,UAAU;IACnC,SAAS,EAAE,YAAY,CAAC,SAAS;IACjC,UAAU,EAAE,YAAY,CAAC,UAAU;IACnC,SAAS,EAAE,YAAY,CAAC,SAAS;IACjC,UAAU,EAAE,YAAY,CAAC,UAAU;IACnC,WAAW,EAAE,YAAY,CAAC,WAAW;IACrC,UAAU,EAAE,YAAY,CAAC,UAAU;CACpC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAa;IACnC,GAAG,YAAY;IACf,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,CAAC,EAAE,2DAA2D;IAEzE,KAAK,EAAE,cAAc,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;IAE7C,MAAM,EAAE;QACN,GAAG,YAAY,CAAC,MAAM;QAEtB,iBAAiB;QACjB,OAAO,EAAE,QAAQ,CAAC,UAAU;QAC5B,SAAS,EAAE,QAAQ,CAAC,IAAI;QACxB,gBAAgB,EAAE,QAAQ,CAAC,kBAAkB;QAC7C,kBAAkB,EAAE,QAAQ,CAAC,IAAI;QAEjC,qBAAqB;QACrB,SAAS,EAAE,QAAQ,CAAC,YAAY;QAChC,WAAW,EAAE,QAAQ,CAAC,IAAI;QAC1B,kBAAkB,EAAE,QAAQ,CAAC,oBAAoB;QACjD,oBAAoB,EAAE,QAAQ,CAAC,IAAI;QAEnC,qBAAqB;QACrB,QAAQ,EAAE,QAAQ,CAAC,SAAS;QAC5B,UAAU,EAAE,QAAQ,CAAC,IAAI;QACzB,iBAAiB,EAAE,wBAAwB;QAC3C,mBAAmB,EAAE,QAAQ,CAAC,KAAK;QAEnC,cAAc;QACd,KAAK,EAAE,QAAQ,CAAC,WAAW;QAC3B,OAAO,EAAE,QAAQ,CAAC,IAAI;QACtB,cAAc,EAAE,sBAAsB;QACtC,gBAAgB,EAAE,QAAQ,CAAC,KAAK;QAEhC,uBAAuB;QACvB,UAAU,EAAE,QAAQ,CAAC,UAAU;QAC/B,YAAY,EAAE,QAAQ,CAAC,YAAY;QACnC,OAAO,EAAE,QAAQ,CAAC,OAAO;QACzB,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC7B,cAAc,EAAE,QAAQ,CAAC,cAAc;QACvC,gBAAgB,EAAE,QAAQ,CAAC,KAAK;QAEhC,+CAA+C;QAC/C,SAAS,EAAE;YACT,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,QAAQ,CAAC,cAAc;YAC/B,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,SAAS;SAClB;QAED,oBAAoB;QACpB,OAAO,EAAE,QAAQ,CAAC,UAAU;QAC5B,cAAc,EAAE,wBAAwB;QAExC,gCAAgC;QAChC,cAAc,EAAE,QAAQ,CAAC,KAAK;QAC9B,gBAAgB,EAAE,QAAQ,CAAC,IAAI;QAC/B,cAAc,EAAE,SAAS,EAAE,oCAAoC;QAE/D,OAAO;QACP,MAAM,EAAE,QAAQ,CAAC,IAAI;QACrB,KAAK,EAAE,QAAQ,CAAC,OAAO;QACvB,eAAe,EAAE,QAAQ,CAAC,kBAAkB;QAC5C,iBAAiB,EAAE,QAAQ,CAAC,QAAQ;QACpC,QAAQ,EAAE,QAAQ,CAAC,OAAO;KAC3B;CACF,CAAC;
|
|
1
|
+
{"version":3,"file":"paperTheme.js","sourceRoot":"","sources":["../../src/theme/paperTheme.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Reusable animation hooks for DT components
|
|
3
|
+
*
|
|
4
|
+
* Provides common animation patterns (scale-in, pulse) as hooks
|
|
5
|
+
* that consumers and new components can use consistently.
|
|
6
|
+
*/
|
|
7
|
+
import { Animated } from 'react-native';
|
|
8
|
+
/**
|
|
9
|
+
* Scale-in entrance animation.
|
|
10
|
+
* Returns an Animated.Value (0→1) to use as a scale transform.
|
|
11
|
+
*/
|
|
12
|
+
export declare function useScaleIn(options?: {
|
|
13
|
+
enabled?: boolean;
|
|
14
|
+
duration?: number;
|
|
15
|
+
delay?: number;
|
|
16
|
+
}): Animated.Value;
|
|
17
|
+
/**
|
|
18
|
+
* Pulse (ping) opacity animation loop.
|
|
19
|
+
* Returns an Animated.Value that oscillates between 1 and 0.3.
|
|
20
|
+
*/
|
|
21
|
+
export declare function usePulse(enabled?: boolean): Animated.Value;
|
|
22
|
+
//# sourceMappingURL=animations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/utils/animations.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAEtC;;;GAGG;AACH,wBAAgB,UAAU,CAAC,OAAO,CAAC,EAAE;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,QAAQ,CAAC,KAAK,CAmBjB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,OAAO,UAAO,GAAG,QAAQ,CAAC,KAAK,CA6BvD"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Reusable animation hooks for DT components
|
|
3
|
+
*
|
|
4
|
+
* Provides common animation patterns (scale-in, pulse) as hooks
|
|
5
|
+
* that consumers and new components can use consistently.
|
|
6
|
+
*/
|
|
7
|
+
import { useRef, useEffect } from 'react';
|
|
8
|
+
import { Animated } from 'react-native';
|
|
9
|
+
/**
|
|
10
|
+
* Scale-in entrance animation.
|
|
11
|
+
* Returns an Animated.Value (0→1) to use as a scale transform.
|
|
12
|
+
*/
|
|
13
|
+
export function useScaleIn(options) {
|
|
14
|
+
const { enabled = true, duration = 330, delay = 0 } = options ?? {};
|
|
15
|
+
const anim = useRef(new Animated.Value(enabled ? 0 : 1)).current;
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
if (enabled) {
|
|
18
|
+
anim.setValue(0);
|
|
19
|
+
Animated.timing(anim, {
|
|
20
|
+
toValue: 1,
|
|
21
|
+
duration,
|
|
22
|
+
delay,
|
|
23
|
+
useNativeDriver: true,
|
|
24
|
+
}).start();
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
anim.setValue(1);
|
|
28
|
+
}
|
|
29
|
+
}, [enabled, duration, delay, anim]);
|
|
30
|
+
return anim;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* Pulse (ping) opacity animation loop.
|
|
34
|
+
* Returns an Animated.Value that oscillates between 1 and 0.3.
|
|
35
|
+
*/
|
|
36
|
+
export function usePulse(enabled = true) {
|
|
37
|
+
const anim = useRef(new Animated.Value(1)).current;
|
|
38
|
+
useEffect(() => {
|
|
39
|
+
if (enabled) {
|
|
40
|
+
const loop = Animated.loop(Animated.sequence([
|
|
41
|
+
Animated.timing(anim, {
|
|
42
|
+
toValue: 0.3,
|
|
43
|
+
duration: 1000,
|
|
44
|
+
useNativeDriver: true,
|
|
45
|
+
}),
|
|
46
|
+
Animated.timing(anim, {
|
|
47
|
+
toValue: 1,
|
|
48
|
+
duration: 1000,
|
|
49
|
+
useNativeDriver: true,
|
|
50
|
+
}),
|
|
51
|
+
]));
|
|
52
|
+
loop.start();
|
|
53
|
+
return () => {
|
|
54
|
+
loop.stop();
|
|
55
|
+
anim.setValue(1);
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
anim.setValue(1);
|
|
59
|
+
}, [enabled, anim]);
|
|
60
|
+
return anim;
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=animations.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animations.js","sourceRoot":"","sources":["../../src/utils/animations.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAC,MAAM,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAEtC;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,OAI1B;IACC,MAAM,EAAC,OAAO,GAAG,IAAI,EAAE,QAAQ,GAAG,GAAG,EAAE,KAAK,GAAG,CAAC,EAAC,GAAG,OAAO,IAAI,EAAE,CAAC;IAClE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACjB,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE;gBACpB,OAAO,EAAE,CAAC;gBACV,QAAQ;gBACR,KAAK;gBACL,eAAe,EAAE,IAAI;aACtB,CAAC,CAAC,KAAK,EAAE,CAAC;QACb,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAErC,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,OAAO,GAAG,IAAI;IACrC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CACxB,QAAQ,CAAC,QAAQ,CAAC;gBAChB,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE;oBACpB,OAAO,EAAE,GAAG;oBACZ,QAAQ,EAAE,IAAI;oBACd,eAAe,EAAE,IAAI;iBACtB,CAAC;gBACF,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE;oBACpB,OAAO,EAAE,CAAC;oBACV,QAAQ,EAAE,IAAI;oBACd,eAAe,EAAE,IAAI;iBACtB,CAAC;aACH,CAAC,CACH,CAAC;YACF,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,IAAI,EAAE,CAAC;gBACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACnB,CAAC,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,IAAI,CAAC;AACd,CAAC"}
|
|
@@ -2,11 +2,13 @@
|
|
|
2
2
|
* Centralized variant type and color mapping
|
|
3
3
|
*
|
|
4
4
|
* Used by all DT components for consistent mode/variant color resolution.
|
|
5
|
+
* Reads colors from the active DTExtendedTheme rather than static defaults.
|
|
5
6
|
*/
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
import type { DTExtendedTheme } from '../theme/paperTheme';
|
|
8
|
+
import type { DTVariant } from '@dangerousthings/tokens';
|
|
9
|
+
export type { DTVariant } from '@dangerousthings/tokens';
|
|
8
10
|
/**
|
|
9
|
-
* Resolve variant to color, with optional custom color override.
|
|
11
|
+
* Resolve variant to color from the active theme, with optional custom color override.
|
|
10
12
|
*/
|
|
11
|
-
export declare function getVariantColor(variant: DTVariant, customColor?: string): string;
|
|
13
|
+
export declare function getVariantColor(theme: DTExtendedTheme, variant: DTVariant, customColor?: string): string;
|
|
12
14
|
//# sourceMappingURL=variantColors.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variantColors.d.ts","sourceRoot":"","sources":["../../src/utils/variantColors.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"variantColors.d.ts","sourceRoot":"","sources":["../../src/utils/variantColors.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAGvD,YAAY,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAavD;;GAEG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,eAAe,EACtB,OAAO,EAAE,SAAS,EAClB,WAAW,CAAC,EAAE,MAAM,GACnB,MAAM,CAER"}
|
|
@@ -2,19 +2,19 @@
|
|
|
2
2
|
* Centralized variant type and color mapping
|
|
3
3
|
*
|
|
4
4
|
* Used by all DT components for consistent mode/variant color resolution.
|
|
5
|
+
* Reads colors from the active DTExtendedTheme rather than static defaults.
|
|
5
6
|
*/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
other: DTColors.modeOther,
|
|
7
|
+
const variantToThemeKey = {
|
|
8
|
+
normal: 'modeNormal',
|
|
9
|
+
emphasis: 'modeEmphasis',
|
|
10
|
+
warning: 'modeWarning',
|
|
11
|
+
success: 'modeSuccess',
|
|
12
|
+
other: 'modeOther',
|
|
13
13
|
};
|
|
14
14
|
/**
|
|
15
|
-
* Resolve variant to color, with optional custom color override.
|
|
15
|
+
* Resolve variant to color from the active theme, with optional custom color override.
|
|
16
16
|
*/
|
|
17
|
-
export function getVariantColor(variant, customColor) {
|
|
18
|
-
return customColor ??
|
|
17
|
+
export function getVariantColor(theme, variant, customColor) {
|
|
18
|
+
return customColor ?? theme.custom[variantToThemeKey[variant]];
|
|
19
19
|
}
|
|
20
20
|
//# sourceMappingURL=variantColors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variantColors.js","sourceRoot":"","sources":["../../src/utils/variantColors.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"variantColors.js","sourceRoot":"","sources":["../../src/utils/variantColors.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,MAAM,iBAAiB,GAAoC;IACzD,MAAM,EAAE,YAAY;IACpB,QAAQ,EAAE,cAAc;IACxB,OAAO,EAAE,aAAa;IACtB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,eAAe,CAC7B,KAAsB,EACtB,OAAkB,EAClB,WAAoB;IAEpB,OAAO,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;AACjE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,8 +1,29 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dangerousthings/react-native",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "React Native themed components for the Dangerous Things design system",
|
|
5
5
|
"license": "MIT",
|
|
6
|
+
"author": {
|
|
7
|
+
"name": "Dangerous Things",
|
|
8
|
+
"email": "info@dangerousthings.com"
|
|
9
|
+
},
|
|
10
|
+
"repository": {
|
|
11
|
+
"type": "git",
|
|
12
|
+
"url": "https://github.com/dangerous-tac0s/dt-design-system.git",
|
|
13
|
+
"directory": "packages/react-native"
|
|
14
|
+
},
|
|
15
|
+
"homepage": "https://github.com/dangerous-tac0s/dt-design-system#readme",
|
|
16
|
+
"keywords": [
|
|
17
|
+
"dangerousthings",
|
|
18
|
+
"design-system",
|
|
19
|
+
"react-native",
|
|
20
|
+
"components",
|
|
21
|
+
"theming"
|
|
22
|
+
],
|
|
23
|
+
"engines": {
|
|
24
|
+
"node": ">=18.0.0"
|
|
25
|
+
},
|
|
26
|
+
"type": "module",
|
|
6
27
|
"main": "dist/index.js",
|
|
7
28
|
"types": "dist/index.d.ts",
|
|
8
29
|
"exports": {
|