chore: use upper-case-snake-case for Sizes

rgommezz · Mar 27, 2024 · d599903 · d599903
1 parent 5404053
commit d599903
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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;