@hero-design/rn 7.0.5 → 7.0.6

package/es/index.js

@@ -9780,6 +9780,7 @@ var palette = {
   greenDark30: '#017d6d',
   greenDark75: '#002d27',
   greenLight30: '#4dcaba',
+  greenLight75: '#c0ece6',
   greenLight90: '#e6f7f5',
   grey: '#a3a6ac',
   greyDark15: '#8b8d92',
@@ -9819,6 +9820,7 @@ var palette = {
   redDark15: '#bd2d09',
   redDark30: '#9b2508',
   redDark75: '#380d03',
+  redLight15: '#e35330',
   redLight30: '#e87254',
   redLight60: '#f2ae9d',
   redLight75: '#f7cdc2',

package/lib/index.js

@@ -9789,6 +9789,7 @@ var palette = {
   greenDark30: '#017d6d',
   greenDark75: '#002d27',
   greenLight30: '#4dcaba',
+  greenLight75: '#c0ece6',
   greenLight90: '#e6f7f5',
   grey: '#a3a6ac',
   greyDark15: '#8b8d92',
@@ -9828,6 +9829,7 @@ var palette = {
   redDark15: '#bd2d09',
   redDark30: '#9b2508',
   redDark75: '#380d03',
+  redLight15: '#e35330',
   redLight30: '#e87254',
   redLight60: '#f2ae9d',
   redLight75: '#f7cdc2',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "7.0.5",
+  "version": "7.0.6",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -18,7 +18,7 @@
     "publish:npm": "yarn publish --access public"
   },
   "dependencies": {
-    "@hero-design/colors": "7.0.5",
+    "@hero-design/colors": "7.0.6",
     "styled-components": "6.0.0-alpha.5"
   },
   "peerDependencies": {

package/types/components/Card/StyledCard.d.ts

@@ -0,0 +1,3 @@
+import { View } from 'react-native';
+declare const StyledCard: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {}, never>;
+export { StyledCard };

package/types/components/Card/__tests__/Card.spec.d.ts

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

package/types/components/Card/__tests__/StyledCard.spec.d.ts

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

package/types/components/Card/index.d.ts

@@ -0,0 +1,5 @@
+import { ViewProps } from 'react-native';
+interface CardProps extends ViewProps {
+}
+declare const Card: (props: CardProps) => JSX.Element;
+export default Card;

package/types/components/Divider/StyledDivider.d.ts

@@ -0,0 +1,7 @@
+import { View } from 'react-native';
+declare type MarginSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+declare const StyledDivider: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {
+    themeMarginHorizontal?: MarginSize | undefined;
+    themeMarginVertical?: MarginSize | undefined;
+}, never>;
+export { StyledDivider };

package/types/components/Divider/__tests__/StyledDivider.spec.d.ts

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

package/types/components/Divider/index.d.ts

@@ -0,0 +1,12 @@
+interface DividerProps {
+    /**
+     * Horizontal margin size. There is no margin by default.
+     */
+    marginHorizontal?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+    /**
+     * Vertical margin size. There is no margin by default.
+     */
+    marginVertical?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+}
+declare const Divider: ({ marginHorizontal, marginVertical }: DividerProps) => JSX.Element;
+export default Divider;

package/types/index.d.ts

@@ -1,4 +1,5 @@
-import { ThemeProvider, useTheme } from './styled-components';
+import { ThemeProvider, useTheme } from 'styled-components-native';
 import theme, { getTheme } from './theme';
-import ExampleComponent from './components/ExampleComponent';
-export { theme, getTheme, useTheme, ThemeProvider, ExampleComponent };
+import Divider from './components/Divider';
+import Card from './components/Card';
+export { theme, getTheme, useTheme, ThemeProvider, Divider, Card };

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+declare const borderWidths: {
+    base: number;
+};
+export { borderWidths };

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

@@ -16,9 +16,11 @@ declare const systemPalette: {
     warningDark: string;
     warningBackground: string;
     platformBackground: string;
+    backgroundLight: string;
     backgroundDark: string;
     text: string;
     disabledText: string;
     invertedText: string;
+    outline: string;
 };
 export { palette, systemPalette };

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

@@ -16,10 +16,12 @@ declare const globalTheme: {
         warningDark: string;
         warningBackground: string;
         platformBackground: string;
+        backgroundLight: string;
         backgroundDark: string;
         text: string;
         disabledText: string;
         invertedText: string;
+        outline: string;
     };
     space: {
         xxsmall: number;
@@ -52,6 +54,9 @@ declare const globalTheme: {
         small: number;
         xsmall: number;
     };
+    borderWidths: {
+        base: number;
+    };
 };
 declare type GlobalTheme = typeof globalTheme;
 export { GlobalTheme };

package/types/theme/index.d.ts

@@ -1,8 +1,10 @@
 import { GlobalTheme } from './global';
-import getExampleComponentTheme from './components/exampleComponent';
+import getDividerTheme from './components/divider';
+import getCardTheme from './components/card';
 declare type Theme = GlobalTheme & {
     __hd__: {
-        exampleComponent: ReturnType<typeof getExampleComponentTheme>;
+        divider: ReturnType<typeof getDividerTheme>;
+        card: ReturnType<typeof getCardTheme>;
     };
 };
 declare const getTheme: (theme?: GlobalTheme) => Theme;

package/types/theme/colors.d.ts

@@ -1,24 +0,0 @@
-import { palette } from '@hero-design/colors';
-declare const systemPalette: {
-    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;
-};
-export { palette, systemPalette };

package/types/theme/components/demoStyle.d.ts

@@ -1,11 +0,0 @@
-declare const demoStyleColors: {
-    primaryBg: string;
-    dangerBg: string;
-    warningBg: string;
-};
-declare const demoStyleSpace: {
-    smallMargin: number;
-    mediumMargin: number;
-    largeMargin: number;
-};
-export { demoStyleColors, demoStyleSpace };

package/types/theme/space.d.ts

@@ -1,12 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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 };