1  /**
 2   * Spacing token scale
 3   * Valid pixel values from the design system
 4   */
 5  
 6  export const validSpacingValues = [
 7    '0px',
 8    '1px',   // px token (border)
 9    '2px',   // 0.5
10    '4px',   // 1
11    '8px',   // 2
12    '12px',  // 3
13    '16px',  // 4
14    '20px',  // 5
15    '24px',  // 6
16    '32px',  // 8
17    '40px',  // 10
18    '48px',  // 12
19    '64px',  // 16
20    '80px',  // 20
21    '96px',  // 24
22  ]
23  
24  export const spacingMapping: Record<string, string> = {
25    '0px': 'var(--spacing-0)',
26    '1px': 'var(--spacing-px)',
27    '2px': 'var(--spacing-0-5)',
28    '4px': 'var(--spacing-1)',
29    '8px': 'var(--spacing-2)',
30    '12px': 'var(--spacing-3)',
31    '16px': 'var(--spacing-4)',
32    '20px': 'var(--spacing-5)',
33    '24px': 'var(--spacing-6)',
34    '32px': 'var(--spacing-8)',
35    '40px': 'var(--spacing-10)',
36    '48px': 'var(--spacing-12)',
37    '64px': 'var(--spacing-16)',
38    '80px': 'var(--spacing-20)',
39    '96px': 'var(--spacing-24)',
40  }