@hero-design/rn 6.7.0 → 6.7.3

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

@@ -0,0 +1,58 @@
+declare const globalTheme: {
+    colors: {
+        primary: string;
+        primaryLight: 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;
+        backgroundDark: string;
+        text: string;
+        disabledText: string;
+        invertedText: string;
+    };
+    space: {
+        xxsmall: number;
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+        xlarge: number;
+        xxlarge: number;
+        xxxlarge: number;
+        xxxxlarge: number;
+    };
+    fontSizes: {
+        xlarge: number;
+        large: number;
+        medium: number;
+        small: number;
+        xsmall: number;
+    };
+    fontWeights: {
+        light: number;
+        regular: number;
+        semiBold: number;
+        bold: number;
+    };
+    lineHeights: {
+        xlarge: number;
+        large: number;
+        medium: number;
+        small: number;
+        xsmall: number;
+    };
+};
+declare type GlobalTheme = typeof globalTheme;
+export { GlobalTheme };
+export default globalTheme;

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

@@ -0,0 +1,21 @@
+declare const fontSizes: {
+    xlarge: number;
+    large: number;
+    medium: number;
+    small: number;
+    xsmall: number;
+};
+declare const fontWeights: {
+    light: number;
+    regular: number;
+    semiBold: number;
+    bold: number;
+};
+declare const lineHeights: {
+    xlarge: number;
+    large: number;
+    medium: number;
+    small: number;
+    xsmall: number;
+};
+export { fontSizes, fontWeights, lineHeights };

package/types/theme/index.d.ts

@@ -1,137 +1,11 @@
-declare const theme: {
-    colors: {
-        demoStyle: {
-            primaryBg: string;
-            dangerBg: string;
-            warningBg: string;
-        };
-        primary: string;
-        primaryDark: string;
-        primaryLight: string;
-        primaryBackground: string;
-        platformBackground: string;
-        backgroundDark: string;
-        backgroundLight: string;
-        info: string;
-        infoDark: string;
-        infoLight: string;
-        infoBackground: string;
-        success: string;
-        successDark: string;
-        successLight: string;
-        successBackground: string;
-        danger: string;
-        dangerDark: string;
-        dangerLight: string;
-        dangerBackground: string;
-        warning: string;
-        warningDark: string;
-        warningLight: string;
-        warningBackground: string;
-        error: string;
-        errorDark: string;
-        errorLight: string;
-        errorBackground: string;
-        headingText: string;
-        text: string;
-        subduedText: string;
-        disabledText: string;
-        outline: string;
-        disabledBackground: string;
-        black: string;
-        blue: string;
-        blueDark30: string;
-        blueDark75: string;
-        blueLight30: string;
-        blueLight75: string;
-        blueLight90: string;
-        dodgerBlue: string;
-        dodgerBlueDark30: string;
-        dodgerBlueLight30: string;
-        dodgerBlueLight90: string;
-        green: string;
-        greenDark15: string;
-        greenDark30: string;
-        greenDark75: string;
-        greenLight30: string;
-        greenLight90: string;
-        grey: string;
-        greyDark30: string;
-        greyDark45: string;
-        greyDark60: string;
-        greyDark75: string;
-        greyLight45: string;
-        greyLight60: string;
-        greyLight75: string;
-        greyLight85: string;
-        greyLight90: string;
-        grotesqueGreen: string;
-        grotesqueGreenDark45: string;
-        grotesqueGreenLight60: string;
-        grotesqueGreenLight75: string;
-        grotesqueGreenLight90: string;
-        orange: string;
-        orangeDark15: string;
-        orangeDark30: string;
-        orangeDark75: string;
-        orangeLight30: string;
-        orangeLight75: string;
-        orangeLight90: string;
-        pink: string;
-        pinkDark15: string;
-        pinkDark30: string;
-        pinkDark45: string;
-        pinkDark75: string;
-        pinkLight30: string;
-        pinkLight45: string;
-        pinkLight75: string;
-        pinkLight90: string;
-        purple: string;
-        red: string;
-        redDark15: string;
-        redDark30: string;
-        redDark75: string;
-        redLight30: string;
-        redLight75: string;
-        redLight90: string;
-        smalt: string;
-        smaltDark75: string;
-        smaltLight30: string;
-        smaltLight45: string;
-        smaltLight90: string;
-        violet: string;
-        violetDark15: string;
-        violetDark30: string;
-        violetDark45: string;
-        violetDark75: string;
-        violetLight30: string;
-        violetLight60: string;
-        violetLight75: string;
-        violetLight90: string;
-        white: string;
-        yellow: string;
-        yellowDark15: string;
-        yellowDark75: string;
-        yellowLight60: string;
-        yellowLight90: string;
-    };
-    space: {
-        demoStyle: {
-            smallMargin: number;
-            mediumMargin: number;
-            largeMargin: number;
-        };
-        xxsmall: number;
-        xsmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-        xxlarge: number;
-        xxxlarge: number;
-        xxxxlarge: number;
+import { GlobalTheme } from './global';
+import getExampleComponentTheme from './components/exampleComponent';
+declare type Theme = GlobalTheme & {
+    __hd__: {
+        exampleComponent: ReturnType<typeof getExampleComponentTheme>;
     };
 };
-declare type Theme = typeof theme;
-export { Theme };
+declare const getTheme: (theme?: GlobalTheme) => Theme;
+declare const theme: Theme;
+export { Theme, getTheme };
 export default theme;

package/types/theme/space.d.ts

@@ -0,0 +1,12 @@
+declare const space: {
+    xxsmall: number;
+    xsmall: number;
+    small: number;
+    medium: number;
+    large: number;
+    xlarge: number;
+    xxlarge: number;
+    xxxlarge: number;
+    xxxxlarge: number;
+};
+export { space };

package/types/theme/typography.d.ts

@@ -0,0 +1,21 @@
+declare const fontSizes: {
+    xlarge: number;
+    large: number;
+    medium: number;
+    small: number;
+    xsmall: number;
+};
+declare const fontWeights: {
+    light: number;
+    regular: number;
+    semiBold: number;
+    bold: number;
+};
+declare const lineHeights: {
+    xlarge: number;
+    large: number;
+    medium: number;
+    small: number;
+    xsmall: number;
+};
+export { fontSizes, fontWeights, lineHeights };

package/src/theme/components/demoStyle.ts

@@ -1,16 +0,0 @@
-import { systemPalette } from '../global/colors';
-import { space } from '../global/space';
-
-const demoStyleColors = {
-  primaryBg: systemPalette.primaryBackground,
-  dangerBg: systemPalette.dangerBackground,
-  warningBg: systemPalette.warningBackground,
-};
-
-const demoStyleSpace = {
-  smallMargin: space.xxsmall,
-  mediumMargin: space.medium,
-  largeMargin: space.xxxxlarge,
-};
-
-export { demoStyleColors, demoStyleSpace };