@hero-design/rn 8.84.3 → 8.85.0

package/.turbo/turbo-build.log

@@ -1,7 +1,7 @@
-(node:3013) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(node:2994) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
 (Use `node --trace-warnings ...` to show where the warning was created)
 
 src/index.ts → lib/index.js, es/index.js...
 (!) [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`.
 (!) [plugin node-resolve] preferring built-in module 'events' over local alternative at '/home/runner/work/hero-design/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning.or passing a function to 'preferBuiltins' to provide more fine-grained control over which built-in modules to prefer.
-created lib/index.js, es/index.js in 51.4s
+created lib/index.js, es/index.js in 50s

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/rn
 
+## 8.85.0
+
+### Minor Changes
+
+- [#3605](https://github.com/Thinkei/hero-design/pull/3605) [`ab87bce2a285fbbe735eca30fa686f26eb2f2a97`](https://github.com/Thinkei/hero-design/commit/ab87bce2a285fbbe735eca30fa686f26eb2f2a97) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [Box] Support gap property
+
 ## 8.84.3
 
 ### Patch Changes

package/es/index.js

@@ -8831,6 +8831,10 @@ var space = {
   paddingVertical: {
     property: 'paddingVertical',
     scale: 'space'
+  },
+  gap: {
+    property: 'gap',
+    scale: 'space'
   }
 };
 var radii = {

package/lib/index.js

@@ -8859,6 +8859,10 @@ var space = {
   paddingVertical: {
     property: 'paddingVertical',
     scale: 'space'
+  },
+  gap: {
+    property: 'gap',
+    scale: 'space'
   }
 };
 var radii = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.84.3",
+  "version": "8.85.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

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

@@ -567,6 +567,7 @@ exports[`Box map prop to valid property and correct space from theme 1`] = `
   }
 >
   <View
+    gap="large"
     margin="large"
     marginBottom="large"
     marginEnd="large"
@@ -588,6 +589,7 @@ exports[`Box map prop to valid property and correct space from theme 1`] = `
     style={
       [
         {
+          "gap": 24,
           "margin": 24,
           "marginBottom": 24,
           "marginEnd": 24,
@@ -643,6 +645,7 @@ exports[`Box map prop to valid property and correct space from theme 2`] = `
   }
 >
   <View
+    gap="medium"
     margin="medium"
     marginBottom="medium"
     marginEnd="medium"
@@ -664,6 +667,7 @@ exports[`Box map prop to valid property and correct space from theme 2`] = `
     style={
       [
         {
+          "gap": 16,
           "margin": 16,
           "marginBottom": 16,
           "marginEnd": 16,
@@ -719,6 +723,7 @@ exports[`Box map prop to valid property and correct space from theme 3`] = `
   }
 >
   <View
+    gap="small"
     margin="small"
     marginBottom="small"
     marginEnd="small"
@@ -740,6 +745,7 @@ exports[`Box map prop to valid property and correct space from theme 3`] = `
     style={
       [
         {
+          "gap": 8,
           "margin": 8,
           "marginBottom": 8,
           "marginEnd": 8,
@@ -795,6 +801,7 @@ exports[`Box map prop to valid property and correct space from theme 4`] = `
   }
 >
   <View
+    gap="xlarge"
     margin="xlarge"
     marginBottom="xlarge"
     marginEnd="xlarge"
@@ -816,6 +823,7 @@ exports[`Box map prop to valid property and correct space from theme 4`] = `
     style={
       [
         {
+          "gap": 32,
           "margin": 32,
           "marginBottom": 32,
           "marginEnd": 32,

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

@@ -81,6 +81,7 @@ describe('Box', () => {
         paddingStart={space}
         paddingTop={space}
         paddingVertical={space}
+        gap={space}
       />
     );
 

package/src/components/Box/config.ts

@@ -110,6 +110,10 @@ const space = {
     property: 'paddingVertical',
     scale: 'space',
   },
+  gap: {
+    property: 'gap',
+    scale: 'space',
+  },
 } as const;
 
 const radii = {