@hero-design/rn 7.1.0 → 7.1.1

package/.expo/packager-info.json

@@ -1,7 +1,7 @@
 {
   "devToolsPort": 19002,
   "expoServerPort": null,
-  "packagerPort": 19000,
+  "packagerPort": null,
   "packagerPid": null,
   "expoServerNgrokUrl": null,
   "packagerNgrokUrl": null,

package/es/index.js

@@ -10153,7 +10153,7 @@ var Badge = function Badge(_ref) {
 };
 
 var _templateObject$5;
-var StyledCard = styled(View)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: ", ";\n"])), function (_ref) {
+var StyledCard = styled(View)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: ", ";\n  overflow: hidden;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.__hd__.card.radii["default"];
 }, function (_ref2) {

package/lib/index.js

@@ -10162,7 +10162,7 @@ var Badge = function Badge(_ref) {
 };
 
 var _templateObject$5;
-var StyledCard = styled(require$$0$1.View)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: ", ";\n"])), function (_ref) {
+var StyledCard = styled(require$$0$1.View)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: ", ";\n  overflow: hidden;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.__hd__.card.radii["default"];
 }, function (_ref2) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "7.1.0",
+  "version": "7.1.1",
   "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.1.0",
+    "@hero-design/colors": "7.1.1",
     "styled-components": "6.0.0-alpha.5"
   },
   "peerDependencies": {

package/src/components/Card/StyledCard.tsx

@@ -4,6 +4,7 @@ import styled from 'styled-components-native';
 const StyledCard = styled(View)<{}>`
   border-radius: ${({ theme }) => theme.__hd__.card.radii.default};
   padding: ${({ theme }) => theme.__hd__.card.padding.default};
+  overflow: hidden;
 `;
 
 export { StyledCard };

package/src/components/Card/__tests__/__snapshots__/Card.spec.tsx.snap

@@ -20,6 +20,7 @@ exports[`Card renders correct 1`] = `
         "borderBottomRightRadius": 12,
         "borderTopLeftRadius": 12,
         "borderTopRightRadius": 12,
+        "overflow": "hidden",
         "paddingBottom": 8,
         "paddingLeft": 8,
         "paddingRight": 8,

package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap

@@ -8,6 +8,7 @@ exports[`StyledCard renders correct style 1`] = `
       "borderBottomRightRadius": 12,
       "borderTopLeftRadius": 12,
       "borderTopRightRadius": 12,
+      "overflow": "hidden",
       "paddingBottom": 8,
       "paddingLeft": 8,
       "paddingRight": 8,

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

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

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

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

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

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

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

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

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

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

@@ -1,12 +0,0 @@
-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/components/ExampleComponent/StyledView.d.ts

@@ -1,7 +0,0 @@
-import { View } from 'react-native';
-declare const Square: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {
-    themeSize: 'small' | 'medium' | 'large';
-    themeMargin: 'small' | 'medium' | 'large';
-    themeBgColor: 'primary' | 'danger' | 'warning';
-}, never>;
-export { Square };

package/types/components/ExampleComponent/__tests__/StyledView.spec.d.ts

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

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

@@ -1,16 +0,0 @@
-interface Props {
-    /**
-     * Size.
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Margin.
-     */
-    margin: 'small' | 'medium' | 'large';
-    /**
-     * Background color.
-     */
-    bgColor: 'primary' | 'danger' | 'warning';
-}
-declare const ExampleComponent: ({ size, margin, bgColor }: Props) => JSX.Element;
-export default ExampleComponent;

package/types/index.d.ts

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

package/types/src/components/Typography/Text/__test__/StyledText.spec.d.ts

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

package/types/src/components/Typography/Text/__test__/index.spec.d.ts

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

package/types/styled-components.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="styled-components-react-native" />
-import * as styledComponents from 'styled-components/native';
-import type { Theme } from './theme';
-declare const styled: styledComponents.ReactNativeStyledInterface<Theme>, useTheme: () => Theme, css: import("styled-components").ThemedCssFunction<Theme>, ThemeProvider: import("styled-components").ThemeProviderComponent<Theme, Theme>;
-export { useTheme, css, ThemeProvider };
-export default styled;

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

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

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

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

@@ -1,17 +0,0 @@
-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/components/exampleComponent.d.ts

@@ -1,14 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getExampleComponentTheme: (theme: GlobalTheme) => {
-    colors: {
-        primaryBg: string;
-        dangerBg: string;
-        warningBg: string;
-    };
-    space: {
-        smallMargin: number;
-        mediumMargin: number;
-        largeMargin: number;
-    };
-};
-export default getExampleComponentTheme;

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

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

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

@@ -1,26 +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;
-    backgroundLight: string;
-    backgroundDark: string;
-    text: string;
-    disabledText: string;
-    invertedText: string;
-    outline: string;
-};
-export { palette, systemPalette };

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

@@ -1,63 +0,0 @@
-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;
-        backgroundLight: string;
-        backgroundDark: string;
-        text: string;
-        disabledText: string;
-        invertedText: string;
-        outline: 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;
-    };
-    borderWidths: {
-        base: number;
-    };
-};
-declare type GlobalTheme = typeof globalTheme;
-export { GlobalTheme };
-export default globalTheme;

package/types/theme/global/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/global/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 };

package/types/theme/index.d.ts

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