From d599903662120d1faad4d873e8cdef7565fe3708 Mon Sep 17 00:00:00 2001
From: rgommezz <rauliyohmc@gmail.com>
Date: Wed, 27 Mar 2024 15:56:33 +0100
Subject: [PATCH] chore: use upper-case-snake-case for Sizes

---
 example/src/App.tsx | 4 ++--
 src/utils/index.ts  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/example/src/App.tsx b/example/src/App.tsx
index dc5b062..49c131c 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -60,7 +60,7 @@ export default function App() {
             background="orange"
             justify="center"
             padding={Size.S}
-            spacing={Size.Xs}
+            spacing={Size.XS}
           >
             <Text>Hello</Text>
             <Text>World</Text>
@@ -74,7 +74,7 @@ export default function App() {
             borderRadius={Size.S}
           />
         </Row>
-        <Row flex={1} background="gray" padding={Size.Xl} spacing={Size.L}>
+        <Row flex={1} background="gray" padding={Size.XS} spacing={Size.L}>
           <Stack grow={1}>
             <Button />
           </Stack>
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 665eb6c..3fc8852 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -36,11 +36,11 @@ export function mapPaddingToStyleObject(
 
 export enum Size {
   None = 0,
-  Xs = 4,
+  XS = 4,
   S = 8,
   M = 16,
   L = 24,
-  Xl = 32,
+  XL = 32,
 }
 
 export type GridValue = Size | 0;