@aic-kits/react-native 0.0.2 → 0.0.4

package/lib/theme/components/index.d.ts

@@ -0,0 +1,27 @@
+export * from './base';
+export * from './text';
+export * from './bubble';
+export * from './chat';
+export * from './button';
+export * from './touchable';
+export * from './loading';
+export * from './divider';
+export * from './selection';
+export * from './card';
+export * from './progress';
+export * from './skeleton';
+export * from './art';
+export * from './slides';
+export * from './image';
+export * from './infoCard';
+export * from './playSwitch';
+export * from './levelStep';
+export * from './header';
+export * from './input';
+export * from './video';
+export * from './chip';
+export * from './filter';
+export * from './notification';
+export * from './avatar';
+export * from './chart';
+//# sourceMappingURL=index.d.ts.map

package/lib/theme/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/lib/theme/components/index.js

@@ -0,0 +1,26 @@
+export * from './base';
+export * from './text';
+export * from './bubble';
+export * from './chat';
+export * from './button';
+export * from './touchable';
+export * from './loading';
+export * from './divider';
+export * from './selection';
+export * from './card';
+export * from './progress';
+export * from './skeleton';
+export * from './art';
+export * from './slides';
+export * from './image';
+export * from './infoCard';
+export * from './playSwitch';
+export * from './levelStep';
+export * from './header';
+export * from './input';
+export * from './video';
+export * from './chip';
+export * from './filter';
+export * from './notification';
+export * from './avatar';
+export * from './chart';

package/lib/theme/components/infoCard.d.ts

@@ -0,0 +1,25 @@
+import type { Color, GlobalTheme } from '../common';
+export declare const getInfoCardTheme: (theme: GlobalTheme) => {
+    defaultBackgroundColor: "white";
+    defaultBorderColor: "grey200";
+    defaultBorderWidth: "medium";
+    defaultBorderRadius: "xxxlarge";
+    thumbnailInfoCard: {
+        defaultImageRatio: number;
+        defaultTitleLines: number;
+        defaultSubtitleLines: number;
+        rightButton: {
+            icon: "arrow-right-2-light-outline";
+            color: Color;
+            size: number;
+            hitSlop: number;
+            hapticFeedback: "impact-medium";
+        };
+    };
+    newsInfoCard: {
+        imageSize: number;
+        defaultTitleLines: number;
+        defaultSubtitleLines: number;
+    };
+};
+//# sourceMappingURL=infoCard.d.ts.map

package/lib/theme/components/infoCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"infoCard.d.ts","sourceRoot":"","sources":["../../../src/theme/components/infoCard.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAe,KAAK,EAAE,WAAW,EAAU,MAAM,WAAW,CAAC;AAEzE,eAAO,MAAM,gBAAgB,UAAW,WAAW;;;;;;;;;;;mBAY3B,KAAK;;;;;;;;;;;CAqB5B,CAAC"}

package/lib/theme/components/infoCard.js

@@ -0,0 +1,32 @@
+import { scale } from '../../utils';
+export const getInfoCardTheme = (theme) => {
+    const defaultBackgroundColor = 'white';
+    const defaultBorderColor = 'grey200';
+    const defaultBorderWidth = 'medium';
+    const defaultBorderRadius = 'xxxlarge';
+    const thumbnailInfoCard = {
+        defaultImageRatio: 16 / 9,
+        defaultTitleLines: 1,
+        defaultSubtitleLines: 2,
+        rightButton: {
+            icon: 'arrow-right-2-light-outline',
+            color: 'black',
+            size: scale(28),
+            hitSlop: theme.spaces.small,
+            hapticFeedback: 'impact-medium',
+        },
+    };
+    const newsInfoCard = {
+        imageSize: scale(150),
+        defaultTitleLines: 1,
+        defaultSubtitleLines: 2,
+    };
+    return {
+        defaultBackgroundColor,
+        defaultBorderColor,
+        defaultBorderWidth,
+        defaultBorderRadius,
+        thumbnailInfoCard,
+        newsInfoCard,
+    };
+};

package/lib/theme/components/input.d.ts

@@ -0,0 +1,21 @@
+import type { BorderWidth, Color, FontSize, FontWeight, Radius, Scale, Space } from '../common';
+export type InputType = 'default' | 'underlined';
+export declare const getInputTheme: () => {
+    inputConfigs: Record<InputType, {
+        fontSize: FontSize;
+        typeface: keyof Scale["font"];
+        fontWeight: FontWeight;
+        color: Color;
+        placeholderTextColor: Color;
+        backgroundColor?: Color;
+        borderRadius?: Radius;
+        borderBottomWidth?: BorderWidth;
+        borderBottomColor?: Color;
+        paddingHorizontal?: Space;
+        paddingVertical?: Space;
+    }>;
+    defaultInputType: "default";
+    labelFontSize: "large";
+    labelFontWeight: "bold";
+};
+//# sourceMappingURL=input.d.ts.map

package/lib/theme/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/theme/components/input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,KAAK,EACL,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,KAAK,EACN,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;AAEjD,eAAO,MAAM,aAAa;;kBAOV,QAAQ;kBACR,MAAM,KAAK,CAAC,MAAM,CAAC;oBACjB,UAAU;eACf,KAAK;8BACU,KAAK;0BACT,KAAK;uBACR,MAAM;4BACJ,WAAW;4BACX,KAAK;4BACF,KAAK;0BACP,KAAK;;;;;CAkC5B,CAAC"}

package/lib/theme/components/input.js

@@ -0,0 +1,34 @@
+export const getInputTheme = () => {
+    const labelFontSize = 'large';
+    const labelFontWeight = 'bold';
+    const inputConfigs = {
+        default: {
+            fontSize: 'large',
+            typeface: 'neutral',
+            fontWeight: 'regular',
+            color: 'grey900',
+            placeholderTextColor: 'grey500',
+            backgroundColor: 'grey50',
+            borderRadius: 'xxlarge',
+            paddingHorizontal: 'mediumLarge',
+            paddingVertical: 'medium',
+        },
+        underlined: {
+            fontSize: 'h4',
+            typeface: 'neutral',
+            fontWeight: 'bold',
+            color: 'grey900',
+            placeholderTextColor: 'grey500',
+            borderBottomWidth: 'base',
+            borderBottomColor: 'primary',
+            paddingVertical: 'medium',
+        },
+    };
+    const defaultInputType = 'default';
+    return {
+        inputConfigs,
+        defaultInputType,
+        labelFontSize,
+        labelFontWeight,
+    };
+};

package/lib/theme/components/levelStep.d.ts

@@ -0,0 +1,48 @@
+import type { GlobalTheme } from '../../theme';
+export type LevelStepType = 'active' | 'locked' | 'passed';
+export declare const getLevelStepTheme: (theme: GlobalTheme) => {
+    top: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    bottom: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    circularProgress: {
+        width: number;
+        height: number;
+    };
+    canvas: {
+        width: number;
+        height: number;
+    };
+    progress: {
+        backgroundColor: string;
+        strokeWidth: number;
+    };
+    animation: {
+        button: {
+            transformY: {
+                min: number;
+                max: number;
+            };
+            springConfig: {
+                mass: number;
+            };
+        };
+        progress: {
+            springConfig: {
+                mass: number;
+            };
+            delay: number;
+            postPressDelay: number;
+        };
+    };
+    defaultType: "passed";
+};
+//# sourceMappingURL=levelStep.d.ts.map

package/lib/theme/components/levelStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"levelStep.d.ts","sourceRoot":"","sources":["../../../src/theme/components/levelStep.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3D,eAAO,MAAM,iBAAiB,UAAW,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DnD,CAAC"}

package/lib/theme/components/levelStep.js

@@ -0,0 +1,56 @@
+import { scale } from '../../utils';
+export const getLevelStepTheme = (theme) => {
+    const top = {
+        x: scale(24),
+        y: scale(22.99),
+        width: scale(72),
+        height: scale(54.16),
+    };
+    const bottom = {
+        x: scale(24),
+        y: scale(22.99),
+        width: scale(72),
+        height: scale(63),
+    };
+    const circularProgress = {
+        width: scale(120),
+        height: scale(110.22),
+    };
+    const canvasScale = 1; // 1.04
+    const canvas = {
+        width: circularProgress.width * canvasScale,
+        height: circularProgress.height * canvasScale,
+    };
+    const progress = {
+        backgroundColor: theme.colors.disabled,
+        strokeWidth: scale(12),
+    };
+    const animation = {
+        button: {
+            transformY: {
+                min: scale(0),
+                max: scale(8.84),
+            },
+            springConfig: {
+                mass: 0.05,
+            },
+        },
+        progress: {
+            springConfig: {
+                mass: 5,
+            },
+            delay: 200,
+            postPressDelay: 1000,
+        },
+    };
+    const defaultType = 'passed';
+    return {
+        top,
+        bottom,
+        circularProgress,
+        canvas,
+        progress,
+        animation,
+        defaultType,
+    };
+};

package/lib/theme/components/loading.d.ts

@@ -0,0 +1,16 @@
+import type { GlobalTheme } from '../common';
+export type LoadingSize = 'small' | 'medium' | 'large';
+export declare const getLoadingTheme: (theme: GlobalTheme) => {
+    sizes: Record<LoadingSize, number>;
+    strokeWidths: Record<LoadingSize, number>;
+    arc: {
+        minAngle: number;
+        maxAngle: number;
+    };
+    animation: {
+        loopInterval: number;
+        showingDuration: number;
+        contentShowingDuration: number;
+    };
+};
+//# sourceMappingURL=loading.d.ts.map

package/lib/theme/components/loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../src/theme/components/loading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD,eAAO,MAAM,eAAe,UAAW,WAAW;;;;;;;;;;;;CA8BjD,CAAC"}

package/lib/theme/components/loading.js

@@ -0,0 +1,27 @@
+export const getLoadingTheme = (theme) => {
+    const sizes = {
+        small: theme.sizes.large,
+        medium: theme.sizes.xxxlarge,
+        large: theme.sizes['5xlarge'],
+    };
+    const strokeWidths = {
+        small: theme.sizes.xsmall,
+        medium: theme.sizes.small,
+        large: theme.sizes.small,
+    };
+    const arc = {
+        minAngle: 40,
+        maxAngle: 290,
+    };
+    const animation = {
+        loopInterval: 800,
+        showingDuration: 250,
+        contentShowingDuration: 300,
+    };
+    return {
+        sizes,
+        strokeWidths,
+        arc,
+        animation,
+    };
+};

package/lib/theme/components/notification.d.ts

@@ -0,0 +1,23 @@
+import type { Color, FontSize, FontWeight, Radius, Space } from '../common';
+export type ToastType = 'success' | 'error' | 'info' | 'warning';
+export declare const getNotificationTheme: () => {
+    toast: {
+        configs: Record<ToastType, {
+            icon: string;
+            color: Color;
+        }>;
+        padding: Space;
+        fontSize: FontSize;
+        fontWeight: FontWeight;
+        backgroundColor: Color;
+        backgroundColorOpacity: number;
+        borderRadius: Radius;
+        paddingHorizontal: Space;
+        paddingVertical: Space;
+        marginTop: Space;
+        maxWidthScale: number;
+        gap: Space;
+        iconSize: Space;
+    };
+};
+//# sourceMappingURL=notification.d.ts.map

package/lib/theme/components/notification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/theme/components/notification.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,KAAK,EACL,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACN,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjE,eAAO,MAAM,oBAAoB;;;kBAEzB,MAAM;mBACL,KAAK;;iBAsBH,KAAK;kBACJ,QAAQ;oBACN,UAAU;yBACL,KAAK;gCACE,MAAM;sBAChB,MAAM;2BACD,KAAK;yBACP,KAAK;mBACX,KAAK;uBACD,MAAM;aAChB,KAAK;kBACA,KAAK;;CAoBhB,CAAC"}

package/lib/theme/components/notification.js

@@ -0,0 +1,38 @@
+export const getNotificationTheme = () => {
+    const toastConfigs = {
+        success: {
+            icon: 'tick-square-bold',
+            color: 'success',
+        },
+        error: {
+            icon: 'close-square-bold',
+            color: 'error',
+        },
+        info: {
+            icon: 'info-square-curved', // TODO: update to 'info-square-bold
+            color: 'info',
+        },
+        warning: {
+            icon: 'danger-bold',
+            color: 'warning',
+        },
+    };
+    const toast = {
+        configs: toastConfigs,
+        padding: 'medium',
+        fontSize: 'small',
+        fontWeight: 'regular',
+        backgroundColor: 'white',
+        backgroundColorOpacity: 0.2,
+        borderRadius: 'medium',
+        paddingHorizontal: 'smallMedium',
+        paddingVertical: 'small',
+        gap: 'small',
+        marginTop: 'medium',
+        maxWidthScale: 0.8,
+        iconSize: 'mediumLarge',
+    };
+    return {
+        toast,
+    };
+};

package/lib/theme/components/playSwitch.d.ts

@@ -0,0 +1,10 @@
+export type PlaySwitchStatus = 'play' | 'pause';
+export declare const getPlaySwitchTheme: () => {
+    animation: {
+        showingDuration: number;
+    };
+    defaultStatus: "play";
+    defaultSize: "medium";
+    defaultColor: "white";
+};
+//# sourceMappingURL=playSwitch.d.ts.map

package/lib/theme/components/playSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playSwitch.d.ts","sourceRoot":"","sources":["../../../src/theme/components/playSwitch.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhD,eAAO,MAAM,kBAAkB;;;;;;;CAe9B,CAAC"}

package/lib/theme/components/playSwitch.js

@@ -0,0 +1,14 @@
+export const getPlaySwitchTheme = () => {
+    const animation = {
+        showingDuration: 300,
+    };
+    const defaultStatus = 'play';
+    const defaultSize = 'medium';
+    const defaultColor = 'white';
+    return {
+        animation,
+        defaultStatus,
+        defaultSize,
+        defaultColor,
+    };
+};

package/lib/theme/components/progress.d.ts

@@ -0,0 +1,10 @@
+import type { GlobalTheme } from '../common';
+export declare const getProgressTheme: (theme: GlobalTheme) => {
+    defaultHeight: number;
+    animation: {
+        duration: number;
+    };
+    backgroundColor: string;
+    progressColor: string;
+};
+//# sourceMappingURL=progress.d.ts.map

package/lib/theme/components/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/theme/components/progress.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,eAAO,MAAM,gBAAgB,UAAW,WAAW;;;;;;;CAelD,CAAC"}

package/lib/theme/components/progress.js

@@ -0,0 +1,14 @@
+export const getProgressTheme = (theme) => {
+    const defaultHeight = theme.sizes.smallMedium;
+    const backgroundColor = theme.colors.grey200;
+    const progressColor = theme.colors.primary;
+    const animation = {
+        duration: 500,
+    };
+    return {
+        defaultHeight,
+        animation,
+        backgroundColor,
+        progressColor,
+    };
+};

package/lib/theme/components/selection.d.ts

@@ -0,0 +1,9 @@
+import type { BorderWidth } from '../common';
+export type SelectionStatus = 'selected' | 'unselected';
+export declare const getSelectionTheme: () => {
+    backgroundColors: Record<SelectionStatus, keyof import("..").ColorPalette>;
+    borderColors: Record<SelectionStatus, keyof import("..").ColorPalette>;
+    borderWidths: Record<SelectionStatus, BorderWidth>;
+    defaultBorderRadius: "xxxlarge";
+};
+//# sourceMappingURL=selection.d.ts.map

package/lib/theme/components/selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../src/theme/components/selection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,WAAW,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB;;;;;CAwB7B,CAAC"}

package/lib/theme/components/selection.js

@@ -0,0 +1,21 @@
+export const getSelectionTheme = () => {
+    const backgroundColors = {
+        selected: 'transparentPurple',
+        unselected: 'white',
+    };
+    const borderColors = {
+        selected: 'primary',
+        unselected: 'grey200',
+    };
+    const borderWidths = {
+        selected: 'large',
+        unselected: 'medium',
+    };
+    const defaultBorderRadius = 'xxxlarge';
+    return {
+        backgroundColors,
+        borderColors,
+        borderWidths,
+        defaultBorderRadius,
+    };
+};

package/lib/theme/components/skeleton.d.ts

@@ -0,0 +1,11 @@
+import type { GlobalTheme } from '../common';
+export declare const getSkeletonTheme: (theme: GlobalTheme) => {
+    backgroundColors: Record<"max" | "min", string>;
+    animation: {
+        loopInterval: number;
+        showingDuration: number;
+    };
+    borderRadius: number;
+    postShowingTimeout: number;
+};
+//# sourceMappingURL=skeleton.d.ts.map

package/lib/theme/components/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/theme/components/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,eAAO,MAAM,gBAAgB,UAAW,WAAW;;;;;;;;CAqBlD,CAAC"}

package/lib/theme/components/skeleton.js

@@ -0,0 +1,18 @@
+export const getSkeletonTheme = (theme) => {
+    const backgroundColors = {
+        min: theme.colors.grey100,
+        max: theme.colors.grey200,
+    };
+    const animation = {
+        loopInterval: 500,
+        showingDuration: 250,
+    };
+    const borderRadius = theme.radii.large;
+    const postShowingTimeout = 10000;
+    return {
+        backgroundColors,
+        animation,
+        borderRadius,
+        postShowingTimeout,
+    };
+};

package/lib/theme/components/slides.d.ts

@@ -0,0 +1,7 @@
+export declare const getSlidesTheme: () => {
+    outFocusScale: number;
+    animation: {
+        duration: number;
+    };
+};
+//# sourceMappingURL=slides.d.ts.map

package/lib/theme/components/slides.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slides.d.ts","sourceRoot":"","sources":["../../../src/theme/components/slides.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;CAW1B,CAAC"}

package/lib/theme/components/slides.js

@@ -0,0 +1,10 @@
+export const getSlidesTheme = () => {
+    const outFocusScale = 0.8;
+    const animation = {
+        duration: 50,
+    };
+    return {
+        outFocusScale,
+        animation,
+    };
+};

package/lib/theme/components/text.d.ts

@@ -0,0 +1,21 @@
+import type { FontSize, FontWeight, GlobalTheme } from '../common';
+export declare const getTextTheme: (theme: GlobalTheme) => {
+    fonts: import("..").Fonts;
+    fontSizes: import("..").FontSizes;
+    lineHeights: import("..").FontSizes;
+    letterSpacings: {
+        small: number;
+        h1: number;
+        h2: number;
+        h3: number;
+        h4: number;
+        h5: number;
+        h6: number;
+        medium: number;
+        large: number;
+        xlarge: number;
+        xsmall: number;
+    };
+    fontWeights: Record<FontSize, FontWeight>;
+};
+//# sourceMappingURL=text.d.ts.map

package/lib/theme/components/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/theme/components/text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAEnE,eAAO,MAAM,YAAY,UAAW,WAAW;;;;;;;;;;;;;;;;;;CAsB9C,CAAC"}

package/lib/theme/components/text.js

@@ -0,0 +1,22 @@
+export const getTextTheme = (theme) => {
+    const fontWeights = {
+        h1: 'bold',
+        h2: 'bold',
+        h3: 'bold',
+        h4: 'bold',
+        h5: 'bold',
+        h6: 'bold',
+        xlarge: 'regular',
+        large: 'regular',
+        medium: 'regular',
+        small: 'regular',
+        xsmall: 'regular',
+    };
+    return {
+        fonts: theme.fonts,
+        fontSizes: theme.fontSizes,
+        lineHeights: theme.lineHeights,
+        letterSpacings: theme.letterSpacings,
+        fontWeights,
+    };
+};

package/lib/theme/components/touchable.d.ts

@@ -0,0 +1,15 @@
+import { HapticFeedbackTypes } from '../../utils';
+export type TouchableHapticFeedbackType = 'selection' | 'impact-light' | 'impact-medium' | 'impact-heavy' | 'rigid' | 'soft' | 'notification-success' | 'notification-warning' | 'notification-error' | 'clock-tick' | 'context-click' | 'keyboard-press' | 'keyboard-release' | 'keyboard-tap' | 'long-press' | 'text-handle-move' | 'virtual-key' | 'virtual-key-release' | 'effect-click' | 'effect-double-click' | 'effect-heavy-click' | 'effect-tick' | 'none';
+export declare const getTouchableTheme: () => {
+    hapticFeedbackTypes: Record<TouchableHapticFeedbackType, HapticFeedbackTypes | undefined>;
+    animation: {
+        maxOpacity: number;
+        minOpacity: number;
+        maxScale: number;
+        minScale: number;
+        springConfig: {
+            mass: number;
+        };
+    };
+};
+//# sourceMappingURL=touchable.d.ts.map

package/lib/theme/components/touchable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"touchable.d.ts","sourceRoot":"","sources":["../../../src/theme/components/touchable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,2BAA2B,GACnC,WAAW,GACX,cAAc,GACd,eAAe,GACf,cAAc,GACd,OAAO,GACP,MAAM,GACN,sBAAsB,GACtB,sBAAsB,GACtB,oBAAoB,GACpB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,kBAAkB,GAClB,cAAc,GACd,YAAY,GACZ,kBAAkB,GAClB,aAAa,GACb,qBAAqB,GACrB,cAAc,GACd,qBAAqB,GACrB,oBAAoB,GACpB,aAAa,GACb,MAAM,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;;;;;;;CA4C7B,CAAC"}