Update size token function and types

Nate Butler and Keith Simmons created 3 years ago

Co-Authored-By: Keith Simmons <[e-mail]>

Change summary

styles/src/tokens.ts | 25 ++++++++++---------------
1 file changed, 10 insertions(+), 15 deletions(-)

Detailed changes

styles/src/tokens.ts

@@ -66,22 +66,8 @@ export const fontWeights = {
 }
 
 // Standard size unit used for paddings, margins, borders, etc.
-export type Size =
-  | "px"
-  | "xs"
-  | "sm"
-  | "md"
-  | "lg"
-  | "xl";
 
-export const sizes = {
-  px: 1,
-  xs: 2,
-  sm: 4,
-  md: 6,
-  lg: 8,
-  xl: 12,
-};
+export type Size = number
 
 export type SizeToken = Token<Size, "size">;
 function size(value: Size): SizeToken {
@@ -91,6 +77,15 @@ function size(value: Size): SizeToken {
   };
 }
 
+export const sizes = {
+  px: size(1),
+  xs: size(2),
+  sm: size(4),
+  md: size(6),
+  lg: size(8),
+  xl: size(12),
+};
+
 export type Color = string;
 export interface ColorToken {
   value: Color,