44 lines
918 B
TypeScript
44 lines
918 B
TypeScript
export const tokens = {
|
|
space: {
|
|
xs: 4, // 4px
|
|
sm: 8, // 8px
|
|
md: 16, // 16px
|
|
lg: 24, // 24px
|
|
xl: 32, // 32px
|
|
xxl: 48, // 48px
|
|
},
|
|
color: {
|
|
brand: '#0052CC', // Atlassian Blue
|
|
brandHover: '#0065FF',
|
|
surface: '#FFFFFF',
|
|
subtle: '#F4F5F7',
|
|
elevated: '#FAFBFC',
|
|
text: '#172B4D',
|
|
muted: '#5E6C84',
|
|
border: '#DFE1E6',
|
|
borderFocus: '#4C9AFF',
|
|
danger: '#DE350B',
|
|
dangerSubtle: '#FFEBE6',
|
|
success: '#00875A',
|
|
successSubtle: '#E3FCEF',
|
|
warning: '#FF8B00',
|
|
warningSubtle: '#FFFAE6',
|
|
info: '#0052CC',
|
|
infoSubtle: '#DEEBFF',
|
|
},
|
|
sidebar: {
|
|
collapsed: 56,
|
|
expanded: 320,
|
|
},
|
|
touchTarget: 44, // WCAG 2.5.5 minimum
|
|
borderRadius: {
|
|
sm: 3,
|
|
md: 4,
|
|
lg: 8,
|
|
full: 9999,
|
|
},
|
|
} as const
|
|
|
|
export type ColorToken = keyof typeof tokens.color
|
|
export type SpaceToken = keyof typeof tokens.space
|