more files
This commit is contained in:
@@ -0,0 +1,43 @@
|
||||
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
|
||||
Reference in New Issue
Block a user