@daikin-oss/dds-tokens
Version:
Design token definitions for DDS
662 lines • 13.5 kB
JSON
{
"color": {
"blue": {
"10": {
"value": "#DDF3FC",
"type": "color"
},
"20": {
"value": "#BBE7F9",
"type": "color"
},
"30": {
"value": "#98DBF7",
"type": "color"
},
"40": {
"value": "#76CFF4",
"type": "color"
},
"50": {
"value": "#54C3F1",
"type": "color"
},
"60": {
"value": "#30ADE9",
"type": "color"
},
"70": {
"value": "#0097E0",
"type": "color"
},
"80": {
"value": "#0081C0",
"type": "color"
},
"90": {
"value": "#00689A",
"type": "color"
},
"100": {
"value": "#005077",
"type": "color"
},
"110": {
"value": "#004160",
"type": "color"
},
"120": {
"value": "#002B40",
"type": "color"
}
},
"green": {
"10": {
"value": "#CCFEF8",
"type": "color"
},
"20": {
"value": "#9BFAEF",
"type": "color"
},
"30": {
"value": "#6CF5E4",
"type": "color"
},
"40": {
"value": "#3BF1DC",
"type": "color"
},
"50": {
"value": "#13E5CC",
"type": "color"
},
"60": {
"value": "#00C3AC",
"type": "color"
},
"70": {
"value": "#008F7E",
"type": "color"
},
"80": {
"value": "#007B6C",
"type": "color"
},
"90": {
"value": "#00665A",
"type": "color"
},
"100": {
"value": "#005248",
"type": "color"
},
"110": {
"value": "#003D36",
"type": "color"
},
"120": {
"value": "#002924",
"type": "color"
}
},
"yellow": {
"10": {
"value": "#FFF4D7",
"type": "color"
},
"20": {
"value": "#FFEAAF",
"type": "color"
},
"30": {
"value": "#FFD45F",
"type": "color"
},
"40": {
"value": "#FFC936",
"type": "color"
},
"50": {
"value": "#FFBF0E",
"type": "color"
},
"60": {
"value": "#EFB000",
"type": "color"
},
"70": {
"value": "#B88700",
"type": "color"
},
"80": {
"value": "#9E7400",
"type": "color"
},
"90": {
"value": "#836000",
"type": "color"
},
"100": {
"value": "#694D00",
"type": "color"
},
"110": {
"value": "#4F3A00",
"type": "color"
},
"120": {
"value": "#352700",
"type": "color"
}
},
"orange": {
"10": {
"value": "#FEEAD9",
"type": "color"
},
"20": {
"value": "#FCD4B3",
"type": "color"
},
"30": {
"value": "#FBBF8E",
"type": "color"
},
"40": {
"value": "#FF9C4B",
"type": "color"
},
"50": {
"value": "#FD8B2E",
"type": "color"
},
"60": {
"value": "#FA7A12",
"type": "color"
},
"70": {
"value": "#E46B08",
"type": "color"
},
"80": {
"value": "#B45100",
"type": "color"
},
"90": {
"value": "#964400",
"type": "color"
},
"100": {
"value": "#783600",
"type": "color"
},
"110": {
"value": "#5A2900",
"type": "color"
},
"120": {
"value": "#3C1B00",
"type": "color"
}
},
"red": {
"10": {
"value": "#FDD9DB",
"type": "color"
},
"20": {
"value": "#FBB3B7",
"type": "color"
},
"30": {
"value": "#F98D93",
"type": "color"
},
"40": {
"value": "#F7666F",
"type": "color"
},
"50": {
"value": "#F4404B",
"type": "color"
},
"60": {
"value": "#F21A27",
"type": "color"
},
"70": {
"value": "#D80C18",
"type": "color"
},
"80": {
"value": "#B90A15",
"type": "color"
},
"90": {
"value": "#9A0911",
"type": "color"
},
"100": {
"value": "#7B070E",
"type": "color"
},
"110": {
"value": "#5D050A",
"type": "color"
},
"120": {
"value": "#3E0307",
"type": "color"
}
},
"gray": {
"10": {
"value": "#F2F2F2",
"type": "color"
},
"20": {
"value": "#EBEBEB",
"type": "color"
},
"30": {
"value": "#DCDCDC",
"type": "color"
},
"40": {
"value": "#CECECE",
"type": "color"
},
"50": {
"value": "#BFBFBF",
"type": "color"
},
"60": {
"value": "#A0A0A0",
"type": "color"
},
"70": {
"value": "#828282",
"type": "color"
},
"80": {
"value": "#616161",
"type": "color"
},
"90": {
"value": "#515151",
"type": "color"
},
"100": {
"value": "#414141",
"type": "color"
},
"110": {
"value": "#313131",
"type": "color"
},
"120": {
"value": "#212121",
"type": "color"
}
},
"black": {
"value": "#000000",
"type": "color",
"shadow": {
"value": "#0000001A",
"type": "color"
}
},
"white": {
"value": "#ffffff",
"type": "color"
},
"blue-gray": {
"10": {
"value": "#EEF0F2",
"type": "color"
},
"20": {
"value": "#D8DDE0",
"type": "color"
},
"30": {
"value": "#BBC1C7",
"type": "color"
},
"40": {
"value": "#A4ACB4",
"type": "color"
},
"50": {
"value": "#8D98A1",
"type": "color"
},
"60": {
"value": "#76838E",
"type": "color"
},
"70": {
"value": "#636E78",
"type": "color"
},
"80": {
"value": "#505961",
"type": "color"
},
"90": {
"value": "#444B52",
"type": "color"
},
"100": {
"value": "#30353A",
"type": "color"
},
"110": {
"value": "#282C30",
"type": "color"
},
"120": {
"value": "#1B1E21",
"type": "color"
}
},
"dark-gray": {
"105": {
"value": "#383838",
"type": "color"
},
"115": {
"value": "#282828",
"type": "color"
},
"125": {
"value": "#1A1A1A",
"type": "color"
}
},
"purple": {
"10": {
"value": "#F0DDF3",
"type": "color"
},
"20": {
"value": "#E1BBE8",
"type": "color"
},
"30": {
"value": "#D399DC",
"type": "color"
},
"40": {
"value": "#C477D0",
"type": "color"
},
"50": {
"value": "#B556C5",
"type": "color"
},
"60": {
"value": "#A03DB0",
"type": "color"
},
"70": {
"value": "#81318E",
"type": "color"
},
"80": {
"value": "#6F2A7A",
"type": "color"
},
"90": {
"value": "#5C2365",
"type": "color"
},
"100": {
"value": "#4A1C51",
"type": "color"
},
"110": {
"value": "#37153D",
"type": "color"
},
"120": {
"value": "#250E29",
"type": "color"
}
}
},
"border-radius": {
"100": {
"value": "4",
"type": "borderRadius"
},
"150": {
"value": "6",
"type": "borderRadius"
},
"200": {
"value": "8",
"type": "borderRadius"
},
"250": {
"value": "10",
"type": "borderRadius"
},
"300": {
"value": "12",
"type": "borderRadius"
},
"400": {
"value": "16",
"type": "borderRadius"
},
"050": {
"value": "2",
"type": "borderRadius"
}
},
"border-width": {
"100": {
"value": "4",
"type": "borderWidth"
},
"025": {
"value": "1",
"type": "borderWidth"
},
"050": {
"value": "2",
"type": "borderWidth"
}
},
"space": {
"100": {
"value": "4",
"type": "spacing"
},
"200": {
"value": "8",
"type": "spacing"
},
"300": {
"value": "12",
"type": "spacing"
},
"400": {
"value": "16",
"type": "spacing"
},
"800": {
"value": "32",
"type": "spacing"
},
"050": {
"value": "2",
"type": "spacing"
}
},
"font": {
"regular": {
"normal": {
"300": {
"value": {
"fontFamily": "{font.family.base}",
"fontWeight": "{font.weight.regular}",
"lineHeight": "{font.line-height.normal}",
"fontSize": "{font.size.300}"
},
"type": "typography"
},
"350": {
"value": {
"fontFamily": "{font.family.base}",
"fontWeight": "{font.weight.regular}",
"lineHeight": "{font.line-height.normal}",
"fontSize": "{font.size.350}"
},
"type": "typography"
},
"400": {
"value": {
"fontFamily": "{font.family.base}",
"fontWeight": "{font.weight.regular}",
"lineHeight": "{font.line-height.normal}",
"fontSize": "{font.size.400}"
},
"type": "typography"
}
},
"tight": {
"300": {
"value": {
"fontFamily": "{font.family.base}",
"fontWeight": "{font.weight.regular}",
"lineHeight": "{font.line-height.tight}",
"fontSize": "{font.size.300}"
},
"type": "typography"
},
"350": {
"value": {
"fontFamily": "{font.family.base}",
"fontWeight": "{font.weight.regular}",
"lineHeight": "{font.line-height.tight}",
"fontSize": "{font.size.350}"
},
"type": "typography"
},
"400": {
"value": {
"fontFamily": "{font.family.base}",
"fontWeight": "{font.weight.regular}",
"lineHeight": "{font.line-height.tight}",
"fontSize": "{font.size.400}"
},
"type": "typography"
}
},
"bold": {
"normal": {
"300": {
"value": {
"fontFamily": "{font.family.base}",
"fontWeight": "{font.weight.bold}",
"lineHeight": "{font.line-height.normal}",
"fontSize": "{font.size.300}"
},
"type": "typography"
},
"350": {
"value": {
"fontFamily": "{font.family.base}",
"fontWeight": "{font.weight.bold}",
"lineHeight": "{font.line-height.normal}",
"fontSize": "{font.size.350}"
},
"type": "typography"
},
"400": {
"value": {
"fontFamily": "{font.family.base}",
"fontWeight": "{font.weight.bold}",
"lineHeight": "{font.line-height.normal}",
"fontSize": "{font.size.400}"
},
"type": "typography"
}
},
"tight": {
"300": {
"value": {
"fontFamily": "{font.family.base}",
"fontWeight": "{font.weight.bold}",
"lineHeight": "{font.line-height.tight}",
"fontSize": "{font.size.300}"
},
"type": "typography"
},
"350": {
"value": {
"fontFamily": "{font.family.base}",
"fontWeight": "{font.weight.bold}",
"lineHeight": "{font.line-height.tight}",
"fontSize": "{font.size.350}"
},
"type": "typography"
},
"400": {
"value": {
"fontFamily": "{font.family.base}",
"fontWeight": "{font.weight.bold}",
"lineHeight": "{font.line-height.tight}",
"fontSize": "{font.size.400}"
},
"type": "typography"
}
}
}
},
"size": {
"300": {
"value": "12",
"type": "fontSizes"
},
"350": {
"value": "14",
"type": "fontSizes"
},
"400": {
"value": "16",
"type": "fontSizes"
}
},
"line-height": {
"tight": {
"value": "130%",
"type": "lineHeights"
},
"normal": {
"value": "150%",
"type": "lineHeights"
}
},
"weight": {
"bold": {
"value": "Bold",
"type": "fontWeights"
},
"regular": {
"value": "Regular",
"type": "fontWeights"
}
},
"family": {
"base": {
"value": "Roboto",
"type": "fontFamilies"
}
}
}
}