jellyfish_designtokens
Version:
Ultimate design tokens from Jelly Fish Design System
433 lines • 9.28 kB
JSON
{
"jf": {
"border": {
"width": {
"none": {
"value": "0px",
"type": "borderWidth"
},
"xs": {
"value": "1px",
"type": "borderWidth"
},
"sm": {
"value": "2px",
"type": "borderWidth"
},
"md": {
"value": "4px",
"type": "borderWidth"
},
"lg": {
"value": "6px",
"type": "borderWidth"
},
"xl": {
"value": "8px",
"type": "borderWidth"
}
},
"radius": {
"0": {
"value": "0",
"type": "borderRadius"
},
"1": {
"value": "4px",
"type": "borderRadius"
},
"2": {
"value": "8px",
"type": "borderRadius"
},
"3": {
"value": "12px",
"type": "borderRadius"
},
"4": {
"value": "20px",
"type": "borderRadius"
},
"5": {
"value": "120px",
"type": "borderRadius"
},
"6": {
"value": "999px",
"type": "borderRadius"
},
"7": {
"value": "50%",
"type": "borderRadius"
}
}
},
"font": {
"weight": {
"300": {
"value": "300",
"type": "fontWeights"
},
"400": {
"value": "400",
"type": "fontWeights"
},
"500": {
"value": "500",
"type": "fontWeights"
},
"600": {
"value": "600",
"type": "fontWeights"
},
"700": {
"value": "700",
"type": "fontWeights"
},
"900": {
"value": "900",
"type": "fontWeights"
}
},
"line-height": {
"xs": {
"value": "100%",
"type": "lineHeights"
},
"sm": {
"value": "130%",
"type": "lineHeights"
},
"md": {
"value": "150%",
"type": "lineHeights"
},
"lg": {
"value": "180%",
"type": "lineHeights"
}
},
"letter-spacing": {
"sm": {
"value": "-5%",
"type": "letterSpacing"
},
"md": {
"value": "0%",
"type": "letterSpacing"
},
"lg": {
"value": "10%",
"type": "letterSpacing"
}
},
"size": {
"1": {
"value": "0.75",
"type": "fontSizes"
},
"2": {
"value": "0.875",
"type": "fontSizes"
},
"3": {
"value": "1",
"type": "fontSizes"
},
"4": {
"value": "1.25",
"type": "fontSizes"
},
"5": {
"value": "1.5",
"type": "fontSizes"
},
"6": {
"value": "1.75",
"type": "fontSizes"
},
"7": {
"value": "2",
"type": "fontSizes"
},
"8": {
"value": "2.5",
"type": "fontSizes"
},
"9": {
"value": "3",
"type": "fontSizes"
},
"10": {
"value": "3.5",
"type": "fontSizes"
},
"11": {
"value": "4",
"type": "fontSizes"
},
"12": {
"value": "4.5",
"type": "fontSizes"
},
"13": {
"value": "5",
"type": "fontSizes"
},
"14": {
"value": "6",
"type": "fontSizes"
},
"15": {
"value": "7",
"type": "fontSizes"
},
"16": {
"value": "8",
"type": "fontSizes"
},
"17": {
"value": "9",
"type": "fontSizes"
},
"18": {
"value": "10",
"type": "fontSizes"
},
"19": {
"value": "11",
"type": "fontSizes"
},
"20": {
"value": "12",
"type": "fontSizes"
},
"21": {
"value": "13",
"type": "fontSizes"
},
"22": {
"value": "14",
"type": "fontSizes"
},
"23": {
"value": "15",
"type": "fontSizes"
},
"24": {
"value": "16",
"type": "fontSizes"
},
"25": {
"value": "17",
"type": "fontSizes"
}
}
},
"layer": {
"1": {
"value": "-1",
"type": "other",
"description": "Also know as z-index"
},
"2": {
"value": "0",
"type": "other"
},
"3": {
"value": "1",
"type": "other"
},
"4": {
"value": "10",
"type": "other"
},
"5": {
"value": "50",
"type": "other"
},
"6": {
"value": "100",
"type": "other"
},
"7": {
"value": "200",
"type": "other"
},
"8": {
"value": "500",
"type": "other"
},
"9": {
"value": "99999",
"type": "other"
}
},
"dimension": {
"0": {
"value": "0rem",
"type": "dimension"
},
"1": {
"value": "0.125rem",
"type": "dimension",
"description": "2px"
},
"2": {
"value": "0.25rem",
"type": "dimension",
"description": "4px"
},
"3": {
"value": "0.5rem",
"type": "dimension",
"description": "8px"
},
"4": {
"value": "0.75rem",
"type": "dimension",
"description": "12px"
},
"5": {
"value": "1rem",
"type": "dimension",
"description": "16px"
},
"6": {
"value": "1.25rem",
"type": "dimension",
"description": "20px"
},
"7": {
"value": "1.5rem",
"type": "dimension",
"description": "24px"
},
"8": {
"value": "1.75rem",
"type": "dimension",
"description": "28px"
},
"9": {
"value": "2rem",
"type": "dimension",
"description": "32px"
},
"10": {
"value": "2.25rem",
"type": "dimension",
"description": "36px"
},
"11": {
"value": "2.5rem",
"type": "dimension",
"description": "40px"
},
"12": {
"value": "2.75rem",
"type": "dimension",
"description": "44px"
},
"13": {
"value": "3rem",
"type": "dimension",
"description": "48px"
},
"14": {
"value": "3.5rem",
"type": "dimension",
"description": "56px"
},
"15": {
"value": "4rem",
"type": "dimension",
"description": "64px"
},
"16": {
"value": "4.5rem\n",
"type": "dimension",
"description": "72px"
},
"17": {
"value": "5rem",
"type": "dimension",
"description": "80px"
},
"18": {
"value": "6rem",
"type": "dimension",
"description": "96px"
},
"19": {
"value": "7rem",
"type": "dimension",
"description": "112px"
},
"20": {
"value": "8rem",
"type": "dimension",
"description": "128px"
},
"21": {
"value": "9rem",
"type": "dimension",
"description": "144px"
},
"22": {
"value": "10rem",
"type": "dimension",
"description": "160px"
},
"23": {
"value": "11rem",
"type": "dimension",
"description": "176px"
},
"24": {
"value": "12rem",
"type": "dimension",
"description": "192px"
},
"25": {
"value": "13rem",
"type": "dimension",
"description": "208px"
},
"26": {
"value": "14rem",
"type": "dimension",
"description": "224px"
},
"27": {
"value": "16rem",
"type": "dimension",
"description": "256px"
},
"28": {
"value": "20rem",
"type": "dimension",
"description": "320px"
},
"29": {
"value": "30rem",
"type": "dimension",
"description": "480px"
},
"30": {
"value": "36rem",
"type": "dimension",
"description": "576px"
},
"31": {
"value": "48rem",
"type": "dimension",
"description": "768px"
},
"32": {
"value": "50rem",
"type": "dimension",
"description": "800px"
}
}
}
}