@hero-design/rn 7.2.1 → 7.2.2

package/.expo/packager-info.json

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

package/.turbo/turbo-build.log

@@ -1,8 +1,8 @@
-@hero-design/rn:build: cache hit, replaying output 838d0cbb27d952b0
-@hero-design/rn:build: $ yarn build:js && yarn build:types
-@hero-design/rn:build: $ rollup -c
-@hero-design/rn:build: 
-@hero-design/rn:build: src/index.ts → lib/index.js, es/index.js...
-@hero-design/rn:build: (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
-@hero-design/rn:build: created lib/index.js, es/index.js in 12.8s
-@hero-design/rn:build: $ tsc --noEmit false --emitDeclarationOnly
+@hero-design/rn:build: cache hit, replaying output 27643cfcbb96545b
+@hero-design/rn:build: $ yarn build:js && yarn build:types
+@hero-design/rn:build: $ rollup -c
+@hero-design/rn:build: 
+@hero-design/rn:build: src/index.ts → lib/index.js, es/index.js...
+@hero-design/rn:build: (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
+@hero-design/rn:build: created lib/index.js, es/index.js in 15.1s
+@hero-design/rn:build: $ tsc --noEmit false --emitDeclarationOnly

package/es/index.js

@@ -1187,21 +1187,6 @@ function prefixer(element, index, children, callback) {
   }
 }
 
-var weakMemoize = function weakMemoize(func) {
-  // $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps
-  var cache = new WeakMap();
-  return function (arg) {
-    if (cache.has(arg)) {
-      // $FlowFixMe
-      return cache.get(arg);
-    }
-
-    var ret = func(arg);
-    cache.set(arg, ret);
-    return ret;
-  };
-};
-
 var identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {
   var previous = 0;
   var character = 0;
@@ -1439,6 +1424,21 @@ function _extends$1() {
   return _extends$1.apply(this, arguments);
 }
 
+var weakMemoize = function weakMemoize(func) {
+  // $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps
+  var cache = new WeakMap();
+  return function (arg) {
+    if (cache.has(arg)) {
+      // $FlowFixMe
+      return cache.get(arg);
+    }
+
+    var ret = func(arg);
+    cache.set(arg, ret);
+    return ret;
+  };
+};
+
 var EmotionCacheContext = /* #__PURE__ */createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
 // because this module is primarily intended for the browser and node
 // but it's also required in react native and similar environments sometimes
@@ -1777,16 +1777,12 @@ var getBottomNavigationTheme = function getBottomNavigationTheme(theme) {
   };
 };
 
-var getCardTheme = function getCardTheme(theme) {
+var getCardTheme = function getCardTheme() {
   var radii = {
     "default": 12
   };
-  var padding = {
-    "default": theme.space.small
-  };
   return {
-    radii: radii,
-    padding: padding
+    radii: radii
   };
 };
 
@@ -1942,7 +1938,7 @@ var getTheme = function getTheme() {
     __hd__: {
       badge: getBadgeTheme(globalTheme),
       bottomNavigation: getBottomNavigationTheme(globalTheme),
-      card: getCardTheme(globalTheme),
+      card: getCardTheme(),
       divider: getDividerTheme(globalTheme),
       icon: getIconTheme(globalTheme),
       tabs: getTabsTheme(globalTheme),
@@ -13802,7 +13798,6 @@ var StyledCard = index$1(View)(function (_ref) {
   var theme = _ref.theme;
   return {
     borderRadius: theme.__hd__.card.radii["default"],
-    padding: theme.__hd__.card.padding["default"],
     overflow: 'hidden'
   };
 });

package/lib/index.js

@@ -1214,21 +1214,6 @@ function prefixer(element, index, children, callback) {
   }
 }
 
-var weakMemoize = function weakMemoize(func) {
-  // $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps
-  var cache = new WeakMap();
-  return function (arg) {
-    if (cache.has(arg)) {
-      // $FlowFixMe
-      return cache.get(arg);
-    }
-
-    var ret = func(arg);
-    cache.set(arg, ret);
-    return ret;
-  };
-};
-
 var identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {
   var previous = 0;
   var character = 0;
@@ -1466,6 +1451,21 @@ function _extends$1() {
   return _extends$1.apply(this, arguments);
 }
 
+var weakMemoize = function weakMemoize(func) {
+  // $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps
+  var cache = new WeakMap();
+  return function (arg) {
+    if (cache.has(arg)) {
+      // $FlowFixMe
+      return cache.get(arg);
+    }
+
+    var ret = func(arg);
+    cache.set(arg, ret);
+    return ret;
+  };
+};
+
 var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
 // because this module is primarily intended for the browser and node
 // but it's also required in react native and similar environments sometimes
@@ -1804,16 +1804,12 @@ var getBottomNavigationTheme = function getBottomNavigationTheme(theme) {
   };
 };
 
-var getCardTheme = function getCardTheme(theme) {
+var getCardTheme = function getCardTheme() {
   var radii = {
     "default": 12
   };
-  var padding = {
-    "default": theme.space.small
-  };
   return {
-    radii: radii,
-    padding: padding
+    radii: radii
   };
 };
 
@@ -1969,7 +1965,7 @@ var getTheme = function getTheme() {
     __hd__: {
       badge: getBadgeTheme(globalTheme),
       bottomNavigation: getBottomNavigationTheme(globalTheme),
-      card: getCardTheme(globalTheme),
+      card: getCardTheme(),
       divider: getDividerTheme(globalTheme),
       icon: getIconTheme(globalTheme),
       tabs: getTabsTheme(globalTheme),
@@ -13829,7 +13825,6 @@ var StyledCard = index$1(reactNative.View)(function (_ref) {
   var theme = _ref.theme;
   return {
     borderRadius: theme.__hd__.card.radii["default"],
-    padding: theme.__hd__.card.padding["default"],
     overflow: 'hidden'
   };
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "7.2.1",
+  "version": "7.2.2",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -20,7 +20,7 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "7.2.1"
+    "@hero-design/colors": "7.2.2"
   },
   "peerDependencies": {
     "react": "17.0.2",

package/playground/components/Card.tsx

@@ -71,13 +71,7 @@ const ApprovalCard = ({ style }: ViewProps) => {
   return (
     <Card
       style={StyleSheet.flatten([
-        {
-          backgroundColor: palette.greyLight90,
-          paddingTop: 0,
-          paddingRight: 0,
-          paddingBottom: 0,
-          paddingLeft: 0,
-        },
+        { backgroundColor: palette.greyLight90 },
         style,
       ])}
     >
@@ -117,7 +111,7 @@ const DashboardCard = ({
   const theme = useTheme();
 
   return (
-    <Card style={style}>
+    <Card style={StyleSheet.flatten([{ padding: theme.space.small }, style])}>
       <View style={{ flex: 1, alignItems: 'flex-end' }}>
         <Icon icon={icon} />
       </View>
@@ -175,6 +169,7 @@ const RostersCard = (props: ViewProps) => {
           flexDirection: 'row',
           alignItems: 'center',
           backgroundColor: palette.greyLight90,
+          padding: theme.space.small,
         },
         style,
       ])}
@@ -211,10 +206,6 @@ const MyLeaveCard = (props: ViewProps) => {
       style={StyleSheet.flatten([
         {
           backgroundColor: palette.greyLight90,
-          paddingBottom: 0,
-          paddingTop: 0,
-          paddingRight: 0,
-          paddingLeft: 0,
         },
         style,
       ])}

package/src/components/Card/StyledCard.tsx

@@ -3,7 +3,6 @@ import styled from '@emotion/native';
 
 const StyledCard = styled(View)(({ theme }) => ({
   borderRadius: theme.__hd__.card.radii.default,
-  padding: theme.__hd__.card.padding.default,
   overflow: 'hidden',
 }));
 

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

@@ -7,7 +7,6 @@ exports[`StyledCard renders correct style 1`] = `
       Object {
         "borderRadius": 12,
         "overflow": "hidden",
-        "padding": 8,
       },
       undefined,
     ]

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

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Card renders correct 1`] = `
+exports[`Card renders correctly 1`] = `
 <View
   hitSlop={
     Object {
@@ -18,7 +18,6 @@ exports[`Card renders correct 1`] = `
       Object {
         "borderRadius": 12,
         "overflow": "hidden",
-        "padding": 8,
       },
       Object {
         "backgroundColor": "#292a2b",

package/src/components/Card/__tests__/index.spec.tsx

@@ -23,7 +23,7 @@ describe('Card', () => {
     );
   });
 
-  it('renders correct', () => {
+  it('renders correctly', () => {
     expect(wrapper.queryAllByTestId('card')).toHaveLength(1);
 
     expect(wrapper.toJSON()).toMatchSnapshot();

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap

@@ -53,9 +53,6 @@ Object {
       },
     },
     "card": Object {
-      "padding": Object {
-        "default": 8,
-      },
       "radii": Object {
         "default": 12,
       },

package/src/theme/components/card.ts

@@ -1,15 +1,9 @@
-import { GlobalTheme } from '../global';
-
-const getCardTheme = (theme: GlobalTheme) => {
+const getCardTheme = () => {
   const radii = {
     default: 12,
   };
 
-  const padding = {
-    default: theme.space.small,
-  };
-
-  return { radii, padding };
+  return { radii };
 };
 
 export default getCardTheme;

package/src/theme/index.ts

@@ -39,7 +39,7 @@ const getTheme = (
     __hd__: {
       badge: getBadgeTheme(globalTheme),
       bottomNavigation: getBottomNavigationTheme(globalTheme),
-      card: getCardTheme(globalTheme),
+      card: getCardTheme(),
       divider: getDividerTheme(globalTheme),
       icon: getIconTheme(globalTheme),
       tabs: getTabsTheme(globalTheme),

package/types/src/components/BottomNavigation/__tests__/BottomNavigation.spec.d.ts

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

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

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

package/types/src/components/FAB/StyledFABContainer.d.ts

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

package/types/src/components/FAB/StyledFABIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../Icon';
+declare const StyledFABIcon: import("styled-components").StyledComponent<({ icon, style, size, intent, testID, }: IconProps) => JSX.Element, import("../../theme").Theme, IconProps, never>;
+export { StyledFABIcon };

package/types/src/components/FAB/__tests__/StyledFABContainer.spec.d.ts

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

package/types/src/components/FAB/__tests__/StyledFABIcon.spec.d.ts

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

package/types/src/components/Icon/__tests__/Icon.spec.d.ts

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

package/types/src/components/Tabs/__tests__/Tabs.spec.d.ts

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

package/types/src/styled-components.d.ts

@@ -0,0 +1,6 @@
+/// <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/src/theme/components/card.d.ts

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