@hero-design/rn 7.6.1-alpha.0 → 7.8.0

package/lib/index.d.ts

@@ -1,19 +0,0 @@
-import { ThemeProvider, useTheme } from '@emotion/react';
-import theme, { getTheme } from './theme';
-import { scale } from './utils/scale';
-import Avatar from './components/Avatar';
-import Badge from './components/Badge';
-import BottomNavigation from './components/BottomNavigation';
-import Button from './components/Button';
-import Card from './components/Card';
-import Collapse from './components/Collapse';
-import Divider from './components/Divider';
-import Drawer from './components/Drawer';
-import FAB from './components/FAB';
-import Icon from './components/Icon';
-import Progress from './components/Progress';
-import Tabs from './components/Tabs';
-import Tag from './components/Tag';
-import Typography from './components/Typography';
-export { theme, getTheme, useTheme, scale, ThemeProvider, Avatar, Badge, BottomNavigation, Button, Card, Collapse, Divider, Drawer, FAB, Icon, Progress, Tabs, Tag, Typography, };
-export * from './types';

package/lib/theme/__tests__/index.spec.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,32 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getAvatarTheme: (theme: GlobalTheme) => {
-    colors: {
-        primary: string;
-        info: string;
-        danger: string;
-        success: string;
-        warning: string;
-    };
-    sizes: {
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-    radii: {
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-    borderWidths: {
-        default: number;
-    };
-    fontSizes: {
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-};
-export default getAvatarTheme;

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

@@ -1,29 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getBadgeTheme: (theme: GlobalTheme) => {
-    colors: {
-        danger: string;
-        info: string;
-        success: string;
-        warning: string;
-        archived: string;
-        text: string;
-    };
-    fonts: {
-        default: string;
-    };
-    fontSizes: {
-        default: number;
-    };
-    sizes: {
-        height: number;
-        minWidth: number;
-        statusHeight: number;
-        statusWidth: number;
-    };
-    space: {
-        horizontalPadding: number;
-        statusPositionTop: number;
-        statusPositionRight: number;
-    };
-};
-export default getBadgeTheme;

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

@@ -1,23 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getBottomNavigationTheme: (theme: GlobalTheme) => {
-    colors: {
-        shadow: string;
-        background: string;
-    };
-    shadows: {
-        offset: {
-            width: number;
-            height: number;
-        };
-        opacity: number;
-        radius: number;
-        elevation: number;
-    };
-    sizes: {
-        height: number;
-    };
-    space: {
-        titleMarginTop: number;
-    };
-};
-export default getBottomNavigationTheme;

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

@@ -1,10 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getCardTheme: (theme: GlobalTheme) => {
-    colors: {
-        dataCardIndicator: string;
-    };
-    radii: {
-        default: number;
-    };
-};
-export default getCardTheme;

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

@@ -1,17 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getDividerTheme: (theme: GlobalTheme) => {
-    colors: {
-        default: string;
-    };
-    space: {
-        xsmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-    borderWidths: {
-        default: number;
-    };
-};
-export default getDividerTheme;

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

@@ -1,21 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getDrawerTheme: (theme: GlobalTheme) => {
-    colors: {
-        shadow: string;
-        background: string;
-        backdrop: string;
-    };
-    radii: {
-        default: number;
-    };
-    shadows: {
-        offset: {
-            width: number;
-            height: number;
-        };
-        opacity: number;
-        radius: number;
-        elevation: number;
-    };
-};
-export default getDrawerTheme;

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

@@ -1,51 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getFABTheme: (theme: GlobalTheme) => {
-    radii: {
-        actionItem: number;
-    };
-    fonts: {
-        header: string;
-        actionItemText: string;
-        title: string;
-    };
-    fontSizes: {
-        header: number;
-        actionItemText: number;
-        title: number;
-    };
-    colors: {
-        buttonBackground: string;
-        icon: string;
-        headerText: string;
-        actionItemBackground: string;
-        backdropBackground: string;
-        titleText: string;
-    };
-    sizes: {
-        width: number;
-        height: number;
-    };
-    lineHeights: {
-        header: number;
-        actionItemText: number;
-        title: number;
-        icon: number;
-    };
-    space: {
-        actionItemPaddingLeft: number;
-        actionItemPaddingRight: number;
-        actionItemPaddingTop: number;
-        actionItemPaddingBottom: number;
-        actionItemMargin: number;
-        actionItemMarginRight: number;
-        actionItemTextPaddingLeft: number;
-        buttonMarginTop: number;
-        buttonMarginRight: number;
-        headerTextMarginRight: number;
-        headerTextMarginBottom: number;
-        containerPaddingHorizontal: number;
-        containerPaddingVertical: number;
-        titleMarginHorizontal: number;
-    };
-};
-export default getFABTheme;

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

@@ -1,19 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getIconTheme: (theme: GlobalTheme) => {
-    colors: {
-        text: string;
-        primary: string;
-        info: string;
-        danger: string;
-        success: string;
-        warning: string;
-    };
-    sizes: {
-        xsmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-};
-export default getIconTheme;

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

@@ -1,21 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getProgressTheme: (theme: GlobalTheme) => {
-    colors: {
-        primary: string;
-        success: string;
-        warning: string;
-        danger: string;
-        info: string;
-        background: string;
-        innerBackground: string;
-    };
-    sizes: {
-        radius: number;
-        strokeWidth: number;
-        barHeight: number;
-    };
-    radii: {
-        default: number;
-    };
-};
-export default getProgressTheme;

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

@@ -1,27 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getTabsTheme: (theme: GlobalTheme) => {
-    borderWidths: {
-        headerBottom: number;
-    };
-    colors: {
-        active: string;
-        inactive: string;
-        activeBackground: string;
-        headerBottom: string;
-        text: string;
-    };
-    space: {
-        flatListHorizontalPadding: number;
-        itemHorizontalPadding: number;
-        itemVerticalPadding: number;
-        outlineHorizontalPadding: number;
-        outlineVerticalPadding: number;
-    };
-    radii: {
-        outline: number;
-    };
-    sizes: {
-        indicator: number;
-    };
-};
-export default getTabsTheme;

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

@@ -1,30 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getTagTheme: (theme: GlobalTheme) => {
-    borderWidths: {
-        default: number;
-    };
-    colors: {
-        danger: string;
-        dangerBackground: string;
-        info: string;
-        infoBackground: string;
-        success: string;
-        successBackground: string;
-        warning: string;
-        warningBackground: string;
-    };
-    fonts: {
-        default: string;
-    };
-    fontSizes: {
-        default: number;
-    };
-    space: {
-        horizontalPadding: number;
-        verticalPadding: number;
-    };
-    radii: {
-        default: number;
-    };
-};
-export default getTagTheme;

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

@@ -1,26 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getTypographyTheme: (theme: GlobalTheme) => {
-    colors: {
-        body: string;
-        subdued: string;
-        primary: string;
-    };
-    fonts: {
-        light: string;
-        regular: string;
-        semiBold: string;
-    };
-    fontSizes: {
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-    lineHeights: {
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-};
-export default getTypographyTheme;

package/lib/theme/global/borders.d.ts

@@ -1,11 +0,0 @@
-interface BorderWidths {
-    base: number;
-}
-interface Radii {
-    rounded: number;
-    base: number;
-    medium: number;
-}
-declare const getBorderWidths: (baseBorderWidth: number) => BorderWidths;
-declare const getRadii: (baseRadius: number) => Radii;
-export { BorderWidths, getBorderWidths, Radii, getRadii };

package/lib/theme/global/colors.d.ts

@@ -1,29 +0,0 @@
-declare const systemPalette: {
-    primary: string;
-    primaryLight: string;
-    primaryDark: string;
-    primaryBackground: string;
-    info: string;
-    infoLight: string;
-    infoBackground: string;
-    success: string;
-    successDark: string;
-    successLight: string;
-    successBackground: string;
-    danger: string;
-    dangerLight: string;
-    dangerBackground: string;
-    warning: string;
-    warningDark: string;
-    warningBackground: string;
-    platformBackground: string;
-    backgroundLight: string;
-    backgroundDark: string;
-    text: string;
-    disabledText: string;
-    invertedText: string;
-    outline: string;
-    archived: string;
-};
-declare type SystemPalette = typeof systemPalette;
-export { systemPalette, SystemPalette };

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

@@ -1,39 +0,0 @@
-import { scale as defaultScale, Scale } from './scale';
-import { systemPalette as defaultSystemPalette, SystemPalette } from './colors';
-declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
-    colors: {
-        primary: string;
-        primaryLight: string;
-        primaryDark: string;
-        primaryBackground: string;
-        info: string;
-        infoLight: string;
-        infoBackground: string;
-        success: string;
-        successDark: string;
-        successLight: string;
-        successBackground: string;
-        danger: string;
-        dangerLight: string;
-        dangerBackground: string;
-        warning: string;
-        warningDark: string;
-        warningBackground: string;
-        platformBackground: string;
-        backgroundLight: string;
-        backgroundDark: string;
-        text: string;
-        disabledText: string;
-        invertedText: string;
-        outline: string;
-        archived: string;
-    };
-    fonts: import("./typography").Fonts;
-    fontSizes: import("./typography").FontSizes;
-    lineHeights: import("./typography").FontSizes;
-    borderWidths: import("./borders").BorderWidths;
-    space: import("./space").Space;
-    radii: import("./borders").Radii;
-};
-declare type GlobalTheme = ReturnType<typeof getGlobalTheme>;
-export { GlobalTheme, Scale, SystemPalette, getGlobalTheme, defaultScale, defaultSystemPalette, };

package/lib/theme/global/scale.d.ts

@@ -1,9 +0,0 @@
-declare const scale: {
-    borderWidth: number;
-    space: number;
-    font: string;
-    fontSize: number;
-    radius: number;
-};
-declare type Scale = typeof scale;
-export { scale, Scale };

package/lib/theme/global/space.d.ts

@@ -1,13 +0,0 @@
-interface Space {
-    large: number;
-    medium: number;
-    small: number;
-    xlarge: number;
-    xsmall: number;
-    xxlarge: number;
-    xxsmall: number;
-    xxxlarge: number;
-    xxxxlarge: number;
-}
-declare const getSpace: (baseSpace: number) => Space;
-export { Space, getSpace };

package/lib/theme/global/typography.d.ts

@@ -1,21 +0,0 @@
-interface Fonts {
-    light: string;
-    regular: string;
-    semiBold: string;
-}
-interface FontSizes {
-    xxxxxlarge: number;
-    xxxxlarge: number;
-    xxxlarge: number;
-    xxlarge: number;
-    xlarge: number;
-    large: number;
-    medium: number;
-    small: number;
-    xsmall: number;
-}
-declare type LineHeights = FontSizes;
-declare const getFonts: (baseFont: string) => Fonts;
-declare const getFontSizes: (baseFontSize: number) => FontSizes;
-declare const getLineHeights: (fontSizes: FontSizes) => LineHeights;
-export { Fonts, FontSizes, LineHeights, getFonts, getFontSizes, getLineHeights, };

package/lib/theme/index.d.ts

@@ -1,33 +0,0 @@
-import { GlobalTheme, Scale, SystemPalette } from './global';
-import getBadgeTheme from './components/badge';
-import getBottomNavigationTheme from './components/bottomNavigation';
-import getCardTheme from './components/card';
-import getDividerTheme from './components/divider';
-import getDrawerTheme from './components/drawer';
-import getTabsTheme from './components/tabs';
-import getTagTheme from './components/tag';
-import getIconTheme from './components/icon';
-import getProgressTheme from './components/progress';
-import getTypographyTheme from './components/typography';
-import getFABTheme from './components/fab';
-import getAvatarTheme from './components/avatar';
-declare type Theme = GlobalTheme & {
-    __hd__: {
-        avatar: ReturnType<typeof getAvatarTheme>;
-        badge: ReturnType<typeof getBadgeTheme>;
-        bottomNavigation: ReturnType<typeof getBottomNavigationTheme>;
-        card: ReturnType<typeof getCardTheme>;
-        divider: ReturnType<typeof getDividerTheme>;
-        drawer: ReturnType<typeof getDrawerTheme>;
-        icon: ReturnType<typeof getIconTheme>;
-        progress: ReturnType<typeof getProgressTheme>;
-        tabs: ReturnType<typeof getTabsTheme>;
-        tag: ReturnType<typeof getTagTheme>;
-        typography: ReturnType<typeof getTypographyTheme>;
-        fab: ReturnType<typeof getFABTheme>;
-    };
-};
-declare const getTheme: (scale?: Scale, systemPallete?: SystemPalette) => Theme;
-declare const theme: Theme;
-export { Theme, getTheme };
-export default theme;

package/lib/types.d.ts

@@ -1,5 +0,0 @@
-import { BottomNavigationTabType } from './components/BottomNavigation';
-import { IconName } from './components/Icon';
-import { TabType } from './components/Tabs';
-import { Theme } from './theme';
-export type { BottomNavigationTabType, IconName, TabType, Theme };

package/lib/utils/__tests__/scale.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/utils/helpers.d.ts

@@ -1,2 +0,0 @@
-export declare const isIOS: boolean;
-export declare const isAndroid: boolean;

package/lib/utils/hooks.d.ts

@@ -1 +0,0 @@
-export declare const usePrevious: <T>(value: T) => T | undefined;

package/lib/utils/scale.d.ts

@@ -1,3 +0,0 @@
-export declare const BASE_WIDTH = 390;
-export declare const horizontalScale: (size: number) => number;
-export declare const scale: (size: number, factor?: number) => number;

package/playground/.detoxrc.json

@@ -1,49 +0,0 @@
-{
-  "testRunner": "jest",
-  "runnerConfig": "e2e/config.json",
-  "skipLegacyWorkersInjection": true,
-  "apps": {
-    "ios": {
-      "type": "ios.app",
-      "binaryPath": "SPECIFY_PATH_TO_YOUR_APP_BINARY"
-    },
-    "android": {
-      "type": "android.apk",
-      "binaryPath": "SPECIFY_PATH_TO_YOUR_APP_BINARY"
-    }
-  },
-  "devices": {
-    "simulator": {
-      "type": "ios.simulator",
-      "device": {
-        "type": "iPhone 11"
-      }
-    },
-    "emulator": {
-      "type": "android.emulator",
-      "device": {
-        "avdName": "Pixel_3a_API_30_x86"
-      }
-    }
-  },
-  "configurations": {
-    "ios.sim.debug": {
-      "binaryPath": "ios/build/Build/Products/Debug-iphonesimulator/MobileHeroDesignPlayground.app",
-      "build": "E2E_TEST=true xcodebuild -workspace ios/MobileHeroDesignPlayground.xcworkspace -configuration Debug -scheme MobileHeroDesignPlayground -derivedDataPath ios/build -sdk iphonesimulator  -verbose",
-      "type": "ios.simulator",
-      "device": {
-        "type": "iPhone 13",
-        "os": "iOS 15.4"
-      }
-    },
-    "ios.sim.release": {
-      "binaryPath": "ios/build/Build/Products/Release-iphonesimulator/MobileHeroDesignPlayground.app",
-      "build": "E2E_TEST=true xcodebuild -workspace ios/MobileHeroDesignPlayground.xcworkspace -configuration Release -scheme MobileHeroDesignPlayground -derivedDataPath ios/build -sdk iphonesimulator  -verbose",
-      "type": "ios.simulator",
-      "device": {
-        "type": "iPhone 13",
-        "os": "iOS 15.4"
-      }
-    }
-  }
-}

package/playground/.prettierrc.json

@@ -1,8 +0,0 @@
-{
-  "printWidth": 80,
-  "semi": true,
-  "singleQuote": true,
-  "trailingComma": "es5",
-  "arrowParens": "avoid"
-}
-

package/playground/app.json

@@ -1,9 +0,0 @@
-{
-  "name": "Mobile Hero Design Playground",
-  "entryPoint": "expoEntry.js",
-  "owner": "thinkei",
-  "slug": "Mobile-Hero-Design-Playground",
-  "ios": {
-    "bundleIdentifier": "com.thinkei.Mobile-Hero-Design-Playground"
-  }
-}

package/playground/babel.config.js

@@ -1,63 +0,0 @@
-const path = require('path');
-
-function isE2ETest() {
-  return process.env.E2E_TEST === 'true';
-}
-
-module.exports = api => {
-  const babelEnv = api.env();
-  const plugins = [];
-  const presets = [];
-
-  // resolve issue TypeError: Class constructor DetoxCircusEnvironment cannot be invoked without 'new'
-  if (babelEnv === 'test') {
-    presets.push(['@babel/preset-env']);
-    plugins.push(['@babel/plugin-transform-runtime']);
-  } else {
-    presets.push(['module:metro-react-native-babel-preset']);
-    presets.push(['babel-preset-expo']);
-  }
-  return {
-    presets: ['@babel/preset-typescript', ...presets],
-    plugins: [
-      ...plugins,
-      [
-        'module-resolver',
-        {
-          alias: {
-            '^react$': require.resolve('react', {
-              paths: [path.join(__dirname, './')],
-            }),
-            '^react-native$': require.resolve('react-native', {
-              paths: [path.join(__dirname, './')],
-            }),
-            '^react-native/(.+)': ([, name]) =>
-              require.resolve(`react-native/${name}`, {
-                paths: [path.join(__dirname, './')],
-              }),
-            'react-native-safe-area-context': require.resolve(
-              'react-native-safe-area-context',
-              {
-                paths: [path.join(__dirname, './')],
-              }
-            ),
-          },
-          extensions: [
-            '.ios.js',
-            '.ios.ts',
-            '.ios.tsx',
-            '.android.js',
-            '.android.ts',
-            '.android.tsx',
-            '.native.js',
-            '.native.ts',
-            '.native.tsx',
-            '.js',
-            '.ts',
-            '.tsx',
-          ],
-        },
-      ],
-    ],
-  };
-};

package/playground/e2e/config.json

@@ -1,9 +0,0 @@
-{
-    "maxWorkers": 1,
-    "testEnvironment": "./environment",
-    "testRunner": "jest-circus/runner",
-    "testTimeout": 120000,
-    "testRegex": "\\.e2e\\.js$",
-    "reporters": ["detox/runners/jest/streamlineReporter"],
-    "verbose": true
-}