From cac358de24b4fcb512d0986fbf394a93c674db95 Mon Sep 17 00:00:00 2001
From: CaioAugustoR <caio.augusto@gympass.com>
Date: Wed, 3 Jul 2024 10:31:42 -0300
Subject: [PATCH 1/3] feat: add new default props bc

---
 packages/system/src/newSystem/defaultProps.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/system/src/newSystem/defaultProps.ts b/packages/system/src/newSystem/defaultProps.ts
index 0f45c6f4b5..754b850af5 100644
--- a/packages/system/src/newSystem/defaultProps.ts
+++ b/packages/system/src/newSystem/defaultProps.ts
@@ -30,6 +30,7 @@ const props = {
   mv: 'marginVertical',
   mh: 'marginHorizontal',
   bRadius: 'borderRadius',
+  bc: 'borderColor',
 };
 
 export default props;

From 41cb8697d204085b3d8fc77e662282e6f1b4056a Mon Sep 17 00:00:00 2001
From: CaioAugustoR <caio.augusto@gympass.com>
Date: Wed, 3 Jul 2024 10:32:03 -0300
Subject: [PATCH 2/3] feat: update box and text to new system

---
 packages/yoga/src/Box/native/Box.jsx   | 4 ++--
 packages/yoga/src/Text/native/Text.jsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/yoga/src/Box/native/Box.jsx b/packages/yoga/src/Box/native/Box.jsx
index 88c1dffb54..e4007260e9 100644
--- a/packages/yoga/src/Box/native/Box.jsx
+++ b/packages/yoga/src/Box/native/Box.jsx
@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { system } from '@gympass/yoga-system';
+import { newSystem } from '@gympass/yoga-system';
 
-const Box = styled.View(system);
+const Box = styled.View(newSystem);
 
 export default Box;
diff --git a/packages/yoga/src/Text/native/Text.jsx b/packages/yoga/src/Text/native/Text.jsx
index e6eda63f5e..ee2c9f74ac 100644
--- a/packages/yoga/src/Text/native/Text.jsx
+++ b/packages/yoga/src/Text/native/Text.jsx
@@ -1,13 +1,13 @@
 import React from 'react';
 import styled from 'styled-components';
 import { oneOf, bool } from 'prop-types';
-import { system } from '@gympass/yoga-system';
+import { newSystem } from '@gympass/yoga-system';
 import textStyle from '../textStyle';
 import { deprecated } from '../../shared';
 
 const styledText = type => styled.Text`
   ${textStyle(type)}
-  ${system}
+  ${newSystem}
 `;
 
 const Display1 = styledText('display1');

From a413a3470f6af703fd2fc690f04e7467740e3605 Mon Sep 17 00:00:00 2001
From: CaioAugustoR <caio.augusto@gympass.com>
Date: Wed, 3 Jul 2024 10:36:30 -0300
Subject: [PATCH 3/3] test: update snapshots

---
 .../EventCard/__snapshots__/EventCard.test.jsx.snap  | 12 ++++--------
 .../src/Text/native/__snapshots__/Text.test.jsx.snap |  6 ++----
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/packages/yoga/src/Card/native/EventCard/__snapshots__/EventCard.test.jsx.snap b/packages/yoga/src/Card/native/EventCard/__snapshots__/EventCard.test.jsx.snap
index 0de901c406..eca2d1a8ad 100644
--- a/packages/yoga/src/Card/native/EventCard/__snapshots__/EventCard.test.jsx.snap
+++ b/packages/yoga/src/Card/native/EventCard/__snapshots__/EventCard.test.jsx.snap
@@ -101,8 +101,7 @@ exports[`<EventCard /> Snapshots should match snapshot of small EventCard active
             "borderStyle": "solid",
             "borderWidth": 1,
             "justifyContent": "center",
-            "paddingBottom": 20,
-            "paddingTop": 20,
+            "paddingVertical": 20,
             "width": 56,
           },
         ]
@@ -275,8 +274,7 @@ exports[`<EventCard /> Snapshots should match snapshot of small EventCard with d
             "borderStyle": "solid",
             "borderWidth": 1,
             "justifyContent": "center",
-            "paddingBottom": 20,
-            "paddingTop": 20,
+            "paddingVertical": 20,
             "width": 56,
           },
         ]
@@ -445,8 +443,7 @@ exports[`<EventCard /> Snapshots should match snapshot of small EventCard with e
             "borderStyle": "solid",
             "borderWidth": 1,
             "justifyContent": "center",
-            "paddingBottom": 20,
-            "paddingTop": 20,
+            "paddingVertical": 20,
             "width": 56,
           },
         ]
@@ -619,8 +616,7 @@ exports[`<EventCard /> Snapshots should match snapshot of small EventCard with e
             "borderStyle": "solid",
             "borderWidth": 1,
             "justifyContent": "center",
-            "paddingBottom": 20,
-            "paddingTop": 20,
+            "paddingVertical": 20,
             "width": 56,
           },
         ]
diff --git a/packages/yoga/src/Text/native/__snapshots__/Text.test.jsx.snap b/packages/yoga/src/Text/native/__snapshots__/Text.test.jsx.snap
index 346720fab2..53dacfd999 100644
--- a/packages/yoga/src/Text/native/__snapshots__/Text.test.jsx.snap
+++ b/packages/yoga/src/Text/native/__snapshots__/Text.test.jsx.snap
@@ -1194,10 +1194,8 @@ exports[`<Text /> Snapshots should match snapshot with spacing prop system 1`] =
         "marginLeft": 20,
         "marginRight": 20,
         "marginTop": 20,
-        "paddingBottom": 24,
-        "paddingLeft": 16,
-        "paddingRight": 16,
-        "paddingTop": 24,
+        "paddingHorizontal": 16,
+        "paddingVertical": 24,
       },
     ]
   }