@atlaskit/eslint-plugin-design-system
Version:
The essential plugin for use with the Atlassian Design System.
152 lines • 4.23 kB
JavaScript
// TODO: https://product-fabric.atlassian.net/browse/DSP-16054
const tokenMap = {
'-2px': 'space.negative.025',
'-4px': 'space.negative.050',
'-6px': 'space.negative.075',
'-8px': 'space.negative.100',
'-12px': 'space.negative.150',
'-16px': 'space.negative.200',
'-20px': 'space.negative.250',
'-24px': 'space.negative.300',
'-32px': 'space.negative.400',
[-2]: 'space.negative.025',
[-4]: 'space.negative.050',
[-6]: 'space.negative.075',
[-8]: 'space.negative.100',
[-12]: 'space.negative.150',
[-16]: 'space.negative.200',
[-20]: 'space.negative.250',
[-24]: 'space.negative.300',
[-32]: 'space.negative.400',
// '0px': 'space.0', // Don't map 0 to match the implementation of `ensure-design-token-usage`
'2px': 'space.025',
'4px': 'space.050',
'6px': 'space.075',
'8px': 'space.100',
'12px': 'space.150',
'16px': 'space.200',
'20px': 'space.250',
'24px': 'space.300',
'32px': 'space.400',
'40px': 'space.500',
'48px': 'space.600',
'64px': 'space.800',
'80px': 'space.1000',
// 0: 'space.0', // Don't map 0 to match the implementation of `ensure-design-token-usage`
2: 'space.025',
4: 'space.050',
6: 'space.075',
8: 'space.100',
12: 'space.150',
16: 'space.200',
20: 'space.250',
24: 'space.300',
32: 'space.400',
40: 'space.500',
48: 'space.600',
64: 'space.800',
80: 'space.1000',
'-0.125rem': 'space.negative.025',
'-0.25rem': 'space.negative.050',
'-0.375rem': 'space.negative.075',
'-0.5rem': 'space.negative.100',
'-0.75rem': 'space.negative.150',
'-1rem': 'space.negative.200',
'-1.25rem': 'space.negative.250',
'-1.5rem': 'space.negative.300',
'-2rem': 'space.negative.400',
'0.125rem': 'space.025',
'0.25rem': 'space.050',
'0.375rem': 'space.075',
'0.5rem': 'space.100',
'0.75rem': 'space.150',
'1rem': 'space.200',
'1.25rem': 'space.250',
'1.5rem': 'space.300',
'2rem': 'space.400',
'2.5rem': 'space.500',
'3rem': 'space.600',
'4rem': 'space.800',
'5rem': 'space.1000',
'-0.125em': 'space.negative.025',
'-0.25em': 'space.negative.050',
'-0.375em': 'space.negative.075',
'-0.5em': 'space.negative.100',
'-0.75em': 'space.negative.150',
'-1em': 'space.negative.200',
'-1.25em': 'space.negative.250',
'-1.5em': 'space.negative.300',
'-2em': 'space.negative.400',
'0.125em': 'space.025',
'0.25em': 'space.050',
'0.375em': 'space.075',
'0.5em': 'space.100',
'0.75em': 'space.150',
'1em': 'space.200',
'1.25em': 'space.250',
'1.5em': 'space.300',
'2em': 'space.400',
'2.5em': 'space.500',
'3em': 'space.600',
'4em': 'space.800',
'5em': 'space.1000'
};
export const styleMap = {
'column-gap': tokenMap,
columnGap: tokenMap,
gap: tokenMap,
'grid-column-gap': tokenMap,
'grid-row-gap': tokenMap,
gridColumnGap: tokenMap,
gridRowGap: tokenMap,
'margin-block-end': tokenMap,
'margin-block-start': tokenMap,
'margin-block': tokenMap,
'margin-bottom': tokenMap,
'margin-inline-end': tokenMap,
'margin-inline-start': tokenMap,
'margin-inline': tokenMap,
'margin-left': tokenMap,
'margin-right': tokenMap,
'margin-top': tokenMap,
'outline-offset': tokenMap,
outlineOffset: tokenMap,
'padding-block-end': tokenMap,
'padding-block-start': tokenMap,
'padding-block': tokenMap,
'padding-bottom': tokenMap,
'padding-inline-end': tokenMap,
'padding-inline-start': tokenMap,
'padding-inline': tokenMap,
'padding-left': tokenMap,
'padding-right': tokenMap,
'padding-top': tokenMap,
'row-gap': tokenMap,
rowGap: tokenMap,
margin: tokenMap,
marginBlock: tokenMap,
marginBlockEnd: tokenMap,
marginBlockStart: tokenMap,
marginBottom: tokenMap,
marginInline: tokenMap,
marginInlineEnd: tokenMap,
marginInlineStart: tokenMap,
marginLeft: tokenMap,
marginRight: tokenMap,
marginTop: tokenMap,
padding: tokenMap,
paddingBlock: tokenMap,
paddingBlockEnd: tokenMap,
paddingBlockStart: tokenMap,
paddingBottom: tokenMap,
paddingInline: tokenMap,
paddingInlineEnd: tokenMap,
paddingInlineStart: tokenMap,
paddingLeft: tokenMap,
paddingRight: tokenMap,
paddingTop: tokenMap
// bottom: tokenMap,
// left: tokenMap,
// right: tokenMap,
// top: tokenMap,
};